.study-card{margin:1.5rem 0;padding:clamp(1rem,3vw,1.5rem);background:var(--surface-raised);border:1px solid var(--border-muted);border-radius:.75rem;overflow-wrap:anywhere}.study-card h3{margin:.5rem 0 1rem;font-size:1.1rem}.study-card p{font-size:.95rem}.study-card summary{cursor:pointer;font-weight:650}.study-muted{color:var(--text-muted);font-size:.85rem}.study-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem}.study-field{display:grid;gap:.4rem;margin:.8rem 0;min-width:0;font-size:.9rem}.study-card :is(textarea,select,input[type=file]){width:100%;max-width:100%;min-width:0;padding:.6rem;border:1px solid var(--border-muted);border-radius:.4rem;background:var(--surface-page);color:var(--text-primary);font:inherit}.study-card textarea{resize:vertical}.study-card fieldset{min-width:0;border:1px solid var(--border-muted);border-radius:.4rem}.study-card .study-option{display:flex;align-items:flex-start;gap:.7rem;margin:.8rem 0;font-size:.95rem}.study-card .study-option input{width:1rem;height:1rem;flex:0 0 1rem;margin:.2rem 0 0;padding:0}.study-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin:.75rem 0}.study-card button{font-size:.85rem;padding:.55rem .8rem;min-height:2.75rem;background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-muted);border-radius:.4rem;cursor:pointer}.study-card button:disabled{opacity:.5;cursor:default}.study-card :is(button,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.study-feedback{margin-top:1rem;padding:.8rem 1rem;border-left:3px solid var(--accent)}.saved-note{white-space:pre-wrap}.wall-chart{display:flex;align-items:end;justify-content:space-around;gap:.5rem;padding:1rem 0}.wall-slot{display:flex;flex:1;flex-direction:column;align-items:center;gap:.4rem;font-size:.85rem}.wall-slot.discarded{opacity:.35}.wall{display:flex;align-items:flex-end;justify-content:center;width:min(100%,3rem);min-height:1.5rem;border:2px solid var(--text-muted);border-radius:.2rem .2rem 0 0}.wall.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent)}.wall span{background:var(--surface-raised);padding:0 .15rem}.walkthrough-state{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.7rem;padding:0;list-style:none}.walkthrough-state li{padding:.8rem;border:1px solid var(--border-muted);border-radius:.4rem;background:var(--surface-page);font-size:.85rem}.reader-toolbar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.8rem 0;margin:1rem 0;border-block:1px solid var(--border-muted);font-size:.85rem}.reader-tools{flex:1;min-width:0}.reader-tools summary{cursor:pointer;color:var(--text-muted)}.reader-toolbar>a{white-space:nowrap}.reader-tools select{width:100%;padding:.5rem;background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-muted);border-radius:.4rem;font:inherit}.section-note-anchor{display:inline-block;margin-left:.4rem;vertical-align:middle;font-size:1rem;line-height:1}.section-note-trigger{display:inline-flex;align-items:center;justify-content:center;position:relative;width:2.75rem;height:2.75rem;padding:.65rem;border:0;border-radius:.5rem;background:transparent;color:var(--text-muted);cursor:pointer}.section-note-trigger svg{width:1.1rem;height:1.1rem}.section-note-trigger:hover,.section-note-trigger[aria-expanded=true]{background:var(--surface-subtle);color:var(--accent)}.section-note-trigger.has-note{color:var(--accent)}@media(hover:hover)and (pointer:fine){.section-note-trigger{opacity:0;transition:opacity .12s ease}:is(h1,h2,h3):hover .section-note-trigger,:is(h1,h2,h3):focus-within .section-note-trigger,.section-note-trigger[aria-expanded=true]{opacity:1}}@media(prefers-reduced-motion:reduce){.section-note-trigger{transition:none}}.note-indicator{position:absolute;right:.4rem;top:.4rem;width:.3rem;height:.3rem;border-radius:50%;background:var(--accent)}.section-note-editor{padding:1rem 1.1rem;margin:.7rem 0 1.5rem;border:1px solid var(--border-muted);border-left:2px solid var(--accent);border-radius:.6rem;background:var(--surface-raised);font-size:.9rem;line-height:1.5;letter-spacing:normal}.note-editor-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--text-primary)}.note-editor-header small{color:var(--text-muted);font-weight:400}.note-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.section-note-editor textarea{width:100%;min-height:6rem;padding:.8rem;background:var(--surface-page);color:var(--text-primary);border:1px solid var(--border-muted);border-radius:.4rem;resize:vertical;font:inherit}.section-note-editor .note-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.note-checkbox input{width:1rem;height:1rem;margin:0;padding:0;flex:0 0 1rem;accent-color:var(--accent)}.note-editor-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.8rem}.section-note-editor button{padding:.5rem .65rem;min-height:2.75rem;border:0;border-radius:.4rem;background:transparent;color:var(--text-muted);font:inherit;font-size:.8rem;cursor:pointer}.section-note-editor button:hover{background:var(--surface-subtle);color:var(--text-primary)}.section-note-editor .note-save{background:var(--accent);color:var(--surface-page);font-weight:600}.section-note-editor button:disabled{opacity:.45;cursor:default}.section-note-editor .note-close{font-size:1.2rem;width:2.75rem;padding:0}.section-note-editor .note-status{font-size:.8rem;color:var(--text-muted);margin:0;min-height:1.2em}.section-note-trigger:focus-visible,.section-note-editor :is(button,textarea,input):focus-visible,.reader-tools :is(summary,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:480px){.reader-toolbar{flex-wrap:wrap}.note-editor-header small{display:block}.section-note-editor{padding:.8rem}}