/* Context-specific article layouts and direct hero actions. */
.hero-copy{padding-bottom:48px}.hero-actions{margin:32px auto 0;max-width:960px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;text-align:left;border-top:1px solid #ffffff25;padding-top:24px}.hero-action-group p{font-size:12px;color:#d4cfea;margin:0 0 12px;max-width:none}.hero-button-row{display:flex;flex-wrap:wrap;gap:9px}.hero-button-row a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;font-size:12px;font-weight:600;text-decoration:none;border-radius:6px;line-height:1.5}.hero-download{background:var(--lime);color:#24253a;border:1px solid var(--lime)}.hero-download:hover{background:#e8ffc2}.hero-register{background:#ffffff0c;border:1px solid #b6a7e9;color:white}.hero-register:hover{background:#ffffff20}.notice{margin-bottom:0}
/* An introduction with a centered title and a comfortable reading column. */
#overview{display:block;text-align:center;padding-block:60px}#overview .chapter-heading{padding:0}#overview h2{max-width:none;font-size:45px}#overview .chapter-body{max-width:880px;margin:25px 0 0;text-align:left}#overview .chapter-body>p:last-child{padding:18px 23px;background:#f2effa;border-left:3px solid var(--teal)}
/* Two adjacent paragraphs let the history read as a short editorial spread. */
#timeline{display:block}#timeline .chapter-heading{max-width:800px}#timeline h2{max-width:none}#timeline .chapter-body{display:grid;grid-template-columns:1fr 1fr;gap:12px 45px;max-width:1200px;margin-top:22px}#timeline .chapter-body p{margin:0}#timeline .chapter-body p:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px;margin-top:8px}
/* Purpose and editorial approach use a compact vertical narrative. */
#our-purpose,#our-approach{display:block}#our-purpose .chapter-heading,#our-approach .chapter-heading{max-width:920px;margin:0}#our-purpose h2,#our-approach h2{max-width:none}#our-purpose .chapter-body,#our-approach .chapter-body{max-width:920px;margin:24px 0 0}#our-purpose{background:#f7f7fc}#our-approach{background:white}
/* Device comparison keeps three equally weighted columns on wide screens. */
#devices .chapter-heading{max-width:900px}#devices .device-note{background:#ffffff90;border-top:3px solid #b3a0e1;padding:24px;border-radius:0 0 8px 8px}
/* Account guidance is sequential, with three full-width reading steps. */
#accounts{display:block;background:white}#accounts .chapter-heading{max-width:860px}#accounts h2{max-width:none}#accounts .chapter-body{max-width:1100px;margin-top:30px;counter-reset:account-step}#accounts .chapter-body p{counter-increment:account-step;position:relative;padding:22px 26px 22px 75px;margin:0;border-top:1px solid var(--line)}#accounts .chapter-body p:before{content:'0' counter(account-step);position:absolute;left:10px;top:23px;color:var(--teal);font-size:20px;font-weight:600}
/* Payment preparation retains a split, while withdrawal conditions stack. */
#withdrawals{display:block}#withdrawals .chapter-heading{max-width:900px}#withdrawals h2{max-width:none}#withdrawals .chapter-heading:after{display:none}#withdrawals .chapter-body{max-width:1000px;margin-top:25px}#withdrawals .chapter-body>p:last-child{border-left:3px solid var(--teal);padding:18px 25px;background:#efebfa}
#payment-safety{display:block}#payment-safety .chapter-heading{max-width:900px;margin:0}#payment-safety h2{max-width:none}#payment-safety .chapter-body{max-width:900px;margin:22px 0 0}
/* FAQs read vertically rather than sitting opposite a large empty title area. */
#faqs{display:block;background:white}#faqs .chapter-heading{text-align:center}#faqs h2{max-width:none;font-size:42px}#faqs .chapter-body{max-width:1000px;margin:30px 0 0}#faqs .faq:first-child{border-top:1px solid var(--line);padding-top:21px}
@media(max-width:950px){.hero-actions{grid-template-columns:1fr;max-width:600px;gap:22px}.hero-action-group{text-align:center}.hero-button-row{justify-content:center}#timeline .chapter-body{gap:15px 25px}}
@media(max-width:650px){.hero-copy{padding-bottom:32px}.hero-actions{margin-top:25px;padding-top:20px;gap:22px}.hero-button-row{gap:8px}.hero-button-row a{font-size:11px;padding:11px 10px;gap:8px}.hero-action-group:first-child .hero-button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-action-group:first-child .hero-button-row a{justify-content:center;gap:3px}.hero-action-group:last-child .hero-button-row{display:grid;grid-template-columns:minmax(0,1fr)}.hero-action-group:last-child .hero-button-row a{justify-content:center;font-size:12px}.hero-action-group p{font-size:11px}#overview{padding-block:35px}#overview h2,#faqs h2{font-size:32px}#overview .chapter-body{margin-top:20px}#timeline .chapter-body{display:block;margin-top:20px}#timeline .chapter-body p{margin:18px 0}#timeline .chapter-body p:last-child{margin-bottom:0}#our-purpose .chapter-body,#our-approach .chapter-body{margin-top:20px}#devices .device-note{padding:20px}#accounts .chapter-body{margin-top:20px}#accounts .chapter-body p{padding:18px 0 18px 48px}#accounts .chapter-body p:before{left:0;top:18px;font-size:18px}#withdrawals .chapter-body>p:last-child{padding:16px 18px}#faqs .chapter-body{margin-top:22px}}
/* Use one section gutter; keep all existing grids and content widths. */
.guide-article .article-section{padding-inline:max(56px,calc((100% - 1200px)/2))}
.guide-article .article-section .chapter-heading,.guide-article .article-section .chapter-body{margin-left:0;margin-right:0}
.guide-article .article-section .chapter-heading{text-align:left}
@media(max-width:1150px){.guide-article .article-section{padding-inline:32px}}
@media(max-width:650px){.guide-article .article-section{padding-inline:18px}}
/* Shared section alignment; preserve each section's existing display and grid. */
.guide-article .article-section .chapter-heading{text-align:center}
.guide-article .article-section .chapter-heading h2{margin-inline:auto}
.guide-article .article-section .chapter-heading,.guide-article .article-section .chapter-body{margin-left:auto;margin-right:auto}
.download-section .download-heading,.login-section .login-heading{text-align:center}
.download-section .download-heading h2,.login-section .login-heading h2{margin-left:auto;margin-right:auto}
.download-section .download-body,.login-section .login-body{margin-left:auto;margin-right:auto}
/* Override ID-specific margins so every homepage chapter centers consistently. */
.guide-article :is(#overview,#timeline,#our-purpose,#our-approach,#devices,#accounts,#top-up,#withdrawals,#payment-safety,#faqs)>.chapter-heading{margin-left:auto;margin-right:auto;text-align:center}
.guide-article :is(#overview,#timeline,#our-purpose,#our-approach,#devices,#accounts,#top-up,#withdrawals,#payment-safety,#faqs)>.chapter-heading h2{margin-left:auto;margin-right:auto}
.guide-article :is(#overview,#timeline,#our-purpose,#our-approach,#devices,#accounts,#top-up,#withdrawals,#payment-safety,#faqs)>.chapter-body{margin-left:auto;margin-right:auto}
.guide-article #devices .chapter-body>p{margin-left:auto;margin-right:auto}
.guide-article #accounts .account-registration-actions{margin-left:auto;margin-right:auto}