/* Azimuth Stormglass — public pages (the two-pager and the science explainer). Brand: Azimuth Brand Guidelines 2026 —
   Deep Navy #0A1C2A, Harbor Navy #123555, Ocean Teal #9EC3CC, Sea Foam #E1EEF1, Brushed Gold #F4C791, Copper #E7A937,
   Bronze #D9783D; Poppins headings, Inter body; gold or bronze on navy, never metallic on type. */
:root{--navy:#0A1C2A;--harbor:#123555;--teal:#9EC3CC;--foam:#E1EEF1;--gold:#F4C791;--copper:#E7A937;--bronze:#D9783D;--ink:#0A1C2A;--muted:#476B83;--line:#C9DDE2;--bg:#E9F0F2;}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.55;}
a{color:#1F5E8C;}
.sheet{position:relative;max-width:850px;margin:24px auto;background:#fff;box-shadow:0 6px 28px rgba(10,28,42,.12);overflow:hidden;}
.pad{padding:34px 48px 30px;}
h1,h2,h3,.eye{font-family:'Poppins',system-ui,sans-serif;}
h2{font-size:21px;font-weight:600;color:var(--navy);margin:22px 0 8px;letter-spacing:-.005em;}
h3{font-size:15px;font-weight:600;color:var(--navy);margin:16px 0 4px;}
p{margin:6px 0;}
.eye{display:block;font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);}
.note{font-size:12px;color:var(--muted);line-height:1.5;}
.lead{font-size:16.5px;line-height:1.55;color:#123555;}
/* the navy masthead */
.mast{position:relative;background:radial-gradient(120% 140% at 15% 0%,#1A4A6E 0%,#123555 35%,#0A1C2A 100%);color:#E1EEF1;padding:30px 48px 26px;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.mast .topo{position:absolute;right:-140px;top:-80px;width:560px;opacity:.38;pointer-events:none;}
.mast .topo2{position:absolute;left:-180px;bottom:-200px;width:460px;opacity:.22;pointer-events:none;}
.mast .row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.mast .logo{height:46px;}
.mast .seal{height:78px;}
.mast h1{position:relative;font-size:34px;line-height:1.1;font-weight:500;color:var(--gold);margin:16px 0 6px;letter-spacing:-.005em;}
.mast .sub{position:relative;font-size:15.5px;color:#E1EEF1;max-width:560px;}
.mast .eye{position:relative;color:var(--copper);}
/* blocks */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;}
.card{border:1px solid var(--line);border-left:3px solid var(--bronze);background:#F6FAFB;padding:10px 14px;border-radius:2px;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.card b{color:var(--navy);}
.diff{list-style:none;margin:6px 0;}
.diff li{position:relative;padding:7px 0 7px 30px;border-bottom:1px solid #E6EEF0;}
.diff li:last-child{border-bottom:0;}
.diff li::before{content:'';position:absolute;left:4px;top:12px;width:12px;height:12px;border:2px solid var(--bronze);border-radius:50%;}
.diff li::after{content:'';position:absolute;left:8.5px;top:16.5px;width:5px;height:5px;background:var(--bronze);border-radius:50%;}
.diff b{color:var(--navy);}
.diff .chk{display:block;font-size:12px;color:var(--muted);}
.pages{counter-reset:pg;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:2px 22px;margin:6px 0;}
.pages li{counter-increment:pg;padding:3px 0 3px 26px;position:relative;font-size:13.5px;}
.pages li::before{content:counter(pg);position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--harbor);color:#fff;font:600 10.5px/18px 'Poppins',sans-serif;text-align:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px;}
th{background:var(--harbor);color:#fff;font:600 11px 'Poppins',sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:7px 9px;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
td{padding:6px 9px;border-bottom:1px solid #E1EAEC;vertical-align:top;}
tr:nth-child(even) td{background:#F6FAFB;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.formula{font-family:'Poppins',sans-serif;font-size:15px;color:var(--navy);background:var(--foam);border-radius:3px;padding:8px 12px;margin:8px 0;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.formula sub,.formula sup{font-size:.72em;}
.dia{display:block;width:100%;height:auto;margin:8px 0;}
.diaw{break-inside:avoid;}
.nw td+td{white-space:nowrap;}
.wide .dia{max-width:720px;margin-left:auto;margin-right:auto;}
.dia text{font-family:'Poppins',sans-serif;paint-order:stroke;stroke:#F7F9FA;stroke-width:4px;stroke-linejoin:round;}
.dia .lg text{font-family:'Inter',sans-serif;}
.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--copper);margin-top:18px;padding-top:8px;font-size:11px;color:var(--muted);}
.foot b{color:var(--navy);font-weight:600;}
.shape{position:absolute;pointer-events:none;opacity:.9;z-index:0;}
.pad>*{position:relative;z-index:1;}
.pad>.shape{position:absolute;z-index:0;}
.refs{font-size:11.5px;color:#38505F;padding-left:18px;}
.refs li{margin:3px 0;}
.toc{columns:2;column-gap:26px;font-size:13.5px;margin:8px 0 4px;}
.toc a{display:block;padding:2px 0;color:var(--harbor);text-decoration:none;}
.bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:850px;margin:16px auto -8px;padding:0 4px;}
.bar a,.bar button{font:600 12.5px 'Inter',sans-serif;background:#fff;color:var(--harbor);border:1px solid var(--line);border-radius:4px;padding:7px 12px;text-decoration:none;cursor:pointer;}
.bar .pri{background:var(--harbor);color:#fff;border-color:var(--harbor);}
@media (max-width:700px){.pad,.mast{padding-left:18px;padding-right:18px;}.cols,.pages{grid-template-columns:1fr;}.toc{columns:1;}.mast h1{font-size:27px;}.mast .seal{height:56px;}.sheet{margin:12px 0;}}
@page{size:letter;margin:0;}
@page sci{size:letter;margin:.5in 0 .55in;}
@page sci:first{margin-top:0;}
@media print{
  body{background:#fff;font-size:9.8pt;line-height:1.45;}
  .lead{font-size:11.2pt;}
  h2{font-size:14.5pt;margin:12px 0 5px;}
  .diff li{padding:4px 0 4px 28px;}
  .diff .chk{font-size:8.2pt;}
  .pages li{font-size:9.4pt;padding:2px 0 2px 26px;}
  table{font-size:9.2pt;margin:6px 0;}
  td{padding:4px 8px;}
  .note{font-size:8.6pt;}
  .formula{font-size:11pt;padding:6px 10px;}
  .two .dia{width:64%;margin:2px auto;}
  .two .pages{margin:2px 0 4px;}
  .two .pad{padding-top:.32in;}
  .bar{display:none;}
  .sheet{margin:0;box-shadow:none;max-width:none;width:8.5in;}
  .pg{min-height:11in;height:11in;overflow:hidden;position:relative;break-after:page;}
  .pg:last-child{break-after:auto;}
  .pad{padding:.42in .6in .3in;}
  .mast{padding:.3in .6in .24in;}
  .mast .logo{height:38px;}
  .mast .seal{height:62px;}
  .mast h1{font-size:26pt;margin:8px 0 4px;}
  .mast .sub{font-size:11.5pt;}
  .foot{position:absolute;left:.6in;right:.6in;bottom:.3in;}
  h2,h3{break-after:avoid;}
  table,.card,.formula,.dia{break-inside:avoid;}
  .sci{page:sci;}
  .flow .pad{padding:.25in .6in 0;}
  .flow .foot{position:static;margin-top:6px;padding-top:4px;}
  .flow .refs{margin-bottom:0;}
  .flow .foot{break-before:avoid;break-inside:avoid;}
  .refs li:last-child{break-after:avoid;}
  .flow .mast{margin-top:0;}
  .sci .dia{width:62%;margin:4px auto;}
  .sci .wide .dia{width:84%;}
  .refs{font-size:8pt;}
  .refs li{margin:1px 0;}
  .sci h2{margin-top:14px;}
}