/* Editorial information page. Shared palette, shell, fonts and buttons: home.css. */
body[data-view="info"]{--info-copy-width:760px;--info-label-width:260px}
body[data-view="info"] .bcg-article{padding:0;margin:0}
body[data-view="info"] .info-hero{padding-top:72px}
body[data-view="info"] .info-hero .eyebrow{margin-bottom:24px}
body[data-view="info"] .info-hero h1{font-size:88px;line-height:1.04;letter-spacing:-.035em;margin-bottom:28px}
body[data-view="info"] .info-lead{max-width:var(--info-copy-width);font-size:20px;line-height:1.6;color:var(--muted);margin-bottom:40px}
body[data-view="info"] .info-stats{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin:0;padding:28px 0}
body[data-view="info"] .info-stats>div{padding:0 32px;border-left:1px solid var(--line)}
body[data-view="info"] .info-stats>div:first-child{padding-left:0;border:0}
body[data-view="info"] .info-stats dt{font-family:Newsreader,serif;font-size:36px;line-height:1.15;letter-spacing:-.02em;color:var(--green)}
body[data-view="info"] .info-stats dd{font-size:14px;color:var(--muted);line-height:1.5;margin:8px 0 0}
body[data-view="info"] .info-body{padding-top:16px}
body[data-view="info"] .info-section{max-width:none;padding:48px 0;border-bottom:1px solid var(--line)}
body[data-view="info"] .info-section h2{font-size:40px;line-height:1.15;letter-spacing:-.025em;max-width:none;margin:0 0 24px}
body[data-view="info"] .info-section h3{font-size:27px;line-height:1.2;letter-spacing:-.015em;margin:0 0 16px}
body[data-view="info"] .info-section p{max-width:var(--info-copy-width);font-size:18px;line-height:1.65;margin:0 0 20px}
body[data-view="info"] .info-section p:last-child{margin-bottom:0}
body[data-view="info"] .info-format,body[data-view="info"] .info-skills{margin-top:32px}
body[data-view="info"] .info-row{display:grid;grid-template-columns:var(--info-label-width) minmax(0,1fr);gap:32px;border-top:1px solid var(--line);padding:24px 0}
body[data-view="info"] .info-row:last-child{padding-bottom:0}
body[data-view="info"] .info-row h3{margin:0}
body[data-view="info"] .info-row p{color:var(--muted);margin:0}
body[data-view="info"] .info-zoom{max-width:var(--info-copy-width);margin-top:40px}
body[data-view="info"] .info-section .info-time-line{max-width:none;font-family:Newsreader,serif;font-size:28px;line-height:1.4;margin:8px 0 24px}
body[data-view="info"] .info-time-line strong{font-weight:400}
body[data-view="info"] .info-time-line span{font-size:42px;color:var(--green);white-space:nowrap;letter-spacing:-.025em}
body[data-view="info"] .info-score{margin-top:32px}
body[data-view="info"] .info-score-factors{max-width:none;margin:24px 0 0}
body[data-view="info"] .info-score-factors>div{display:grid;grid-template-columns:var(--info-label-width) minmax(0,1fr);gap:32px;padding:16px 0;border-top:1px solid var(--line);font-size:18px;line-height:1.6}
body[data-view="info"] .info-score-factors dt{font-weight:600}
body[data-view="info"] .info-score-factors dd{max-width:var(--info-copy-width);margin:0;color:var(--muted)}
body[data-view="info"] .info-case{max-width:var(--info-copy-width);border-left:2px solid var(--green);padding-left:28px;margin-top:40px}
body[data-view="info"] .info-case h3{font-size:30px}
body[data-view="info"] .info-preparation{padding:0;margin-bottom:56px}
body[data-view="info"] #preparation{margin:0;border:0}
body[data-view="info"] #preparation summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:12px 24px;align-items:center;list-style:none;cursor:pointer;padding:32px 0}
body[data-view="info"] #preparation summary::-webkit-details-marker{display:none}
body[data-view="info"] #preparation summary::marker{content:''}
body[data-view="info"] #preparation summary h2{font-size:36px;margin:0}
body[data-view="info"] .prep-hint{grid-column:1;font-size:15px;line-height:1.5;color:var(--muted)}
body[data-view="info"] .prep-toggle{grid-column:2;grid-row:1 / 3;width:24px;height:24px;fill:none;stroke:var(--green);stroke-width:1.4}
body[data-view="info"] details[open] .prep-vertical{display:none}
body[data-view="info"] #preparation summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}
body[data-view="info"] .prep-body{max-width:var(--info-copy-width);padding:0 0 32px}
body[data-view="info"] .prep-advice{margin-top:28px}
body[data-view="info"] .prep-advice strong{font-weight:600}
body[data-view="info"] .info-cta{background:var(--deep);color:var(--ivory)}
body[data-view="info"] .info-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:64px;padding:48px 0 56px}
body[data-view="info"] .info-cta .eyebrow{color:#AFD8C8;margin-bottom:24px}
body[data-view="info"] .info-cta h2{max-width:720px;font-size:48px;line-height:1.12;letter-spacing:-.025em;margin:0 0 24px}
body[data-view="info"] .info-cta p:not(.eyebrow){max-width:var(--info-copy-width);color:#E0E8DF;font-size:18px;line-height:1.65;margin:0 0 24px}
body[data-view="info"] .info-cta .info-practice-facts{font-size:15px!important;margin-bottom:0!important}
body[data-view="info"] .info-cta .outline{color:var(--ivory);border-color:var(--ivory);white-space:nowrap}
body[data-view="info"] .info-cta .outline:hover,body[data-view="info"] .info-cta .outline:active{background:var(--ivory);color:var(--deep)}
body[data-view="info"] .info-cta .outline:focus-visible{outline-color:var(--ivory)}
body[data-view="info"] .site-footer{margin-top:0}
@media(min-width:761px) and (max-width:1100px){
 body[data-view="info"]{--info-label-width:210px}
 body[data-view="info"] .info-hero h1{font-size:72px}
 body[data-view="info"] .info-stats>div{padding-inline:20px}
 body[data-view="info"] .info-stats dt{font-size:30px}
 body[data-view="info"] .info-row{gap:24px}
 body[data-view="info"] .info-score-factors>div{gap:24px}
 body[data-view="info"] .info-cta-inner{grid-template-columns:1fr;gap:28px;justify-items:start}
}
@media(max-width:760px){
 body[data-view="info"] .info-hero{padding-top:48px}
 body[data-view="info"] .info-hero h1{font-size:46px;line-height:1.08;margin-bottom:24px}
 body[data-view="info"] .info-lead{font-size:18px;line-height:1.6;margin-bottom:28px}
 body[data-view="info"] .info-stats{display:block;padding:8px 0}
 body[data-view="info"] .info-stats>div,body[data-view="info"] .info-stats>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;border:0}
 body[data-view="info"] .info-stats>div+div{border-top:1px solid var(--line)}
 body[data-view="info"] .info-stats dt{font-size:29px}
 body[data-view="info"] .info-stats dd{font-size:13px;margin:0;text-align:right}
 body[data-view="info"] .info-body{padding-top:0}
 body[data-view="info"] .info-section{padding:32px 0}
 body[data-view="info"] .info-section h2{font-size:33px;line-height:1.18;margin-bottom:20px}
 body[data-view="info"] .info-section h3{font-size:26px}
 body[data-view="info"] .info-section p{font-size:17px}
 body[data-view="info"] .info-row{grid-template-columns:1fr;gap:12px;padding:24px 0}
 body[data-view="info"] .info-row h3{margin:0}
 body[data-view="info"] .info-zoom{margin-top:32px}
 body[data-view="info"] .info-timing .info-time-line{font-size:25px}
 body[data-view="info"] .info-time-line span{font-size:36px}
 body[data-view="info"] .info-score-factors>div{grid-template-columns:1fr;gap:4px;font-size:17px}
 body[data-view="info"] .info-case{margin-top:32px;padding-left:20px}
 body[data-view="info"] .info-case h3{font-size:28px}
 body[data-view="info"] .info-preparation{padding:0;margin-bottom:36px}
 body[data-view="info"] #preparation summary{padding:28px 0;gap:12px 20px}
 body[data-view="info"] #preparation summary h2{font-size:30px}
 body[data-view="info"] .prep-hint{font-size:14px}
 body[data-view="info"] .info-cta-inner{grid-template-columns:1fr;gap:28px;padding:36px 0 40px;justify-items:start}
 body[data-view="info"] .info-cta h2{font-size:36px;margin-bottom:20px}
 body[data-view="info"] .info-cta p:not(.eyebrow){font-size:17px}
 body[data-view="info"] .info-cta .info-practice-facts{font-size:13px!important}
}
@media(max-width:374px){
 body[data-view="info"] .info-hero h1{font-size:42px}
 body[data-view="info"] .info-stats dt{font-size:27px}
 body[data-view="info"] .info-stats dd{font-size:12px}
 body[data-view="info"] .info-section h2{font-size:31px}
 body[data-view="info"] #preparation summary h2{font-size:28px}
}
@media(prefers-reduced-motion:no-preference){
 body[data-view="info"] details[open] .prep-body{animation:info-open 180ms ease-out}
 @keyframes info-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
}