/* Shared editorial surfaces, scale, and spacing across guides and tools. */
.content-embedded .site-header,.content-embedded .site-footer,.content-embedded .breadcrumbs { display:none; }
.content-embedded body { min-height:0; overflow:hidden; }
.content-embedded .hero { margin-top:0; }
.site-header.site-header--shared { position:static; display:flex; flex-direction:column; align-items:stretch; width:min(100% - 48px,1132px); margin:auto; padding:0; border:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.site-header--shared .shared-utility { display:flex; justify-content:flex-end; align-items:center; flex-wrap:nowrap; gap:16px; min-height:38px; padding:0; margin:0; border-bottom:1px solid #e7dce3; overflow-x:auto; }
.site-header--shared .shared-utility a { min-height:36px; padding:0; background:none; border-radius:0; font-size:13px; font-weight:400; }
.site-header--shared .shared-utility a::after { display:none; }
.site-header--shared .brand { padding:16px 0; }
.site-header--shared .brand__logo { width:200px; height:auto; }
.site-header.site-header--shared .brand .brand__logo { width:200px; height:auto; }
.shared-language { display:block; flex:none; }
.shared-language select { min-height:36px; width:126px; padding:4px 18px 4px 0; border:0; background:transparent; box-shadow:none; font:400 13px Outfit,sans-serif; color:#756c70; }
.content-embedded .site-header.site-header--shared { display:none; }
.has-content-panel > .mobile-step,.has-content-panel > .mobile-actions { display:none !important; }
.onboarding-step-1.has-content-panel { display:block; min-height:0; }
.has-content-panel .onboarding-chrome { margin-bottom:20px; }
.content-panel { margin:0; width:100%; }
.content-panel__toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0 18px; border-bottom:1px solid #e7dce3; }
.content-panel__toolbar button { min-height:44px; border:1px solid #e4ccd9; border-radius:12px; background:#f6e7ef; color:#870051; padding:8px 18px; font:600 15px/1.3 Outfit,sans-serif; cursor:pointer; }
.content-panel__title { color:#756c70; font:500 14px/1.4 Outfit,sans-serif; }
.content-panel__frame { display:block; width:100%; min-height:400px; border:0; background:#fdfbf7; }
.onboarding-utility a[aria-current="page"] { color:#a50064; text-decoration:underline; text-underline-offset:6px; }
body:has(.site-header) .hero { max-width:1120px; margin:28px auto 0; padding:48px 36px; border:1px solid #eddde5; border-radius:24px; background:linear-gradient(120deg,#f6e7ef,#fdfbf7); text-align:start; }
body:has(.site-header) .hero h1 { max-width:780px; margin:12px 0 18px; font-size:clamp(32px,4vw,52px); font-weight:600; letter-spacing:-.035em; line-height:1.14; }
body:has(.site-header) .hero p { margin:0 0 24px; max-width:700px; font-size:18px; }
body:has(.site-header) main { width:min(100% - 48px,1048px); padding-top:36px; }
body:has(.site-header) h2 { font-size:clamp(26px,3vw,36px); font-weight:600; letter-spacing:-.025em; }
body:has(.site-header) h3 { font-size:22px; font-weight:600; }
body:has(.site-header) :is(.card,.prose-box,.support-card,.guide-hub-card,.related-guides a,.calculator,.help-search) { border:1px solid #eadde3; border-radius:18px; background:#fffdfa; box-shadow:0 6px 22px #530b3506; }
body:has(.site-header) :is(.eyebrow,.support-kicker,.guide-hub-card > span) { color:#870051; }
body:has(.site-header) .cta { background:#f6e7ef; border:1px solid #ead3df; border-radius:20px; }
body:has(.site-header) .help-hero__inner { max-width:none; padding:0; }
body:has(.site-header) .help-quick-routes { margin:20px auto 0; background:transparent; box-shadow:none; backdrop-filter:none; padding:0; border:0; }
body:has(.site-header) .help-quick-routes a { background:#fffdfa; border:1px solid #eadde3; }
.planning-info .home-kicker { color:#870051; }
.planning-info .home-notebook { background:#f6e7ef; border-color:#ead3df; border-radius:20px; }
.planning-info .home-notes li { border-color:#ead3df; }
.planning-info .home-notes li::before { color:#870051; }
.planning-info .home-articles article { border:1px solid #eadde3; border-radius:18px; padding:24px; background:#fffdfa; }
.planning-info .home-reading .home-articles { gap:16px; }
.planning-info .home-glass { background:linear-gradient(135deg,#530b35d9,#30202aaa); border-color:#f0cddd80; }
.planning-info .home-glass .home-kicker { color:#f4dce7; }
.onboarding-step-3 .mobile-actions { margin-top:10px; }
.onboarding-step-3 .mobile-step { margin-bottom:0; }
.onboarding-step-3 .mobile-capacity { margin-bottom:0; }
@media(max-width:760px) {
 .site-header.site-header--shared { width:calc(100% - 32px); }
 .site-header--shared .shared-utility { justify-content:flex-start; }
 .site-header--shared .shared-utility a { flex:none; min-height:44px; font-size:12px; }
 .site-header--shared .brand__logo { width:126px; }
 body:has(.site-header) .hero { margin:16px 12px 0; padding:28px 20px; border-radius:18px; }
 body:has(.site-header) main { width:calc(100% - 32px); padding-top:24px; }
 .content-panel__title { max-width:50%; text-align:end; }
}
@media(prefers-reduced-transparency:reduce) { .planning-info .home-glass { background:#530b35; } }
