/* /learn/seal-the-gaps-case-study/ — scoped styles. Source kit: business/marketing/case-study-sealing-2026-11/source/build_web.py */
.seal-stand{font-size:21px;line-height:1.5;color:#2E3F50;margin:0 0 20px}
.seal-hero{display:grid;grid-template-columns:auto 1fr 1fr;gap:28px;align-items:center;padding:20px 24px;border-radius:20px;background:linear-gradient(160deg,#DDF0FA 0%,#E9F5DF 100%);margin:0 0 8px}
.seal-hero .when b{display:block;font-weight:600;font-size:17px;color:#163454}
.seal-hero .when span{display:block;font-size:14px;color:#5B6672;margin-top:2px}
.seal-hero .lab{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5B6672}
.seal-hero .big{display:block;font-weight:700;font-size:48px;line-height:1.05;letter-spacing:-.02em;color:#6B7784;margin-top:2px}
.seal-hero .in .lab,.seal-hero .in .big{color:#4F7415}
.seal-hero .note{display:block;font-size:13px;line-height:1.35;color:#5B6672;margin-top:4px}

article.prose figure.seal-fig{margin:28px 0 20px}
.seal-fig svg{width:100%;height:auto;display:block}
.seal-diagram svg{max-width:460px;margin:0 auto}
.seal-fig svg .ax{font-family:Inter,sans-serif;font-size:2.6px;fill:#5B6672}
.seal-fig svg .mk{font-family:Inter,sans-serif;font-size:2.6px;fill:#4F7415;font-weight:600}
.seal-fig svg .mk2{font-family:Inter,sans-serif;font-size:2.6px;fill:#163454;font-weight:600}
article.prose .seal-h{margin:0 0 6px;font-size:22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.seal-h .tag{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#E8F5D4;color:#4F7415;border-radius:6px;padding:2px 8px}
.seal-h small{flex-basis:100%;font-size:14px;font-weight:400;color:#5B6672}
.seal-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:#5B6672;margin-top:8px}
.seal-legend span{display:inline-flex;align-items:center;gap:6px}
.seal-legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px}
.seal-legend .sw.in{background:#163454}
.seal-legend .sw.out{background:#D5DCE2;border:1px solid #8A96A3}
.seal-legend .sw.aim{height:0;border-radius:0;border-top:2px dashed #5E8E1A;width:16px}
.seal-legend .sw.line{height:3px;border-radius:2px;background:#163454;width:16px}

.seal-gaps{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 8px}
.seal-box{border:1px solid #E3E8E1;border-radius:16px;padding:18px 20px;background:#fff}
article.prose .seal-box h3{margin:0 0 8px;font-size:19px}
article.prose .seal-box ul{margin:0;padding-left:20px}
article.prose .seal-box li,article.prose .seal-box p{font-size:16px;line-height:1.5;margin:0 0 6px}
.seal-box.seen h3::before,.seal-box.unseen h3::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:1px}
.seal-box.seen h3::before{background:#C2462B}
.seal-box.unseen h3::before{background:#94C23C}
.seal-dl a{font-weight:600}

@media (max-width:700px){
  .seal-stand{font-size:18px}
  .seal-hero{grid-template-columns:1fr 1fr;gap:14px 18px;padding:16px}
  .seal-hero .when{grid-column:1 / -1}
  .seal-hero .big{font-size:38px}
  .seal-gaps{grid-template-columns:1fr}
  .seal-fig svg .ax,.seal-fig svg .mk,.seal-fig svg .mk2{font-size:3.7px}
}