/* Shared styling for /guide pages. Mirrors landing.html's palette so the
   section reads as part of the same site without duplicating its layout CSS
   into every article. */
:root{
  --bg:#EFE8DC;--fg:#1F2430;--muted:#6B6358;--border:#C8BCAC;--card-bg:#F6F1E8;
  --accent:#32435F;--accent-light:#3D5275;--accent-fg:#F6F1E8;
  --success:#2D6A4F;--warning:#7A5500;--danger:#8B2020;--brass:#9A7B4B;
  --header-bg:#1F2430;--header-fg:#F6F1E8;
  --r-sm:4px;--r-md:8px;
  --shadow-card:0 1px 3px rgba(31,36,48,0.07),0 2px 8px rgba(31,36,48,0.04);
}
@media(prefers-color-scheme:dark){:root{
  --bg:#192538;--fg:#F3EEE4;--muted:#A09A92;--border:#243248;--card-bg:#1F3050;
  --accent:#B89B5E;--accent-light:#C2A56A;--accent-fg:#192538;
  --success:#4A9E6E;--warning:#C2A56A;--danger:#CF5858;--brass:#B89B5E;
  --header-bg:#111B2A;--header-fg:#F3EEE4;
  --shadow-card:0 1px 4px rgba(0,0,0,0.3),0 2px 12px rgba(0,0,0,0.2);
}}

*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
     font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;}

.site-head{background:var(--header-bg);color:var(--header-fg);padding:14px 0;}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.site-head a{color:var(--header-fg);text-decoration:none;}
.site-head .brand{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem;letter-spacing:0.01em;}
.site-head .nav{font-size:0.88rem;opacity:0.85;}
.site-head .nav a{margin-left:18px;}
.site-head .nav a:hover{text-decoration:underline;}

.wrap{max-width:720px;margin:0 auto;padding:0 20px;}

article{padding:48px 0 16px;}
.crumb{font-size:0.82rem;color:var(--muted);margin-bottom:18px;}
.crumb a{color:var(--muted);}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.4rem;line-height:1.18;font-weight:500;margin-bottom:14px;letter-spacing:-0.01em;}
.standfirst{font-size:1.12rem;color:var(--muted);margin-bottom:34px;line-height:1.6;}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.65rem;font-weight:500;margin:38px 0 12px;line-height:1.25;}
h3{font-size:1.02rem;font-weight:600;margin:26px 0 8px;}
p{margin-bottom:16px;}
ul,ol{margin:0 0 18px 22px;}
li{margin-bottom:8px;}
a{color:var(--accent);}
strong{font-weight:600;}
blockquote{border-left:3px solid var(--brass);padding:4px 0 4px 16px;margin:20px 0;color:var(--muted);font-style:italic;}
hr{border:0;border-top:1px solid var(--border);margin:38px 0;}

.callout{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--brass);
         border-radius:var(--r-sm);padding:16px 18px;margin:24px 0;font-size:0.95rem;}
.callout p:last-child{margin-bottom:0;}
.callout .label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.09em;color:var(--brass);
                font-weight:600;display:block;margin-bottom:6px;}

table{width:100%;border-collapse:collapse;margin:22px 0;font-size:0.92rem;}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;}
th{font-weight:600;background:var(--card-bg);}
.table-scroll{overflow-x:auto;}

.cta{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-md);
     padding:24px;margin:40px 0 8px;box-shadow:var(--shadow-card);}
.cta h2{margin-top:0;font-size:1.35rem;}
.cta p{font-size:0.95rem;color:var(--muted);}
.btn{display:inline-block;background:var(--accent);color:var(--accent-fg);text-decoration:none;
     padding:11px 20px;border-radius:var(--r-sm);font-size:0.92rem;font-weight:500;margin-top:6px;}
.btn:hover{background:var(--accent-light);}

.faq h3{margin:22px 0 6px;font-size:1rem;}
.faq p{color:var(--muted);font-size:0.95rem;}

.more{margin:44px 0 0;padding-top:24px;border-top:1px solid var(--border);}
.more h2{font-size:1.2rem;margin-top:0;}
.more ul{list-style:none;margin-left:0;}
.more li{margin-bottom:10px;}

.index-list{list-style:none;margin:28px 0 0 0;}
.index-list li{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--border);}
.index-list li:last-child{border-bottom:0;}
.index-list a{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.4rem;text-decoration:none;display:block;margin-bottom:5px;}
.index-list a:hover{text-decoration:underline;}
.index-list p{color:var(--muted);font-size:0.95rem;margin-bottom:0;}

footer{border-top:1px solid var(--border);margin-top:56px;padding:24px 0 40px;font-size:0.85rem;color:var(--muted);}
footer a{color:var(--muted);}

@media(max-width:600px){
  h1{font-size:1.85rem;}
  h2{font-size:1.35rem;}
  article{padding-top:30px;}
  .standfirst{font-size:1.02rem;}
}