@media (max-width:768px){.magic-brand-lockup{z-index:60;max-width:calc(100vw - (var(--page-gutter) * 2));white-space:nowrap;border-color:var(--neutral-alpha-weak);background:color-mix(in srgb, var(--page-background) 88%, transparent);min-height:44px;box-shadow:var(--shadow-s);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);gap:.5rem;padding:.25rem .5rem;position:fixed;inset-block-start:max(.75rem, env(safe-area-inset-top,0px));inset-inline-start:var(--page-gutter);overflow:hidden}.magic-brand-lockup .brand-mark{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 2rem;width:2rem;height:2rem}.magic-brand-wordmark{letter-spacing:.12em;flex:none;font-size:.72rem}.magic-detail-page>.magic-detail-toc-mobile{width:min(100% - 1.5rem,48rem);margin-block:4.75rem .75rem;inset-block-start:calc(max(.75rem, env(safe-area-inset-top,0px)) + 3.5rem)}.magic-detail-page .magic-page{gap:3rem!important;padding-block-start:var(--space-10)!important}.magic-detail-header{padding-block:.5rem 3.75rem;gap:.875rem!important}.magic-article-detail-page .magic-detail-header h1{letter-spacing:-.025em;max-width:18ch;margin-inline:auto;font-size:clamp(2.05rem,9.2vw,2.65rem)!important;line-height:1.16!important}.magic-article-detail-page .magic-detail-header>p:first-of-type{white-space:normal;margin:0;font-size:.875rem;line-height:1.6}html[dir=rtl] .magic-article-detail-page .magic-detail-header>p:first-of-type{direction:rtl;unicode-bidi:plaintext}html[dir=rtl] .magic-article-detail-page .magic-detail-header>p:first-of-type time{direction:rtl;unicode-bidi:isolate}.magic-article-detail-page .magic-detail-header>p:last-of-type{max-width:32rem;margin:0;font-size:1.05rem;line-height:1.75}.magic-author-link{align-items:center;padding-inline:.5rem}.magic-site-header{inset-block-end:max(.5rem, env(safe-area-inset-bottom,0px))}.magic-nav-capsule{max-width:calc(100vw - 1rem)}main{padding-block-end:calc(5.5rem + env(safe-area-inset-bottom,0px))}}@media (max-width:400px){.magic-article-detail-page .magic-detail-header h1{max-width:17ch;font-size:2rem!important;line-height:1.18!important}.magic-detail-page>.magic-detail-toc-mobile{width:calc(100% - 1rem)}}