/* Harbor long-tail · remap legacy page tokens to Fogline Meridian
   Include on legal / support / blog articles that still carry old :root sheets.
   Does not invent a new look: bridges cream/fog pages to harbor evening/dawn. */

:root {
  --harbor-evening: #12160f;
  --harbor-dawn: #ede7d6;
  --harbor-fern: #7e9169;
  --harbor-clay: #b6502e;
  --harbor-reed: #c3b79a;
  --fog: var(--harbor-dawn);
  --mist: #6a7464;
  --stone: #536070;
  --deep-water: #2a3228;
  --midnight: var(--harbor-evening);
  --ember-cream: var(--harbor-dawn);
  --sage: var(--harbor-fern);
  --shell: var(--harbor-dawn);
  --ink: #1c241c;
  --pebble: #c5d1da;
  --cream: var(--harbor-dawn);
  --border: rgba(42, 50, 36, .15);
  --sage-hover: #5f704f;
  --warm: var(--harbor-dawn);
  --moss: #a3b18a;
  --gold: #b8960a;
  --ember: var(--harbor-clay);
  --fern-text: #506244;
  --link: #506244;
}

/* Prefer evening entry on long-tail heroes when a meridian band is present */
.harbor-place-band {
  margin-bottom: 1.25rem;
}

body.longtail-harbor {
  background:
    radial-gradient(ellipse 80% 40% at 50% -10%, rgba(126, 145, 105, .08), transparent 55%),
    var(--shell);
}

body.longtail-harbor main.wrap{
  max-width:38rem;
  padding:clamp(28px,6vw,48px) 20px 80px;
}
body.longtail-harbor .kicker{
  margin:8px 0 12px;
  color:var(--fern-text,#506244);
  font-size:10px;
  font-weight:400;
  letter-spacing:.18em;
  text-transform:lowercase;
}
body.longtail-harbor main.wrap h1{
  margin:0 0 16px;
  color:var(--ink);
  font-family:var(--font-brand);
  font-size:clamp(1.7rem,7vw,2.35rem);
  font-weight:400;
  letter-spacing:-.03em;
  line-height:1.2;
}
body.longtail-harbor .lede{
  margin:0 0 22px;
  color:var(--stone);
  font-size:1.05rem;
  line-height:1.65;
}
body.longtail-harbor main.wrap > p{
  max-width:62ch;
  margin:0 0 16px;
  font-size:15.5px;
  line-height:1.8;
}
body.longtail-harbor .tool-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--fern-text,#506244);
  font-size:14px;
  text-decoration:none;
  border-bottom:0.5px solid rgba(82,121,111,.3);
}
body.longtail-harbor .tool-link:hover{color:var(--ink);border-color:var(--sage)}
@media(min-width:768px){
  body.longtail-harbor main.wrap{padding:56px 24px 96px}
}