/* Silicon Hub guides — shared stylesheet.
   Deliberately small and self-contained. The welcome page's CSS is inside
   welcome/index.html and is not reusable from here, so these pages carry
   their own, built from the same palette and the same font. */

:root{
  --bg:#F4F5F8; --card:#FFFFFF; --ink:#101B3A; --text:#1B2333; --muted:#5B677E;
  --line:#DFE3EC; --blue:#2563EB; --blue-dark:#1D4ED8; --wash:#EEF3FF;
  --amber-wash:#FFF6E9; --amber-line:#F0D7AE;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0A0D14; --card:#141A26; --ink:#F2F5FA; --text:#DDE3EE; --muted:#96A2B8;
    --line:#242C3C; --blue:#6E9BFF; --blue-dark:#8FB2FF; --wash:#162034;
    --amber-wash:#241C0F; --amber-line:#4A3B22;
  }
}

*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;}
img{max-width:100%;}

.top{border-bottom:1px solid var(--line);background:var(--card);}
.top-in{max-width:760px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:14px;}
.brand{font-weight:700;color:var(--ink);text-decoration:none;font-size:16px;letter-spacing:-.01em;}
.top nav{margin-left:auto;display:flex;gap:16px;font-size:14px;}
.top nav a{color:var(--muted);text-decoration:none;}
.top nav a:hover{color:var(--blue);}

main{max-width:760px;margin:0 auto;padding:40px 22px 64px;}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--blue);margin:0 0 12px;}
h1{font-size:clamp(28px,5vw,40px);line-height:1.15;color:var(--ink);margin:0 0 14px;
  letter-spacing:-.02em;text-wrap:balance;}
.standfirst{font-size:19px;color:var(--muted);margin:0 0 8px;}
.byline{font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);
  padding-bottom:22px;margin-bottom:30px;}
h2{font-size:24px;color:var(--ink);margin:38px 0 12px;letter-spacing:-.01em;text-wrap:balance;}
h3{font-size:18px;color:var(--ink);margin:26px 0 8px;}
p{margin:0 0 16px;}
ul,ol{margin:0 0 16px;padding-left:22px;}
li{margin-bottom:9px;}
strong{color:var(--ink);}
a{color:var(--blue);}

.box{background:var(--wash);border:1px solid var(--line);border-radius:10px;
  padding:16px 18px;margin:24px 0;font-size:16px;}
.box p:last-child{margin-bottom:0;}
.box .h{font-weight:600;color:var(--ink);display:block;margin-bottom:6px;}
.warn{background:var(--amber-wash);border-color:var(--amber-line);}

.checklist{list-style:none;padding:0;}
.checklist li{padding-left:26px;position:relative;}
.checklist li::before{content:"";position:absolute;left:4px;top:9px;width:9px;height:9px;
  border:2px solid var(--blue);border-radius:2px;}

.cta{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:24px 24px 26px;margin:44px 0 0;}
.cta h2{margin-top:0;font-size:21px;}
.cta p{color:var(--muted);font-size:16px;}
.cta a.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;
  font-weight:600;font-size:15.5px;border-radius:9px;padding:11px 20px;margin-top:6px;}
.cta a.btn:hover{background:var(--blue-dark);}

.disclaimer{font-size:14px;color:var(--muted);border-top:1px solid var(--line);
  margin-top:40px;padding-top:18px;}

.more{margin-top:44px;border-top:1px solid var(--line);padding-top:24px;}
.more h2{font-size:18px;margin-top:0;}
.more ul{list-style:none;padding:0;}
.more li{margin-bottom:10px;}
.more a{text-decoration:none;font-weight:600;}
.more span{display:block;color:var(--muted);font-size:14.5px;font-weight:400;}

footer.site{border-top:1px solid var(--line);background:var(--card);margin-top:50px;}
footer.site div{max-width:760px;margin:0 auto;padding:22px;font-size:14px;color:var(--muted);}
footer.site a{color:var(--muted);}

/* Guides index */
.cards{display:grid;gap:16px;margin-top:28px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;}
.card h2{margin:0 0 8px;font-size:20px;}
.card h2 a{text-decoration:none;}
.card p{margin:0;color:var(--muted);font-size:16px;}