/* Reading layout scoped to the experience analysis. */
.experience-article{--reading-width:720px}
.experience-article .article-hero{padding:2.4rem 0 2.2rem}
.experience-article .article-hero>.wrap{max-width:1088px}
.experience-article .breadcrumbs{margin-bottom:1.35rem;gap:.45rem;line-height:1.5}
.experience-article .article-hero h1{max-width:970px;margin:1rem 0 .9rem;font-size:clamp(2.25rem,4.5vw,3.9rem);line-height:1.1;overflow-wrap:normal;text-wrap:balance}
.experience-article .article-deck{max-width:780px;font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.4;margin:0 0 1.15rem}
.experience-article .article-byline{margin:.8rem 0 .35rem;font-size:.9rem;line-height:1.5}
.experience-article .article-label{font-size:.72rem;letter-spacing:.075em;margin:.5rem 0 0;line-height:1.6}
.experience-article .meta-row{gap:.4rem 1rem;font-size:.72rem;line-height:1.5;flex-wrap:wrap}
.experience-article .article-actions{gap:.6rem;margin-top:1rem;flex-wrap:wrap;align-items:center}
.experience-article .article-actions .article-share-button,.experience-article .article-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem .9rem;font-size:.82rem;font-weight:650;line-height:1.4;border:1px solid var(--line);background:transparent;color:var(--ink);text-decoration:none;max-width:100%}
.experience-article .article-actions .article-download{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.experience-article .article-actions .article-utility{min-height:44px;padding:.5rem .45rem;background:none;border:0;color:var(--slate);font-size:.8rem;font-weight:550;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transform:none}
.experience-article .reading-layout{max-width:1088px;grid-template-columns:210px minmax(0,var(--reading-width));gap:3.25rem;padding-top:2rem;padding-bottom:4rem;min-width:0}
.experience-article .article-body{min-width:0;max-width:var(--reading-width);overflow-wrap:break-word}
.experience-article .article-body section{margin-bottom:3rem;scroll-margin-top:7rem}
.experience-article .article-body p,.experience-article .article-body li{font-size:1.0625rem;line-height:1.72;text-wrap:pretty}
.experience-article .article-body p{margin-bottom:1.1rem}
.experience-article .article-body h2{font-size:clamp(1.85rem,2.6vw,2.4rem);line-height:1.2;margin:0 0 1.15rem;text-wrap:balance}
.experience-article .article-body h3{font-family:var(--sans);font-size:1.04rem;font-weight:700;letter-spacing:0;line-height:1.45;margin:1.8rem 0 .7rem;scroll-margin-top:7rem}
.experience-article .article-body .standfirst{font-family:var(--serif);font-size:1.28rem;line-height:1.58}
.experience-article .article-body sup{font-size:.7em;line-height:0;margin-left:.15em}
.experience-article .article-body sup a{text-decoration:none}
.experience-article .article-body .experience-key-question{border-left:3px solid var(--copper);padding:.4rem 0 .4rem 1.1rem;margin:1.5rem 0;font-size:1.12rem;line-height:1.6}
.experience-article .article-summary{padding:1.5rem 1.6rem;margin:0 0 2.4rem;border:1px solid var(--line);border-top:3px solid var(--copper);background:var(--surface)}
.experience-article .article-summary .eyebrow{font-family:var(--sans);font-size:.72rem;line-height:1.4;margin:0 0 .7rem}
.experience-article .article-summary .summary-heading{font-family:var(--serif);font-size:1.45rem;font-weight:500;line-height:1.25;text-transform:none;letter-spacing:-.015em;margin:0 0 .8rem}
.experience-article .article-summary>p:not(.eyebrow){font-family:var(--sans);font-size:1rem;line-height:1.65}
.experience-article .key-findings{padding-left:1.15rem;margin:.9rem 0 0;padding-top:.55rem}
.experience-article .key-findings li{font-size:.98rem;line-height:1.6;padding:.35rem 0}
.experience-article .article-toc{top:105px;max-height:calc(100svh - 125px);overflow-y:auto;scrollbar-width:thin;padding-right:.5rem}
.experience-article .article-toc a{font-size:.79rem;line-height:1.5;padding:.65rem 0;overflow-wrap:break-word}
.experience-article .article-toc .eyebrow{font-size:.7rem}
/* Text-based figures remain selectable, zoomable, and available to assistive technology. */
.experience-article .experience-figure{margin:1.7rem 0 1.8rem;padding:1.45rem 1.4rem;border:1px solid var(--line);background:var(--surface);max-width:100%}
.experience-article .experience-figure figcaption{font-family:var(--sans);font-size:1.08rem;font-weight:700;line-height:1.45;color:var(--ink);margin:0 0 1.1rem}
.experience-article .experience-figure .figure-number{display:block;font-size:.7rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--copper);margin-bottom:.35rem}
.experience-article .experience-contrast{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}
.experience-article .experience-contrast>div{padding:.3rem 0 .4rem .9rem;border-left:2px solid var(--line);min-width:0}
.experience-article .experience-contrast>div:last-child{border-left-color:var(--copper)}
.experience-article .experience-contrast h3{font-size:.92rem;margin:0 0 .45rem}
.experience-article .experience-contrast p{font-size:.96rem;line-height:1.6;margin:0}
.experience-article .experience-flow{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem}
.experience-article .experience-flow>li{position:relative;min-width:0;border-top:2px solid var(--line);padding:.7rem .1rem .3rem;font-size:.92rem;line-height:1.45}
.experience-article .experience-flow>li:not(:last-child)::after{content:'→';position:absolute;right:-1.1rem;top:1.55rem;font-size:1rem;color:var(--copper)}
.experience-article .experience-flow strong{display:block;font-size:.94rem;line-height:1.4;color:var(--ink);margin:0 0 .45rem}
.experience-article .experience-flow .step-number{display:block;color:var(--copper);font-size:.7rem;line-height:1.5;font-weight:700;margin-bottom:.35rem}
.experience-article .experience-flow span:not(.step-number){display:block;font-size:.88rem;line-height:1.55}
.experience-article .experience-figure .figure-note{font-size:.84rem;line-height:1.6;color:var(--slate);margin:1rem 0 0}
.experience-article .experience-outcomes{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:.7rem}
.experience-article .experience-outcomes p{font-size:.91rem;line-height:1.6;margin:.45rem 0}
.experience-table-wrap{width:100%;max-width:100%;margin:1.5rem 0}
.experience-table{width:100%;table-layout:fixed;border-collapse:collapse;font-family:var(--sans);font-size:1rem;line-height:1.6}
.experience-table caption{text-align:left;padding:0 0 .8rem;font-weight:650;color:var(--ink);font-size:.94rem;line-height:1.5}
.experience-table th,.experience-table td{border-bottom:1px solid var(--line);padding:.95rem .85rem;text-align:left;vertical-align:top;overflow-wrap:break-word}
.experience-table thead th{background:var(--paper-2);font-weight:700;color:var(--ink);font-size:.88rem}
.experience-table th:first-child{width:31%}
.experience-table tbody th{font-weight:650;font-size:.95rem;color:var(--ink)}
.experience-table td{font-size:.98rem;line-height:1.65;color:var(--graphite)}
.experience-article .experience-research-note,.experience-article .experience-sources{border-top:1px solid var(--line);padding-top:1.6rem}
.experience-article .experience-research-note p,.experience-article .experience-sources li{font-size:.95rem;line-height:1.7}
.experience-article .experience-sources li{margin-bottom:1.1rem;scroll-margin-top:7rem}
.experience-article .experience-sources a{overflow-wrap:anywhere}
.experience-article #citation p,.experience-article #related p{font-size:.95rem}
.experience-article :focus-visible{outline:3px solid var(--copper);outline-offset:4px}
@media(max-width:1020px){
 .experience-article .article-hero>.wrap,.experience-article .reading-layout{max-width:760px}
 .experience-article .reading-layout{grid-template-columns:minmax(0,1fr);gap:1.4rem;padding-top:1.4rem}
 .experience-article .article-toc{position:static;display:block;max-height:none;overflow:visible;padding:0;border:0}
 .experience-article .article-toc:has(.article-toc-toggle) .eyebrow{display:none}
 .experience-article .article-toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:.65rem .8rem;background:var(--surface);border:1px solid var(--line);font-size:.83rem;font-weight:650;text-align:left;cursor:pointer}
 .experience-article .article-toc-toggle::after{content:'+';font-size:1.1rem;color:var(--copper)}
 .experience-article .article-toc.toc-open .article-toc-toggle::after{content:'−'}
 .experience-article .article-toc a{display:none!important;min-height:44px;padding:.65rem .8rem!important}
 .experience-article .article-toc.toc-open a,.experience-article .article-toc:not(:has(.article-toc-toggle)) a{display:block!important;border-bottom:1px solid var(--line)!important}
}
@media(max-width:640px){
 .experience-article .article-hero{padding:1.35rem 0 1.5rem}
 .experience-article .breadcrumbs{margin-bottom:1rem;font-size:.72rem}
 .experience-article .article-hero h1{font-size:clamp(2.05rem,8.8vw,2.55rem);margin:.85rem 0 .8rem;line-height:1.12;overflow-wrap:normal}
 .experience-article .article-deck{font-size:1.22rem;line-height:1.38;margin-bottom:.85rem}
 .experience-article .article-byline{font-size:.85rem;margin:.6rem 0 .35rem}
 .experience-article .article-label{font-size:.67rem;letter-spacing:.065em}
 .experience-article .meta-row{gap:.3rem .8rem;font-size:.67rem}
 .experience-article .meta-row>span:first-child{flex-basis:100%}
 .experience-article .article-actions{gap:.3rem .55rem;margin-top:.8rem}
 .experience-article .article-actions .article-utility{font-size:.76rem;padding:.45rem .2rem}
 .experience-article .article-body p,.experience-article .article-body li{font-size:1.0625rem;line-height:1.7}
 .experience-article .article-body h2{font-size:1.85rem;line-height:1.2}
 .experience-article .article-body h3{font-size:1.025rem;margin-top:1.65rem}
 .experience-article .article-body section{margin-bottom:2.5rem}
 .experience-article .article-summary{padding:1.2rem}
 .experience-article .article-summary .summary-heading{font-size:1.37rem}
 .experience-article .article-summary>p:not(.eyebrow),.experience-article .key-findings li{font-size:1rem;line-height:1.62}
 .experience-article .experience-figure{padding:1.15rem;margin:1.45rem 0}
 .experience-article .experience-contrast{grid-template-columns:1fr;gap:1rem}
 .experience-article .experience-contrast h3{font-size:1rem;margin:0 0 .45rem}
 .experience-article .experience-contrast p{font-size:1rem}
 .experience-article .experience-flow{grid-template-columns:1fr;gap:0;margin:.7rem 0}
 .experience-article .experience-flow>li{display:grid;grid-template-columns:1.65rem 1fr;gap:0 .65rem;padding:.8rem 0;border-top:1px solid var(--line)}
 .experience-article .experience-flow>li:not(:last-child)::after{content:none}
 .experience-article .experience-flow .step-number{grid-row:1/3;font-size:.8rem;margin:.05rem 0 0}
 .experience-article .experience-flow strong{font-size:1rem;margin:0 0 .25rem}
 .experience-article .experience-flow span:not(.step-number){grid-column:2;font-size:.95rem;line-height:1.55}
 .experience-article .experience-figure .figure-note{font-size:.87rem}
 .experience-article .experience-outcomes p{font-size:.95rem}
 .experience-table,.experience-table caption,.experience-table tbody{display:block;width:100%}
 .experience-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .experience-table tbody tr{display:block;width:100%;border:1px solid var(--line);background:var(--surface);padding:1rem 1.05rem;margin-bottom:.8rem;break-inside:avoid}
 .experience-table th,.experience-table td,.experience-table th:first-child{display:block;width:100%;padding:0;border:0;font-size:1rem;line-height:1.65}
 .experience-table tbody th{margin-bottom:.4rem;font-weight:700;color:var(--ink)}
 .experience-table caption{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){html:has(.experience-article){scroll-behavior:auto}.experience-article *{scroll-behavior:auto!important;transition:none!important}}
@media print{
 @page{size:letter;margin:.6in}
 .experience-article .wrap{width:100%!important;max-width:none!important}
 .experience-article .article-hero{padding:0 0 .8rem!important}
 .experience-article .article-hero h1{font-size:26pt;line-height:1.1;margin:.3rem 0 .6rem;max-width:none}
 .experience-article .article-deck{font-size:12.5pt;line-height:1.4;max-width:none;margin-bottom:.6rem}
 .experience-article .article-byline{font-size:9pt;margin:.5rem 0 .2rem}
 .experience-article .article-label,.experience-article .meta-row{font-size:8pt;line-height:1.4}
 .experience-article .reading-layout{display:block!important;padding:1rem 0 0!important}
 .experience-article .article-toc,.experience-article .article-actions{display:none!important}
 .experience-article .article-body{max-width:none!important}
 .experience-article .article-body section{margin-bottom:1.5rem!important}
 .experience-article .article-body p,.experience-article .article-body li{font-size:10.3pt;line-height:1.48;orphans:3;widows:3}
 .experience-article .article-body p{margin-bottom:.65rem}
 .experience-article .article-body h2{font-size:17pt;line-height:1.2;margin-bottom:.65rem;break-after:avoid}
 .experience-article .article-body h3{font-size:10.5pt;line-height:1.4;margin:1rem 0 .45rem;break-after:avoid}
 .experience-article .article-body .standfirst{font-size:11.2pt;line-height:1.5}
 .experience-article .article-body .experience-key-question{font-size:10.6pt;line-height:1.5;padding:.2rem 0 .2rem .75rem;margin:.8rem 0;break-inside:avoid}
 .experience-article .article-summary{padding:1rem;break-inside:avoid}
 .experience-article .article-summary .summary-heading{font-size:12.5pt;margin-bottom:.5rem}
 .experience-article .article-summary .eyebrow{font-size:7.5pt;margin-bottom:.45rem}
 .experience-article .article-summary>p:not(.eyebrow),.experience-article .key-findings li{font-size:9.8pt;line-height:1.45}
 .experience-article .key-findings{margin-top:.5rem;padding-top:.25rem}
 .experience-article .key-findings li{padding:.2rem 0}
 .experience-article .experience-figure{margin:1rem 0;padding:1rem;break-inside:avoid;background:#fff}
 .experience-article .experience-figure figcaption{font-size:11pt;margin-bottom:.65rem}
 .experience-article .experience-figure .figure-number{font-size:7.5pt}
 .experience-article .experience-contrast{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.6rem}
 .experience-article .experience-contrast h3{font-size:9.5pt;margin:0 0 .3rem}
 .experience-article .experience-contrast p{font-size:9.5pt;line-height:1.5}
 .experience-article .experience-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:.6rem 0}
 .experience-article .experience-flow>li{display:block;font-size:9pt;line-height:1.4;padding:.4rem 0 .1rem}
 .experience-article .experience-flow .step-number{font-size:7.5pt}
 .experience-article .experience-flow strong{font-size:9.4pt;line-height:1.4}
 .experience-article .experience-flow span:not(.step-number){font-size:8.8pt;line-height:1.4}
 .experience-article .experience-flow>li:not(:last-child)::after{content:'→';font-size:9pt;right:-.9rem;top:1.15rem}
 .experience-article .experience-figure .figure-note,.experience-article .experience-outcomes p{font-size:8.5pt;line-height:1.45}
 .experience-table{display:table;font-size:9pt;table-layout:fixed}
 .experience-table caption{display:table-caption;font-size:9pt}
 .experience-table thead{position:static;display:table-header-group;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;white-space:normal}
 .experience-table tbody{display:table-row-group}
 .experience-table tbody tr{display:table-row;break-inside:avoid;background:#fff}
 .experience-table th,.experience-table td,.experience-table th:first-child{display:table-cell;width:auto;padding:6pt;border-bottom:1px solid #bbb;font-size:9pt;line-height:1.5}
 .experience-table th:first-child{width:31%}
 .experience-article .experience-research-note p,.experience-article .experience-sources li,.experience-article #citation p,.experience-article #related p{font-size:9pt;line-height:1.5}
 .experience-article .experience-sources li{break-inside:avoid;margin-bottom:.65rem}
 .experience-article .article-body sup a::after{content:none!important}
}

/* Keep the numbered steps within the reading column at enlarged text sizes. */
@media screen {
  .experience-article .experience-figure{overflow-wrap:anywhere}
  .experience-article .experience-flow>li>strong,
  .experience-article .experience-flow>li>span{min-width:0}
  .experience-article .article-hero h1{overflow-wrap:break-word}
}
@media screen and (max-width:640px){
  .experience-article .experience-flow>li{grid-template-columns:1.65rem minmax(0,1fr)}
  .experience-article .article-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .6rem;max-width:22rem}
  .experience-article .article-actions>*{min-width:0;overflow-wrap:anywhere}
  .experience-article .article-actions>.article-utility{justify-self:start;justify-content:flex-start;text-align:left}
}