:root{--midnight:#071321;--midnight-2:#0d2034;--ink:#172332;--copper:#b87943;--copper-light:#d9a36e;--paper:#f4f0e6;--paper-deep:#e7dfcf;--muted:#66707b;--line:rgba(184,121,67,.35);--shadow:0 18px 50px rgba(4,14,24,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--midnight)}
body{margin:0;background:linear-gradient(180deg,var(--midnight) 0 18rem,var(--paper) 18rem 100%);color:var(--ink);font-family:ui-serif,Georgia,"Noto Serif SC","Songti SC",serif;line-height:1.75}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
img{display:block;max-width:100%;height:auto;border-radius:2px;background:var(--midnight-2)}
button,input{font:inherit}
.skip-link{position:absolute;left:-999px;top:1rem;background:var(--paper);padding:.7rem 1rem;z-index:10}
.skip-link:focus{left:1rem}
.site-shell{width:min(1240px,calc(100% - 2rem));margin:auto}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;color:var(--paper);border-bottom:1px solid rgba(244,240,230,.16)}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;letter-spacing:.02em}
.brand-seal{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--copper-light);color:var(--copper-light);font-size:1.45rem}
.brand b{display:block;font-size:1.1rem}.brand small{display:block;color:#aeb8c3;font:500 .69rem/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}
.main-nav{display:flex;gap:1rem;align-items:center;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem}
.main-nav a{text-decoration:none;color:#d7dde3}.main-nav a:hover{color:var(--copper-light)}
.nav-toggle{display:none;border:1px solid var(--copper);background:transparent;color:var(--paper);padding:.45rem .75rem}
main{min-height:60vh}
.page-heading{color:var(--paper);padding:4.2rem 0 5rem;max-width:920px}
.eyebrow,.kicker{font:700 .72rem/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-light)}
h1,h2,h3{line-height:1.2;letter-spacing:-.025em}
h1{font-size:clamp(2.3rem,5vw,5.2rem);margin:.5rem 0 1rem;font-weight:600}
h2{font-size:clamp(1.65rem,3vw,2.65rem);margin:0 0 1rem}
h3{font-size:1.2rem;margin:.4rem 0 .65rem}
.page-deck{font-size:1.12rem;color:#c9d1d9;max-width:760px;margin:0}
.hero-panel{display:grid;grid-template-columns:1.04fr .96fr;margin-top:-2.1rem;background:#fbf8f1;box-shadow:var(--shadow)}
.hero-copy{padding:clamp(2rem,5vw,4rem)}
.hero-copy h2{font-size:clamp(2rem,4vw,3.4rem)}
.hero-copy>p{color:#4f5b67;font-size:1.05rem}
.hero-image{min-height:100%;object-fit:cover;border-radius:0}
.search-box{margin-top:1.6rem;display:flex;border:1px solid var(--copper);background:white}
.search-box input{flex:1;min-width:0;border:0;padding:.9rem 1rem;background:transparent;color:var(--ink)}
.search-box button{border:0;background:var(--copper);color:white;padding:.9rem 1.15rem;cursor:pointer}
.search-status{min-height:1.5em;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.83rem}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;background:var(--paper)}
.trust-item{padding:1.35rem;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}
.trust-item b{display:block;color:#7c4e2c}.trust-item span{font:500 .82rem/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--muted)}
.section-block{padding:5.5rem 0;border-bottom:1px solid var(--line)}
.section-intro{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}
.section-intro p{max-width:570px;color:var(--muted);margin:0}
.channel-grid,.record-grid,.note-grid,.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.channel-card,.record-card,.note-card,.author-card{background:#fbf8f1;border:1px solid #d7cdbd;padding:1.45rem;position:relative}
.channel-card{min-height:245px;display:flex;flex-direction:column}
.channel-number,.record-code{font:700 .75rem/1.2 ui-monospace,SFMono-Regular,monospace;color:var(--copper);letter-spacing:.12em}
.channel-card p,.record-card p,.note-card p,.author-card p{color:#59636e}
.channel-card .text-link{margin-top:auto}
.record-card{min-height:290px}.record-card[hidden]{display:none}
.record-meta{font:600 .76rem/1.4 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.record-card h3 a{text-decoration:none}.record-card h3 a:hover{text-decoration:underline}
.text-link{color:#8a542f;font-weight:700;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.84rem}
.feature-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.feature-split img{box-shadow:var(--shadow)}
.steps{counter-reset:step;list-style:none;padding:0;margin:1.5rem 0}
.steps li{counter-increment:step;display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}
.steps li:before{content:"0" counter(step);color:var(--copper);font:700 .85rem/1.8 ui-monospace,SFMono-Regular,monospace}
.faq-list details{border-top:1px solid var(--line);padding:1rem 0}.faq-list summary{font-weight:700;cursor:pointer}.faq-list p{color:var(--muted);max-width:800px}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.quote{margin:0;background:var(--midnight-2);color:var(--paper);padding:1.6rem}.quote p{margin-top:0}.quote cite{color:var(--copper-light);font-style:normal;font:600 .76rem/1.4 ui-sans-serif,system-ui,sans-serif}
.breadcrumbs{font:600 .78rem/1.4 ui-sans-serif,system-ui,sans-serif;color:var(--muted);margin-bottom:1.5rem}
.content-wrap{background:#fbf8f1;padding:clamp(1.5rem,4vw,4rem);box-shadow:var(--shadow);margin-top:-2rem}
.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:4rem}
.article-body{font-size:1.05rem}.article-body h2{margin-top:2.8rem;padding-top:1.2rem;border-top:1px solid var(--line)}.article-body h2:first-child{margin-top:0}
.article-body p{max-width:760px}.article-note{border-left:3px solid var(--copper);background:var(--paper);padding:1rem 1.2rem;margin:2rem 0}
.sidebar{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem}.sidebar section{border-top:2px solid var(--ink);padding-top:1rem;margin-bottom:2rem}.sidebar h2{font-size:1rem}.sidebar ul{padding-left:1.1rem}
.tag-list{display:flex;flex-wrap:wrap;gap:.55rem}.tag{border:1px solid var(--copper);padding:.35rem .65rem;text-decoration:none;color:#7b4b29;font:600 .78rem/1.3 ui-sans-serif,system-ui,sans-serif}
.catalog-table{width:100%;border-collapse:collapse;font-family:ui-sans-serif,system-ui,sans-serif}.catalog-table th,.catalog-table td{text-align:left;border-bottom:1px solid var(--line);padding:.85rem}.catalog-table th{color:#7b4b29;font-size:.78rem;text-transform:uppercase}
.status-box{background:var(--midnight-2);color:var(--paper);padding:1.5rem;border-left:5px solid var(--copper)}.status-box p:last-child{margin-bottom:0}
.site-footer{color:#d7dde3;background:var(--midnight);padding:3rem clamp(1rem,4vw,3rem);margin:5rem 0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.site-footer p{max-width:650px}.footer-title{color:var(--paper);font-size:1.2rem;font-weight:700}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.status-line{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:1rem;color:#9eabb7;font:500 .78rem/1.4 ui-monospace,SFMono-Regular,monospace}
.empty-state{display:none;padding:1rem;border:1px dashed var(--copper);color:var(--muted)}.empty-state.visible{display:block}
@media(max-width:960px){.main-nav{display:none;position:absolute;top:92px;left:1rem;right:1rem;z-index:5;background:var(--midnight-2);padding:1rem;flex-wrap:wrap}.main-nav.open{display:flex}.nav-toggle{display:block}.hero-panel,.feature-split,.archive-layout{grid-template-columns:1fr}.hero-image{max-height:430px;width:100%;object-fit:cover}.channel-grid,.record-grid,.note-grid,.author-grid,.quotes{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.archive-layout{gap:2rem}}
@media(max-width:620px){body{background:linear-gradient(180deg,var(--midnight) 0 15rem,var(--paper) 15rem 100%)}.site-shell{width:min(100% - 1rem,1240px)}.site-header{min-height:86px}.page-heading{padding:3rem .5rem 4rem}h1{font-size:2.35rem}.hero-panel{margin-top:-1rem}.channel-grid,.record-grid,.note-grid,.author-grid,.quotes{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.section-intro{display:block}.site-footer{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}.search-box{display:block}.search-box button{width:100%}.content-wrap{padding:1.25rem}.catalog-table{font-size:.82rem}}
