/* Blog-only additions on top of site.css (the Astro stylesheet). */
.wp-site-blocks{padding:0}
.gtc-shell-top{display:contents}
.gtc-shell-top>.top{position:sticky}
.wp-site-blocks>*+*{margin-block-start:0}
.chipsbar a.on{background:var(--pine);border-color:var(--pine);color:#fff}
.guide .noimg{display:block;aspect-ratio:3/2;background:var(--mist)}
.empty{display:grid;gap:22px;justify-items:start;padding-top:8px}
.pager{display:flex;gap:10px;margin-top:clamp(36px,3vw,60px)}
.pager .page-numbers{border:1px solid var(--line);padding:10px 16px;font:500 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.pager .current,.pager a:hover{background:var(--pine);border-color:var(--pine);color:#fff}
/* single post: no table of contents column */
.prose>*:first-child{margin-top:0}
.prose h3{font-size:clamp(21px,1.35vw,30px);color:var(--pine);margin:1.6em 0 .6em}
.prose ol{margin:0 0 1.15em 1.3em}
.prose blockquote{border-left:2px solid var(--green);padding:4px 0 4px 22px;margin:0 0 1.15em;color:var(--pine);font-style:italic}
.prose img{height:auto}
.prose .wp-block-image{margin:1.8em 0}
.prose .wp-block-image img{width:auto;max-width:100%;max-height:570px;margin-inline:auto}
.prose table{width:100%;border-collapse:collapse;font-size:.9em;margin:0 0 1.4em}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.side .box.light{background:var(--mist);color:var(--ink)}
/* blog only (owner 2026-10-04): page title and lead run the full content width before wrapping */
.phead h1{max-width:none;text-wrap:wrap}
.phead .lead{max-width:none}
.prose .wp-block-table{overflow-x:auto;margin:0 0 1.4em}
/* owner 2026-11-06, "viewfinder" post header: toc | title + framed image + body | side, top-aligned */
.article{grid-template-areas:"toc head side" "toc main side";padding-top:clamp(36px,3.6vw,76px)}
.article.blog-article{grid-template-columns:minmax(0,1fr) clamp(240px,17vw,330px);grid-template-areas:"head side" "main side"}
.article>.toc{grid-area:toc;grid-row:1/3}
.article>.side{grid-area:side;grid-row:1/3}
.article>.bhead{grid-area:head;max-width:70ch;width:100%}
.article>.art-main{grid-area:main}
.bhead h1{color:var(--pine);margin-top:clamp(16px,1.4vw,26px);font-size:clamp(34px,2.6vw,66px);max-width:none;text-wrap:balance}
.bhead .lead{max-width:none}
.bhead .art-meta{margin-bottom:clamp(36px,3vw,60px)}
/* featured images come from Growth OS in any size: shown whole, never cropped or enlarged, centred */
.frame{display:grid;width:fit-content;max-width:100%;margin:clamp(28px,2.4vw,44px) auto clamp(36px,3vw,60px)}
.frame img{display:block;width:auto;height:auto;aspect-ratio:auto;object-fit:contain;max-width:100%;max-height:clamp(280px,46vh,440px)}
.vfshot{position:relative}
.vfshot::after{content:"";position:absolute;inset:12px;pointer-events:none;--c:rgba(255,255,255,.92);--l:22px;--w:2px;background:linear-gradient(var(--c),var(--c)) top left/var(--l) var(--w),linear-gradient(var(--c),var(--c)) top left/var(--w) var(--l),linear-gradient(var(--c),var(--c)) top right/var(--l) var(--w),linear-gradient(var(--c),var(--c)) top right/var(--w) var(--l),linear-gradient(var(--c),var(--c)) bottom left/var(--l) var(--w),linear-gradient(var(--c),var(--c)) bottom left/var(--w) var(--l),linear-gradient(var(--c),var(--c)) bottom right/var(--l) var(--w),linear-gradient(var(--c),var(--c)) bottom right/var(--w) var(--l);background-repeat:no-repeat;filter:drop-shadow(0 0 2px rgba(0,0,0,.45))}
.strip{width:0;min-width:100%;box-sizing:border-box;background:var(--pine);color:#e9efe9;padding:11px 14px;font:500 clamp(10.5px,.6vw,12.5px)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.strip span{display:inline-block;margin-right:18px;white-space:nowrap}
.strip span:first-child::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--signal);margin-right:8px;vertical-align:1px}
.strip .id{float:right;margin-right:0;color:#9fc2b0}
@media (max-width:1100px){
  .article,.article.blog-article{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "toc" "main" "side"}
  .article>.toc{grid-area:toc} .article>.side{grid-area:side;position:static}
}
@media (max-width:600px){ .strip .id{float:none;display:block;margin-top:6px} }