.reflection-questions{display:grid;gap:22px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.reflection-heading{display:grid;gap:7px}.reflection-heading h2,.reflection-heading p,.reflection-question,.reflection-question legend{margin:0}.reflection-heading h2,.reflection-question legend{color:var(--ink)}.reflection-heading h2{font-size:20px;line-height:1.3}.reflection-heading p,.reflection-note small{color:var(--sub)}.reflection-heading p{font-size:14px;line-height:1.55}.reflection-question{min-width:0;padding:0;border:0}.reflection-question legend{padding:0 0 11px;font-size:16px;font-weight:700;line-height:1.45}.reflection-options{display:grid;gap:8px}.reflection-option{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:center;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--bg);color:var(--ink);cursor:pointer}.reflection-option:has(input:checked){border-color:var(--accent)}.reflection-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.reflection-option input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.reflection-option span{font-size:15px;line-height:1.45}.reflection-note textarea:disabled,.reflection-question:disabled .reflection-option{cursor:default;opacity:.58}.reflection-note{display:grid;gap:8px;color:var(--ink);font-size:15px;font-weight:700}.reflection-note textarea{box-sizing:border-box;width:100%;min-height:72px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--bg);color:var(--ink);font:inherit;font-weight:400;line-height:1.5}.reflection-note textarea:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.reflection-note small{justify-self:end;font-size:12px;font-weight:400}@media (max-width:359px){.reflection-questions{gap:19px;padding:18px}.reflection-option{padding-inline:10px}}.story-choice,.story-references,.story-state{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.story-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.story-heading h2{font-family:var(--sans);font-size:17px;line-height:1.45}.story-choice>p,.story-heading p,.story-references p,.story-state,.story-state>p{color:var(--sub);font-size:12px;line-height:1.7}.story-state-block{margin:10px 0}.story-state-block>p,.story-state>p{margin:0}.story-retry{min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.story-reference-status,.story-retry{margin-top:8px}.story-choice>p{margin-top:10px}.story-checkbox{min-height:44px;display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-size:14px;font-weight:700;line-height:1.55;cursor:pointer}.story-checkbox input{width:19px;height:19px;flex:0 0 auto;margin:2px 0 0}.story-checkbox:has(input:disabled){color:var(--sub);cursor:default}.story-labels{display:grid;gap:8px;margin:14px 0;padding:0;list-style:none}.story-labels li{padding-left:13px;position:relative;color:var(--ink);font-size:13px;line-height:1.6}.story-labels li:before{content:"";width:5px;height:5px;position:absolute;top:.68em;left:0;border-radius:0;background:var(--accent)}.story-references{background:var(--surface)}.story-references summary{display:flex;font-size:14px;cursor:pointer}.story-references summary,.story-references>a{min-height:44px;align-items:center;font-weight:700}.story-references>a{display:inline-flex;color:var(--ink);font-size:13px;text-decoration:underline;text-underline-offset:3px}