.cluster-topic{--topic-ink:#102d31;--topic-green:#218b87;--topic-muted:#657b7b;background:#fff;color:var(--topic-ink)}
.topic-shell{max-width:1280px;margin:auto;padding:24px 32px 60px}
.topic-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#718580;margin:0 0 24px}.topic-breadcrumb a{text-decoration:none;color:inherit}
.topic-hero{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid #dce7e2;border-radius:20px;overflow:hidden;background:#eef2f1}
.topic-hero-copy{padding:46px 40px;background:radial-gradient(ellipse at 0 0,#27615a55,transparent 80%),#102d31;color:white}
.topic-hero-copy .eyebrow{font-size:10px;letter-spacing:1.5px;color:#acd2c4}
.topic-hero h1{font-size:clamp(27px,3vw,42px);font-weight:600;line-height:1.25;letter-spacing:-1px;margin:20px 0 22px;color:#fff;text-wrap:balance}
.topic-hero-copy>p{font-size:14px;line-height:1.95;color:#cfddda;margin:0 0 24px}
.topic-hero-tags{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 27px;color:#accbc1;font-size:10px}.topic-hero-tags span{display:flex;align-items:center;gap:5px}.topic-hero-tags svg{width:12px;height:12px}
.topic-hero-copy .btn{border-radius:8px;padding:13px 19px;font-size:12px;background:#218b87;color:white}
.topic-hero-media{margin:0;display:flex;flex-direction:column;min-width:0}.topic-hero-media>img{width:100%;height:100%;min-height:330px;max-height:490px;object-fit:contain;flex:1}.topic-hero-media figcaption{padding:12px 20px;font-size:10px;color:#71827a;background:#e9efeb}
.topic-section-nav{display:flex;overflow:auto;gap:24px;border-bottom:1px solid #dfe8e3;padding:24px 0 17px;scrollbar-width:thin}.topic-section-nav a{white-space:nowrap;font-size:12px;color:#496b62;text-decoration:none}.topic-section-nav a:hover{color:#218b87}
.topic-body{max-width:1120px;margin:auto}.topic-section{padding:58px 0;border-bottom:1px solid #e3ebe6;scroll-margin-top:110px}
.topic-section-heading{display:flex;align-items:flex-start;gap:18px;margin:0 0 30px}.topic-section-heading>span{font-size:11px;color:#75988a;border:1px solid #cfded6;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;margin-top:3px}
.topic-section h2,.topic-mid-cta h2{font-size:26px;line-height:1.45;letter-spacing:-.6px;font-weight:600;margin:0;color:#123338}
.topic-section-heading p{margin:9px 0 0;color:#718580;font-size:13px;line-height:1.8}
.cluster-topic h3{font-size:16px;line-height:1.65;font-weight:600;margin:0 0 12px;color:#173d3d}
.topic-section p,.topic-section li{font-size:13px;line-height:1.95;color:#647977}.topic-section p{margin:0 0 12px}
.topic-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.topic-timeline>div{border-top:2px solid #bfd4c9;padding:22px 0 0}.topic-timeline>div>span{display:block;font-size:28px;color:#398c7d;font-weight:400;margin-bottom:14px}
.topic-history-note{background:#edf1f1;padding:28px 30px;border-radius:12px}
.topic-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-chain>div{background:#edf1f1;padding:25px 24px;border-radius:12px}.topic-chain>div>span{color:#639382;font-size:10px;letter-spacing:1px;display:block;margin-bottom:17px}.topic-chain h3{font-size:15px}
.topic-section .topic-footnote{font-size:11px;line-height:1.85;color:#84918a;margin:18px 0 0}
.topic-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.topic-products>div{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid #dce8e1;border-radius:8px}.topic-products svg{color:#3d8d77;width:16px;height:16px;flex-shrink:0}.topic-products h3{font-size:13px;font-weight:400;margin:0}
.topic-table-wrap{overflow:auto;border:1px solid #dce7e0;border-radius:12px}.topic-table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.topic-table-wrap th{background:#edf1f1;width:22%;font-weight:500;color:#335b4b;white-space:normal}.topic-table-wrap td{color:#657a70}.topic-table-wrap :is(th,td){padding:17px 21px;border-bottom:1px solid #e1e9e2;line-height:1.9}.topic-table-wrap tr:last-child>*{border-bottom:0}
.topic-material-note{padding:24px;border-left:2px solid #70a48c;background:#f7f9f7;margin-top:24px}.topic-material-note h3{font-size:14px}
.topic-advantages{display:grid;grid-template-columns:1fr 1fr;gap:20px 36px}.topic-advantages>div{border-top:1px solid #dce7e0;padding-top:20px}
.topic-mid-cta{background:#173d3b;border-radius:14px;padding:34px;display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:40px}.topic-mid-cta h2{font-size:23px;color:white;margin:8px 0}.topic-mid-cta p{font-size:12px;color:#a8c5b7;margin:0;line-height:1.8}.topic-mid-cta .eyebrow{font-size:10px;color:#abd0b9}.topic-mid-cta .btn{white-space:nowrap;border-radius:8px;font-size:12px;background:#218b87}
.topic-risk-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.topic-risk-list>div{display:flex;gap:16px;padding:24px;background:#f6f4ee;border-radius:10px}.topic-risk-list>div>span{font-size:12px;color:#ae9b72;padding-top:4px}.topic-risk-list h3{font-size:15px}
.topic-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-service-grid>div{padding:25px 23px;background:#eef2f2;border:1px solid #e2ebe4;border-radius:12px}.topic-service-grid svg{width:23px;height:23px;color:#348675;margin-bottom:18px}.topic-service-grid h3{font-size:15px}
.topic-evidence{display:grid;grid-template-columns:1fr 1fr;gap:38px}.topic-evidence ul{padding-left:18px}.topic-evidence a{color:#267d6e;text-decoration:underline;text-underline-offset:4px}.topic-evidence h3{font-size:15px}
.topic-brief-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.topic-brief-layout>.contact-actions{margin-top:20px}.topic-brief-layout .contact-actions button{font-size:11px!important;padding:10px 12px!important}
.cluster-brief-form{padding:27px;background:#eef2f2;border-radius:14px}.cluster-brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.cluster-brief-fields label{font-size:12px;color:#355847;line-height:1.6}.cluster-brief-fields label>span{color:#859e8c}.cluster-brief-fields input,.cluster-brief-fields textarea{box-sizing:border-box;display:block;width:100%;min-width:0;margin:7px 0 0;padding:10px 12px;background:#fff;border:1px solid #d5e2d8;border-radius:6px;font:inherit;color:#173a2c;outline-offset:3px}.cluster-brief-fields input:focus,.cluster-brief-fields textarea:focus{outline:2px solid #478d72}.brief-wide{grid-column:1/-1}.brief-upload small{display:block;font-size:10px;margin-top:7px;color:#84968a}.brief-upload input{font-size:11px}.brief-consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;color:#688173;margin:19px 0}.brief-consent input{margin-top:4px}.brief-consent a{color:#367d61}.brief-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cluster-brief-form .btn{font-size:12px;padding:12px 18px;border-radius:7px;background:#218b87}.cluster-brief-form .brief-status{font-size:12px;margin:12px 0 0;white-space:pre-line}
.topic-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.topic-gallery figure{margin:0}.topic-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px}.topic-gallery figcaption{font-size:11px;color:#688373;margin-top:8px}
.cluster-topic .cluster-grid{margin-top:25px}
.cluster-topic header.topic-hero{height:auto!important;min-height:400px!important;max-height:none!important;padding:0!important;align-items:stretch!important;position:relative!important;box-shadow:none!important}
.topic-breadcrumb{align-items:center}.topic-breadcrumb a{padding:0!important}.topic-section-nav a{padding:0!important}
.topic-sock-visual{display:grid;place-items:center;flex:1;min-height:350px;background:radial-gradient(ellipse at 50% 80%,#becfc044,transparent 65%),#edf1e9}.topic-sock-visual svg{width:80%;height:310px;filter:drop-shadow(0 14px 12px #243c2220)}
@media(max-width:700px){.cluster-topic header.topic-hero{min-height:0!important}.topic-sock-visual{min-height:260px}.topic-sock-visual svg{height:240px}}
@media(max-width:1000px){.topic-shell{padding:20px}.topic-hero-copy{padding:30px}.topic-hero{grid-template-columns:1.1fr .9fr}.topic-hero h1{font-size:29px}.topic-chain{gap:10px}.topic-service-grid{grid-template-columns:1fr 1fr}.topic-brief-layout{grid-template-columns:1fr 1.3fr;gap:24px}}
@media(max-width:700px){.topic-shell{padding:18px 16px 30px}.topic-hero{grid-template-columns:1fr}.topic-hero-copy{padding:29px 25px}.topic-hero-media>img{height:260px;min-height:0;max-height:300px}.topic-section-nav{gap:20px;padding-top:20px}.topic-section{padding:36px 0;scroll-margin-top:85px}.topic-section h2{font-size:22px}.topic-section-heading{gap:12px}.topic-timeline,.topic-chain,.topic-brief-layout,.topic-evidence{grid-template-columns:1fr}.topic-timeline{gap:15px}.topic-chain>div{padding:22px}.topic-products,.topic-service-grid,.topic-risk-list,.topic-advantages{grid-template-columns:1fr 1fr;gap:12px}.topic-risk-list>div{padding:18px;gap:10px}.topic-service-grid>div{padding:19px 16px}.topic-mid-cta{padding:25px;flex-direction:column;align-items:flex-start}.cluster-brief-form{padding:20px}.cluster-brief-fields{grid-template-columns:1fr}.brief-wide{grid-column:auto}.topic-brief-layout{gap:24px}.topic-table-wrap :is(th,td){padding:13px}.topic-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.topic-service-grid,.topic-risk-list,.topic-advantages{grid-template-columns:1fr}}
/* Cluster dossiers: a unified green palette, layered surfaces and purposeful controls. */
.cluster-topic { --topic-ink:#173b31; --topic-green:#287453; --topic-muted:#6c7e73; background:linear-gradient(180deg,#edf4ed 0,#f6f8f4 560px,#f6f8f4 100%); }
.topic-shell { max-width:1280px; padding-top:26px; }
.cluster-topic header.topic-hero { display:block; min-height:0!important; background:linear-gradient(118deg,#123b2e,#225c43 72%,#347b53); border:1px solid #2e624b; border-radius:20px; isolation:isolate; }
.topic-hero:before { content:''; position:absolute; z-index:-1; width:420px; height:420px; border:1px solid #c9e6b929; border-radius:50%; inset-inline-end:-120px; top:-110px; box-shadow:0 0 0 46px #c9e6b90a,0 0 0 94px #c9e6b908,0 0 0 144px #c9e6b905; pointer-events:none; }
.topic-hero-copy { background:none; padding:48px 48px 42px; max-width:980px; }
.topic-hero-copy .eyebrow { display:inline-flex; align-items:center; gap:8px; color:#c0dcb7; font-size:11px; letter-spacing:1.4px; }
.topic-hero-copy .eyebrow:before { content:''; width:7px; height:7px; border-radius:50%; background:#b4df8b; box-shadow:0 0 0 5px #b4df8b15; }
.topic-hero h1 { font-size:clamp(28px,3.3vw,44px); font-weight:700; max-width:880px; line-height:1.4; letter-spacing:-.8px; margin:20px 0 16px; text-wrap:pretty; }
.topic-hero-copy>p { max-width:800px; color:#d0dfd3; line-height:1.9; font-size:14px; }
.topic-hero-tags { color:#d1e3cb; gap:10px; margin-bottom:26px; }
.topic-hero-tags>span { padding:7px 10px; background:#ffffff0c; border:1px solid #ffffff18; border-radius:6px; font-size:11px; }
.business-refresh .cluster-topic .topic-hero-copy>.btn { border-radius:9px!important; background:#d6efb7!important; color:#183f2c!important; padding:13px 20px!important; font-size:13px!important; box-shadow:0 5px 18px #0c241d25!important; }
.business-refresh .cluster-topic .topic-hero-copy>.btn svg { background:none!important; color:inherit; border-radius:0!important; padding:0!important; width:18px!important; height:18px!important; }
.cluster-topic .topic-section-nav { flex-wrap:wrap; overflow:visible; gap:8px; padding:14px; margin:16px 0 26px; background:#fff; border:1px solid #e0e8dd; border-radius:12px; box-shadow:0 5px 18px #25452b05; }
.topic-section-nav a { padding:9px 12px!important; border-radius:7px; font-size:12px; color:#50715d; background:#f2f6ef; border:1px solid transparent; transition:background .15s,border-color .15s; }
.topic-section-nav a:hover,.topic-section-nav a:focus-visible { background:#e4efd9; color:#235537; border-color:#c6d9ba; }
.topic-body { max-width:none; }
.cluster-topic .topic-section { margin:18px 0; padding:34px; background:#fff; border:1px solid #e0e8dc; border-radius:16px; box-shadow:0 4px 16px #294b3003; }
.topic-section-heading { gap:14px; margin-bottom:26px; align-items:center; }
.topic-section-heading>span { width:36px; height:36px; border-radius:10px; border:0; background:linear-gradient(145deg,#346d4d,#174d36); color:#e0edc6; font-size:12px; font-weight:600; margin:0; box-shadow:0 3px 9px #1b4e3520; }
.topic-section h2 { font-size:25px; font-weight:700; letter-spacing:-.5px; color:#193e2f; }
.topic-section h3 { color:#264b37; font-weight:600; }
.topic-section p,.topic-section li { color:#708071; font-size:13px; line-height:1.95; }
.topic-history-note { border-radius:10px; background:linear-gradient(110deg,#edf5e7,#f5f8f1); border-inline-start:3px solid #79a45c; padding:24px; }
.topic-timeline>div { border-top:3px solid #b7cf9b; }
.topic-timeline>div>span { color:#397044; font-size:28px; font-weight:600; }
.topic-chain { gap:14px; }
.topic-chain>div { background:linear-gradient(145deg,#f3f7ee,#e9f1df); border:1px solid #e0e9d5; border-radius:12px; padding:24px; }
.topic-chain>div>span { display:inline-block; padding:4px 8px; background:#dceacb; border-radius:5px; color:#4d7442; letter-spacing:.6px; }
.topic-products>div { border-color:#dfebd9; background:#f7faf3; border-radius:9px; }
.topic-products svg { background:#e3eed9; padding:6px; box-sizing:content-box; border-radius:7px; color:#4d7a42; }
.topic-table-wrap { border-color:#dfe8d7; box-shadow:none; }
.topic-table-wrap th { background:#edf4e5; color:#3b623e; }
.topic-table-wrap tr:nth-child(even) td { background:#fbfcf8; }
.topic-table-wrap :is(th,td) { border-color:#e6edde; }
.topic-material-note { border-color:#80a657; background:#f3f7ea; border-radius:0 10px 10px 0; }
.topic-advantages { gap:14px; }
.topic-advantages>div { padding:22px; background:#f7f9f2; border:1px solid #e6ecd9; border-radius:10px; }
.topic-mid-cta { background:linear-gradient(115deg,#214e37,#3c6e48); border:1px solid #386348; border-radius:12px; }
.topic-risk-list>div { background:#faf6e9; border:1px solid #eee4ca; border-radius:10px; }
.topic-risk-list>div>span { display:grid; place-items:center; height:26px; flex:0 0 26px; padding:0; border-radius:7px; background:#ebdfbd; color:#826a37; }
.topic-service-grid>div { background:#f4f8ef; border:1px solid #e0e9d8; border-radius:12px; }
.topic-service-grid svg { width:25px; height:25px; padding:11px; box-sizing:content-box; border:1px solid #dbe7d1; border-radius:12px; background:#eaf2df; color:#4c7d42; }
.topic-evidence { gap:26px; }
.topic-evidence>div { padding:22px; border-radius:10px; background:#f7f9f4; border:1px solid #e4ebdf; }
.cluster-brief-form { background:#f1f6e9; border:1px solid #e0e9d3; border-radius:12px; }
.cluster-brief-fields input,.cluster-brief-fields textarea { border-color:#d8e3cd; border-radius:7px; }
.cluster-brief-fields input:focus,.cluster-brief-fields textarea:focus { outline-color:#80a960; }
.business-refresh .cluster-topic .topic-mid-cta .btn,.business-refresh .cluster-topic .cluster-brief-form>.btn { background:#397345!important; border-radius:8px!important; }
.topic-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.topic-related-card { display:flex; flex-direction:column; min-width:0; padding:22px; background:linear-gradient(145deg,#f9fbf6,#edf4e5); border:1px solid #dce7d0; border-radius:13px; transition:transform .18s,border-color .18s,box-shadow .18s; }
.topic-related-card:hover { transform:translateY(-3px); border-color:#a9c58f; box-shadow:0 8px 20px #2f563011; }
.topic-related-top { display:flex; align-items:center; gap:9px; font-size:11px; color:#6a8064; margin-bottom:20px; }
.topic-related-symbol { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#e0edcf; color:#4f7940; flex:0 0 34px; }
.topic-related-symbol svg { width:17px; height:17px; }
.topic-related-index { margin-inline-start:auto; color:#a1b397; font-size:12px; }
.topic-related-card h3 { font-size:17px; line-height:1.55; margin:0 0 12px; }
.topic-related-card h3 a { color:#24472e; overflow-wrap:anywhere; }
.topic-related-card>p { flex:1; font-size:12px; margin-bottom:22px; overflow-wrap:anywhere; }
.topic-related-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #dce7d1; padding-top:16px; }
.topic-related-actions>a { display:inline-flex; align-items:center; gap:7px; font-size:11px; color:#507147; }
.topic-related-actions>a svg { width:14px; height:14px; }
.topic-related-actions>button { padding:9px 12px; color:#fff; background:#3c7046; border:1px solid #32623b; border-radius:7px; font-size:11px; font-weight:600; }
.topic-related-actions>button:hover { background:#244e2e; }
.topic-related-actions :is(a,button):focus-visible { outline:2px solid #69924f; outline-offset:3px; }
/* Hide the off-screen spam field without creating RTL scroll overflow. */
.cluster-topic .brief-honeypot { left:auto; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
@media(max-width:1000px) { .topic-hero-copy {padding:34px;} .cluster-topic .topic-section {padding:26px;} .topic-related-grid {gap:12px;} .topic-related-card {padding:18px;} }
@media(max-width:700px) {
 .topic-shell {padding:18px 14px 30px;}
 .cluster-topic header.topic-hero {border-radius:14px;}
 .topic-hero-copy {padding:28px 23px;}
 .topic-hero h1 {font-size:29px;line-height:1.45;letter-spacing:-.5px;}
 .topic-hero-copy>p {font-size:13px;}
 .cluster-topic .topic-section-nav {flex-wrap:nowrap; overflow:auto; padding:11px;gap:7px; margin-bottom:20px;}
 .topic-section-nav a {padding:8px 10px!important; font-size:11px;}
 .cluster-topic .topic-section {padding:24px 19px; border-radius:12px;}
 .topic-section h2 {font-size:21px;}
 .topic-section-heading {gap:11px;align-items:flex-start;}
 .topic-section-heading>span {width:30px;height:30px;flex:0 0 30px;font-size:10px;border-radius:8px;}
 .topic-chain>div,.topic-service-grid>div,.topic-advantages>div,.topic-evidence>div {padding:20px;}
 .topic-related-grid {grid-template-columns:minmax(0,1fr);gap:12px;}
 .topic-related-card {padding:20px;}
 .topic-related-top {margin-bottom:14px;}
 .topic-related-card>p {margin-bottom:16px;}
}
.business-refresh .cluster-topic .topic-shell .topic-hero .topic-hero-copy > .btn { background:#d6efb7!important; color:#183f2c!important; border-radius:9px!important; padding:13px 20px!important; }
.business-refresh .cluster-topic .topic-shell .topic-hero .topic-hero-copy > .btn svg { background:none!important; color:inherit; border-radius:0!important; padding:0!important; width:18px!important; height:18px!important; }
.business-refresh .cluster-topic .topic-shell .topic-body .topic-mid-cta .btn,.business-refresh .cluster-topic .topic-shell .topic-body .cluster-brief-form > .btn { background:#397345!important; border-radius:8px!important; }