/* how-we-pick.html only (builder 5). Reuses site.css + listing.css + article.css components. */
.gg-hwp{scroll-margin-top:6rem}
.gg-hwp+.gg-hwp{margin-top:2.75rem}
.gg-hwp__block{margin-top:1.1rem}
.gg-hwp .gg-prose{max-width:none}
.gg-hwp__quote{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1.1rem}
@media (min-width:768px){.gg-hwp__quote{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.gg-hwp__quote .gg-quote{margin:0}
@media (min-width:768px){.gg-hwp__seasons{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 2026-10-18: four 'never' tiles stay two by two (the store tiles are gone) */
.gg-hwp__never .gg-value__ico{background:var(--gg-bad-100);color:var(--gg-bad)}
.gg-hwp__badge{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1rem;padding:.85rem 1rem;border-radius:var(--gg-r-l);background:#fff;border:1.5px dashed var(--gg-line-2)}
.gg-hwp__badge p{flex:1 1 18rem;font-size:.93rem;line-height:1.5;color:var(--gg-ink-2)}
.gg-hwp__team-h{font:650 1.1rem var(--gg-display);color:var(--gg-ink)}
.gg-hwp__box-h{font:650 1.2rem var(--gg-display);color:#fff}
.gg-hwp__start .gg-team__links{margin-top:.4rem}
/* phones: value cards lie on their side (icon left) so a stack of them stays short */
@media (max-width:639px){main .gg-value{grid-template-columns:auto minmax(0,1fr);column-gap:.85rem;align-items:start}main .gg-value__ico{grid-row:span 2}}
/* review r1: on phones the ranking table becomes one small card per row (term, meaning, source) */
@media (max-width:639px){
  .gg-hwp__rank{overflow:visible;border:0;background:none}
  .gg-hwp__rank .gg-table{min-width:0;display:block}
  .gg-hwp__rank caption{display:block;padding:0 0 .6rem;border:0}
  .gg-hwp__rank thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .gg-hwp__rank tbody{display:grid;gap:.6rem}
  .gg-hwp__rank tr{display:grid;gap:.35rem;padding:.85rem 1rem;border-radius:var(--gg-r-l);background:#fff;border:1px solid var(--gg-line)}
  .gg-hwp__rank .gg-table tbody th,.gg-hwp__rank .gg-table td{display:block;padding:0;border:0;background:none!important;white-space:normal;position:static}
  .gg-hwp__rank tbody th{font:650 1.02rem var(--gg-display);color:var(--gg-green-800)}
  .gg-hwp__rank td::before{content:attr(data-label) ": ";font-weight:750;color:var(--gg-ink)}
  .gg-hwp__rank td{font-size:.95rem;color:var(--gg-ink-2)}
}
/* tidy 2026-10-18: the secondary detail sits in one closed row (listing.css .gg-more-d) */
.gg-hwp__more>p{padding:0 1rem 1rem;font-size:.95rem;line-height:1.6;color:var(--gg-ink-2)}
.gg-hwp__h3{font-size:1.15rem}
/* review 2026-10-18 (P3-11): the copies of kit rules K3 and K8 are gone; listing.css carries them */
/* review 2026-10-18 (P3-25): the sample quote and its note stand the same height; the ranking table's stripe reads */
@media (min-width:768px){.gg-hwp__quote{align-items:stretch}}
.gg-hwp__rank .gg-table tbody tr:nth-child(even)>*{background:var(--gg-green-50)}