.detail-page{background:#fff;color:#102f25}
.detail-header{background:#fff;color:#102f25;border-bottom:1px solid #dce8e1;position:sticky;top:0;padding:18px 4%;min-height:84px}
.detail-header .brand{color:#102f25;white-space:nowrap}
.detail-header nav{gap:22px}
.detail-header nav a{font-size:14px;color:#50665c}
.detail-header nav a:hover,.detail-header nav a[aria-current]{color:#008564}
.detail-header button{font:inherit;cursor:pointer}
#detail-menu{display:none;border:1px solid #d5e1db;background:none;color:inherit;padding:10px 14px;min-height:44px}
.detail-hero{background:#06291f;color:#f0faf6;padding:65px 0 80px;overflow:hidden}
.detail-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px}
.detail-back{display:block;color:#abc6b7;font-size:13px;margin-bottom:48px}
.detail-hero .eyebrow{color:#77d9b0;display:block;margin-bottom:20px}
.detail-hero h1{font-size:clamp(34px,3.7vw,58px);line-height:1.3;letter-spacing:-.04em;margin:0 0 24px}
.detail-hero p{color:#bbd0c5;line-height:1.9;font-size:16px;margin:0 0 32px;max-width:630px}
.detail-hero button{font:inherit;cursor:pointer}
.detail-hero-art{overflow:hidden;border:1px solid #3a5b4d;background:#e9f4ed}
.detail-hero-art img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.detail-hero-art-cutout{border:0;background:transparent;overflow:visible}
.detail-hero-art-cutout img{object-fit:contain;filter:drop-shadow(0 20px 32px #0003)}
.detail-preview{padding-top:64px;padding-bottom:20px}
.detail-preview img{width:100%;height:auto;border:1px solid #dce8e1;box-shadow:0 20px 60px #06291f0d}
.detail-preview p{font-size:13px;color:#597264;padding-top:12px}
.detail-section{padding:76px 0;border-bottom:1px solid #e3ece6;scroll-margin-top:110px}
.detail-section:nth-of-type(even){background:#f2f7f4}
.detail-section-head{margin-bottom:32px;max-width:850px}
.detail-section-head .eyebrow{margin-bottom:18px}
.detail-section h2,.detail-related h2{font-size:clamp(28px,3vw,40px);line-height:1.4;margin:0;letter-spacing:-.035em}
.detail-section .wrap>p{max-width:850px;color:#53695e;line-height:1.9;margin:0 0 28px;font-size:16px}
.detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.detail-cards article{padding:30px;background:#fff;border:1px solid #dce7df}
.card-index{font:14px monospace;color:#00876b;display:block;margin-bottom:28px}
.detail-cards h3{font-size:21px;line-height:1.5;margin:0 0 14px}
.detail-cards p{font-size:15px;line-height:1.9;color:#5a6e62;margin:0 0 12px;overflow-wrap:anywhere}
.detail-resource-links{padding-top:40px;padding-bottom:40px;display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.detail-related{background:#e8f2eb;padding:64px 0}
.detail-related .eyebrow{display:block;margin-bottom:16px}
.detail-related .wrap>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.detail-related a{padding:17px 22px;background:#fff;border:1px solid #d0e0d5;display:flex;gap:24px;align-items:center;min-height:52px}
.detail-related a:hover{background:#06291f;color:#fff}
.detail-footer-nav{display:flex;gap:24px;flex-wrap:wrap;padding:30px 0;color:#c0d9cb}
.detail-page .footer-cta button{font:inherit;cursor:pointer}
@media(max-width:1200px){.detail-header nav{gap:14px}.detail-header .brand{font-size:18px}.detail-header>.small{display:none}.detail-hero-grid{gap:32px}}
@media(max-width:900px){#detail-menu{display:block}.detail-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #dce8e1;padding:20px 5%;flex-direction:column;align-items:stretch;gap:0}.detail-header.open nav{display:flex}.detail-header nav a{display:block;padding:14px 0;min-height:48px}.detail-hero-grid{grid-template-columns:1fr;gap:40px}.detail-hero-art{max-width:600px}.detail-hero{padding:40px 0 52px}.detail-back{margin-bottom:32px}.detail-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.detail-header{padding:14px 5%;min-height:74px}.detail-header .brand{font-size:18px}.detail-hero h1{font-size:34px}.detail-hero p{font-size:15px}.detail-section{padding:48px 0}.detail-cards{grid-template-columns:1fr;gap:16px}.detail-cards article{padding:24px}.detail-preview{padding-top:32px}.detail-related{padding:44px 0}.detail-related .wrap>div{display:grid;grid-template-columns:1fr 1fr}.detail-related a{padding:14px;gap:8px;font-size:14px;justify-content:space-between}.detail-footer-nav{gap:16px}.detail-page .footer-cta{gap:24px}}
