.reading-toggle{display:flex;flex:0 0 44px;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:44px;min-height:40px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);cursor:pointer;font:inherit;line-height:1.1}
.reading-toggle b{font-size:18px}.reading-toggle small{font-size:9px}
.reading-dialog{width:min(360px,calc(100% - 24px));max-height:80vh;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:16px}
.reading-dialog::backdrop{background:#0008}.reading-dialog h2{font-size:20px;margin:0 0 16px}.reading-options{display:grid;gap:10px}.reading-dialog button{min-height:44px;padding:8px 14px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer}.reading-dialog [aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.reading-dialog [data-reading-close]{margin-top:16px;width:100%;font-size:16px}
.reading-options button:nth-child(1){font-size:16px}.reading-options button:nth-child(2){font-size:20px}.reading-options button:nth-child(3){font-size:24px}
html[data-reading-size=large]{--reading-factor:1.25;--reading-min:16px}html[data-reading-size=largest]{--reading-factor:1.5;--reading-min:20px}
html[data-reading-size]:not([data-reading-size=standard]) main [data-reading-base]{font-size:max(var(--reading-min),calc(var(--reading-base) * var(--reading-factor)))!important;overflow-wrap:anywhere}
html[data-reading-size]:not([data-reading-size=standard]) main :is(button,input,select,textarea)[data-reading-base]{height:auto;min-height:44px;line-height:1.4}
html[data-reading-size]:not([data-reading-size=standard]) main :is(.product-copy,.catalog-card-body,.toolbar-controls,.result-summary){min-width:0}
.shared-swipe-hint{display:none;text-align:center;font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0 20px}
@media(max-width:640px){.shared-touch-paging .shared-swipe-hint{display:block}.shared-touch-paging :is(.page-keyboard-hint,.keyboard-hint){display:none}.portal-switcher-inner .portal-switcher-link{padding-inline:3px;gap:3px}.portal-switcher-inner .portal-switcher-icon{max-width:24px}.portal .reading-toggle{margin-inline:3px}.filter-bottom-close{display:block;width:100%;min-height:44px;margin-top:16px}}
@media(min-width:641px){.filter-bottom-close{display:none}}
.general-list-subject{display:block;font-size:14px;font-weight:700;line-height:1.5;margin-bottom:6px;overflow-wrap:anywhere}
/* Larger type needs wider cards, not the standard fixed column count. */
html[data-reading-size=large]{--reading-brand-width:160px;--reading-category-width:260px;--reading-card-width:200px}
html[data-reading-size=largest]{--reading-brand-width:210px;--reading-category-width:320px;--reading-card-width:250px}
html[data-reading-size]:not([data-reading-size=standard]) main :is(#homeBrandLogos,.brand-logos,.major-makers,.brand-list,.maker-list){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--reading-brand-width)),1fr))}
html[data-reading-size]:not([data-reading-size=standard]) main .category-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--reading-category-width)),1fr))}
html[data-reading-size]:not([data-reading-size=standard]) main :is(.type-cards,.model-card-grid,.scope-links.scope-cards,.product-grid:not(.list-view),.catalog-products:not(.compact)){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--reading-card-width)),1fr))}
html[data-reading-size]:not([data-reading-size=standard]) main :is(.brand-logos,.major-makers,.category-grid) [data-reading-base]{word-break:normal;overflow-wrap:normal;hyphens:auto}
html[data-reading-size]:not([data-reading-size=standard]) main :is(.brand-list,.maker-list) a span{white-space:normal;overflow:visible}
html[data-reading-size]:not([data-reading-size=standard]) main .section-head{flex-wrap:wrap}
html[data-reading-size]:not([data-reading-size=standard]) main .brand-find{max-width:100%}
html[data-reading-size]:not([data-reading-size=standard]) main .product-image img{max-width:200px;margin-inline:auto}
@media(max-width:640px){html[data-reading-size]:not([data-reading-size=standard]) main :is(.brand-find,.brand-find input){width:100%}html[data-reading-size]:not([data-reading-size=standard]) main .category-card{gap:12px}}
@media(min-width:641px){html[data-reading-size=large] main .major-makers{--reading-brand-width:260px}html[data-reading-size=largest] main .major-makers{--reading-brand-width:320px}html[data-reading-size=large] main .category-grid{--reading-category-width:360px}html[data-reading-size=largest] main .category-grid{--reading-category-width:440px}}
/* Mobile category navigation is always two columns, with gentler type scaling. */
@media(max-width:640px){
 html[data-reading-size] main :is(.category-grid,.scope-links.scope-cards,.scope-navigation .category-links){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-reading-size=large]{--category-reading-factor:1.15;--category-reading-min:13px;--category-reading-max:16px}
 html[data-reading-size=largest]{--category-reading-factor:1.25;--category-reading-min:14px;--category-reading-max:17px}
 html[data-reading-size]:not([data-reading-size=standard]) main :is(.category-grid,.scope-links.scope-cards,.scope-navigation .category-links) [data-reading-base]{font-size:clamp(var(--category-reading-min),calc(var(--reading-base) * var(--category-reading-factor)),var(--category-reading-max))!important;line-height:1.4;overflow-wrap:anywhere}
 html[data-reading-size] main .category-grid>a.category-card{flex-direction:column;text-align:center;gap:6px;padding:10px 7px}
 html[data-reading-size] main .category-grid>a.category-card>b{display:none}
 /* Product-list navigation only; homepage illustrations remain visible. */
 html[data-reading-size] main :is(.scope-links.scope-cards,.scope-navigation .category-links){display:grid;gap:8px;grid-auto-rows:auto}
 html[data-reading-size] main :is(.scope-links.scope-cards,.scope-navigation .category-links) :is(.theme-art,img){display:block;flex:0 0 54px;width:54px;height:36px;aspect-ratio:auto;object-fit:contain;margin:0;padding:0;background:transparent;border-radius:3px}
 html[data-reading-size] main :is(.scope-links.scope-cards,.scope-navigation .category-links)>a::before{content:none;display:none}
 html[data-reading-size] main :is(.scope-links.scope-cards,.scope-navigation .category-links)>a{flex-direction:row;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:3px 6px;font-size:13px;line-height:1.35;text-align:left;min-width:0}
 html[data-reading-size] main :is(.scope-links.scope-cards,.scope-navigation .category-links)>a>span:not(.theme-art){flex:1;min-width:0;line-height:1.35}
 html[data-reading-size] main .scope-navigation .category-links>a>span{display:flex;align-items:center;justify-content:space-between;gap:6px}
 html[data-reading-size] main :is(.scope-links.scope-cards,.scope-navigation .category-links) small{flex-shrink:0;white-space:nowrap;font-size:11px;margin:0}
 /* These compact navigation buttons deliberately ignore the reading-size setting. */
 html[data-reading-size]:not([data-reading-size=standard]) main :is(.scope-links.scope-cards,.scope-navigation .category-links) [data-reading-base]{font-size:13px!important;line-height:1.35}
 html[data-reading-size]:not([data-reading-size=standard]) main :is(.scope-links.scope-cards,.scope-navigation .category-links) small[data-reading-base]{font-size:11px!important}
}