body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
header.sticky{position:sticky;top:0;background:#0b1020;color:#fff;padding:10px 16px;z-index:5}
header .brand{font-weight:700}
header nav{display:inline-block;margin-left:15px}
header nav a{color:#b9d;margin-right:12px;text-decoration:none}
header nav a:hover{text-decoration:underline}
.disclaimer{margin:6px 0 0;font-size:12px;opacity:.9}
main{max-width:980px;margin:24px auto;padding:0 16px}
h1{font-size:28px;margin:16px 0}
h2{font-size:22px;margin:24px 0 12px}
.takeaways ul{padding-left:18px}
.paths{background:#f5f6fa;padding:12px;border-radius:8px;font-family:monospace}
details{background:#f8f8fb;padding:10px 12px;border-radius:8px;margin:8px 0}
details summary{cursor:pointer;font-weight:600}
details summary:hover{color:#405}
footer{border-top:1px solid #eee;margin-top:24px;padding:12px 16px;color:#666;font-size:14px}
footer nav a{color:#557;margin:0 5px}
.hero{background:linear-gradient(135deg,#f0f2fa,#e5e9ff);padding:20px;border-radius:8px}
section{margin-bottom:24px}
.note{font-style:italic;color:#555}
@media(max-width:640px){
  h1{font-size:24px}
  h2{font-size:20px}
  .disclaimer{font-size:11px;line-height:1.3}
}