/* Readable field guides with accessible, native navigation and FAQs. */
.guide-page{background:#0b1020;color:#ecf2ff;--blue:#a9dfff;--muted:#bdc9df;font-family:"Segoe UI",Arial,sans-serif;line-height:1.8}
.guide-page .site-header{background:#0b1020f5;border-color:#99b4e329;box-shadow:none}.guide-page .site-header nav{color:#cbd6ed;font-size:14px;font-weight:600}.guide-page .header-cta{background:#ffce97;color:#2a1c11;box-shadow:none;border-radius:10px;font-size:14px}
.guide-page .article-page{max-width:1020px;padding:42px 24px 80px}.guide-page .breadcrumbs{justify-content:flex-start;gap:12px;font-size:13px;color:#bad7fa;font-weight:500;margin-bottom:30px}.guide-page .eyebrow{font-size:12px;letter-spacing:1.6px;color:#9de9e8}
.guide-page .article-page h1{font-size:clamp(32px,4.2vw,51px);line-height:1.17;letter-spacing:-1.2px;max-width:920px;color:#fff;font-weight:750}.guide-page .guide-meta{font-size:13px;color:#b4c1da;line-height:1.8;margin-top:20px}.guide-page .section-lead{font-size:19px;line-height:1.85;color:#d0daed;max-width:820px}
.guide-page .article-hero{margin:30px 0}.guide-page .article-hero img{border-radius:18px;max-height:390px;object-fit:cover;animation:none;filter:none;opacity:1}
.guide-page .article-body{background:#121c30;border:1px solid #8ca8d932;padding:clamp(20px,5vw,54px);border-radius:20px;box-shadow:none;color:#d6e0f3;font-size:18px;line-height:1.9;overflow-wrap:anywhere}.guide-page .article-body>section{scroll-margin-top:150px;margin-top:42px}.guide-page .article-body h2{font-size:clamp(24px,2.5vw,31px);line-height:1.3;letter-spacing:-.5px;color:#f5f8ff;margin:0 0 18px}.guide-page .article-body p{margin:0 0 22px}.guide-page .article-body strong{color:#fff}.guide-page .article-body a{color:#a8dfff;text-decoration:underline;text-underline-offset:4px}.guide-page a:focus-visible,.guide-page summary:focus-visible,.guide-page textarea:focus-visible,.guide-page .table-scroll:focus-visible{outline:2px solid #82e5f4;outline-offset:5px}
.guide-page .quick-answer{padding:23px 25px;border-left:4px solid #87e4d7;border-radius:0 12px 12px 0;background:#16353f;margin-bottom:25px}.guide-page .quick-answer>strong{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#b6fff0}.guide-page .quick-answer p{margin:9px 0 0;font-size:18px;color:#edfaff}
.guide-page .guide-toc{display:block;text-align:left;background:#1e2944;border:1px solid #bca5ee2d;border-radius:14px;padding:22px 25px;color:#e2e9fb;font-weight:400;margin-bottom:36px}.guide-page .guide-toc>strong{font-size:15px}.guide-page .guide-toc ol{padding-left:23px;margin:12px 0 0}.guide-page .guide-toc li{padding:4px 0;font-size:16px}.guide-page .article-body ul,.guide-page .article-body ol{padding-left:25px}.guide-page .article-body li{margin:10px 0;padding-left:5px}.guide-page .article-body li::marker{color:#99e5d9;font-weight:700}
.guide-page .guide-callout{padding:22px 25px;background:#302b41;border:1px solid #c6a6f344;border-radius:14px;margin:25px 0}.guide-page .guide-callout>strong{color:#f3d1aa}.guide-page .guide-callout p{margin:10px 0 0}.guide-page .guide-checklist{background:#172c35;border-radius:12px;padding:18px 22px 18px 43px!important}
.guide-page .table-scroll{width:100%;overflow-x:auto;border:1px solid #9aabd13b;border-radius:12px;margin:25px 0;background:#111c2d}.guide-page table{border-collapse:collapse;width:100%;min-width:480px;text-align:left;font-size:16px;line-height:1.7}.guide-page th{background:#24354e;color:#fff;font-weight:650}.guide-page th,.guide-page td{padding:16px 18px;border-bottom:1px solid #8da9d026;vertical-align:top}.guide-page tr:last-child td{border-bottom:0}.guide-page tr:nth-child(even) td{background:#ffffff03}
.guide-page details{padding:18px 20px;border:1px solid #95accb33;border-radius:12px;background:#17243b;margin:12px 0}.guide-page summary{cursor:pointer;font-weight:650;font-size:17px;color:#eff5ff}.guide-page details p{font-size:17px;margin:18px 0 0!important}.guide-page details[open]{border-color:#8adcc966}
.guide-page .template-label{display:block;font-weight:650;margin:12px 0;color:white}.guide-page textarea{display:block;width:100%;resize:vertical;min-height:410px;border-radius:12px;border:1px solid #9fb3d753;background:#0b1527;color:#e7f0ff;font:15px/1.8 ui-monospace,Consolas,monospace;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere}
.guide-page .guide-next{margin-top:45px;padding-top:30px;border-top:1px solid #98b2d736}.guide-page .guide-next li{font-size:16px}.guide-page .article-body .guide-support{display:inline-flex;background:#ffd09f;color:#2b1c10;text-decoration:none;padding:11px 18px;border-radius:10px;margin-top:15px;font-weight:650;font-size:16px}
.guide-page .site-footer{background:#080e1a}.guide-page .site-footer p,.guide-page .site-footer nav{font-size:14px;color:#c3cee4}.guide-page .whatsapp-float{animation:none;background:#1a4839;border:1px solid #a1e8cb44;box-shadow:none}.guide-page .article-card{background:#142037;border:1px solid #94aed230;border-radius:15px;animation:none;opacity:1;transform:none;box-shadow:none}.guide-page .article-card h2{font-size:24px;line-height:1.35;color:white}.guide-page .article-card p{color:#cbd8ef;font-size:16px}.guide-page .article-card span{color:#addfff}.guide-page .article-card img{filter:none;animation:none}.guide-page .page{max-width:1220px;padding-inline:24px}.guide-index .article-grid{gap:22px}.guide-index .section-lead{max-width:850px}
@media(max-width:880px){.guide-page .site-header{grid-template-columns:1fr auto;gap:10px}.guide-page .site-header nav{grid-row:2;grid-column:1/-1;justify-content:center;gap:20px;font-size:12px}.guide-page .brand{font-size:17px}.guide-page .article-page{padding:26px 16px 55px}.guide-page .article-page h1{font-size:34px;line-height:1.22}.guide-page .section-lead{max-width:100%;font-size:18px}.guide-page .article-body{padding:22px 18px;font-size:17px;border-radius:15px}.guide-page .quick-answer,.guide-page .guide-toc,.guide-page .guide-callout{padding:19px 17px}.guide-page .quick-answer p{font-size:17px}.guide-page .guide-toc li{font-size:16px}.guide-page .article-hero img{aspect-ratio:16/10}.guide-page .site-footer{padding-bottom:100px}.guide-page .article-body>section{scroll-margin-top:160px}}
@media(prefers-reduced-motion:reduce){.guide-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}