/* Editorial template: shared fonts, palette, masthead and footer. */
.article-hero{display:grid;grid-template-columns:47% 53%;background:var(--navy);color:var(--cream);min-height:330px;overflow:hidden}
.article-hero>div{padding:36px 25px 36px 42px;align-self:center}
.article-hero h1{font:700 clamp(38px,4.5vw,60px)/1.02 var(--display);letter-spacing:-.6px;margin:0}
.article-hero>img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center}
.article-hero>div>p{margin:18px 0 0}
.article-layout{display:grid;grid-template-columns:235px minmax(0,790px);gap:44px;max-width:1130px;margin:42px auto 48px;padding:0 12px;align-items:start}
.article-sidebar{position:sticky;top:24px;border-right:1px solid var(--line);padding-right:26px;max-height:calc(100vh - 48px);overflow-y:auto}
.article-sidebar h2{font:600 23px/1.1 var(--display);text-transform:uppercase;color:var(--orange);margin-bottom:16px}
.article-sidebar ol,.article-mobile-contents ol{list-style:none;padding:0;margin:0}
.article-sidebar a{display:block;padding:7px 0;font-size:16px;line-height:1.28;text-decoration:none}
.article-sidebar a:hover,.article-mobile-contents a:hover{text-decoration:underline}
.article-reading{min-width:0;font-size:19px;line-height:1.58}
.article-reading .article-standfirst{font-size:clamp(24px,2.5vw,31px);line-height:1.23;margin:0 0 18px;letter-spacing:-.5px}
.article-byline{font:12px/1.6 var(--font-ui);letter-spacing:1px;margin-bottom:36px}
.article-byline p{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin:3px 0 0}
.article-reading section{scroll-margin-top:24px;margin-bottom:34px}
.article-reading h2{font:700 28px/1.18 var(--font-body);margin:0 0 16px;letter-spacing:-.6px;text-wrap:pretty}
.article-reading p{margin-bottom:20px}
.article-pullquote{border-left:4px solid var(--orange);padding:0 0 0 26px;margin:34px 0 40px;font-size:29px;line-height:1.2;letter-spacing:-.5px}
.article-pullquote p{margin:0}
.article-callout{background:var(--tan);padding:26px 30px;margin:26px 0}
.article-callout h3{font:700 24px/1.2 var(--font-body);margin:0 0 12px}
.article-callout p{margin:0;line-height:1.6}
/* Optional editorial diagrams; no existing article activates these styles. */
.article-illustration{margin:34px 0;padding:26px 30px;background:var(--tan);color:var(--navy);min-width:0;max-width:100%;overflow-wrap:break-word}
.article-illustration .article-illustration-label{font:600 11px/1.5 var(--font-ui);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px}
.article-illustration h3{font:700 26px/1.2 var(--font-body);margin:0 0 12px}
.article-illustration .article-illustration-subtitle{margin:0 0 20px}
.article-illustration-art{min-width:0;max-width:100%}
.article-illustration-art>svg,.article-illustration-art>img{display:block;width:100%;max-width:100%;height:auto}
/* Complete approved diagram crops include their own internal padding/caption. */
.article-final .article-illustration.article-diagram-image{padding:0;width:100%;max-width:100%;background:transparent}
.diagram-image-link{display:block;width:100%}
.diagram-image-link>img{display:block;width:100%;height:auto;object-fit:contain}
.diagram-caption-accessible{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.diagram-access{font:15px/1.4 var(--font-ui);margin-top:8px}
.diagram-access>a,.diagram-access summary{display:flex;align-items:center;min-height:44px;color:var(--orange)}
.diagram-access summary{display:list-item;padding:12px 0;cursor:pointer}
.diagram-text-version{padding:18px;background:var(--tan);color:var(--navy);container-type:inline-size;overflow-wrap:break-word}
.diagram-text-version>p{font:17px/1.5 var(--font-body)}
.article-illustration .article-illustration-description{font-size:16px;line-height:1.5;margin:18px 0 0}
.article-mobile-contents{display:none}
.article-related{border-top:1px solid var(--line);padding:28px 20px 12px;display:flex;align-items:center;gap:40px;justify-content:space-between}
.article-related>div{max-width:760px}
.article-related h2{font:400 27px/1.2 var(--font-body);margin:0 0 12px}
.article-related .eyebrow{font-size:11px;margin:0 0 8px}
.article-related>.text-link{flex-shrink:0;min-height:44px;font-size:17px}
.article-closing .closing{grid-template-columns:46% 1fr;min-height:180px}
.article-closing .closing>div{border-left:1px solid #91a0a2;margin:16px 0;padding:0 30px}
.article-closing .closing>img{max-height:210px}
@media(max-width:1000px){
 .article-hero{min-height:280px}
 .article-hero>div{padding:30px 24px}
 .article-hero>img{min-height:280px}
 .article-layout{grid-template-columns:185px minmax(0,1fr);gap:28px;margin-top:32px;padding:0 8px}
 .article-sidebar{padding-right:18px}
 .article-sidebar a{font-size:15px}
 .article-reading{font-size:18px}
 .article-related{gap:24px}
}
@media(max-width:700px){
 .article-hero{grid-template-columns:1fr;min-height:0}
 .article-hero>div{padding:28px 24px}
 .article-hero h1{font-size:clamp(34px,7.5vw,48px);line-height:1.04;letter-spacing:-.4px;max-width:550px}
 .article-hero>img{min-height:0;aspect-ratio:2;width:100%;height:auto;object-fit:cover}
 .article-layout{display:block;margin:28px auto 30px;padding:0 8px;max-width:620px}
 .article-sidebar{display:none}
 .article-reading{font-size:18px;line-height:1.57}
 .article-reading .article-standfirst{font-size:25px;line-height:1.28}
 .article-byline{margin-bottom:22px}
 .article-mobile-contents{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}
 .article-mobile-contents summary{padding:14px 0;font:600 22px var(--display);text-transform:uppercase;color:var(--orange);cursor:pointer;min-height:48px}
 .article-mobile-contents nav{padding-bottom:12px}
 .article-mobile-contents a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:17px;line-height:1.3}
 .article-reading h2{font-size:26px;line-height:1.2}
 .article-pullquote{font-size:25px;line-height:1.25;padding-left:18px;margin:28px 0 34px}
 .article-callout{padding:22px;overflow-wrap:break-word}
 .article-illustration{padding:22px 18px;margin:28px 0}
 .article-illustration h3{font-size:24px}
 .article-related{display:block;padding:22px 8px 8px}
 .article-related h2{font-size:24px}
 .article-closing .closing{grid-template-columns:32% 1fr}
 .article-closing .closing>div{padding:0 18px}
 .article-closing .closing h2{font-size:30px}
 .article-closing .closing p{font-size:16px}
}
@media(max-width:360px){
 .article-layout{padding:0 3px}
 .article-hero>div{padding:24px 18px}
 .article-reading .article-standfirst{font-size:23px}
 .article-pullquote{font-size:23px}
 .article-closing .closing{grid-template-columns:24% 1fr}
}
/* Preserve the complete approved panoramic artwork without enlarging or cropping it. */
.article-hero>img.article-art-complete{object-fit:contain;min-height:0;align-self:center;height:auto;aspect-ratio:3}
/* Final editorial treatment is opt-in: only Article 01 currently uses it. */
.article-final .article-hero{grid-template-columns:44% 56%;min-height:0}
.article-final .article-hero>div{padding:28px 28px 28px 32px}
.article-final .article-hero h1{font:700 clamp(32px,3.5vw,46px)/1.04 var(--font-body);letter-spacing:-.7px}
.article-final .article-hero .article-hero-category{font:11px/1.4 var(--font-ui);text-transform:uppercase;letter-spacing:1.8px;margin:0 0 14px}
.article-final .article-hero .article-hero-intro{font-size:18px;line-height:1.25;margin:16px 0 0}
.article-final .article-hero .article-hero-author{font:12px/1.5 var(--font-ui);letter-spacing:.7px;margin:14px 0 0}
.article-final .article-hero>img{min-height:0;object-position:55% center}
.article-final .article-layout{margin-top:28px;counter-reset:article-section}
.article-final .article-reading>section>h2::before{counter-increment:article-section;content:counter(article-section) '. '}
.article-final .article-pullquote{background:var(--tan);padding:20px 26px;font-size:clamp(26px,2.8vw,34px)}
.article-final .article-illustration{padding:20px;container-type:inline-size}
.article-final .article-illustration-label{color:var(--orange);letter-spacing:.7px;margin-bottom:6px}
.article-final .article-illustration h3{margin-bottom:4px}
.article-final .article-illustration-subtitle{font-size:16px;line-height:1.35;margin-bottom:18px}
.impact-sequence{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.impact-sequence>li{position:relative;min-width:0;border:1px solid #547389;display:flex;flex-direction:column}
.impact-symbol{display:flex;justify-content:center;align-items:center;background:#547389;color:var(--cream);height:58px}
.impact-symbol svg{width:44px;height:44px}
.impact-sequence>li:nth-child(even) .impact-symbol{background:var(--navy)}
.impact-sequence>li:last-child{border-color:var(--orange)}
.impact-sequence>li:last-child .impact-symbol{background:var(--orange)}
.impact-copy{padding:12px 6px;text-align:center;background:var(--cream);flex:1}
.impact-copy h4{font:600 15px/1.15 var(--display);text-transform:uppercase;margin:0 0 10px;overflow-wrap:normal}
.impact-copy h4::after{content:'';display:block;width:26px;margin:7px auto 0;border-top:2px solid var(--orange)}
.impact-copy p{font:14px/1.3 var(--font-body);margin:0}
.impact-arrow{position:absolute;width:20px;height:20px;right:-22px;top:50%;transform:translateY(-50%);color:var(--navy)}
.impact-sequence>li:last-child .impact-arrow{display:none}
.capability-sequence{list-style:none;padding:0;margin:20px 0 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}
.capability-sequence>li{position:relative;min-width:0;min-height:120px;padding:14px 16px;background:#547389;color:var(--cream)}
.capability-sequence>li:nth-child(2){background:var(--navy);min-height:136px}
.capability-sequence>li:nth-child(3){background:#315b73;min-height:152px}
.capability-sequence>li:nth-child(4){background:var(--orange);min-height:168px}
.capability-number{font:600 18px/1.1 var(--display)}
.capability-sequence h4{font:600 21px/1.1 var(--display);text-transform:uppercase;margin:2px 0 4px}
.capability-sequence p{font:15px/1.3 var(--font-ui);margin:0}
.capability-arrow{position:absolute;right:-19px;top:-18px;width:28px;height:28px;color:var(--orange);z-index:1}
.capability-objective{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;border-top:2px solid var(--orange);background:var(--cream);padding:10px 14px}
.capability-objective>span{font:600 15px/1.2 var(--display);color:var(--orange)}
.capability-objective>strong{font:700 17px/1.25 var(--font-body);text-align:center}
.maturity-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.maturity-column{min-width:0;background:#e5edf0}
.maturity-column-heading{padding:10px 14px;background:var(--navy);color:var(--cream)}
.maturity-column-heading h4{font:600 20px/1.1 var(--display);text-transform:uppercase;margin:0 0 4px}
.maturity-column-heading p{font:11px/1.3 var(--font-ui);letter-spacing:.7px;text-transform:uppercase;margin:0}
.maturity-column ul{list-style:disc;margin:0;padding:0}
.maturity-column li{list-style-position:inside;padding:8px 14px;font:16px/1.35 var(--font-ui)}
.maturity-column li::marker{color:var(--navy)}
.maturity-column li:nth-child(odd){background:#d6e3e8}
.maturity-column:nth-child(2){background:#f6ebdc}
.maturity-column:nth-child(2) .maturity-column-heading{background:var(--orange)}
.maturity-column:nth-child(2) li::marker{color:var(--orange)}
.maturity-column:nth-child(2) li:nth-child(odd){background:#f1dfc7}
.maturity-transition{display:grid;grid-template-columns:auto minmax(30px,1fr) auto;align-items:center;gap:18px;background:var(--navy);color:var(--cream);padding:10px 14px;margin-top:10px;font:600 15px/1.2 var(--display)}
.maturity-transition svg{width:100%;height:22px;color:#e49565}
.ai-process{display:grid;grid-template-columns:1fr 1.35fr 1.2fr;gap:20px;align-items:stretch}
.ai-stage{position:relative;min-width:0;background:#e5edf0}
.ai-stage-heading{background:#547389;color:var(--cream);padding:10px 8px;text-align:center;min-height:64px}
.ai-stage-heading h4{font:600 19px/1.1 var(--display);text-transform:uppercase;margin:0 0 4px}
.ai-stage-heading p{font:11px/1.2 var(--font-ui);text-transform:uppercase;margin:0}
.ai-stage ul{list-style:none;padding:8px;margin:0}
.ai-stage li{display:flex;align-items:center;gap:8px;min-height:42px;font:14px/1.35 var(--font-ui);padding:5px 0}
.ai-stage li svg{width:22px;height:22px;flex-shrink:0}
.ai-stage-assistance{background:var(--cream)}
.ai-stage-assistance .ai-stage-heading{background:var(--navy)}
.ai-stage-human{background:#f6ebdc}
.ai-stage-human .ai-stage-heading{background:var(--orange)}
.ai-stage-human li svg{color:var(--orange)}
.ai-assistance{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;padding-left:6px}
.ai-assistance li{gap:4px}
.ai-assistance li svg{width:14px;height:14px}
.ai-chip{position:relative;width:46px;height:46px;color:var(--navy)}
.ai-chip>svg{width:100%;height:100%}
.ai-chip>span{position:absolute;inset:0;display:grid;place-items:center;font:700 16px var(--font-ui)}
.ai-connector{position:absolute;right:-19px;top:55%;width:18px;height:22px;color:var(--navy)}
.ai-outcome{display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center;margin-top:10px;background:var(--cream);gap:12px;text-align:center}
.ai-outcome strong{display:block;padding:10px 8px;background:var(--navy);color:var(--cream);font:600 18px/1.15 var(--display)}
.ai-outcome strong:last-child{background:var(--orange)}
.ai-outcome>svg{width:100%;height:28px;color:var(--navy)}
@container(max-width:680px){
 .ai-process{grid-template-columns:1fr;gap:28px}
 .ai-stage li{font-size:16px;min-height:40px}
 .ai-stage ul{padding:12px 16px}
 .ai-assistance{grid-template-columns:54px minmax(0,1fr);padding-left:14px}
 .ai-chip{width:54px;height:54px}
 .ai-connector{top:auto;right:calc(50% - 9px);bottom:-26px;transform:rotate(90deg)}
 .ai-outcome{grid-template-columns:1fr;gap:6px}
 .ai-outcome>svg{width:28px;height:28px;justify-self:center;transform:rotate(90deg)}
}
.craft-comparison .maturity-column li{position:relative;list-style:none;padding:10px 14px 10px 30px;background:transparent}
.craft-comparison .maturity-column li::before{content:'';position:absolute;left:13px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--navy)}
.craft-comparison .maturity-column:nth-child(2) li::before{background:var(--orange)}
.craft-comparison li strong{display:block;font-size:15px;line-height:1.3}
.craft-comparison li span{display:block;font-size:14px;line-height:1.4;margin-top:3px}
.leadership-foundations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:14px 0 0;margin:12px 0 0;border-top:1px solid var(--orange)}
.leadership-foundations li{position:relative;padding:0 10px 0 22px;min-width:0;border-right:1px solid var(--line)}
.leadership-foundations li:last-child{border-right:0}
.leadership-foundations li::before{content:'';position:absolute;left:2px;top:3px;width:12px;height:12px;background:var(--orange);border-radius:50%}
.leadership-foundations strong{display:block;font:600 15px/1.25 var(--display);text-transform:uppercase}
.leadership-foundations span{display:block;font:14px/1.4 var(--font-ui);margin-top:4px}
@container(max-width:520px){
 .leadership-foundations{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .leadership-foundations li:nth-child(even){border-right:0}
 .craft-comparison li strong{font-size:17px}
 .craft-comparison li span{font-size:16px}
 .maturity-comparison{grid-template-columns:1fr;gap:18px}
 .maturity-transition{grid-template-columns:1fr;justify-items:center;text-align:center;gap:8px}
 .maturity-transition svg{width:26px;height:26px;transform:rotate(90deg)}
}
@container(max-width:300px){
 .leadership-foundations{grid-template-columns:1fr}
 .leadership-foundations li{border-right:0}
}
@container(max-width:620px){
 .capability-sequence{grid-template-columns:1fr;gap:24px}
 .capability-sequence>li{padding:18px 20px;min-height:100px}
 .capability-sequence>li:nth-child(2){min-height:112px}
 .capability-sequence>li:nth-child(3){min-height:124px}
 .capability-sequence>li:nth-child(4){min-height:136px}
 .capability-sequence p{font-size:17px}
 .capability-arrow{top:auto;bottom:-23px;right:14px;transform:rotate(135deg)}
 .capability-objective{grid-template-columns:1fr;gap:8px}
 .capability-objective>strong{text-align:left}
 .impact-sequence{grid-template-columns:1fr;gap:26px}
 .impact-sequence>li{display:grid;grid-template-columns:76px minmax(0,1fr)}
 .impact-symbol{height:100%;min-height:82px}
 .impact-copy{text-align:left;padding:14px 18px}
 .impact-copy h4{font-size:18px;margin-bottom:6px}
 .impact-copy h4::after{margin:7px 0 0}
 .impact-copy p{font-size:16px}
 .impact-arrow{right:calc(50% - 10px);top:auto;bottom:-24px;transform:rotate(90deg)}
}
@media(max-width:700px){
 .article-final .article-hero{grid-template-columns:1fr}
 .article-final .article-hero>div{padding:26px 22px}
 .article-final .article-hero h1{font-size:clamp(31px,7.5vw,44px)}
 .article-final .article-hero>img{aspect-ratio:3;height:auto;object-fit:contain}
 .article-final .article-pullquote{padding:18px;font-size:25px}
 .article-final .article-illustration{padding:18px 14px}
}