:root{font-family:system-ui,sans-serif;line-height:1.5;color:#1a1a1a}body{margin:0}.app{max-width:720px;margin:0 auto;padding:1rem}.placeholder-banner{background:#fff3cd;border:1px solid #e0c068;padding:.5rem .75rem;font-size:.85rem;margin-bottom:1rem}.error{color:#b00020}.scenario-picker ul,.case-list ul{list-style:none;padding:0}.scenario-picker button{display:block;width:100%;text-align:left;padding:.75rem;margin-bottom:.5rem;border:1px solid #ccc;background:#fafafa;cursor:pointer}.persona,.starter,.case-meta{font-size:.85rem;color:#555}.sara-progress ol{list-style:none;display:flex;gap:.5rem;padding:0;font-size:.85rem;text-transform:capitalize}.sara-progress li{padding:.25rem .5rem;border:1px solid #ddd}.sara-progress li.current{font-weight:700;background:#e8f0fe;border-color:#88a}.sara-progress .depth{font-weight:400;color:#555}.step-card{border:1px solid #ccc;padding:1rem;margin:1rem 0}.reflection{color:#555}.question{font-weight:600}.grade{font-size:.85rem;background:#f0f0f0;padding:.4rem}.advisory{font-size:.8rem;color:#888}.step-card textarea{display:block;width:100%;box-sizing:border-box;margin:.5rem 0}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.chip{padding:.35rem .75rem;border:1px solid #88a;border-radius:999px;background:#eef;cursor:pointer}.chip:disabled{opacity:.5;cursor:default}.response-cards{list-style:none;padding:0}.response-card{display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;padding:.5rem .75rem;margin-bottom:.4rem}.star-slot{color:#c79100;letter-spacing:1px}.citations{font-size:.8rem;color:#444;margin-top:.75rem;border-top:1px dashed #ccc;padding-top:.5rem}.citations ul{margin:.25rem 0 0;padding-left:1.25rem}.case-list{margin-top:2rem;border-top:2px solid #ddd;padding-top:1rem}.case{border:1px solid #eee;padding:.5rem .75rem;margin-bottom:.5rem}.tags{margin-top:.25rem}.tag{display:inline-block;font-size:.75rem;background:#eee;padding:.1rem .4rem;margin-right:.25rem;border-radius:3px}.complete{font-weight:700;color:#137333}