.doom-page {
  max-inline-size: 1060px;
  margin-inline: auto;
  padding: 10px 14px 40px;
}

.doom-header {
  border-block: 5px solid var(--ink);
  padding: 13px 0 15px;
}
.doom-header h1 {
  margin: 0;
  font: 900 clamp(40px, 10vw, 88px)/0.9 var(--display-font);
  letter-spacing: -0.05em;
}
.doom-dek {
  max-inline-size: 820px;
  margin: 14px 0 0;
  font: 700 18px/1.25 var(--news-font);
}

.doom-headline {
  margin: 26px 0 0;
  padding: 26px 20px;
  border: 3px solid var(--ink);
  box-shadow: 5px 5px 0 var(--ink);
  background: var(--ink);
  color: var(--paper);
  text-align: center;
}
.doom-kicker {
  margin: 0;
  color: var(--accent);
  font: 900 13px/1 var(--micro-font);
  letter-spacing: 0.14em;
}
.doom-median {
  margin: 8px 0 0;
  font: 900 clamp(72px, 16vw, 150px)/0.95 var(--display-font);
  letter-spacing: -0.05em;
  color: var(--paper);
}
.doom-median-sub {
  margin: 10px 0 0;
  font: 700 12px/1.5 var(--micro-font);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #c9c4b8;
}
.doom-small-n, .doom-median-none {
  margin: 14px auto 0;
  max-inline-size: 640px;
  font: 400 13px/1.55 var(--news-font);
  color: #e8b4b4;
}

.doom-spectrum { margin: 34px 0 0; }
.doom-spectrum h2, .doom-table-section h2, .doom-movement h2, .doom-history h2, .doom-method h2 {
  margin: 0 0 14px;
  font: 900 15px/1 var(--micro-font);
  letter-spacing: 0.12em;
}
.doom-strip { position: relative; padding: 34px 6px 8px; border-block: 2px solid var(--ink); }
.doom-axis {
  position: absolute; inset-inline: 6px; top: 8px;
  display: flex; justify-content: space-between;
  font: 700 10px/1 var(--micro-font); color: var(--muted);
}
.doom-track { position: relative; }

.doom-mark { position: absolute; top: 0; }
.doom-point, .doom-ineq, .doom-attr { width: 0; }
.doom-mark i {
  position: absolute; top: 0; left: -2px;
  display: block; inline-size: 4px; block-size: 26px; background: var(--ink);
}
.doom-mark b {
  position: absolute; white-space: nowrap;
  font: 700 10px/1.2 var(--micro-font); text-transform: uppercase;
}
.doom-mark b.anchor-middle { transform: translateX(-50%); }
.doom-mark b.anchor-start { left: 7px; }
.doom-mark b.anchor-end { left: -7px; transform: translateX(-100%); }
.doom-point i { background: var(--accent); inline-size: 6px; left: -3px; }
.doom-range {
  block-size: 12px;
  background: repeating-linear-gradient(45deg, var(--ink), var(--ink) 3px, transparent 3px, transparent 6px);
  border-block: 1px solid var(--ink);
}
.doom-range b { top: 16px; left: 2px; }
.doom-ineq i { background: var(--ink); }
.doom-ineq::after {
  content: "▶"; font-size: 10px;
  position: absolute; top: 5px; left: 6px;
}
.doom-attr i { background: transparent; border-inline-start: 3px dashed var(--muted); }
.doom-unnumbered { margin: 12px 0 0; padding: 0; list-style: none; font: 400 13px/1.7 var(--news-font); color: var(--muted); }
.doom-spectrum-note { font: 400 12px/1.6 var(--news-font); color: var(--muted); }

.doom-table-section { margin: 34px 0 0; }
.doom-table-wrap { overflow-x: auto; border: 2px solid var(--ink); }
.doom-table { border-collapse: collapse; inline-size: 100%; min-inline-size: 860px; font: 400 13px/1.45 var(--news-font); }
.doom-table th {
  background: var(--ink); color: var(--paper);
  font: 900 10px/1.4 var(--micro-font); letter-spacing: 0.08em;
  padding: 10px 12px; text-align: start; white-space: nowrap;
}
.doom-table td { padding: 12px; border-block-end: 1px solid #ddd6c8; vertical-align: top; }
.doom-person strong { display: block; font-size: 14px; }
.doom-person span { color: var(--muted); font-size: 11px; }
.doom-expr { max-inline-size: 340px; }
.doom-horizon { display: block; color: var(--muted); font-size: 11px; margin-block-start: 4px; }
.doom-verif {
  display: inline-block; margin-inline-start: 8px; padding: 2px 6px;
  font: 900 9px/1.6 var(--micro-font); letter-spacing: 0.06em; vertical-align: middle;
}
.doom-verif-verified { background: #0a5c2e; color: #fff; }
.doom-verif-corroborated { background: #8a6d00; color: #fff; }
.doom-verif-attributed { background: #5b3b8c; color: #fff; }
.doom-verif-unresolved { background: #666; color: #fff; }
.doom-note { display: block; color: var(--muted); font-size: 11px; margin-block-start: 6px; }
.doom-quote-link { font: 900 10px/1 var(--micro-font); letter-spacing: 0.06em; color: var(--accent); margin-inline-start: 6px; white-space: nowrap; }

.doom-movement { margin: 34px 0 0; }
.doom-movement ul { margin: 0; padding-inline-start: 20px; font: 400 14px/1.65 var(--news-font); }
.doom-movement li { margin-block-end: 10px; }

.doom-history { margin: 34px 0 0; }
.doom-insufficient {
  padding: 16px; border: 2px dashed var(--ink);
  font: 700 13px/1.6 var(--micro-font); letter-spacing: 0.04em;
}

.doom-method { margin: 34px 0 0; padding: 20px; border-block: 3px solid var(--ink); }
.doom-method ul { margin: 0; padding-inline-start: 20px; font: 400 14px/1.65 var(--news-font); }
.doom-method li { margin-block-end: 8px; }

@media (max-width: 640px) {
  .doom-headline { padding: 20px 12px; }
  .doom-dek { font-size: 16px; }

  
  .doom-table-wrap { border: none; overflow-x: visible; }
  .doom-table { min-inline-size: 0; }
  .doom-table thead { display: none; }
  .doom-table, .doom-table tbody, .doom-table tr, .doom-table td { display: block; }
  .doom-table tr {
    border: 2px solid var(--ink);
    margin: 0 0 14px;
    box-shadow: 3px 3px 0 var(--ink);
  }
  .doom-table td {
    border: none;
    border-block-start: 1px solid #ddd6c8;
    padding: 10px 14px;
  }
  .doom-table td::before {
    content: attr(data-label);
    display: block;
    margin: 0 0 5px;
    font: 900 9px/1 var(--micro-font);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .doom-table td.doom-person {
    border-block-start: none;
    background: var(--ink);
    color: var(--paper);
  }
  .doom-table td.doom-person::before { display: none; }
  .doom-table td.doom-person strong { font-size: 16px; }
  .doom-table td.doom-person span { color: #c9c4b8; }
  .doom-table td.doom-expr {
    font: 700 20px/1.2 var(--news-font);
    max-inline-size: none;
  }
  .doom-table td.doom-expr::before { margin-bottom: 6px; }

  .doom-method { padding: 16px 14px; }
  .doom-movement ul, .doom-method ul { font-size: 14px; }
}


.dlane-0{top:34px}
.dlane-1{top:58px}
.dlane-2{top:82px}
.dlane-3{top:106px}
.dlane-4{top:130px}
.dlane-5{top:154px}
.dlane-6{top:178px}
.dlane-7{top:202px}
.dlane-8{top:226px}
.dlane-9{top:250px}
.dlane-10{top:274px}
.dlane-11{top:298px}
.dlane-12{top:322px}
.dlane-13{top:346px}
.dlane-14{top:370px}
.dlane-15{top:394px}
.drlane-0{top:0px}
.drlane-1{top:38px}
.drlane-2{top:76px}
.drlane-3{top:114px}
.drlane-4{top:152px}
.drlane-5{top:190px}
.drlane-6{top:228px}
.drlane-7{top:266px}
.dpzh-1{height:66px}
.dpzh-2{height:90px}
.dpzh-3{height:114px}
.dpzh-4{height:138px}
.dpzh-5{height:162px}
.dpzh-6{height:186px}
.dpzh-7{height:210px}
.dpzh-8{height:234px}
.dpzh-9{height:258px}
.dpzh-10{height:282px}
.dpzh-11{height:306px}
.dpzh-12{height:330px}
.dpzh-13{height:354px}
.dpzh-14{height:378px}
.dpzh-15{height:402px}
.dpzh-16{height:426px}
.drzh-0{height:34px}
.drzh-1{height:72px}
.drzh-2{height:110px}
.drzh-3{height:148px}
.drzh-4{height:186px}
.drzh-5{height:224px}
.drzh-6{height:262px}
.drzh-7{height:300px}
.drzh-8{height:338px}
.doom-point-zone{position:relative}
.doom-range-zone{position:relative;margin-top:10px}