/* Quiet, continuous sky around a comfortable long-form reading column. */
.note-page{--note-muted:#b4c2df;--note-rule:rgba(165,185,225,.25);color:#e5ebf8}
.note-page .site-header{position:relative}
.note-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,15,30,.70),rgba(10,15,30,.96) 78%),url('milky-way.jpeg?v=da679f75af') 50% 28%/cover no-repeat}
.note-width{width:min(100% - 2 * var(--gutter),760px);margin-inline:auto}
.note-hero{padding:48px 0 52px}
.note-back{display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:var(--note-muted);margin-bottom:46px}
.note-kicker{font:500 16px/1.7 var(--sans);color:#a9bfe9;letter-spacing:.04em;margin-bottom:18px}
.note-hero h1{font:400 clamp(36px,4.1vw,56px)/1.42 var(--serif);letter-spacing:.015em;text-wrap:balance;color:#f2f5ff}
html[lang=en] .note-hero h1{line-height:1.14;letter-spacing:-.02em}
.note-summary{font-size:21px;line-height:1.9;color:#c7d3eb;margin-top:28px;text-wrap:pretty}
.note-byline{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:16px;line-height:1.7;color:var(--note-muted);margin-top:30px}
.note-contents{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;padding:20px 0;border-block:1px solid var(--note-rule)}
.note-contents a{display:flex;align-items:baseline;gap:15px;min-height:44px;padding:8px 0;font-size:16px;line-height:1.65;color:#bbcbe9}
.note-contents span{font-size:14px;color:#95add7}
.note-page a:hover{color:#fff}
.note-body{font-size:20px;line-height:1.95;overflow-wrap:break-word;padding-bottom:90px}
.note-intro{padding-top:48px}
.note-body p+p{margin-top:1.25em}
.note-section{padding-top:76px;scroll-margin-top:35px}
.note-section .note-kicker{margin:0 0 16px}
.note-page .note-section h2{font:400 clamp(28px,2.8vw,36px)/1.55 var(--serif);letter-spacing:0;text-wrap:pretty;margin:0 0 28px;color:#f2f5ff}
html[lang=en] .note-section h2{line-height:1.25}
.note-related{display:flex;flex-direction:column;gap:14px;margin-top:70px;padding-top:28px;border-top:1px solid var(--note-rule)}
.note-related a{font-size:18px;line-height:1.7;min-height:44px;padding-block:6px;color:#bdcdec;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(189,205,236,.4)}
@media(max-width:650px){.note-hero{padding-top:25px;padding-bottom:34px}.note-back{margin-bottom:28px}.note-hero h1{font-size:34px;line-height:1.5}html[lang=en] .note-hero h1{font-size:38px;line-height:1.16}.note-summary{font-size:19px;line-height:1.85}.note-body{font-size:18px;line-height:1.95;padding-bottom:60px}.note-contents{grid-template-columns:1fr;gap:0}.note-intro{padding-top:34px}.note-section{padding-top:54px}.note-page .note-section h2{font-size:27px}.note-related{margin-top:50px}.note-related a{font-size:17px}}
@media(prefers-reduced-motion:reduce){.note-page{scroll-behavior:auto}}
@media print{.note-page{background:white;color:#222}.note-sky,.site-header,.site-footer,.note-back,.note-contents,.note-related{display:none}.note-width{width:100%;max-width:none}.note-hero{padding-top:0}.note-page h1,.note-page .note-section h2,.note-summary,.note-byline,.note-kicker{color:#222}.note-body{font-size:12pt}.note-section{padding-top:24pt}h1,h2{break-after:avoid}p{orphans:3;widows:3}}