/* The look every page beside the home page shares (28 Oct 2026; it was
   pasted into each page's <style>). Page-specific rules stay in the page. */
/* The same site as index.html: one family, the navy ground and the aqua
   action, flat surfaces told apart by tone rather than lines. Long reading,
   so the page itself is light and the text is set at reading size. */
:root{
  --ground:#FFFFFF; --surface:#EEF3F6; --surface-2:#DDE7EE; --ink:#0E1F2E; --muted:#4A5C6B;
  --navy:#0E1F2E; --accent:#9FEDE8;
  --font:"General Sans","Helvetica Neue",Arial,sans-serif;
  --margin:clamp(1rem,2.2vw,2rem);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--ink);font-weight:600;text-underline-offset:.2em;text-decoration-thickness:.07em}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.wrap{max-width:46rem;margin-inline:auto;padding-inline:var(--margin)}
h1,h2,h3{font-weight:600;line-height:1.05;margin:0;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.25rem,1.2rem + 4.2vw,4.25rem);letter-spacing:-.04em;font-weight:700}
h2{font-size:clamp(1.5rem,1.1rem + 1.5vw,2.25rem);letter-spacing:-.03em;margin:3.5rem 0 1rem}
h3{font-size:1.15em;margin:0 0 .35rem}
p{margin:0 0 .9rem;text-wrap:pretty}
.num{font-variant-numeric:tabular-nums}
.bar{background:var(--navy);color:#fff}
.bar-in{display:flex;align-items:center;gap:1rem;min-height:4rem;max-width:none}
.brand{display:inline-flex;align-items:center;min-height:2.75rem;font-weight:700;font-size:1.0625rem;letter-spacing:-.02em;text-decoration:none;color:#fff;line-height:1.1}
.brand span{display:none}
.back{margin-left:auto;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .25rem;color:#fff;
  font-weight:600;font-size:.95rem;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:.07em}
@media (hover:hover) and (pointer:fine){.back:hover{text-decoration-thickness:.14em}}
@media(max-width:430px){.bk-rest{display:none}}
.mast{margin:0;height:clamp(11rem,36vw,20rem);overflow:hidden;background:var(--surface)}
.mast img{display:block;width:100%;height:100%;object-fit:cover}
main{padding-block:clamp(3rem,8vw,6rem) 1rem}
.lede{font-size:clamp(1.25rem,1.1rem + .7vw,1.625rem);line-height:1.35;color:var(--ink);margin-top:1.5rem;max-width:36ch}
.stamp{font-size:.875rem;color:var(--muted);margin:1.5rem 0 0}
.card{background:var(--surface);padding:1.25rem 1.4rem;margin:.75rem 0}
.card>:last-child{margin-bottom:0}
.note{background:var(--navy);color:#fff;padding:1.25rem 1.4rem;margin:1.25rem 0}
.note a,.note b{color:#fff}
.note>:last-child{margin-bottom:0}
ul{margin:.4rem 0 1rem;padding-left:1.2rem;display:grid;gap:.55rem}
li::marker{color:var(--muted)}
.terms{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.5rem;counter-reset:t}
.terms li{counter-increment:t;background:var(--surface);padding:1.1rem 1.4rem}
.terms h3::before{content:counter(t) ". ";font-variant-numeric:tabular-nums}
.terms p{margin:0;color:var(--muted)}
.callrow{display:grid;gap:.5rem;margin:1.25rem 0 0}
@media(min-width:520px){.callrow{grid-template-columns:1fr 1fr}}
.callrow a{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.8rem 1rem;background:var(--accent);color:var(--navy);
  font-weight:600;text-decoration:none;transition:transform 140ms cubic-bezier(.22,1,.36,1),background-color 180ms ease}
.callrow a.ghost{background:var(--surface);color:var(--ink)}
.callrow a:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.callrow a:hover{background:var(--navy);color:#fff}}
footer{background:var(--navy);color:#fff;padding-block:3rem;margin-top:5rem}
/* Footer: one column on a phone, everything left-aligned. From 760px the
   contact block moves to its own right-hand column and right-aligns there.
   Every footer link is a 44px row. */
.fgrid{display:grid;gap:1.25rem;font-size:.9375rem;color:#A9BCCB}
.fgrid p{margin:0}
.fgrid a{display:inline-flex;align-items:center;min-height:2.75rem;color:#fff}
.fbrand{font-weight:700;color:#fff;font-size:1.25rem;letter-spacing:-.02em}
.flinks{display:flex;flex-wrap:wrap;gap:0 .25rem;align-items:center;margin-inline:-.7rem}
.flinks a{padding:0 .7rem}
.fcontact{display:grid;justify-items:start}
.fcontact .tel{font-size:1rem;font-weight:600;text-decoration:none}
@media(min-width:760px){
  .fgrid{grid-template-columns:1fr auto;align-items:center}
  .flinks{grid-column:1;grid-row:2}
  .fcontact{grid-column:2;grid-row:1 / span 2;justify-items:end;text-align:right}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}