/* Scenario tiles (home) + resources page + before-you-call checklist (cc2, 2026-10-19). Renderers auto\scn.js, auto\res.js.
   Inject as its own <style id="hub-layer"> right AFTER cta-layer. Uses the dw tokens only (--ink, --ink-2, --own, --own-fill, --dw-line). */
/* scenario tiles */
html.dw .scn-sec{padding-top:8px}
html.dw .scn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:24px}
html.dw .scn-tile{display:flex;flex-direction:column;gap:10px;padding:22px 22px 18px;background:var(--dw-card,#fff);border:1px solid var(--dw-line);border-left:4px solid var(--own);border-radius:6px}
html.dw .scn-t{margin:0;font-size:19px;font-weight:750;line-height:1.4;color:var(--ink)}
html.dw .scn-d{margin:0;font-size:15.5px;font-weight:500;line-height:1.75;color:var(--ink-2)}
html.dw .scn-rel{margin-top:auto;padding-top:10px}
html.dw .scn-rl{display:block;margin-bottom:6px;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-2)}
html.dw .scn-rel ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
html.dw .scn-chip{display:inline-block;padding:5px 12px;font-size:14px;font-weight:700;line-height:1.4;color:var(--own);background:var(--own-fill);border:1px solid var(--dw-line);border-radius:999px;text-decoration:none}
html.dw .scn-chip:hover{border-color:var(--own);text-decoration:underline}
html.dw .scn-more{margin:22px 0 0}
/* checklist (resources page + contact page) */
html.dw .res-chk-wrap{margin-top:40px}
html.dw .res-chk{padding:26px 28px;background:var(--own-fill);border:1px solid var(--dw-line);border-radius:6px}
html.dw .res-chk h2,html.dw .res-exp h2,html.dw .res-glo h2{margin:0 0 8px;font-size:clamp(21px,2.4vw,27px);font-weight:750;line-height:1.4;color:var(--ink)}
html.dw .res-lead{margin:0 0 16px;font-size:16px;font-weight:500;line-height:1.75;color:var(--ink-2)}
html.dw .res-chk-list{display:grid;gap:12px;margin:0 0 20px;padding:0;list-style:none;counter-reset:rc}
html.dw .res-chk-list li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start;counter-increment:rc}
html.dw .res-chk-list li::before{content:counter(rc);grid-row:1/3;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:15px;font-weight:800;color:#fff;background:var(--own);border-radius:50%}
html.dw .res-chk-list b{font-size:16.5px;font-weight:750;color:var(--ink)}
html.dw .res-chk-list span{font-size:15.5px;font-weight:500;line-height:1.7;color:var(--ink-2)}
html.dw .res-chk-act{margin:0}
html.dw .res-chk .cta-tel{font-family:var(--dw-cond,inherit);font-size:18px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
/* resources page */
html.dw .res-head{padding:28px 0 8px}
html.dw .res-head h1{margin:0 0 10px;font-size:clamp(26px,3.4vw,38px);font-weight:750;line-height:1.3;color:var(--ink)}
html.dw .res-exp,html.dw .res-glo{margin-top:44px}
html.dw .res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:18px}
html.dw .res-card{display:flex;flex-direction:column;gap:8px;padding:22px 22px 18px;background:var(--dw-card,#fff);border:1px solid var(--dw-line);border-radius:6px}
html.dw .res-k{align-self:flex-start;padding:2px 10px;font-family:var(--dw-cond,inherit);font-size:14px;font-weight:800;letter-spacing:.06em;color:var(--own);background:var(--own-fill);border-radius:3px}
html.dw .res-card h3{margin:0;font-size:18px;font-weight:750;line-height:1.4;color:var(--ink)}
html.dw .res-card p{margin:0;font-size:15.5px;font-weight:500;line-height:1.75;color:var(--ink-2)}
html.dw .res-card .res-u{padding-left:12px;border-left:3px solid var(--own);color:var(--ink)}
html.dw .res-src{margin-top:auto;padding-top:6px;font-size:14.5px;font-weight:700;color:var(--own);text-decoration:none}
html.dw .res-src:hover{text-decoration:underline}
html.dw .res-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px 28px;margin:16px 0 0}
html.dw .res-dl div{padding:12px 0;border-top:1px solid var(--dw-line)}
html.dw .res-dl dt{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--ink)}
html.dw .res-dl dd{margin:0;font-size:15.5px;font-weight:500;line-height:1.7;color:var(--ink-2)}
@media (max-width:760px){
  html.dw .scn-grid,html.dw .res-grid,html.dw .res-dl{grid-template-columns:1fr}
  html.dw .res-chk{padding:20px 18px}
}