/* This file changes marked screen controls only; it never scales an ancestor. */
.ui-preferences{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.site-size-switch{display:flex;gap:2px;width:auto;border:1px solid #e4e0e6;border-radius:8px;padding:3px;background:#fdfcfd;flex:none}
.site-size-switch button{font:500 12px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;min-width:56px;min-height:32px;padding:5px 9px;border:0!important;border-radius:5px!important;background:transparent!important;color:#746d77!important;cursor:pointer;white-space:nowrap}
.site-size-switch button[aria-pressed=true]{background:#faedf1!important;color:#ad304f!important}
.site-size-switch button:focus-visible{outline:3px solid #ab6d84;outline-offset:2px}
body>.container>header .header-tools{flex-wrap:wrap}
body>.container>header .header-tools .ui-preferences{flex-wrap:nowrap}
body>.container>header #btnGuide{color:#286ca9!important;border-color:#c8dfef!important;background:#f2f8fd!important}
body>.container>header #btnGuide svg{color:#2671b3}
body>.container>header #btnGuide:hover{background:#e7f2fb!important}
#guideModal #guideClose{min-width:44px!important;min-height:44px!important}
html[data-ui-size=large] [data-ui-readable]{font-size:max(18px,calc(var(--ui-original-font,14px)*1.28))!important;line-height:1.65!important}
html[data-ui-size=large] [data-ui-readable=small]{font-size:max(16px,calc(var(--ui-original-font,11px)*1.28))!important}
html[data-ui-size=large] [data-ui-readable=control]{min-height:48px!important;white-space:normal!important}
html[data-ui-size=large] :is(input,select,textarea)[data-ui-readable]{padding:10px 12px!important}
html[data-ui-size=large] :is(button,label,summary)[data-ui-readable]{overflow-wrap:anywhere}
html[data-ui-size=large] .header-tools .site-language-switch .btn-language,
html[data-ui-size=large] .site-size-switch button{font-size:16px!important;min-height:42px!important;padding:7px 10px!important}
html[data-ui-size=large] .tool-navigation-row .app-nav .ui-button{font-size:18px!important;min-height:58px!important;padding-top:12px;padding-bottom:12px}
html[data-ui-size=large] body>.container>header :is(.btn-guide,.btn-account){font-size:16px!important;min-height:44px!important}
html[data-ui-size=large] .tool-navigation-links{gap:22px}
html[data-ui-size=large] #startPagePanel .start-main-card{min-height:235px;padding:22px 24px!important}
html[data-ui-size=large] #startPagePanel .start-task{min-height:136px;padding:16px!important;gap:10px}
html[data-ui-size=large] #startPagePanel .start-task-grid{gap:12px}
html[data-ui-size=large] #startPagePanel .start-utilities :is(button,a){font-size:18px!important;padding:9px 20px!important;min-height:48px}
html[data-ui-size=large] :is(.pd-options-grid,.savings-settings-grid){gap:14px!important}
html[data-ui-size=large] #savingsSettingsPanel :is(.pd-choice-switch,.savings-rate-mode-options,.savings-range-mode-options,.trst-offer-options) .ui-button{font-size:18px!important;min-height:48px!important}
html[data-ui-size=large] :is(.field,.ui-field,.pd-option,.input-panel,.result-panel,.workspace-file-slot){min-width:0}
html[data-ui-size=large] .compact-quick .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-ui-size=large] .compact-quick .field input,
html[data-ui-size=large] .compact-quick .field select,
html[data-ui-size=large] .compact-quick .choice-row{min-height:50px;height:auto}
html[data-ui-size=large] .compact-quick .field small{margin-top:7px}
html[data-ui-size=large] .compact-quick .card-heading{margin-bottom:20px}
html[data-ui-size=large] .compact-quick .field.full{margin-bottom:16px}
html[data-ui-size=large] .compact-quick .choice-row span{padding:10px}
html[data-ui-size=large] .compact-quick .mode-nav button{font-size:20px!important}
html[data-ui-size=large] .compact-quick .result-card{top:100px}
html[data-ui-size=large] #accountCard{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 30px);overflow:auto}
html[data-ui-size=large] #accountCard :is(input,select,button){font-size:18px!important}
html[data-ui-size=large] #guideModal :is(.guide-modal,.modal){max-height:92dvh;overflow:auto}
html[data-ui-size=large] #guideModal :is(#guideText,#guideTip,.guide-topic-nav button){font-size:18px!important;line-height:1.75!important}
@media(max-width:900px){
 body>.container>header .header-row{flex-wrap:wrap;gap:12px}
 body>.container>header .header-tools{gap:9px;justify-content:flex-end}
 html[data-ui-size=large] #startPagePanel .start-task-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 body>.container>header .header-tools{justify-content:flex-start;width:100%;gap:8px}
 body>.container>header .header-tools .ui-preferences{flex:1 1 100%;justify-content:space-between;gap:8px}
 .site-size-switch button{min-height:38px;padding:7px 10px}
 html[data-ui-size=large] .header-tools .site-language-switch .btn-language,
 html[data-ui-size=large] .site-size-switch button{font-size:16px!important;padding:8px 12px!important}
 html[data-ui-size=large] #startPagePanel .start-primary-grid{grid-template-columns:1fr}
 html[data-ui-size=large] #startPagePanel .start-main-card{min-height:0;padding:18px!important}
 html[data-ui-size=large] #startPagePanel .start-utilities{flex-wrap:wrap}
 html[data-ui-size=large] #startPagePanel .start-utilities :is(button,a){padding:8px 10px!important}
 html[data-ui-size=large] #startPagePanel .start-heading{display:block}
 html[data-ui-size=large] .compact-quick .workspace-grid{grid-template-columns:1fr}
 html[data-ui-size=large] .compact-quick .protection-product-grid{grid-template-columns:1fr}
 html[data-ui-size=large] .compact-quick .mode-nav button{font-size:18px!important;white-space:normal}
}

/* mobile-large-navigation-20261109: keep the six entries visible without shrinking text. */
@media(max-width:600px){
 html[data-ui-size=large] .tool-navigation-row{position:static}
 html[data-ui-size=large] .tool-navigation-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(54px,auto));gap:8px;width:100%;overflow:visible}
 html[data-ui-size=large] .tool-navigation-row .app-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(54px,1fr));grid-column:1/-1;grid-row:1/3;gap:8px;width:100%;min-width:0}
 html[data-ui-size=large] .tool-navigation-row .app-nav .ui-button{width:100%;min-width:0;min-height:54px!important;padding:8px 0!important;white-space:normal;overflow-wrap:normal;justify-content:center;text-align:center}
 /* The separate quick link occupies the unused sixth cell; tab-list markup stays intact. */
 html[data-ui-size=large] .tool-navigation-links>.quick-nav-link{grid-column:3;grid-row:2;min-width:0;min-height:54px;padding:8px 0;font-size:18px;line-height:1.65;justify-content:center;text-align:center;white-space:normal}
 html[data-ui-size=large] .tool-navigation-links>.quick-nav-link span[aria-hidden=true]{display:none}
 html[data-ui-size=large] #startPagePanel .start-utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}
 html[data-ui-size=large] #startPagePanel .start-utilities :is(button,a){min-width:0;min-height:54px;gap:8px;padding:12px 8px!important;white-space:nowrap!important;border:0!important}
 html[data-ui-size=large] #startPagePanel .start-utilities :is(button,a):nth-child(even){border-left:1px solid #e1dbe2!important}
 html[data-ui-size=large] #startPagePanel .start-utilities :is(button,a):nth-child(n+3){border-top:1px solid #e6e0e6!important}
 html[data-ui-size=large] #startPagePanel .start-utilities span{flex:none}
 /* A large amount and the fixed-width currency selector must not compete for a narrow row. */
 html[data-ui-size=large] .compact-quick .amount-input-row{grid-template-columns:minmax(0,1fr);gap:12px}
}

/* The standard view also needs room for six- and seven-digit amounts on the narrowest phones. */
@media(max-width:360px){
 .compact-quick .amount-input-row{grid-template-columns:minmax(0,1fr);gap:12px}
}

/* Decorative button icons have their own geometry; UI text size never scales them. */
#startPagePanel .start-utilities > :is(button,a) > span[aria-hidden=true],
#startPagePanel #startHelpButton > span[aria-hidden=true]{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;
 width:20px;height:20px;padding:0;border:0!important;border-radius:0;
 font-size:0!important;line-height:0!important;
}
#startPagePanel .start-utilities > :is(button,a) > span[aria-hidden=true] > svg{
 display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;
 stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
@media(max-width:600px){
 #startPagePanel .start-utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}
 #startPagePanel .start-utilities > :is(button,a){min-width:0;min-height:48px;gap:8px;padding:12px 8px!important;white-space:nowrap!important;border:0!important}
 #startPagePanel .start-utilities > :is(button,a):nth-child(even){border-left:1px solid #e1dbe2!important}
 #startPagePanel .start-utilities > :is(button,a):nth-child(n+3){border-top:1px solid #e6e0e6!important}
}