.explain-icon{width:44px;height:44px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.graphic-overline{font:700 11px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;color:#386969;margin-bottom:22px;text-transform:uppercase}
.diagram-note{font:400 13px/1.6 ui-sans-serif,system-ui,sans-serif;color:#44646a;margin:20px 0 0;max-width:none!important}.diagram-note a{color:#07596b;text-decoration:underline}
.illustrated-card{display:block!important;padding:0!important;overflow:hidden;position:relative}
.card-art{height:225px;position:relative;background:#051b26;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.illustrated-card:hover .card-art img{transform:scale(1.035)}
.card-art span{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 8px;background:linear-gradient(transparent,#061e2acf);font-size:10px;letter-spacing:.055em;color:#e4f2ef}
.illustrated-card>.experiment-letter{position:absolute!important;top:18px!important;left:18px!important;background:#f0f7eceb!important;box-shadow:0 3px 20px #05192333;backdrop-filter:blur(6px)}
.illustrated-card>div:last-child{padding:25px 28px 30px}.illustrated-card .kicker{margin:0 0 12px!important;min-height:0!important;display:block!important}.illustrated-card h3,.illustrated-card h2{font-size:1.7rem;line-height:1.12}
.study-explorer{background:#071f28!important;color:#d7e7e6;border-top:1px solid #6fa39940;border-bottom:1px solid #6fa39940}.study-explorer h2{color:#fff}.study-explorer .kicker{color:#e4b982}.study-explorer .section-heading p{color:#c7dcde}
.study-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 26px}.study-picker[hidden],.budget-controls[hidden]{display:none!important}
.study-picker button{background:#0d3039;color:#d2e4e3;border:1px solid #426269;text-align:left;min-height:62px;padding:11px 14px;display:flex;gap:12px;align-items:center;font:600 14px/1.3 ui-sans-serif,system-ui,sans-serif;border-radius:5px;cursor:pointer;transition:background .2s,color .2s}
.study-picker button span{font:400 24px/1 Georgia,serif;color:#b8e9df}.study-picker button[aria-selected="true"]{background:#efbb7c;color:#092d37;border-color:#efbb7c}.study-picker button[aria-selected="true"] span{color:#092d37}.study-picker button:hover{border-color:#d1e7e1}.study-explorer :focus-visible{outline:3px solid #f4c48b;outline-offset:3px;box-shadow:none}
.study-preview{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);border:1px solid #345961;border-radius:10px;overflow:hidden;min-height:440px;background:#0a2730;margin-bottom:24px}.study-preview[hidden]{display:none!important}
.preview-art{position:relative;min-height:370px;overflow:hidden}.preview-art img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.preview-letter{position:absolute;bottom:17px;left:24px;font:400 88px/1 Georgia,serif;color:#fff;text-shadow:0 2px 20px #021923b3}
.preview-copy{padding:34px 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.preview-copy h3{font:400 clamp(1.8rem,3vw,2.7rem)/1.1 Georgia,serif;letter-spacing:-.035em;color:#fff;margin:8px 0 17px}.preview-copy p{color:#d0e0df;font-size:16px;line-height:1.65;margin:0 0 16px}.preview-copy .button{margin-top:20px;background:#efbb7c;color:#082c36;border-color:#efbb7c;font-size:14px;min-height:44px}
.comparison-preview{border-left:2px solid #b1d9d0;padding-left:14px;display:grid;gap:5px;color:#e1eeeb;font-size:14px}.comparison-preview .step-label{color:#efc697;margin-bottom:3px}.art-note{font-size:11px;color:#b5cfd0;margin:12px 0 0}
.study-visual{display:grid;grid-template-columns:1fr;margin:32px 0 0;border-radius:8px 8px 0 0;overflow:hidden;background:#061f29}
.study-visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;grid-column:1;grid-row:1}
.study-art-title{grid-column:1;grid-row:1;align-self:end;padding:65px 27px 24px;background:linear-gradient(transparent,#051c2af5);z-index:1}.study-art-title span{color:#ecca9e;font:650 11px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.study-art-title h3{color:#fff!important;font:400 clamp(1.8rem,3vw,2.5rem)/1.08 Georgia,serif!important;margin:8px 0 0!important;max-width:25ch;letter-spacing:-.03em}
.study-visual figcaption{grid-column:1;grid-row:2;font:400 11px/1.5 ui-sans-serif,system-ui,sans-serif;color:#bdd2d4;padding:10px 24px;margin:0}
.study-diagram{padding:24px 20px;background:#edf5f1;border:1px solid #ccdcd7;border-top:0;border-radius:0 0 8px 8px;margin-bottom:40px}
.diagram-title{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:22px}.diagram-title h3{font:700 18px/1.3 ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.02em;margin:0!important}.diagram-title>span{font:500 11px/1.4 ui-sans-serif,system-ui,sans-serif;color:#446968}
.study-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:14px}.study-flow li{padding:16px 13px;background:#fff;border:1px solid #c3d8d0;border-radius:6px;position:relative;min-width:0;margin:0!important}
.study-flow li:not(:last-child):after{content:"→";position:absolute;right:-13px;top:38px;color:#52756d;font:600 17px/1 sans-serif;z-index:2}
.study-flow .explain-icon{width:38px;height:38px;color:#236e6b;display:block;margin-bottom:17px}.study-flow li:last-child .explain-icon{color:#a46124}.step-label{display:block;font:750 10px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;color:#487270;margin:0 0 10px}
.study-flow h4{font:750 15px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em;color:#103d44;margin:0 0 11px}.step-detail{font:400 13px/1.6 ui-sans-serif,system-ui,sans-serif;color:#395c60;overflow-wrap:anywhere}
.comparison-arm{display:block;border-left:2px solid #b7d4c8;padding:0 0 0 8px;margin:0 0 9px}.study-flow li:last-child{background:#faf6ed;border-color:#e1d0b6}.protocol-overview{padding:22px;background:#eef5f1;border:1px solid #cadbd4;border-radius:8px;margin:25px 0}
.budget-visual{margin:0 0 65px;padding:34px;background:#f0f5ef;border:1px solid #c3d4cb;border-radius:10px;color:#153b43;box-sizing:border-box}.budget-viz-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.budget-viz-heading h2{font:400 clamp(1.7rem,3vw,2.65rem)/1.13 Georgia,serif!important;color:#123d46;max-width:20ch;margin:5px 0 22px;letter-spacing:-.04em}.budget-viz-heading .kicker{font:750 10px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;color:#376b64}
.budget-controls{display:flex;gap:12px;flex-wrap:wrap;max-width:380px}.budget-controls label{font:700 12px/1.5 ui-sans-serif,system-ui,sans-serif;color:#345e60;display:grid;gap:6px}.budget-controls select{font:500 14px/1.3 ui-sans-serif,system-ui,sans-serif;padding:11px 28px 11px 12px;border:1px solid #7c9f96;border-radius:4px;background:#fff;color:#173d44;min-height:44px;max-width:100%}
.budget-total-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 20px}.budget-total-line>span{font:600 13px/1.5 ui-sans-serif,system-ui,sans-serif;color:#3a6260}.budget-total-line strong{font:400 clamp(2rem,4vw,3.2rem)/1 Georgia,serif;color:#0b474b;font-variant-numeric:tabular-nums;white-space:nowrap}
.budget-composition{display:flex;height:31px;width:100%;gap:3px;overflow:hidden;border-radius:4px;margin-bottom:26px}.budget-slice{height:100%;min-width:0;flex-shrink:1}.budget-slice.category-0{background:#126568}.budget-slice.category-1{background:#3c8981}.budget-slice.category-2{background:#b77834}.budget-slice.category-3{background:#143f57}.budget-slice.category-4{background:#a5b6a7}
.budget-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.budget-key{display:flex;gap:10px;position:relative;align-items:flex-start;padding-top:15px;border-top:1px solid #bdd2c7;flex-wrap:wrap;min-width:0}.budget-key .explain-icon{width:28px;height:28px;color:#2b6b69}.budget-key>div{flex:1;min-width:83px}.budget-key>div>span{font:500 12px/1.4 ui-sans-serif,system-ui,sans-serif;color:#3e5c61;display:block;min-height:34px}.budget-key strong{display:block;font:700 15px/1.3 ui-sans-serif,system-ui,sans-serif;color:#183f45;margin-top:7px;font-variant-numeric:tabular-nums}.budget-percent{font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif;color:#466b64;padding-left:38px;width:100%}
.evidence-graphic{padding:30px;margin:30px 0 40px;background:#eef5f1;border:1px solid #cedfd6;border-radius:8px}.evidence-graphic ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin:0;list-style:none}.evidence-graphic li{position:relative;display:flex;flex-direction:column;gap:15px;min-width:0}.evidence-graphic li:not(:last-child):after{content:"→";font:400 24px/1 sans-serif;color:#6f9790;position:absolute;right:-23px;top:14px}.evidence-graphic .explain-icon{color:#216d6a}.evidence-graphic strong{font:750 17px/1.3 ui-sans-serif,system-ui,sans-serif;color:#123e46}.evidence-graphic p:not(.diagram-note){font:400 14px/1.6 ui-sans-serif,system-ui,sans-serif;color:#3d6161;margin:0}
.panel-icon{color:#25776e;margin-bottom:18px}.journey-panel{padding:32px 0 44px;border-bottom:1px solid #c9ddd4;margin:20px 0}.journey-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0;position:relative}.journey-line:before{content:"";height:1px;position:absolute;top:24px;left:20px;right:20px;background:#acccc0}.journey-line li{position:relative}.journey-line .explain-icon{color:#276e68;background:#fff;padding:5px;box-sizing:content-box;width:36px;height:36px;margin-bottom:18px}.journey-line h3{font:750 16px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 12px}.journey-line p{font:400 14px/1.6 ui-sans-serif,system-ui,sans-serif;color:#466368;margin:0}.journey-line li:last-child .explain-icon{color:#a26227}
.isolation-visual{margin:35px 0;background:#071f28;border-radius:10px;overflow:hidden;color:#dfefeb}.isolation-visual>img{display:block;width:100%;height:auto;max-height:490px;object-fit:cover}.isolated-loops{display:grid;grid-template-columns:1fr .8fr 1fr;gap:28px;padding:35px;align-items:stretch}.loop-source,.loop-treatment{display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;border:2px solid #c7965d;border-radius:16px;padding:20px}.loop-treatment{border-color:#59bdb5}.loop-source .explain-icon{color:#eec08d}.loop-treatment .explain-icon{color:#80e3d8}.isolated-loops strong{color:#fff;font:750 18px/1.3 ui-sans-serif,system-ui,sans-serif}.isolated-loops span,.isolated-loops small{font:400 13px/1.55 ui-sans-serif,system-ui,sans-serif;color:#c3d8d8;max-width:27ch}.heat-boundary{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:10px}.heat-boundary>span{font:400 48px/1 Georgia,serif;color:#e8ba81;letter-spacing:6px}.heat-boundary strong{font-size:16px}.isolation-visual figcaption{font:400 12px/1.5 ui-sans-serif,system-ui,sans-serif;color:#c5d9d8;padding:0 28px 23px}
.people-pictogram{display:flex;gap:16px;align-items:center;margin:8px 0 28px}.people-pictogram>span{display:block;width:44px;color:#216f6b}.people-pictogram svg{fill:currentColor;width:100%;height:auto}.people-pictogram .water-gap{color:#b2702d}
.support-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.support-paths>a{display:flex;flex-direction:column;gap:14px;padding:26px;border:1px solid #bed7cd;border-radius:8px;background:#fff;text-decoration:none;transition:transform .2s,border-color .2s}.support-paths>a:hover{transform:translateY(-3px);border-color:#397b71}.support-paths .explain-icon{color:#28756d}.support-paths span{font:750 18px/1.3 ui-sans-serif,system-ui,sans-serif;color:#143f47}.support-paths small{font:400 14px/1.6 ui-sans-serif,system-ui,sans-serif;color:#486a6a}
@media(max-width:1050px){.budget-viz-heading{display:block}.budget-controls{max-width:none;margin-bottom:25px}.budget-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-copy{padding:27px}.study-preview{min-height:420px}.study-picker button{font-size:12px}.journey-line{gap:18px}.journey-line h3{font-size:14px}.journey-line p{font-size:13px}}
@media(max-width:820px){.study-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.study-flow li:nth-child(2):after{display:none}.study-preview{grid-template-columns:1fr}.preview-art{min-height:0;aspect-ratio:16/9}.preview-copy{padding:29px}.preview-copy h3{font-size:2.5rem;max-width:22ch}.study-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.study-picker button{flex-direction:column;align-items:flex-start;gap:7px;padding:12px}.evidence-graphic ol{gap:30px}.evidence-graphic li:not(:last-child):after{right:-21px}.journey-line{grid-template-columns:1fr;gap:22px;padding-left:70px}.journey-line:before{width:1px;height:auto;top:18px;bottom:35px;left:22px;right:auto}.journey-line .explain-icon{position:absolute;left:-70px;top:0}.journey-line h3{font-size:18px}.journey-line p{font-size:15px}.journey-line li{padding:2px 0 6px;min-height:64px}.isolated-loops{padding:24px;gap:16px}.isolated-loops strong{font-size:16px}.isolation-visual>img{max-height:380px}.support-paths{gap:14px}.support-paths>a{padding:19px}.support-paths span{font-size:16px}}
@media(max-width:560px){.card-art{height:205px}.illustrated-card>div:last-child{padding:25px 22px}.illustrated-card .kicker{font-size:11px}.illustrated-card h3,.illustrated-card h2{font-size:1.6rem}.study-explorer .section-heading{margin-bottom:25px}.study-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.study-picker button{flex-direction:row;align-items:center;font-size:12px;gap:12px;min-height:57px}.study-picker button span{font-size:22px}.preview-copy{padding:24px}.preview-copy h3{font-size:2rem}.preview-copy p{font-size:15px}.preview-letter{font-size:60px}.study-art-title{padding:50px 19px 20px}.study-art-title h3{font-size:1.6rem!important}.study-art-title span{font-size:9px}.study-visual>img{aspect-ratio:4/3}.study-visual figcaption{padding:11px 18px;font-size:10px}.study-diagram{padding:22px 15px}.diagram-title{display:block}.diagram-title>span{display:block;margin-top:8px}.study-flow{grid-template-columns:1fr;gap:16px}.study-flow li{padding:18px 18px 18px 71px;min-height:125px}.study-flow .explain-icon{position:absolute;left:17px;top:20px;width:35px;height:35px}.study-flow li:not(:last-child):after{content:"↓";display:block;right:auto;left:31px;top:auto;bottom:-16px}.study-flow h4{font-size:16px}.step-detail{font-size:14px}.step-label{font-size:10px}.budget-visual{padding:23px 19px;margin-bottom:40px}.budget-viz-heading h2{font-size:2rem!important}.budget-controls{display:grid;grid-template-columns:1fr;gap:14px}.budget-controls select{width:100%}.budget-total-line{display:block;margin-top:24px}.budget-total-line strong{display:block;margin-top:14px;font-size:2.55rem}.budget-composition{height:27px;margin-top:24px}.budget-legend{grid-template-columns:1fr;gap:12px}.budget-key{align-items:center;flex-wrap:nowrap;gap:15px;padding-top:12px}.budget-key>div>span{min-height:0;font-size:12px}.budget-key>div{min-width:0}.budget-key strong{margin-top:5px;font-size:16px}.budget-percent{width:auto;padding-left:0;margin-left:auto;white-space:nowrap}.evidence-graphic{padding:25px 20px}.evidence-graphic ol{grid-template-columns:1fr;gap:32px}.evidence-graphic li{padding-left:62px;gap:10px}.evidence-graphic .explain-icon{position:absolute;left:0;width:38px}.evidence-graphic li:not(:last-child):after{content:"↓";left:12px;right:auto;top:auto;bottom:-28px}.evidence-graphic strong{font-size:18px}.evidence-graphic p:not(.diagram-note){font-size:15px}.isolated-loops{grid-template-columns:1fr;padding:23px}.heat-boundary>span{transform:rotate(90deg)}.heat-boundary{gap:6px;padding:5px 0}.isolation-visual>img{aspect-ratio:4/3;object-fit:cover}.isolation-visual figcaption{font-size:11px;padding:0 23px 24px}.support-paths{grid-template-columns:1fr}.support-paths>a{padding:24px 22px 24px 85px;position:relative;gap:9px}.support-paths .explain-icon{position:absolute;top:24px;left:23px;width:40px;height:40px}.support-paths span{font-size:18px}.journey-panel{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.card-art img,.study-picker button,.support-paths>a{transition:none!important}.illustrated-card:hover .card-art img,.support-paths>a:hover{transform:none!important}}
@media print{.study-picker,.budget-controls{display:none!important}.study-preview[hidden]{display:none!important}.study-preview{display:block;break-inside:avoid}.preview-art{height:230px;min-height:0}.preview-copy{background:#fff;color:#143f46}.preview-copy h3,.preview-copy p,.comparison-preview,.comparison-preview .step-label{color:#143f46!important}.study-flow{display:block}.study-flow li{break-inside:avoid;margin:12px 0!important}.study-flow li:after{display:none!important}.budget-visual{break-inside:avoid}.card-art{height:140px}.evidence-graphic,.journey-panel,.isolation-visual{break-inside:avoid}.isolated-loops{background:#fff;color:#143f46}.isolated-loops strong,.isolated-loops span,.isolated-loops small{color:#143f46!important}}