:root{--max:900px;--pad:18px;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55;margin:0;color:#111;background:#fff;}
header{border-bottom:1px solid rgba(0,0,0,.12);background:#fafafa;}
header .wrap{max-width:var(--max);margin:0 auto;padding:14px var(--pad);display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
header a{color:#111;text-decoration:none;font-weight:600;}
header nav{display:flex;gap:10px;flex-wrap:wrap;font-weight:600;}
main{max-width:var(--max);margin:0 auto;padding:26px var(--pad);}
h1{font-size:2rem;line-height:1.2;margin:.25rem 0 1rem;}
h2{margin:1.5rem 0 .5rem;font-size:1.35rem;}
h3{margin:1.1rem 0 .35rem;font-size:1.12rem;}
p{margin:.5rem 0;}
ul{margin:.5rem 0 .5rem 1.2rem;}
.callout{border-left:4px solid rgba(0,0,0,.2);padding:.6rem .9rem;background:rgba(0,0,0,.03);border-radius:8px;margin:1rem 0;}
.small{font-size:.95rem;opacity:.9}
hr{border:none;border-top:1px solid rgba(0,0,0,.12);margin:2rem 0;}
.figure{margin:1.1rem 0;}
.figure img{max-width:100%;height:auto;display:block;border-radius:10px;}
figcaption{font-size:.92rem;opacity:.85;margin-top:.45rem}
.page-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.page-nav a{text-decoration:none}
.breadcrumbs{font-size:.95rem;opacity:.85;margin-bottom:.7rem}
@media print{
  header{display:none}
  main{max-width:none}
  a:after{content:" (" attr(href) ")"; font-size:.9em; opacity:.75;}
  .page-nav a:after{content:"";}
}