/* blog: page-only styles (prefix blg-). Needs site.css + listing.css. */

.blg-topics{margin-top:1.1rem}

/* main column + sidebar */
.blg-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:2rem clamp(2.5rem,2rem + 2vw,3.75rem)}
@media (min-width:1024px){.blg-layout{grid-template-columns:minmax(0,1fr) 19rem;gap:2.5rem;padding-top:2.5rem}}
.blg-main{min-width:0}
.blg-main .gg-head{margin-bottom:1rem}
.blg-main .gg-head h2{font-size:clamp(1.35rem,1.15rem + .9vw,1.8rem)}

/* featured post */
.blg-lead{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:var(--gg-r-xl);background:#fff;border:1px solid var(--gg-line);box-shadow:var(--gg-sh-2)}
@media (min-width:768px){.blg-lead{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.blg-lead__media{position:relative;aspect-ratio:16/10;background:var(--gg-green-100)}
@media (min-width:768px){.blg-lead__media{aspect-ratio:auto;min-height:100%}}
.blg-lead__media img{width:100%;height:100%;object-fit:cover}
.blg-lead__media .gg-tag{position:absolute;top:.85rem;left:.85rem}
.blg-lead__body{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.15rem 1.15rem 1.25rem}
@media (min-width:1024px){.blg-lead__body{padding:1.5rem 1.5rem 1.6rem}}
.blg-lead__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem}
.blg-lead__title{font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem);line-height:1.2}
.blg-lead__title a{color:var(--gg-ink);text-decoration:none}
.blg-lead__title a:hover{color:var(--gg-green-800);text-decoration:underline}
.blg-lead__dek{font-size:1rem;line-height:1.55;color:var(--gg-ink-2)}
.blg-lead__list{display:grid;gap:.35rem}
.blg-lead__list li{display:flex;gap:.45rem;align-items:flex-start;font-size:.94rem;line-height:1.45;color:var(--gg-ink)}
.blg-lead__list .gg-ic{flex:none;margin-top:.18rem;color:var(--gg-green-700)}
.blg-lead__foot{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.875rem;color:var(--gg-muted)}
.blg-lead__btn{margin-top:.2rem}

/* filters and groups */
.blg-filters{margin-top:2.5rem}
.blg-group{scroll-margin-top:6rem}
.blg-group+.blg-group{margin-top:2.5rem}
.blg-group .gg-card__foot{color:var(--gg-ink-2);font-weight:700}
.blg-group .gg-card__foot .gg-ic{color:var(--gg-green-700)}
.blg-row .gg-card__media{flex-basis:34%}
@media (max-width:420px){.blg-row .gg-card__media{flex-basis:30%}.blg-row .gg-card__body{padding:.75rem .8rem}}

/* sidebar */
.blg-side{display:grid;gap:1rem;align-content:start}
@media (min-width:640px) and (max-width:1023px){.blg-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.blg-side>.blg-widget:first-child{grid-column:1/-1}}
@media (min-width:1024px){.blg-side{position:sticky;top:5.75rem;align-self:start}}
.blg-widget{padding:1rem 1.05rem 1.05rem;border-radius:var(--gg-r-l);background:#fff;border:1px solid var(--gg-line)}
.blg-widget__h{display:flex;align-items:center;gap:.45rem;margin-bottom:.65rem;font:650 1.02rem var(--gg-display);color:var(--gg-ink)}
.blg-widget__h .gg-ic{color:var(--gg-brass)}
.blg-widget .gg-search .gg-ic{display:none}
.blg-widget--method p:not(.blg-widget__h){font-size:.92rem;line-height:1.5;color:var(--gg-ink-2)}
.blg-widget--method .gg-more{margin-top:.5rem;min-height:44px}
.blg-popular{counter-reset:pop;display:grid;gap:.15rem}
.blg-popular li{position:relative;counter-increment:pop;display:grid;padding:.45rem 0 .45rem 2.3rem;border-bottom:1px dashed var(--gg-line)}
.blg-popular li:last-child{border-bottom:0}
.blg-popular li::before{content:counter(pop);position:absolute;left:0;top:.5rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--gg-green-100);color:var(--gg-green-800);font:750 .8125rem/1 var(--gg-display)}
.blg-popular a{display:flex;align-items:center;min-height:24px;font-weight:700;line-height:1.35;color:var(--gg-ink);text-decoration:none}
.blg-popular a:hover{color:var(--gg-green-800);text-decoration:underline}
.blg-popular small{font-size:.8125rem;color:var(--gg-muted)}
.blg-topiclist{display:grid;gap:.1rem}
.blg-topiclist a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;min-height:44px;padding:.3rem .45rem;border-radius:10px;color:var(--gg-ink);font-weight:650;font-size:.94rem;line-height:1.3;text-decoration:none}
.blg-topiclist a:hover{background:var(--gg-ground);color:var(--gg-green-800)}
.blg-topiclist .gg-ic{color:var(--gg-green-700)}
.blg-topiclist span{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .4rem;border-radius:999px;background:var(--gg-green-100);color:var(--gg-green-800);font:750 .8125rem var(--gg-display)}
.blg-gift{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.2rem;border-radius:var(--gg-r-xl);background-color:var(--gg-green-900);background-image:var(--gg-stripes-green);color:var(--gg-green-100)}
.blg-gift__ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:16px;background:rgb(226 194 122/.16);color:var(--gg-gold-on-green)}
.blg-gift__t{font:650 1.15rem/1.25 var(--gg-display);color:#fff}
.blg-gift p:not(.blg-gift__t){font-size:.94rem;line-height:1.5}

.blg-end{padding-bottom:0}

/* ---- review fixes 2026-10-18 (P2-6): planned posts are one light list per section, no photos; the real gear
   cards come first. The list component (.gg-coming) is in listing.css ---- */
.blg-coming p a{display:inline-flex;align-items:center;min-height:32px;font-weight:700;color:var(--gg-green-800)}
.blg-coming p{margin-top:0}