/* Local restrained revision. Keep the original layout, heading scale and component sizes. */
/* Raise only the smallest metadata; body copy and primary controls keep their original scale. */
html[lang^=en] :is(.tag,.stat i,.fig-tag,.step-n,.step-badge,.vi-eyebrow,.vi-brief dt,.vi-brief-note,.vi-completion-head,.vd-record small,.vd-record-number,.vd-market-scope,.vd-detail-title,.vd-party small,.vd-facts dt,.vd-evidence-bar,.vd-evidence-inspector small,.vd-evidence-inspector p,.vd-sample-label,.td-studio-copy small,.td-lead-label small,.td-lead-label span){font-size:12px!important}
html[lang^=en] .vd-party button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;min-height:22px;padding:0;font:600 11px/1 Arial,sans-serif;aspect-ratio:1;border-radius:50%;position:relative}
.vd-party button::after{content:'';position:absolute;inset:-10px;border-radius:50%}
.td-consult svg{display:block;flex:none;aspect-ratio:1}
/* Contain wide tables without changing desktop cell typography or existing table widths. */
.readability-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#6e9baf #152c3b}
.readability-table-scroll:focus-visible{outline:2px solid #9ce4cf;outline-offset:3px}
.table-scroll-cue{display:none}
@media(max-width:760px){
 html[lang^=en] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important;min-width:0;max-width:100%;box-sizing:border-box;min-height:44px}
 html[lang^=en] :is(.td-lead-label,.td-p2-fields label){font-size:14px!important}
 html[lang^=en] :is(table th,table td){font-size:14px!important;line-height:1.6!important;padding:10px 11px!important}
 .readability-table-scroll.is-wide{border-right:2px solid #7de2c566}
 .table-scroll-cue.is-visible{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;color:#b3cad8;margin:0;padding:7px 11px}
 .table-scroll-cue svg{width:18px;height:16px;flex:none}
 .readability-table-scroll.is-wide :is(th,td):first-child{position:sticky;left:0;z-index:1;background:#142b3e;box-shadow:1px 0 #426176;max-width:140px;overflow-wrap:anywhere}
 .vb-form-reading .td-consult{opacity:0;visibility:hidden;pointer-events:none}
 /* Keep the original one-row header; make its smallest action readable. */
 html[lang^=en] body .td-global-nav .nav-right .btn{font-size:12px!important;padding:10px 8px!important}
 html[lang^=en] body .td-brand-art{width:100px!important;max-width:100px!important}
 .td-legacy-hero-copy .search{flex-wrap:wrap}
 .td-legacy-hero-copy .search input{flex:1 1 170px}
 .td-legacy-hero-copy .search button{flex:1 1 130px}
}
@media(max-width:360px){
 html[lang^=en] body .td-global-nav .nav-in{flex-wrap:wrap!important;gap:7px!important}
 html[lang^=en] body .td-global-nav .nav-right{flex-basis:100%;justify-content:space-between;margin-left:0!important;width:100%}
}

/* Keep the original compact evidence footer; no enlarged control or extra row. */
.vd-workbench-footer p,.vd-motion-control{font-size:11px!important}.vd-motion-control{white-space:nowrap}

/* Existing four-column metric cards clip words on phones. Desktop stays unchanged. */
@media(max-width:760px){html[lang^=en] .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}html[lang^=en] .stats .stat{min-width:0;padding:14px 12px}html[lang^=en] .stats .stat b{font-size:24px;overflow-wrap:anywhere}}

@media(min-width:761px) and (max-width:900px){html[lang^=en] .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[lang^=en] .stats .stat{min-width:0}}

@media(max-width:760px){html[lang^=en] body .td-global-nav .td-brand-link{min-width:0!important;width:100px!important;flex:0 0 100px!important}html[lang^=en] body .td-global-nav .nav-in{gap:6px!important}}

@media(max-width:760px){html[lang^=en] body .td-global-nav .nav-right{gap:4px!important}html[lang^=en] body .td-global-nav .nav-right .btn{padding:10px 7px!important}}

/* Final phone polish: compact metadata and a little more breathing room in the header. */
@media(max-width:760px){
 html[lang^=en] .td-lead-label{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:6px 8px!important}
 html[lang^=en] .td-lead-label :is(small,span){display:inline!important;margin:0!important;font-weight:400}
 html[lang^=en] .td-lead-label :is(input,textarea,select){flex:0 0 100%;width:100%}
 html[lang^=en] body .td-global-nav .nav-right{gap:6px!important}
 html[lang^=en] body .td-global-nav .td-mobile-menu summary{padding-left:7px!important;padding-right:7px!important}
 .vb-table-reading .td-consult{opacity:0;visibility:hidden;pointer-events:none}
}

@media(min-width:361px) and (max-width:400px){html[lang^=en] body .td-global-nav .td-brand-link{width:94px!important;flex-basis:94px!important}html[lang^=en] body .td-global-nav .td-brand-art{width:94px!important;max-width:94px!important}html[lang^=en] body .td-global-nav .nav-right{gap:4px!important}html[lang^=en] body .td-global-nav .nav-right .btn{padding-left:5px!important;padding-right:5px!important}html[lang^=en] body .td-global-nav .td-mobile-menu summary{padding-left:4px!important;padding-right:4px!important}}

/* PE article only: below its existing 700px breakpoint, rows are cards rather than a column grid. */
@media(max-width:700px){
 .pe-body .pe-table .readability-table-scroll{overflow-x:visible;border-right:0}
 .pe-body .pe-table .readability-table-scroll :is(table,tbody,tr,td){min-width:0!important;max-width:100%;box-sizing:border-box}
 .pe-body .pe-table td{white-space:normal;overflow-wrap:anywhere}
 .pe-body .pe-table .readability-table-scroll :is(th,td):first-child{position:static;max-width:none;box-shadow:none;background:transparent}
}

/* Between card and tablet layouts, keep long PE names inside their table column. */
@media(min-width:701px) and (max-width:760px){
 .pe-body .pe-table .readability-table-scroll :is(th,td):first-child{max-width:none;white-space:normal;overflow-wrap:anywhere}
}

/* Phone hit areas grow into existing whitespace, leaving visual boxes and typography intact. */
@media(max-width:760px){
 html[lang^=en] .td-global-nav .lang{position:relative}
 html[lang^=en] .td-global-nav .lang a{position:static}
 html[lang^=en] .td-global-nav .lang a::after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
 html[lang^=en] .td-global-nav .td-mobile-menu>summary,
 html[lang^=en] .td-global-nav .nav-right>.btn,
 html[lang^=en] #leadForm button[type=submit]{position:relative;overflow:visible}
 html[lang^=en] .td-global-nav .td-mobile-menu>summary::before,
 html[lang^=en] .td-global-nav .nav-right>.btn::after,
 html[lang^=en] #leadForm button[type=submit]::after{content:'';position:absolute;left:0;right:0;top:50%;height:max(44px,100%);transform:translateY(-50%)}
}