.note-site-root,.articles-site-root{--note-max: 42rem;--note-wide: 52rem;--note-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--note-sans: var(--font-sans);background:var(--color-bg-elevated);color:var(--color-text)}.note-site-root body,.articles-site-root body{min-height:100vh;background:var(--color-bg-elevated)}.article-breadcrumb-bar{position:relative;z-index:1;padding-top:calc(5.25rem + env(safe-area-inset-top,0px));padding-bottom:.625rem}.article-breadcrumb-bar .container{max-width:var(--note-wide)}.article-breadcrumb{margin:0;padding:0}.article-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;list-style:none;margin:0;padding:0;font-family:var(--note-sans);font-size:.8125rem;color:var(--color-text-tertiary)}.article-breadcrumb__list li{display:inline-flex;align-items:center;gap:.5rem}.article-breadcrumb__list li:not(:last-child):after{content:"/";opacity:.5}.article-breadcrumb__list a{color:var(--color-text-secondary);text-decoration:none}.article-breadcrumb__list a:hover{color:var(--color-accent)}.article-breadcrumb__list [aria-current=page]{color:var(--color-text);font-weight:500}.note-site-root main.note-page,.articles-site-root main.note-page{padding-top:clamp(1.25rem,2.5vw,1.75rem)}.note-page{max-width:var(--note-wide);margin:0 auto;padding:clamp(2.5rem,6vw,4rem) var(--container-inline) clamp(4rem,8vw,6rem)}.note-list-hero{max-width:var(--note-max);margin:0 auto 3rem;text-align:left}.note-list-hero__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem}.note-list-hero__title{font-family:var(--note-serif);font-size:clamp(2.25rem,5vw,3rem);font-weight:600;line-height:1.12;letter-spacing:-.02em;margin-bottom:1rem}.note-list-hero__subtitle{font-size:1.125rem;line-height:1.65;color:var(--color-text-secondary);max-width:36rem}.note-list{max-width:var(--note-max);margin:0 auto;border-top:1px solid var(--color-border)}.note-list-item{border-bottom:1px solid var(--color-border)}.note-list-item__link{display:flex;gap:1.25rem;align-items:flex-start;padding:1.75rem 0;text-decoration:none;color:inherit;transition:opacity .2s var(--ease-smooth)}.note-list-item__link:hover{opacity:.88}.note-list-item__link:hover .note-list-item__title{color:var(--color-accent)}.note-list-item__title{font-family:var(--note-serif);font-size:clamp(1.35rem,2.5vw,1.625rem);font-weight:600;line-height:1.3;margin-bottom:.5rem;transition:color .2s var(--ease-smooth)}.note-list-item__excerpt{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:.75rem}.note-list-item__meta{font-size:.8125rem;color:var(--color-text-tertiary);display:flex;align-items:center;gap:.5rem}.note-list-item__thumb{flex:0 0 7.5rem;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border);aspect-ratio:1200 / 630}.note-list-item__thumb img{display:block;width:100%;height:100%;object-fit:cover}.note-list-item__body{flex:1;min-width:0}.note-page--article{display:grid;gap:3rem}.note-article{max-width:var(--note-max);margin:0 auto}.note-article__cover{margin:0 0 2rem;border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border);aspect-ratio:1200 / 630}.note-article__cover-img{display:block;width:100%;height:100%;object-fit:cover}.note-article__header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.note-article__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:1rem}.note-article__title{font-family:var(--note-serif);font-size:clamp(2.5rem,6vw,3.25rem);font-weight:600;line-height:1.08;letter-spacing:-.025em;margin-bottom:1rem}.note-article__deck{font-size:clamp(1.125rem,2.2vw,1.375rem);line-height:1.55;color:var(--color-text-secondary);margin-bottom:1.75rem}.note-article__byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.note-article__author{display:flex;align-items:center;gap:.75rem}.note-article__avatar{width:2.75rem;height:2.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;font-family:var(--note-sans);color:var(--color-text);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary, #7c3aed));color:#fff}.note-article__author-name{display:block;font-size:.9375rem;font-weight:600}.note-article__author-role{display:block;font-size:.8125rem;color:var(--color-text-tertiary)}.note-article__meta{font-size:.8125rem;color:var(--color-text-tertiary);display:flex;align-items:center;gap:.5rem}.note-prose{font-family:var(--note-serif);font-size:1.25rem;line-height:1.75;color:var(--color-text)}.note-prose>*+*{margin-top:1.35em}.note-prose .note-lead,.note-prose .article-lead{font-size:1.3rem;line-height:1.65;color:var(--color-text)}.note-prose h2{font-family:var(--note-sans);font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin-top:2.25em;margin-bottom:.5em}.note-prose blockquote{margin:1.75em 0;padding-left:1.25rem;border-left:3px solid var(--color-accent);font-style:italic;color:var(--color-text-secondary)}.note-prose blockquote p{margin:0}.note-prose ul,.note-prose ol{padding-left:1.35em}.note-prose li+li{margin-top:.4em}.note-prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em}.note-article__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.note-tag{font-family:var(--note-sans);font-size:.75rem;font-weight:500;padding:.35rem .75rem;border-radius:999px;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.note-related{max-width:var(--note-max);margin:0 auto;padding-top:1rem;border-top:1px solid var(--color-border)}.note-related__heading{font-family:var(--note-sans);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:1.25rem}.note-related__list{list-style:none;margin:0;padding:0}.note-related__item+.note-related__item{margin-top:.75rem}.note-related__link{display:flex;gap:1rem;align-items:center;text-decoration:none;color:inherit;padding:.75rem 0}.note-related__thumb{flex:0 0 6.5rem;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border);aspect-ratio:1200 / 630}.note-related__thumb img{display:block;width:100%;height:100%;object-fit:cover}.note-related__body{flex:1;min-width:0}.note-related__link:hover .note-related__title{color:var(--color-accent)}.note-related__title{display:block;font-family:var(--note-serif);font-size:1.125rem;font-weight:600;margin-bottom:.25rem;transition:color .2s var(--ease-smooth)}.note-related__meta{font-size:.8125rem;color:var(--color-text-tertiary)}.note-related__all{display:inline-block;margin-top:1.25rem;font-size:.9375rem;font-weight:500;color:var(--color-accent);text-decoration:none}.note-related__all:hover{text-decoration:underline}.note-empty{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.note-footer{border-top:1px solid var(--color-border);margin-top:auto}.note-footer__inner{max-width:var(--note-wide);margin:0 auto;padding:2rem var(--container-inline) 2.5rem;text-align:center}.note-footer__tagline{font-size:.875rem;font-weight:600;margin-bottom:.75rem}.note-footer__links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem}.note-footer__links a{font-size:.875rem;color:var(--color-text-secondary);text-decoration:none}.note-footer__links a:hover{color:var(--color-text)}.note-footer__copy{font-size:.75rem;color:var(--color-text-tertiary)}