:root{--paper:#ECEEEF;--ink:#0F1A26;--mute:#5A6773;--line:#C9CFD4;--sig:#C23A08;--card:#F8F9F9;--ok:#1E6B4A}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
.mast,main,.sitefoot{max-width:46rem;margin:0 auto;padding:0 1.25rem}
.mast{padding-top:3rem;padding-bottom:1.5rem;border-bottom:6px solid var(--ink)}
.callsign{margin:0 0 1.5rem;font:700 .85rem/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--sig)}
h1{font:700 clamp(2.1rem,7vw,3.6rem)/1.02 "Iowan Old Style","Palatino Linotype",Georgia,serif;letter-spacing:-.02em;margin:0 0 1rem}
.lede{font-size:1.1rem;max-width:34rem;margin:0 0 1rem}
.status{margin:0;color:var(--mute);font-size:.9rem}
.feed{list-style:none;margin:0;padding:0}
.item{padding:1.6rem 0;border-bottom:1px solid var(--line)}
.meta{display:flex;gap:.6rem;align-items:center;font-size:.85rem;color:var(--mute);margin-bottom:.35rem}
.new{background:var(--sig);color:var(--card);font-weight:700;font-size:.72rem;padding:.1rem .45rem;border-radius:2px}
.item h2{font:700 1.35rem/1.25 "Iowan Old Style",Georgia,serif;margin:0 0 .6rem}
.item h2 a{color:inherit;text-decoration:none}.item h2 a:hover{text-decoration:underline}
.draft{width:100%;min-height:9.5rem;resize:vertical;background:var(--card);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--ink);padding:.8rem .9rem;font:inherit;font-size:.97rem;line-height:1.45;border-radius:0 4px 4px 0}
.draft:focus{outline:3px solid var(--sig);outline-offset:1px}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem}
.count{margin-left:auto;font:.85rem ui-monospace,Menlo,monospace;color:var(--mute)}
.count.over{color:var(--sig);font-weight:700}
button,.pay,.post{font-family:inherit;font-weight:600;font-size:.95rem;line-height:1;border-radius:4px;padding:.8rem 1rem;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;border:2px solid var(--ink)}
.post{background:var(--ink);color:var(--card)}.post:hover{background:var(--mute);border-color:var(--mute)}
.ghost{background:transparent;color:var(--ink)}.ghost:hover{background:var(--line)}
.pay{background:var(--sig);border-color:var(--sig);color:var(--card)}.pay:hover{filter:brightness(.92)}
:focus-visible{outline:3px solid var(--sig);outline-offset:2px}
.kit{--kfg:var(--paper);--kmute:var(--line);margin:2.5rem 0;padding:1.5rem;background:var(--ink);color:var(--kfg);border-radius:6px}
.kit h2{font:700 1.5rem/1.2 "Iowan Old Style",Georgia,serif;margin:0 0 .6rem}
.kit-actions{display:flex;gap:.6rem;flex-wrap:wrap}.kit .ghost{color:var(--kfg);border-color:var(--kfg)}.kit .ghost:hover{background:var(--mute)}
.ok{color:var(--ok);font-weight:600}.kit .ok{color:var(--kfg);font-weight:700}.dl{display:flex;flex-wrap:wrap;gap:.6rem}.dl a{color:var(--kfg);border:2px solid var(--kfg);padding:.7rem 1rem;border-radius:4px;text-decoration:none;font:.9rem ui-monospace,Menlo,monospace;min-height:44px;display:inline-flex;align-items:center}
.sitefoot{padding-bottom:3rem;color:var(--mute);font-size:.85rem}.sitefoot a{color:inherit}
@media(max-width:480px){.mast{padding-top:2rem}.count{margin-left:0;width:100%}}
@media(prefers-reduced-motion:no-preference){.item{animation:in .4s both}@keyframes in{from{transform:translateY(4px)}}}

.dry{margin:1rem 0 .4rem;display:grid;gap:.6rem}.dry pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;background:transparent;border:1px solid var(--kmute);border-radius:4px;padding:.8rem;font:.85rem/1.45 ui-monospace,Menlo,monospace;color:var(--kfg)}.kit .mute{color:var(--kmute);font-size:.9rem;margin:.4rem 0 0}

/* FAQ */
.faq{margin:28px 0 8px}.faq h2{margin:0 0 8px}.faq details{border-top:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:8px 0 0;line-height:1.5}

.faq summary{padding:.55rem 0;min-height:44px;display:list-item}.sitefoot a{display:inline-block;padding:.5rem 0}.draft{overflow:hidden}

:root{color-scheme:light dark}
.scope{margin:.2rem 0 .8rem;font-size:.95rem}.actions{margin:.4rem 0}
.asof{margin:1.2rem 0 0;color:var(--mute);font-size:.9rem}
.keep{margin:2rem 0;padding:1.2rem;border:1px solid var(--line);background:var(--card)}
.filebtn{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:2px solid var(--ink);border-radius:4px;font-weight:600;cursor:pointer}
#impFile{max-width:100%}
@media(prefers-color-scheme:dark){
:root{--paper:#10161d;--ink:#e8edf1;--mute:#a3afba;--line:#2c3742;--sig:#ff8a5c;--card:#18212a;--ok:#8fe3b5}
.post{color:var(--paper)}.post:hover{background:var(--mute);border-color:var(--mute)}.pay{color:var(--paper)}.new{color:var(--paper)}.ghost:hover{background:var(--line)}
.kit{--kfg:var(--ink);--kmute:var(--mute);background:var(--card);border:1px solid var(--line)}.kit .ghost:hover{background:var(--line)}
}

#impFile{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}#impFile:focus-visible+*,.kit-actions:focus-within .filebtn{outline:3px solid currentColor;outline-offset:2px}

/* C1: promo strip + ad video */
.ad{margin:1.2rem 0 0;max-width:34rem}.ad video{display:block;width:100%;height:auto;background:var(--card);border:1px solid var(--line);border-radius:4px}
.ppx{display:flex;gap:.6rem;margin-top:.6rem}.ad figcaption{margin-top:.4rem;color:var(--mute);font-size:.85rem}

/* C1: paywall on the lock (var() only) */
body .tp-ov{background:color-mix(in srgb,var(--ink) 55%,transparent)}
body .tp-box{background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:6px}
body .tp-box h2{color:var(--ink)!important;font-family:"Iowan Old Style",Georgia,serif}
body .tp-box p,body .tp-box ul,body .tp-box li{color:var(--ink)!important}
body .tp-box input{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
body .tp-btn{background:var(--sig);color:var(--card);border:2px solid var(--sig)}
body .tp-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--card)}
body .tp-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
body .tp-ghost:hover{background:var(--line);color:var(--ink)}
body .tp-spin{border-color:var(--line);border-top-color:var(--sig)}
body .tp-msg,body .tp-code{color:var(--ink);background:var(--paper)}
body .tp-bar{background:var(--ink);color:var(--paper)}
body .tp-bar a,body .tp-bar button{color:var(--paper);border-color:var(--paper);background:transparent}
body .tp-bar a:hover,body .tp-bar button:hover{background:var(--mute);color:var(--paper)}
body .tp-box :focus-visible,body .tp-bar :focus-visible{outline:3px solid var(--sig);outline-offset:2px}
@media(prefers-color-scheme:dark){
body .tp-btn{color:var(--paper)}body .tp-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
body .tp-ghost:hover{background:var(--line);color:var(--ink)}
body .tp-bar{background:var(--card);color:var(--ink);border-top:1px solid var(--line)}
body .tp-bar a,body .tp-bar button{color:var(--ink);border-color:var(--ink)}
body .tp-bar a:hover,body .tp-bar button:hover{background:var(--line);color:var(--ink)}
}
