/* Eden House 403 — guide pages. Shares the tokens used on the home page. */
:root{
  --sand:#FBF7F0; --sand-2:#F3EBDE; --white:#fff;
  --ink:#17222B; --ink-2:#3E4C57; --muted:#6E7A84;
  --gulf:#1C6070; --gulf-dark:#134651; --gulf-pale:#E4EFF0;
  --brass:#9C7526; --brass-lite:#C79A45;
  --line:#E2D8C8;
  --shadow:0 1px 2px rgba(23,34,43,.06),0 8px 24px rgba(23,34,43,.07);
  --serif:"Marcellus",ui-serif,Georgia,serif;
  --sans:"Karla",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.18;text-wrap:balance;margin:0}
h1{font-size:clamp(2rem,5vw,3.1rem)}
h2{font-size:clamp(1.45rem,3vw,2rem);margin-top:.5rem}
h3{font-size:1.1rem;font-family:var(--sans);font-weight:700;letter-spacing:.01em}
p{margin:0}
a{color:var(--gulf);text-underline-offset:2px}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--brass-lite);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:600}

/* top bar */
.topbar{background:var(--gulf-dark);color:#EAF3F4;font-size:.9rem}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;justify-content:space-between;
  align-items:center;padding-top:.6rem;padding-bottom:.6rem}
.topbar a{color:#EAF3F4;text-decoration:none;border-bottom:1px solid rgba(234,243,244,.4)}

/* header */
.ghead{background:var(--gulf-dark);color:#fff;padding:clamp(1.75rem,5vw,3.25rem) 0 clamp(1.5rem,4vw,2.5rem)}
.ghead h1{color:#fff;max-width:20ch}
.ghead .stand{font-family:var(--serif);font-size:clamp(1.05rem,2.2vw,1.3rem);
  color:#D6E4E6;max-width:56ch;margin-top:.85rem;line-height:1.45}
.crumbs{font-size:.82rem;color:#AFC6CA;margin-bottom:.9rem}
.crumbs a{color:#D6E4E6}

/* article */
.layout{display:grid;gap:clamp(1.75rem,4vw,3rem);grid-template-columns:1fr;
  padding:clamp(2rem,5vw,3.5rem) 0 clamp(2.5rem,6vw,4rem);align-items:start}
@media(min-width:960px){.layout{grid-template-columns:minmax(0,1fr) 19rem}}
article{max-width:70ch;display:flex;flex-direction:column;gap:1.15rem}
article h2{margin-top:1.4rem}
article h3{margin-top:.9rem}
article ul{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem}
article figure{margin:1rem 0 .25rem}
article figure img{border-radius:4px}
article figcaption{font-size:.85rem;color:var(--muted);margin-top:.45rem}

/* fact box */
.facts{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--brass);
  padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;border-radius:0 4px 4px 0}
.facts h3{font-size:.95rem}
.facts dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;font-size:.95rem}
.facts dt{font-weight:700;color:var(--gulf-dark)}
.facts dd{margin:0}

/* sidebar */
aside{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1.5rem}
.card{background:var(--white);border:1px solid var(--line);border-radius:4px;
  box-shadow:var(--shadow);overflow:hidden}
.card .pad{padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card h3{font-family:var(--serif);font-weight:400;font-size:1.3rem}
.card p{font-size:.93rem;color:var(--ink-2)}
.btn{display:inline-block;font-weight:700;font-size:1rem;padding:.8rem 1.4rem;border-radius:3px;
  text-decoration:none;background:var(--brass);color:#fff;text-align:center;
  transition:background .15s}
.btn:hover{background:#815F1B}
.btn-quiet{background:transparent;color:var(--gulf);border:2px solid var(--line)}
.btn-quiet:hover{background:var(--sand-2)}
.more{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem}
.more li{padding-bottom:.5rem;border-bottom:1px solid var(--line)}
.more li:last-child{border-bottom:none;padding-bottom:0}

/* inline stay note */
.stay{background:var(--gulf-pale);border-radius:4px;padding:1.1rem 1.3rem;
  display:flex;flex-direction:column;gap:.5rem;margin:1.25rem 0}
.stay p{font-size:.97rem}

/* guide index grid */
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));
  padding-bottom:clamp(2.5rem,6vw,4rem)}
.tile{background:var(--white);border:1px solid var(--line);border-radius:4px;overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .2s}
.tile:hover{box-shadow:var(--shadow)}
.tile img{aspect-ratio:16/10;object-fit:cover}
.tile .pad{padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.4rem}
.tile h2{font-size:1.25rem}
.tile p{font-size:.92rem;color:var(--ink-2)}

/* footer */
footer{background:var(--gulf-dark);color:#D9E6E8;padding:2.25rem 0;font-size:.92rem;margin-top:1rem}
footer a{color:#fff}
.foot-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.foot-note{margin-top:1.6rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.15);
  font-size:.84rem;opacity:.75;display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;justify-content:space-between}
.src{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.9rem;margin-top:1rem}