:root{--ink:#101A24;--paper:#E9EFEE;--sheet:#F7FAF9;--front:#15618F;--back:#266B57;--amber:#F0A202;--signal:#D23B2C;--rule:rgba(16,26,36,.22);}*{box-sizing:border-box;}html,body{margin:0;padding:0;}body{background:var(--paper);color:var(--ink);font-family:"Libre Franklin",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh;}::selection{background:var(--amber);color:var(--ink);}a{color:inherit;}.wrap{max-width:1240px;margin:0 auto;padding:clamp(18px,3vw,44px) clamp(16px,4vw,40px) 0;padding-left:max(clamp(16px,4vw,40px),env(safe-area-inset-left));padding-right:max(clamp(16px,4vw,40px),env(safe-area-inset-right));}.stage{display:grid;gap:clamp(20px,3vw,44px);align-items:start;}.lede{max-width:34ch;}.mark{display:block;width:clamp(84px,22vw,128px);height:auto;}h1{font-family:Prata,Georgia,serif;font-weight:400;font-size:clamp(1.72rem,1.1rem + 2.9vw,3.3rem);line-height:1.08;letter-spacing:-0.01em;margin:clamp(14px,2vw,22px) 0 0;}h1 .wordmark{color:var(--front);}.sub{margin:clamp(10px,1.4vw,16px) 0 0;font-size:clamp(0.94rem,0.88rem + 0.3vw,1.08rem);max-width:40ch;color:#24323E;}.keyrow{margin:clamp(16px,2vw,26px) 0 0;}.key{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 clamp(22px,3vw,34px);background:var(--amber);color:var(--ink);border:2px solid var(--ink);font-weight:700;font-size:clamp(1rem,0.95rem + 0.3vw,1.12rem);letter-spacing:0.01em;text-decoration:none;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 2px var(--sheet);}.key:focus-visible{outline:3px solid var(--front);outline-offset:3px;}@media (hover: hover) and (pointer: fine){.key:hover{background:#FFB822;}}.key:active{background:#D99102;}.chart{border:2px solid var(--ink);background:var(--sheet);overflow:hidden;}.chart__head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--ink);color:var(--sheet);padding:12px 18px;font-size:clamp(0.62rem,0.58rem + 0.2vw,0.72rem);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;}.chart__head span:last-child{font-variant-numeric:tabular-nums;color:var(--amber);}.chart__body{display:grid;grid-template-columns:1.6fr 1fr;}.field{position:relative;padding:18px;min-height:clamp(136px,26vw,230px);display:flex;flex-direction:column;justify-content:space-between;color:#F4F8F7;background-image: repeating-linear-gradient(0deg,rgba(255,255,255,.17) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 1px,transparent 1px 26px);}.field--front{background-color:var(--front);}.field--back{background-color:var(--back);border-left:2px solid var(--ink);}.field__label{padding-right:40px;font-size:clamp(0.6rem,0.56rem + 0.2vw,0.72rem);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;}.field__state{display:flex;align-items:baseline;gap:9px;font-family:Prata,Georgia,serif;font-size:clamp(1.35rem,0.95rem + 1.9vw,2.5rem);line-height:1;}.dot{display:inline-block;width:.42em;height:.42em;border-radius:50%;background:var(--signal);box-shadow:0 0 0 2px rgba(244,248,247,.9);flex:none;}.station{position:absolute;top:clamp(10px,1.6vw,18px);right:clamp(10px,1.6vw,18px);opacity:.92;}.hist{grid-column:1 / -1;border-top:2px solid var(--ink);background:var(--sheet);padding:16px 16px 18px;}.hist__label{font-size:clamp(0.6rem,0.56rem + 0.2vw,0.72rem);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#2B3B48;}.ticks{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(4px,0.8vw,10px);margin-top:9px;font-variant-numeric:tabular-nums;}.tick{display:flex;flex-direction:column;align-items:center;gap:5px;}.tick i{display:block;width:100%;height:clamp(16px,2.6vw,26px);border:1.5px solid var(--ink);background:var(--sheet);}.tick--clip i{background:var(--front);}.tick--clip.tick--b i{background:var(--back);}.tick span{font-size:clamp(0.56rem,0.52rem + 0.2vw,0.68rem);color:#41505C;letter-spacing:0.04em;}.tick:nth-child(n+7){display:none;}.legend{display:none;gap:clamp(12px,2vw,28px);flex-wrap:wrap;align-items:center;border-top:1px solid var(--rule);padding:14px 16px;font-size:0.72rem;letter-spacing:0.04em;color:#2B3B48;}.legend b{display:inline-flex;align-items:center;gap:8px;font-weight:400;}.chart__foot{border-top:1px solid var(--rule);padding:14px 16px;font-size:clamp(0.62rem,0.58rem + 0.2vw,0.72rem);letter-spacing:0.02em;color:#41505C;font-variant-numeric:tabular-nums;}.band{margin-top:clamp(26px,4vw,54px);border-top:2px solid var(--ink);padding:28px 0 22px;display:grid;gap:8px;}.band h2{font-family:Prata,Georgia,serif;font-weight:400;font-size:clamp(1.1rem,0.95rem + 0.8vw,1.55rem);line-height:1.2;margin:0;}.band p{margin:0;max-width:62ch;font-size:clamp(0.9rem,0.86rem + 0.25vw,1rem);color:#24323E;}footer{border-top:1px solid var(--rule);margin-top:clamp(8px,1.4vw,16px);padding:16px 0 calc(22px + env(safe-area-inset-bottom));font-size:0.78rem;letter-spacing:0.06em;color:#41505C;}@media (min-width: 600px){.ticks{grid-template-columns:repeat(8,1fr);}.tick:nth-child(n+7){display:flex;}.legend{display:flex;}}@media (min-width: 980px){.field{padding:24px;}.hist{padding:20px 22px 22px;}.legend{padding:16px 22px;}.chart__foot{padding:16px 22px;}.band{padding:40px 0 28px;}.stage{grid-template-columns:minmax(300px,0.78fr) 1.35fr;align-items:center;min-height:min(86dvh,760px);}}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}}html,body{max-width:100%;overflow-x:clip}