/* Seesee Media master article diagrams — draft CSS */
.ss-media-diagram{margin:64px 0;padding:42px 0;border-top:1px solid #dfe3dd;border-bottom:1px solid #dfe3dd;color:#1d2923}
.ss-diagram-kicker{font-size:10px;letter-spacing:.16em;color:#718078;margin:0 0 14px}
.ss-media-diagram h3{font-size:clamp(24px,3vw,36px);line-height:1.45;margin:0 0 28px;font-weight:500}
.ss-diagram-note,.ss-diagram-intro{font-size:13px;line-height:1.8;color:#69766f;margin:22px 0 0}

.ss-classification-root{max-width:230px;margin:0 auto 26px;padding:18px;text-align:center;border:1px solid #cad2cc;border-radius:999px;font-weight:600}
.ss-classification-branches{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe3dd;border:1px solid #dfe3dd}
.ss-classification-branch{background:#fff;padding:28px;display:grid;gap:10px}
.ss-classification-branch small{font-size:9px;color:#718078;letter-spacing:.12em}.ss-classification-branch strong{font-size:21px}.ss-classification-branch span{font-size:13px;line-height:1.7;color:#69766f}

.ss-waste-type-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dfe3dd}
.ss-waste-type-list li{min-height:60px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 10px;border-bottom:1px solid #dfe3dd}
.ss-waste-type-list li:nth-child(odd){border-right:1px solid #dfe3dd}.ss-waste-type-list b{font-size:10px;color:#718078}.ss-waste-type-list span{font-size:14px;line-height:1.5}.ss-waste-type-list em{font-style:normal;font-size:8px;padding:4px 7px;border:1px solid #d8b971;border-radius:999px;color:#7a5c20;white-space:nowrap}

.ss-decision-flow ol{list-style:none;padding:0;margin:0;border-top:1px solid #dfe3dd}.ss-decision-flow li{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(140px,.6fr);gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid #dfe3dd}.ss-decision-flow small{color:#718078}.ss-decision-flow strong{font-size:17px}.ss-decision-flow span{font-size:12px;color:#69766f}

.ss-work-six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dfe3dd;border:1px solid #dfe3dd}.ss-work-six-grid>div{min-height:150px;background:#fff;padding:22px;display:flex;flex-direction:column}.ss-work-six-grid b{font-size:10px;color:#718078}.ss-work-six-grid strong{font-size:18px;margin:20px 0 10px}.ss-work-six-grid span{font-size:12px;line-height:1.7;color:#69766f}

.ss-person-environment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;background:#dfe3dd;border:1px solid #dfe3dd}.ss-person-environment-grid>div{background:#fff;padding:28px}.ss-person-environment-grid small{display:block;font-size:9px;letter-spacing:.1em;color:#718078;margin-bottom:18px}.ss-person-environment-issue strong{font-size:22px;line-height:1.55}.ss-person-environment-checks{display:flex!important;flex-wrap:wrap;align-content:flex-start;gap:8px}.ss-person-environment-checks small{width:100%}.ss-person-environment-checks span{padding:8px 12px;border:1px solid #cad2cc;border-radius:999px;font-size:12px}

.ss-change-keep-route{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;gap:5px}.ss-change-keep-route span,.ss-change-keep-route strong{min-height:100px;padding:14px;border:1px solid #dfe3dd;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.6}.ss-change-keep-route strong{background:#23372e;color:#fff}.ss-change-keep-route i{font-style:normal;text-align:center;color:#718078}

@media(max-width:760px){
 .ss-media-diagram{margin:48px 0;padding:32px 0}
 .ss-classification-branches{grid-template-columns:1fr}
 .ss-waste-type-list{grid-template-columns:1fr}
 .ss-waste-type-list li:nth-child(odd){border-right:0}
 .ss-decision-flow li{grid-template-columns:34px minmax(0,1fr);gap:8px 12px}.ss-decision-flow li span{grid-column:2}
 .ss-work-six-grid{grid-template-columns:1fr}.ss-work-six-grid>div{min-height:0;padding:20px}
 .ss-person-environment-grid{grid-template-columns:1fr}
 .ss-change-keep-route{grid-template-columns:1fr;gap:8px}.ss-change-keep-route i{transform:rotate(90deg)}.ss-change-keep-route span,.ss-change-keep-route strong{min-height:72px}
}

/* Seesee Media master articles */
.ss-media-article-page{background:#fff;color:var(--ss-ink)}
/* Keep long headings, source URLs and related titles within narrow screens. */
.ss-media-article-page h1,.ss-media-article-page h2,.ss-media-article-page h3,.ss-media-article-page a{overflow-wrap:anywhere}
.ss-media-article-next .ss-path-cards>a{min-width:0}
.ss-media-legacy-case{margin:48px 0;padding:28px 24px;background:#f7f5ef;border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line)}
.ss-media-legacy-case>h2{margin-top:16px!important}
@media(max-width:760px){
 .ss-media-legacy-case{margin:36px 0;padding:24px 16px}
}
.ss-media-article-hero{padding:110px 0 76px;background:linear-gradient(135deg,#fbfaf6,#f1f5f2)}
.ss-media-article-hero h1{font-size:clamp(40px,5.4vw,68px)!important;line-height:1.35!important;letter-spacing:-.02em!important;margin-bottom:26px!important}
.ss-media-article-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;font-size:11px;color:var(--ss-muted)}
.ss-media-article-body{padding:72px 0 110px}
.ss-media-article-body>.ss-wrap{max-width:860px}
.ss-media-master-article h2{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.5!important;margin:72px 0 24px!important}
.ss-media-master-article h3{font-size:clamp(20px,2.2vw,28px)!important;line-height:1.55!important;margin:42px 0 16px!important}
.ss-media-master-article p,.ss-media-master-article li{font-size:17px;line-height:2}
.ss-media-master-article ul,.ss-media-master-article ol{padding-left:1.4em}
.ss-media-master-article blockquote{margin:36px 0;padding:24px 28px;border-left:3px solid var(--ss-green);background:#f7f5ef}
.ss-media-master-article .ss-fact,.ss-media-master-article .ss-point,.ss-media-master-article .ss-data{margin:34px 0;padding:24px;border-top:1px solid var(--ss-line);border-bottom:1px solid var(--ss-line)}
.ss-media-master-article .ss-fact:before,.ss-media-master-article .ss-point:before,.ss-media-master-article .ss-data:before{display:block;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--ss-green);margin-bottom:12px}
.ss-media-master-article .ss-fact:before{content:"FACT"}
.ss-media-master-article .ss-point:before{content:"POINT"}
.ss-media-master-article .ss-data:before{content:"DATA"}
.ss-media-article-source{padding:70px 0;background:#f7f5ef}
.ss-media-article-source h2{font-size:28px!important}
.ss-media-article-source p,.ss-media-article-source li{font-size:13px;line-height:1.85;color:var(--ss-muted)}
.ss-media-article-next{padding:86px 0}
.ss-media-article-next .ss-path-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){
 .ss-media-article-hero{padding:72px 0 58px}
 .ss-media-article-hero h1{font-size:clamp(34px,9vw,42px)!important;line-height:1.48!important;word-break:keep-all}
 .ss-media-article-body{padding:54px 0 78px}
 .ss-media-master-article h2{font-size:28px!important;margin-top:58px!important}
 .ss-media-master-article h3{font-size:21px!important;margin-top:36px!important}
 .ss-media-master-article p,.ss-media-master-article li{font-size:16px;line-height:1.95}
 .ss-media-article-next .ss-path-cards{grid-template-columns:1fr!important}
}