/* ============================================================================
   guide.desktop.css — DESKTOP / TABLET (media min-width:768px, loaded via <link>)
   Redesign 2026: centred 820 help-center column; the orange hero becomes a rounded
   premium banner; the filtered topic list goes 2 rows-across with hover lift.
   Mobile SoT (guide.css) is untouched.
   ========================================================================== */
.page-header .ib{display:none}
.page-header{background:#fff;border-bottom:1px solid #F0E7DA}

/* content + hero column capped to 820px, centred */
main.page{max-width:1080px;margin-inline:auto}
/* hero↔content edge align: zero the shared .page horizontal inset so content fills to the hero's width */
html body main.page{padding-left:0 !important;padding-right:0 !important}

/* hero → clean white rounded card, roomier on desktop */
.hero{max-width:1080px;margin:16px auto 0;border-radius:22px;padding:38px 40px;
  border:1px solid var(--line);box-shadow:0 18px 44px -28px rgba(120,70,20,.26)}
.hero h1{font-size:31px;margin-top:15px}
.hero .hsub{font-size:15px}

/* filter tabs — a touch more breathing room */
.gfilter{padding-top:6px;padding-bottom:16px}

/* topic list → 2 columns of rows on desktop */
.glist{grid-template-columns:1fr 1fr;gap:12px}
.grow{padding:15px 16px}
.grow .gi{width:44px;height:44px}
.grow .gi svg{width:22px;height:22px}
.gn{font-size:15px}
.gd{font-size:12.5px}

/* contact card */
.contact .ci{width:56px;height:56px}