/* Raster menu frames retain the games' painted government-house style. */
:root{color-scheme:dark;--ink:#f3e9d3;--muted:#c2c3b9;--gold:#e8cb87;--panel: url('../art/ui/presidential-menu-frame-v1.png');--button:url('../art/ui/presidential-button-v1.png')}
body[data-history-game="first-lady"]{--panel:url('../art/ui/presidential-menu-frame-v1.png');--button:url('../art/ui/presidential-button-v1.png')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#081724;color:var(--ink);font:16px/1.7 Georgia,'Palatino Linotype',serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,h2:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.history-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1400px;margin:auto;padding:12px 4%;border-bottom:1px solid #e8cb8740}.history-brand{flex:none;display:block;line-height:0}.history-brand img{width:160px;height:86px;object-fit:contain}.history-header nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:13px}.history-header nav a[aria-current]{color:var(--gold)}
.history-main{max-width:1400px;padding:38px 4% 65px;margin:auto}.history-page-heading{max-width:860px;margin-bottom:28px}.history-kicker{font:600 10px/1.6 system-ui,sans-serif;letter-spacing:2px;color:var(--gold);margin:0 0 9px}.history-page-heading h1{font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.12;margin:0 0 14px;color:#ffe6af}.history-page-heading>p:not(.history-kicker){color:var(--muted);font-size:15px;max-width:690px;margin:0}
.history-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:26px;align-items:start}.history-directory,.history-detail{border:19px solid transparent;border-image:var(--panel) 235 fill / 1 / 0 stretch;background-color:#0c1b28;min-width:0}.history-directory{padding:12px 12px 10px;position:sticky;top:14px}.history-directory h2{font:24px/1.3 Georgia,serif;color:#ffe6af;margin:0 0 18px}.history-control{display:block;font:12px/1.5 system-ui,sans-serif;color:var(--gold);margin:0 0 14px}.history-control input,.history-control select{display:block;min-height:44px;width:100%;min-width:0;margin-top:7px;padding:9px;border:1px solid #d5b97770;background:#081724;color:var(--ink);font:14px/1.4 system-ui,sans-serif;border-radius:0}.history-control input::placeholder{color:#afbabd}.history-filter-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.history-count{font:11px/1.5 system-ui,sans-serif;color:var(--muted);margin:0}.history-reset{font:12px Georgia,serif;color:var(--gold);background:none;border:0;min-height:44px;padding:6px;text-decoration:underline;text-underline-offset:3px}.history-grid{max-height:540px;overflow-y:auto;overscroll-behavior:contain;padding:5px 5px 8px;scrollbar-color:#aa8d50 #081724;display:grid;gap:7px}.history-card{display:block;width:100%;text-align:left;border:1px solid #e8cb8733;background:#112837;color:var(--ink);padding:11px 12px;min-width:0}.history-card strong{display:block;font-weight:400;font-size:16px;line-height:1.3}.history-card span{font:11px/1.5 system-ui,sans-serif;color:var(--muted);display:block;margin-top:5px}.history-card:hover{background:#1b3543}.history-card[aria-pressed="true"]{border-color:var(--gold);background:#43372b;color:#ffe6af}.history-empty{font:14px/1.7 Georgia,serif;color:var(--muted);margin-top:15px}.history-empty[hidden],.history-detail[hidden]{display:none}
.history-detail{padding:22px 28px 20px}.history-profile-heading{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr);gap:24px;align-items:center;padding-bottom:28px;border-bottom:1px solid #e8cb8740}.history-portrait-frame{height:290px;min-width:0;display:grid;align-items:end}.history-portrait{display:block;width:100%;height:100%;object-fit:contain;max-height:290px}.history-intro{min-width:0}.history-intro h2{font:400 clamp(27px,3vw,39px)/1.15 Georgia,serif;color:#ffe6af;margin:0 0 12px}.history-term{font:12px/1.7 system-ui,sans-serif;color:var(--muted);margin:0 0 15px}.history-summary{font-size:16px;line-height:1.75;margin:0 0 20px}.history-action,.history-paging button{display:inline-block;color:#fff1d3;border:12px solid transparent;border-image:var(--button) 220 230 fill / 1 / 0 stretch;padding:2px 9px;background:none;font:13px/1.5 Georgia,serif;min-height:44px;text-decoration:none;text-align:center}.history-action:hover,.history-paging button:hover:not(:disabled){filter:brightness(1.2)}
.history-contributions{padding:30px 0 12px}.history-detail h3{font:400 25px/1.25 Georgia,serif;color:#f6d99e;margin:0 0 20px}.history-contribution{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;margin:0 0 25px}.history-entry-number{font:19px/1.5 Georgia,serif;color:#bd9e64}.history-contribution h4{font:600 17px/1.5 Georgia,serif;margin:0 0 7px;color:#f7e6c8}.history-contribution p,.history-context p{font-size:15px;line-height:1.85;margin:0}.history-citation{font:11px/1.5 system-ui,sans-serif;color:var(--gold);white-space:nowrap;display:inline-block;padding:0 2px}.history-context{padding:23px 0;border-block:1px solid #e8cb8740}.history-context h3{font-size:21px;margin-bottom:12px}.history-context p{color:#d0d0c4}.history-sources{padding-top:26px;overflow-wrap:anywhere}.history-sources h3{font-size:20px;margin-bottom:14px}.history-sources ol{padding-left:22px;font:13px/1.8 system-ui,sans-serif;color:var(--gold)}.history-sources li{padding:4px 0;scroll-margin-top:30px}.history-sources li:target{background:#66532a55}.history-sources a{color:var(--gold)}.history-paging{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:25px;margin-top:20px;border-top:1px solid #e8cb8740}.history-paging span{font:11px system-ui,sans-serif;color:var(--muted)}.history-paging button:disabled{opacity:.35;cursor:default}.history-footer{max-width:1300px;margin:0 auto;padding:25px 4%;border-top:1px solid #e8cb8740;font:12px/1.8 system-ui,sans-serif;color:var(--muted)}.history-footer p{margin:0 0 10px;max-width:850px}.history-footer nav{display:flex;gap:24px;flex-wrap:wrap}
@media(max-width:1050px){.history-layout{grid-template-columns:250px minmax(0,1fr);gap:18px}.history-directory{padding:10px 6px}.history-detail{padding:20px}.history-profile-heading{grid-template-columns:1fr;gap:10px}.history-portrait-frame{height:230px}.history-portrait{max-height:230px}.history-intro h2{font-size:32px}}
@media(max-width:700px){.history-header{padding:6px 5%;gap:12px;align-items:center}.history-brand img{width:108px;height:75px}.history-header nav{gap:5px 13px;font-size:11px;justify-content:flex-end}.history-main{padding:27px 4% 35px}.history-page-heading h1{font-size:34px}.history-page-heading>p:not(.history-kicker){font-size:14px}.history-layout{grid-template-columns:1fr;gap:20px}.history-directory{position:static;padding:9px 10px;border-width:15px}.history-directory h2{font-size:22px;margin-bottom:12px}.history-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.history-control{font-size:11px;margin-bottom:0}.history-control input,.history-control select{font-size:12px;padding:7px}.history-filter-row{margin-bottom:4px}.history-grid{max-height:205px;grid-template-columns:1fr 1fr;gap:7px}.history-card{padding:10px;min-height:72px}.history-card strong{font-size:14px}.history-card span{font-size:10px}.history-detail{padding:17px 13px;border-width:15px}.history-profile-heading{padding-bottom:22px}.history-portrait-frame{height:240px}.history-portrait{max-height:240px}.history-intro h2{font-size:30px}.history-summary{font-size:15px}.history-contributions{padding-top:25px}.history-detail h3{font-size:23px}.history-contribution{grid-template-columns:22px minmax(0,1fr);gap:9px;margin-bottom:23px}.history-contribution h4{font-size:16px}.history-contribution p,.history-context p{font-size:14px}.history-entry-number{font-size:16px}.history-sources h3{font-size:19px}.history-paging{gap:7px}.history-paging button{font-size:12px;padding:2px 5px;border-width:10px}.history-paging span{font-size:10px}.history-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}