/* Single owner of account/support web headers. Values match landing section 2.
   Native app headers and the Hostinger landing export are not selected here. */
.mf-web-header {
 --web-frame:1280px;--web-edge:clamp(24px,6vw,76px);--web-nav-gap:clamp(18px,2.5vw,36px);
 box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
 width:100%;max-width:var(--web-frame);height:104px;min-height:104px;
 margin:0 auto;padding:32px var(--web-edge) 0;flex-shrink:0;
}
.mf-web-header--absolute {position:absolute;top:0;left:50%;right:auto;transform:translateX(-50%)}
.mf-web-header :is(.brand,.product-brand,.portal-plans-brand){display:flex;align-items:center;gap:6px!important;margin:0}
.mf-web-header :is(.brand,.product-brand,.portal-plans-brand) img{width:clamp(108px,9vw,120px)!important;height:auto;display:block}
.mf-web-header :is(.brand i,.product-brand__dot,.portal-plans-brand>div){width:6px!important;height:6px!important;border-radius:50%;background:#2f8f52;margin:12px 0 0 1px!important}
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav){display:flex;align-items:center;gap:var(--web-nav-gap)!important;font-size:12px;font-weight:400;line-height:normal;white-space:nowrap}
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav)>a{display:flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;padding:0 0 4px;border-bottom:2px solid transparent}
.mf-web-header :is(.subscription-recovery-nav a:last-child,.web-navigation a:has(.subscription-nav-active),.portal-plans-nav a:has(.subscription-nav-active)){color:#142238;border-bottom-color:#142238}
.mf-web-header :is(.text-link,[data-subscription-action="signOut"]){display:inline-flex;align-items:center;align-self:auto;margin:0;min-height:20px;height:20px;padding:0 0 4px!important;font-size:12px!important;font-weight:400!important;line-height:normal!important;border:0;background:none;color:#6b7280}
.mf-web-header a:hover,.mf-web-header button:hover{color:#2f8f52}
.mf-web-header .web-nav-divider{display:block;width:1px;height:18px;margin-bottom:4px;flex-shrink:0;background:rgba(20,34,56,.18)}
.portal-plans .mf-web-header{height:104px;min-height:104px;padding:32px var(--web-edge) 0!important}
@media(min-width:768px) and (max-width:1023px){.mf-web-header{--web-edge:24px}}
@media(max-width:767px){
 .mf-web-header{position:relative;max-width:none;height:calc(env(safe-area-inset-top,0px) + 80px);min-height:0;padding:calc(env(safe-area-inset-top,0px) + 28px) 0 0;justify-content:center}
 .mf-web-header--absolute{position:absolute;top:0;left:24px;right:24px;width:auto;transform:none}
 .mf-web-header :is(.brand,.product-brand,.portal-plans-brand){gap:5px!important}
 .mf-web-header :is(.brand,.product-brand) img{width:52px!important}
 .mf-web-header :is(.brand i,.product-brand__dot){width:5px!important;height:5px!important;margin:5px 0 0!important}
 .mf-web-header :is(.web-navigation,.subscription-recovery-nav){display:none}
 .portal-plans .mf-web-header{position:sticky!important;top:0;height:80px;min-height:80px;padding:28px 0 0!important;justify-content:space-between}
 .mf-web-header .portal-plans-brand img{width:46px!important}
 .mf-web-header .portal-plans-brand>div{width:4px!important;height:4px!important;margin:4px 0 0!important}
}

/* The active underline belongs to the link, never its nested label. */
.mf-web-header .subscription-nav-active{display:flex;align-items:center;gap:6px;padding-bottom:0;border-bottom:0}

/* Match the landing icon and font in the isolated recovery renderer too. */
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav){font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}
.mf-web-header .subscription-nav-active svg{width:12px;height:12px;flex-shrink:0}

/* Legal pages reuse the landing desktop link rhythm. */
@media(min-width:768px){.legal-header .navigation [data-style="s52"]{gap:clamp(18px,2.5vw,36px)}}

/* Mobile subscription journey: one header geometry for wall and explanation. */
@media(max-width:767px){
 .portal-plans .portal-plans-header,.sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .mf-web-header{display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px;column-gap:12px;align-items:center}
 .portal-plans .portal-plans-brand,.sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .brand{grid-column:2;justify-self:center;margin:0!important;gap:5px!important}
 .sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .brand img{width:46px!important}
 .sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .brand i{width:4px!important;height:4px!important;margin:4px 0 0!important}
 .sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .back{position:static;transform:none;width:28px;height:28px;border-radius:50%;background:#fff;grid-column:1;grid-row:1;color:#6b7280}
 .sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .back svg{width:11px;height:11px}
}

/* Keep approved CSS typography: prevent mobile text inflation, preserve user zoom. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Approved page geometry: M/D tokens and S1 card, without review-device chrome. */
*{box-sizing:border-box}body{margin:0;color:#142238;background:white;font-family:-apple-system,'SF Pro Text',system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{color:#3d6ea8}button,input,select,textarea{font-family:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #3d6ea8;outline-offset:4px}[hidden]{display:none!important}.sheet{min-height:100vh;min-height:100dvh;padding:44px 40px 30px;display:flex;flex-direction:column;align-items:center}.column{width:100%;max-width:400px;flex:1;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:6px}.brand img{width:72px;display:block}.brand i{width:6px;height:6px;background:#2f8f52;border-radius:50%;margin-top:6px}.back{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:#142238}.spacer-a{flex:1;min-height:20px}.spacer-b{flex:0}.spacer-c{flex:1}.content{flex-shrink:0}.heading{text-align:center}.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.09em;line-height:14px;color:#6b7280;margin-bottom:6px}.circle+.eyebrow{margin-top:18px}.heading h1{font-size:28px;line-height:34px;font-weight:700;margin:0;text-wrap:balance}.heading p{margin:10px 0 0;font-size:16px;line-height:24px;color:#6b7280;text-wrap:pretty}.circle{width:64px;height:64px;border-radius:50%;background:#eef2f8;color:#3d6ea8;display:grid;place-items:center;margin:0 auto 20px}.circle svg{width:28px;height:28px}.circle.ok{background:#e3f4e9;color:#2f8f52}.circle.warn{background:#fef8ec;color:#b37b26}.circle.neu{background:#f1f3f6;color:#142238}.fields{margin-top:22px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field label,.code-label{font-size:11px;font-weight:600;line-height:14px;color:#6b7280}.field input,.field select,.field textarea{width:100%;min-width:0;padding:11px 2px 11px 6px;background:transparent;border:0;border-radius:0;border-bottom:1.4px solid #d4d9df;box-shadow:none;color:#1f2b3d;font-size:13px;font-weight:400;line-height:18px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-bottom:1.5px solid #142238}.field input::placeholder,.field textarea::placeholder{color:#9aa0a8;opacity:1}.field select:invalid{color:#9aa0a8}.field textarea{min-height:92px;resize:vertical}.note{margin:12px 0 0;font-size:12px;line-height:17px;color:#6b7280;text-wrap:pretty}.actions{margin-top:28px;display:flex;flex-direction:column;flex-shrink:0}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;background:#142238;border:1.4px solid #142238;border-radius:12px;padding:14px 6px;font-size:15px;font-weight:600;color:#fff;white-space:nowrap;width:100%;line-height:20px}.primary:hover{background:#24324a;color:#fff}.primary:disabled{background:#e7eaef;border-color:#e7eaef;color:#a6adb8}.secondary{background:#f1f3f6;border-color:#f1f3f6;color:#1f2b3d}.text-link{align-self:center;margin-top:4px;padding:12px 8px;display:block;border:0;background:none;font-size:13px;font-weight:600;color:#142238;text-align:center;white-space:nowrap}.text-link span{border-bottom:1px dashed #9aa0a8;padding-bottom:1px}.text-link:disabled{color:#9aa0a8}.cta-note{text-align:center;margin-top:10px;font-size:12px;line-height:17px;color:#6b7280}.others,.help{margin-top:18px;padding-top:12px;border-top:1px solid #eef0f2;text-align:center;flex-shrink:0}.others p{font-size:12px;line-height:17px;color:#6b7280;margin:0}.others nav{display:flex;flex-wrap:wrap;justify-content:center;column-gap:18px}.others a{display:flex;align-items:center;min-height:36px;font-size:11px;color:#6b7280;white-space:nowrap}.others a span{border-bottom:1px dotted #9ca3af}.help{margin-top:16px;padding-top:4px}.help a{font-size:12.5px;font-weight:600;min-height:40px;display:inline-flex;align-items:center}.help span{border-bottom:1px dashed #9aa0a8}.rows{margin:20px 0 0;background:#f7f8fa;border-radius:14px 3px 28px 3px;padding:2px 13px}.row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #eef0f2}.row:first-child{border-top:0}.row dt{flex:1;min-width:0;font-size:12px;color:#6b7280}.row dd{margin:0;font-size:13px;font-weight:600;white-space:nowrap}.green{color:#2f8f52}.amber{color:#b37b26}.receipt{margin-top:12px;display:flex;gap:10px;align-items:center;background:#f7f8fa;border-radius:12px;padding:10px 13px;font-size:12.5px}.receipt strong{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.steps{margin-top:20px;background:#f7f8fa;border-radius:14px 3px 28px 3px;padding:12px 14px 6px}.steps-code{font-size:12.5px;line-height:20px;color:#6b7280;border-bottom:1px solid #eef0f2;padding-bottom:10px}.steps-code b{font-size:15px;color:#142238}.step{display:flex;align-items:flex-start;gap:10px;padding:7px 0}.dot{margin-top:1px;flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.6px solid #d3d8de}.dot.done{background:#2f8f52;border-color:#2f8f52;color:white;text-align:center;font-size:12px}.dot.pending{border-color:#b37b26;position:relative}.dot.pending:after{content:'';position:absolute;width:6px;height:6px;background:#b37b26;border-radius:50%;top:4.4px;left:4.4px}.step strong{display:block;font-size:13px;line-height:19px;font-weight:600}.step small{display:block;font-size:11.5px;line-height:15px;color:#6b7280}.step.next{color:#6b7280}.code-group{margin-top:24px}.code-cells{display:flex;justify-content:space-between;margin-top:6px}.code-cells input{width:54px;height:60px;border:1px solid #d8dde4;border-radius:10px;text-align:center;font-size:22px;font-weight:600;color:#142238;outline:none;background:white}.code-cells input:focus{border:1.5px solid #142238;background:#eef1f6}.code-cells.error input{border-color:#bf3542}.code-help{font-size:11px;line-height:15px;font-style:italic;color:#bf3542;text-align:right;margin-top:6px}.status{font-size:12px;color:#6b7280;line-height:18px;margin:10px 0 0}.status:empty{display:none}.secondary-block{margin-top:22px;padding-top:18px;border-top:1px solid #eef0f2;text-align:center}.secondary-block p{font-size:13px;font-weight:600;margin:0 0 10px}.subscription-page{background:#f3f6fa;min-height:100vh;padding:0 6% 40px}


.subscription-card{max-width:660px;margin:22px auto 0;background:#fff;border-radius:14px 3px 28px 3px;padding:32px 36px 22px;box-shadow:0 18px 34px -14px rgba(12,21,36,.26),0 4px 12px rgba(12,21,36,.08),0 1px 2px rgba(12,21,36,.05)}.subscription-card h1{font-size:26px;line-height:32px;margin:0}.subscription-grid{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px}.section-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;color:#6b7280;margin:18px 0 8px}.section-label:first-child{margin-top:0}.subscription-card .rows{margin:0}.subscription-aside{padding-top:24px}.subscription-aside .primary{font-size:14px;padding:13px 6px}.subscription-footer{margin-top:24px;padding-top:4px;border-top:1px solid #eef0f2;display:flex;justify-content:center;gap:22px}.subscription-footer a,.subscription-footer button{font-size:12.5px}.warning{background:#fef8ec;border-radius:12px;padding:12px 13px;color:#7a5312;font-size:13px;line-height:17px}.warning p{font-size:12.5px;color:#8a6b34;margin:2px 0 0}.mobile-logout{display:none}.trap{position:absolute;left:-10000px}
@media(max-width:600px){.sheet{padding:14px 24px 22px}.column{max-width:342px}.brand{gap:5px}.brand img{width:52px}.brand i{width:5px;height:5px;margin-top:5px}.heading h1{font-size:22px;line-height:28px}.heading p{font-size:13.5px;line-height:20px}.circle{width:56px;height:56px}.circle svg{width:24px;height:24px}.spacer-b{flex:1.25;min-height:20px}.actions{margin-top:0;padding-top:0}.spacer-c{flex:0}.primary,.secondary{font-size:14px;padding:13px 6px}.code-cells input{width:46px;height:54px}.subscription-page{background:white;padding:0 24px 22px}


.subscription-card{margin:8px auto 0;max-width:342px;padding:0;box-shadow:none;border-radius:0}.subscription-card h1{font-size:22px;line-height:28px}.subscription-grid{display:flex;flex-direction:column;gap:0;margin-top:18px}.subscription-aside{padding-top:20px}.subscription-footer{gap:14px}.mobile-logout{display:block;margin:10px auto 0}}

.braid-scene{position:fixed;inset:0;overflow:clip;pointer-events:none;z-index:0}.braid-transform{position:absolute;inset:0 -10%;transform:rotate(12deg);transform-origin:center}

.subscription-card{position:relative;z-index:1}@media(max-width:600px){.braid-scene{display:none}}
.subscription-nav-active{display:flex;align-items:center;gap:7px;padding-bottom:4px;border-bottom:2px solid #142238}



/* Approved exception: only account email values may wrap when they do not fit.
   Keep the complete address visible; never clamp or shrink its typography. */
.subscription-card .row-email dt{flex:0 0 auto}
.subscription-card .row-email dd{flex:0 1 auto;min-width:0;margin-left:auto;white-space:normal;overflow-wrap:anywhere;text-align:right}

/* S0 correction requested during Phase B: compact existing mobile type tokens only for login. */
.sheet[data-screen="S0"] .heading h1{font-size:22px;line-height:28px}
.sheet[data-screen="S0"] .heading p{font-size:13.5px;line-height:20px}
.sheet[data-screen="S0"] .primary{font-size:14px;padding:13px 6px}
.sheet[data-screen="S0"] .status{color:#bf3542}
.password-field{position:relative}
.password-field input{padding-right:42px}
.password-field button{position:absolute;right:0;top:0;width:40px;height:40px;display:grid;place-items:center;background:none;border:0;color:#142238}

.sheet[data-screen="S0"] .field input[aria-invalid="true"]{border-bottom-color:#bf3542}

.subscription-grid.no-actions{grid-template-columns:minmax(0,1fr)}
.subscription-grid.no-actions .subscription-aside{display:none}
/* Reuse the published landing navbar typography for the account navigation. */
.subscription-nav-active{gap:6px}
.subscription-nav-active svg{width:12px;height:12px}


/* Match the published landing section 2 header: centered frame, edges and top rhythm. */
.subscription-page{--subscription-frame-max:1280px;--subscription-edge:clamp(24px,6vw,76px);padding:0 24px 40px}





.subscription-card{margin-top:64px}
.braid-transform{inset:0;transform:none}
.subscription-download{margin-top:20px}
@media(min-width:768px){.subscription-page{padding-inline:0}}
@media(max-width:767px){
 .subscription-page{padding:0 6% 22px}


 .subscription-card{margin-top:32px}
}
/* The narrow layout keeps the approved mobile account navigation and readable card. */
@media(max-width:600px){
.subscription-card{max-width:400px}.subscription-download{margin-top:20px}}

/* M7 human review: proportionate journeys, preserving the approved page layout. */
.sheet .heading h1{font-size:22px;line-height:28px}
.sheet .heading p{font-size:13.5px;line-height:20px}
.sheet .fields{margin-top:28px;gap:18px}
.sheet .heading+.field{margin-top:28px}
.sheet .primary,.sheet .secondary{font-size:14px;padding:12px 10px}
.sheet .field textarea{border:1px solid #d4d9df;border-radius:8px;padding:12px;min-height:92px}
.sheet .field textarea:focus{border-color:#142238}
.subscription-card h1{font-size:22px;line-height:28px}
.subscription-card .rows{padding:6px 20px}
.subscription-card .row{gap:16px;padding-block:12px}
.subscription-card .row dt{line-height:18px}
.subscription-card .row dd{line-height:19px;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:right}
.subscription-card .section-label{margin-top:24px;margin-bottom:10px}
.subscription-card .section-label:first-child{margin-top:0}
.subscription-card .warning{padding:15px 20px;line-height:19px}
.subscription-card .warning p{margin-top:6px;line-height:19px}
.store-badge{display:inline-flex;align-items:center;gap:9px;border-radius:8px;background:#142238;color:#fff;padding:8px 13px;min-height:44px}
.store-badge .circle{width:22px;height:25px;background:none;color:inherit;margin:0;border-radius:0}
.store-badge .circle svg{width:22px;height:25px}
.store-badge small{display:block;font-size:9px;line-height:12px;font-weight:400}
.store-badge strong{display:block;font-size:16px;line-height:20px;font-weight:600}
.store-badge[aria-disabled="true"]{background:#eef0f3;color:#6b7280}
.store-badge:not([aria-disabled]):hover{background:#24324a;color:white}
@media(max-width:600px){.subscription-card .rows{padding-inline:18px}.subscription-card .warning{padding-inline:18px}}

/* Clear separation requested between introductory copy and the first label. */
.sheet[data-screen="A2"] .fields,.sheet[data-screen="B1"] .fields,.sheet[data-screen="R1"] .fields{margin-top:96px}

/* M7: owner-reviewed web hierarchy. Header/title spacing is never consumed by flex. */
.sheet{padding-top:max(44px,env(safe-area-inset-top,0px))}

.sheet .spacer-a{min-height:56px}
.sheet[data-screen="S0"] .spacer-a{flex:0}
.sheet .heading p,.sheet[data-screen="S0"] .heading p{font-size:13px;line-height:18px}
.sheet .field label,.sheet .code-label{font-size:14px;line-height:18px}
.sheet .field input,.sheet .field select,.sheet .field textarea{font-size:14px;line-height:18px}


.sheet[data-screen="S0"] .field input{background:transparent}
.sheet[data-screen="S0"] .field input:-webkit-autofill,
.sheet[data-screen="S0"] .field input:-webkit-autofill:hover,
.sheet[data-screen="S0"] .field input:-webkit-autofill:focus{
 -webkit-box-shadow:inset 0 -1.4px 0 #d4d9df,inset 0 0 0 1000px #fff;
 -webkit-text-fill-color:#1f2b3d;caret-color:#1f2b3d;
}
.subscription-download{text-align:center}
@media(max-width:600px){
 .sheet{padding-top:max(28px,env(safe-area-inset-top,0px))}
 .sheet .heading p,.sheet[data-screen="S0"] .heading p{font-size:13.5px;line-height:20px}
 .sheet .field label,.sheet .code-label{font-size:11px;line-height:14px}
 .sheet .field input,.sheet .field select,.sheet .field textarea{font-size:13px;line-height:18px}
}
/* Design 16/10/2026 W1–W8. Web presentation only; no state or payment rules. */
.sheet{padding:168px 24px 24px;display:block;min-height:100dvh}
.sheet .column{max-width:400px;margin-inline:auto;display:block}



.sheet .back{display:none}





.sheet .spacer-a,.sheet .spacer-b,.sheet .spacer-c{display:none}
.sheet .heading h1{font-size:22px;line-height:28px;font-weight:700}
.sheet .heading p,.sheet[data-screen="S0"] .heading p{font-size:13.5px;line-height:20px}
.sheet .fields,.sheet[data-screen="A2"] .fields,.sheet[data-screen="B1"] .fields,.sheet[data-screen="R1"] .fields{margin-top:28px;gap:18px}
.sheet .field label,.sheet .code-label{font-size:11px;line-height:14px;font-weight:600}
.sheet .field input,.sheet .field select,.sheet .field textarea{font-size:13px;line-height:18px;font-weight:400}
.sheet .field textarea{border:1.4px solid #d4d9df;border-radius:10px;min-height:92px}
.sheet .field textarea:focus{border-color:#142238}
.sheet .actions{margin-top:24px;padding:0}
.sheet .primary,.sheet .secondary{font-size:14px;line-height:20px;font-weight:600;padding:12px 6px;white-space:normal;text-align:center}
.sheet .circle{width:56px;height:56px;margin-bottom:16px}
.sheet .others,.sheet .help{margin-top:24px}
.sheet .note{font-size:12px;line-height:17px}
.sheet .status:empty{display:none}
.sheet[data-screen="S0"] .status:not(:empty){font-size:11px;line-height:15px;font-style:italic;text-align:right}
.sheet .step-number{width:20px;height:20px;border:1px solid #d3d8de;border-radius:50%;flex-shrink:0;background:white;text-align:center;font-size:11px;line-height:18px;font-weight:700}
.subscription-page{padding-inline:0}
.subscription-card{max-width:660px;margin-top:64px;padding:32px 36px 22px}
.subscription-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;margin-top:22px}
.subscription-card h1{font-size:22px;line-height:28px}
.subscription-card .section-label{font-size:10.5px;font-weight:700;margin:18px 0 8px}
.subscription-card .section-label:first-child{margin-top:0}
.subscription-card .rows{padding:2px 14px}
.subscription-card .row{min-height:44px;padding-block:10px;gap:10px}
.subscription-card .row dt{font-size:12px;line-height:18px}
.subscription-card .row dd{font-size:13px;line-height:19px;font-weight:600}
.subscription-aside{padding-top:24px;display:flex;flex-direction:column;gap:10px}
.subscription-aside .primary,.subscription-aside .secondary{font-size:14px;line-height:20px;padding:13px 6px;white-space:normal;text-align:center}
.subscription-aside .note{margin:0;font-size:12px;line-height:17px}
.subscription-footer{margin-top:24px}
.operation-status:not(:empty){background:#fef8ec;color:#7a5312;border-radius:12px;padding:12px 13px;font-size:12.5px;line-height:17px}
@media(min-width:768px){
 .sheet:is([data-screen="B3"],[data-screen="R3"],[data-screen="B4"],[data-screen="R4"],[data-screen="B5"],[data-screen="X7"]){padding-top:136px}
 .sheet:is([data-screen="B3"],[data-screen="R3"],[data-screen="B4"],[data-screen="R4"],[data-screen="B5"],[data-screen="X7"]) .circle{width:44px;height:44px;margin-bottom:14px}
 .sheet:is([data-screen="B3"],[data-screen="R3"],[data-screen="B4"],[data-screen="R4"],[data-screen="B5"],[data-screen="X7"]) .circle svg{width:20px;height:20px}
 .sheet:is([data-screen="B3"],[data-screen="R3"],[data-screen="B4"],[data-screen="R4"],[data-screen="B5"],[data-screen="X7"]) .actions{margin-top:20px}
}
@media(min-width:768px) and (max-width:1023px){.subscription-card{max-width:600px}

}
@media(max-width:767px){
 .sheet{padding:calc(env(safe-area-inset-top,0px) + 136px) 24px 24px}


 .sheet .back{display:grid;left:0}

 .sheet .column{max-width:400px}
 .subscription-page{padding:0 24px 24px;background:#fff}


 .subscription-card{max-width:400px;margin-top:32px;padding:0;box-shadow:none;border-radius:0}
 .subscription-grid{display:flex;flex-direction:column;gap:0;margin-top:22px}
 .subscription-aside{padding-top:24px}
 .subscription-footer{gap:14px}
 .mobile-logout{display:block;margin:10px auto 0}
 .braid-scene{display:none}
}

.web-store-links{margin-top:20px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.web-store-links .store-badge{background:transparent;color:#142238;border:1px solid rgba(20,34,56,.22);font-size:13px;font-weight:600;min-height:37px;padding:9px 14px}
.web-store-links .store-badge:disabled{color:#6b7280;opacity:.65;cursor:default}
.subscription-card .subscription-grid.no-actions+ .status{margin-top:12px}
@media(min-width:768px){
 .subscription-card:has(.operation-status:not(:empty)){margin-top:48px}
 .sheet:is([data-screen="R3"],[data-screen="R4"]) .secondary-block{margin-top:14px;padding-top:10px}
 .sheet:is([data-screen="R3"],[data-screen="R4"]) .help{margin-top:12px}
}

.subscription-mobile-back{display:none}
@media(max-width:767px){
 .subscription-mobile-back{display:grid;place-items:center;position:absolute;left:0;bottom:4px;width:44px;height:44px;font-size:28px;font-weight:400}
 .mobile-logout{display:flex;justify-content:center}
}
/* Approved green proposal only: card geometry; V2 row minimums removed. */
.sheet .fields,.sheet[data-screen="A2"] .fields,.sheet[data-screen="B1"] .fields,.sheet[data-screen="R1"] .fields{margin-top:32px;gap:14px}
.sheet .field input,.sheet .field select{height:40px;border-bottom:0;box-shadow:inset 0 -1.4px 0 #d4d9df}
.sheet .field input:focus,.sheet .field select:focus{box-shadow:inset 0 -1.5px 0 #142238}
.sheet[data-screen="S0"] .field input[aria-invalid="true"]{box-shadow:inset 0 -1.5px 0 #bf3542}
.sheet .primary,.sheet .secondary,.subscription-aside .primary,.subscription-aside .secondary{line-height:16px;padding:13px 6px}
.sheet .circle{margin-bottom:20px}
.sheet .circle svg{width:24px;height:24px}
.sheet .heading:has(.circle) p{margin-top:16px}
.sheet .heading:has(.eyebrow) h1{margin-top:10px}
.sheet .eyebrow{margin-bottom:0}
.sheet .circle:has(+.eyebrow){margin-bottom:18px}
.subscription-card .row{min-height:0}
.subscription-card .row dt,.subscription-card .row dd{line-height:normal}
.subscription-card .note.subscription-detail,.subscription-grid>section>.note{font-size:13px;line-height:19px;margin-top:12px}
.subscription-aside .cta-note{text-align:left;margin-top:2px;text-wrap:pretty}
.subscription-card .warning{display:flex;align-items:flex-start;gap:10px;margin-top:8px}
.subscription-card .warning:before{content:'!';width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;background:#b37b26;color:white;font-size:14px;font-weight:700}
.subscription-card .warning>p{margin-top:0}
.subscription-footer .text-link{display:flex;align-items:center;min-height:40px;padding:0;margin:0;font-size:12.5px}
.subscription-card:has(.operation-status:not(:empty)){margin-top:64px}
@media(max-width:767px){



 .sheet .back{left:-10px}
 .sheet .heading:has(.circle) p{margin-top:10px}
 .subscription-page{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:22px}
 .subscription-card,.subscription-card:has(.operation-status:not(:empty)){width:100%;max-width:600px;flex:1;display:flex;flex-direction:column;margin-top:8px}
 .subscription-grid{margin-top:18px}
 .subscription-card .rows{padding-inline:13px}
 .subscription-aside{padding-top:20px}
 .subscription-footer{margin-top:auto;padding-top:4px;min-height:44px}
 .subscription-grid{padding-bottom:16px}
 .mobile-logout{margin:0 auto}
 .mobile-logout .text-link{margin:0;padding:0 8px;min-height:44px;display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}
}

.subscription-card .warning-extra{margin-top:6px;font-weight:600;color:#7a5312}
.web-store-links .store-badge{border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.web-store-links .store-badge svg{flex-shrink:0}
.subscription-grid.no-actions>section>.primary{max-width:280px;margin:20px auto 0}
.access-confirmed-card{position:relative;z-index:1;max-width:660px;margin:64px auto 0;background:#fff;border-radius:14px 3px 28px 3px;padding:40px 44px;box-shadow:0 18px 34px -14px rgba(12,21,36,.22),0 4px 12px rgba(12,21,36,.07)}
.access-confirmed-heading{display:flex;align-items:center;gap:18px}
.access-confirmed-heading .circle{width:56px;height:56px;flex:0 0 56px;margin:0}
.access-confirmed-heading .circle svg{width:24px;height:24px}
.access-confirmed-heading>div:not(.circle){flex:1;min-width:0}
.access-confirmed-heading h1{font-size:22px;line-height:28px;margin:0;font-weight:700;letter-spacing:-.01em}
.access-confirmed-heading p{text-wrap:pretty;font-size:13.5px;line-height:20px;margin:8px 0 0;color:#5c6675}
.access-confirmed-body{border-top:1px solid #eef0f2;margin-top:24px;padding-top:28px;display:flex;align-items:flex-start;gap:40px}
.access-confirmed-body>div{flex:1;min-width:0}
.access-confirmed-label{font-size:11px;font-weight:700;letter-spacing:.09em;color:#9aa0a8;white-space:nowrap}
.access-confirmed-body p{text-wrap:pretty;font-size:12.5px;line-height:18px;color:#6b7280;margin:7px 0 0}
.access-confirmed-body>.primary{width:200px;flex-shrink:0;font-size:14px;line-height:16px;padding:13px 6px}
@media(max-width:767px){
 .subscription-aside .cta-note{text-align:center}
 .subscription-grid.no-actions>section>.primary{max-width:none}
 .web-store-links{gap:8px;margin-top:14px}
 .web-store-links .store-badge{flex:1;min-width:0;padding:7px 6px;font-size:12px;gap:6px}
 .access-confirmed-card{flex:1;display:flex;flex-direction:column;margin:0;padding:0;box-shadow:none;background:transparent;border-radius:0;width:100%;max-width:600px}
 .access-confirmed-heading{display:flex;flex-direction:column;gap:20px;text-align:center;margin-top:54px}
 .access-confirmed-heading p{margin-top:10px;color:#6b7280}
 .access-confirmed-body{flex:1;flex-direction:column;gap:20px;border:0;padding:0;margin-top:24px;text-align:center}
 .access-confirmed-label{display:none}
 .access-confirmed-body p{text-wrap:pretty;font-size:12px;line-height:17px;margin:0}
 .access-confirmed-body>.primary{width:100%}
 .access-confirmed-card .web-store-links{margin-top:16px}
}

/* Green approved sheet: desktop top spacer and footer stretching. */
@media(min-width:768px){
 .sheet{display:flex;flex-direction:column;padding:168px 24px 30px;min-height:100dvh}
 .sheet .column{display:flex;flex-direction:column;width:100%;flex:1;min-height:calc(100dvh - 198px)}
 .sheet .spacer-a{display:block;flex:0 0 20px;min-height:20px}
 .sheet .spacer-b{display:block;flex:0 0 28px;min-height:28px}
 .sheet:has(.circle) .spacer-b{flex-basis:44px;min-height:44px}
 .sheet .spacer-c{display:block;flex:1;min-height:0}
 .sheet .actions{margin:0}
 .sheet .others{margin-top:18px}
 .sheet .help{margin-top:16px}
 .sheet:is([data-screen="B3"],[data-screen="R3"],[data-screen="B4"],[data-screen="R4"],[data-screen="B5"],[data-screen="X7"]){padding-top:136px;padding-bottom:24px}
 .sheet:is([data-screen="B3"],[data-screen="R3"],[data-screen="B4"],[data-screen="R4"],[data-screen="B5"],[data-screen="X7"]) .column{min-height:calc(100dvh - 160px)}
 .sheet:is([data-screen="B3"],[data-screen="R3"],[data-screen="B4"],[data-screen="R4"],[data-screen="B5"],[data-screen="X7"]) .spacer-b{flex-basis:20px;min-height:20px}
 .sheet:is([data-screen="B3"],[data-screen="R3"],[data-screen="B4"],[data-screen="R4"],[data-screen="B5"],[data-screen="X7"]) .actions{margin:0}
 .sheet:is([data-screen="B4"],[data-screen="R4"],[data-screen="X7"]) h1{margin-top:14px}
}

@media(min-width:768px){.braid-transform{inset:auto;top:-10%;left:-20%;width:140%;height:120%;transform:rotate(15deg);transform-origin:center}}

@media(min-width:768px){.sheet[data-screen="R3"]{padding-bottom:22px}.sheet[data-screen="R3"] .column{min-height:calc(100dvh - 158px)}}

/* Approved PNG anchors, 16/10/2026: extra viewport height stays below content.
   SCROLL_VISUAL_FIXED_STICKY: normal document flow grows on short screens. */
@media(max-width:767px){
 .sheet{min-height:calc(703px + env(safe-area-inset-top,0px));padding:calc(var(--ficha-content-top) + env(safe-area-inset-top,0px)) 24px 22px}
 .sheet .column{display:grid;grid-template-rows:minmax(var(--png-content-room),auto) minmax(var(--png-action-room,0px),auto) auto;align-content:start;min-height:0;flex:none}
 .sheet .content{grid-row:1;min-width:0}
 .sheet .actions{grid-row:2;align-self:start;margin:0!important;padding:0}
 .sheet .spacer-a,.sheet .spacer-b,.sheet .spacer-c{display:none}
 .sheet .others,.sheet .help{grid-row:3;align-self:start;margin-top:0}
 .sheet[data-screen="S0"]{--ficha-content-top:133px;--png-content-room:458px;--png-action-room:0px}
 .sheet[data-screen="A2"]{--ficha-content-top:99px;--png-content-room:453px;--png-action-room:68px}
 .sheet[data-screen="A3"]{--ficha-content-top:155px;--png-content-room:481px;--png-action-room:0px}
 .sheet[data-screen="B1"]{--ficha-content-top:126px;--png-content-room:426px;--png-action-room:68px}
 .sheet[data-screen="R1"]{--ficha-content-top:126px;--png-content-room:426px;--png-action-room:68px}
 .sheet[data-screen="B2"]{--ficha-content-top:111px;--png-content-room:446px;--png-action-room:0px}
 .sheet[data-screen="X1"]{--ficha-content-top:123px;--png-content-room:468px;--png-action-room:0px}
 .sheet[data-screen="X2"]{--ficha-content-top:135px;--png-content-room:395px;--png-action-room:106px}
 .sheet[data-screen="X2b"]{--ficha-content-top:135px;--png-content-room:395px;--png-action-room:106px}
 .sheet[data-screen="X3"]{--ficha-content-top:115px;--png-content-room:443px;--png-action-room:0px}
 .sheet[data-screen="B3"]{--ficha-content-top:100px;--png-content-room:431px;--png-action-room:105px}
 .sheet[data-screen="R3"]{--ficha-content-top:100px;--png-content-room:384px;--png-action-room:0px}
 .sheet[data-screen="B4"]{--ficha-content-top:99px;--png-content-room:432px;--png-action-room:105px}
 .sheet[data-screen="R4"]{--ficha-content-top:99px;--png-content-room:432px;--png-action-room:105px}
 .sheet[data-screen="B5"]{--ficha-content-top:100px;--png-content-room:475px;--png-action-room:61px}
 .sheet[data-screen="X7"]{--ficha-content-top:99px;--png-content-room:476px;--png-action-room:61px}
 .sheet[data-screen="X4"]{--ficha-content-top:128px;--png-content-room:447px;--png-action-room:61px}
 .sheet[data-screen="X5"]{--ficha-content-top:134px;--png-content-room:441px;--png-action-room:61px}
 .sheet[data-screen="X6"]{--ficha-content-top:128px;--png-content-room:447px;--png-action-room:61px}
 .sheet[data-screen="portal-help"]{--ficha-content-top:99px;--png-content-room:537px;--png-action-room:0px}
 .sheet[data-screen="S0"]:has(.status:not(:empty)){--ficha-content-top:125px;--png-content-room:466px}
 .sheet[data-screen="A3"] .content>.cta-note{font-size:13.5px;line-height:20px;margin-top:6px}
}

@media(max-width:767px){.mobile-logout .text-link{font-size:13px}}

/* Handoff: explanatory note beneath the subscription steps is centered. */
.sheet[data-screen="portal-help"] .content>.note{text-align:center}

/* HX.bMt from the approved page, not inferred from raster text. */
.sheet .heading:has(.eyebrow) p{margin-top:16px}
@media(max-width:767px){.sheet .heading:has(.eyebrow) p{margin-top:12px}}

/* Div-based source notes have no browser paragraph bottom margin. */
.cta-note{margin-bottom:0}
.secondary-block p{line-height:18px}
.actions>.text-link+.text-link{margin-top:0;padding-top:4px}

/* Review correction: mobile actions follow content, spare height stays below. */
@media(max-width:767px){
 .sheet:is([data-screen="S0"],[data-screen="A2"],[data-screen="A3"],[data-screen="B1"],[data-screen="R1"],[data-screen="B2"],[data-screen="X1"],[data-screen="X2"],[data-screen="X2b"],[data-screen="X3"]) .column{grid-template-rows:auto auto auto;row-gap:0}
 .sheet:is([data-screen="S0"],[data-screen="A2"],[data-screen="A3"],[data-screen="B1"],[data-screen="R1"],[data-screen="B2"],[data-screen="X1"],[data-screen="X2"],[data-screen="X2b"],[data-screen="X3"]) .actions{margin-top:28px!important}
 .sheet:is([data-screen="A2"],[data-screen="B1"],[data-screen="R1"],[data-screen="X2"],[data-screen="X2b"]) :is(.others,.help){margin-top:24px}
 .sheet[data-screen="R3"] .help{margin-top:20px}
}

/* v4 source/review corrections. */
.field input::placeholder,.field textarea::placeholder{font-size:13px}
.sheet[data-screen="B1"] .others a[href="/atencion/"]{font-size:12.5px;font-weight:700;color:#142238;text-decoration:none}
.sheet[data-screen="B1"] .others a[href="/atencion/"] span{border:0}
.subscription-card .warning{align-items:flex-start}
.subscription-card .warning:before{margin-top:-3.5px}
@media(max-width:767px){
 .sheet:is([data-screen="portal-help"],[data-screen="B3"],[data-screen="B4"],[data-screen="X7"],[data-screen="X4"],[data-screen="X5"],[data-screen="X6"]) .column{grid-template-rows:auto auto auto}
 .sheet:is([data-screen="portal-help"],[data-screen="B3"],[data-screen="B4"],[data-screen="X7"],[data-screen="X4"],[data-screen="X5"],[data-screen="X6"]) .actions{margin-top:28px!important}
 .sheet:is([data-screen="B3"],[data-screen="B4"],[data-screen="X7"],[data-screen="X4"],[data-screen="X5"],[data-screen="X6"]) .help{margin-top:24px}
}

/* Source geometry reconciliation: template values, 17/10/2026. */
.web-nav-divider{display:block;width:1px;height:18px;margin-bottom:4px;flex-shrink:0;background:rgba(20,34,56,.18)}


.step small{margin-top:1px}
.steps-code b{font-variant-numeric:tabular-nums;border-bottom:1px dashed #c2c8d0}
.receipt>span:nth-child(2){flex:1;min-width:0;font-weight:600}
.receipt strong{border-bottom:1px dashed #c2c8d0}
.sheet[data-screen="S0"] .status:not(:empty){margin-top:6px;text-wrap:pretty}
.sheet[data-screen="A3"] .content>.cta-note{font-size:13.5px;line-height:20px;margin-top:6px}
.sheet:is([data-screen="B1"],[data-screen="R1"]) .others a[href="/atencion/"]{font-size:12.5px;font-weight:700;color:#142238;text-decoration:none}
.sheet:is([data-screen="B1"],[data-screen="R1"]) .others a[href="/atencion/"] span{border:0}
.subscription-card .rows:first-of-type .row{min-height:37px}
.subscription-card .warning{padding:12px 13px;line-height:17px}
.subscription-card .warning strong{font-size:13px;line-height:17px;font-weight:700}
.subscription-card .warning p{margin:2px 0 0;font-size:12.5px;line-height:17px;text-wrap:pretty}
.subscription-card .warning>div>p:first-child{margin-top:0}
.subscription-card .warning .warning-extra{margin-top:6px}
.subscription-card .warning:before{margin-top:-4.5px}
.subscription-grid.no-actions>section>.primary{font-size:14px;line-height:16.5px}
.sheet[data-screen="X2b"] .cta-note{font-size:13.5px;line-height:20px;margin-top:16px}
@media(min-width:768px){
 .sheet:is([data-screen="X2"],[data-screen="X2b"]) .heading .circle{margin-bottom:18px}
 .sheet:is([data-screen="X2"],[data-screen="X2b"]) .heading .eyebrow{display:none}
 .sheet:is([data-screen="R3"],[data-screen="R4"]) .secondary-block{margin-top:22px;padding-top:18px}
}
@media(max-width:767px){
 .subscription-footer{gap:22px}
 .sheet:is([data-screen="A2"],[data-screen="B1"],[data-screen="R1"]) .others{margin-top:18px}
 .web-store-links .store-badge:last-child{font-size:13px}
 .access-confirmed-heading h1{letter-spacing:normal}
}

/* Source mobile action gap is mB=20, footer margin=16; approved fixed upper anchors. */
@media(max-width:767px){
 .sheet .column{grid-template-rows:auto auto auto}
 .sheet .actions{margin-top:20px!important}
 .sheet .help{margin-top:16px!important}
 .sheet .others{margin-top:18px!important}
 .sheet:is([data-screen="X2"],[data-screen="X2b"]) .heading .eyebrow{display:none}
}
.sheet[data-screen="R1"] .others a[href="/atencion/"]{font-weight:600}

.sheet .primary,.sheet .secondary,.subscription-aside .primary,.subscription-aside .secondary{line-height:16.5px}
.sheet .actions>.text-link+.text-link{padding-top:6px}
@media(max-width:767px){
 .sheet[data-screen] .column>.actions{margin-top:20px!important}
 .sheet:is([data-screen="X2"],[data-screen="X2b"]) .circle{margin-bottom:20px}
 .sheet:is([data-screen="X2"],[data-screen="X2b"]) .heading h1{margin-top:0}
 .sheet[data-screen="X2b"] .cta-note{margin-top:16px}
}

/* Remaining source control geometry: no-actions CTA, countdown and mobile note. */
.subscription-grid.no-actions>section>.primary{padding:13px 6px}
.sheet[data-screen="X2b"] .cta-note{align-self:center;font-size:13px;line-height:normal;font-weight:600;color:#9aa0a8;margin-top:4px;padding:12px 8px;white-space:nowrap}
@media(max-width:767px){.subscription-aside .cta-note{margin-top:0}}
@media(max-width:767px){
 /* Source acc: remaining vertical space is split 1 : 1.25 above/below content. */
 .access-confirmed-heading{margin-top:max(20px,calc((100dvh - 431.5px)/2.25))}
}

.dot.done{display:inline-flex;align-items:center;justify-content:center;border:0}
.dot.done svg{width:10px;height:8px;flex-shrink:0}
@media(max-width:767px){.subscription-footer{padding-top:4px}.subscription-footer .text-link{min-height:44px}}

@media(max-width:767px){.desktop-only-copy{display:none}}

.sheet .field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 10 6' fill='none' stroke='%239aa0a8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:9px 5px;background-position:right 8px center;padding-right:25px}
/* Row 33: help explicitly requested after the source export; W7, no font changes. */
@media(min-width:768px){.sheet[data-screen="R3"] .help{margin-top:2px}}
/* Source handoff: card heading tracking is -0.01em on desktop. */
@media(min-width:768px){.subscription-card h1{letter-spacing:-.01em}}
/* Public Attention sheets do not select the subscription navigation item. */
.sheet:not([data-screen="S0"]):not([data-screen="portal-help"]) .subscription-nav-active{color:#6b7280;border-bottom-color:transparent}
/* Match the approved store badges while retaining their disabled/link guards. */
.web-store-links .store-badge:disabled{color:#142238;opacity:1}
/* Empty verification cells have the source's inactive presentation. */
.sheet:has(.code-cells input:invalid) .actions>.primary{background:#e7eaef;border-color:#e7eaef;color:#a6adb8}
@media(min-width:768px){.subscription-page:not(.access-confirmed-page) .braid-transform{top:0;left:-10%;width:120%;height:100%;transform:rotate(12deg)}}

/* Approved row 2: neutral email underline, error remains announced on the form. */
.sheet[data-screen="S0"] .field input[type="email"][aria-invalid="true"]{border-bottom-color:#d4d9df;box-shadow:inset 0 -1.4px 0 #d4d9df}

/* Source mobile subscription footer: logout has no dotted underline. */
.mobile-logout .text-link span{border-bottom-color:transparent}

/* Safari ficha, 17/10/2026: local document positions, excluding the 59px
   reference browser status bar. Preserve flow growth for text zoom/errors. */
@media(max-width:767px){
 .sheet[data-screen] .column{display:grid;grid-template-rows:minmax(calc(var(--ficha-actions-top) - var(--ficha-content-top)),auto) auto auto;row-gap:0;align-content:start}
 .sheet[data-screen] .column>.actions{margin-top:0!important}
 .sheet .help{margin-top:16px!important}
 .sheet .others{margin-top:18px!important}
 .sheet[data-screen="S0"]{--ficha-content-top:199px;--ficha-actions-top:590px}
 .sheet[data-screen="portal-help"]{--ficha-content-top:117px;--ficha-actions-top:637px}
 .sheet[data-screen="A2"]{--ficha-content-top:99px;--ficha-actions-top:553px}
 .sheet[data-screen="A3"]{--ficha-content-top:247px;--ficha-actions-top:637px}
 .sheet[data-screen="B1"]{--ficha-content-top:185.5px;--ficha-actions-top:553px}
 .sheet[data-screen="R1"]{--ficha-content-top:185.5px;--ficha-actions-top:553px}
 .sheet[data-screen="B2"]{--ficha-content-top:148.5px;--ficha-actions-top:558px}
 .sheet[data-screen="X1"]{--ficha-content-top:174.5px;--ficha-actions-top:590px}
 .sheet[data-screen="X2"]{--ficha-content-top:202px;--ficha-actions-top:531px}
 .sheet[data-screen="X2b"]{--ficha-content-top:203px;--ficha-actions-top:533px}
 .sheet[data-screen="X3"]{--ficha-content-top:157px;--ficha-actions-top:558px}
 .sheet[data-screen="B3"]{--ficha-content-top:100px;--ficha-actions-top:532px}
 .sheet[data-screen="R3"]{--ficha-content-top:100px;--ficha-actions-top:485px}
 .sheet[data-screen="B4"]{--ficha-content-top:103.5px;--ficha-actions-top:532px}
 .sheet[data-screen="R4"]{--ficha-content-top:103.5px;--ficha-actions-top:532px}
 .sheet[data-screen="B5"]{--ficha-content-top:111px;--ficha-actions-top:576px}
 .sheet[data-screen="X7"]{--ficha-content-top:123px;--ficha-actions-top:576px}
 .sheet[data-screen="X4"]{--ficha-content-top:188px;--ficha-actions-top:576px}
 .sheet[data-screen="X5"]{--ficha-content-top:200.5px;--ficha-actions-top:576px}
 .sheet[data-screen="X6"]{--ficha-content-top:188px;--ficha-actions-top:576px}
 .sheet[data-screen="S0"]:has(.status:not(:empty)){--ficha-content-top:183px}
 .sheet[data-screen="R4"] .actions>.cta-note{min-height:34px}
}

/* Safari's normal font metrics yield the source 45px button, without clipping. */
.sheet .primary,.sheet .secondary,.subscription-aside .primary,.subscription-aside .secondary,
.subscription-grid.no-actions>section>.primary,.access-confirmed-body>.primary{line-height:normal}
.sheet .field textarea{min-height:114px}
.sheet[data-screen="B1"] .others a[href="/atencion/"]{font-weight:600}
.sheet .step-number{line-height:normal}
@media(min-width:768px){
 .access-confirmed-card{max-width:748px}
 .subscription-grid.no-actions>section>.primary{width:294px}
 .sheet:is([data-screen="X2"],[data-screen="X2b"]) .actions{margin-top:2px}
}

.cta-note{text-wrap:pretty}
.code-cells input{font-variant-numeric:tabular-nums}
.subscription-card .warning{margin-top:9px}
.subscription-card .warning>div{padding-top:4.5px}
.subscription-card .warning:before{margin-top:0;line-height:14px}
@media(min-width:768px){.subscription-grid.no-actions>section>.primary{max-width:294px}}

/* Dynamic slots retain live values and the literal handoff underline. */
.subscription-value{border-bottom:1px dashed #c2c8d0}

.subscription-card .warning:before{content:none}
.warning-icon{width:26px;height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#b37b26;color:white;font-size:14px;font-weight:700;line-height:14px}
.sheet .step-number{display:flex;align-items:center;justify-content:center}

@media(max-width:767px){.access-confirmed-heading b{font-weight:400!important;color:inherit!important}.access-confirmed-heading .subscription-value{border:0}}

.subscription-page[data-screen="S4"] .rows:nth-of-type(2) .row:nth-child(2) dd{color:#6b7280}

/* The QA payer sheet had no ficha tokens: invalid padding/grid values collapsed
   mobile layout beneath the absolute navbar. Keep this legacy screen safe while
   the provider-hosted identity replacement is qualified; it remains OFF. */
@media(max-width:767px){
 .sheet[data-screen="mp-payer"]{--ficha-content-top:131px;--ficha-actions-top:131px;padding:calc(131px + env(safe-area-inset-top,0px)) 24px 22px}
 .sheet[data-screen="mp-payer"] .column{width:100%;max-width:342px;grid-template-rows:auto auto auto}
 .sheet[data-screen="mp-payer"] .column>.actions{margin-top:28px!important}
}

/* Safari focus: keep the approved 13px appearance and 40px field geometry.
   Layout font is 16px; inverse dimensions compensate the visual scale. */
@media(max-width:767px){
 .sheet .field input:not([type="checkbox"]):not([type="radio"]){
  font-size:16px;line-height:22.153846px;display:block;flex-shrink:0;
  width:123.076923%;max-width:none;height:49.230769px;
  padding:13.538462px 2.461538px 13.538462px 7.384615px;
  transform:scale(.8125);transform-origin:top left;margin-bottom:-9.230769px;
  box-shadow:inset 0 -1.723077px 0 #d4d9df;
 }
 .sheet .field input::placeholder{font-size:16px}
 .sheet .field input:focus{box-shadow:inset 0 -1.846154px 0 #142238}
 .sheet .password-field{height:40px}
 .sheet .password-field input{padding-right:51.692308px}
 .sheet[data-screen="S0"] .field input[aria-invalid="true"]{box-shadow:inset 0 -1.846154px 0 #bf3542}
 .sheet[data-screen="S0"] .field input[type="email"][aria-invalid="true"]{box-shadow:inset 0 -1.723077px 0 #d4d9df}
}

/* Loading/error sheets have no ficha: retain a real header clearance. */
.sheet{--ficha-content-top:136px;--png-content-room:0px;--png-action-room:0px}

.sheet[data-screen="session-expired"] .actions{margin-top:28px!important}

/* Mobile sign-in is a form, not a centered confirmation sheet. */
@media(max-width:767px){
 .sheet[data-screen="S0"] .heading{text-align:left}
}

/* Loading is announced without a transient heading above the form. */
.loading-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:767px){
 .sheet[data-screen="session-expired"]{min-height:100dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
 .sheet[data-screen="session-expired"] .column{display:flex;flex-direction:column;flex:1;min-height:0}
 .sheet[data-screen="session-expired"] .column>.actions{margin-top:auto!important;padding-top:28px}
}

/* Mobile login actions occupy the bottom, with flexible room above the CTA. */
@media(max-width:767px){
 .sheet[data-screen="S0"]{min-height:100dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
 .sheet[data-screen="S0"] .column{display:flex;flex-direction:column;flex:1;min-height:0}
 .sheet[data-screen="S0"] .column>.actions{margin-top:auto!important;padding-top:28px}
}

@media(max-width:767px){
 .sheet:is([data-screen="S0"],[data-screen="session-expired"]) .column{min-height:calc(100dvh - var(--ficha-content-top) - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));align-items:stretch}
 .sheet:is([data-screen="S0"],[data-screen="session-expired"]) .column>.actions{align-self:stretch;width:100%;margin-top:auto!important}
}

@media(max-width:767px){.sheet[data-screen="loading"] .heading{display:none}}


/* S0: retain the closed-keyboard composition; only the form owns scrolling. */
.login-body{display:contents}
@media(max-width:767px){
 html:has([data-mobile-login-viewport]){height:100%;overflow:hidden}
 body:has([data-mobile-login-viewport]){height:100%;overflow:hidden}
 [data-mobile-login-viewport] .sheet[data-screen="S0"]{display:flex;position:fixed;inset:0 0 auto;height:var(--login-rest-height,100dvh);min-height:0;overflow:hidden}
 [data-mobile-login-viewport] .sheet[data-screen="S0"]>.mf-web-header{position:absolute;top:0;z-index:20;background:white;transform:translateZ(0)}
 [data-mobile-login-viewport] .sheet[data-screen="S0"]>.column{display:block;min-height:0;flex:none;height:calc(var(--login-visible-height,100dvh) - var(--ficha-content-top) - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-anchor:none;overscroll-behavior-y:contain;scroll-padding-block:12px}
 [data-mobile-login-viewport] .login-body{display:flex;flex-direction:column;min-height:calc(var(--login-rest-height,100dvh) - var(--ficha-content-top) - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
 [data-mobile-login-viewport] .sheet[data-screen="S0"] .login-body>.actions{align-self:stretch;width:100%;margin-top:auto!important;padding-top:28px}
}

/* AR16-04: scoped provider piece, approved Web/Onboarding SVGs and geometry. */
.web-provider-block{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:16px}
.web-provider-separator{display:flex;align-items:center;gap:10px;margin-bottom:4px;color:#9aa0a8;font-size:11.5px;line-height:14px}
.web-provider-separator:before,.web-provider-separator:after{content:"";height:1px;flex:1;background:#e9ebee}
.web-provider-block .web-provider-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:12px 16px;background:#fff;border:1.4px solid #e3e5e9;border-radius:12px;color:#1f2b3d;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;cursor:pointer}
.web-provider-block .web-provider-button:hover{border-color:#c9ced5}
.web-provider-block .web-provider-button:focus-visible{outline:2px solid #3d6ea8;outline-offset:3px}
.web-provider-block .web-provider-button:disabled{opacity:.55;cursor:default}
.web-provider-button svg{flex-shrink:0}
.web-provider-button span{white-space:nowrap}
.web-provider-block--notice{margin-top:22px}
.web-provider-notice{margin:0;padding-top:18px;border-top:1px solid #eef0f2;font-size:13px;font-weight:600;line-height:18px;color:#142238;text-align:center;text-wrap:pretty}


/* Safari-exported delta only. Mobile source coordinates exclude its 59px OS bar. */
.web-provider-block .web-provider-button{box-sizing:border-box;height:45px;min-height:45px;line-height:17px;padding:12px 6px}
.sheet[data-screen="S0"] .web-provider-block{margin-top:18px}
.web-recovery-providers .web-provider-block--notice{margin-top:23px}
@media(max-width:767px){
 .sheet[data-screen="S0"]:has(.web-provider-block){--ficha-content-top:135px;--ficha-actions-top:446px}
 .sheet[data-screen="B1"]:has(.web-provider-block),.sheet[data-screen="R1"]:has(.web-provider-block){--ficha-content-top:121.5px;--ficha-actions-top:408px}
 html[data-m7-subscription-recovery="true"] .product-stage .product-frame:has(.product-frame__body--recovery-request .web-recovery-providers){padding-top:calc(156.5px + env(safe-area-inset-top,0px))}
 html[data-m7-subscription-recovery="true"] .product-root .product-frame__body--recovery-request:has(.web-recovery-providers) .product-form>.product-button{margin-top:115.5px}
 html[data-m7-subscription-recovery="true"] .product-stage .product-frame--message:has(.web-recovery-providers){--ficha-top:154px;--ficha-copy-room:163px}
}