.study{--ink:#172f43;--paper:#fff;--bg:#f2f6fa;--line:#c4d2de;--accent:#155079;--muted:#465b6d;max-width:1100px;margin:24px auto;padding:0 20px 96px;color:var(--ink);background:var(--bg);font-size:var(--font,18px);line-height:1.65;overflow-wrap:anywhere}.study[data-dark=true]{--ink:#edf4fb;--paper:#172837;--bg:#0d1b26;--line:#6d879b;--accent:#a4d7ff;--muted:#c0d0de}.study *{box-sizing:border-box}.study h1{font-size:1.9em;line-height:1.2;margin:12px 0}.study h2{font-size:1.25em}.study h3{font-size:1.1em}.study p{color:inherit}.study a{color:var(--accent)}.study button,.study input,.study select,.study textarea{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);color:var(--ink);min-height:46px;max-width:100%}.study button{cursor:pointer;font-weight:650}.study button:disabled{opacity:.65;cursor:not-allowed}.study .primary{background:#155079;color:#fff;border-color:#155079}.study :focus-visible{outline:3px solid #d88a00;outline-offset:3px}.study .panel{background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:18px;margin:16px 0}.study .bar,.study .tools,.study .links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.study .bar{justify-content:space-between}.study .eyebrow{font-size:.72em;letter-spacing:.12em;color:var(--muted);font-weight:700}.study .muted{color:var(--muted);font-size:.88em}.study .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.study label{display:block}.study label select,.study label input:not([type=checkbox]),.study textarea{display:block;width:100%;margin-top:5px}.study .option-row{display:flex;gap:8px;margin:10px 0}.study .option{flex:1;text-align:left;font-weight:450}.study .option[aria-pressed=true]{background:#155079;color:#fff;border:2px solid #155079}.study .option-row.excluded .option{text-decoration:line-through;opacity:.7}.study .strike{flex:0 0 48px}.study .stem{white-space:pre-wrap;line-height:1.8;margin:24px 0;font-size:1.1em}.study pre{font:inherit;white-space:pre-wrap;background:var(--bg);padding:14px;border-radius:10px}.study .takeaway{border-left:4px solid #e4ab3c;padding:12px 16px;background:var(--bg)}.study progress{width:100%;height:10px;accent-color:#155079}.study mark{background:#ffe58a;color:#172f43}.study .sticky{position:sticky;bottom:8px;background:var(--paper);padding:10px;border:1px solid var(--line);border-radius:14px;display:flex;gap:8px;justify-content:space-between;z-index:2}.study .score{font-size:2.8em;font-weight:750;line-height:1.2}.study details{margin:12px 0;border-bottom:1px solid var(--line);padding:10px 0}.study summary{cursor:pointer;min-height:44px}.study img{max-width:100%;height:auto}.study .matrix-row{padding:12px 0;border-bottom:1px solid var(--line)}.study .matrix-row select{width:100%}.study dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:24px;max-width:min(92vw,600px);max-height:90vh}.study dialog::backdrop{background:#0008}.study .badge{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:4px 10px}.study .error{color:#ad2525}.study[data-dark=true] .error{color:#ffb6b6}.study canvas{max-width:100%}.study .metric{font-size:1.8em;font-weight:700}.study .question-list{max-height:300px;overflow:auto}.study .question-list button{margin:4px}.study .tiny{font-size:.8em}.study .drag-token{touch-action:manipulation}.study .notification{border-left:4px solid #155079;padding:8px 16px}.study-entry{display:block;margin:20px auto;padding:16px 24px;max-width:600px;background:#155079;color:#fff;border:0;border-radius:14px;font:600 18px system-ui;cursor:pointer}.study-shell{margin:0;background:#f2f6fa;font-family:system-ui,sans-serif}.study-shell>header{max-width:1100px;margin:auto;padding:20px;color:#172f43}.study-shell>header a{color:#155079}@media(max-width:600px){.study{padding:0 12px 90px;margin:12px auto}.study .panel{padding:18px 14px;border-radius:14px}.study .grid{grid-template-columns:1fr}.study .tools{gap:6px}.study .tools button{font-size:.85em;padding:8px}.study h1{font-size:1.65em}.study .sticky button{flex:1}.study .bar{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.study *{scroll-behavior:auto!important;animation:none!important}}

body>footer,body>footer a{color:#465b6d}#app:has(>p:only-child){min-height:70vh}

.study [data-type=bowtie]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.study [data-type=bowtie] .matrix-row:nth-child(1){grid-area:1/1}.study [data-type=bowtie] .matrix-row:nth-child(2){grid-area:2/1}.study [data-type=bowtie] .matrix-row:nth-child(3){grid-area:1/2/3/3;align-self:center;border:2px solid var(--line);border-radius:16px;padding:12px}.study [data-type=bowtie] .matrix-row:nth-child(4){grid-area:1/3}.study [data-type=bowtie] .matrix-row:nth-child(5){grid-area:2/3}.study [data-type=bowtie] select{min-width:0}.study [data-type=highlight] .option[aria-pressed=true]{background:#ffe58a;color:#172f43}.study [data-drop]{outline-offset:3px}.study [data-drop]:hover{outline:2px dashed var(--accent)}

.access{padding:20px;max-width:1120px;margin:auto}.access input{max-width:100%;box-sizing:border-box}.access a{color:inherit}.access form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.access [hidden]{display:none}body{margin:0}

.access{font-family:system-ui,sans-serif;font-size:16px;line-height:1.6}.access h1{font-size:26px}.access input{padding:10px;border:1px solid #a9bbc9;border-radius:6px;min-width:0}.access button{padding:10px 14px;border:1px solid #cad6df;border-radius:7px;background:#fff;color:#173447;font:inherit;cursor:pointer}.access button[type=submit]{background:#195c80;color:#fff}.access #access-status{font-weight:600}
