/* Client portal guides as web pages (classes pg-step and pg-hl: the site already uses .step and .hl) (November 1, 2026). Made by build-kit/portal-guides/build_guide_pages.py from the
   same guide files as the PDFs; these rules are the PDF template's, in screen units, and only apply inside .pg. */
.pg-hero .r-hero-copy{max-width:780px}
.pg-toc li.sec{margin-top:10px;font-weight:700}
.pg{--pg-navy:#0d2645;--pg-ink:#14233a;--pg-gold:#b8913f;--pg-line:#e3ded3;--pg-cream:#f7f4ee}
.pg .box{display:flex;gap:24px;border:1px solid var(--pg-line);border-radius:10px;background:var(--pg-cream);padding:18px 22px;margin:0 0 30px}
.pg .box .col{flex:1;min-width:0}
.pg .box h2{font-family:"Source Serif 4",Georgia,serif;font-size:1.25rem;color:var(--pg-ink);margin:0 0 8px}
.pg .box ul{list-style:none;margin:0;padding:0}
.pg .box li{position:relative;padding-left:20px;margin:4px 0;font-size:.97rem;line-height:1.55}
.pg .box li::before{content:"";position:absolute;left:1px;top:.5em;width:9px;height:5px;border-left:2px solid var(--pg-gold);border-bottom:2px solid var(--pg-gold);transform:rotate(-45deg)}
.pg .btn{display:inline-block;background:var(--pg-navy);color:#fff!important;text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;padding:10px 18px;border-radius:5px;margin:4px 0 10px}
.pg .small,.pg p.small{font-size:.92rem;line-height:1.6;color:#59616f}
.pg .small a{font-weight:600}
.pg .sec{font-family:"Source Serif 4",Georgia,serif;font-size:1.6rem;color:var(--pg-ink);margin:36px 0 18px;padding-bottom:8px;border-bottom:1px solid var(--pg-line);scroll-margin-top:90px}
.pg .pg-step{position:relative;padding-left:58px;margin:0 0 34px;scroll-margin-top:90px}
.pg .num{position:absolute;left:-58px;top:4px;width:40px;height:40px;border-radius:50%;background:var(--pg-navy);color:#fff;font:600 1.05rem/40px "Source Serif 4",Georgia,serif;text-align:center;box-shadow:0 0 0 3px #fff,0 0 0 5px #c9a55a}
.pg .num.sub{background:#fff;color:var(--pg-navy);box-shadow:0 0 0 2px #c9a55a;font-size:.92rem}
.pg .sp{position:absolute;white-space:pre}
.pg .pg-step h2{position:relative;min-height:48px;padding-top:10px;font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem;line-height:1.3;color:var(--pg-ink);margin:0 0 6px}
.pg .pg-step h3{font-family:"Source Serif 4",Georgia,serif;font-size:1.12rem;color:var(--pg-ink);margin:14px 0 6px}
.pg .pg-step p{margin:0 0 10px}
.pg .pg-step p b,.pg .tip b,.pg .pg-step li b{color:var(--pg-ink)}
.pg .pg-step ul,.pg .pg-step ol{margin:0 0 10px 20px}
.pg .tip,.pg .stop{border-left:3px solid var(--pg-gold);background:var(--pg-cream);border-radius:0 8px 8px 0;padding:10px 14px;margin:10px 0 12px;font-size:.97rem;line-height:1.6}
.pg .stop{border-left-color:#a3402e;background:#fbf2ef}
.pg .tip .t{font-weight:700;color:#7a5a17;margin-right:5px}
.pg .stop .t{font-weight:700;color:#8c2f1f;margin-right:5px}
.pg .shot{border:1px solid #d5dbe3;border-radius:9px;overflow:visible;box-shadow:0 12px 26px -16px rgba(13,38,69,.45);margin:12px 0 14px;background:#fff}
.pg .shot.plain{border-radius:7px}
.pg .shot .bar{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#eef1f5;border-bottom:1px solid #d5dbe3;border-radius:9px 9px 0 0}
.pg .shot .dot{width:8px;height:8px;border-radius:50%;background:#c6ccd5}
.pg .shot .url{margin-left:8px;flex:1;max-width:340px;height:17px;border-radius:9px;background:#fff;border:1px solid #d5dbe3;font-size:11px;color:#59616f;line-height:15px;padding-left:22px;position:relative;white-space:nowrap;overflow:hidden}
.pg .shot .url::before{content:"";position:absolute;left:9px;top:4px;width:6px;height:4px;border:1.2px solid #8a94a3;border-radius:1px;border-top-width:2.4px}
.pg .shot .img{position:relative;line-height:0}
.pg .shot .img img{width:100%;height:auto;display:block;border-radius:0 0 8px 8px}
.pg .shot.plain .img img{border-radius:6px}
.pg .pg-hl{position:absolute;border:2.4px solid #c9a55a;border-radius:6px;box-shadow:0 0 0 3px rgba(201,165,90,.22)}
.pg .pg-hl .lb{position:absolute;left:-9px;top:-9px;width:19px;height:19px;border-radius:50%;background:var(--pg-navy);color:#fff;font:700 11px/19px Inter,Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.pg .cap{font-size:.86rem;color:#6b7585;margin:-6px 0 12px}
.pg .aside{display:flex;gap:22px;align-items:flex-start;margin:10px 0 12px}
.pg .aside>.shot{flex:0 0 auto;margin:2px 0 0}
.pg .aside>.txt{flex:1;min-width:0}
.pg table.t{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:.95rem}
.pg table.t th{background:var(--pg-navy);color:#fff;text-align:left;padding:8px 10px;font-weight:600}
.pg table.t td{border-bottom:1px solid var(--pg-line);padding:8px 10px;vertical-align:top}
.pg table.t tr:nth-child(even) td{background:#faf8f4}
.pg table.t td:first-child{font-weight:600;color:var(--pg-ink)}
.pg .copy{border:1.5px dashed var(--pg-gold);background:#fffdf7;border-radius:7px;padding:10px 14px;margin:10px 0 12px;font-weight:600;color:var(--pg-ink)}
.pg .copy .lbl{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a5a17;margin-bottom:4px}
.pg .checklist{border:1px solid var(--pg-line);border-radius:10px;background:var(--pg-cream);padding:18px 22px 12px;margin:14px 0 24px}
.pg .checklist h2{font-family:"Source Serif 4",Georgia,serif;font-size:1.3rem;color:var(--pg-ink);margin:0 0 4px}
.pg .checklist .cols{display:flex;gap:28px}
.pg .checklist .cols>div{flex:1}
.pg .checklist h3{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a5a17;margin:10px 0 4px}
.pg .checklist ul{list-style:none;margin:0;padding:0}
.pg .checklist li{position:relative;padding-left:22px;margin:4px 0}
.pg .checklist li::before{content:"";position:absolute;left:0;top:.35em;width:11px;height:11px;border:1.5px solid var(--pg-navy);border-radius:2px;background:#fff}
.pg .help{display:flex;gap:24px;align-items:center;background:linear-gradient(115deg,#0b213d 0%,#0d2645 55%,#133a66 100%);color:#dfe6f0;border-radius:10px;padding:22px 26px;margin:30px 0 18px;border-top:3px solid var(--pg-gold)}
.pg .help h2{font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem;color:#fff;margin:0 0 6px}
.pg .help p{color:#dfe6f0;margin:0}
.pg .help a{color:#e0c486;text-decoration:none;font-weight:600}
.pg .help .ph{font-family:"Source Serif 4",Georgia,serif;font-size:1.6rem;color:#fff!important;white-space:nowrap}
.pg .help .col{flex:1}
.pg .pg-pdf{font-size:.95rem;color:#59616f}
@media (max-width:760px){
 .pg .box,.pg .aside,.pg .help,.pg .checklist .cols{flex-direction:column;gap:12px}
 .pg .pg-step{padding-left:0}
 .pg .num{position:static;display:inline-block;vertical-align:middle;margin-right:10px;width:34px;height:34px;line-height:34px;font-size:.95rem}
 .pg .pg-step h2{min-height:0;padding-top:0;display:flex;align-items:center}
 .pg .shot,.pg .aside>.shot{width:100%!important}
 .pg .pg-hl .lb{width:16px;height:16px;font-size:9.5px;line-height:16px;left:-7px;top:-7px}
}