/* CSM concept v1: live content, five benefit cards, alternating information bands. */
.csm-page .section{padding-block:42px}
.csm-page .eyebrow{margin-bottom:9px;max-width:100%;font-size:.72rem;letter-spacing:.24em}
.csm-page .eyebrow::after{width:60px;height:2px}
.csm-page .section h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.08;letter-spacing:-.045em}
.csm-page .page-masthead{--scene-x:calc(50% - 85px);--scene-y:5px}
.csm-hero .breadcrumb{padding-block:30px 22px;font-size:.9rem}
.csm-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:490px;padding-block:15px 48px;gap:20px}
.csm-hero .hero-copy{align-self:center;max-width:650px}
.csm-hero h1{font-size:clamp(3rem,5.65vw,5.4rem);line-height:1.02;letter-spacing:-.05em}
.csm-hero .csm-subtitle{font-size:clamp(1.7rem,2.9vw,2.65rem);line-height:1.1;letter-spacing:-.035em;margin-top:8px}
.csm-hero .hero-description{font-size:1.3rem;line-height:1.42;margin-top:26px;max-width:630px}
.csm-hero .actions{margin-top:26px}
.csm-hero-art{position:relative;min-width:0}
.csm-art-caption{position:absolute;top:-45px;right:0;width:150px;margin:0;text-transform:uppercase;color:#5ceaff;font-size:.85rem;line-height:1.7;font-weight:600;letter-spacing:.3em}
.csm-art-caption span{display:block}
.csm-art-caption span+span{margin-top:26px;font-size:.7rem;line-height:1.8;letter-spacing:.25em}
.csm-art-caption span:first-child::after{content:"";display:block;width:44px;height:3px;background:var(--gold);margin-top:17px}
.csm-page .csm-benefits{border-block:1px solid #187298;background:linear-gradient(110deg,#001b2ee8,#00253be0),url('../images/section-atmosphere-v2.webp') center/cover}
.csm-benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:22px}
.csm-benefit{display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;grid-column:span 2;border:1px solid #1598c1;border-radius:8px;padding:27px 24px;min-height:215px;background:linear-gradient(120deg,#001b2d80,#00364b26)}
.csm-benefit:nth-child(4),.csm-benefit:nth-child(5){grid-column:span 3;min-height:195px}
.csm-benefit .design-icon,.csm-data-list .design-icon{width:64px;height:70px;fill:none;stroke:#50e2fa;stroke-width:2;filter:none}
.csm-benefit .design-icon .solid,.csm-data-list .design-icon .solid{fill:none;stroke:inherit}
.csm-benefit h3{font-size:1.5rem;line-height:1.17;letter-spacing:-.025em}
.csm-benefit p{font-size:1.2rem;line-height:1.38;color:#d3eff9;margin-top:14px}
.csm-scope-grid{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:24px}
.csm-scope-grid>div{min-width:0}
.csm-monitoring-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #c4d1db;border-radius:7px;overflow:hidden;margin-top:25px;text-align:left;color:#062242;font-size:1.08rem;line-height:1.35}
.csm-monitoring-table th,.csm-monitoring-table td{padding:15px 20px;vertical-align:top}
.csm-monitoring-table thead{background:#002039;color:#fff}
.csm-monitoring-table thead th{font-weight:650}
.csm-monitoring-table thead th+th{border-left:1px solid #139ac4}
.csm-monitoring-table tbody th{width:40%;font-weight:650;border-right:1px solid #c4d1db}
.csm-monitoring-table tbody tr+tr>*{border-top:1px solid #c4d1db}
.csm-monitoring-table tbody tr:nth-child(even){background:#ffffff30}
.csm-scope-art img{width:110%;max-width:none;margin-left:-4%;filter:drop-shadow(0 18px 14px #1b5c7915)}
.csm-page .csm-analysis{background:linear-gradient(110deg,#001b2eea,#00253bd9),url('../images/section-atmosphere-v2.webp') center/cover;overflow:hidden}
.csm-analysis-grid{display:grid;grid-template-columns:47% 53%;margin-top:36px}
.csm-data-list{list-style:none;display:grid;gap:23px;padding-right:35px}
.csm-data-list li{display:flex;align-items:center;gap:28px;font-size:1.25rem;line-height:1.4;color:#cceefb}
.csm-data-list .design-icon{width:52px;height:58px;flex:0 0 52px}
.csm-data-list .design-icon .gold{stroke:inherit}
.csm-pipeline{position:relative;isolation:isolate;border-left:2px solid #31cdec;display:flex;align-items:end;padding:105px 50px 25px}
.csm-pipeline p{color:#fff;font-size:1.3rem;line-height:1.42;max-width:475px;margin:0}
.csm-data-wave{position:absolute;z-index:-1;top:-95px;left:5%;width:115%;height:245px;stroke:none;opacity:.9}
.csm-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.csm-audience-grid>div{min-width:0}
.csm-audience-grid>div+div{border-left:1px solid #c1d2dc;padding-left:48px}
.csm-page .csm-audience h2{font-size:clamp(1.65rem,2.9vw,2.55rem);max-width:540px;line-height:1.13}
.csm-audience .eyebrow{max-width:510px;min-height:38px;line-height:1.45}
.csm-checklist{list-style:none;display:grid;gap:16px;margin-top:27px}
.csm-checklist li{display:flex;align-items:start;gap:20px;font-size:1.16rem;line-height:1.4;color:#153c66}
.csm-check{display:flex;align-items:center;justify-content:center;border:2px solid #0a2d51;border-radius:50%;width:32px;height:32px;flex:0 0 32px;color:#0a2d51;font-size:1.2rem;line-height:1}
.csm-description{margin-top:30px;font-size:.85rem;color:#245880}
.csm-description summary{width:fit-content;padding-block:5px;text-underline-offset:4px}
.csm-description summary:hover{text-decoration:underline}
.csm-description .entry-content{margin-top:25px}
.istsi-page-csm .contact-band-inner{min-height:130px;gap:30px}
.istsi-page-csm .contact-band h2{font-size:clamp(1.8rem,3.4vw,3rem)}
.istsi-page-csm .site-footer{min-height:235px}
@media(min-width:1101px){
    .istsi-page-csm .identity-row{min-height:80px}
    .istsi-page-csm .site-header::before{height:80px}
}
@media(min-width:701px) and (max-width:1100px){
    .csm-page .page-masthead{--scene-x:calc(100% + 80px);--scene-y:60px}
    .csm-hero-grid{min-height:450px;grid-template-columns:1.1fr 1fr}
    .csm-hero h1{font-size:3.6rem}
    .csm-hero .csm-subtitle{font-size:1.9rem}
    .csm-hero .hero-description{font-size:1.1rem}
    .csm-art-caption{display:none}
    .csm-benefit{grid-template-columns:46px minmax(0,1fr);gap:13px;padding:22px 17px;min-height:0}
    .csm-benefit .design-icon{width:43px;height:50px}
    .csm-benefit h3{font-size:1.1rem}
    .csm-benefit p{font-size:1rem}
    .csm-scope-grid{grid-template-columns:3fr 2fr;gap:15px}
    .csm-monitoring-table{font-size:.92rem}
    .csm-monitoring-table th,.csm-monitoring-table td{padding:12px}
    .csm-analysis-grid{grid-template-columns:1fr 1fr}
    .csm-data-list li,.csm-pipeline p{font-size:1.05rem}
    .csm-data-list li{gap:18px}
    .csm-pipeline{padding:95px 25px 15px}
    .csm-audience-grid{gap:28px}
    .csm-audience-grid>div+div{padding-left:28px}
    .csm-checklist li{font-size:1rem;gap:14px}
}
@media(max-width:700px){
    .csm-page .section{padding-block:34px}
    .csm-page .eyebrow{font-size:.65rem;letter-spacing:.2em}
    .csm-page .eyebrow::after{width:35px}
    .csm-page .section h2{font-size:2rem}
    .csm-page .page-masthead{--scene-x:calc(100% + 75px);--scene-y:100%}
    .csm-hero .breadcrumb{padding-block:22px 20px;font-size:.78rem}
    .csm-hero-grid{grid-template-columns:1fr;min-height:0;padding-block:0 12px;gap:0}
    .csm-hero h1{font-size:clamp(2.3rem,9.4vw,3.4rem)}
    .csm-hero .csm-subtitle{font-size:1.6rem;margin-top:12px}
    .csm-hero .hero-description{font-size:1.04rem;line-height:1.5;margin-top:20px}
    .csm-hero .actions{margin-top:23px}
    .csm-hero-art{height:280px}
    .csm-art-caption{display:none}
    .csm-benefit-grid{grid-template-columns:1fr;gap:14px;margin-top:22px}
    .csm-benefit,.csm-benefit:nth-child(4),.csm-benefit:nth-child(5){grid-column:auto;min-height:0;grid-template-columns:48px minmax(0,1fr);padding:22px 18px;gap:17px}
    .csm-benefit .design-icon{width:46px;height:51px}
    .csm-benefit h3{font-size:1.18rem}
    .csm-benefit p{font-size:1rem;margin-top:10px}
    .csm-scope-grid{grid-template-columns:1fr;gap:10px}
    .csm-monitoring-table{font-size:.88rem;margin-top:22px;table-layout:auto}
    .csm-monitoring-table th,.csm-monitoring-table td{padding:11px 10px;overflow-wrap:normal}
    .csm-monitoring-table thead th:first-child{width:40%}
    .csm-scope-art img{width:100%;max-width:390px;margin:0 auto}
    .csm-analysis-grid{grid-template-columns:1fr;gap:25px;margin-top:26px}
    .csm-data-list{padding:0;gap:20px}
    .csm-data-list li{font-size:1rem;gap:20px}
    .csm-data-list .design-icon{width:39px;height:44px;flex-basis:39px}
    .csm-pipeline{border-left:0;border-top:1px solid #31cdec;padding:100px 0 0}
    .csm-pipeline p{font-size:1.07rem;max-width:100%}
    .csm-data-wave{top:-12px;left:0;width:125%;height:135px}
    .csm-audience-grid{grid-template-columns:1fr;gap:30px}
    .csm-audience-grid>div+div{border-left:0;border-top:1px solid #c1d2dc;padding:30px 0 0}
    .csm-audience .eyebrow{min-height:0;margin-bottom:16px}
    .csm-page .csm-audience h2{font-size:1.7rem}
    .csm-checklist{gap:16px;margin-top:22px}
    .csm-checklist li{font-size:1rem;gap:15px}
    .csm-check{width:27px;height:27px;flex-basis:27px;font-size:1rem}
    .istsi-page-csm .contact-band-inner{gap:20px;min-height:0}
    .istsi-page-csm .contact-band h2{font-size:1.8rem}
}
@media print{
    .csm-page .page-masthead{background:white;color:black}
    .csm-hero .hero-description,.csm-benefit p,.csm-data-list li,.csm-pipeline p{color:black}
    .csm-hero-art,.csm-scope-art,.csm-data-wave{display:none}
    .csm-hero-grid{display:block;min-height:0;padding:15px 0}
    .csm-benefit{break-inside:avoid}
    .csm-monitoring-table thead{background:#eee;color:black}
    .csm-description .entry-content{display:block}
}