/* _dev/hub_owid.py */
/* Concept 04. Pixel language: 2px ink, solid offset shadow, never a blur.
   Fraunces is reserved for figures and appears here only inside .insf. */
.hscope{font-size:15px;line-height:1.6;color:#3A3529;margin:14px 0 0;max-width:66ch}
.hscope b{font-weight:600}
.hmost{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:16px 0 0}
.hmost .mvk{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.4px;
  letter-spacing:.13em;text-transform:uppercase;color:#6C6555}
.hmost a{font-size:13px;color:#16211B;text-decoration:none;background:#fff;
  border:2px solid #16211B;border-radius:999px;padding:5px 12px 4px;
  box-shadow:2px 2px 0 #16211B}
.hmost a:hover{background:#F6C560}
.hmost a:active{transform:translate(2px,2px);box-shadow:0 0 0 #16211B}
.hsec{font-family:'Bricolage Grotesque','Archivo',Inter,system-ui,sans-serif;
  font-weight:800;letter-spacing:-.032em;font-size:23px;color:#16211B;
  margin:34px 0 14px}
.ins{border:2px solid #16211B;border-radius:12px;box-shadow:3px 3px 0 #16211B;
  background:#FBF9F3;padding:15px 17px;margin:0 0 12px}
.ins>h3{font-family:'Bricolage Grotesque','Archivo',Inter,system-ui,sans-serif;
  font-weight:800;letter-spacing:-.028em;font-size:18px;line-height:1.2;
  color:#16211B;margin:0 0 9px}
.insg{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;
  align-items:start}
.insg>p{margin:0;font-size:14px;line-height:1.6;color:#3A3529;max-width:60ch}
.insf{border:2px solid #16211B;border-radius:10px;background:#fff;
  box-shadow:2px 2px 0 #16211B;padding:9px 13px;text-align:right;min-width:132px}
.insf b{display:block;font-family:Fraunces,Georgia,serif;font-weight:600;
  font-size:21px;line-height:1.1;color:#2C6350;letter-spacing:-.01em}
.insf span{display:block;font-size:11.4px;line-height:1.4;color:#5A5647;
  margin:4px 0 0}
.ysk{margin:11px 0 0;border-top:2px dashed #D9D0BA;padding:9px 0 0}
.ysk>summary{cursor:pointer;list-style:none;font-family:'IBM Plex Mono',
  ui-monospace,monospace;font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;color:#2C6350;font-weight:700}
.ysk>summary::-webkit-details-marker{display:none}
.ysk>summary::after{content:" +"}
.ysk[open]>summary::after{content:" \2212"}
.ysk p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#4A463A;max-width:64ch}
.hcalc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;
  align-items:center;border:2px solid #16211B;border-radius:12px;
  box-shadow:4px 4px 0 #F6C560;background:#fff;padding:14px 16px;
  text-decoration:none;color:#16211B}
.hcalc:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #F6C560}
.hcalc b{display:block;font-family:'Bricolage Grotesque','Archivo',Inter,
  system-ui,sans-serif;font-weight:800;letter-spacing:-.028em;font-size:17px}
.hcalc i{display:block;font-style:normal;font-size:13px;color:#4A463A;margin:2px 0 0}
.hcalc .ci{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:9.4px;
  letter-spacing:.12em;text-transform:uppercase;color:#6C6555;
  writing-mode:vertical-rl;transform:rotate(180deg)}
.hgo{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:10.4px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#16211B;
  background:#F6C560;border:2px solid #16211B;border-radius:999px;
  padding:6px 13px 5px;box-shadow:2px 2px 0 #16211B;white-space:nowrap}
/* Centred on the page measure. Inserted as a bare sibling of the footer, so
   it inherits no gutter - the third element in this session to run full-bleed
   for that reason, which is why the sweep now checks for it. */
.citeb{border:2px solid #16211B;border-radius:12px;background:#F4F0E6;
  box-shadow:2px 2px 0 #16211B;padding:14px 16px;max-width:1120px;
  margin:34px auto 0;box-sizing:border-box}
@media (min-width:1500px){.citeb{max-width:1320px}}
@media (min-width:1900px){.citeb{max-width:1560px}}
.citeb .mvk{display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:9.4px;letter-spacing:.13em;text-transform:uppercase;color:#6C6555;
  margin:0 0 7px}
.citeb code{display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:12.2px;line-height:1.6;color:#16211B;background:#fff;
  border:2px solid #D9D0BA;border-radius:8px;padding:9px 11px;white-space:normal;
  word-break:break-word}
.citeb p{margin:9px 0 0;font-size:12.6px;line-height:1.6;color:#4A463A;max-width:66ch}
@media (max-width:620px){
  .insg{grid-template-columns:minmax(0,1fr)}
  .insf{text-align:left;min-width:0}
  .hcalc{grid-template-columns:minmax(0,1fr)}
  .hcalc .ci{display:none}
  .hsec{font-size:20px}
}