.page-nav{padding:1.25rem 0;border-bottom:1px solid var(--paper-12);position:relative;z-index:20}.page-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.page-nav__home{font-size:0.72rem;line-height:1;letter-spacing:0.22em;text-transform:uppercase;color:var(--paper-65);transition:color 0.25s ease;display:inline-flex;align-items:center;gap:0.55rem}.page-nav__home-icon{width:14px;height:14px;display:inline-block;transform:rotate(180deg);transition:transform 0.25s ease}.page-nav__home:hover{color:var(--accent)}.page-nav__home:hover .page-nav__home-icon{transform:rotate(180deg) translateX(3px)}.page-nav__brand{font-size:0.72rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--paper-65);font-weight:500}.page-nav__brand strong{color:var(--paper);font-weight:700}.page-nav__menu{display:flex;align-items:center;gap:1.25rem;font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;flex-wrap:nowrap}.page-nav__menu a{color:var(--paper-65);transition:color 0.25s ease;position:relative;white-space:nowrap}.page-nav__menu a:hover{color:var(--paper)}.page-nav__menu a.is-external{color:var(--accent);font-weight:500}.page-nav__menu a.is-external::after{content:"↗";margin-left:0.35em;font-size:0.85em;display:inline-block;transition:transform 0.25s ease}.page-nav__menu a.is-external:hover::after{transform:translate(2px,-2px)}.page-nav__burger{display:none;background:none;border:0;padding:0.4rem;color:var(--paper);cursor:pointer;width:36px;height:36px;position:relative;flex-shrink:0}.page-nav__burger span,.page-nav__burger span::before,.page-nav__burger span::after{position:absolute;left:6px;width:22px;height:1.5px;background:currentColor;border-radius:2px;transition:transform 0.25s ease,top 0.25s ease,opacity 0.2s ease}.page-nav__burger span{top:50%;transform:translateY(-50%)}.page-nav__burger span::before{content:"";top:-7px;left:0}.page-nav__burger span::after{content:"";top:7px;left:0}.page-nav__burger[aria-expanded="true"] span{background:transparent}.page-nav__burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}.page-nav__burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}@media (max-width:767px){.page-nav__burger{display:inline-block}.page-nav__menu{display:none;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;background:rgba(24,12,172,0.97);border-bottom:1px solid var(--paper-12);padding:0.5rem 1.5rem 1rem;backdrop-filter:blur(8px)}.page-nav__menu.is-open{display:flex}.page-nav__menu a{padding:0.85rem 0;border-bottom:1px solid var(--paper-08);font-size:0.78rem}.page-nav__menu a:last-child{border-bottom:0}}.page-nav.is-collapsed .page-nav__burger{display:inline-block}.page-nav.is-collapsed .page-nav__menu{display:none;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;background:rgba(24,12,172,0.97);border-bottom:1px solid var(--paper-12);padding:0.5rem 1.5rem 1rem;backdrop-filter:blur(8px)}.page-nav.is-collapsed .page-nav__menu.is-open{display:flex}.page-nav.is-collapsed .page-nav__menu a{padding:0.85rem 0;border-bottom:1px solid var(--paper-08);font-size:0.78rem}.page-nav.is-collapsed .page-nav__menu a:last-child{border-bottom:0}.container--narrow{max-width:820px;margin:0 auto;padding:0 1.5rem;width:100%}@media (min-width:768px){.container--narrow{padding:0 2rem}}.posts-frame{padding:2rem 0}.posts-header{margin-bottom:1.5rem}.posts-header__title{font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:700;letter-spacing:-0.015em;line-height:1.15;margin-bottom:0.6rem;transition:opacity 0.2s ease}.posts-header__desc{font-size:0.95rem;line-height:1.65;color:var(--paper-80);font-weight:300;max-width:60ch;transition:opacity 0.2s ease}.posts-filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin:1.75rem 0 0}.posts-filter{font-family:inherit;font-size:0.7rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--paper-65);background:transparent;border:1px solid var(--paper-20);border-radius:999px;padding:0.5rem 1rem;cursor:pointer;transition:color 0.25s ease,border-color 0.25s ease,background 0.25s ease}.posts-filter:hover{color:var(--paper);border-color:var(--paper-45)}.posts-filter[aria-pressed="true"]{color:var(--ink);background:var(--accent);border-color:var(--accent);font-weight:500}.posts-list{display:flex;flex-direction:column;margin-top:2rem;border-top:1px solid var(--paper-12)}.post-card{position:relative;display:block;padding:2rem 0;border-bottom:1px solid var(--paper-12);transition:padding 0.3s ease}.post-card:last-child{border-bottom:0}.post-card:hover{padding-left:0.75rem;padding-right:0.75rem}.post-card:hover .post-card__title{color:var(--accent)}.post-card:hover .post-card__arrow{transform:translate(2px,-2px);color:var(--paper)}.post-card[hidden]{display:none}.post-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--paper-65);margin-bottom:0.85rem}.post-card__date{font-weight:500}.post-card__series{display:inline-flex;align-items:center;gap:0.4rem;color:var(--accent)}.post-card__series::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.post-card__lesson{color:var(--paper-65)}.post-card__head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.post-card__title{font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:700;line-height:1.3;letter-spacing:-0.01em;color:var(--paper);transition:color 0.3s ease;flex:1}.post-card__arrow{flex-shrink:0;color:var(--paper-65);transition:transform 0.35s ease,color 0.35s ease}.post-card__desc{margin-top:0.85rem;font-size:0.92rem;line-height:1.65;color:var(--paper-80);font-weight:300;max-width:70ch}.post-card__tags{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:0.35rem}.post-card__tags li{font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--paper-65)}.post-card__tags li:not(:last-child)::after{content:" /";margin-left:0.35rem;color:var(--paper-20)}.posts-empty{padding:4rem 0;text-align:center;color:var(--paper-65);font-size:0.9rem}.article-hero{padding:2rem 0;border-bottom:1px solid var(--paper-12)}.article-hero__inner{width:100%}.article-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.85rem;font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--paper-65);margin-bottom:1.5rem}.article-hero__meta .post-card__series{color:var(--accent)}.article-hero__divider{color:var(--paper-20)}.article-hero__author{color:var(--paper);font-weight:500}.article-hero__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700;line-height:1.2;letter-spacing:-0.015em;color:var(--paper)}.article-hero__lede{margin-top:1.5rem;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.65;color:var(--paper-80);font-weight:300;max-width:60ch}.article-hero__tags{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:0.4rem}.article-hero__tags li{display:inline-flex;align-items:center;font-size:0.62rem;line-height:1;letter-spacing:0.18em;text-transform:uppercase;color:var(--paper-65);padding:0.45rem 0.75rem;border:1px solid var(--paper-20);border-radius:999px}.article{padding:2rem 0}.article__body{width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:0.95rem;line-height:1.65;color:var(--paper);font-weight:400}.article__body>*+*{margin-top:1.25rem}.article__body p{color:var(--paper);font-weight:400;font-size:0.95rem}.article__body p strong{color:var(--accent);font-weight:700}.article__body p em{color:var(--paper-80);font-style:italic}.article__body a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--paper-20);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color 0.2s ease}.article__body a:hover{text-decoration-color:var(--accent)}.article__body h2{margin-top:2.5rem !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;letter-spacing:-0.01em;line-height:1.3;color:var(--paper);position:relative;padding-bottom:0.6rem;border-bottom:1px solid var(--paper-12)}.article__body h3{margin-top:2rem !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.05rem,1.7vw,1.2rem);font-weight:700;color:var(--paper);letter-spacing:-0.005em}.article__body h4{margin-top:1.75rem !important;font-size:0.75rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);font-weight:500}.article__body ul,.article__body ol{padding-left:1.5rem;color:var(--paper);font-weight:400}.article__body ul{list-style:none}.article__body ul li{position:relative;padding-left:0.25rem}.article__body ul li+li{margin-top:0.55rem}.article__body ul li::before{content:"—";position:absolute;left:-1.5rem;color:var(--accent)}.article__body ol{list-style:decimal;padding-left:1.75rem}.article__body ol li+li{margin-top:0.55rem}.article__body ol li::marker{color:var(--accent);font-weight:500}.article__body blockquote{border-left:2px solid var(--accent);padding:0.5rem 0 0.5rem 1.5rem;color:var(--paper-80);font-style:italic;font-weight:300;background:var(--paper-04);border-radius:0 6px 6px 0}.article__body hr{border:0;height:1px;background:var(--paper-12);margin:2.5rem 0}.article__body code{font-family:"Roboto Mono",ui-monospace,monospace;font-size:0.88em;background:var(--paper-08);padding:0.15em 0.45em;border-radius:4px;color:var(--gold-soft);border:1px solid var(--paper-12)}.article__body pre{background:rgba(0,0,0,0.35);border:1px solid var(--paper-12);border-radius:8px;padding:1.25rem;overflow-x:auto;font-size:0.85rem;line-height:1.65;color:var(--paper)}.article__body pre code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit}.article__body img{border-radius:8px;border:1px solid var(--paper-12);max-width:100%;height:auto}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.article__body table{width:100%;border-collapse:collapse;font-size:0.875rem}@media (max-width:600px){.article__body table{min-width:36rem}}.article__body th,.article__body td{padding:0.55rem 0.85rem;text-align:left;border-bottom:1px solid var(--paper-12);line-height:1.5}.article__body th{font-family:"Roboto Mono",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--accent);font-weight:500;font-size:0.68rem;letter-spacing:0.16em;text-transform:uppercase}.series-nav{width:100%;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--paper-12);display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.series-nav__card{display:flex;flex-direction:column;gap:0.5rem;padding:1rem 1.1rem;border:1px solid var(--paper-12);border-radius:10px;background:var(--paper-04);color:var(--paper);text-decoration:none;transition:border-color 0.2s ease,background 0.2s ease}.series-nav__card:hover{border-color:var(--accent);background:var(--paper-08)}.series-nav__card--next{text-align:right}.series-nav__label{font-family:"Roboto Mono",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);font-weight:500}.series-nav__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:0.9rem;line-height:1.35;color:var(--paper);font-weight:500}.series-nav__placeholder{visibility:hidden}@media (max-width:600px){.series-nav{grid-template-columns:1fr}.series-nav__card--next{text-align:left}.series-nav__placeholder{display:none}}.author-box{display:flex;gap:1.25rem;align-items:flex-start;margin:3rem 0 0;padding:1.5rem;border:1px solid var(--paper-12);border-radius:14px;background:var(--paper-04)}.author-box__avatar{width:64px;height:64px;border-radius:999px;object-fit:cover;flex-shrink:0}.author-box__name{font-weight:700;color:var(--paper);margin-bottom:0.35rem}.author-box__bio{font-size:0.85rem;line-height:1.6;color:var(--paper-80);font-weight:300;margin-bottom:0.75rem}.author-box__links{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase}.author-box__links a{color:var(--paper-65);transition:color 0.25s ease}.author-box__links a:hover{color:var(--accent)}.article-footer{width:100%;margin:2rem 0 0;padding-top:2rem;border-top:1px solid var(--paper-12);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.article-footer__copyright{font-size:0.7rem;letter-spacing:0.12em;color:var(--paper-45);margin-left:auto}.article-footer__back{display:inline-flex;align-items:center;gap:0.55rem;font-size:0.72rem;line-height:1;letter-spacing:0.22em;text-transform:uppercase;color:var(--paper-65);transition:color 0.25s ease}.article-footer__back-icon{width:14px;height:14px;display:inline-block;transform:rotate(180deg);transition:transform 0.25s ease}.article-footer__back:hover{color:var(--accent)}.article-footer__back:hover .article-footer__back-icon{transform:rotate(180deg) translateX(3px)}.posts-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--paper-12);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.writing{display:grid;grid-template-columns:1fr;gap:0}.writing__item{display:block;padding:1.75rem 0;border-top:1px solid var(--paper-12);transition:padding 0.3s ease}.writing__item:last-child{border-bottom:1px solid var(--paper-12)}.writing__item:hover{padding-left:0.5rem;padding-right:0.5rem}.writing__item:hover .writing__title{color:var(--accent)}.writing__item:hover .writing__arrow{transform:translate(2px,-2px);color:var(--paper)}.writing__meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--paper-65);margin-bottom:0.75rem}.writing__head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.writing__title{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;line-height:1.3;letter-spacing:-0.01em;color:var(--paper);transition:color 0.3s ease;flex:1}.writing__arrow{flex-shrink:0;color:var(--paper-65);transition:transform 0.35s ease,color 0.35s ease}.writing__desc{margin-top:0.6rem;font-size:0.86rem;line-height:1.65;color:var(--paper-80);font-weight:300;max-width:70ch}.writing-more{margin-top:2rem;display:inline-flex;align-items:center;gap:0.6rem;font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent);font-weight:500;transition:gap 0.25s ease}.writing-more::after{content:"→"}.writing-more:hover{gap:0.85rem}