:root{
  --raf-ink:#162021;
  --raf-muted:#647071;
  --raf-ground:#e8eeee;
  --raf-panel:#fbfdfc;
  --raf-lead:#2d3738;
  --raf-line:#c7d1cf;
  --raf-mint:#98cfc0;
  --raf-iodine:#d69c39;
  --raf-violet:#76639e;
  --raf-alert:#bb4c43;
  --raf-shadow:#d4dddb;
}

*{box-sizing:border-box}

body{
  margin:0;
  background-color:var(--raf-ground);
  color:var(--raf-ink);
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height:1.55;
}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

.raf-home,.raf-article{
  max-width:1180px;
  margin:0 auto;
  padding:28px;
}

.raf-shield{
  position:relative;
  min-height:520px;
  padding:38px;
  border:3px solid var(--raf-lead);
  background-color:var(--raf-panel);
  box-shadow:16px 16px 0 var(--raf-shadow);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.raf-shield:before,.raf-shield:after{
  content:"";
  position:absolute;
  border:2px solid var(--raf-lead);
  width:46px;
  height:46px;
  background-color:var(--raf-ground);
}
.raf-shield:before{right:26px;top:26px}
.raf-shield:after{right:46px;top:46px;background-color:var(--raf-mint)}

.raf-safety-line{
  display:flex;
  gap:8px;
  align-items:flex-end;
  max-width:420px;
  margin-bottom:38px;
}
.raf-safety-line span{
  display:block;
  width:42px;
  border:2px solid var(--raf-lead);
  background-color:var(--raf-panel);
}
.raf-safety-line span:nth-child(1){height:12px;background-color:var(--raf-mint)}
.raf-safety-line span:nth-child(2){height:22px}
.raf-safety-line span:nth-child(3){height:36px;background-color:var(--raf-iodine)}
.raf-safety-line span:nth-child(4){height:18px}
.raf-safety-line span:nth-child(5){height:48px;background-color:var(--raf-violet)}
.raf-safety-line span:nth-child(6){height:28px;background-color:var(--raf-alert)}
.raf-safety-line.small{margin:0;max-width:260px}
.raf-safety-line.small span{width:30px}

.raf-kicker,.raf-section-code,.raf-bay-label,.article-site,.claim-spine p,.incident-title{
  margin:0 0 12px;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--raf-lead);
}

.raf-shield h1{
  margin:0;
  max-width:930px;
  font-size:clamp(56px,9vw,126px);
  line-height:.88;
  letter-spacing:-.075em;
  font-weight:900;
}

.raf-description{
  max-width:760px;
  margin:34px 0 0;
  font-size:clamp(20px,2.3vw,31px);
  line-height:1.18;
  font-weight:650;
}

.raf-byline{
  margin:38px 0 0;
  color:var(--raf-muted);
  font-size:15px;
}

.raf-topic-bay{
  margin-top:34px;
  padding:18px;
  border:2px solid var(--raf-line);
  background-color:#f3f7f6;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
  align-items:start;
}

.raf-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.raf-chip-row a,.raf-chip-row span{
  display:inline-block;
  padding:9px 12px 8px;
  border:2px solid var(--raf-lead);
  background-color:var(--raf-panel);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.raf-containment{
  margin-top:54px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:24px;
  align-items:stretch;
}
.raf-containment-copy,.raf-dose-panel,.raf-feature,.raf-thresholds,.raf-archive{
  border:2px solid var(--raf-lead);
  background-color:var(--raf-panel);
}
.raf-containment-copy{padding:34px}
.raf-containment-copy h2,.raf-feature h2,.raf-archive h2{
  margin:0;
  font-size:clamp(31px,4vw,58px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:900;
}
.raf-containment-copy p:last-child,.raf-feature p:last-child{
  margin:22px 0 0;
  max-width:670px;
  color:#344244;
  font-size:18px;
}

.raf-dose-panel{
  padding:18px;
  display:grid;
  gap:12px;
  align-content:stretch;
}
.raf-dose-panel div{
  min-height:78px;
  padding:16px;
  border:2px solid var(--raf-line);
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
}
.raf-dose-panel span{
  color:var(--raf-muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.raf-dose-panel strong{
  font-size:22px;
  letter-spacing:-.04em;
}

.raf-feature{
  margin-top:24px;
  padding:34px;
  border-left-width:14px;
  border-left-color:var(--raf-iodine);
}

.raf-thresholds{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
}
.raf-threshold{
  padding:22px;
  min-height:140px;
  border-right:2px solid var(--raf-line);
}
.raf-threshold:last-child{border-right:0}
.raf-threshold strong{
  display:block;
  margin-bottom:12px;
  font-size:24px;
  letter-spacing:-.04em;
}
.raf-threshold span{color:#3c494b;font-size:15px}
.raf-threshold:nth-child(1){border-top:10px solid var(--raf-mint)}
.raf-threshold:nth-child(2){border-top:10px solid var(--raf-iodine)}
.raf-threshold:nth-child(3){border-top:10px solid var(--raf-violet)}
.raf-threshold:nth-child(4){border-top:10px solid var(--raf-alert)}

.raf-archive{
  margin-top:54px;
  padding:24px;
}
.raf-archive-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:end;
  padding-bottom:22px;
  border-bottom:2px solid var(--raf-line);
}
.raf-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:22px;
}

.dose-card-link{
  min-height:330px;
  padding:16px;
  border:2px solid var(--raf-lead);
  background-color:#f9fbfa;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:8px 8px 0 #dce4e2;
}
.dose-card-top,.dose-card-foot{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
}
.dose-card time,.dose-status{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  font-size:11px;
  letter-spacing:.04em;
  color:var(--raf-muted);
}
.dose-status{
  padding:5px 7px;
  border:1px solid var(--raf-line);
  text-transform:uppercase;
}
.dose-windows{
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr .55fr;
  gap:8px;
  margin:18px 0 16px;
}
.dose-windows i{
  display:block;
  height:42px;
  border:2px solid var(--raf-lead);
  background-color:var(--raf-ground);
}
.dose-windows i:nth-child(1){background-color:var(--raf-mint)}
.dose-windows i:nth-child(2){background-color:#f2f6f5}
.dose-windows i:nth-child(3){background-color:var(--raf-iodine)}
.dose-windows i:nth-child(4){background-color:var(--raf-violet)}
.dose-card h3{
  margin:0;
  font-size:25px;
  line-height:1.02;
  letter-spacing:-.05em;
  font-weight:900;
}
.dose-card p{
  margin:16px 0 22px;
  color:#3c494b;
  font-size:15px;
}
.dose-card-foot span{
  display:block;
  height:10px;
  flex:1;
  border:1px solid var(--raf-line);
}
.dose-card-foot span:nth-child(2){background-color:var(--raf-mint)}
.dose-card-foot span:nth-child(4){background-color:var(--raf-alert)}

.article-limit-strip{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:16px 0 22px;
  border-bottom:3px solid var(--raf-lead);
}
.article-back a{
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.shield-sheet{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 240px;
  gap:22px;
  margin-top:24px;
  align-items:start;
}
.claim-spine,.incident-panel,.article-core{
  border:2px solid var(--raf-lead);
  background-color:var(--raf-panel);
}
.claim-spine,.incident-panel{
  position:sticky;
  top:18px;
  padding:18px;
}
.claim-spine ol{
  margin:0;
  padding-left:20px;
  color:#3d4a4b;
}
.claim-spine li{
  padding:13px 0;
  border-bottom:2px solid var(--raf-line);
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.claim-spine li:last-child{border-bottom:0}
.article-core{padding:34px 42px}
.article-heading{
  padding-bottom:24px;
  border-bottom:2px solid var(--raf-line);
}
.article-meta{
  margin:0 0 18px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  font-size:12px;
  color:var(--raf-muted);
}
.article-heading h1{
  margin:0;
  font-size:clamp(42px,6vw,84px);
  line-height:.92;
  letter-spacing:-.07em;
  font-weight:900;
}
.article-body{
  max-width:720px;
  padding-top:28px;
  font-size:19px;
}
.article-body p{margin:0 0 1.25em}
.article-body h2{
  margin:1.8em 0 .55em;
  font-size:34px;
  line-height:1.05;
  letter-spacing:-.045em;
}
.article-body h3{
  margin:1.6em 0 .5em;
  font-size:24px;
  letter-spacing:-.03em;
}
.article-body ul,.article-body ol{padding-left:1.2em;margin:0 0 1.25em}
.article-body li{margin:.45em 0}
.article-body blockquote{
  margin:1.6em 0;
  padding:18px 20px;
  border-left:8px solid var(--raf-iodine);
  background-color:#f2f6f5;
  font-weight:700;
}
.incident-panel{border-top:10px solid var(--raf-alert)}
.incident-panel div{
  padding:14px 0;
  border-bottom:2px solid var(--raf-line);
}
.incident-panel div:last-child{border-bottom:0}
.incident-panel strong{
  display:block;
  margin-bottom:4px;
  font-size:15px;
  letter-spacing:-.02em;
}
.incident-panel span{
  color:#526061;
  font-size:13px;
}

@media (max-width:980px){
  .raf-containment,.shield-sheet{grid-template-columns:1fr}
  .raf-card-grid{grid-template-columns:1fr 1fr}
  .raf-thresholds{grid-template-columns:1fr 1fr}
  .claim-spine,.incident-panel{position:static}
}

@media (max-width:680px){
  .raf-home,.raf-article{padding:16px}
  .raf-shield{min-height:auto;padding:24px;box-shadow:8px 8px 0 var(--raf-shadow)}
  .raf-topic-bay{grid-template-columns:1fr}
  .raf-card-grid,.raf-thresholds{grid-template-columns:1fr}
  .raf-threshold{border-right:0;border-bottom:2px solid var(--raf-line)}
  .raf-threshold:last-child{border-bottom:0}
  .raf-archive-head,.article-limit-strip{display:block}
  .article-core{padding:24px}
}