/* Blog + affiliate + YouTube pieces. Builds on base.css and the decade themes (no new colors of its own). */
.post-hero .hero-inner{align-items:end}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 8px;font:600 14px/1.4 var(--font-ui);opacity:.85}
.post-meta a{color:inherit}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.post-tags li{padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.28);color:#fff;border:1px solid rgba(255,255,255,.28);font:600 13px/1.3 var(--font-ui)}
.post-title{font-family:var(--font-display);font-size:clamp(32px,4.2vw,56px);letter-spacing:-.01em;line-height:1.02}
.theme-00s .post-title{font-weight:900;font-stretch:118%;text-transform:uppercase;line-height:.95}
.post-lede{font-size:clamp(18px,1.8vw,22px);margin:18px 0 0;max-width:46ch;opacity:.9}
.post-body{max-width:760px}
.post-body>p,.post-body li{font-size:clamp(17px,1.4vw,19px);max-width:68ch}
.post-body>p{margin:0 0 1.1em}
.post-body h2{font-family:var(--font-display);font-size:clamp(26px,3vw,38px);margin:1.6em 0 .6em}
.post-body h3{font-family:var(--font-display);font-size:clamp(21px,2vw,26px);margin:1.4em 0 .5em}
.post-body a:not(.btn){color:inherit;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.post-body .photo-set,.post-body .ba,.post-body .video-card,.post-body .amz-card,.post-body .post-photo,.post-body .faq{margin:28px 0}
.post-photo{margin:28px 0}
.post-photo .ph{display:block;width:100%;aspect-ratio:auto}
.post-photo figcaption{font-size:14px;opacity:.8;margin-top:8px}
.draft-banner{margin:0;padding:10px clamp(16px,4vw,40px);background:repeating-linear-gradient(45deg,var(--accent2) 0 14px,#111 14px 28px);color:#111;font:800 14px/1.3 var(--font-ui);text-align:center}
.draft-banner span{background:var(--accent2);padding:3px 10px;border-radius:6px}
.disclosure{margin:0 0 26px;padding:14px 18px;border-radius:var(--radius);background:var(--panel);border:1px dashed var(--line);font-size:15px;max-width:68ch}
.disclosure strong{color:var(--accent)}
/* lite YouTube */
.video-poster.is-wide,.yt-lite iframe{aspect-ratio:16/9}
/* Amazon card */
.amz-card{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;padding:18px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);max-width:680px}
.amz-media img{width:160px;height:160px;object-fit:contain;border-radius:calc(var(--radius)*.6);background:#fff}
.amz-kicker{margin:0 0 6px;display:flex;gap:10px;align-items:center;font:700 12px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.amz-name{font-family:var(--font-display);font-size:22px;margin:0 0 6px}
.amz-name a{text-decoration:none;color:inherit}
.amz-price{margin:0 0 12px;font-size:15px;opacity:.8}
.amz-btn{font-size:15px;padding:10px 18px;color:var(--on-accent)}
.amz-disclosure{margin:12px 0 0;font-size:12.5px;opacity:.75}
/* blog index */
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap);list-style:none;padding:0;margin:0}
.post-card a{display:flex;flex-direction:column;height:100%;text-decoration:none;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.post-card a:hover{border-color:var(--accent);transform:translateY(-3px)}
.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post-card .pc-body{padding:18px 20px 22px}
.post-card h2{font-family:var(--font-display);font-size:24px;margin:6px 0 8px}
.post-card p{margin:0;font-size:15px;opacity:.85}
.post-card time{font-size:13px;opacity:.7}
.blog-empty{padding:28px;border-radius:var(--radius);border:2px dashed var(--line);text-align:center}
@media (max-width:560px){
  .amz-card{grid-template-columns:1fr}
  .amz-media img{width:100%;height:220px}
}