/* Round 8 copy layer, group "ed": leadership boxes on insights and playbooks,
   "who should care" line on answers, browse-by-role index, glossary-neutral.
   Tokens only from :root in site.css. Square corners. Red used once (box rule). */

/* Insight and playbook: For the leadership team */
.ced-lead{margin-top:36px;max-width:980px;background:var(--ink-raise);border:1px solid var(--line);border-left:2px solid var(--red);padding:clamp(20px,2.4vw,30px) clamp(20px,2.6vw,34px)}
.ced-k{display:block;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ash);margin-bottom:14px}
.ced-rows{list-style:none;margin:0;padding:0}
.ced-rows li{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,300px);gap:18px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}
.ced-rows li:first-child{border-top:0;padding-top:4px}
.ced-role{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--white)}
.ced-means{font-size:15px;line-height:1.5;color:var(--mist)}
.ced-watch{font-size:14px;line-height:1.45;color:var(--white)}
.ced-watch em{font-style:normal;display:inline-block;margin-right:8px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}
.rv .ced-rows li{opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(.25s + var(--i,0) * .1s)}
.rv.in .ced-rows li{opacity:1;transform:none}

/* Answer: who should care line */
.ced-who{margin-top:18px;max-width:72ch;padding-left:26px;font-size:15px;line-height:1.55;color:var(--mist)}
.ced-who b{font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);margin-right:8px}
.ced-who span span{color:var(--white)}
.ced-pr{display:inline-block}
.ced-who i{font-style:normal;color:var(--line-strong);margin:0 10px}

/* Index pages: browse by role */
.ced-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.ced-filter a{border:1px solid var(--line-strong);padding:9px 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--white);text-decoration:none;transition:border-color .3s,background .3s}
.ced-filter a:hover,.ced-filter a:focus-visible{border-color:var(--white);background:var(--ink-raise)}
.ced-roles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ced-col{background:var(--ink-raise);border:1px solid var(--line);padding:clamp(18px,1.8vw,26px);scroll-margin-top:110px;display:flex;flex-direction:column;gap:10px}
.ced-col:target{border-color:var(--line-strong)}
.ced-col h3{font-size:clamp(28px,2.6vw,40px);font-weight:800;line-height:1;letter-spacing:.02em;color:var(--white);margin:0}
.ced-col .ced-t{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}
.ced-col .ced-m{font-size:13px;line-height:1.45;color:var(--mist);border-bottom:1px solid var(--line);padding-bottom:12px}
.ced-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ced-col li a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4;color:var(--white);text-decoration:none;transition:color .3s,padding .3s}
.ced-col li a:hover,.ced-col li a:focus-visible{color:var(--mist);padding-left:6px}
.ced-foot{margin-top:20px;font-size:13px;color:var(--ash);max-width:72ch}

/* Guides: metrics line */
.ced-kpi{font-size:13px;line-height:1.5;color:var(--mist);border-top:1px solid var(--line);padding-top:12px}
.ced-kpi b{font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);margin-right:6px}

@media (max-width:1100px){.ced-roles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .ced-rows li{grid-template-columns:52px minmax(0,1fr);gap:4px 14px}
  .ced-watch{grid-column:2}
  .ced-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ced-who{padding-left:0}
  .ced-who i{display:none}
  .ced-pr{display:block;margin-top:4px}
}
@media (max-width:520px){.ced-roles{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .rv .ced-rows li{opacity:1;transform:none;transition:none}
  .ced-col li a{transition:none}
}