/* Approved account composition, scoped to the native account root. */

.account-native .account-page{background:#f5f6f3;min-width:320px}
.account-native .account-boundary{background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:20px;padding:10px 42px;font-size:12px;letter-spacing:.035em}
.account-native .account-header{display:flex;align-items:center;gap:38px;min-height:106px;padding:22px 42px;background:#fff;border-bottom:1px solid var(--line)}
.account-native .account-header>.brand{margin-right:auto}
.account-native .account-header>nav{display:flex;gap:28px;font-size:14px}
.account-native .account-header>nav a{min-height:44px;display:flex;align-items:center;gap:10px}
.account-native .account-menu{position:relative;z-index:30}
.account-native .account-menu>summary{display:flex;gap:12px;align-items:center;list-style:none;cursor:pointer;min-height:44px;font-size:14px}
.account-native .account-menu summary::-webkit-details-marker{display:none}
.account-native .account-avatar{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--glacier);border:1px solid var(--line);font-size:12px;letter-spacing:.05em}
.account-native .account-menu>nav{position:absolute;right:0;top:calc(100% + 12px);width:260px;max-height:calc(100dvh - 180px);overflow:auto;background:#fff;border:1px solid var(--ink);box-shadow:0 14px 35px #21222213;padding:10px;display:flex;flex-direction:column}
.account-native .account-menu>nav a,.account-native .account-menu>nav button{display:block;min-height:44px;padding:12px;text-align:left;font-size:14px;background:#fff;border:0;color:var(--ink)}
.account-native .account-menu>nav a:hover{background:var(--wash)}
.account-native .account-menu>nav a:last-child{border-top:1px solid var(--line);margin-top:8px;color:var(--brick)}
.account-native .account-header .brand strong{font-size:34px}
.account-native .account-header .brand small{font-size:12px}
.account-native .account-layout{max-width:1392px;margin:auto;display:grid;grid-template-columns:234px minmax(0,1fr);gap:44px;padding:40px 42px 64px}
.account-native .account-rail{padding-top:3px}
.account-native .rail-section{margin-bottom:28px}
.account-native .rail-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;padding:0 12px;font-weight:600}
.account-native .account-rail a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;line-height:1.5;padding:11px 12px;min-height:44px;border-left:2px solid transparent}
.account-native .account-rail a[aria-current=page]{border-left-color:var(--brick);color:var(--brick);background:#fff}
.account-native .account-rail a:hover{background:#fff}
.account-native .account-content{min-width:0}
.account-native .account-breadcrumb{display:flex;gap:8px;font-size:12px;color:var(--muted);margin:2px 0 28px;flex-wrap:wrap}
.account-native .account-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.account-native .account-content h1{font-size:clamp(2.2rem,3.5vw,3.4rem);max-width:840px;line-height:1.05;margin:0 0 18px;letter-spacing:-.055em}
.account-native .account-content .eyebrow{font-size:11px;margin:0 0 19px;letter-spacing:.13em}
.account-native .account-description{max-width:770px;font-size:17px;color:var(--muted);line-height:1.6;margin-bottom:30px}
.account-native .account-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.85fr);gap:24px;align-items:start}
.account-native .account-panel{background:#fff;border:1px solid var(--line);padding:29px}
.account-native .account-panel h2,.account-native .account-notes h2{font-size:20px;letter-spacing:-.035em;line-height:1.25;margin:0 0 20px}
.account-native .account-panel .panel-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.065em;padding-bottom:18px;margin-bottom:23px;border-bottom:1px solid var(--line);color:var(--muted)}
.account-native .account-sample-tag{background:var(--glacier);color:#315368;padding:5px 8px;font-size:10px;white-space:nowrap}
.account-native .account-fields{margin:0}
.account-native .account-field{margin-bottom:22px}
.account-native .account-field dt{font-size:13px;font-weight:600;margin-bottom:8px}
.account-native .account-field dd{border:1px solid var(--line);margin:0;min-height:48px;padding:13px 14px;font-size:14px;line-height:1.5;background:#fbfbfa;color:var(--muted);overflow-wrap:anywhere}
.account-native .account-inert-actions{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.account-native .account-inert-actions button{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);padding:14px 16px;min-height:48px;background:#f0f1ee;color:#727771;font-size:14px;text-align:left;font-weight:600}
.account-native .account-inert-actions button:first-child{background:#eee5e0;border-color:#cfb7ab;color:#806d65}
.account-native .account-inert-actions small{font-size:10px;letter-spacing:.07em;font-weight:400}
.account-native .account-disabled-note{font-size:12px;line-height:1.6;color:var(--muted);margin:13px 0 0}
.account-native .account-notes{display:flex;flex-direction:column;gap:20px}
.account-native .account-note{padding:25px;background:var(--glacier);border-top:1px solid var(--ink)}
.account-native .account-note:nth-child(even){background:#fff}
.account-native .account-note p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.account-native .account-note h2{font-size:18px;margin-bottom:12px}
.account-native .account-next{margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}
.account-native .account-next>a{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:48px;color:var(--brick);font-size:14px;font-weight:600}
.account-native .account-next span:last-child{border:1px solid var(--brick);width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.account-native .account-next p{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 0 0}
.account-native .account-related{margin-top:26px;display:flex;flex-direction:column;gap:0}
.account-native .account-related a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;min-height:44px;font-size:14px;border-bottom:1px solid var(--line);line-height:1.5}
.account-native .account-related a span{color:var(--brick)}
.account-native .account-footer{padding:22px 42px;border-top:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;gap:22px;font-size:11px;line-height:1.6;color:var(--muted)}
.account-native .account-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.account-native .account-walkthrough-callout{font-size:12px;color:var(--muted);padding:15px 18px;background:#fff;border-left:3px solid var(--brick);margin-bottom:26px;line-height:1.65}
.account-native .account-path{display:flex;gap:0;margin-bottom:28px}
.account-native .account-path span{border-top:1px solid var(--line);flex:1;padding:12px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}
.account-native .account-path .current{border-top:3px solid var(--brick);padding-top:10px;color:var(--brick)}
.account-native .account-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.account-native .account-guide-group{border-top:1px solid var(--ink);background:#fff;padding:25px}
.account-native .account-guide-group h2{font-size:24px;line-height:1.2;margin:0 0 17px}
.account-native .account-guide-group a{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;min-height:44px;line-height:1.45}
.account-native .account-guide-group small{color:var(--muted);font-size:11px}
.account-native .account-mobile-nav{display:none}
.account-native.account-entry .account-note:first-child{background:var(--ink);color:#fff;padding-top:30px}
.account-native.account-entry .account-note:first-child p{color:#d9ded9}
.account-native.account-entry .account-note:first-child h2{font-size:24px;line-height:1.2}
.account-native .account-mark{height:130px;position:relative;margin:5px 0 30px;overflow:hidden}
.account-native .account-mark svg{height:100%;width:100%}
.account-native.account-entry .account-panel{border-top:3px solid var(--brick)}
.account-native.account-entry .account-content h1{font-size:clamp(2.4rem,4vw,4.3rem)}
.account-native.account-entry .account-description{max-width:680px}
.account-native.account-entry .account-columns{grid-template-columns:minmax(0,1.15fr) minmax(260px,.8fr)}
@media(max-width:1200px){
.account-native .account-layout{gap:27px;grid-template-columns:205px minmax(0,1fr)}
.account-native .account-header{gap:25px}
.account-native .account-columns,.account-native.account-entry .account-columns{grid-template-columns:minmax(0,1fr) 260px}
.account-native .account-panel{padding:23px}
.account-native .account-header>nav{gap:18px}}
@media(max-width:980px){
.account-native .account-layout{grid-template-columns:180px minmax(0,1fr);padding:30px 24px 45px;gap:25px}
.account-native .account-columns,.account-native.account-entry .account-columns{grid-template-columns:1fr}
.account-native .account-notes{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.account-native .account-note{padding:22px}
.account-native .account-note:only-child{grid-column:1/-1}
.account-native .account-mark{height:100px}
.account-native .account-header{padding:18px 24px}
.account-native .account-boundary,.account-native .account-footer{padding-left:24px;padding-right:24px}
.account-native .account-header>nav a:first-child{display:none}
.account-native .account-guide-grid{grid-template-columns:1fr}}
@media(max-width:700px){
.account-native .account-boundary{display:block;padding:9px 18px;font-size:10px;line-height:1.6}
.account-native .account-boundary>span{display:block}
.account-native .account-boundary>span:last-child{font-size:11px;color:#d9ded9;letter-spacing:0}
.account-native .account-header{padding:18px;min-height:88px;gap:14px;flex-wrap:wrap}
.account-native .account-header .brand strong{font-size:30px}
.account-native .account-header .brand small{font-size:10px}
.account-native .account-header>nav{order:3;width:100%;border-top:1px solid var(--line);padding-top:10px;justify-content:space-between;gap:15px}
.account-native .account-header>nav a{font-size:12px;min-height:34px}
.account-native .account-header>nav a:first-child{display:flex}
.account-native .account-menu>summary>span:nth-child(2){display:none}
.account-native .account-menu>nav{right:0;max-width:calc(100vw - 36px)}
.account-native .account-layout{display:block;padding:22px 18px 40px}
.account-native .account-rail{display:none}
.account-native .account-mobile-nav{display:block;margin-bottom:24px;border-bottom:1px solid var(--line);background:#fff}
.account-native .account-mobile-nav summary{padding:15px;cursor:pointer;font-size:14px;min-height:44px}
.account-native .account-mobile-nav nav{display:grid;grid-template-columns:1fr 1fr;padding:0 15px 15px;gap:0 15px}
.account-native .account-mobile-nav a{min-height:44px;display:flex;align-items:center;font-size:12px;border-bottom:1px solid var(--line)}
.account-native .account-breadcrumb{margin:0 0 24px;font-size:11px}
.account-native .account-content h1,.account-native.account-entry .account-content h1{font-size:36px}
.account-native .account-content .eyebrow{font-size:10px;margin-bottom:15px}
.account-native .account-description{font-size:16px;margin-bottom:24px}
.account-native .account-notes{display:flex}
.account-native .account-panel{padding:22px}
.account-native .account-note{padding:22px}
.account-native .account-next>a{font-size:14px}
.account-native .account-related a{font-size:14px}
.account-native .account-footer{display:block;padding:19px 18px}
.account-native .account-footer>span,.account-native .account-footer>a{display:block;margin-bottom:8px}
.account-native .account-path span{font-size:10px}
.account-native .account-guide-group{padding:22px}
.account-native .account-guide-group h2{font-size:23px}
.account-native .account-walkthrough-callout{padding:12px 15px;font-size:11px}
.account-native .account-mark{height:100px}
.account-native .account-guide-grid{gap:20px}}

.account-native{min-width:0}.account-native .account-columns{min-width:0}.account-native .account-walkthrough-callout{margin-top:18px}.account-native :focus-visible{outline:3px solid #b5311e;outline-offset:4px}.account-native .account-fields dd{overflow-wrap:anywhere}@media(max-width:700px){.account-native .account-columns{grid-template-columns:1fr}.account-native h1{font-size:2.3rem;overflow-wrap:anywhere}}

.account-native{--ink:#212222;--brick:#b5311e;--glacier:#e8f1f8;--line:#d5d9d3;--muted:#626760;--wash:#f5f6f3;background:var(--wash);color:var(--ink);font-family:Instrument,Arial,sans-serif;min-width:0;text-align:left}
.account-native *{box-sizing:border-box}
.account-native a{color:inherit;text-decoration:none}
.account-native p{line-height:1.65}
.account-native .account-body{min-width:0;display:grid;gap:20px}
.account-native .account-panel{min-width:0}
.account-native .account-fields{display:grid;gap:16px}
.account-native .account-field{margin:0}
.account-native .account-records{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.account-native .account-records>li{padding-bottom:22px;border-bottom:1px solid var(--line)}
.account-native .account-records>li:last-child{border:0;padding-bottom:0}
.account-native .account-input{display:grid;gap:8px;font-size:14px;font-weight:600;margin-bottom:20px}
.account-native .account-input input,.account-native input:not([type=checkbox]):not([type=radio]),.account-native select,.account-native textarea{width:100%;min-width:0;max-width:100%;border:1px solid var(--line);background:#fff;padding:12px;font:inherit;color:var(--ink);border-radius:0;min-height:46px}
.account-native input[type=file]{font-size:12px;overflow:hidden}
.account-native .account-form{display:grid;gap:8px}
.account-native .account-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}
.account-native .account-actions a{color:var(--brick);text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.account-native button,.account-native .btn{font:inherit;cursor:pointer;border:1px solid var(--ink);background:white;color:var(--ink);min-height:44px;padding:11px 15px;max-width:100%;white-space:normal;border-radius:0;line-height:1.4}
.account-native button.primary{background:var(--brick);border-color:var(--brick);color:#fff}
.account-native button:disabled{cursor:not-allowed;opacity:.55}
.account-native .account-errors{border-left:3px solid var(--brick);padding:14px;background:#fff0eb;color:#7b2416}
.account-native .account-message,.account-native .account-unavailable{font-size:14px;padding:12px 0;overflow-wrap:anywhere}
.account-native .account-provider{background:var(--ink);color:white}
.account-native .account-provider p{color:#e0e4df;margin:14px 0}
.account-native .account-provider .account-input{margin-top:22px}
.account-native .account-provider input{color:var(--ink)}
.account-native .account-provider button{margin:8px 0}
.account-native .account-provider a{color:white}
.account-native .account-panel .record-facts{margin:12px 0;overflow-wrap:anywhere}
.account-native .account-panel .panel{box-shadow:none;margin:10px 0;padding:12px;border:1px solid var(--line)}
.account-native .account-panel .field-grid,.account-native .account-panel .form-grid{display:grid;gap:14px}
.account-native .account-panel label{display:block;font-size:14px}
.account-native .account-panel .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.account-native .account-panel .notice{display:block;border-left:3px solid var(--brick);padding:12px;overflow-wrap:anywhere}
.account-native .account-panel .notice strong{display:block}
.account-native .account-panel table{max-width:100%;font-size:13px}
.account-native .account-guide-grid a{min-height:44px;padding:12px;border-bottom:1px solid var(--line)}
.account-native code{overflow-wrap:anywhere}
.account-native [aria-busy=true]{opacity:1}
@media(max-width:700px){.account-native .account-columns{grid-template-columns:minmax(0,1fr)}.account-native .account-layout{padding:22px 16px}.account-native .account-panel{padding:20px}.account-native .account-actions{align-items:stretch}.account-native .account-actions button{width:100%}.account-native .account-path span{padding-right:8px}.account-native .account-guide-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.account-native *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.account-native .account-guide-group ul,.account-native .account-help-links{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.account-native .account-guide-group li,.account-native .account-help-links li{min-width:0}
.account-native .account-guide-group li p,.account-native .account-help-links li p{font-size:13px;color:var(--muted);padding:8px 0 0}
.account-native .account-guide-group li h3{font-size:15px;line-height:1.5;padding-top:12px}
.account-native .account-help-groups{display:grid;gap:20px}
.account-native .account-help-links a{display:flex;justify-content:space-between;align-items:center;min-height:44px;gap:12px;color:var(--brick);font-weight:600}
