/* The Guides (search pages). Loaded only by /guides and /guides/..., so nothing here can touch the other pages. */
.gwrap { max-width:820px; }
.ghero { padding-bottom:34px; }
.ghero h1 { font-size:clamp(28px, 4.2vw, 42px); line-height:1.15; }
.ganswer { font-size:18px; line-height:1.65; color:#1e293b; background:#fff; border:1px solid #e3e6f0; border-left:4px solid #4f46e5; border-radius:14px; padding:18px 20px; margin-top:18px; }
.crumb { font-size:14px; color:#64748b; margin:0 0 12px; } .crumb a { color:#4f46e5; text-decoration:none; }
.garticle h2 { font-size:24px; margin:38px 0 12px; } .garticle h2:first-child { margin-top:0; }
.garticle p, .garticle li { font-size:17px; line-height:1.7; color:#334155; }
.gticks, .gsteps { margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.gticks li { position:relative; padding-left:30px; } .gticks li::before { content:"✓"; position:absolute; left:0; top:0; color:#0d9488; font-weight:700; }
.gsteps { counter-reset:g; } .gsteps li { counter-increment:g; position:relative; padding:14px 16px 14px 56px; background:#fff; border:1px solid #e3e6f0; border-radius:14px; }
.gsteps li::before { content:counter(g); position:absolute; left:14px; top:14px; width:30px; height:30px; border-radius:50%; background:#eef2ff; color:#4f46e5; font-weight:700; display:grid; place-items:center; font-size:15px; }
.gcta { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin:40px 0 8px; padding:24px; border-radius:18px; background:linear-gradient(135deg,#eef2ff,#e6fbf6); border:1px solid #dfe3f5; }
.gcta h3 { margin:0 0 4px; font-size:20px; } .gcta p { margin:0; font-size:16px; }
.gfaq { background:#fff; border:1px solid #e3e6f0; border-radius:12px; padding:14px 16px; margin-bottom:10px; } .gfaq summary { font-weight:700; cursor:pointer; font-size:17px; color:#0f172a; } .gfaq p { margin:10px 0 0; }
.grel { padding-left:20px; display:grid; gap:8px; } .grel a { color:#4f46e5; font-weight:600; text-decoration:none; } .grel a:hover { text-decoration:underline; }
.gnote { font-size:14px !important; color:#64748b !important; margin-top:34px; padding-top:18px; border-top:1px solid #e3e6f0; } .gnote a { color:#4f46e5; }
.glist { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.gcard { text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:8px; } .gcard h3 { margin:0; font-size:18px; line-height:1.3; } .gcard p { margin:0; font-size:15px; color:#475569; flex:1; } .gcard span { color:#4f46e5; font-weight:700; font-size:15px; }
@media (max-width:700px) { .glist { grid-template-columns:1fr; } .ganswer { font-size:16.5px; padding:16px; } .garticle h2 { font-size:21px; margin-top:30px; } .garticle p, .garticle li { font-size:16px; } .gcta { padding:18px; } .gcta .btn { width:100%; text-align:center; } }