.page-hero{background:#edf1f7;padding:65px 6% 75px;border-bottom:1px solid #dce3ed}.page-breadcrumb{display:flex;gap:12px;font-size:10px;color:#74839a;margin-bottom:45px;line-height:1.6}.page-breadcrumb a{color:#446087}.page-hero>.eyebrow{color:#8c6d29;font-size:9px}.page-hero h1{color:#263750;font-size:clamp(34px,4.6vw,68px);line-height:1.15;letter-spacing:-2px;max-width:1100px;margin:25px 0}.page-hero .page-intro{font-size:15px;line-height:1.9;color:#637086;max-width:770px}.page-hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.page-secondary{color:#446087;font-size:12px;border-bottom:1px solid #b9c7dc;padding:8px 0}.page-layout{display:grid;grid-template-columns:240px minmax(0,820px);gap:75px;max-width:1300px;margin:auto;padding:70px 6%}.page-side{align-self:start;position:sticky;top:125px;border-right:1px solid #dce3ed;padding-right:28px;max-height:65vh;overflow:auto}.page-side>span{display:block;font-size:8px;letter-spacing:1.8px;color:#8b7238;margin-bottom:22px}.page-side a{display:block;font-size:11px;line-height:1.7;color:#637086;padding:9px 0}.page-side a:hover{color:#bf8d14}.page-section{margin-bottom:55px;padding-bottom:35px;border-bottom:1px solid #e1e6ee;scroll-margin-top:120px}.page-section .page-index{font-size:8px;letter-spacing:1.5px;color:#8b7238}.page-section h2,.page-service h2{font-size:clamp(25px,2.6vw,39px);letter-spacing:-1px;line-height:1.25;color:#446087;margin-bottom:25px}.page-section p{font-size:14px;line-height:1.95;color:#5e6f88;overflow-wrap:anywhere}.page-source-note{font-size:10px;line-height:1.9;background:#f2f5fa;padding:22px;color:#77869a;border-left:2px solid #bf8d14}.page-service{background:#f1f4f9;padding:30px;margin-bottom:35px}.page-service p{font-size:13px;line-height:1.9;color:#637086}.page-related{padding:65px 6%;background:#eef2f7}.page-related>h2{font-size:42px;color:#263750;letter-spacing:-1.5px}.page-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.page-related a{background:white;padding:28px;border:1px solid #dce3ed;display:flex;flex-direction:column;gap:25px;min-height:190px}.page-related a>span{font-size:9px;color:#8b7238;text-transform:uppercase;letter-spacing:1px}.page-related a>strong{font-size:19px;font-weight:500;color:#446087;line-height:1.4}.page-related a>b{font-size:11px;color:#446087;margin-top:auto;font-weight:500}@media(max-width:800px){.page-hero{padding:45px 6% 55px}.page-hero h1{font-size:38px;letter-spacing:-1.5px}.page-breadcrumb{margin-bottom:30px}.page-layout{display:block;padding:45px 6%}.page-side{position:static;max-height:none;border-right:0;border-bottom:1px solid #dce3ed;padding:0 0 25px;margin-bottom:35px}.page-side a{display:inline-block;margin-right:20px;padding:7px 0}.page-side>span{margin-bottom:12px}.page-section h2{font-size:29px}.page-related>div{grid-template-columns:1fr}.page-related>h2{font-size:36px}}
/* Shared guide treatment for all imported portal pages. */
.page-hero{padding:42px 6% 46px;background:radial-gradient(ellipse at 100% 0,#e2eaf5 0,transparent 55%),#f4f6fa}.page-breadcrumb{margin-bottom:24px;flex-wrap:wrap}.page-hero h1{font-size:clamp(32px,4vw,60px);max-width:1000px;margin:18px 0;letter-spacing:-1.8px}.page-hero .page-intro{font-size:16px;line-height:1.75}.page-hero-with-image{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:center;gap:50px}.page-product-visual{margin:0;background:#fff;border:1px solid #dce3ed;border-radius:24px;padding:25px;box-shadow:0 20px 50px #2637500b}.page-product-visual img{width:100%;height:290px;object-fit:contain}.page-product-visual figcaption{font-size:10px;line-height:1.7;color:#637086;border-top:1px solid #e1e6ee;padding-top:15px}.page-overview{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;align-items:center}.page-overview>span{font-size:8px;letter-spacing:1.4px;color:#8c6d29}.page-overview p{font-size:10px;color:#446087;line-height:1.5;margin:0;padding:7px 11px;border:1px solid #d4deec;background:#ffffffa8;border-radius:30px}.page-layout{gap:45px;padding-top:45px;padding-bottom:45px;grid-template-columns:220px minmax(0,860px)}.page-side{padding-right:20px}.page-side a{padding:8px 10px;border-radius:7px;transition:background .2s,color .2s}.page-side a:hover,.page-side a:focus-visible{background:#edf1f7;color:#263750}.page-section{margin-bottom:28px;padding-bottom:25px}.page-section h2{font-size:clamp(24px,2.4vw,34px);margin:10px 0 18px}.page-section p{font-size:15px;line-height:1.8}.page-answer{border:1px solid #dce3ed;border-radius:15px;background:#fff;padding:0;margin-bottom:14px;overflow:hidden}.page-answer summary{cursor:pointer;position:relative;padding:20px 55px 20px 22px;list-style:none}.page-answer summary::-webkit-details-marker{display:none}.page-answer summary h2{font-size:20px;margin:8px 0 0;line-height:1.4;letter-spacing:-.5px}.page-answer summary .page-index{display:block}.page-answer summary>b{position:absolute;right:23px;top:28px;font-size:24px;color:#8c6d29;font-weight:400}.page-answer[open] summary{background:#f1f5fa;border-bottom:1px solid #dce3ed}.page-answer[open] summary>b{transform:rotate(45deg)}.page-answer>div{padding:5px 22px 15px}.page-answer summary:focus-visible{outline:3px solid #bf8d14;outline-offset:-3px}.page-conversation{padding:30px;border-radius:18px;background:#edf1f7;border:1px solid #dce3ed;margin:35px 0 25px}.page-conversation h2{font-size:32px;line-height:1.2;letter-spacing:-1px;color:#263750;margin:12px 0}.page-conversation>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#637086;max-width:640px}.page-related{padding-top:45px;padding-bottom:45px}.page-related a{border-radius:15px;min-height:170px;transition:transform .2s,box-shadow .2s}.page-related a:hover{transform:translateY(-4px);box-shadow:0 12px 30px #26375012}@media(prefers-reduced-motion:reduce){.page-related a,.page-side a{transition:none}.page-related a:hover{transform:none}}@media(max-width:800px){.page-hero-with-image{grid-template-columns:1fr;gap:25px}.page-product-visual{max-width:500px;width:100%;justify-self:center}.page-product-visual img{height:240px}.page-layout{display:block;padding-top:30px}.page-side{display:flex;overflow:auto;gap:8px;align-items:center;white-space:nowrap;padding-bottom:16px;margin-bottom:30px;max-width:100%}.page-side a{font-size:11px;margin:0;border:1px solid #dce3ed;flex-shrink:0;max-width:240px;white-space:normal}.page-side>span{margin:0;flex-shrink:0}.page-hero h1{letter-spacing:-1px}.page-conversation{padding:23px}.page-answer summary h2{font-size:18px}.page-related>h2{font-size:32px}}
