:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#133526,#06130e 65%);color:#f3f8f4;line-height:1.6}a{color:#baff45}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;padding:1.4rem 1.2rem;margin:auto;border-bottom:1px solid #ffffff22}.brand{font-weight:900;text-decoration:none;letter-spacing:.1em;color:white}.brand span{color:#baff45}.back{font-weight:700;text-decoration:none}main{max-width:1200px;margin:2.3rem auto;padding:0 1.2rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:2rem}article,aside{background:#092018;border:1px solid #ffffff25;border-radius:24px;padding:clamp(1.4rem,4vw,3rem)}.tag{color:#baff45;text-transform:uppercase;font-size:.82rem;font-weight:900;letter-spacing:.14em}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;letter-spacing:-.035em;margin:.7rem 0 1.1rem}h2{font-size:1.3rem;line-height:1.3}.meta,.disclosure,aside span,footer{color:#aec1b5}.meta{font-size:.95rem}.tools{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.8rem 0}button{cursor:pointer;border:1px solid #baff45;border-radius:12px;background:transparent;color:#d6ff9b;padding:.7rem 1rem;font:inherit;font-weight:700}button:hover,button:focus-visible{background:#baff4524}button:disabled{opacity:.5;cursor:default}.story{border-top:1px solid #ffffff25;padding-top:1rem}.story>p:not(.disclosure){font-size:1.2rem}.disclosure{font-size:.9rem}.source{display:inline-block;background:#baff45;color:#092018;font-weight:800;text-decoration:none;border-radius:13px;padding:.9rem 1.2rem;margin-top:.8rem}.source:hover,.source:focus-visible{background:#d7ff8b}aside{align-self:start}aside ul{list-style:none;padding:0}aside li{border-top:1px solid #ffffff25;padding:1rem 0}aside li a{display:block;font-weight:700;text-decoration:none;color:#f3f8f4}aside li a:hover{text-decoration:underline}aside li span{font-size:.8rem}footer{max-width:1200px;padding:2rem 1.2rem;margin:auto;font-size:.85rem}@media(max-width:760px){main{grid-template-columns:1fr;margin:1rem auto}article,aside{padding:1.4rem}header{flex-wrap:wrap}}

.icon-tool{width:46px;height:46px;display:inline-grid;place-items:center;padding:0;border-radius:50%}.icon-tool svg{width:23px;height:23px}.tool-status{align-self:center;color:#aec1b5;font-size:.88rem}.source-credit{font-size:.94rem!important;color:#aec1b5}.source-credit a{font-weight:700;text-underline-offset:3px}

/* Keep article images inside the mobile viewport, even when their source is wide. */
article,aside{min-width:0}
.article-hero{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
article{overflow-wrap:anywhere}
.article-intro{font-size:1.12rem;line-height:1.65}
.image-note{color:#aec1b5;font-size:.95rem;margin:.75rem 0 1rem}
@media(max-width:760px){
  main{grid-template-columns:minmax(0,1fr);gap:1rem;padding:0 1rem}
  article,aside{padding:1.25rem;border-radius:18px}
  h1{font-size:clamp(1.7rem,7vw,2.25rem);line-height:1.2}
  .tag{font-size:.9rem;letter-spacing:.08em}
  .meta{font-size:1rem}
  .story>p:not(.disclosure){font-size:1.1rem;line-height:1.7}
  .article-intro{font-size:1.1rem}
  .image-note,.source-credit{font-size:.95rem!important}
}
