/* Shared look for the text pages (guide, terms, safety card). index.html keeps its own tuned sheet. */
:root{--paper:#FFF6EC;--card:#fff;--mist:#F1EAE0;--ink:#191919;--ink-soft:#6B635B;--coral:#FF6B5E;--coral-soft:#FFE3DC;--sun:#FFC93C;--sun-soft:#FFF3D1;--sky-soft:#E3F4FF;--leaf:#7BC950;--leaf-soft:#E7F6DC;--violet:#C6B4F7;--violet-soft:#EFE9FF;--shadow:0 6px 18px rgba(92,74,50,.10);--display:'Fredoka',ui-rounded,system-ui,sans-serif;--body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-top:2.2em}h3{font-size:1.15rem;font-weight:600;margin-top:1.6em}
p,li{margin:0 0 1em}
nav{position:sticky;top:0;z-index:50;background:rgba(255,246,236,.9);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--mist)}
.nav-in{max-width:1080px;margin:0 auto;padding:13px 22px;display:flex;align-items:center;gap:16px}
.mark{font-family:var(--display);font-weight:700;font-size:1.16rem;display:flex;align-items:center;gap:9px;text-decoration:none}
.mark img{width:30px;height:30px;flex:none;border-radius:8px}
.nav-sp{flex:1}.nav-link{text-decoration:none;color:var(--ink-soft);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--ink)}
.doc{max-width:760px;margin:0 auto;padding:clamp(40px,6vw,72px) 22px 80px}
.eyebrow{font-family:var(--display);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px}
.lede{font-size:1.2rem;color:var(--ink-soft);text-wrap:pretty}
.rule{background:var(--card);border:1px solid var(--mist);border-radius:20px;padding:18px 22px;margin:0 0 14px;display:flex;gap:16px;align-items:flex-start}
.rule .ico{font-size:1.6rem;line-height:1;flex:none;margin-top:2px}
.rule b{font-family:var(--display);font-weight:600;display:block;margin-bottom:4px}
.rule p{margin:0;color:var(--ink-soft);font-size:.97rem}
.warn{background:var(--coral-soft);border:2px solid var(--coral);border-radius:20px;padding:18px 22px;margin:22px 0}
.warn b{font-family:var(--display);font-weight:700}
.note{background:var(--sun-soft);border-radius:16px;padding:14px 18px;font-size:.95rem;color:var(--ink-soft)}
.draft{background:var(--violet-soft);border:1px dashed var(--violet);border-radius:14px;padding:12px 16px;font-size:.9rem;color:#5B4A86;margin:0 0 26px}
ol.steps{padding-left:22px}ol.steps li{margin-bottom:.6em}
.small{font-size:.9rem;color:var(--ink-soft)}
footer{border-top:1px solid var(--mist);padding:38px 22px 54px;font-size:.88rem;color:var(--ink-soft)}
footer .mark{color:var(--ink)}footer .mark img{width:34px;height:34px}
.foot-grid{max-width:1080px;margin:0 auto;display:grid;gap:20px}
/* the disclaimer is the long column, so it gets the width (Alex, 2026-09-22) */
@media(min-width:760px){.foot-grid{grid-template-columns:1fr 1.9fr;gap:20px 46px}}
.foot-links{margin:14px 0 0;font-family:var(--display);font-weight:600;color:var(--ink)}
.foot-links a{text-decoration:none;border-bottom:1px solid var(--mist)}