/* Shared public pages. Johnstemp and the original LIBLICE identity are retained. */
:root{--ink:#232620;--muted:#656960;--signal:#b42821;--line:#24291f29;color-scheme:light}
body{background:#f5f3ed;color:var(--ink);font-size:18px;line-height:1.7}
p,.lead{color:#64675f}
main{max-width:1504px;padding-inline:clamp(24px,5vw,88px)}
.portal-header{max-width:1600px;padding:18px clamp(24px,5.5vw,88px);min-height:104px;border-color:var(--line);gap:30px}
.brand{font-size:23px;letter-spacing:.015em;gap:12px;margin-right:auto}
.brand img{width:64px;height:64px;object-fit:contain;border-radius:0;mix-blend-mode:normal;background:transparent}
.brand small{font-size:9px;color:var(--muted);letter-spacing:.12em;margin-top:6px}
.site-nav{gap:27px;font-size:14px}
.site-nav a{color:var(--muted);border-bottom-width:1px}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);border-color:var(--signal)}
.site-nav .play-link{color:var(--ink);border:1px solid #a5a79e;border-radius:0;padding:10px 23px;margin-left:5px}
.site-nav .play-link:hover{color:#fff;background:var(--ink);border-color:var(--ink)}
.eyebrow{color:var(--signal);font-size:11px;letter-spacing:.13em;line-height:1.65}
.button,.small-button{border-radius:0;border-color:#979c916b;background:transparent;color:var(--ink);font-size:15px;transition:background .15s,color .15s,border-color .15s}
.button{min-height:50px;padding:13px 22px}
.button:hover,.small-button:hover{color:var(--ink);background:#e9e7df;border-color:#72786a}
.button.primary{background:var(--signal);border-color:var(--signal);color:#fff}
.button.primary:hover{background:#98251f;border-color:#98251f;color:#fff}
.small-button{font-size:12px;padding:10px 13px}
.text-link,.inline-links a{color:var(--ink)}
.page-hero h1{letter-spacing:-.045em}
.icon-feature img{mix-blend-mode:normal}
.icon-feature span,.source-note,.source-note a,.archive-photo figcaption,.archive-photo figcaption span,.fact-strip span{color:var(--muted)!important}
.archive-photo>a{background:#e4e3dc}
.fact-strip strong small,.timeline strong,.play-guide>div>span{color:var(--signal)}
.fact-strip{padding-block:38px}
.timeline li{padding-block:30px}
.editorial>.eyebrow{color:var(--signal)}
.section-nav a{color:var(--muted)}
.section-nav a:hover{color:var(--signal)}
.feed-status,.feed-toolbar,.comment time{color:var(--muted)}
.contribution-form{border-radius:0;border:0;border-top:2px solid var(--ink);background:#ebe9e1;padding:30px}
.contribution-form input:not([type=checkbox]),.contribution-form textarea{background:#faf9f5;color:var(--ink);border:1px solid #aeb2a6;border-radius:0;font-size:16px;padding:12px}
.contribution-form input::placeholder,.contribution-form textarea::placeholder{color:#797d72;opacity:1}
.contribution-form label small{color:var(--muted)}
.contribution-form .file-label{border:1px dashed #9b9e92;border-radius:0;padding:18px}
.file-label input::file-selector-button{background:#252921;color:#fff;border-radius:0;padding:11px 14px}
.consent input{accent-color:var(--signal)}
.form-status{color:#a02922}
.form-note{color:var(--muted)}
.comment .reply-to{color:#a02d25}
#commentFeed .support-reply{background:#e6e9de;border-left:2px solid #717e5f;border-radius:0}
#commentFeed .support-meta strong,#commentFeed .support-reply p{color:#35422c}
#commentFeed .support-badge{color:#435734;border-color:#7b8f6899}
#commentFeed .support-reply time{color:#627257}
.photo-lightbox,.delete-dialog{background:#f5f3ed;color:var(--ink);border-radius:0;border:1px solid #9ca392;box-shadow:0 25px 90px #0004}
.photo-lightbox p,.delete-dialog p{color:#555c4e}
.photo-lightbox::backdrop,.delete-dialog::backdrop{background:#11180fee}
.portal-footer{max-width:none;position:relative;isolation:isolate;overflow:hidden;background:#080d09;color:#eeeae0;border-top:1px solid #d4c8a226;padding:75px max(calc((100vw - 1424px)/2),5.5vw) 55px}
.brand-word{display:inline-block;font-size:clamp(82px,13.5vw,195px);line-height:1;letter-spacing:-.03em}
.brand-word span{color:#cc5144}
.portal-footer p{color:#c0c3b7;max-width:450px;margin:23px 0 37px;font-size:18px}
.portal-footer>div:not(.social-panel){gap:20px 32px;font-size:14px}
.portal-footer>div:not(.social-panel)>a{text-decoration:none;border-bottom:1px solid #ffffff30;padding-bottom:4px}
.portal-footer>div:not(.social-panel)>a:hover{border-color:#eee}
.portal-footer small{color:#a0a596;font-size:12px;margin-top:24px}
.portal-footer .social-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;margin-top:48px;padding-top:25px}
.portal-footer .social-panel>p{font-size:13px;margin:0;color:#b7bcaf}
.portal-footer .social-links{gap:32px}
.portal-footer .social-links a{padding:10px 0;background:transparent;border:0;border-bottom:1px solid #ffffff30;color:#f0eee6;font-size:14px;gap:10px;min-height:44px}
.portal-footer .social-links a:hover{border-color:#ef685b;background:none}
.portal-footer .social-arrow{color:#d6b6a9}
.safety-notice{background:#e6e4dcf7;border-color:#b9bcb0;color:#53594b;font-size:12px}
.safety-notice strong{color:#8e2b23;font-size:12px}
.demolition-section .demolition-countdown{border:1px solid #a8ac9d;border-left:3px solid var(--signal);background:#ebe9e1;color:var(--ink);padding:30px}
.demolition-section .demolition-countdown h3,.demolition-section .countdown-timer b{color:var(--ink)}
.demolition-section .countdown-date,.demolition-section .countdown-link,.demolition-section .countdown-kicker{color:#a02d25}
.demolition-section .countdown-status,.demolition-section .countdown-note,.demolition-section .countdown-timer small,.demolition-section .countdown-source{color:var(--muted)}
@media(max-width:1100px){.portal-header{gap:18px}.portal-header .site-nav{width:auto;gap:22px}.brand{font-size:21px}.brand img{width:58px;height:58px}.site-nav{font-size:13px}}
@media(max-width:860px){.portal-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 20px;padding-block:13px 0}.portal-header .brand{grid-column:1;grid-row:1}.portal-header>.theme-toggle{grid-column:2;grid-row:1;min-width:88px;font-size:12px}.portal-header .site-nav{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;overflow:visible;border-top:1px solid var(--line);padding-top:5px;white-space:nowrap;text-align:center}.site-nav a{padding:12px 0;font-size:13px}.site-nav .play-link{border:0;border-bottom:1px solid transparent;padding:12px 0;margin:0}.site-nav a[aria-current=page]{border-bottom:1px solid var(--signal)}.brand{font-size:22px}.brand img{width:54px;height:54px}.brand small{font-size:8px}.public-page .site-nav .play-link:hover{color:var(--signal);background:transparent}.public-page .site-nav .play-link{border-color:transparent}}
@media(max-width:760px){.portal-header{padding-inline:24px}.portal-footer{padding:52px 24px 35px}.portal-footer .social-panel{align-items:flex-start;flex-direction:column;gap:16px;margin-top:35px}.portal-footer .social-links{display:flex;justify-content:space-between;width:100%;gap:16px}.portal-footer .social-links a{font-size:12px;gap:6px}.portal-footer .social-links svg{width:16px;height:16px}.portal-footer .social-arrow{margin-left:5px}.portal-footer p{font-size:17px}.portal-footer>div:not(.social-panel){gap:18px 24px;font-size:13px}.portal-footer small{font-size:11px;line-height:1.8}.contribution-form{padding:23px}.page-hero h1{font-size:clamp(50px,9vw,72px)}.source-note{overflow-wrap:anywhere}}
@media(max-width:370px){.portal-header{padding-inline:20px}.portal-header>.theme-toggle{min-width:76px}.brand{font-size:19px;gap:8px}.brand img{width:48px;height:48px}.brand small{font-size:7px}.portal-footer .social-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.button,.small-button{transition:none}}
/* The merchandise link adds a sixth item; give navigation its own row sooner. */
@media(min-width:861px) and (max-width:1100px){.portal-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px}.portal-header .brand{grid-column:1;grid-row:1}.portal-header>.theme-toggle{grid-column:2;grid-row:1}.portal-header .site-nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:5px}}
@media(max-width:860px){.portal-header .site-nav{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;justify-content:flex-start}.portal-header .site-nav>a{flex-shrink:0}}