/* template.css — the ONE stylesheet for this site. All CSS lives here; HTML carries no inline <style>. Generated by extract_css.js — edit here, then re-run to re-sync. */
:root{--paper:#f5f0e6;--panel:#fbf7ee;--ink:#1c1913;--sub:#6f6656;--rule:#d7cdb8;--brass:#9a7b1f;--brassdk:#6f5411;--forest:#2f6b3f;--crimson:#9c2f2f;--feat:#fcf5e2}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font:400 17px/1.6 'Iowan Old Style','Palatino Linotype',Palatino,Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}
a{color:#785c15;text-decoration:none}
.mono{font-family:ui-monospace,'SF Mono','Cascadia Mono',Menlo,Consolas,monospace}
/* ---- masthead ---- */
.masthead{max-width:1080px;margin:0 auto;padding:18px 22px 0;text-align:center}
.dateline{font-family:ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--sub);border-bottom:1px solid var(--ink);padding-bottom:8px}
.title{font-size:clamp(2.6rem,8vw,5.2rem);font-weight:800;letter-spacing:.02em;line-height:1;margin:10px 0 4px;border-bottom:4px double var(--ink);padding-bottom:10px}
.subtitle{font-style:italic;color:var(--sub);font-size:1.02rem;margin:8px 0 0}
nav{max-width:1080px;margin:12px auto 0;padding:9px 22px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;justify-content:center;flex-wrap:wrap;gap:2px 26px}
nav a{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
nav a:hover{color:var(--brass)}
/* ---- index ticker ---- */
.index{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--rule)}
.index .cell{padding:12px 10px;text-align:center;border-right:1px solid var(--rule)}
.index .cell:last-child{border-right:0}
.index .n{font-weight:800;font-size:1.5rem}
.index .l{font-family:ui-monospace,Menlo,monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}
/* ---- sheet ---- */
.sheet{max-width:1080px;margin:0 auto;padding:26px 22px 10px}
.col-head{font-size:1.9rem;font-weight:800;letter-spacing:.01em;border-bottom:2px solid var(--ink);padding-bottom:6px;margin:34px 0 6px}
.col-head:first-child{margin-top:6px}
.kicker{font-family:ui-monospace,Menlo,monospace;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin-bottom:2px}
.standfirst{font-size:1.12rem;font-style:italic;color:#3a352b;margin:10px 0 16px;max-width:70ch}
/* ---- the ledger (listings as classifieds) ---- */
.ledger{width:100%;border-collapse:collapse;font-size:.98rem}
.ledger th{font-family:ui-monospace,Menlo,monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sub);text-align:left;padding:6px 10px;border-bottom:1px solid var(--ink)}
.ledger th.r,.ledger td.r{text-align:right}
.ledger td{padding:13px 10px;border-bottom:1px solid var(--rule);vertical-align:top}
.ledger tr.feat td{background:var(--feat)}
.ledger .dom{font-weight:700;font-size:1.16rem}
.ledger .det{color:var(--sub);font-size:.86rem;display:block;margin-top:3px}
.ledger .desc{color:#4a4436;font-size:.9rem;display:block;margin-top:4px;font-style:italic}
.ledger .price{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:1.05rem;white-space:nowrap}
.buy{display:inline-block;background:var(--ink);color:var(--paper);font-family:ui-monospace,Menlo,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:7px 13px;border:1px solid var(--ink)}
.buy:hover{background:var(--brass);border-color:var(--brass);color:#fff}
.bulk{margin:14px 0 0;padding:12px 14px;border:1px dashed var(--brass);background:var(--panel);text-align:center;font-size:.95rem}
.bulk b{color:var(--brassdk);color:#6f5411}
/* ---- two column editorial ---- */
.two{display:grid;grid-template-columns:1.6fr 1fr;gap:34px;margin-top:14px;align-items:start}
@media(max-width:760px){.two{grid-template-columns:1fr}.index .n{font-size:1.2rem}}
.guides-list .g{border-bottom:1px solid var(--rule);padding:12px 0}
.guides-list .g h3{font-size:1.14rem;font-weight:700}
.guides-list .g p{color:var(--sub);font-size:.9rem;margin:2px 0 5px}
.guides-list .g a.rd{font-family:ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#785c15;border-bottom:1px solid var(--brass)}
.valbox{border:1px solid var(--ink);background:var(--panel);padding:18px}
.valbox h3{font-size:1.15rem;border-bottom:2px double var(--ink);padding-bottom:6px;margin-bottom:8px}
.valbox .vr{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--rule);font-size:.86rem}
.valbox .vr:last-child{border-bottom:0}
.valbox .vr .v{font-family:ui-monospace,Menlo,monospace;color:var(--forest);font-weight:700;text-align:right}
/* ---- columns (services) ---- */
.cols{columns:3 220px;column-gap:30px;margin-top:12px}
.cols .item{break-inside:avoid;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.cols .item h3{font-size:1.1rem;font-weight:700;margin-bottom:3px}
.cols .item h3::before{content:'§ ';color:var(--brass);font-family:ui-monospace,Menlo,monospace;font-size:.8em}
.cols .item p{color:var(--sub);font-size:.9rem;margin-bottom:6px}
.cols .item a.act{display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);padding:5px 11px;color:var(--ink)}
.cols .item a.act:hover{background:var(--ink);color:var(--paper)}
/* ---- empire strip ---- */
.empire{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:30px;padding:12px 0;display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center}
.empire a{font-family:ui-monospace,Menlo,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.empire a.all{background:var(--brass);color:#fff;padding:3px 10px}
footer{max-width:1080px;margin:0 auto;padding:22px;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);border-top:1px solid var(--rule)}
footer a{color:#785c15}

/* mobile nav (responsive: wrap + compact) */
@media(max-width:680px){nav .nav-right,.nav-right,.lk{flex-wrap:wrap!important;gap:.35rem!important}nav a,.lk a{padding:.2rem .45rem;font-size:.78rem}nav,.nav,header{padding-left:.6rem!important;padding-right:.6rem!important}}

.navdd{position:relative;display:inline-flex}
.navdd summary{list-style:none;cursor:pointer;font-family:ui-monospace,Menlo,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.navdd summary::-webkit-details-marker{display:none}
.navdd summary::after{content:' \25BE';color:var(--brass)}.navdd[open] summary::after{content:' \25B4'}
.navdd-menu{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 10px);min-width:300px;background:var(--panel);border:1px solid var(--ink);padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:400;text-align:left}
.navdd-menu a{display:block;padding:8px 12px;font-family:Georgia,serif;font-size:.9rem;letter-spacing:0;text-transform:none;color:var(--ink)}
.navdd-menu a:hover{background:var(--feat);color:var(--brassdk)}
@media(max-width:640px){.navdd-menu{position:fixed;left:10px;right:10px;min-width:0;transform:none}}

nav a{color:var(--brassdk)}
nav a:hover{color:var(--brass)}
.navdd summary{color:var(--brassdk)}


.tways-net{background:var(--panel);color:var(--ink);padding:40px 22px;font-family:'Iowan Old Style',Palatino,Georgia,serif;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);box-sizing:border-box}
.tways-net *{box-sizing:border-box}
.tways-net .tways-inner{max-width:1080px;margin:0 auto}
.tways-net h2{font-size:1.5rem;font-weight:800;margin:0 0 2px;text-align:center}
.tways-net p.tways-sub{text-align:center;color:var(--sub);font-style:italic;font-size:.9rem;margin:0 0 20px}
.tways-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border:1px solid var(--rule)}
.tways-grid a{display:block;background:transparent;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:12px 14px;text-decoration:none}
.tways-grid a:hover{background:#fff}
.tways-grid a .tways-dom{display:block;font-weight:700;color:var(--ink);font-size:.98rem}
.tways-grid a .tways-desc{display:block;color:var(--sub);font-size:.74rem;margin-top:2px}
.tways-grid a.tways-here{background:var(--feat)}
.tways-grid a.tways-here .tways-dom{color:var(--brassdk);color:#6f5411}

/* ---- content-page components (blog / guides / legal) ---- */
.wrap{max-width:760px;margin:0 auto;padding:32px 22px}
.artkick{font-family:ui-monospace,Menlo,monospace;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
.wrap>h1{font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.1;font-weight:800;color:var(--ink);border-bottom:3px double var(--ink);padding-bottom:12px}
.artmeta{font-family:ui-monospace,Menlo,monospace;font-size:.7rem;color:var(--sub);margin:12px 0 24px;text-transform:uppercase;letter-spacing:.08em}
.toc{background:var(--panel);border:1px solid var(--ink);padding:16px 20px;margin:0 0 26px}
.toc-h{font-family:ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
.toc ol{margin:0;padding-left:1.2rem;columns:2 220px;column-gap:26px}
.toc li{margin:5px 0;color:var(--ink);break-inside:avoid}
.toc a{color:#785c15}
.toc a:hover{color:var(--ink)}
.prose p{margin:0 0 16px;color:var(--ink)}
.prose h2{font-size:1.42rem;color:var(--ink);margin:30px 0 8px;font-weight:800;border-bottom:1px solid var(--rule);padding-bottom:5px;scroll-margin-top:70px}
.prose ul{margin:0 0 16px;list-style:none}
.prose li{padding-left:20px;position:relative;margin-bottom:7px;color:var(--ink)}
.prose li::before{content:'\25B8';position:absolute;left:0;color:var(--brass)}
.prose .ex{border-left:3px solid var(--brass);background:var(--panel);padding:12px 16px;margin:0 0 16px;font-size:.97rem}
code{font-family:ui-monospace,monospace;background:var(--feat);border:1px solid var(--rule);padding:1px 5px;color:var(--brassdk)}
.faq{margin-top:30px;border-top:2px solid var(--ink);padding-top:6px}
.faq .q{font-weight:800;color:var(--ink);margin:18px 0 4px}
.faq .a{color:#4a4436}
.cta{border:1px solid var(--ink);background:var(--panel);padding:22px;text-align:center;margin:30px 0}
.cta strong{color:var(--ink)}
.cta a{display:inline-block;margin-top:10px;background:var(--ink);color:var(--paper);font-family:ui-monospace,Menlo,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:10px 22px}
.rel{margin-top:26px}
.rel h3{font-family:ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
.rel a{display:block;padding:6px 0;color:#785c15;border-bottom:1px solid var(--rule)}
