/* WPT Insights. Editorial layer for the shared V5 shell. */
@media(max-width:370px){html .page-insight .insight-hero h1{font-size:29px;hyphens:auto}}
.page-insight .insight-hero{padding-top:34px;padding-bottom:38px}
.page-insight .insight-back{font-size:14px;margin:0 0 34px}
.page-insight .insight-hero h1{font-size:clamp(38px,5.1vw,74px);line-height:1.06;letter-spacing:-.045em;max-width:1120px;margin:25px 0 28px;overflow-wrap:break-word;hyphens:auto;text-wrap:balance}
.page-insight .insight-meta{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:15px!important;line-height:1.5!important;margin:0}
.page-insight .insight-date-note{max-width:950px;font-size:14px!important;line-height:1.6!important;border-top:1px solid var(--line);margin:24px 0 0;padding-top:18px}
.insight-date-note a{text-underline-offset:3px}
.page-insight .insight-layout{grid-template-columns:minmax(210px,1fr) minmax(0,2.6fr);gap:7%;align-items:start;padding-top:55px}
.page-insight .insight-aside{align-self:start;max-height:calc(100dvh - 155px);overflow:auto;padding:5px 14px 20px 0;scrollbar-width:thin}
.insight-aside nav{margin:18px 0 24px}
.insight-aside ol,.insight-toc-mobile ol{margin:0;padding:0;list-style:none}
.insight-aside li+li,.insight-toc-mobile li+li{margin-top:12px}
.insight-aside nav a{display:block;font-size:14px;line-height:1.5;text-decoration:none}
.insight-aside nav a:hover,.insight-aside nav a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.insight-aside>.text-link{line-height:1.5}
.insight-toc-mobile{display:none}
.page-insight .insight-body{max-width:810px}
.insight-lead{font-size:22px;line-height:1.6;margin:0 0 42px}
.insight-lead p{font-size:inherit;line-height:inherit}
.page-insight .insight-body .insight-section{padding:0 0 36px}
.page-insight .insight-body .insight-section+.insight-section{padding-top:36px;border-top:1px solid var(--line)}
.page-insight .insight-body h2{font-size:clamp(29px,2.8vw,42px);line-height:1.16;letter-spacing:-.035em;margin:0 0 24px;overflow-wrap:break-word;hyphens:auto;text-wrap:balance}
.page-insight .insight-body h3{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:32px 0 16px;overflow-wrap:break-word;hyphens:auto}
.page-insight .insight-body p,.page-insight .insight-body li{font-size:19px;line-height:1.7}
.page-insight .insight-body p{margin:18px 0}
.page-insight .insight-body ul,.page-insight .insight-body ol{padding-left:26px;margin:22px 0}
.page-insight .insight-body li{padding-left:5px;margin:12px 0}
.page-insight .insight-body [id]{scroll-margin-top:120px}
.page-insight .insight-body strong{font-weight:700}
.page-insight .insight-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em;background:#e7e9e1;border:1px solid var(--line);padding:2px 5px;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.page-insight .insight-callout{padding:25px 28px;margin:28px 0;background:var(--cool);border-left:3px solid var(--ink)}
.page-insight .insight-callout--attention{background:var(--lime)}
.insight-callout-label{font-size:15px;font-weight:750;line-height:1.5;margin-bottom:10px}
.insight-callout-text{font-size:18px;line-height:1.65}
.page-insight .insight-body blockquote{border-left:3px solid var(--ink);margin:32px 0;padding:4px 0 4px 25px}
.page-insight .insight-body blockquote p{font-size:26px;line-height:1.4;letter-spacing:-.025em;margin:0}
.page-insight .insight-body blockquote cite{display:block;font-size:14px;line-height:1.6;font-style:normal;margin-top:16px}
.page-insight .insight-body .insight-related{border-top:1px solid var(--ink);padding:35px 0 5px;margin-top:10px}
.page-insight .insight-related .eyebrow{font-size:12px;line-height:1.5}
.page-insight .insight-related ul{list-style:none;padding:0;margin:22px 0}
.page-insight .insight-related li{padding:18px 0;margin:0;border-top:1px solid var(--line)}
.insight-related li a{text-decoration:none}
.insight-related li a:hover{text-decoration:underline;text-underline-offset:4px}
.insight-related .reading-actions{margin-top:30px}
.page-insights .insights-index-hero h1{font-size:clamp(55px,7.4vw,110px);line-height:.96;overflow-wrap:normal}
.page-insights .insight-index-note{font-size:15px!important;line-height:1.6!important;max-width:750px;margin-top:20px}
.insights-index-hero>.text-link{margin-top:25px}
.insights-index{padding:60px var(--pad) 70px}
.insights-index-top h2{font-size:clamp(32px,4vw,48px);margin:0 0 25px;scroll-margin-top:120px}
.insight-filters{display:flex;gap:10px;flex-wrap:wrap}
.insight-filters[hidden],.insight-list-item[hidden]{display:none!important}
.insight-filters button{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:30px;min-height:44px;padding:11px 17px;line-height:1.3;font:inherit;font-size:14px;cursor:pointer}
.insight-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.insight-filters button:hover{text-decoration:underline;text-underline-offset:3px}
.insight-count{font-size:14px;margin:22px 0}
.insight-list-item{display:grid;grid-template-columns:minmax(175px,1fr) minmax(0,3fr);gap:7%;padding:34px 0 40px;border-top:1px solid var(--line)}
.insight-list-meta p,.insight-list-meta time{display:block;font-size:13px;line-height:1.55;margin:0 0 9px}
.insight-list-meta p:first-child{font-weight:700}
.insight-list-item h2{font-size:clamp(26px,2.65vw,39px);line-height:1.17;letter-spacing:-.03em;margin:0 0 18px;overflow-wrap:break-word;hyphens:auto}
.insight-list-item h2 a{text-decoration:none}
.insight-list-item h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.insight-list-item>div>p{font-size:18px;line-height:1.6;max-width:850px;margin:0}
.insight-index-next{padding:60px var(--pad);background:var(--lime)}
.insight-index-next h2{font-size:clamp(38px,5vw,65px);margin:25px 0}
.insight-index-next>p:not(.eyebrow){font-size:20px;max-width:780px}
@media(max-width:900px){.page-insight .insight-layout{grid-template-columns:minmax(175px,1fr) minmax(0,2.4fr);gap:5%}.insight-aside nav a{font-size:13px}.insight-list-item{gap:5%}}
@media(max-width:720px){
 .page-insight .insight-hero{padding-top:26px;padding-bottom:30px}
 .page-insight .insight-back{margin-bottom:27px}
 .page-insight .insight-hero h1{font-size:clamp(34px,9.5vw,54px);line-height:1.09;margin:23px 0;letter-spacing:-.035em}
 .page-insight .insight-meta{font-size:14px!important;gap:7px 18px}
 .page-insight .insight-date-note{font-size:13px!important}
 .insight-toc-mobile{display:block;margin-top:25px;border-top:1px solid var(--line);padding-top:16px}
 .insight-toc-mobile summary{cursor:pointer;min-height:44px;font-size:15px;font-weight:700;padding:9px 0}
 .insight-toc-mobile nav{padding:12px 0 4px}
 .insight-toc-mobile a{display:block;font-size:15px;line-height:1.5;padding:4px 0;text-underline-offset:3px}
 .page-insight .insight-layout{display:block;padding-top:32px;padding-bottom:45px}
 .page-insight .insight-aside{display:none}
 .insight-lead{font-size:20px;line-height:1.6;margin-bottom:34px}
 .page-insight .insight-body h2{font-size:29px;line-height:1.18}
 .page-insight .insight-body h3{font-size:23px}
 .page-insight .insight-body p,.page-insight .insight-body li{font-size:18px;line-height:1.65}
 .page-insight .insight-callout{padding:21px 20px}
 .insight-callout-text{font-size:17px}
 .page-insight .insight-body blockquote{padding-left:20px}
 .page-insight .insight-body blockquote p{font-size:23px}
 .page-insights .insights-index-hero h1{font-size:clamp(43px,12vw,65px);line-height:1.02}
 .insights-index{padding-top:40px;padding-bottom:40px}
 .insight-list-item{grid-template-columns:1fr;gap:17px;padding:28px 0 32px}
 .insight-list-meta{display:flex;gap:6px 16px;flex-wrap:wrap}
 .insight-list-meta p,.insight-list-meta time{margin:0;font-size:12px}
 .insight-list-meta p:first-child{width:100%}
 .insight-list-item h2{font-size:29px}
 .insight-list-item>div>p{font-size:17px}
 .insight-index-next{padding:45px var(--pad)}
 .insight-index-next h2{font-size:39px}
}
@media(forced-colors:active){.insight-filters button[aria-pressed=true]{outline:3px solid Highlight;outline-offset:2px}.insight-callout,.insight-date-note{border-color:CanvasText}}
@media print{.page-insight .insight-aside,.insight-toc-mobile,.insight-back,.insight-related,.insight-filters{display:none!important}.page-insight .insight-layout{display:block;padding:20px 0}.page-insight .insight-body{max-width:none}.page-insight .insight-hero{padding:20px 0;background:none}.page-insight .insight-hero h1{font-size:30px}.page-insight .insight-body h2{font-size:23px}.page-insight .insight-body p,.page-insight .insight-body li{font-size:12pt}.insight-section{break-inside:auto}}