/* Groundwork post: "Florida cooled. Jacksonville didn't." (2026-10-27)
   Every rule is scoped under .post-florida-cooled so nothing leaks to other pages.
   Paper, ink and line colors use the site tokens from style.css (they already
   switch for dark mode). Only the chart colors are defined here. */

.post-florida-cooled{
  --fc-rule:var(--line);
  --fc-pine:#2F4A3A; --fc-cool:#9AA79C; --fc-river:#1D5C86; --fc-ghost:var(--ink);
  --fc-on-dark:var(--paper);
  font-size:1.08rem; line-height:1.62; color:var(--ink);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .post-florida-cooled{
    --fc-pine:#8FB39C; --fc-cool:#5E6B61; --fc-river:#6FB1DB;
  }
}
:root[data-theme="dark"] .post-florida-cooled{
  --fc-pine:#8FB39C; --fc-cool:#5E6B61; --fc-river:#6FB1DB;
}

.post-florida-cooled *,.post-florida-cooled *::before,.post-florida-cooled *::after{box-sizing:border-box}
.post-florida-cooled a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
.post-florida-cooled a:hover{color:var(--fc-river)}
.post-florida-cooled a:focus-visible{outline:2px solid var(--fc-river);outline-offset:3px;border-radius:2px}
.post-florida-cooled img{max-width:100%}

.post-florida-cooled .col{max-width:40rem}
.post-florida-cooled .crumb{font-family:var(--sans);font-size:.92rem;color:var(--ink-2);margin:0 0 1rem}
.post-florida-cooled .crumb a{color:var(--ink-2)}

.post-florida-cooled h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,7.5vw,5rem);line-height:1.02;letter-spacing:-.01em;margin:0 0 1.25rem;max-width:14ch}
.post-florida-cooled h1 em,.post-florida-cooled h2 em{font-style:italic;font-weight:400}
.post-florida-cooled .dek{font-family:var(--serif);font-size:1.45rem;line-height:1.3;color:var(--ink-2);margin:0 0 2.5rem;max-width:34rem}
.post-florida-cooled h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.6vw,2.4rem);line-height:1.1;margin:3.5rem 0 1rem}
.post-florida-cooled h3{font-family:var(--sans);font-weight:600;font-size:1.05rem;margin:2rem 0 .5rem}
.post-florida-cooled p{margin:0 0 1.1rem}
.post-florida-cooled .byline{font-family:var(--sans);font-size:.92rem;color:var(--ink-2);border-top:1px solid var(--fc-rule);padding-top:.9rem;margin-bottom:2.5rem}

/* Hero chart */
.post-florida-cooled .hero-fig{background:var(--paper-2);border-radius:6px;padding:1.5rem 1.25rem 1.25rem;margin:0 0 3rem}
.post-florida-cooled figure{margin:2rem 0 2.5rem}
.post-florida-cooled figcaption{font-family:var(--sans);font-size:.9rem;color:var(--ink-2);margin-top:.9rem;line-height:1.45;max-width:40rem}
.post-florida-cooled figcaption b{color:var(--ink);font-weight:600}
.post-florida-cooled .fig-title{font-family:var(--sans);font-weight:600;font-size:1rem;margin:0 0 1rem}

/* Diverging bars */
.post-florida-cooled .div-chart{font-family:var(--sans);font-size:.95rem}
.post-florida-cooled .drow{margin-bottom:.85rem}
.post-florida-cooled .dname{display:flex;justify-content:space-between;margin-bottom:.3rem}
.post-florida-cooled .dname span:last-child{font-variant-numeric:tabular-nums;font-weight:600}
.post-florida-cooled .dtrack{display:grid;grid-template-columns:8fr 5fr;height:1.6rem;position:relative}
.post-florida-cooled .dtrack .neg,.post-florida-cooled .dtrack .pos{position:relative}
.post-florida-cooled .dtrack .neg{border-right:2px solid var(--ink)}
.post-florida-cooled .dtrack .neg i{position:absolute;right:0;top:0;bottom:0;background:var(--fc-cool)}
.post-florida-cooled .dtrack .pos i{position:absolute;left:0;top:0;bottom:0;background:var(--fc-river)}
.post-florida-cooled .drow.jax .dname{color:var(--fc-river);font-weight:600}
.post-florida-cooled .drow.us .neg i{background:transparent;border:1.5px dashed var(--ink-2);border-right:0}
.post-florida-cooled .daxis{display:grid;grid-template-columns:8fr 5fr;font-size:.8rem;color:var(--ink-2);margin-top:.4rem}
.post-florida-cooled .daxis span:first-child{text-align:left}
.post-florida-cooled .daxis span:last-child{text-align:right}

/* Horizontal bars */
.post-florida-cooled .bars{font-family:var(--sans);font-size:.95rem}
.post-florida-cooled .brow{display:grid;grid-template-columns:7.5rem 1fr 3.4rem;align-items:center;gap:.6rem;margin-bottom:.55rem}
.post-florida-cooled .brow .lbl{text-align:right;color:var(--ink)}
.post-florida-cooled .brow .trk{position:relative;height:1.35rem;background:linear-gradient(to right,var(--fc-rule) 1px,transparent 1px) 0 0/25% 100%}
.post-florida-cooled .brow .trk i{position:absolute;left:0;top:0;bottom:0;background:var(--fc-pine)}
.post-florida-cooled .brow .trk b{position:absolute;top:-.2rem;bottom:-.2rem;width:2px;background:var(--fc-ghost);opacity:.55}
.post-florida-cooled .brow .val{font-variant-numeric:tabular-nums;font-weight:600}
.post-florida-cooled .brow.hl .lbl,.post-florida-cooled .brow.hl .val{color:var(--fc-river)}
.post-florida-cooled .brow.hl .trk i{background:var(--fc-river)}
.post-florida-cooled .brow.ref .trk i{background:transparent;border:1.5px dashed var(--ink-2)}
.post-florida-cooled .brow.neg .trk i{left:auto;right:0;background:var(--fc-cool)}
.post-florida-cooled .legend{font-family:var(--sans);font-size:.85rem;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:.6rem}
.post-florida-cooled .legend span::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.35rem;vertical-align:-1px}
.post-florida-cooled .lg-bar::before{background:var(--fc-pine)}
.post-florida-cooled .lg-tick::before{width:2px!important;background:var(--fc-ghost);opacity:.55}
.post-florida-cooled .lg-dash::before{border:1.5px dashed var(--ink-2)}

/* Weights strip */
.post-florida-cooled .weights{display:flex;height:3rem;font-family:var(--sans);font-size:.85rem;border-radius:4px;overflow:hidden}
.post-florida-cooled .weights div{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;padding:0 .3rem;color:var(--fc-on-dark)}
.post-florida-cooled .w1{flex:30;background:var(--fc-pine)}
.post-florida-cooled .w2{flex:30;background:var(--ink-2)}
.post-florida-cooled .w3{flex:15;background:var(--fc-cool);color:var(--ink)!important}
.post-florida-cooled .w4{flex:15;background:var(--fc-cool);color:var(--ink)!important;opacity:.75}
.post-florida-cooled .w5{flex:10;background:var(--fc-river)}
.post-florida-cooled .wkey{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.4rem 1rem;font-family:var(--sans);font-size:.85rem;color:var(--ink-2);margin-top:.7rem}
.post-florida-cooled .wkey b{color:var(--ink);font-weight:600}

/* Table: scrolls inside its own box on narrow screens */
.post-florida-cooled .tablewrap{overflow-x:auto;max-width:100%;margin:1.5rem 0 .5rem;-webkit-overflow-scrolling:touch}
.post-florida-cooled .tablewrap:focus-visible{outline:2px solid var(--fc-river);outline-offset:2px}
.post-florida-cooled table{border-collapse:collapse;font-family:var(--sans);font-size:.92rem;min-width:40rem;width:100%;font-variant-numeric:tabular-nums}
.post-florida-cooled th,.post-florida-cooled td{padding:.6rem .7rem;text-align:right;border-bottom:1px solid var(--fc-rule);white-space:nowrap}
.post-florida-cooled th:first-child,.post-florida-cooled td:first-child{text-align:left}
.post-florida-cooled thead th{font-weight:500;color:var(--ink-2);vertical-align:bottom;line-height:1.25;white-space:normal}
.post-florida-cooled tr.jax td{color:var(--fc-river);font-weight:600}
.post-florida-cooled tr.us td{color:var(--ink-2);font-style:italic}
.post-florida-cooled .up{color:var(--fc-river)}
.post-florida-cooled .dn{color:var(--ink-2)}

/* Opportunities / pitfalls ledger */
.post-florida-cooled .ledger{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin:1.5rem 0 1rem}
.post-florida-cooled .ledger h3{margin-top:0;padding-bottom:.5rem;border-bottom:2px solid var(--ink)}
.post-florida-cooled .ledger .pit h3{border-bottom-style:dashed}
.post-florida-cooled .ledger p{font-size:1.02rem}
.post-florida-cooled .ledger p strong{font-weight:600}

.post-florida-cooled .note{border-left:3px solid var(--fc-river);padding:.2rem 0 .2rem 1.1rem;margin:2rem 0}
.post-florida-cooled .watch{list-style:none;padding:0;margin:1rem 0;font-size:1.02rem}
.post-florida-cooled .watch li{padding:.7rem 0;border-bottom:1px solid var(--fc-rule);display:grid;grid-template-columns:11rem 1fr;gap:1rem}
.post-florida-cooled .watch li span:first-child{font-family:var(--sans);font-weight:600;font-size:.98rem}

.post-florida-cooled .sources{font-family:var(--sans);font-size:.88rem;color:var(--ink-2);line-height:1.55}
.post-florida-cooled .sources ol{padding-left:1.2rem}
.post-florida-cooled .sources a{overflow-wrap:anywhere}
.post-florida-cooled .cta{font-family:var(--sans);display:flex;flex-wrap:wrap;gap:1.25rem;margin:2rem 0}
.post-florida-cooled .cta a{font-weight:600}
.post-florida-cooled .fc-tight{margin-top:.4rem}
.post-florida-cooled .fc-flush{margin-top:0}

@media (max-width:720px){
  .post-florida-cooled{font-size:1.04rem}
  .post-florida-cooled .ledger{grid-template-columns:1fr;gap:1.5rem}
  .post-florida-cooled .brow{grid-template-columns:6.2rem 1fr 3rem}
  .post-florida-cooled .watch li{grid-template-columns:1fr;gap:.2rem}
}
@media (prefers-reduced-motion:no-preference){
  .post-florida-cooled .hero-fig i{transform-origin:var(--o,left);animation:fc-grow .9s cubic-bezier(.2,.7,.2,1) both}
  .post-florida-cooled .hero-fig .neg i{--o:right}
  .post-florida-cooled .hero-fig .drow:nth-child(2) i{animation-delay:.08s}
  .post-florida-cooled .hero-fig .drow:nth-child(3) i{animation-delay:.16s}
  .post-florida-cooled .hero-fig .drow:nth-child(4) i{animation-delay:.32s}
}
@keyframes fc-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Bar widths and tick positions (moved out of inline style="" for the site's CSP) */
.post-florida-cooled .fcl-55{left:55%}
.post-florida-cooled .fcl-95{left:95%}
.post-florida-cooled .fcw-0{width:0}
.post-florida-cooled .fcw-12{width:12%}
.post-florida-cooled .fcw-24{width:24%}
.post-florida-cooled .fcw-30{width:30%}
.post-florida-cooled .fcw-32-2{width:32.2%}
.post-florida-cooled .fcw-45{width:45%}
.post-florida-cooled .fcw-50{width:50%}
.post-florida-cooled .fcw-57{width:57%}
.post-florida-cooled .fcw-65{width:65%}
.post-florida-cooled .fcw-74{width:74%}
.post-florida-cooled .fcw-78{width:78%}
.post-florida-cooled .fcw-78-75{width:78.75%}
.post-florida-cooled .fcw-8-75{width:8.75%}
.post-florida-cooled .fcw-80{width:80%}
.post-florida-cooled .fcw-88{width:88%}
.post-florida-cooled .fcw-97-6{width:97.6%}