/* Native notes share the site's paper, orange and green, with an editorial measure. */
.note-preview{margin-top:30px;border-top:1px solid var(--folio-line,rgba(36,40,36,.18));border-bottom:1px solid var(--folio-line,rgba(36,40,36,.18))}
.note-preview-link{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;padding:34px 0;color:inherit;text-decoration:none}
.note-preview-side{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;background:var(--folio-paper,#f5f3ed);font:11px/1.5 Consolas,'Microsoft YaHei',monospace;box-shadow:inset 4px 0 0 var(--folio-accent,#ffff00);}
.note-preview-glyph{font:90px/.8 Georgia,serif;margin-top:16px;transition:transform .25s ease}
.note-preview-copy{align-self:center;padding:8px 0;min-width:0}
.note-preview-meta{display:flex;align-items:center;gap:24px;color:var(--folio-muted,#656b60);font-size:11px}
.note-preview-meta>span{padding:5px 10px;background:var(--folio-green,#00fdfd);color:var(--folio-ink,#242824)}
.note-preview h3,.v3-reading .note-preview h3{font-size:clamp(24px,2.3vw,34px);line-height:1.5;font-weight:500;letter-spacing:-.035em;margin:19px 0 14px!important}
.note-preview p,.v3-reading .note-preview p{max-width:850px;color:var(--folio-muted,#656b60);font-size:14px;line-height:1.9;margin:0 0 23px!important}
.note-preview-action{display:inline-flex;align-items:center;gap:28px;font-size:12px;padding-bottom:5px;border-bottom:2px solid var(--folio-orange,#ffff00)}
.note-preview-link:is(:hover,:focus-visible) .note-preview-glyph{transform:rotate(28deg)}
.note-preview-link:is(:hover,:focus-visible) .note-preview-action{background:var(--folio-accent,#ffff00)}
.note-index-intro{display:flex;align-items:center;justify-content:space-between;color:var(--folio-muted,#656b60);font-size:12px;gap:25px}
.note-index-intro>span{font:12px Consolas,monospace}.note-index-intro p{margin:0;line-height:1.8}
.note-index-list .note-preview{margin-top:26px}.note-index-list .note-preview-link{grid-template-columns:220px minmax(0,1fr);gap:50px;padding:40px 0}
.folio-page-notes .portfolio-breadcrumb{margin-bottom:40px}
.note-article-header{max-width:1100px;padding:12px 0 42px;margin-bottom:48px;border-bottom:1px solid var(--folio-line,rgba(36,40,36,.18))}
.note-kicker{display:flex;gap:20px;align-items:center;font:11px Consolas,'Microsoft YaHei',monospace;letter-spacing:.06em;color:var(--folio-muted,#656b60)}
.note-kicker>span:last-child{letter-spacing:0;background:var(--folio-green,#00fdfd);color:var(--folio-ink,#242824);padding:6px 10px}
.note-article-header h1{max-width:1080px;font-size:clamp(34px,3.3vw,50px);line-height:1.45;font-weight:550;letter-spacing:-.04em;margin:24px 0}
.note-article-meta{display:flex;flex-wrap:wrap;gap:13px 27px;color:var(--folio-muted,#656b60);font-size:12px;line-height:1.8}
.note-article-meta>a{text-decoration:underline!important;text-decoration-color:var(--folio-orange,#ffff00)!important;text-underline-offset:5px}
.note-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(200px,260px);gap:clamp(48px,6vw,110px);align-items:start;justify-content:center}
.note-prose{min-width:0;font-size:16px;line-height:1.95;color:#383e35;overflow-wrap:anywhere}
.note-prose>p{margin:0 0 22px}.note-prose strong{font-weight:650;color:var(--folio-ink,#242824)}
.note-prose :is(h2,h3,h4,h5,h6){color:var(--folio-ink,#242824);font-weight:550;line-height:1.55;letter-spacing:-.025em;scroll-margin-top:114px;position:relative}
.note-prose h2{font-size:29px;margin:62px 0 27px;padding-bottom:15px;border-bottom:2px solid var(--folio-orange,#ffff00)}
.note-prose h3{font-size:24px;margin:48px 0 24px}.note-prose h4{font-size:21px;margin:34px 0 18px}.note-prose h5,.note-prose h6{font-size:18px;margin:29px 0 12px}
.note-prose>:first-child{margin-top:0}.note-prose :is(h2,h3,h4,h5,h6) strong{font-weight:inherit}
.note-heading-anchor{font:15px/1 Consolas,monospace;color:var(--folio-ink,#242824)!important;background:linear-gradient(transparent 70%,var(--folio-orange,#ffff00) 70%);box-decoration-break:clone;display:inline-block;margin-left:12px;opacity:0;text-decoration:none!important;vertical-align:middle}
.note-prose :is(h2,h3,h4,h5,h6):is(:hover,:focus-within) .note-heading-anchor{opacity:1}
.note-prose a{color:var(--folio-ink,#242824);text-decoration:underline;text-decoration-color:#ffff00;text-underline-offset:4px;text-decoration-thickness:1px}
.note-prose a:hover{color:var(--folio-ink,#242824);background:var(--folio-accent,#ffff00)}
.note-prose :is(ul,ol){padding-left:24px;margin:12px 0 26px}.note-prose li{padding-left:5px;margin:9px 0}.note-prose li::marker{color:var(--folio-ink,#242824)}
.note-prose blockquote{margin:20px 0 30px;padding:17px 24px;border-left:3px solid var(--folio-orange,#ffff00);background:rgba(36,40,36,.045);color:var(--folio-ink,#242824);font-size:15px}
.note-prose blockquote p{margin:0 0 12px}.note-prose blockquote p:last-child{margin-bottom:0}
.note-prose hr{border:0;border-top:1px solid var(--folio-line,rgba(36,40,36,.18));margin:40px 0}
.note-prose code{font:14px/1.7 Consolas,monospace;background:rgba(36,40,36,.055);padding:2px 5px;border-radius:3px}
.note-prose pre{overflow:auto;padding:20px;background:#eeece4}.note-prose pre code{padding:0;background:none}
.note-sidebar{align-self:stretch;min-width:0}.note-toc-sticky{position:sticky;top:112px}
.note-toc-heading{display:flex;justify-content:space-between;font-size:12px;color:#4b5544;margin-bottom:12px}.note-toc-heading>span:last-child{font:11px Consolas,monospace}
.note-progress{height:2px;background:var(--folio-line,rgba(36,40,36,.18));margin-bottom:17px;overflow:hidden}.note-progress>span{display:block;background:var(--folio-orange,#ffff00);width:100%;height:100%;transform:scaleX(0);transform-origin:left}
.note-toc{max-height:calc(100vh - 265px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7cbbf transparent;padding-right:10px}
.note-toc ol{list-style:none;margin:0;padding:0}.note-toc ol ol{padding-left:13px;margin:3px 0 7px;border-left:1px solid var(--folio-line,rgba(36,40,36,.18))}
.note-toc a{display:block;font-size:11px;line-height:1.8;color:#6b7462;padding:5px 0 5px 8px;text-decoration:none;border-left:2px solid transparent;margin-left:-2px}
.note-toc>ol>li>a{font-size:12px;color:#434d3c;padding-top:9px;padding-bottom:9px}
.note-toc a[aria-current="location"]{border-color:var(--folio-orange,#ffff00);background:var(--folio-accent,#ffff00);color:var(--folio-ink,#242824)}
.note-toc a:hover{color:#242824;background:rgba(36,40,36,.055)}
.note-back-top{display:inline-block;font-size:11px;color:#68725d!important;margin-top:19px;padding-bottom:4px;border-bottom:1px solid var(--folio-orange,#ffff00)}
.note-article-end{text-align:center;padding:50px 0 20px;margin-top:60px;border-top:1px solid var(--folio-line,rgba(36,40,36,.18));color:var(--folio-muted,#656b60)}
.note-article-end>span{font-size:28px;color:var(--folio-ink,#242824);background:linear-gradient(transparent 70%,var(--folio-orange,#ffff00) 70%);box-decoration-break:clone}.note-article-end p{font-size:14px;margin:12px 0 18px}.note-article-end>a{font-size:12px}
@media(min-width:1550px){.folio-page-notes{max-width:1280px}}
@media(max-width:1100px){.note-layout{grid-template-columns:minmax(0,1fr) 220px;gap:42px}.note-prose{font-size:15px}}
@media(max-width:800px){.note-layout{display:flex;flex-direction:column}.note-sidebar{order:-1;width:100%}.note-toc-sticky{position:static}.note-toc{max-height:220px}.note-preview-link,.note-index-list .note-preview-link{grid-template-columns:100px minmax(0,1fr);gap:23px}.note-preview-side{padding:16px;background:var(--folio-paper,#f5f3ed);box-shadow:inset 4px 0 0 var(--folio-accent,#ffff00);}.note-preview-glyph{font-size:65px}.note-preview h3,.v3-reading .note-preview h3{font-size:23px}.note-index-intro{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.note-preview-glyph{transition:none}}