:root{
  --sp-navy:#0B1F3A;
  --sp-navy-2:#173B66;
  --sp-red:#A51D2D;
  --sp-red-dark:#861522;
  --sp-bg:#F5F7F9;
  --sp-card:#FFFFFF;
  --sp-soft:#EEF2F6;
  --sp-text:#202733;
  --sp-muted:#667085;
  --sp-border:#E2E7EC;
  --sp-shadow:0 12px 28px rgba(11,31,58,.075);
}
.hsp-sprinkler-page{background:var(--sp-bg);color:var(--sp-text);padding:26px 0 72px}
.hsp-sprinkler-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}
.hsp-sprinkler-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px;align-items:start}
.hsp-sprinkler-article{min-width:0}
.hsp-sprinkler-breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--sp-muted);margin:0 0 15px}
.hsp-sprinkler-breadcrumbs a{color:var(--sp-muted);text-decoration:none}
.hsp-sprinkler-breadcrumbs a:hover{color:var(--sp-red)}
.hsp-sprinkler-breadcrumbs strong{font-weight:700;color:var(--sp-navy)}
.hsp-sprinkler-hero{background:#fff;border:1px solid var(--sp-border);border-radius:20px;overflow:hidden;box-shadow:var(--sp-shadow)}
.hsp-sprinkler-hero-media{aspect-ratio:16/9;background:#DDE4EA}
.hsp-sprinkler-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.hsp-sprinkler-cover-fallback{width:100%;height:100%;background:linear-gradient(135deg,#E7ECEF,#C8D2DB)}
.hsp-sprinkler-hero-body{padding:24px 26px 23px}
.hsp-sprinkler-kicker,.hsp-sprinkler-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-red)}
.hsp-sprinkler-kicker{margin-bottom:10px}
.hsp-sprinkler-kicker:after{content:"";display:block;width:38px;height:3px;border-radius:20px;background:var(--sp-red);margin-top:7px}
.hsp-sprinkler-hero h1{margin:0;color:var(--sp-navy);font-size:clamp(34px,4vw,50px);line-height:1.04;letter-spacing:-.035em}
.hsp-sprinkler-dek{margin:12px 0 0;color:#405064;font-size:17px;line-height:1.5}
.hsp-sprinkler-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hsp-sprinkler-meta span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#F0F3F6;border:1px solid #E0E6EB;color:#5D6B7A;font-size:12px}
.hsp-sprinkler-content>section{background:#fff;border:1px solid var(--sp-border);border-radius:18px;box-shadow:var(--sp-shadow);margin-top:18px;padding:22px 23px}
.hsp-sprinkler-content>.hsp-sprinkler-quick{border-left:4px solid var(--sp-red)}
.hsp-sprinkler-content h2{color:var(--sp-navy);font-size:26px;line-height:1.18;letter-spacing:-.02em;margin:6px 0 11px}
.hsp-sprinkler-content p{font-size:16.2px;line-height:1.65;margin:0 0 13px}
.hsp-sprinkler-content p:last-child{margin-bottom:0}
.hsp-sprinkler-content a{font-weight:800;color:var(--sp-navy-2);text-decoration-thickness:1px;text-underline-offset:2px}
.hsp-sprinkler-content a:hover{color:var(--sp-red)}
.hsp-sprinkler-figure,.hsp-sprinkler-infographic{margin:18px 0 4px}
.hsp-sprinkler-figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:1px solid var(--sp-border)}
.hsp-sprinkler-infographic a{display:block}
.hsp-sprinkler-infographic img{display:block;width:min(100%,720px);height:auto;margin:0 auto;border:1px solid var(--sp-border);border-radius:14px;background:#fff}
.hsp-sprinkler-content figcaption{font-size:12px;color:var(--sp-muted);line-height:1.45;margin-top:7px}
.hsp-sprinkler-note{margin:15px 0 0;padding:13px 14px;border-radius:12px;background:#F8FAFC;border-left:3px solid var(--sp-red);color:#475467;font-size:13.5px;line-height:1.5}
.hsp-sprinkler-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hsp-sprinkler-related-grid>a{display:block;border:1px solid var(--sp-border);background:#fff;border-radius:13px;padding:14px;text-decoration:none}
.hsp-sprinkler-related-grid>a:hover{border-color:#CCD6DF;box-shadow:0 8px 18px rgba(11,31,58,.06)}
.hsp-sprinkler-related-grid strong{display:block;color:var(--sp-navy);font-size:14px}
.hsp-sprinkler-related-grid span{display:block;margin-top:5px;color:var(--sp-muted);font-size:12.5px;line-height:1.45}
.hsp-sprinkler-sources ul{margin:0;padding-left:19px}
.hsp-sprinkler-sources li{margin:8px 0;font-size:13px;line-height:1.5;color:var(--sp-muted)}
.hsp-sprinkler-rail{position:sticky;top:92px;display:grid;gap:14px}
.hsp-sprinkler-rail section{background:#fff;border:1px solid var(--sp-border);border-radius:15px;padding:16px;box-shadow:var(--sp-shadow)}
.hsp-sprinkler-rail h2{margin:0 0 10px;color:var(--sp-navy);font-size:16px}
.hsp-sprinkler-rail nav{display:grid;gap:7px}
.hsp-sprinkler-rail nav a{display:block;padding:9px 10px;border:1px solid #E7ECF1;border-radius:9px;background:#FAFBFC;color:var(--sp-navy-2);text-decoration:none;font-size:12.5px;line-height:1.3}
.hsp-sprinkler-source-list{display:grid;gap:10px}
.hsp-sprinkler-source-list a{font-size:12.5px;line-height:1.35;font-weight:800;color:var(--sp-navy-2)}
.hsp-sprinkler-rail p{font-size:12.5px;line-height:1.5;color:var(--sp-muted);margin:0}
.hsp-sprinkler-mobile-nav{display:none}

@media(max-width:900px){
  .hsp-sprinkler-layout{grid-template-columns:1fr}
  .hsp-sprinkler-rail{display:none}
}
@media(max-width:700px){
  .hsp-sprinkler-page{padding:0 0 50px}
  .hsp-sprinkler-shell{width:100%}
  .hsp-sprinkler-mobile-nav{display:flex;position:sticky;top:0;z-index:18;overflow-x:auto;gap:7px;padding:9px 10px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--sp-border);scrollbar-width:none}
  .hsp-sprinkler-mobile-nav::-webkit-scrollbar{display:none}
  .hsp-sprinkler-mobile-nav a{flex:0 0 auto;border:1px solid var(--sp-border);border-radius:999px;background:#fff;color:var(--sp-navy);padding:7px 10px;text-decoration:none;font-size:11.5px;font-weight:700}
  .hsp-sprinkler-breadcrumbs{margin:0;padding:12px 14px 9px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;background:#fff;scrollbar-width:none}
  .hsp-sprinkler-breadcrumbs::-webkit-scrollbar{display:none}
  .hsp-sprinkler-hero{border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .hsp-sprinkler-hero-media{aspect-ratio:16/10}
  .hsp-sprinkler-hero-body{padding:17px 15px 18px}
  .hsp-sprinkler-hero h1{font-size:30px;line-height:1.05}
  .hsp-sprinkler-dek{font-size:15.5px}
  .hsp-sprinkler-content>section{margin:12px 10px 0;padding:17px 15px;border-radius:15px;box-shadow:none}
  .hsp-sprinkler-content h2{font-size:22px}
  .hsp-sprinkler-content p{font-size:15.2px;line-height:1.62}
  .hsp-sprinkler-figure{margin:15px -5px 4px}
  .hsp-sprinkler-figure img{border-radius:11px}
  .hsp-sprinkler-infographic{margin:16px -5px 4px}
  .hsp-sprinkler-infographic img{width:100%;border-radius:11px}
  .hsp-sprinkler-infographic figcaption{padding:0 5px}
  .hsp-sprinkler-related-grid{grid-template-columns:1fr}
}