/* A single, semantic reading order across desktop, mobile and keyboard use. */
#experienceView .detail-layout{max-width:1480px;grid-template-columns:minmax(0,1fr) 260px;gap:28px}
#experienceView .detail-body{display:flex;flex-direction:column;gap:24px}
#experienceView .detail-body>*{min-width:0}
#experienceView .detail-hero{min-height:360px}
#experienceView .detail-hero-copy{padding:32px clamp(24px,4vw,64px)}
#experienceView .detail-hero .detail-kicker{margin-bottom:12px}
#experienceView .detail-hero .detail-intro{margin:16px 0;max-width:38em}
#experienceView .detail-hero .detail-back{margin-top:16px}
#experienceView .detail-visual{min-height:260px}
#experienceView .detail-image{width:68%;max-width:380px}
#experienceView .detail-stage-caption{padding:12px 20px}
#experienceView .detail-nav{gap:24px}
#experienceView .detail-nav a{min-height:48px}
#experienceView .detail-body>.profile-section,
#experienceView .detail-body>.journey-application{padding:28px;border:1px solid #d7e2ef;border-radius:16px;background:#fff;box-shadow:0 3px 14px #17385905}
#experienceView .detail-body>.detail-precheck{border-top:3px solid #355b85}
#experienceView .detail-body>.detail-highlights{border-top:3px solid #355b85}
#experienceView .detail-body>.journey-application{border-top:1px solid #d7e2ef}
#experienceView .detail-page [id^="profile-"]{scroll-margin-top:calc(var(--site-header-height,72px) + 84px)}
#experienceView .detail-section-title{align-items:center;gap:12px;margin-bottom:20px}
#experienceView .detail-page .detail-section-title h2{margin:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.4;font-weight:750;color:#153550;word-break:keep-all;overflow-wrap:anywhere}
#experienceView .detail-section-number{display:grid;place-items:center;flex:0 0 34px;min-height:34px;border-radius:9px;background:#eaf1f8;color:#355b85;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}
#experienceView .detail-page p,
#experienceView .detail-page li,
#experienceView .detail-page dd{overflow-wrap:anywhere}
#experienceView .detail-page .detail-caption,
#experienceView .detail-page .profile-section .detail-cost-note>.detail-caption{font-size:.875rem;line-height:1.7;color:#53677c;margin:12px 0}
#experienceView .detail-readable-list{padding-left:21px;margin:10px 0;max-width:72ch;color:#2b4158;font-size:1rem;line-height:1.8}
#experienceView .detail-readable-list li+li{margin-top:8px}
#experienceView .detail-readable-list li::marker{color:#4e7094}
#experienceView .journey-selected-plan{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;padding:12px 14px;margin:0 0 22px;border-radius:10px;background:#f0f5fa;color:#3b566e;font-size:.875rem;line-height:1.6}
#experienceView .journey-selected-plan strong{padding:4px 10px;border-radius:6px;background:#21486f;color:#fff;font-size:1rem}
#experienceView .detail-precheck-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
#experienceView .detail-precheck-grid label{display:block;margin:0 0 9px;color:#294762;font-size:.9375rem;font-weight:650}
#experienceView #profileResidence{width:100%;min-height:48px;border:1px solid #a9bdd3;border-radius:8px;background:#fff;color:#153550;padding:10px 12px;font:inherit}
#experienceView .detail-eligibility-result{padding:16px;border:1px solid #cbdceb;border-radius:10px;background:#f4f8fc;align-self:stretch}
#experienceView .detail-eligibility-result .status{font-size:.875rem;line-height:1.6;padding:5px 9px;white-space:normal}
#experienceView .detail-eligibility-result p{font-size:1rem;line-height:1.7;color:#294762;margin:10px 0 0}
#experienceView .detail-eligibility-result.is-unavailable{border-color:#e5c2ae;background:#fff5ee}
#experienceView .detail-eligibility-result.is-unavailable p{color:#7c3a21}
#experienceView .detail-warning{margin-top:20px;padding:16px 18px;border:1px solid #ead6b2;border-left:4px solid #b78438;border-radius:10px;background:#fffaf0}
#experienceView .detail-page .detail-warning h3{margin:0 0 8px;color:#785118;font-size:.9375rem;font-weight:750}
#experienceView .detail-warning .detail-readable-list{color:#624a2b;margin-bottom:0}
#experienceView .detail-page .detail-precheck>.text-button{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;font-weight:650;padding:8px 0}
#experienceView .detail-page .detail-highlights>.detail-lead{font-size:1.0625rem;font-weight:600;line-height:1.75;color:#294762;max-width:60ch;margin:0 0 20px}
#experienceView :is(.detail-feature-grid,.detail-fee-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
#experienceView :is(.detail-feature-grid,.detail-fee-grid)>div{padding:18px;border:1px solid #d7e2ef;border-radius:11px;background:#f8fafc;min-width:0}
#experienceView :is(.detail-feature-grid,.detail-fee-grid) dt{font-size:.875rem;line-height:1.6;color:#536b82;font-weight:600;margin:0 0 8px}
#experienceView :is(.detail-feature-grid,.detail-fee-grid) dd{margin:0;font-size:1.125rem;line-height:1.65;font-weight:700;color:#173c62}
#experienceView .detail-feature-grid .detail-reward{grid-column:1/-1;background:#edf5fd;border-color:#b8d0e8}
#experienceView .detail-feature-grid .detail-reward dd{font-size:clamp(1.25rem,2vw,1.625rem)}
#experienceView .detail-fee-grid>div:last-child{grid-column:1/-1}
#experienceView .detail-page .decision-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
#experienceView .detail-page .decision-choice-grid>div{padding:18px;border:1px solid #d5e4dc;border-radius:11px;background:#f5faf7;min-width:0}
#experienceView .detail-page .decision-choice-grid>div.detail-tradeoff{border-color:#e8d8bb;background:#fffaf1}
#experienceView .detail-page .decision-choice-grid h3{margin:0 0 10px;color:#345548;font-size:1rem;font-weight:700}
#experienceView .detail-page .decision-choice-grid .detail-tradeoff h3{color:#765324}
#experienceView .detail-page .decision-choice-grid .detail-readable-list{margin:0}
#experienceView .detail-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:20px 0}
#experienceView .detail-support-grid>div{padding:12px 0;border-bottom:1px solid #e0e8ef;min-width:0}
#experienceView .detail-support-grid dt{font-size:.875rem;color:#536b82;margin:0 0 6px}
#experienceView .detail-support-grid dd{font-size:.9375rem;color:#263f59;line-height:1.65;margin:0}
#experienceView .detail-cost-note{padding:18px 20px;margin-top:18px;border:1px solid #dce5ef;border-radius:11px;background:#f6f8fb}
#experienceView .detail-page .detail-cost-note>h3{margin:0 0 10px;font-size:1rem;color:#294762}
#experienceView .detail-documents{padding:18px 20px;border:1px solid #cbdceb;border-radius:11px;background:#f4f8fc;margin-bottom:24px}
#experienceView .detail-page .detail-documents h3{margin:0 0 10px;color:#294762}
#experienceView .detail-documents .detail-readable-list{margin-bottom:0}
#experienceView .journey-application .content-steps{display:grid;gap:10px;margin:16px 0 24px}
#experienceView .journey-application .content-steps li{min-height:60px;padding:16px 18px 16px 56px;border:1px solid #d7e3ef;border-radius:10px;background:#fff;color:#2b4158;font-size:1rem;line-height:1.75}
#experienceView .journey-application .content-steps li:before{top:18px;left:16px;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#eaf1f8;color:#315b85;font-weight:750}
#experienceView .journey-note{font-size:.875rem!important;line-height:1.7;color:#53677c!important;margin-top:14px!important}
#experienceView .journey-application .journey-actions{padding-top:4px}
#experienceView .journey-application .journey-actions a{min-height:48px}
#experienceView .detail-fold{margin:12px 0 0;border:1px solid #d9e3ed;border-radius:10px;background:#fff;padding:0}
#experienceView .detail-fold>summary{display:list-item;cursor:pointer;padding:16px 18px;min-height:48px;font-size:1rem;font-weight:650;line-height:1.6;color:#2d4d6e;overflow-wrap:anywhere}
#experienceView .detail-fold>summary::marker{color:#52759a}
#experienceView .detail-fold[open]>summary{border-bottom:1px solid #e0e8ef;background:#f6f9fc}
#experienceView .detail-fold-body{padding:18px}
#experienceView .detail-page .detail-fold-body p{font-size:1rem;line-height:1.8;color:#344d65}
#experienceView .detail-fold-body>.profile-section{padding:0;border:0}
#experienceView .detail-fold-body>.profile-section>h2{font-size:1.125rem;margin-bottom:14px}
#experienceView .detail-fold .decision-alternative{border:0;background:#fff;margin:0;padding:18px}
#experienceView .detail-page .card-plans{border:0;padding:0;margin-top:12px}
#experienceView .detail-page .card-plans>summary{min-height:44px;font-size:.9375rem;line-height:1.7}
#experienceView .detail-body>.detail-reference-section{border:1px solid #dce5ef;background:#f5f7fa;box-shadow:none}
#experienceView .detail-page .detail-reference-section>h2{font-size:1.25rem;margin:0 0 16px}
#experienceView .detail-reference-section .clarity-official-steps{margin:12px 0 0;border:1px solid #d9e3ed;padding:0}
#experienceView .detail-reference-section a{display:inline-block;padding:5px 0;font-size:.9375rem;line-height:1.7;overflow-wrap:anywhere;text-underline-offset:3px}
#experienceView .detail-body>.detail-calculator{margin:0;background:#fff}
#experienceView .detail-calculator>.cost-lab{border:0;border-radius:0;background:#fff;margin:0;padding:24px;box-shadow:none}
#experienceView .detail-sidebar{padding-top:0;width:100%}
#experienceView .detail-residence{padding:20px;box-shadow:none}
#experienceView .detail-residence .detail-kicker{color:#2d4d6e;font-size:1rem;letter-spacing:0;text-transform:none;margin-bottom:12px}
#experienceView .detail-residence .detail-sidebar-check{display:block;margin:8px 0 12px;min-height:44px;padding:10px 0}
#experienceView .detail-residence .detail-disclosure{font-size:.875rem;line-height:1.7;color:#53677c}
#experienceView .detail-page :is(a,button,select,summary):focus-visible{outline:3px solid #4574a6;outline-offset:4px}

/* Existing catalog controls: larger labels and dependable touch targets. */
#finder .finder-control-panel{border-color:#cbd9e9}
#finder .shop-controls :is(label,select,input,button){font-size:.9375rem}
#finder .shop-controls select{min-height:46px;color:#173a61;border-color:#bfcfe0}
#finder .category-button,#finder .filter-pill{min-height:44px;font-size:.9375rem;font-weight:650}
#finder .browse-context h3{font-size:1.5rem;color:#173a61}
#finder .browse-context p,.residence-summary{font-size:.9375rem;line-height:1.7;color:#506984}
.browse-card .card-description{font-size:.9375rem;line-height:1.75;color:#3d5875}
.browse-card .card-metrics dt{font-size:.8125rem;color:#607793}
.browse-card .card-metrics dd{font-size:1.0625rem;font-weight:700;color:#193f69}
.browse-card :is(.solid-link,.text-button,.compare-select-btn){min-height:44px}

@media(max-width:1100px){
 #experienceView .detail-layout{display:block;max-width:900px}
 #experienceView .detail-sidebar{position:static;margin-top:24px}
 #experienceView .detail-residence{display:block}
 #experienceView .detail-residence .official-actions{max-width:400px}
 #experienceView .detail-hero-copy{padding:28px}
}
@media(max-width:850px){
 #experienceView .detail-hero{min-height:0}
 #experienceView .detail-showcase{min-height:0}
 #experienceView .detail-visual{min-height:190px}
 #experienceView .detail-image{width:50%;max-width:250px}
 #experienceView .detail-stage-caption{padding:10px 20px}
 #experienceView .detail-stage-caption>span{font-size:.75rem}
 #experienceView .detail-body{gap:18px}
 #experienceView .detail-page .decision-choice-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 #experienceView .detail-layout{padding:18px 16px 0}
 #experienceView .detail-body>.profile-section,
 #experienceView .detail-body>.journey-application{padding:20px 18px;border-radius:12px}
 #experienceView .detail-precheck-grid,
 #experienceView .detail-feature-grid,
 #experienceView .detail-fee-grid{grid-template-columns:1fr;gap:12px}
 #experienceView .detail-hero-copy{padding:24px 20px}
 #experienceView .detail-page .detail-hero h1{font-size:2rem;line-height:1.2}
 #experienceView .detail-hero .detail-intro{font-size:1rem;line-height:1.7}
 #experienceView .detail-nav{padding-inline:18px;gap:20px}
 #experienceView .detail-nav a{font-size:.875rem}
 #experienceView .detail-section-title{gap:10px}
 #experienceView .detail-section-number{flex-basis:30px;min-height:30px}
 #experienceView .detail-warning,#experienceView .detail-documents{padding:15px}
 #experienceView .journey-selected-plan{align-items:flex-start}
 #experienceView .detail-page .decision-choice-grid>div{padding:16px}
 #experienceView .detail-fold>summary{padding:15px}
 #experienceView .detail-fold-body{padding:15px}
 #experienceView .detail-page .decision-operation>div{grid-template-columns:1fr;gap:8px}
 #experienceView .detail-calculator>.cost-lab{padding:18px 15px}
 #experienceView .journey-application .content-steps li{padding:15px 14px 15px 50px}
 #experienceView .journey-application .content-steps li:before{left:12px;top:17px}
}