/* sector downloads (brief + case study) on /sectors/<key>. Prefix sd-. Markup from tools/sector_docs.py. */
.sd{border-top:1px solid var(--line)}
.sd-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line2); border-radius:14px; overflow:hidden}
.sd-card{display:grid; grid-template-columns:minmax(150px,210px) minmax(0,1fr); grid-template-rows:auto auto auto 1fr; grid-template-areas:'cover head' 'nums nums' 'toc toc' 'dl dl';
  column-gap:clamp(24px,2.6vw,40px); padding:clamp(24px,2.8vw,44px); background:#070B13}
.sd-cover{grid-area:cover} .sd-head{grid-area:head; align-self:end; min-width:0} .sd-nums{grid-area:nums} .sd-toc{grid-area:toc} .sd-dl{grid-area:dl}

/* one large cover, set like a printed document lying on the desk */
.sd-cover{position:relative; display:block; align-self:start; border-radius:4px; isolation:isolate; transition:transform .7s var(--e)}
.sd-cover::before{content:''; position:absolute; inset:0; z-index:-1; border-radius:4px; background:#0E1520; border:1px solid var(--line2); transform:translate(9px,9px); transition:transform .7s var(--e)}
.sd-cover img{display:block; width:100%; height:auto; border-radius:4px; border:1px solid var(--line3); box-shadow:0 34px 60px -28px rgba(0,0,0,.95)}
.sd-cover:hover,.sd-cover:focus-visible{transform:translateY(-6px)}
.sd-cover:hover::before,.sd-cover:focus-visible::before{transform:translate(14px,14px)}
.sd-cover:focus-visible{outline:1px solid var(--cyan); outline-offset:6px}

.sd-k{display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; white-space:nowrap; font-family:var(--fm); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--mut)}
.sd-k span{color:var(--cyan)}
.sd-k i{width:28px; height:1px; background:var(--line3)}
.sd-k em{font-style:normal; color:var(--dim)}
.sd-t{font-family:var(--fd); font-weight:500; font-size:clamp(24px,2.1vw,31px); line-height:1.1; letter-spacing:-.02em; margin:16px 0 0}
.sd-meta{margin:10px 0 0; font-family:var(--fm); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--dim)}
.sd-note{margin:14px 0 0; padding:2px 0 2px 12px; border-left:2px solid var(--amber); font-family:var(--fm); font-size:10px; letter-spacing:.14em; text-transform:uppercase; line-height:1.6; color:var(--amber)}

.sd-nums{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:30px; border-top:1px solid var(--line2); border-bottom:1px solid var(--line)}
.sd-nums div{padding:16px 14px 16px 0}
.sd-nums div+div{padding-left:14px; border-left:1px solid var(--line)}
.sd-nums b{display:block; font-family:var(--fd); font-weight:400; font-size:clamp(24px,2.1vw,32px); line-height:1; letter-spacing:-.02em; color:var(--ink); font-variant-numeric:tabular-nums; white-space:nowrap}
.sd-nums b u{text-decoration:none; font-family:var(--fm); font-size:11px; letter-spacing:.04em; color:var(--cyan); margin-left:4px}
.sd-nums span{display:block; margin-top:9px; font-size:12.5px; line-height:1.45; color:var(--mut)}

.sd-toc{margin-top:20px}
.sd-lab{font-family:var(--fm); font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--dim)}
.sd-toc ol{list-style:none; margin:10px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:7px 18px}
.sd-toc li{font-size:13.5px; line-height:1.5; color:var(--ink2)}
.sd-toc em{font-style:normal; font-family:var(--fm); font-size:9.5px; color:var(--cyan); margin-right:7px}

.sd-dl{justify-self:start; align-self:end; margin-top:28px}
.sd-fine{margin:18px 0 0; font-size:12.5px; color:var(--dim); max-width:80ch}

@media (max-width:1240px){
  .sd-grid{grid-template-columns:1fr}
  .sd-card{grid-template-columns:minmax(150px,220px) minmax(0,1fr)}
}
@media (max-width:640px){
  .sd-card{grid-template-columns:38% minmax(0,1fr); column-gap:18px; padding:22px 18px 26px}
  .sd-t{font-size:20px; margin-top:10px}
  .sd-k{font-size:9px; letter-spacing:.14em}
  .sd-k i{display:none}
  .sd-nums div{padding-right:8px}
  .sd-nums div+div{padding-left:10px}
  .sd-nums b{font-size:22px}
  .sd-nums b{white-space:normal}
  .sd-nums b u{display:block; font-size:9.5px; margin:6px 0 0}
  .sd-nums span{font-size:11.5px}
  .sd-dl{justify-self:stretch; justify-content:center}
}