/* User guide pages: same palette and type as the website. */
.g-hero{background:#2E4547;color:#FFFFFF;padding:56px 24px 64px}
.g-wrap{max-width:1200px;margin:0 auto}
.g-eyebrow{margin:0 0 14px;font-family:Ubuntu,sans-serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#8FD0DC}
.g-hero h1{margin:0 0 16px;font-family:Ubuntu,sans-serif;font-weight:700;font-size:46px;line-height:1.1;max-width:900px}
.g-hero p.g-lead{margin:0;font-size:21px;color:#DCE7E6;max-width:800px}
.g-hero .g-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.g-btn{display:inline-block;font-family:Ubuntu,sans-serif;font-weight:500;font-size:16px;text-decoration:none;border-radius:6px;padding:11px 18px}
.g-btn.light{background:#8FD0DC;color:#1E2B2C}
.g-btn.light:hover{background:#B5E1E8;color:#1E2B2C}
.g-btn.line{border:1px solid #8FB3B6;color:#FFFFFF}
.g-btn.line:hover{background:#3A5557;color:#FFFFFF}
.g-btn.dark{background:#2E4547;color:#FFFFFF}
.g-btn.dark:hover{background:#1E2B2C;color:#FFFFFF}

.g-chapters{background:#1E2B2C;padding:0 24px}
.g-chapters nav{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px}
.g-chapters a{font-family:Ubuntu,sans-serif;font-size:15px;color:#CFE3E5;text-decoration:none;padding:14px 16px;border-bottom:3px solid transparent;display:flex;gap:8px;align-items:baseline}
.g-chapters a span{font-size:13px;color:#8FB3B6}
.g-chapters a:hover{color:#FFFFFF}
.g-chapters a[aria-current]{color:#FFFFFF;border-bottom-color:#8FD0DC}

.g-sec{padding:64px 24px}
.g-sec.alt{background:#E3ECDF}
.g-sec.white{background:#FFFFFF}
.g-sec h2{margin:0 0 14px;font-family:Ubuntu,sans-serif;font-weight:700;font-size:34px;line-height:1.15}
.g-sec p.g-intro{margin:0 0 32px;font-size:19px;color:#3C4E4F;max-width:800px}
.g-sec p{max-width:800px}

.g-for{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.g-box{background:#FFFFFF;border:1px solid #DDE3DC;border-radius:12px;padding:24px}
.g-sec.white .g-box{background:#F7F8F4}
.g-box h3{margin:0 0 8px;font-family:Ubuntu,sans-serif;font-size:20px}
.g-box p{margin:0;font-size:16.5px;color:#3C4E4F}
.g-box ul{margin:0;padding-left:20px;font-size:16.5px;color:#3C4E4F}
.g-box li{margin:0 0 6px}

.g-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.g-benefit{background:#FFFFFF;border-radius:12px;padding:22px;border-top:4px solid #2C7F90}
.g-benefit h3{margin:0 0 6px;font-family:Ubuntu,sans-serif;font-size:19px}
.g-benefit p{margin:0;font-size:16px;color:#3C4E4F}

.g-time{width:100%;border-collapse:collapse;background:#FFFFFF;border-radius:12px;overflow:hidden;font-size:16.5px}
.g-time th{text-align:left;font-family:Ubuntu,sans-serif;font-weight:500;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#4F6A6B;background:#EEF3F1;padding:12px 16px}
.g-time td{padding:14px 16px;border-top:1px solid #E6EAE5;vertical-align:top}
.g-time td:first-child{font-weight:600}
.g-scroll{overflow-x:auto;border:1px solid #DDE3DC;border-radius:12px}
.g-tbc{display:inline-block;background:#FFF1C9;color:#6B4A12;border:1px dashed #C9A24A;border-radius:6px;padding:1px 8px;font-size:15px;font-family:Ubuntu,sans-serif}

.g-steps{display:flex;flex-direction:column;gap:48px}
.g-step{display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start}
.g-num{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:#2E4547;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-family:Ubuntu,sans-serif;font-weight:700;font-size:23px}
.g-body{flex:1 1 520px;min-width:0}
.g-body h3{margin:6px 0 10px;font-family:Ubuntu,sans-serif;font-size:25px}
.g-body p{margin:0 0 12px;color:#3C4E4F}
.g-body ul,.g-body ol{margin:0 0 12px;padding-left:22px;color:#3C4E4F;max-width:800px}
.g-body li{margin:0 0 6px}
.g-body b,.g-ui{font-family:Ubuntu,sans-serif;font-weight:500;color:#1E2B2C}
.g-ui{background:#EEF3F1;border:1px solid #DDE3DC;border-radius:5px;padding:0 6px;font-size:.92em;white-space:nowrap}
.g-fig{margin:18px 0 0}
.g-fig img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #DDE3DC;box-shadow:0 10px 30px rgba(30,43,44,.08);background:#FFFFFF}
.g-fig figcaption{margin-top:10px;font-size:15px;color:#4F6A6B}
.g-tip{margin:14px 0 0;background:#EAF4F6;border-left:4px solid #2C7F90;border-radius:0 8px 8px 0;padding:12px 16px;font-size:16.5px;color:#1F5F6C;max-width:800px}
.g-tip b{color:#1F5F6C}

.g-table{width:100%;border-collapse:collapse;font-size:16px;background:#FFFFFF}
.g-table th{text-align:left;font-family:Ubuntu,sans-serif;font-weight:500;background:#EEF3F1;padding:10px 14px}
.g-table td{padding:10px 14px;border-top:1px solid #E6EAE5;vertical-align:top}

.g-next{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;background:#2E4547;color:#FFFFFF;border-radius:14px;padding:28px 32px}
.g-next h3{margin:0 0 6px;font-family:Ubuntu,sans-serif;font-size:24px}
.g-next p{margin:0;color:#DCE7E6;max-width:640px}

.g-cover{display:none}
.g-copy{margin:0;font-size:14px;color:#4F6A6B;border-top:1px solid #DDE3DC;padding-top:16px;max-width:none}

@media (max-width:640px){
  .g-hero h1{font-size:34px}
  .g-sec h2{font-size:28px}
  .g-sec{padding:48px 20px}
  .g-num{width:44px;height:44px;font-size:19px}
  .g-ui{white-space:normal}
}

/* Printing: the downloadable PDF is printed from these pages. */
@page{size:A4;margin:16mm 14mm}
@media print{
  body{background:#FFFFFF !important}
  header,footer,.g-chapters,.g-actions,.g-noprint,.g-next{display:none !important}
  .g-hero{padding:24px 0 28px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .g-hero h1{font-size:32px}
  .g-hero p.g-lead{font-size:16px}
  .g-sec{padding:24px 0}
  .g-sec h2{font-size:24px}
  .g-sec p.g-intro{font-size:15px;margin-bottom:18px}
  .g-wrap{max-width:none;padding:0 4mm}
  div[style*="font-size: 18px"]{font-size:13.5px !important}
  .g-sec,.g-hero,.g-benefit,.g-next,.g-tbc,.g-time th,.g-num,.g-ui,.g-tip{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .g-step{break-inside:auto;gap:12px 18px}
  .g-body h3{font-size:19px;break-after:avoid}
  .g-fig{break-inside:avoid}
  .g-fig img{box-shadow:none;max-height:125mm;width:auto;max-width:100%}
  .g-benefit,.g-box,.g-time tr,.g-next,.g-tip{break-inside:avoid}
  .g-num{width:36px;height:36px;font-size:16px}
  .g-steps{gap:22px}
  .g-chapter{break-before:page}
  .g-sec h2,.g-sec p.g-intro{break-after:avoid}
  .g-scroll{break-inside:avoid}
  .g-newpage{break-before:page}
  .g-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .g-benefit{padding:10px 12px;border-top-width:3px}
  .g-benefit h3{font-size:14px;margin-bottom:3px}
  .g-sec .g-benefit p{font-size:11.5px;line-height:1.4}
  .g-time td{padding:7px 12px}
  .g-time th{padding:7px 12px}
  .g-sec .g-time td{font-size:12.5px}
  .g-dur{font-size:15px}
  .g-sec.alt{break-inside:avoid}
  .g-for{gap:10px}
  .g-box{padding:12px 14px}
  .g-box h3{font-size:15px;margin-bottom:4px}
  .g-sec .g-box li,.g-sec .g-box p{font-size:12px;line-height:1.4}
  .g-box li{margin-bottom:3px}
  .g-cover{display:flex;flex-direction:column;justify-content:space-between;height:260mm;break-after:page;background:#2E4547;color:#FFFFFF;padding:22mm 18mm;box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.g-dur{display:inline-block;font-family:Ubuntu,sans-serif;font-weight:700;font-size:19px;color:#2C7F90;white-space:nowrap}