:root { color-scheme:light; --paper:#f7f5ef; --surface:#fff; --ink:#172033; --muted:#596273; --line:#dcd8cc; --accent:#0f6072; --accent-dark:#093f4c; --accent-soft:#dceff1; --warm:#c96a20; --shadow:0 18px 50px rgba(23,32,51,.09); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.back { --accent:#4b477d; --accent-dark:#2d2955; --accent-soft:#e9e7f5; --warm:#a05f24; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); line-height:1.65; }
a { color:var(--accent-dark); }
a:hover { color:var(--warm); }
.site-header,.document-shell,footer { width:min(980px,calc(100% - 40px)); margin-inline:auto; }
.site-header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { color:var(--ink); font-weight:800; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:20px; }
nav a { color:var(--muted); font-weight:700; text-decoration:none; }
.hero { margin-bottom:48px; padding:clamp(40px,7vw,76px); border:1px solid var(--line); border-radius:30px; background:radial-gradient(circle at 85% 12%,var(--accent-soft),transparent 34%),var(--surface); box-shadow:var(--shadow); }
.eyebrow { margin:0 0 12px; color:var(--accent); font-size:.78rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
h1,h2,h3 { line-height:1.15; letter-spacing:-.025em; }
h1 { max-width:760px; margin:0 0 20px; font-size:clamp(2.8rem,7vw,5.6rem); }
h2 { margin-top:64px; font-size:clamp(1.8rem,4vw,2.8rem); }
h3 { margin-top:34px; font-size:1.3rem; }
.lede { max-width:700px; color:var(--muted); font-size:clamp(1.08rem,2vw,1.3rem); }
.principle { max-width:720px; margin:26px 0 0; padding:20px 24px; border-left:5px solid var(--warm); background:#fff8ed; font-family:Georgia,serif; font-size:1.18rem; }
.document-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.button { display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border:1px solid var(--accent); border-radius:999px; background:transparent; color:var(--accent-dark); font:inherit; font-weight:800; text-decoration:none; cursor:pointer; }
.button.primary { background:var(--accent); color:#fff; }
.markdown-body { padding:0 clamp(4px,3vw,28px) 80px; }
.markdown-body p,.markdown-body li { color:var(--muted); font-size:1.06rem; }
.markdown-body strong { color:var(--ink); }
.markdown-body li+li { margin-top:8px; }
.markdown-body code { padding:.1em .35em; border-radius:5px; background:#ece9df; color:var(--ink); }
footer { display:flex; justify-content:space-between; gap:30px; padding:34px 0 54px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
footer p { margin:0; }
.print-document-header { display:none; }
@media(max-width:620px){ .site-header,footer{align-items:flex-start;flex-direction:column;padding-block:18px}.hero{padding-inline:24px}.document-actions{align-items:stretch;flex-direction:column}.button{justify-content:center} }
@media print { @page{margin:18mm} body{background:#fff;font-size:10.5pt}.site-header,.document-actions,footer{display:none!important}.document-shell{width:auto}.hero{margin:0 0 12mm;padding:0;border:0;box-shadow:none}.principle{break-inside:avoid}.markdown-body{padding:0}.markdown-body h2{margin-top:9mm;break-after:avoid}.markdown-body a::after{content:" (" attr(data-print-href) ")";font-size:.82em;overflow-wrap:anywhere}.print-document-header{display:flex;justify-content:space-between;margin-bottom:10mm;padding-bottom:4mm;border-bottom:1px solid #aaa;font-size:8.5pt;color:#555} }