.skip-link { position:fixed; z-index:20; top:8px; left:8px; transform:translateY(-160%); border-radius:8px; padding:10px 14px; color:var(--white); background:var(--ink); font-weight:800; }
.skip-link:focus { transform:translateY(0); }
.note-shell { width:min(calc(100% - 28px),1040px); }
.note-content { overflow:hidden; padding:0; background:linear-gradient(145deg,var(--white) 0%,var(--surface-subtle) 72%,var(--soft) 170%); }
.note-header { max-width:960px; padding:clamp(52px,9vw,100px) clamp(28px,9vw,90px) clamp(44px,7vw,72px); }
.note-header h1 { max-width:860px; margin-left:auto; text-align:right; font-size:clamp(46px,7.4vw,78px); letter-spacing:-.04em; line-height:.98; }
.note-header .lede { max-width:760px; text-align:left; font-size:clamp(18px,2.2vw,21px); line-height:1.62; }
.note-byline { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; color:var(--muted); font-size:13px; font-weight:700; }
.article-body { max-width:900px; margin:0; padding:0 clamp(28px,5vw,52px) clamp(56px,8vw,88px) clamp(28px,9vw,90px); }
.article-body p { margin:0; text-align:left; color:var(--ink); font-family:Georgia,"Times New Roman",serif; font-size:clamp(18px,2.05vw,20px); line-height:1.78; }
.article-body p + p { margin-top:25px; }
.article-body h2 { margin:64px 0 27px; text-align:right; font-size:clamp(26px,3.4vw,34px); letter-spacing:-.025em; line-height:1.15; }
.article-body blockquote { margin:42px 0; padding:26px 30px; border-left:4px solid var(--accent); color:var(--accent-dark); background:var(--soft); font-family:Georgia,"Times New Roman",serif; font-size:clamp(22px,3vw,29px); font-weight:500; line-height:1.38; }
.note-priorities { margin:30px 0; padding-left:30px; }
.note-priorities li { padding-left:8px; }
.note-priorities li + li { margin-top:25px; }
.note-priorities li::marker { color:var(--accent); font-weight:800; }
.note-priorities strong { color:var(--accent-dark); }
.note-invitation { margin:0 clamp(18px,4vw,44px) clamp(18px,4vw,44px); padding:clamp(34px,6vw,58px); border-radius:22px; color:var(--white); background:var(--accent-dark); }
.note-invitation .kicker { color:var(--accent-tint); }
.note-invitation h2 { max-width:690px; margin:0 0 0 auto; text-align:right; font-family:Georgia,"Times New Roman",serif; font-size:clamp(30px,4.6vw,46px); font-weight:500; letter-spacing:-.025em; line-height:1.1; }
.note-invitation > p:last-of-type { max-width:620px; margin:16px 0 0; color:rgb(var(--surface-rgb) / .76); font-size:15px; line-height:1.65; }
.note-invitation .button { color:var(--accent-dark); background:var(--white); }
.note-invitation-link { align-self:center; color:var(--white); font-weight:800; }
.note-boundary { margin:0 clamp(28px,7vw,72px) 36px; color:var(--muted); font-size:12px; line-height:1.6; }
@media (max-width:640px) {
  .note-shell { width:min(calc(100% - 20px),1040px); margin:10px auto; }
  .note-header { padding:48px 22px 38px; }
  .note-header h1 { font-size:clamp(42px,13vw,58px); }
  .article-body { padding:0 22px 54px; }
  .article-body h2 { margin-top:54px; margin-bottom:23px; }
  .article-body blockquote { margin:34px 0; padding:22px; }
  .note-invitation { margin:0 12px 12px; padding:34px 22px; }
  .note-boundary { margin:22px 22px 30px; }
}