/* ===== Chartered Traveller design tokens =====
   Palette: 4 brand colours. Swap these and the whole site follows.
   Placeholder = #1 Midnight Coral until Nick picks one (palette toggle bottom-right). */
:root{
--base:#0F1B2D;--light:#F7F5F0;--accent:#FF6B5A;--support:#8A94A6;
--surface:#fff;--line:rgba(0,0,0,.06);
/* Type */
--sans:'Inter',system-ui,sans-serif;--display:var(--sans);--serif:'Source Serif 4',Georgia,serif;
--fs-xs:.72rem;--fs-sm:.9rem;--fs-md:1.05rem;--fs-body:1.18rem;--fs-h3:1.25rem;--fs-h2:1.6rem;
--fs-h1:clamp(2rem,8vw,3rem);--fs-hero:clamp(2.2rem,9vw,3.6rem);
/* Space (4px grid) */
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:28px;--s7:40px;--s8:56px;
/* Radius */
--r-card:14px;--r-panel:18px;--r-pill:999px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--light);color:var(--base);line-height:1.5}
a{color:inherit}
.wrap{max-width:720px;margin:0 auto;padding:0 var(--s5)}
header{background:var(--base);color:var(--light)}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.logo{font-weight:800;letter-spacing:-.02em;text-decoration:none;font-size:1.1rem}
.logo span{color:var(--accent)}
nav ul{display:flex;gap:18px;list-style:none;font-size:.9rem}
nav ul a{text-decoration:none;opacity:.85}
.hero{padding:56px 0 64px}
.hero h1{font-size:clamp(2.2rem,9vw,3.6rem);line-height:1.05;letter-spacing:-.03em;font-weight:800}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{margin-top:20px;font-size:1.05rem;color:var(--support);max-width:34em}
.btn{display:inline-block;margin-top:28px;background:var(--accent);color:var(--base);font-weight:700;padding:14px 22px;border-radius:var(--r-pill);text-decoration:none;border:0;font:inherit;font-weight:700;cursor:pointer}
section{padding:48px 0}
h2{font-size:1.6rem;letter-spacing:-.02em;margin-bottom:16px}
.card{display:block;background:var(--surface);border-radius:var(--r-card);padding:20px;text-decoration:none;margin-bottom:14px;border:1px solid var(--line)}
.tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.card h3{font-size:1.25rem;margin:6px 0}
.card p{color:var(--support);font-size:.95rem}
.signup{background:var(--base);color:var(--light);border-radius:var(--r-panel);padding:32px 22px}
.signup p{color:var(--support);margin-bottom:16px}
.signup form{display:flex;flex-direction:column;gap:10px}
.signup input{padding:14px 16px;border-radius:var(--r-pill);border:0;font:inherit}
.signup .btn{margin-top:0}
.note{font-size:.85rem;margin-top:10px;color:var(--accent)}
article{padding:40px 0 56px}
article h1{font-size:clamp(2rem,8vw,3rem);line-height:1.1;letter-spacing:-.03em;margin:8px 0 14px}
.meta{color:var(--support);font-size:.9rem;margin-bottom:28px}
.body{font-family:var(--serif);font-size:1.18rem;line-height:1.7}
.body p{margin-bottom:1.2em}
.art{aspect-ratio:4/5;background:var(--support);border-radius:var(--r-card);margin:0 0 28px;display:grid;place-items:center;color:var(--light);font-size:.85rem;opacity:.6}
footer{background:var(--base);color:var(--support);padding:28px 0;font-size:.85rem}
@media(min-width:720px){.signup form{flex-direction:row}.signup input{flex:1}}

/* Palette review toggle (temporary, remove once a palette is chosen) */
.pal{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:50;font:600 .8rem var(--sans)}
.pal>button{background:var(--base);color:var(--light);border:2px solid var(--accent);border-radius:var(--r-pill);padding:10px 14px;cursor:pointer;font:inherit;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.pal ul{list-style:none;position:absolute;right:0;bottom:52px;background:var(--surface);color:#111;border-radius:var(--r-card);padding:6px;box-shadow:0 8px 30px rgba(0,0,0,.3);width:220px}
.pal li button{display:flex;gap:10px;align-items:center;width:100%;padding:9px 8px;border:0;background:none;font:inherit;text-align:left;border-radius:8px;cursor:pointer;color:#111}
.pal li button[aria-current=true]{background:#eee}
.pal i{display:flex}.pal i b{width:12px;height:20px}
h1,h2,h3,.logo{font-family:var(--display)}
.fontsw{left:max(12px,env(safe-area-inset-left,0px));right:auto}
.fontsw ul{left:0;right:auto}

/* Homepage sections */
.eyebrow{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--support);margin-bottom:var(--s2)}
.sub{color:var(--support);margin:-6px 0 var(--s5);max-width:34em}
.feat{display:block;background:var(--base);color:var(--light);border-radius:var(--r-panel);padding:var(--s6) var(--s5);text-decoration:none}
.feat h2{font-size:clamp(2rem,9vw,3rem);line-height:1.05;letter-spacing:-.03em;margin:var(--s2) 0 var(--s3)}
.feat p{color:var(--support);font-size:var(--fs-md)}
.feat .more{display:inline-block;margin-top:var(--s5);color:var(--accent);font-weight:700}
.series{padding-top:0}
.route{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2) 0;margin-bottom:var(--s5);font-weight:700;font-size:var(--fs-sm)}
.route li:not(:last-child)::after{content:"→";color:var(--accent);margin:0 var(--s2)}
.grid{display:grid;gap:var(--s3)}.grid .card{margin:0}
.rituals{background:var(--base);color:var(--light)}
.rules3{display:grid;gap:var(--s5)}
.rules3 h3{font-size:var(--fs-h3);color:var(--accent);margin-bottom:var(--s1)}
.rules3 p{color:var(--support)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s5)}
.chips li{border:1.5px solid var(--base);border-radius:var(--r-pill);padding:6px 14px;font-weight:600;font-size:var(--fs-sm)}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}.rules3{grid-template-columns:repeat(3,1fr)}}
.whatif{border-left:3px solid var(--accent);padding-left:var(--s4);color:var(--support);font-size:1.02rem}
.art-wrap{margin:0 0 var(--s6)}.art-wrap svg,.feat svg,.map-wrap svg{display:block;width:100%;height:auto;max-width:100%;border-radius:var(--r-card)}
.feat svg{margin-bottom:var(--s5)}.map-wrap{margin:0 0 var(--s4)}
.guide h2{margin-top:var(--s7)}
.spots{display:grid;gap:var(--s4)}.spots dt{font-weight:700;font-size:var(--fs-md)}.spots dd{color:var(--support);margin-top:-12px;font-family:var(--serif);font-size:1.05rem}
.trips{display:grid;gap:var(--s3)}.trip{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s5)}
.trip h3{font-size:var(--fs-h3);margin:var(--s1) 0}.route-line{font-weight:600;font-size:var(--fs-sm);margin-bottom:var(--s2)}.trip p{color:var(--support)}.trip .route-line{color:var(--base)}
.status{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)!important;margin-top:var(--s3)}
.trip a{color:var(--base);font-weight:600}
.chips a{text-decoration:none}
nav{flex-wrap:wrap;gap:8px 16px}nav ul{flex-wrap:wrap;gap:6px 14px}
.card .thumb{display:block;margin:-20px -20px 14px;overflow:hidden;border-radius:var(--r-card) var(--r-card) 0 0}.card .thumb svg{display:block;width:100%;height:auto}