/* assets/css/article.css — Server-rendered content pages (area, agency, guide,
   news, services). Load after chrome.css. Island Live look (Oct 2026): a light
   sea-tint title band, then a white reading card that overlaps it. */
.band{background:linear-gradient(180deg,var(--sea-pale) 0%,var(--wash) 100%);color:var(--ink);border-bottom:1px solid var(--line);}
.band-in{max-width:760px;margin:0 auto;padding:44px max(20px,env(safe-area-inset-right,0px)) 72px max(20px,env(safe-area-inset-left,0px));}
.band-in.wide,.art.wide{max-width:1200px;}
.kicker{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--citrus-mid);background:var(--citrus-pale);text-decoration:none;padding:5px 12px;border-radius:999px;margin-bottom:14px;}
h1{font-weight:600;font-size:clamp(28px,4.2vw,44px);line-height:1.12;letter-spacing:-.025em;margin:0 0 12px;text-wrap:balance;color:var(--sea-deep);}
.meta{color:var(--ink-soft);font-size:15px;}
.art{max-width:760px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-right,0px)) 72px max(20px,env(safe-area-inset-left,0px));}
.art-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:36px clamp(20px,5vw,48px);margin-top:-40px;position:relative;z-index:2;box-shadow:0 1px 2px rgba(11,59,66,.04),0 20px 44px -28px rgba(11,59,66,.28);}
.art-card p,.art-card li{font-size:17px;line-height:1.75;color:#22393C;}
.art-card p{margin:0 0 16px;}
.art-card .desc{line-height:1.75;}
.art-card b,.art-card strong{color:var(--sea-deep);}
.art-card h2,.art-card h3{font-weight:600;color:var(--ink);line-height:1.25;margin:30px 0 10px;letter-spacing:-.01em;}
.art-card h2{font-size:23px;} .art-card h3{font-size:19px;}
.art-card ul,.art-card ol{padding-left:22px;margin:0 0 16px;}
.art-card img{max-width:100%;height:auto;}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);}
.cta,.cta2{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;padding:13px 22px;border-radius:var(--r-btn);text-decoration:none;}
.cta{background:var(--citrus);color:var(--ink);}
.cta:hover{background:#F09A35;}
.cta2{border:1px solid var(--line);color:var(--ink);background:#fff;}
.cta2:hover{border-color:var(--sea);}
.note{font-size:14px;color:var(--ink-soft);margin:22px 4px 0;line-height:1.6;}

/* Title-band pieces used by area, agency and services pages */
.band .crumbs{font-size:14px;color:var(--ink-soft);margin-bottom:12px;}
.band .crumbs a{color:var(--sea);text-decoration:none;}
.band .crumbs a:hover{text-decoration:underline;}
.band .lead{color:#2E4A4D;max-width:66ch;font-size:17px;line-height:1.6;margin:8px 0 0;}
.band .cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.band .cta{border-radius:var(--r-btn);padding:12px 20px;}
.band .cta.alt{background:#fff;border:1px solid var(--line);color:var(--sea-deep);}
.band .cta.alt:hover{border-color:var(--sea);}
.band .stats{gap:12px;}
.band .stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;}
.band .stat b{color:var(--sea-deep);}
.band .stat span{color:var(--ink-soft);}
.band .ag-chips a,.band .ag-chips span{color:var(--ink);background:#fff;border:1px solid var(--line);}
.band .ag-chips a:hover{border-color:var(--sea);}
.band .ag-logo{box-shadow:0 1px 2px rgba(11,59,66,.06),0 8px 20px -10px rgba(11,59,66,.3);border:1px solid var(--line);}
.chips a.on{background:var(--sea-deep);color:#fff;border-color:var(--sea-deep);}

@media (max-width:600px){
  .band-in{padding-top:30px;padding-bottom:60px;}
  .art{padding-bottom:56px;}
  .art-card{padding:24px 18px;border-radius:16px;margin-top:-36px;}
  .art-card p,.art-card li{font-size:16px;}
  .cta,.cta2{width:100%;}
  .band .cta-row .cta{width:auto;flex:1 1 auto;}
  .band .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .band .stat{padding:10px 12px;}
}