:root { --ink:#26434d; --paper:#f8fbfa; --teal:#3b8391; --muted:#687b80; --line:#d5e2df; --blue:#5897ae; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; }
.nav { max-width:1100px; min-height:72px; margin:auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; display:flex; align-items:center; gap:9px; font:700 22px Georgia,serif; letter-spacing:.08em; }
.mark { display:grid; width:29px; height:29px; place-items:center; border-radius:50%; color:white; background:var(--teal); font:15px Arial,sans-serif; letter-spacing:0; }
.nav-links { display:flex; gap:22px; color:var(--muted); font-size:14px; }.nav-links a { text-decoration:none; }.nav-links a:hover { color:var(--teal); }
.wrap { max-width:820px; margin:auto; padding:70px 28px 100px; }.wide { max-width:1100px; }
.eyebrow { margin:0 0 13px; color:var(--teal); font-size:11px; font-weight:700; letter-spacing:.16em; }
h1,h2,h3 { font-family:Georgia,serif; letter-spacing:-.035em; } h1 { max-width:760px; margin:0 0 18px; font-size:clamp(42px,6vw,64px); line-height:1.08; } h2 { margin:42px 0 12px; font-size:28px; }
.lede { max-width:680px; color:var(--muted); font-size:18px; line-height:1.8; }.meta { color:var(--muted); font-size:14px; }.pill { display:inline-block; margin:9px 8px 0 0; padding:7px 11px; border:1px solid var(--line); border-radius:99px; color:var(--muted); font-size:12px; }
.button { display:inline-block; margin-top:28px; padding:13px 18px; border-radius:5px; background:var(--teal); color:white; font-weight:700; text-decoration:none; }
.toc { margin:40px 0; padding:24px; background:#eaf3f0; }.toc h2 { margin:0 0 15px; }.toc ol { margin:0; padding-left:22px; line-height:2; }.toc a { color:#286d79; }
.prose { max-width:700px; color:#33474d; font:18px/2 Georgia,serif; }.prose p { margin:0 0 1.45em; }.prose h2 { color:var(--ink); }
.notice { margin-top:38px; padding:17px 20px; border-left:3px solid var(--teal); background:#eaf3f0; color:#45636a; font-size:14px; line-height:1.65; }
.cover-image { display:block; width:min(260px, 100%); aspect-ratio:2 / 3; margin:0 0 32px; object-fit:cover; border-radius:4px; box-shadow:16px 16px 0 #d5e2df; }
.site-footer { max-width:1100px; margin:auto; padding:28px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }.site-footer a { margin-right:15px; }
@media (max-width:700px) { .nav { min-height:62px; padding:0 18px; }.nav-links { gap:12px; font-size:12px; }.nav-links a:nth-child(2) { display:none; }.wrap { padding:52px 22px 72px; }.wide { padding-left:22px; padding-right:22px; } h1 { font-size:42px; }.lede { font-size:16px; }.prose { font-size:17px; }.site-footer { padding:26px 22px; } }