/* Technology narrative: the existing PHG palette, typography, and footer. */
.technology-link{margin-top:19px;font-size:14px}
.technology-layer>div{min-width:0}
.technology-layer h3{max-width:600px}
.technology-layer p:not(.eyebrow){font-size:16px;line-height:1.75;color:#c1d1dd;margin-top:15px}
.technology-governance-teaser{padding-left:30px;border-left:1px solid #ffffff2b}
.technology-governance-teaser .eyebrow{line-height:1.7}
.technology-governance-teaser h4{font:400 24px/1.3 'IBM Plex Serif',Georgia,serif;margin-top:12px;color:#f3f7fa}
.capability-inline-link{display:inline-block;margin-top:10px;color:#8f491c;text-decoration:underline;text-underline-offset:4px;font-weight:500}
.page-technology main{background:#fbfcfd}
.page-technology main section[id]{scroll-margin-top:116px}
.page-technology h2{font:400 clamp(32px,3.05vw,43px)/1.18 'IBM Plex Serif',Georgia,serif;letter-spacing:-.025em}
.page-technology h2 em{color:#a45d2a}
.page-technology .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.13em}
.technology-hero{background:linear-gradient(120deg,#0b253b,#123b53);color:#f1f6f9}
.technology-hero>.section-wrap{padding-block:28px 54px}
.technology-hero .breadcrumb{color:#beced9;font-size:14px;margin-bottom:30px}
.technology-hero .breadcrumb>span:first-child{color:#e0ad80}
.technology-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}
.technology-hero .eyebrow{color:#d7b391;max-width:370px}
.technology-hero h1{font-size:clamp(43px,4.9vw,66px);line-height:1.06;margin-top:19px;letter-spacing:-.035em}
.technology-hero h1 em{color:#e5ab75}
.development-label{display:inline-block;font-size:13px;line-height:1.5;padding:8px 12px;border:1px solid #b69a7c;color:#efd8bd}
.technology-introduction .technology-tagline{font:400 25px/1.4 'IBM Plex Serif',Georgia,serif;margin-block:23px 16px;max-width:470px;color:#fff}
.technology-introduction>p:last-child{font-size:17px;line-height:1.8;color:#d1dfe9;max-width:540px}
.technology-page-nav{background:#edf2f5;border-bottom:1px solid #d7e1e9}
.technology-page-nav>.section-wrap{display:flex;flex-wrap:wrap;gap:12px 35px;padding-block:19px}
.technology-page-nav a{font-size:14px;line-height:1.5;padding-block:4px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c2cfd9}
.technology-page-nav a:hover{color:#914d20;text-decoration-color:currentColor}
.technology-editorial{display:grid;grid-template-columns:.8fr 1.25fr;gap:68px;padding-block:62px}
.technology-editorial h2{margin-top:18px}
.technology-prose p{font-size:16px;line-height:1.85;color:var(--muted)}
.technology-prose p+p{margin-top:21px}
.developing-capabilities{background:#0b253b;color:#eef4f8}
.developing-capabilities>.section-wrap{padding-block:51px 47px}
.technology-section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end;margin-bottom:27px}
.developing-capabilities .eyebrow{color:#d7b391}
.developing-capabilities h2{margin-top:15px}
.developing-capabilities h2 em{color:#e5ab75}
.technology-section-heading>p{font-size:16px;line-height:1.8;color:#c1d1dd;max-width:290px}
.developing-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:0;margin:0}
.developing-list li{display:flex;gap:20px;align-items:center;padding:20px 0;border-top:1px solid #ffffff27;font-size:16px;line-height:1.6;min-height:80px}
.tech-index{font-size:13px;letter-spacing:.05em;font-weight:500;flex:0 0 25px}
.developing-list .tech-index{color:#e5ab75}
.technology-model{padding-block:58px}
.technology-model h2{margin-top:16px;max-width:900px}
.technology-model>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--muted);margin-top:19px}
.technology-principles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:31px;padding-block:23px;border-block:1px solid var(--rule)}
.technology-principles dt{font:400 23px/1.28 'IBM Plex Serif',Georgia,serif;color:var(--navy);min-height:60px}
.technology-principles dd{font-size:14px;line-height:1.6;color:#8f491c;margin-top:12px}
.technology-objective{max-width:930px}
.governance-section{background:#f0f4f7;border-block:1px solid #dae3eb}
.governance-section>.section-wrap{padding-block:58px}
.governance-heading{max-width:840px}
.governance-heading h2{margin-top:16px;font-size:clamp(34px,3.7vw,48px)}
.governance-tagline{font-size:18px;line-height:1.7;color:var(--muted);margin-top:21px;max-width:700px}
.governance-intro{display:grid;grid-template-columns:.8fr 1.25fr;gap:68px;margin-top:36px;padding-top:31px;border-top:1px solid #d2dde6}
.governance-lead{font:400 25px/1.5 'IBM Plex Serif',Georgia,serif;max-width:360px}
.governance-controls{display:grid;grid-template-columns:.8fr 1.25fr;gap:68px;margin-top:45px}
.governance-controls-intro h3{font:400 30px/1.23 'IBM Plex Serif',Georgia,serif;margin-top:14px}
.governance-controls-intro>p:last-child{font-size:16px;color:var(--muted);line-height:1.8;margin-top:20px;max-width:300px}
.governance-list{min-width:0;border-top:1px solid #b9c9d6}
.governance-item{border-bottom:1px solid #bdccd7;background:transparent}
.governance-item summary{list-style:none;display:grid;grid-template-columns:25px 1fr 20px;gap:15px;align-items:center;min-height:74px;padding:19px 0;cursor:pointer;font-size:17px;line-height:1.5;font-weight:500}
.governance-item summary::-webkit-details-marker{display:none}
.governance-item .tech-index{color:#975526}
.governance-toggle::before{content:'+';font-size:25px;font-weight:400;color:#975526}
.governance-item[open] .governance-toggle::before{content:'−'}
.governance-item summary:hover{color:#914d20}
.governance-item p{padding:0 35px 24px 40px;font-size:16px;line-height:1.85;color:var(--muted);max-width:690px}
.governance-objective{margin-top:46px;padding:32px 0 0;border-top:1px solid #c4d2dd}
.governance-objective .governance-statement{font:400 clamp(23px,2.4vw,30px)/1.45 'IBM Plex Serif',Georgia,serif;max-width:950px;margin-top:15px;color:var(--navy)}
.governance-objective>p:last-child{font-size:16px;line-height:1.85;color:var(--muted);max-width:960px;margin-top:22px}
@media(max-width:1050px){
 .technology-hero-grid,.technology-editorial,.governance-intro,.governance-controls{gap:35px}
 .technology-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
 .technology-principles dt{min-height:0}
 .technology-section-heading{gap:30px}
}
@media(max-width:700px){
 .technology-governance-teaser{padding:24px 0 0;border-left:0;border-top:1px solid #ffffff2b}
 .technology-hero>.section-wrap{padding-block:25px 36px}
 .technology-hero-grid,.technology-editorial,.technology-section-heading,.governance-intro,.governance-controls{grid-template-columns:1fr;gap:27px}
 .technology-hero h1{font-size:clamp(41px,11vw,59px)}
 .technology-introduction .technology-tagline{font-size:24px;margin-top:19px}
 .technology-introduction>p:last-child{font-size:16px}
 .technology-page-nav>.section-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding-block:16px}
 .technology-page-nav a{font-size:14px}
 .technology-editorial,.technology-model{padding-block:40px}
 .developing-capabilities>.section-wrap{padding-block:39px}
 .developing-list{grid-template-columns:1fr}
 .developing-list li{min-height:0;padding-block:18px;align-items:flex-start;gap:15px}
 .developing-list .tech-index{padding-top:3px}
 .technology-section-heading>p{max-width:none}
 .technology-principles{grid-template-columns:1fr 1fr;gap:25px 21px}
 .technology-principles dt{font-size:22px}
 .technology-principles dd{margin-top:8px}
 .governance-section>.section-wrap{padding-block:40px}
 .page-technology h2,.governance-heading h2{font-size:32px}
 .governance-tagline{font-size:17px}
 .governance-intro{margin-top:26px;padding-top:25px}
 .governance-lead{max-width:none;font-size:24px}
 .governance-controls{margin-top:32px}
 .governance-controls-intro>p:last-child{max-width:none;margin-top:13px}
 .governance-item summary{font-size:16px;gap:10px;grid-template-columns:21px 1fr 18px}
 .governance-item p{padding-left:31px;padding-right:0}
 .governance-objective{margin-top:33px;padding-top:26px}
}
@media(max-width:380px){.technology-principles{grid-template-columns:1fr}.technology-principles>div+div{padding-top:18px;border-top:1px solid var(--rule)}.technology-hero h1{font-size:40px}.governance-heading h2{font-size:29px}}
@media print{.governance-item:not([open])>p{display:block!important}.technology-page-nav{display:none}.page-technology main section{break-inside:auto}}