/* Temporary homepage feature for the card holders (output/drawer-boxes-2026-11-05/build_site.py).
   revert_home.py removes the section and this stylesheet's link from index.html. */
main>.chf{padding-top:clamp(14px,2vw,24px)!important;padding-bottom:0!important}
.chf-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,44px);align-items:center;
  padding:clamp(22px,3.2vw,44px);background:#092b3b;color:#f7f2e7;border-radius:var(--gg-radius,24px);box-shadow:0 18px 44px -18px rgba(9,43,59,.55)}
.chf-kicker{margin:0;font-size:13px;font-weight:600;letter-spacing:.14em;color:#d8b25a}
.chf h2{margin:12px 0 16px;font-size:clamp(40px,4.6vw,68px);line-height:1;color:#f7f2e7}
.chf h2 em{color:#d8b25a}
.chf-intro{font-size:clamp(17px,1.4vw,20px);line-height:1.55;margin:0 0 16px;max-width:34em;color:#e9e2d0}
.chf-points{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.chf-points li{line-height:1.5;color:#e9e2d0;padding-left:16px;position:relative}
.chf-points li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:#d8b25a}
.chf-points strong{color:#f7f2e7;margin-right:4px}
.chf-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.chf .button:not(#gg){background:#d8b25a;color:#092b3b}
.chf .button:not(#gg):hover{background:#f7f2e7;color:#092b3b}
.chf-link{color:#f7f2e7!important;font-weight:600;text-decoration:underline!important;text-underline-offset:4px}
.chf-small{margin:16px 0 0;font-size:14px;color:#b9c4c6}
.chf-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.chf-media a{display:block;border-radius:14px;overflow:hidden;line-height:0}
.chf-media img{display:block;width:100%;height:auto;transition:transform .3s ease}
.chf-media a:hover img{transform:scale(1.03)}
@media(max-width:860px){.chf-panel{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.chf-media img{transition:none}.chf-media a:hover img{transform:none}}