.preference-controls{display:flex;gap:7px;align-items:center}.preference-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:5px 9px;border:1px solid var(--line);border-radius:1px;color:var(--muted);font-size:11px;line-height:1.3;white-space:nowrap;background:transparent}.preference-button:hover{border-color:var(--copper);color:var(--text)}.preference-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.pref-day-icon{display:none}html[data-theme=dark] .pref-day-icon{display:block}html[data-theme=dark] .pref-night-icon{display:none}.top-actions{gap:14px}.theme-changing *,.theme-changing *:before,.theme-changing *:after{transition:none!important}.preference-language{min-width:37px;font-weight:550;letter-spacing:.2px}html[lang=en] .portal-nav{gap:22px}html[lang=en] .paper-home-hero h1{font-size:47px;line-height:1.26;letter-spacing:-1.5px}html[lang=en] .paper-home-hero p{max-width:490px}html[lang=en] .paper-entry h3{font-size:20px}html[lang=en] .ticker-name small{max-width:86px}html[lang=en] .fb-core .fb-metric>strong{font-size:22px}html[lang=en] .fb-metric .sb-metric-label,html[lang=en] .sb-metric-label{line-height:1.55}html[lang=en] .fb-core .fb-metric{min-height:154px}html[lang=en] .sb-metric-meta{flex-wrap:wrap}html[lang=en] .sb-nav>button{font-size:11px}html[lang=en] .view-nav>div{gap:24px}html[lang=en] .target-panel-head{gap:14px}html[lang=en] .sentiment-card{padding:22px 19px}html[lang=en] .sentiment-copy{line-height:1.8}html[lang=en] .sb-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[lang=en] .sb-mini-grid button{min-width:0}html[lang=en] .calendar-filters,html[lang=en] .calendar-categories{flex-wrap:wrap}html[lang=en] .forecast-table th{font-size:10px}html[lang=en] .forecast-table td{font-size:11px}html[lang=en] .journey-range-row{flex-wrap:wrap;gap:12px}
@media(max-width:1450px){.product-name{display:none!important}.portal-nav{gap:21px;margin-left:8px}.topbar{gap:22px}.top-actions{gap:9px}html[lang=en] .portal-nav{gap:18px}}
@media(max-width:1100px){:root{--workspace-header:111px}.topbar{height:111px;padding:14px 20px 0;gap:0;display:flex;flex-wrap:wrap}.brand{height:40px;font-size:36px}.top-actions{margin-left:auto;height:40px}.portal-nav{order:3;height:44px;width:100%;margin:10px 0 0;gap:26px;overflow-x:auto;scrollbar-width:none}.portal-nav a{font-size:11px;flex-shrink:0;height:44px}.portal-nav a.active:after{bottom:0}.guide-label{display:none}html[lang=en] .portal-nav{gap:25px}}
@media(max-width:760px){.topbar{padding-left:17px;padding-right:17px}.top-actions{gap:6px}.preference-controls{gap:5px}.preference-button{padding:5px 7px;min-height:29px}.preference-button .pref-mode-label{display:none}.guide-label{display:none}html[lang=en] .paper-home-hero h1{font-size:30px;line-height:1.4;letter-spacing:-.7px}html[lang=en] .paper-entry h3{font-size:17px}html[lang=en] .paper-entry p{min-height:76px}html[lang=en] .view-nav>div{gap:23px}html[lang=en] .instrument-header h1 span{display:block;margin:5px 0 0;font-size:12px}html[lang=en] .fb-core .fb-metric>strong{font-size:19px}html[lang=en] .fb-heading nav button{font-size:9px;padding:8px 4px}html[lang=en] .sb-nav>button{white-space:normal;font-size:10px;line-height:1.5}html[lang=en] .sentiment-card{padding:17px 15px}html[lang=en] .portal-heading-meta{max-width:180px}html[lang=en] .source-link{overflow-wrap:anywhere}}
@media(max-width:380px){.demo-label{max-width:73px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preference-button{padding:5px 6px}html[lang=en] .paper-home-hero h1{font-size:27px}html[lang=en] .sb-mini-grid{grid-template-columns:1fr}html[lang=en] .sb-metric>strong{font-size:21px}}

@media(max-width:700px){html[lang=en] .forecast-table td:nth-child(3)::before{content:"Target date"}html[lang=en] .forecast-table td:nth-child(2)::before{content:"Target"}}@media(max-width:1000px){html[lang=en] .timeline-controls::before{content:"Quick range"}}
html{background:var(--bg)}
@media(max-width:380px){html[lang=en] #foundationBoard .board-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;overflow:visible}html[lang=en] #foundationBoard .board-tabs button{text-align:left;white-space:normal}html[lang=en] .sb-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}html[lang=en] .sb-nav>button{min-width:0;padding:10px 0;display:block}html[lang=en] .sb-nav>button>span{display:block;margin:0 0 4px}}

/* V13: six price-history ranges remain visible at narrow widths. */
.board-periods{flex-wrap:wrap;justify-content:flex-end;max-width:100%;gap:2px}
.board-periods button{white-space:nowrap}
@media(max-width:1100px){.board-visual-head{flex-wrap:wrap;gap:14px}.board-periods{flex-shrink:0}}
@media(max-width:540px){.board-visual-head{display:block}.board-periods{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:14px;width:100%}.board-periods button{padding:7px 3px!important;font-size:10px}.sb-market-details>summary{flex-wrap:wrap}}
