/* aw-terminal — Ghost theme for anthonywingerter.net/blog, layered on the main site's base.css */

.blog{padding-top:clamp(26px,5vh,56px)}
.blog a{color:rgb(var(--acc))}
.dim{color:rgb(var(--dim))}

/* ---- list ------------------------------------------------------------------ */
.bl-hero{margin-bottom:28px}
.bl-hero h1{margin:6px 0 0;font:700 clamp(46px,8vw,86px)/1 var(--mono);letter-spacing:-.04em;color:rgb(var(--hi));text-shadow:0 0 38px rgb(var(--acc) / .3)}
.bl-lede{max-width:720px;margin-top:14px;font:400 clamp(16px,1.6vw,18.5px)/1.6 var(--sans);color:rgb(var(--fg))}
.eyebrow a{color:inherit}
.pc-list{display:grid;gap:16px;margin-bottom:28px}
.pc{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;padding:0}
.pc:has(.pc-img){grid-template-columns:minmax(0,260px) minmax(0,1fr)}
.pc-img img{display:block;width:100%;height:100%;min-height:170px;object-fit:cover}
.pc-body{padding:18px 22px 20px;display:flex;flex-direction:column;gap:8px}
.pc-meta{font:400 12.5px/1.4 var(--mono);color:rgb(var(--dim))}
.pc-t{margin:0;font:600 clamp(20px,2.4vw,25px)/1.25 var(--sans);letter-spacing:-.01em}
.pc-t a{color:rgb(var(--hi))}
.pc-t a:hover{color:rgb(var(--acc));text-decoration:none}
.pc-x{font:400 15px/1.6 var(--sans);color:rgb(var(--fg))}
.pc-tags{font:500 12.5px var(--mono)}
.pc-tags a{margin-right:6px}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 30px;font:500 13px var(--mono);color:rgb(var(--dim))}
.empty{padding:30px 0;color:rgb(var(--fg))}

/* ---- article ------------------------------------------------------------- */
.art{--measure:720px}
.art-head,.art-body > *,.art-foot{max-width:var(--measure);margin-left:auto;margin-right:auto}
.crumb{font:500 13px var(--mono)}
.art-t{margin:14px 0 10px;font:700 clamp(32px,5vw,54px)/1.08 var(--sans);letter-spacing:-.03em;color:rgb(var(--hi))}
.art-x{font:400 clamp(17px,1.8vw,20px)/1.55 var(--sans);color:rgb(var(--fg))}
.art-meta{margin:12px 0 26px;font:400 13px var(--mono);color:rgb(var(--dim))}
.art-feature{margin:0 auto 34px}
.art-feature img{width:100%;border-radius:14px;border:1px solid rgb(var(--acc) / .2)}
figcaption{margin-top:8px;text-align:center;font:400 13px/1.5 var(--mono);color:rgb(var(--dim))}

.gh-content{font:400 18px/1.75 var(--sans);color:rgb(var(--fg))}
.gh-content > * + *{margin-top:1.15em}
.gh-content h2{margin-top:1.9em;font:600 clamp(24px,3vw,30px)/1.25 var(--sans);letter-spacing:-.02em;color:rgb(var(--hi))}
.gh-content h2::before{content:"## ";font-family:var(--mono);font-size:.8em;color:rgb(var(--acc) / .7)}
.gh-content h3{margin-top:1.6em;font:600 21px/1.3 var(--sans);color:rgb(var(--hi))}
.gh-content strong{color:rgb(var(--hi));font-weight:600}
.gh-content a{text-decoration:underline;text-decoration-color:rgb(var(--acc) / .45);text-underline-offset:3px}
.gh-content ul,.gh-content ol{padding-left:1.4em}
.gh-content ul{list-style:none}
.gh-content ul li{position:relative}
.gh-content ul li::before{content:"›";position:absolute;left:-1.1em;color:rgb(var(--acc));font:700 1em var(--mono)}
.gh-content ol{list-style:decimal}
.gh-content ol li::marker{color:rgb(var(--acc));font-family:var(--mono)}
.gh-content li + li{margin-top:.4em}
.gh-content blockquote{padding:4px 0 4px 20px;border-left:3px solid rgb(var(--acc));color:rgb(var(--hi));font-style:italic}
.gh-content hr{border:0;height:1px;background:rgb(var(--acc) / .25);margin:2.4em auto}
.gh-content code{padding:1px 6px;border-radius:5px;font:500 .86em var(--mono);color:rgb(var(--acc));background:rgb(var(--acc) / .08);border:1px solid rgb(var(--acc) / .2)}
.gh-content pre{overflow-x:auto;padding:16px 18px;border-radius:12px;font:400 14px/1.6 var(--mono);color:rgb(var(--hi));
  background:rgb(var(--bg) / .85);border:1px solid rgb(var(--acc) / .25);box-shadow:inset 0 1px 0 rgb(255 255 255 / .04)}
.gh-content pre code{padding:0;border:0;background:none;color:inherit;font-size:inherit}
.gh-content table{width:100%;border-collapse:collapse;font:400 15px/1.5 var(--sans)}
.gh-content th,.gh-content td{padding:8px 10px;border-bottom:1px solid rgb(var(--acc) / .18);text-align:left}
.gh-content th{font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--acc))}
.gh-content img{border-radius:12px}
.gh-content figure{margin-top:1.6em;margin-bottom:1.6em}

/* Koenig editor card widths (required by Ghost) */
.gh-content .kg-width-wide{max-width:1000px}
.gh-content .kg-width-full{max-width:none;width:100vw;margin-left:calc(50% - 50vw)}
.gh-content .kg-width-full img{border-radius:0}
.kg-image{margin:0 auto}
.kg-callout-card{border-radius:12px}
.kg-bookmark-card{--ghost-accent-color:rgb(var(--acc))}

.art-foot{margin-top:40px;padding-top:10px;border-top:1px solid rgb(var(--acc) / .14)}
.art-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:22px 0 10px}
.art-nav .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:720px){
  .pc:has(.pc-img){grid-template-columns:1fr}
  .pc-img img{min-height:0;aspect-ratio:16/9}
  .gh-content{font-size:17px}
}
@media print{
  .topbar,.tmux,.share,.art-nav,.bg,.bg-glow,.bg-vig,.crt{display:none !important}
  html,body{background:#fff !important}
  .gh-content,.art-t,.gh-content h2,.gh-content h3{color:#000 !important}
}

/* Ghost native comments under each post */
.art-comments{margin:44px 0 10px;padding-top:26px;border-top:1px solid rgb(var(--acc) / .14)}
@media print{.art-comments{display:none}}