@charset "UTF-8";
:root { color-scheme: light; --paper:#f3f0e4; --ink:#202922; --muted:#455247; --wine:#72343b; --yellow:#dfd495; --line:#626b59; --white:#fffdf4; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { background:var(--paper); color:var(--ink); scroll-behavior:auto; }
body { margin:0; font-size:18px; line-height:1.65; }
[hidden] { display:none !important; }
a { color:var(--wine); text-underline-offset:.2em; text-decoration-thickness:1px; overflow-wrap:anywhere; }
a:hover { text-decoration-thickness:2px; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid var(--wine); outline-offset:4px; }
a,button { min-height:44px; }
h1,h2,h3,p,figure { margin:0; }
h1 { font-size:clamp(2.6rem,5.1vw,5rem); line-height:1.04; letter-spacing:-.045em; font-weight:750; max-width:19ch; overflow-wrap:break-word; }
h2 { font-size:clamp(1.4rem,2.25vw,1.9rem); line-height:1.2; letter-spacing:-.02em; font-weight:700; margin-bottom:16px; }
button,input { font:inherit; }
button { border:2px solid var(--ink); border-radius:0; padding:12px 18px; background:var(--yellow); color:var(--ink); cursor:pointer; font-weight:650; }
button:hover { background:var(--white); }
button:disabled { cursor:default; }
input { width:100%; min-width:0; border:2px solid var(--ink); border-radius:0; background:var(--white); color:var(--ink); min-height:52px; padding:8px 12px; margin-top:8px; }
[data-role="skip-link"] { position:absolute; left:16px; top:12px; transform:translateY(-180%); background:var(--white); border:2px solid var(--ink); padding:8px 18px; z-index:2; }
[data-role="skip-link"]:focus { transform:none; }
[data-role="masthead"],[data-role="question-tabs"],[data-role="reading-desk"],[data-role="footer"] { width:min(1256px,calc(100% - 64px)); margin-inline:auto; }
[data-role="masthead"] { min-height:100px; display:flex; justify-content:space-between; align-items:center; gap:24px; border-bottom:2px solid var(--ink); padding-block:18px; }
[data-role="guide-name"] { display:flex; align-items:center; gap:24px; color:var(--ink); text-decoration:none; font-size:27px; font-weight:750; letter-spacing:-.03em; }
[data-role="guide-name"] span { font-size:16px; line-height:1.3; max-width:20ch; font-weight:500; letter-spacing:0; border-left:1px solid var(--line); padding-left:24px; }
[data-role="masthead"] > p { color:var(--muted); font-size:16px; }
[data-role="question-tabs"] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:20px; border:2px solid var(--ink); }
[data-role="question-tab"] { display:flex; align-items:center; justify-content:center; padding:14px 12px; min-height:60px; color:var(--ink); font-size:16px; line-height:1.35; font-weight:650; text-align:center; text-decoration:none; border-right:1px solid var(--ink); }
[data-role="question-tab"]:last-child { border-right:0; }
[data-role="question-tab"][data-selected="true"] { background:var(--ink); color:var(--paper); }
[data-role="question-tab"]:hover { background:var(--yellow); color:var(--ink); }
[data-role="opening"] { padding:52px 0 36px; border-bottom:2px solid var(--ink); }
[data-role="desk-label"] { color:var(--wine); font-size:16px; font-weight:700; margin-bottom:24px; }
[data-role="deck"] { max-width:56ch; font-size:22px; line-height:1.5; margin-top:24px; }
[data-role="reading-layout"] { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:72px; padding:36px 0 60px; align-items:start; }
[data-role="article"] { min-width:0; max-width:69ch; }
[data-role="intro"] { font-size:20px; line-height:1.65; padding-bottom:34px; border-bottom:1px solid var(--line); }
[data-role="entry"] { padding:32px 0; border-bottom:1px solid var(--line); }
[data-role="answer"] + [data-role="answer"] { margin-top:14px; }
[data-role="source-note"] { border-left:4px solid var(--wine); margin-top:22px; padding-left:18px; }
[data-role="source-note"] > p:first-child { font-size:16px; color:var(--muted); }
[data-role="source-note"] a { display:inline-flex; align-items:center; min-height:44px; font-size:16px; line-height:1.45; padding-block:8px; }
[data-role="margin-note"] { border:2px solid var(--ink); padding:24px; background:var(--yellow); }
[data-role="margin-note"] > p:first-child { font-size:16px; color:var(--muted); margin-bottom:24px; }
[data-role="margin-note"] h2 { font-size:28px; }
[data-role="margin-note"] p { font-size:17px; }
[data-role="margin-note"] a { display:flex; align-items:center; margin-top:16px; padding-block:8px; font-size:16px; }
[data-role="still-life"] { background:#d9d0bc; border:2px solid var(--ink); width:100%; overflow:hidden; }
[data-role="still-life"] img { display:block; width:100%; height:auto; object-fit:cover; color:var(--ink); font-size:16px; line-height:1.5; }
[data-role="margin-note"] [data-role="still-life"] { margin-top:24px; }
[data-role="desk-choices"] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:2px solid var(--ink); margin-top:32px; }
[data-role="desk-link"] { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:96px; border:1px solid var(--ink); padding:22px; font-size:18px; line-height:1.4; color:var(--ink); text-decoration:none; background:var(--white); }
[data-role="desk-link"]:hover { background:var(--yellow); }
[data-role="next-question"] { margin-top:40px; padding:24px; border:2px solid var(--ink); background:var(--white); }
[data-role="next-question"] > p { font-size:16px; color:var(--muted); }
[data-role="next-question"] a { display:inline-flex; align-items:center; min-height:48px; font-size:20px; font-weight:650; line-height:1.4; padding-block:10px; }
[data-role="footer"] { padding:32px 0 48px; border-top:2px solid var(--ink); font-size:16px; }
[data-role="footer"] > p { max-width:68ch; }
[data-role="footer"] nav { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:16px; }
[data-role="footer"] a { display:inline-flex; align-items:center; min-height:48px; padding-block:10px; font-size:16px; }
@media(max-width:900px) { [data-role="reading-layout"] { gap:36px; grid-template-columns:minmax(0,1fr) 240px; } [data-role="masthead"] > p { display:none; } }
@media(max-width:700px) {
 [data-role="masthead"],[data-role="question-tabs"],[data-role="reading-desk"],[data-role="footer"] { width:calc(100% - 32px); }
 [data-role="masthead"] { min-height:88px; }
 [data-role="guide-name"] { gap:16px; font-size:25px; }
 [data-role="guide-name"] span { padding-left:16px; max-width:17ch; }
 [data-role="question-tabs"] { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:16px; }
 [data-role="question-tab"] { min-height:54px; padding:12px 8px; border-bottom:1px solid var(--ink); }
 [data-role="question-tab"]:nth-child(2n) { border-right:0; }
 [data-role="question-tab"]:last-child { grid-column:1/-1; border-bottom:0; }
 [data-role="opening"] { padding:32px 0 28px; }
 [data-role="desk-label"] { margin-bottom:16px; }
 [data-role="deck"] { font-size:20px; margin-top:20px; }
 [data-role="reading-layout"] { grid-template-columns:minmax(0,1fr); gap:32px; padding:28px 0 40px; }
 [data-role="intro"] { font-size:19px; padding-bottom:28px; }
 [data-role="entry"] { padding:28px 0; }
 [data-role="margin-note"] { max-width:100%; }
 [data-role="desk-choices"] { grid-template-columns:1fr; }
 [data-role="desk-link"] { min-height:76px; padding:18px; }
 [data-role="next-question"] { padding:20px; }
 [data-role="footer"] nav { gap:0; flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }
@media print {
 body { font-size:16px; background:white; color:black; }
 [data-role="skip-link"],[data-role="question-tabs"],[data-role="margin-note"],[data-role="still-life"],[data-role="footer"] nav,[data-role="worksheet-controls"],[data-role="next-question"] { display:none; }
 [data-role="masthead"],[data-role="reading-desk"],[data-role="footer"] { width:100%; }
 [data-role="reading-layout"] { display:block; padding-bottom:24px; }
 [data-role="article"] { max-width:100%; }
 h1 { font-size:36px; }
 [data-role="entry"] { break-inside:avoid; }
 a { color:black; }
}