:root{--paper:#fff9ec;--ground:#eee4d3;--ink:#242722;--muted:#575a50;--red:#922d3d;--edge:#d8c9b4;--green:#234740}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:1rem/1.55 system-ui,sans-serif}header,main,footer{width:min(1080px,calc(100% - 32px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #a89880;font-size:.72rem;letter-spacing:.12em;font-weight:800}header b{color:var(--red);margin-left:8px}main{padding-top:22px}footer{padding:20px 0;font-size:.82rem;color:var(--muted)}h1,h2,h3,blockquote{font-family:Georgia,serif}h1,h2,h3,p,blockquote{margin:0}h1{font-size:clamp(2.5rem,7vw,5.65rem);line-height:1;letter-spacing:-.055em}h2{font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.04;letter-spacing:-.03em}h3{font-size:1.35rem}p+p{margin-top:.65em}.eyebrow{letter-spacing:.13em;font-size:.72rem;text-transform:uppercase;font-weight:850;color:var(--red);margin-bottom:12px}.panel{background:var(--paper);border:1px solid var(--edge);border-radius:16px;overflow:hidden}.pad{padding:clamp(19px,4vw,42px)}.hero,.scene{display:grid;grid-template-columns:1.15fr 1fr}.hero .art,.scene .art{height:100%;min-height:230px}.hero p:not(.eyebrow){margin-top:18px;max-width:45ch}.art{display:block;width:100%;height:auto}.modes,.choices,.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px;margin-top:18px}.modes button,.choices button,.topics button{background:var(--paper);border:1px solid var(--edge);border-radius:12px;padding:14px;text-align:left}.modes button,.choices button{padding:0;overflow:hidden}.choice-label{display:block;padding:12px 15px}.topics button{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:10px}.topics .art{border-radius:8px}.topics small,.modes small{display:block;color:var(--muted)}button{font:inherit;color:inherit;cursor:pointer}.wordmark{border:0;padding:0;background:none;font:inherit;letter-spacing:inherit;text-align:left}.primary,.secondary{border:1px solid var(--red);border-radius:8px;padding:10px 15px;background:var(--red);color:white;font-weight:700}.secondary{background:transparent;color:var(--red)}button:hover:not(:disabled){filter:brightness(.94)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #315a9e;outline-offset:3px}button[aria-pressed=true]{outline:3px solid var(--red);outline-offset:-3px}button:disabled{cursor:default}.toolbar,.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.actions{justify-content:flex-start;margin:18px 0 0}.source{background:#efe7d7;border-left:3px solid var(--red);padding:12px 15px;margin-top:15px}.source p,.source a{font-size:.84rem}.source a,a{color:#7d2534}blockquote{font-size:1.1rem}.decision,.result{margin-top:16px}.result{border-left:4px solid var(--green);background:#e4eddf;padding:16px;border-radius:8px}.question{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;margin-top:16px}.question .art{border-radius:8px}.scene h2+p,.decision h3+p{margin-top:12px}.chips{display:flex;gap:4px;margin:10px 0 16px}.chips span{height:4px;flex:1;background:#cdbfa9}.chips .seen{background:var(--green)}.chips .current{background:var(--red)}textarea{font:inherit;display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--edge);border-radius:8px;color:var(--ink);background:white}label{display:block;margin-top:20px;font-weight:700}
@media(max-width:640px){.hero,.scene{grid-template-columns:1fr}.hero .art,.scene .art{height:180px;min-height:0}.choices,.modes{grid-template-columns:1fr 1fr}.choice-label{padding:9px;font-size:.9rem}.question{grid-template-columns:58px 1fr}}@media(max-width:365px){.choices{grid-template-columns:1fr}}
.arabic{font-size:1.45rem!important;line-height:2.1}summary{cursor:pointer;font-weight:700}
.portrait{position:relative;margin:0;background:#302f2b;min-height:235px;display:grid;align-content:center;justify-items:center;overflow:hidden}.portrait img{display:block;max-width:100%;width:100%;height:clamp(235px,33vw,390px);object-fit:contain;object-position:center;background:#302f2b}.portrait figcaption{width:100%;padding:8px 12px;font-size:.72rem;text-align:center;background:#302f2b}.portrait a{color:#fff9ec}.history{grid-template-columns:minmax(0,1fr) minmax(150px,28%)}.history .portrait img{height:clamp(215px,26vw,305px)}.history .source p{font-size:.94rem}.scene h3+p{margin-top:8px}@media(max-width:640px){.history{grid-template-columns:1fr}.portrait,.history .portrait{min-height:0}.portrait img,.history .portrait img{height:220px}.modes{grid-template-columns:1fr}.modes .art{height:86px}}
.portrait figcaption span,.portrait figcaption a{display:block}.portrait figcaption span{color:#fff9ec;font-weight:700;margin-bottom:3px}.portrait figcaption a{color:#eadbc7}
.word-help{margin:14px 0;padding:10px 12px;background:#fff9ec;border:1px solid var(--edge);border-radius:8px}.word-help p{margin-top:8px}.source blockquote{white-space:normal;line-height:1.6}
.full-speech{margin:18px 0;padding:14px;background:#fff9ec;border:1px solid var(--edge);border-radius:8px}.full-speech summary{font-size:1rem}.speech-text{white-space:pre-wrap;font-family:Georgia,serif;font-size:1.05rem;line-height:1.85;margin:18px 0;overflow-wrap:anywhere}