:root{color-scheme:dark;font-family:Arial,system-ui,sans-serif;color:#f0e8da;background:#150e12}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#342027 0,transparent 36%),#150e12}main{width:min(1056px,calc(100% - 64px));margin:auto;padding-bottom:48px}header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #625344}.brand{display:inline-flex}.brand img{width:220px;height:auto}header nav,footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px}a{color:#bea477;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(42px,6vw,68px);margin:8px 0 16px}h2{font-size:clamp(25px,3vw,34px);margin:0 0 12px}h3{font-size:21px}p{font-size:16px;line-height:1.65;overflow-wrap:anywhere}.eyebrow{margin:44px 0 0;text-transform:uppercase;letter-spacing:.18em;color:#bea477;font-size:13px}.panel,.card-view,.question-box{margin:26px 0;padding:30px;border:1px solid #625344;background:#21171c;border-radius:5px}.compact{min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.primary,button{font:inherit;min-height:48px;padding:12px 22px;border-radius:5px;border:1px solid #bea477;background:#bea477;color:#150e12;cursor:pointer;text-decoration:none}.primary:disabled,button:disabled{opacity:.55;cursor:wait}.text-action{background:transparent;color:#bea477;border-color:transparent;padding-left:0}.decks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.deck-choice{position:relative;display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center;padding:16px;background:#1a1115;border:1px solid #625344;border-radius:5px;cursor:pointer}.deck-choice:has(input:checked){border-color:#bea477;box-shadow:0 0 0 2px #bea47733}.deck-choice input{position:absolute;inset:8px auto auto 8px;accent-color:#bea477}.deck-choice img{width:78px;aspect-ratio:2/3;object-fit:contain}.deck-choice strong{font:400 20px Georgia,serif}.card-layout{display:grid;grid-template-columns:300px 1fr;gap:44px;margin-top:18px}.card-layout figure{margin:0}.card-layout img{display:block;width:300px;aspect-ratio:2/3;object-fit:contain;border:1px solid #625344}.card-layout figcaption{display:grid;gap:5px;padding-top:14px}.card-layout figcaption span,.card-layout figcaption small,.muted,.ai-note{color:#c0b5ad}.card-layout figcaption strong{font:400 28px Georgia,serif}.copy section{margin-bottom:26px}.copy section+section{padding-top:20px;border-top:1px solid #4c3d38}.question-box textarea{display:block;width:100%;min-height:112px;margin:10px 0 16px;padding:14px;background:#150e12;color:#f0e8da;border:1px solid #625344;border-radius:4px;font:16px/1.5 Arial;resize:vertical}.question-box label{font-size:16px}.question-box #answer{border-top:1px solid #625344;margin-top:22px;padding-top:22px}#status,#questionError{color:#bea477;min-height:1.5em}footer{margin-top:52px;padding-top:28px;border-top:1px solid #625344;display:flex;gap:28px;color:#c0b5ad}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f0e8da;outline-offset:4px}@media(max-width:700px){main{width:calc(100% - 32px)}header{min-height:72px;gap:10px}.brand img{width:205px}.eyebrow{margin-top:32px}.panel,.card-view,.question-box{padding:18px 14px}.decks{grid-template-columns:1fr}.deck-choice{grid-template-columns:64px 1fr}.deck-choice img{width:64px}.card-layout{grid-template-columns:1fr;gap:24px}.card-layout figure{display:grid;justify-items:center}.card-layout img{width:180px}.card-layout figcaption{text-align:center}.primary{width:100%;justify-content:center}footer{display:grid;gap:12px}}
.secondary{min-height:48px;padding:11px 18px;border:1px solid #bea477;border-radius:5px;justify-content:center}.page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}#failed{padding-top:8px}#failed p{margin-top:0}@media(max-width:700px){header{position:sticky;top:0;z-index:20;display:grid;justify-items:center;margin-inline:-16px;padding:8px 16px 10px;background:#150e12f2;backdrop-filter:blur(12px)}.brand img{width:164px}header nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}header nav a{min-height:40px;justify-content:center;text-align:center;font-size:13px;line-height:1.2;padding:4px}.page-actions{grid-template-columns:1fr}.secondary{width:100%}}
.reading-guide,.question-hint{color:#c0b5ad}.reading-guide{margin:0 0 24px}.question-hint{display:block;margin-top:6px;font-size:15px;line-height:1.5;font-weight:400}