/* Notes only: the four types retain the app's own accent colors. */
html:has(.notes-v20){scroll-behavior:auto}
.notes-v20 .saved-item-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:40px;min-height:0;padding:48px 0 58px;align-items:center}
.notes-v20 .saved-item-hero h1{font-size:clamp(40px,4.1vw,61px);line-height:1.08}
.notes-v20 .saved-item-hero__copy{min-width:0}
.notes-v20 .saved-item-hero__copy>p:not(.eyebrow){font-size:17px;line-height:1.7}
.notes-v20 .n20-visual{margin:0;min-width:0;max-width:100%}
.notes-v20 .n20-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:24px;filter:none;box-shadow:none}
.notes-v20 .n20-hero-points{display:flex;flex-wrap:wrap;gap:9px 15px;margin:25px 0 0;padding:0;list-style:none;color:#625780;font-size:12px;line-height:1.5}
.notes-v20 .n20-hero-points li{border-bottom:1px solid #ded6f2;padding-bottom:6px}
.notes-v20 .n20-nav{display:flex;flex-wrap:wrap;gap:8px 23px;margin:27px 0 0;padding:16px 0 0;border-top:1px solid #ded9ec}
.notes-v20 .n20-nav:before,.notes-v20 .n20-nav:after{display:none}
.notes-v20 .n20-nav a{padding:7px 0;font-size:13px;line-height:1.5;min-height:36px}
.notes-v20 .n20-row{--note-accent:#7862d6;width:min(1200px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:62px;padding:60px 0;scroll-margin-top:28px}
.notes-v20 .n20-row--reminder{--note-accent:#d97162}
.notes-v20 .n20-row--password{--note-accent:#347bd0}
.notes-v20 .n20-row--checklist{--note-accent:#2c9569}
.notes-v20 .n20-copy{min-width:0}
.notes-v20 .n20-copy .section-kicker{color:var(--note-accent)}
.notes-v20 .n20-copy h2{font-size:clamp(34px,3.35vw,49px);font-weight:590;line-height:1.1;letter-spacing:-.048em;margin:0}
.notes-v20 .n20-copy>p:not(.section-kicker){color:var(--ink-soft,#656577);font-size:16px;line-height:1.7;margin:22px 0 0}
.notes-v20 .n20-details{display:grid;gap:13px;margin:27px 0 0;padding:0;list-style:none;color:#625b72;font-size:14px;line-height:1.65}
.notes-v20 .n20-details li{border-left:2px solid var(--note-accent);padding:3px 0 3px 16px}
.notes-v20 .n20-row--share{--note-accent:#b1a2ed;width:min(1290px,calc(100% - 48px));padding:48px;margin:28px auto;gap:40px;border-radius:32px;color:white;background:radial-gradient(circle at 95% 0,#5056b8a8,transparent 55%),linear-gradient(135deg,#19132f,#4223aa)}
.notes-v20 .n20-row--share .section-kicker{color:#b7c7ff}
.notes-v20 .n20-row--share .n20-copy>p:not(.section-kicker),.notes-v20 .n20-row--share .n20-details{color:#ded8f0}
.notes-v20 .site-header{gap:18px}
.notes-v20 .my-locale-switcher{flex-shrink:0;margin-left:0}
.notes-v20 a:focus-visible,.notes-v20 summary:focus-visible{outline:3px solid #6651ff;outline-offset:5px}
@media(max-width:1024px){
 .notes-v20 .saved-item-hero{grid-template-columns:1fr;width:calc(100% - 48px);gap:28px;padding:36px 0 44px}
 .notes-v20 .saved-item-hero__copy{max-width:730px;width:100%}
 .notes-v20 .saved-item-hero>.n20-visual{width:100%;max-width:700px;margin:0 auto}
 .notes-v20 .n20-row{width:calc(100% - 48px);gap:30px;padding:46px 0}
 .notes-v20 .n20-row--share{padding:32px}
 .notes-v20 .n20-copy h2{font-size:36px}
}
@media(max-width:720px){
 .notes-v20 .saved-item-hero{width:calc(100% - 40px);padding:32px 0 35px}
 .notes-v20 .saved-item-hero h1{font-size:clamp(36px,9.5vw,48px)}
 .notes-v20 .saved-item-hero__copy>p:not(.eyebrow){font-size:15px}
 .notes-v20 .n20-nav{gap:4px 18px;margin-top:22px}
 .notes-v20 .n20-hero-points{gap:7px 14px;margin-top:20px}
 .notes-v20 .n20-row{width:calc(100% - 40px);grid-template-columns:1fr;gap:28px;padding:38px 0}
 .notes-v20 .n20-copy{order:0}
 .notes-v20 .n20-visual{order:1}
 .notes-v20 .n20-copy h2{font-size:34px}
 .notes-v20 .n20-copy>p:not(.section-kicker){font-size:15px;margin-top:18px}
 .notes-v20 .n20-row--share{width:calc(100% - 24px);padding:32px 22px;margin:18px auto;border-radius:26px}
 .notes-v20 .n20-visual img{border-radius:18px}
 .notes-v20 .site-header{gap:10px}
}