@font-face{font-family:'Cardo';font-style:italic;font-weight:400;font-display:swap;
src:url(../fonts/cardo-400italic-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cardo';font-style:italic;font-weight:400;font-display:swap;
src:url(../fonts/cardo-400italic-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cardo';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/cardo-400-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cardo';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/cardo-400-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cardo';font-style:normal;font-weight:700;font-display:swap;
src:url(../fonts/cardo-700-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cardo';font-style:normal;font-weight:700;font-display:swap;
src:url(../fonts/cardo-700-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'MedievalSharp';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/medievalsharp-400-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'MedievalSharp';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/medievalsharp-400-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'UnifrakturMaguntia';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/unifrakturmaguntia-400-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Almendra';font-style:italic;font-weight:400;font-display:swap;
src:url(../fonts/almendra-400italic-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Almendra';font-style:italic;font-weight:400;font-display:swap;
src:url(../fonts/almendra-400italic-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
background:var(--paper);
color:var(--ink);
font-family:var(--body);
background-image:
radial-gradient(ellipse at 50% -10%, rgba(185,138,47,.14), transparent 55%),
repeating-linear-gradient(0deg, transparent 0 3px, rgba(36,28,18,.018) 3px 4px);
min-height:100vh;
}
a{color:var(--oxblood)}
header.masthead{
border-bottom:3px double var(--ink);
padding:2.4rem 1.5rem 1.6rem;
text-align:center;position:relative;
}
:root{ --rule-height:14px; --rule-foot-height:8px; }
.masthead h1{
font-family:var(--display);
font-size:clamp(2.2rem,6vw,4.4rem);
letter-spacing:.06em;color:var(--oxblood);
text-shadow:2px 2px 0 rgba(36,28,18,.15);margin-top:.6rem;
}
.masthead h1 a{color:inherit;text-decoration:none}
.era-bar{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:1.6rem 1rem 0}
.era-btn{
font-family:var(--utility);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
background:var(--paper);color:var(--ink);border:2px solid var(--ink);
padding:.5rem .9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;
transition:background .15s ease,color .15s ease,box-shadow .15s ease;
box-shadow:3px 3px 0 rgba(36,28,18,.25);
}
.era-btn .dot{width:12px;height:12px;border:1.5px solid var(--ink);background:var(--era-c)}
.era-btn .range{opacity:.55;font-size:.62rem;letter-spacing:.08em}
.era-btn:hover,.era-btn:focus-visible{background:var(--paper-deep)}
.era-btn:focus-visible{outline:2px dashed var(--oxblood);outline-offset:3px}
.timeline{display:flex;align-items:flex-end;gap:0;min-width:100%;width:max-content;position:relative}
.shelf{display:grid;grid-template-columns:repeat(auto-fill,172px);column-gap:1.6rem;row-gap:0;
justify-content:center;align-items:start;padding:2rem 0 1rem;max-width:1160px;margin:0 auto}
.shelf > .poster-card,.shelf > .show-stack-card{grid-row:span 3;display:grid;grid-template-rows:subgrid;
align-content:start;row-gap:0;padding-bottom:1.8rem}
.poster-card{
background:none;border:none;padding:0;cursor:pointer;width:172px;text-align:left;
font-family:var(--body);color:var(--ink);opacity:0;transform:translateY(18px);
transition:opacity .4s ease,transform .4s ease;
}
.poster-card.in{opacity:1;transform:translateY(0)}
.poster-card:focus-visible{outline:2px dashed var(--oxblood);outline-offset:4px}
.poster{
width:172px;height:250px;border:3px solid var(--ink);box-shadow:5px 5px 0 rgba(36,28,18,.35);
position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;background:var(--paper-deep);
}
.poster-card:hover .poster,.poster-card:focus-visible .poster{transform:translateY(-6px) rotate(-1deg);box-shadow:8px 10px 0 rgba(36,28,18,.3)}
.poster svg{display:block;width:100%;height:100%}
.poster img.tmdb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}
.poster img.tmdb.loaded{opacity:1}
.badge{
position:absolute;top:8px;left:8px;font-family:var(--utility);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
background:var(--paper);border:1.5px solid var(--ink);padding:.15rem .4rem;z-index:2;
}
.badge.review{top:auto;bottom:8px;left:auto;right:8px;background:var(--gold);color:var(--ink)}
.poster-meta{margin-top:.6rem;width:172px}
.poster-meta .p-lb{font-family:var(--utility);font-size:.66rem;letter-spacing:.08em;color:var(--gold);margin-top:.25rem;display:flex;align-items:center;gap:.3rem}
.poster-meta .p-lb .lb-num{color:var(--ink);opacity:.7}
.salt-compact{display:flex;align-items:center;gap:.3rem;margin-top:.2rem}
.salt-compact .s-num{font-family:var(--utility);font-size:.62rem;letter-spacing:.06em;color:rgba(36,28,18,.72)}
.salt-emblem{fill:var(--salt-ink);color:var(--salt-ink);display:inline-block;vertical-align:middle;flex:0 0 auto}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.stars-wrap{position:relative;display:inline-block;font-size:1.35rem;letter-spacing:.12em;line-height:1;vertical-align:middle}
.stars-wrap .stars-bg{color:rgba(36,28,18,.25)}
.stars-wrap .stars-fg{color:var(--gold);position:absolute;inset:0;overflow:hidden;white-space:nowrap}
.rating-num{font-family:var(--utility);font-size:.86rem;color:var(--ink);margin-left:.5rem;vertical-align:middle}
.salt-row{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}
.salt-note{font-size:.9rem;font-style:italic;color:rgba(36,28,18,.7);margin-top:.4rem;max-width:380px}
footer.site-foot{border-top:3px double var(--ink);margin-top:2rem;padding:1.6rem;text-align:center;font-family:var(--utility);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(36,28,18,.55);line-height:2}
.foot-nav{display:flex;gap:.8rem 1.9rem;justify-content:center;align-items:baseline;flex-wrap:wrap;margin-bottom:1rem}
.foot-nav-group{display:flex;gap:1.15rem;justify-content:center;flex-wrap:wrap;align-items:baseline}
.foot-nav a{font-family:var(--utility);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lake);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:.15rem}
.foot-nav a:hover,.foot-nav a:focus-visible{border-bottom-color:var(--oxblood);color:var(--oxblood)}
.masthead-logo{margin-top:.6rem;line-height:0}
.masthead-logo a{display:inline-block}
.masthead-logo img{width:min(460px,82vw);max-width:100%;height:auto;display:block;margin:0 auto}
.content-page{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 4rem}
.content-page h2{font-family:var(--display);color:var(--oxblood);font-size:clamp(1.6rem,4vw,2.3rem);margin-bottom:1.2rem}
.content-page h3{font-family:var(--utility);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;color:var(--lake);margin:1.8rem 0 .6rem}
.content-page h4{font-family:var(--utility);letter-spacing:.1em;
text-transform:uppercase;font-size:.82rem;font-weight:700;
color:var(--ink);margin:1.3rem 0 .4rem}
.content-page p{font-size:1.08rem;line-height:1.75}
.content-page p+p{margin-top:1rem}
.content-page a{color:var(--oxblood)}
.salt-legend{list-style:none;margin:1.4rem 0;padding:0}
.salt-legend li{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid rgba(36,28,18,.15)}
.salt-legend li:last-child{border-bottom:none}
.salt-legend .emblem{flex:0 0 56px;height:56px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;background:var(--paper-deep)}
.salt-legend .emblem .salt-emblem{width:36px;height:36px}
.salt-legend .tier-name{font-family:var(--display);font-size:1.15rem;color:var(--oxblood)}
.salt-legend .tier-level{font-family:var(--utility);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(36,28,18,.55);margin-left:.5rem}
.salt-legend .tier-blurb{font-size:1rem;line-height:1.6;margin-top:.2rem}
.salt-legend li.tier-unsalted{border-bottom-style:dashed}
.salt-legend li.tier-unsalted .tier-name{color:var(--lake)}
.salt-legend li.tier-unsalted .emblem{border-style:dashed}
.widget-lede{margin:0 0 .6rem}
.widget-demo{margin:1.6rem 0}
.wd-stage{border:2px solid var(--ink);background:var(--paper-deep);
box-shadow:3px 3px 0 rgba(36,28,18,.18);
padding:.9rem;margin:.9rem 0;
overflow-x:auto}
.wd-era-bar{display:flex;justify-content:flex-start;gap:.4rem;flex-wrap:wrap;padding:0}
.content-page .wd-era{font-size:.72rem;padding:.4rem .7rem;gap:.4rem;
text-decoration:none;color:var(--ink)}
.content-page .wd-era:hover{background:var(--paper)}
.wd-era .range{font-size:.62rem}
.wd-threads{padding:0;background:none;border:0;box-shadow:none;overflow:visible}
.wd-threads .threads-book{margin:0}
.wd-thread-tabs{justify-content:flex-start;padding:.5rem .6rem .45rem}
.wd-thread-tab{cursor:default;max-width:150px}
.wd-thread-tab:hover{transform:none}
.wd-thread-leaf{padding:.7rem .8rem;align-items:flex-start}
.content-page .wd-thread-leaf .th-name{font-size:.8rem}
.wd-compare{display:flex;flex-direction:column;gap:.55rem}
.wd-band{position:relative;display:grid;
grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.1rem .55rem;
align-items:center;padding-bottom:.5rem}
.wd-band-key{grid-row:1 / span 2;justify-self:start;font-family:var(--utility);
font-weight:700;font-size:.8rem;color:var(--paper);background:var(--wd-c);
border:2px solid var(--ink);width:1.5rem;height:1.5rem;
display:grid;place-items:center;line-height:1}
.content-page .wd-band-name{font-family:var(--utility);font-size:.8rem;
letter-spacing:.04em;min-width:0;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap}
.content-page .wd-band-span{font-family:var(--utility);font-size:.68rem;
color:rgba(59,42,23,.72);white-space:nowrap;font-variant-numeric:tabular-nums}
.wd-band-track{grid-column:2 / -1;grid-row:2;position:relative;
height:4px;background:rgba(59,42,23,.16)}
.wd-band-fill{position:absolute;top:0;height:100%;background:var(--wd-c)}
.wd-band.wd-band-a{--wd-c:#A81E24}
.wd-band.wd-band-b{--wd-c:#0A6459}
.wd-band.wd-band-c{--wd-c:#2A4FB5}
@media (max-width:480px){
.content-page .wd-band-span{font-size:.62rem}
}
.wd-hist-say{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .55rem}
.content-page .wd-hist-label{font-family:var(--utility);font-size:.72rem;
letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.content-page .wd-hist-year{font-family:var(--display);font-size:1.5rem;
line-height:1;color:var(--oxblood)}
.wd-hist-rule{position:relative;display:block;height:10px;
background:rgba(59,42,23,.16);border:1px solid rgba(59,42,23,.32)}
.wd-hist-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(158,43,37,.28)}
.wd-hist-notch{position:absolute;top:-3px;width:1px;height:16px;
background:rgba(59,42,23,.55)}
.wd-hist-thumb{position:absolute;top:-5px;width:9px;height:20px;
margin-left:-4.5px;background:var(--oxblood);border:2px solid var(--ink)}
.wd-hist-ends{display:flex;justify-content:space-between;margin:.5rem 0 0}
.content-page .wd-hist-ends span{font-family:var(--utility);font-size:.68rem;
color:rgba(59,42,23,.78);font-variant-numeric:tabular-nums}
.content-page .wd-hist-count{font-family:var(--body);font-size:.95rem;
line-height:1.5;margin:.6rem 0 0}
.wd-facets{list-style:none;margin:0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
gap:.1rem .9rem}
.wd-facet{display:flex;align-items:baseline;gap:.5rem;min-width:0;
padding:.3rem 0;border-bottom:1px solid rgba(59,42,23,.14)}
.content-page .wd-facet-name{font-family:var(--utility);font-size:.74rem;
letter-spacing:.08em;text-transform:uppercase;color:var(--lake);
flex:0 0 5.5rem}
.content-page .wd-facet-has{font-family:var(--body);font-size:.92rem;
line-height:1.4;min-width:0;color:var(--ink)}
.wd-browse-take{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem;
margin:.9rem 0 0;padding-top:.75rem;border-top:2px solid var(--ink)}
.content-page .wd-switch{font-family:var(--utility);font-size:.78rem;
letter-spacing:.04em;background:var(--oxblood);color:var(--paper);
border:2px solid var(--ink);padding:.3rem .7rem;text-decoration:none;
box-shadow:2px 2px 0 rgba(36,28,18,.25)}
.content-page .wd-switch:hover{text-decoration:underline}
.content-page .wd-switch-says{font-family:var(--body);font-size:.92rem;
line-height:1.45;min-width:0;flex:1 1 14rem}
.wd-per-chart{position:relative;border:2px solid var(--ink);background:var(--paper);
--wpl:12rem;--wpm:4.5rem;padding:0 0 .45rem;overflow:hidden}
.wd-per-eras{position:absolute;top:0;bottom:0;left:var(--wpl);right:var(--wpm);pointer-events:none}
.wd-per-era{position:absolute;top:0;bottom:0;box-sizing:border-box;
background:rgba(216,192,120,.10);
background:color-mix(in srgb,var(--era-c) 11%,transparent);
border-left:2px solid var(--era-c)}
.content-page .wd-per-era-name{display:block;padding:.2rem .3rem;font-family:var(--utility);font-size:.58rem;
letter-spacing:.05em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-per-axis{position:relative;display:grid;grid-template-columns:var(--wpl) minmax(0,1fr) var(--wpm);height:2.6rem;margin-bottom:.25rem}
.wd-per-axis-track{grid-column:2;position:relative;border-bottom:2px solid var(--ink)}
.wd-per-grad{position:absolute;bottom:.15rem;transform:translateX(-50%);font-family:var(--utility);font-size:.6rem;
color:var(--ink);white-space:nowrap;background:var(--paper);padding:0 .15rem}
.wd-per-rows{list-style:none;margin:0;padding:0}
.content-page .wd-per-conc-row{min-height:2rem;border-bottom:1px solid rgba(59,42,23,.25)}
.wd-per-conc{height:1.8rem}
.wd-per-conc-step{position:absolute;bottom:0;min-width:1px;box-sizing:border-box;
background:rgba(185,138,47,.55);border-top:1px solid var(--gold)}
.content-page .wd-per-conc-lab{font-style:italic;color:rgba(59,42,23,.78)}
.content-page .wd-per-row{position:relative;display:grid;grid-template-columns:var(--wpl) minmax(0,1fr) var(--wpm);
align-items:center;min-height:1.35rem;margin:0}
.content-page .wd-per-name{min-width:0;padding:0 .5rem;font-family:var(--utility);font-size:.72rem;line-height:1.3rem;
color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-page .wd-per-name.has-page{color:#1E150A;font-weight:700}
.content-page .wd-per-name.thin{color:rgba(59,42,23,.78);font-style:italic}
.content-page .wd-per-span{font-weight:400;color:rgba(59,42,23,.78);font-size:.92em}
.wd-per-track{position:relative;height:1.1rem;min-width:0}
.wd-per-bar{position:absolute;top:.32rem;height:.46rem;min-width:3px;box-sizing:border-box;background:var(--ink)}
.wd-per-knot{position:absolute;top:.08rem;height:.94rem;width:2px;margin-left:-1px;background:var(--oxblood)}
.content-page .wd-per-meta{min-width:0;padding:0 .4rem;font-family:var(--utility);font-size:.66rem;color:var(--ink);
text-align:right;white-space:nowrap}
.content-page .wd-per-go{margin:.9rem 0 0;padding-top:.75rem;border-top:2px solid var(--ink)}
@media (max-width:640px){
.wd-per-chart{--wpl:0px;--wpm:0px}
.wd-per-eras{left:0;right:0}
.wd-per-axis,.content-page .wd-per-row{grid-template-columns:minmax(0,1fr)}
.wd-per-axis-track{grid-column:1}
.content-page .wd-per-row{padding:.15rem 0}
.content-page .wd-per-meta{display:none}
}
.wd-wv-scroll{overflow-x:auto;background:var(--paper);border:2px solid var(--ink);outline:1px solid var(--gold);
outline-offset:-6px;padding:.7rem .6rem .5rem}
.wd-wv{border-collapse:separate;border-spacing:2px;margin:0 auto;font-family:var(--utility);font-size:.72rem}
.content-page .wd-wv-cap{caption-side:top;text-align:left;margin-bottom:.5rem;font-size:.72rem;
color:rgba(36,28,18,.78)}
.wd-wv th{font-weight:400;color:var(--ink)}
.wd-wv thead th{vertical-align:bottom;text-align:center;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;
line-height:1.2;padding:0 .15rem .2rem;border-bottom:4px solid var(--wd-era)}
.wd-wv tbody th{text-align:right;white-space:nowrap;padding:0 .5rem 0 0;font-size:.76rem}
.wd-wv-sw{display:inline-block;width:.6rem;height:.6rem;margin-right:.35rem;background:var(--c);vertical-align:middle}
.wd-wv-all th{font-family:var(--display);font-size:.9rem}
.wd-wv-all td,.wd-wv-all th{border-bottom:2px solid var(--gold)}
.wd-wv td{text-align:center;min-width:2.2rem;height:1.45rem;padding:0 .2rem;color:var(--ink);
font-variant-numeric:tabular-nums}
.wd-wv td.wd-wv-0{background:rgba(59,42,23,.05)}
.wd-place-tree,.wd-place-kids{list-style:none;margin:0;padding:0}
.wd-place-kids{margin-left:1rem;padding-left:.8rem;
border-left:2px solid rgba(59,42,23,.22)}
.wd-place{padding:.3rem 0}
.wd-place-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .55rem}
.content-page .wd-place-name{font-family:var(--body);font-weight:700;
font-size:1rem;color:#2F5436;text-decoration:none}
.content-page .wd-place-name:hover{text-decoration:underline}
.content-page .wd-place-tier{font-family:var(--utility);font-size:.64rem;
letter-spacing:.08em;text-transform:uppercase;color:var(--paper);
background:#2F5436;padding:.05rem .35rem}
.content-page .wd-place-span{font-family:var(--utility);font-size:.7rem;
color:rgba(59,42,23,.78);font-variant-numeric:tabular-nums}
.content-page .wd-place-inside{font-family:var(--utility);font-size:.7rem;
color:var(--lake)}
.wd-place .era-ribbons{flex:0 0 auto}
@media (max-width:480px){
.wd-facets{grid-template-columns:1fr}
.content-page .wd-facet-name{flex-basis:4.6rem}
.wd-place-kids{margin-left:.45rem;padding-left:.55rem}
}
.widget-anniv{margin:2.2rem 0;padding:1.1rem 0;
border-top:3px double var(--gold);border-bottom:3px double var(--gold)}
.widget-anniv h3,.widget-anniv h2{margin-top:0}
.content-page .widget-anniv .anniv-line{font-size:1rem;line-height:1.5;
margin:.8rem 0 .8rem;color:rgba(59,42,23,.86)}
.widget-anniv .anniv-arcade{display:grid;
grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));
gap:.8rem;margin:0 0 .9rem;
align-items:stretch}
.widget-anniv .anniv-bay{--bay-c:var(--ink);
min-width:0;display:flex;flex-direction:column;
border:2px solid var(--bay-c);background:var(--paper);
border-radius:1.5rem 1.5rem 3px 3px;
box-shadow:2px 2px 0 rgba(59,42,23,.16);overflow:hidden}
.content-page .widget-anniv .anniv-head{margin:0;
padding:.5rem .5rem .44rem;display:flex;justify-content:center;
background:var(--paper-deep);
background:
repeating-linear-gradient(45deg, rgba(185,138,47,.30) 0 1px, transparent 1px 9px),
repeating-linear-gradient(-45deg, rgba(185,138,47,.30) 0 1px, transparent 1px 9px),
color-mix(in srgb, var(--bay-c) 26%, var(--paper));
border-bottom:2px solid var(--bay-c)}
.widget-anniv .anniv-cart{display:inline-flex;flex-direction:column;
align-items:center;justify-content:center;
min-width:3.1rem;max-width:100%;min-height:2.5rem;padding:.1rem .5rem;
border:2px solid var(--gold);border-radius:999px;
background:var(--paper);box-shadow:0 0 0 2px var(--bay-c);text-align:center}
.content-page .widget-anniv .ac-n{font-family:var(--utility);font-size:1.25rem;
line-height:1;color:var(--oxblood);font-variant-numeric:tabular-nums;
letter-spacing:.02em}
.content-page .widget-anniv .ac-u{font-family:var(--utility);font-size:.52rem;
letter-spacing:.13em;text-transform:uppercase;color:rgba(59,42,23,.8);
margin-top:.06rem}
.content-page .widget-anniv .anniv-year-line{margin:0;padding:.4rem .5rem .34rem;
text-align:center;border-bottom:1px solid rgba(59,42,23,.18);
border-bottom-color:color-mix(in srgb, var(--bay-c) 45%, transparent)}
.content-page .widget-anniv .anniv-event{display:block;font-family:var(--utility);
font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.content-page .widget-anniv .anniv-who{margin:0;padding:.35rem .5rem .1rem;
font-family:var(--utility);font-size:.85rem;font-weight:700;line-height:1.3}
.content-page .widget-anniv .anniv-era{display:block;margin-top:.1rem;
font-family:var(--utility);font-size:.58rem;letter-spacing:.12em;
text-transform:uppercase;color:rgba(59,42,23,.78)}
.content-page .widget-anniv .anniv-year{font-family:var(--display);
font-size:1.25rem;line-height:1.1;white-space:nowrap;
border-bottom:1px solid rgba(216,192,120,.8);text-decoration:none}
.content-page .widget-anniv .anniv-year:hover,
.content-page .widget-anniv .anniv-year:focus-visible{
border-bottom-color:var(--oxblood)}
.widget-anniv .anniv-titles{list-style:decimal;margin:0;
padding:.25rem 0 .3rem 2rem}
.widget-anniv .anniv-titles li::marker{color:#6A4E0F;font-family:var(--utility);
font-size:.62rem;font-variant-numeric:tabular-nums}
.content-page .widget-anniv .anniv-titles li{margin:0;
padding:.22rem .55rem .22rem .1rem;
font-family:var(--utility);font-size:.8rem;line-height:1.35;min-width:0}
.widget-anniv .anniv-titles li:nth-child(odd){background:rgba(185,138,47,.10);
background:color-mix(in srgb, var(--bay-c) 11%, transparent)}
.content-page .widget-anniv .anniv-titles a{text-decoration:none;
border-bottom:1px solid rgba(216,192,120,.7);overflow-wrap:anywhere}
.content-page .widget-anniv .anniv-titles a:hover,
.content-page .widget-anniv .anniv-titles a:focus-visible{
border-bottom-color:var(--oxblood)}
.anniv-more-wrap{margin:.2rem 0 .9rem}
@media (max-width:480px){
.widget-anniv .anniv-arcade{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));
gap:.6rem}
.content-page .widget-anniv .anniv-year{font-size:1.1rem}
.widget-anniv .anniv-titles{padding-left:1.7rem}
}
@media print{ .widget-anniv .anniv-more-wrap{display:none} }
.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.7rem}
.field label{font-family:var(--utility);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(36,28,18,.7)}
.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{
font-family:var(--body);font-size:1rem;padding:.55rem .7rem;border:2px solid var(--ink);background:#F5EFE0;color:var(--ink);
}
.field textarea{min-height:100px;resize:vertical}
.btn{font-family:var(--utility);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:.6rem 1.1rem;cursor:pointer}
.btn+.btn{margin-left:.6rem}
.salt-picker{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.salt-picker button{background:var(--paper);border:2px solid rgba(36,28,18,.25);cursor:pointer;padding:.25rem;line-height:0}
.salt-picker button.salt-opt{opacity:.5;transition:opacity .12s ease,border-color .12s ease}
.salt-picker button.salt-opt:hover{opacity:.85}
.salt-picker button.salt-opt.on{opacity:1;border-color:var(--ink);box-shadow:2px 2px 0 rgba(36,28,18,.25)}
.mini-note{font-style:italic;color:rgba(36,28,18,.6);margin:.4rem 0 1rem}
.mini-note,.content-page .mini-note{font-size:.82rem}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
}
@media (max-width:640px){
.poster-card,.show-stack-card{width:140px}
.poster{width:140px;height:204px}
.poster-meta,.show-title-tab{width:140px}
}
.proceed-wrap{margin:2.6rem 0 1rem;text-align:center}
.proceed-wrap .proceed-btn{
display:inline-flex;align-items:baseline;gap:.7rem;
padding:.9rem 2rem;text-decoration:none;
color:var(--paper);background:var(--oxblood);
border:2px solid var(--ink);box-shadow:4px 4px 0 var(--gold);
position:relative;transition:transform .12s, box-shadow .12s;
}
.proceed-wrap .proceed-btn::before{
content:"";position:absolute;inset:4px;border:1px solid var(--gold-bright);
opacity:.65;pointer-events:none;
}
.proceed-wrap .proceed-btn:hover,.proceed-wrap .proceed-btn:focus-visible{
transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--gold);
}
.proceed-wrap .proceed-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--gold)}
.proceed-wrap .proceed-btn:focus-visible{outline:3px solid var(--lake);outline-offset:3px}
.proceed-main{font-family:var(--display);font-size:1.5rem;line-height:1.1}
.proceed-arrow{font-size:1.2rem;line-height:1}
.proceed-wrap .proceed-btn:hover .proceed-arrow{transform:translateX(3px)}
.proceed-arrow{display:inline-block;transition:transform .12s}
@media (prefers-reduced-motion:reduce){
.proceed-wrap .proceed-btn,.proceed-arrow{transition:none}
.proceed-wrap .proceed-btn:hover,.proceed-wrap .proceed-btn:focus-visible{transform:none}
.proceed-wrap .proceed-btn:hover .proceed-arrow{transform:none}
}
@media (max-width:480px){
.proceed-wrap .proceed-btn{flex-direction:column;align-items:center;gap:.2rem;padding:.9rem 1.4rem;width:100%}
.proceed-main{font-size:1.25rem}
}
@media print{ .proceed-wrap{display:none} }
@media (prefers-reduced-motion:reduce){
}
.pp-bookmark{
position:fixed;top:0;left:max(.6rem,2vw);z-index:65;
font-family:var(--utility);
}
.bm-tab{
list-style:none;cursor:pointer;
width:46px;height:132px;
background:url(../art/bookmark.svg) top left / 46px 132px no-repeat;
filter:drop-shadow(3px 3px 0 rgba(36,28,18,.25));
display:grid;place-items:center;
padding:34px 0 26px;
}
.bm-tab::-webkit-details-marker{display:none}
.bm-tab:hover{filter:drop-shadow(3px 3px 0 rgba(36,28,18,.45))}
.bm-tab:focus-visible{outline:3px solid var(--lake);outline-offset:2px}
.bm-tab-text{
writing-mode:vertical-rl;
color:var(--paper);font-size:.62rem;letter-spacing:.1em;
text-transform:uppercase;white-space:nowrap;
}
.bm-panel{
position:absolute;top:0;left:54px;
width:min(20rem,calc(100vw - 5rem));
background:var(--paper);border:2px solid var(--ink);
box-shadow:5px 5px 0 rgba(36,28,18,.28);
padding:.85rem .95rem .95rem;
}
.bm-hail{
font-family:var(--body);font-size:.84rem;font-style:italic;line-height:1.45;
border-left:3px solid var(--gold);padding-left:.55rem;margin-bottom:.7rem;
}
.bm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.bm-go{
display:block;width:100%;text-align:left;cursor:pointer;font:inherit;
background:var(--paper);border:2px solid var(--ink);padding:.45rem .6rem;
color:var(--ink);text-decoration:none;
}
.bm-go:hover,.bm-go:focus-visible{background:var(--gold-bright)}
.bm-go[disabled]{opacity:.55;cursor:default;background:var(--paper)}
.bm-what{display:block;font-family:var(--utility);font-size:.84rem;color:var(--oxblood)}
.bm-why{display:block;font-family:var(--body);font-size:.75rem;line-height:1.35;opacity:.78;margin-top:.1rem}
.bm-said{font-family:var(--body);font-size:.78rem;line-height:1.4;color:var(--oxblood);margin-top:.55rem}
.bm-said:empty{display:none}
@media (max-width:560px){
.pp-bookmark{left:.5rem}
.bm-tab{width:40px;height:112px;background-size:40px 112px;padding:28px 0 22px}
.bm-panel{left:0;top:120px;width:calc(100vw - 1.6rem)}
header.masthead{padding-left:3.6rem;padding-right:3.6rem}
}
:root{
--paper:#E9E0C9;
--paper-deep:#DCD0B4;
--ink:#3B2A17;
--oxblood:#9E2B25;
--oxblood-deep:#7E1E1A;
--lake:#274B8E;
--lake-deep:#1C3868;
--moss:#3E6B45;
--murex:#6A3D9A;
--murex-text:#57307E;
--myth:#9A4410;
--gold:#B98A2F;
--gold-bright:#D8C078;
--leadwhite:#F7F3E8;
--leadwhite-edge:#8C7A5B;
--salt-ink:#9E2B25;
--display:'UnifrakturMaguntia','MedievalSharp',serif;
--body:'Cardo','EB Garamond',Georgia,serif;
--utility:'MedievalSharp','Cardo',serif;
}
body{
color:var(--ink);
background:
url(../art/paper-grain.svg) repeat,
radial-gradient(120% 70% at 20% 0%, rgba(158,43,37,.05), transparent 55%),
radial-gradient(120% 90% at 90% 30%, rgba(39,75,142,.05), transparent 55%),
radial-gradient(140% 120% at 50% 110%, rgba(59,42,23,.14), transparent 60%),
repeating-linear-gradient(0deg, transparent 0 29px, rgba(59,42,23,.05) 29px 30px),
var(--paper);
background-attachment:fixed;
}
a{color:var(--oxblood)}
header.masthead{border-bottom:0px double var(--gold);background:linear-gradient(180deg, rgba(216,192,120,.10), transparent)}
.masthead-logo img{filter:drop-shadow(0 1px 0 rgba(59,42,23,.25))}
.era-btn{
font-family:var(--utility);letter-spacing:.06em;text-transform:none;font-size:.9rem;
background:var(--paper);color:var(--oxblood);border:2px solid var(--gold);
box-shadow:2px 2px 0 rgba(59,42,23,.3);
}
.era-btn .dot{border-color:var(--ink)}
.era-btn .range{font-family:var(--body);opacity:.6}
.era-btn:hover,.era-btn:focus-visible{background:var(--paper-deep)}
.timeline{box-shadow:0 3px 0 var(--gold)}
.poster{
border:3px solid var(--ink);
box-shadow:0 0 0 3px var(--gold), 4px 4px 0 rgba(59,42,23,.35);
background:var(--paper-deep);
}
.poster-card:hover .poster,.poster-card:focus-visible .poster{box-shadow:0 0 0 3px var(--gold-bright), 6px 8px 0 rgba(59,42,23,.3)}
.badge{font-family:var(--utility);background:var(--paper);border-color:var(--ink);color:var(--ink);text-transform:none;letter-spacing:.04em}
.badge.review{background:var(--gold);color:var(--ink);border-color:var(--ink)}
.poster-meta .p-lb{font-family:var(--utility);color:var(--gold)}
.poster-meta .p-lb .lb-num{color:rgba(59,42,23,.6)}
.salt-compact{color:var(--oxblood)}
.salt-compact .s-num{font-family:var(--utility);color:var(--oxblood);font-style:italic}
.stars-wrap .stars-fg{color:var(--gold)}
.rating-num{font-family:var(--utility);color:var(--ink)}
.lede::first-letter{
font-family:var(--display);font-size:3.4em;line-height:.8;float:left;
color:var(--oxblood);margin:.05em .12em 0 0;
text-shadow:2px 2px 0 var(--gold-bright);
}
.salt-note{
font-family:var(--body);font-style:italic;color:var(--oxblood);
border-left:3px solid var(--oxblood);background:rgba(158,43,37,.06);
padding:.5rem .8rem .5rem 2rem;position:relative;max-width:none;
}
.salt-note::before{content:"\261E";position:absolute;left:.5rem;top:.45rem;font-style:normal;color:var(--oxblood);font-size:1.1rem}
.content-page h2{font-family:var(--display);color:var(--oxblood);font-weight:400}
.content-page h3{font-family:var(--utility);color:var(--lake);text-transform:none;letter-spacing:.06em}
.content-page p,.content-page li{font-family:var(--body);font-size:1.12rem}
.salt-legend .emblem{border-color:var(--ink);box-shadow:0 0 0 2px var(--gold)}
.salt-legend .tier-name{font-family:var(--display);color:var(--oxblood);font-weight:400}
.salt-legend .tier-level{font-family:var(--utility);text-transform:none}
.salt-legend .tier-blurb{font-family:var(--body)}
footer.site-foot{
--foot-art-h:150px;
--foot-seat:164px;
--foot-rule-h:12px;
font-family:var(--utility);color:rgba(59,42,23,.75);text-transform:none;letter-spacing:.06em;
border-top:3px double var(--gold-text);position:relative;
padding-top:calc(var(--foot-seat) + .5rem);
padding-bottom:calc(var(--foot-rule-h) + 1.5rem);
background:
radial-gradient(26% 14px at 50% var(--foot-seat), rgba(59,42,23,.11), transparent 70%),
url(../art/border-rule-foot.svg) repeat-x left bottom / auto var(--foot-rule-h),
linear-gradient(180deg,
rgba(220,208,180,0)   0,
rgba(220,208,180,.62) calc(var(--foot-seat) * .58),
var(--paper-deep)     var(--foot-seat));
}
footer.site-foot::before{
content:"";position:absolute;top:14px;left:0;right:0;height:var(--foot-art-h);
background:url(../art/drollery.png) center bottom / contain no-repeat;
}
footer.site-foot::after{
content:"";display:block;width:9px;height:9px;margin:1.2rem auto .1rem;
background:var(--oxblood);border:1px solid var(--gold);transform:rotate(45deg);
box-shadow:0 0 0 2px rgba(185,138,47,.22);
}
.foot-nav{
max-width:58rem;margin:0 auto 1.15rem;padding:.95rem 1.2rem .85rem;
border-top:1px solid var(--gold-text);
border-bottom:1px solid var(--gold-text);
background:
repeating-linear-gradient(45deg,  rgba(185,138,47,.11) 0 1px, transparent 1px 13px),
repeating-linear-gradient(-45deg, rgba(185,138,47,.11) 0 1px, transparent 1px 13px);
}
.foot-nav a{font-family:var(--utility);color:var(--oxblood);text-transform:none;letter-spacing:.06em}
.foot-nav a:hover,.foot-nav a:focus-visible{color:var(--oxblood-deep);border-bottom-color:var(--gold)}
.foot-nav-group + .foot-nav-group{gap:1.25rem}
.foot-nav-group + .foot-nav-group a{
font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(59,42,23,.86);
}
.foot-nav-group + .foot-nav-group a:hover,
.foot-nav-group + .foot-nav-group a:focus-visible{color:var(--oxblood)}
.foot-updated{
opacity:1;color:var(--oxblood);
font-family:var(--utility);font-size:.84rem;letter-spacing:.06em;
line-height:1.7;margin:0 0 .5rem;
}
.foot-credit{color:rgba(59,42,23,.92);font-size:.8rem;letter-spacing:.1em;line-height:1.8}
.foot-sources{
color:rgba(59,42,23,.78);font-size:.66rem;letter-spacing:.05em;line-height:1.75;
max-width:46rem;margin:.1rem auto 0;
}
.foot-scribe{max-width:34rem;margin:1.1rem auto 0;padding-top:.9rem;position:relative}
.foot-scribe::before{content:'';position:absolute;top:0;left:50%;width:4rem;margin-left:-2rem;
border-top:1px solid rgba(185,138,47,.7)}
.foot-scribe .fs-text{margin:0;padding:0;border:0}
.foot-scribe .fs-text p{font-family:'Almendra','Cardo',serif;font-style:italic;
font-size:1.12rem;line-height:1.45;letter-spacing:0;text-transform:none;
color:var(--ink);margin:0}
.foot-scribe .fs-source{margin-top:.35rem;font-size:.66rem;letter-spacing:.05em;
line-height:1.6;color:rgba(59,42,23,.78)}
.foot-scribe[hidden]{display:none}
@media (min-width:88rem){
footer.site-foot .foot-scribe{
--fs-w:min(15rem, calc((100% - 58rem) / 2 - 3rem));
--fs-lift:.5rem;
position:absolute;width:var(--fs-w);max-width:none;
top:calc(var(--foot-seat) + .5rem + var(--fs-lift) + var(--fs-drop,0rem));
margin:0;padding:0;text-align:left;
transform:rotate(var(--fs-tilt,0deg));transform-origin:50% 50%}
footer.site-foot .foot-scribe::before{content:none}
footer.site-foot .foot-scribe.fs-left{
left:calc(((100% - 58rem) / 2 - var(--fs-w)) / 2 + var(--fs-nudge,0rem))}
footer.site-foot .foot-scribe.fs-right{text-align:right;
right:calc(((100% - 58rem) / 2 - var(--fs-w)) / 2 - var(--fs-nudge,0rem))}
footer.site-foot .foot-scribe .fs-text p{font-size:1.02rem;line-height:1.4}
footer.site-foot .foot-scribe.fs-diagonal{
--fs-w:min(12.5rem, calc((100% - 58rem) / 2 - 4rem));--fs-lift:2.4rem}
}
@media print{ .foot-scribe{display:none !important} }
.admin-tabs button,.btn{font-family:var(--utility);text-transform:none}
.btn{background:var(--oxblood);color:var(--paper);border-color:var(--gold)}
@media (max-width:640px){
footer.site-foot{--foot-art-h:104px;--foot-seat:118px}
.foot-nav{padding:.75rem .5rem .65rem;margin-bottom:.9rem;gap:.45rem 1rem}
.foot-nav-group{gap:.45rem 1.05rem}
.foot-nav-group + .foot-nav-group a{letter-spacing:.1em}
}
.empty-drollery{display:flex;justify-content:center;margin-bottom:.8rem}
.empty-drollery svg{width:210px;height:auto}
.tick:focus-visible,.era-btn:focus-visible,.seg button:focus-visible,.jump-btn:focus-visible,
.poster-card:focus-visible,.show-stack-card:focus-visible,.surprise-btn:focus-visible,
.foot-nav a:focus-visible,.back-btn:focus-visible,.clear-filters:focus-visible{
outline:3px solid var(--gold);outline-offset:2px}
@keyframes pp-flash{
0%,100%{outline:0 solid transparent;outline-offset:2px}
25%,65%{outline:3px solid var(--oxblood);outline-offset:3px}
}
.palette{width:min(680px,100%);background:var(--paper);border:2px solid var(--ink);
box-shadow:6px 6px 0 rgba(36,28,18,.3);display:flex;flex-direction:column;max-height:78vh}
.palette input{font-family:var(--body);font-size:1.05rem;padding:.7rem .9rem;border:none;
border-bottom:2px solid var(--ink);background:var(--paper);color:var(--ink);width:100%}
.palette input:focus{outline:3px solid var(--gold);outline-offset:-3px}
.poster-field{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.poster-field .btn{flex:0 0 auto}
.related{margin-top:2rem;border-top:3px double var(--gold);padding-top:1rem}
.related h3{font-family:var(--utility);color:var(--lake);text-transform:none;letter-spacing:.06em;margin-bottom:.5rem}
.related ul{list-style:none;padding:0;margin:0}
.related li{display:flex;align-items:baseline;gap:.6rem;padding:.35rem 0;border-bottom:1px solid rgba(59,42,23,.18)}
.related li a{font-family:var(--body);font-weight:700;color:var(--oxblood);flex:1 1 auto}
:root{ --gold-text:#7F5F14; }
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--oxblood);color:var(--paper);
font-family:var(--utility);padding:.6rem 1rem;border:2px solid var(--gold);text-decoration:none}
.skip-link:focus{left:.5rem;top:.5rem}
main:focus{outline:none}
.mini-note{opacity:1;color:rgba(59,42,23,.78)}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
transition-duration:.001ms !important;scroll-behavior:auto !important}
}
.figures{margin-top:2rem;border-top:3px double var(--gold);padding-top:1rem}
.figures h3{font-family:var(--utility);color:var(--lake);text-transform:none;letter-spacing:.06em;margin-bottom:.6rem}
.figure-portrait{flex:0 0 150px;width:150px}
.figure-portrait svg{width:150px;height:auto;border:3px solid var(--ink);box-shadow:0 0 0 3px var(--gold),4px 4px 0 rgba(59,42,23,.3);display:block}
@media (max-width:560px){ .figure-portrait{flex:0 0 110px;width:110px} .figure-portrait svg{width:110px} }
.badge.circa{top:auto;bottom:34px;left:8px;right:auto;background:var(--lake);color:var(--paper);border-color:var(--ink)}
.badge.span{top:auto;bottom:8px;left:8px;right:auto;
background:var(--murex);color:var(--paper);
border:1.5px dashed var(--paper);box-shadow:0 0 0 1.5px var(--ink)}
.badge.new{top:8px;right:8px;left:auto;bottom:auto;
background:var(--moss);color:var(--paper);border-color:var(--ink)}
@media print {
:root{
--paper:#fff; --paper-deep:#fff; --ink:#000;
--oxblood:#6b1a16; --lake:#1d3865; --gold:#6b5214; --gold-bright:#6b5214;
--gold-text:#6b5214; --salt-ink:#6b1a16;
}
*{ -webkit-print-color-adjust:exact; print-color-adjust:exact; box-shadow:none !important }
body{ background:#fff !important; color:#000; font-size:11pt }
.sprockets, .admin-link, .skip-link, .toast, .pp-bookmark,
.back-btn, .figure-pager, .browse-tabs, .stat-sort, .finder,
.copy-link, .copy-said, .post-toc,
.ref-panel,.gn-ask,.gn-panel,.sn-ask,.sn-panel,.gl-ask,.gl-tip-panel,.gl-filter,.gl-jump,.era-bar,.era-hint,.filter-row,.timeline-wrap,.controls,.foot-nav,footer.site-foot::before,.empty-drollery,.notfound-art{ display:none !important }
header.masthead{ border-bottom:1pt solid #000; padding:0 0 .4rem; margin-bottom:.8rem;
background:none !important }
.masthead-logo img, .masthead-logo svg{ width:180px !important; max-width:40% }
main{ max-width:none; padding:0 }
a{ color:#000; text-decoration:none }
.salt-note{ page-break-inside:avoid; background:none; border-left:2pt solid var(--oxblood) }
.figures, .related{ page-break-inside:avoid; border-top:1pt solid #000 }
.figure-portrait{ flex:0 0 110px; width:110px }
.figure-portrait svg{ width:110px }
.era-ribbons{ display:none }
.review-body a[href^="http"]::after,.related a::after,.period-tags a::after{
content:" (" attr(href) ")"; font-size:8pt; color:#444; word-break:break-all;
}
.related a[href^="review.html"]::after,.period-tags a::after{ content:"" }
footer.site-foot{ padding-top:.6rem !important; padding-bottom:.6rem !important;
border-top:1pt solid #000; background:none !important;
font-size:8pt; page-break-inside:avoid }
footer.site-foot::before, footer.site-foot::after{ content:none !important }
}
.timeline{position:relative}
.threads-panel{max-width:1180px;margin:.7rem auto 0;padding:0 1rem}
.threads-book{position:relative;border:2px solid var(--ink);background:var(--paper);
box-shadow:3px 3px 0 rgba(59,42,23,.22)}
.threads-book::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;
background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 13px);opacity:.35}
.thread-tabs{display:flex;flex-wrap:wrap;gap:.4rem .35rem;align-items:flex-end;
justify-content:center;padding:.75rem 1rem .6rem;max-height:none}
.thread-tab{position:relative;font-family:var(--utility);font-size:.76rem;line-height:1.15;
cursor:pointer;color:var(--ink);background:linear-gradient(180deg,#DCCFB2 0%,#CFC0A0 100%);
border:2px solid var(--ink);border-bottom-width:1px;
padding:.42rem .7rem .3rem;border-radius:9px 9px 0 0;
box-shadow:inset 0 2px 0 rgba(255,255,255,.35), 2px -1px 0 rgba(59,42,23,.18);
max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
transform:translateY(0);transition:transform .12s ease, background .12s ease}
.thread-tab::before{content:"";position:absolute;left:50%;top:3px;transform:translateX(-50%);
width:14px;height:2px;background:rgba(59,42,23,.45);
box-shadow:0 3px 0 rgba(59,42,23,.25)}
.thread-tab::after{content:"";position:absolute;left:.35rem;right:.35rem;bottom:-1px;height:2px;
background:rgba(59,42,23,.3)}
.thread-tab:hover{background:linear-gradient(180deg,#E6DCC2 0%,#D8CBAB 100%);transform:translateY(-2px)}
.thread-tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.thread-tab.on{background:var(--th-c,var(--oxblood));
color:var(--paper);border-color:var(--ink);transform:translateY(-3px);
box-shadow:inset 0 2px 0 rgba(255,255,255,.18), 2px -2px 0 rgba(59,42,23,.3)}
.thread-tab.on::before{background:rgba(233,224,201,.6);box-shadow:0 3px 0 rgba(233,224,201,.3)}
.thread-tab.on::after{background:var(--th-c,var(--oxblood))}
.thread-tab:disabled{opacity:.4;cursor:default;transform:none}
.thread-tab:disabled:hover{background:linear-gradient(180deg,#DCCFB2 0%,#CFC0A0 100%);transform:none}
.tt-letter{display:inline-block;font-weight:700;margin-right:.35rem;
border:1.5px solid currentColor;padding:0 .22rem;line-height:1.1}
.thread-leaf,.pdt-leaf{border-top:2px solid var(--ink);background:
repeating-linear-gradient(0deg,transparent 0 15px,rgba(59,42,23,.06) 15px 16px),
var(--paper-deep);
padding:.5rem .8rem}
.thread-leaf{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.th-one{display:block}
.th-one .th-name{display:inline-block;font-size:.86rem;color:var(--th-c);font-weight:700}
.threads{margin-top:1.6rem;border-top:3px double var(--gold);padding-top:1rem}
.threads h3{font-family:var(--utility);color:var(--moss);text-transform:none;letter-spacing:.06em;margin-bottom:.5rem}
@media print{ .era-tools,.compare-panel,.threads-panel{display:none !important} }
[hidden]{display:none !important}
.rating-none{font-style:italic;color:rgba(59,42,23,.78);font-size:.86em;
font-variant-numeric:normal;letter-spacing:0;white-space:normal}
.rating-none .rn-why{font-size:.9em}
.poster-meta .p-lb.unrated{color:rgba(59,42,23,.78);font-style:italic}
.poster-meta .p-lb.unrated .lb-num{color:rgba(59,42,23,.6);font-style:normal}
.salt-compact.unsalted,.salt-row.unsalted{opacity:.72;font-style:italic}
.salt-compact.unsalted .salt-emblem,.salt-row.unsalted .salt-emblem{opacity:.7}
.salt-opt[title="Unsalted"]{border-style:dashed}
@media (hover:none) and (pointer:coarse){
.era-btn,.seg button,.tool-btn,.jump-btn,.browse-tabs button,.stat-sort button,.thread-tab,.thread-pager button,.be-fix{min-height:44px}
a,button,select,input,summary,.poster-card,.show-stack-card,.tick,.heat-cell{
-webkit-tap-highlight-color:rgba(158,43,37,.14)}
}
@media (max-width:640px){
header.masthead{padding-top:1.4rem;padding-bottom:1rem}
.masthead-logo{margin-top:.35rem}
.era-bar{
flex-wrap:nowrap;justify-content:flex-start;
overflow-x:auto;
padding:1rem .9rem .7rem;gap:.45rem;
scroll-snap-type:x proximity;
scrollbar-width:thin;scrollbar-color:var(--oxblood) var(--paper-deep);
-webkit-overflow-scrolling:touch;
}
.era-btn{flex:0 0 auto;scroll-snap-align:center}
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
column-gap:.8rem;padding:1.2rem .75rem 1rem;justify-content:start}
.shelf > .poster-card,.shelf > .show-stack-card{padding-bottom:1rem}
.poster-card,.show-stack-card{width:100%}
.poster{width:100%;height:auto;aspect-ratio:172/250}
.poster img.tmdb{width:100%;height:100%;object-fit:cover}
.poster-meta{width:100%}
}
@media (max-width:400px){
.shelf{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));column-gap:.6rem}
.masthead-logo img,.masthead-logo svg{max-width:min(88vw,100%)}
}
body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
footer.site-foot{padding-bottom:calc(var(--foot-rule-h) + 1.5rem + env(safe-area-inset-bottom,0px))}
@media (max-width:640px){
:root{ --utility:'Cardo',Georgia,serif; }
.era-btn,.seg button,.badge,.p-sub,.tick,.browse-tabs button{letter-spacing:.02em}
}
.reading{margin-top:1.8rem;border-top:3px double var(--gold);padding-top:1rem}
.reading h3{font-family:var(--utility);color:var(--lake);text-transform:none;
letter-spacing:.06em;margin-bottom:.6rem}
.salt-range-dash{font-family:var(--utility);font-size:.74rem;opacity:.75;margin:0 .1rem}
html{scrollbar-width:thin;scrollbar-color:var(--oxblood) var(--paper-deep)}
*{scrollbar-width:thin;scrollbar-color:var(--oxblood) var(--paper-deep)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--paper-deep);border:1px solid rgba(59,42,23,.25)}
::-webkit-scrollbar-thumb{background:var(--oxblood);border:1px solid var(--ink)}
::-webkit-scrollbar-thumb:hover{background:var(--oxblood-deep)}
::-webkit-scrollbar-corner{background:var(--paper-deep)}
.btn, .admin-tabs button, .val-badge, .undo-btn, .cite-copy,
.period-row .btn, .credit-pager button, .thread-pager button, .browse-tabs button{
transition:transform .06s ease, box-shadow .06s ease, background .12s ease;
}
.btn:active, .admin-tabs button:active, .undo-btn:active, .cite-copy:active,
.period-row .btn:active, .credit-pager button:active, .thread-pager button:active{
transform:translate(2px,2px);
box-shadow:none !important;
}
.btn:focus-visible, .admin-tabs button:focus-visible{
outline:3px solid var(--gold); outline-offset:2px;
}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.content-page > h1,.browse-page > h1,.stats-page > h1{
font-family:var(--display);font-weight:400;color:var(--oxblood);
font-size:1.9rem;letter-spacing:.02em;margin-bottom:.4rem;
}
@media (max-width:640px){
.content-page > h1,.browse-page > h1,.stats-page > h1{font-size:1.55rem}
}
.breakdown{margin-top:2rem;border-top:3px double var(--gold);padding-top:1rem}
.breakdown h3{font-family:var(--utility);color:var(--lake);text-transform:none;
letter-spacing:.06em;margin-bottom:.2rem}
@media print{
.breakdown{page-break-inside:avoid}
}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
svg.scatter{width:100%;height:auto;display:block;
border:2px solid var(--ink);background:var(--paper);
box-shadow:3px 3px 0 rgba(59,42,23,.2)}
@media print{
svg.scatter{box-shadow:none}
}
.wm-land path{fill:rgba(216,192,120,.55);stroke:none}
.wm-graticule line,.wm-equator,.wm-tropic{stroke:rgba(59,42,23,.28)}
.salt-dist{list-style:none;margin:.8rem 0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.sd-row{display:flex;align-items:center;gap:.6rem;font-family:var(--utility);font-size:.76rem}
.sd-row.is-empty{opacity:.45}
.sd-level{
flex:0 0 1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;
border:1.5px solid var(--ink);background:var(--paper-deep);font-size:.8rem;
}
.sd-name{flex:0 0 9.5rem}
.sd-bar{flex:1 1 auto;height:.85rem;background:rgba(59,42,23,.08);border:1px solid rgba(59,42,23,.18)}
.sd-fill{display:block;height:100%;background:var(--oxblood)}
.sd-count{flex:0 0 2rem;text-align:right;font-size:.9rem}
@media (max-width:560px){ .sd-name{flex:0 0 6.5rem;font-size:.68rem} }
.era-ribbons{display:inline-flex;gap:2px;align-items:center;margin-left:.15rem;
vertical-align:middle}
.era-ribbon{display:inline-block;width:.45rem;height:.85rem;border:1px solid rgba(59,42,23,.45)}
.masthead.masthead-compact{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
padding:.5rem 1.5rem;text-align:left}
.masthead.masthead-compact .masthead-logo{margin:0}
.masthead.masthead-compact .masthead-logo img{width:150px;margin:0}
.masthead.masthead-reader{padding:.55rem 1.5rem .55rem calc(max(.6rem,2vw) + 62px);border-bottom:none}
.masthead.masthead-reader .masthead-logo img{width:58px;height:58px}
.nav-bar{position:relative;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
gap:.4rem 1.4rem;padding:.4rem 1rem .4rem calc(max(.6rem,2vw) + 62px);
border-top:1.5px solid rgba(59,42,23,.35);border-bottom:3px double var(--ink);
background:var(--paper-deep);font-family:var(--utility)}
.nav-list{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .35rem;margin:0;padding:0}
.nav-item{position:relative;margin:0}
.nav-top{display:inline-block;padding:.35rem .7rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;
color:var(--ink);text-decoration:none;cursor:pointer;border:1.5px solid transparent;line-height:1.2}
summary.nav-top{list-style:none}
summary.nav-top::-webkit-details-marker{display:none}
summary.nav-top::after{content:" \25BE";font-size:.7em}
.nav-top:hover,.nav-group[open] > .nav-top{border-color:var(--ink);background:var(--paper)}
.nav-top:focus-visible,.nav-menu a:focus-visible,.nav-search :focus-visible{outline:2px solid var(--lake);outline-offset:2px}
.nav-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:70;list-style:none;margin:0;padding:.35rem;
width:max-content;min-width:16rem;max-width:22rem;background:var(--paper);border:2px solid var(--ink);
box-shadow:5px 5px 0 rgba(36,28,18,.28)}
.nav-item:last-child .nav-menu{left:auto;right:0}
.nav-menu li{margin:0}
.nav-menu a{display:block;padding:.4rem .55rem;text-decoration:none;color:var(--ink);border-left:3px solid transparent}
.nav-menu a:hover{background:var(--gold-bright)}
.nav-menu a[aria-current="page"]{border-left-color:var(--oxblood);background:rgba(158,43,37,.06)}
.nav-name{display:block;font-size:.84rem;color:var(--oxblood);letter-spacing:.04em}
.nav-gloss{display:block;font-family:var(--body);font-size:.76rem;line-height:1.3;color:rgba(59,42,23,.82);margin-top:.05rem}
.nav-search{display:flex;gap:.3rem;margin:0}
.nav-search input{width:13rem;min-width:0;font-family:var(--body);font-size:.88rem;padding:.3rem .5rem;
border:1.5px solid var(--ink);background:var(--paper);color:var(--ink)}
.nav-search button{font-family:var(--utility);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;
padding:.3rem .65rem;background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);cursor:pointer}
.nav-search button:hover{background:var(--oxblood);border-color:var(--oxblood)}
.nav-search{position:relative}
.ns-list{position:absolute;top:calc(100% + 4px);right:0;z-index:75;list-style:none;margin:0;padding:.3rem;
width:min(26rem,calc(100vw - 1.5rem));max-height:min(60vh,26rem);overflow-y:auto;
background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 rgba(36,28,18,.28)}
.ns-list[hidden]{display:none}
.ns-opt{margin:0}
.ns-opt a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.6rem;align-items:baseline;
padding:.35rem .5rem;text-decoration:none;color:var(--ink);border-left:3px solid transparent}
.ns-opt[aria-selected="true"] a,.ns-opt a:hover{background:var(--gold-bright);border-left-color:var(--oxblood)}
.ns-name{font-family:var(--body);font-size:.92rem;line-height:1.25;color:var(--oxblood);overflow-wrap:anywhere}
.ns-kind{font-family:var(--utility);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
color:var(--lake);white-space:nowrap}
.ns-sub{grid-column:1 / -1;font-family:var(--body);font-size:.74rem;color:rgba(59,42,23,.78)}
.ns-browse{border-top:1px solid rgba(59,42,23,.25);margin-top:.25rem;padding-top:.2rem}
.ns-browse .ns-name{font-style:italic}
@media (max-width:560px){
.masthead.masthead-reader{padding-left:3.6rem;padding-right:1rem}
.nav-bar{padding-left:3.4rem;padding-right:.6rem;justify-content:flex-start}
.nav-item{position:static}
.nav-menu,.nav-item:last-child .nav-menu{left:.5rem;right:.5rem;width:auto;min-width:0;max-width:none}
.nav-search{flex:1 1 100%}
.nav-search input{flex:1 1 auto;width:auto}
}