/* Guides — the reading pages. Deliberately plain: one column, generous
   measure, nothing moving. These are pages people arrive at from a search
   with a question, and the job is to answer it. */

.gwrap{max-width:760px;margin:0 auto;padding:0 22px}
.ghero{padding:72px 0 8px}
.gcrumb{font-size:14px;font-weight:600;letter-spacing:.02em;color:#5F6B7E;margin:0 0 18px}
.gcrumb a{color:#0B7A87;text-decoration:underline;text-underline-offset:2px}
.gcrumb a:hover{text-decoration:underline}
.ghero h1{font-size:clamp(32px,5vw,46px);line-height:1.12;letter-spacing:-.025em;margin:0 0 18px;font-weight:800}
.glede{font-size:20px;line-height:1.55;color:#48566B;margin:0 0 6px;font-weight:500}
.gmeta{font-size:14px;color:#8A96A8;margin:22px 0 0}

.garticle{padding:14px 0 10px;font-size:18px;line-height:1.72;color:#27334A}
.garticle h2{font-size:27px;line-height:1.25;letter-spacing:-.018em;margin:46px 0 14px;font-weight:800;color:#121C2E}
.garticle h3{font-size:20px;line-height:1.35;margin:30px 0 8px;font-weight:700;color:#121C2E}
.garticle p{margin:0 0 17px}
.garticle ul{margin:0 0 20px;padding-left:22px}
.garticle li{margin:0 0 10px}
.garticle b{font-weight:700;color:#121C2E}
.garticle a{color:#0B7A87;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(14,143,158,.32)}
.garticle a:hover{border-bottom-color:#0B7A87}

.gcta{margin:52px 0 0;padding:32px 34px;border-radius:18px;background:linear-gradient(135deg,#0B3F47 0%,#182135 100%);color:#fff}
.gcta h2{margin:0 0 10px;font-size:25px;line-height:1.25;font-weight:800;color:#fff;letter-spacing:-.018em}
.gcta p{margin:0 0 20px;color:#BDEFF3;font-size:17px;line-height:1.6}
.gcta .gbtns{display:flex;flex-wrap:wrap;gap:12px}
.gcta a{display:inline-block;padding:13px 22px;border-radius:100px;font-weight:700;font-size:16px;text-decoration:none;border:0}
.gcta a.pri{background:#2ECC8F;color:#132033}
.gcta a.sec{background:rgba(255,255,255,.12);color:#fff}
.gcta a:hover{opacity:.9}

.gfaq{margin:52px 0 0}
.gfaq h2{font-size:27px;margin:0 0 16px;font-weight:800;letter-spacing:-.018em;color:#121C2E}
.gfaq details{border-top:1px solid #E4E8EF;padding:16px 0}
.gfaq summary{cursor:pointer;font-weight:700;font-size:17.5px;color:#121C2E;line-height:1.4;list-style:none}
.gfaq summary::-webkit-details-marker{display:none}
.gfaq summary::before{content:"+";color:#0B7A87;font-weight:800;margin-right:10px}
.gfaq details[open] summary::before{content:"\2212"}
.gfaq p{margin:12px 0 0;font-size:17px;line-height:1.68;color:#3A4759}

.grel{margin:56px 0 0;border-top:1px solid #E4E8EF;padding-top:26px}
.grel h2{font-size:17px;text-transform:uppercase;letter-spacing:.09em;color:#5F6B7E;margin:0 0 16px;font-weight:700}
.grel ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.grel a{color:#121C2E;font-weight:700;font-size:18px;text-decoration:none;line-height:1.4}
.grel a:hover{color:#0B7A87}
.grel span{display:block;font-weight:500;font-size:15.5px;color:#5F6B7E;margin-top:3px;line-height:1.5}

.gindex{padding:60px 0 0}
.gindex h1{font-size:clamp(34px,5vw,48px);line-height:1.1;letter-spacing:-.028em;margin:0 0 16px;font-weight:800}
.gindex .glede{margin-bottom:40px;max-width:36em}
.gcards{display:grid;gap:16px;margin:0 0 20px;padding:0;list-style:none}
.gcard{border:1px solid #E4E8EF;border-radius:16px;padding:24px 26px;background:#fff;transition:border-color .15s,transform .15s}
.gcard:hover{border-color:#B9E7DC;transform:translateY(-1px)}
.gcard a{text-decoration:none;color:#121C2E}
.gcard h2{margin:0 0 8px;font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.015em}
.gcard p{margin:0;color:#5A6678;font-size:16.5px;line-height:1.6}
.gfoot-space{height:74px}

@media (max-width:640px){
  .ghero{padding:44px 0 4px}
  .gindex{padding:38px 0 0}
  .garticle{font-size:17.5px}
  .gcta{padding:26px 24px}
}

/* ---- Guides block on the home page ------------------------------------ */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.guide-card{display:block;border:1px solid #E4E8EF;border-radius:16px;padding:24px 24px 20px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.guide-card:hover{border-color:#B9E7DC;transform:translateY(-1px)}
.guide-card h3{margin:0 0 8px;font-size:19px;line-height:1.32;font-weight:800;letter-spacing:-.012em;color:#121C2E}
.guide-card p{margin:0 0 14px;font-size:15.5px;line-height:1.58;color:#5A6678}
.guide-go{font-size:14.5px;font-weight:700;color:#0B7A87}
@media (max-width:640px){ .guide-grid{grid-template-columns:1fr} }
.ggroup{margin-top:34px} .ggh{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0B7A87;margin:0 0 14px}