*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--title:"Sedan", serif;--font-body:-apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Segoe UI", "Adwaita Sans", Cantarell, Ubuntu, Roboto, Noto, Helvetica, Arial, sans-serif;--font-mono:"Fira Code", monospace;--core-gray-950:#0f1115;--core-gray-900:#12151c;--core-gray-800:#171b22;--core-gray-700:#1c2230;--core-gray-500:#2a3242;--core-gray-400:#3a4354;--core-gray-200:#b7c0d1;--core-gray-100:#e6e9ef;--core-brand-400:#8ab4f8;--color-background:#111318;--color-surface:var(--core-gray-900);--color-surface-container:var(--core-gray-800);--color-surface-variant:var(--core-gray-700);--color-text-primary:var(--core-gray-100);--color-text-secondary:var(--core-gray-200);--color-primary:var(--core-brand-400);--color-hover:var(--core-gray-500);--color-active:var(--core-gray-400);--color-border:var(--core-gray-400);--overlay-dark:#00000040;--overlay-light:#ffffff24;--motion-fast:.15s;--motion-normal:.25s;--motion-slow:.4s;--ease-standard:ease;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--baseline-limited:url(/limited-dark.5164fb9b920d18d4.svg)}html{font-size:100%}body{background-color:var(--color-background);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-body);line-height:1.5}.skip-link{top:-6rem;left:var(--space-4);padding:var(--space-2) var(--space-3);background-color:var(--color-text-primary);color:var(--color-background);border-radius:var(--radius-sm);z-index:1000;transition:top var(--motion-fast) var(--ease-standard);font-weight:700;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-3)}.wrapper{gap:var(--space-6);flex-wrap:wrap;display:flex}header{padding:var(--space-5);flex:15rem;margin-inline:clamp(1rem,3vw,2rem)}header nav{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;display:flex}header nav p,header nav a{color:var(--color-text-primary);font-weight:900;text-decoration:none}header nav a{transition:color var(--motion-normal) var(--ease-standard)}header nav a:hover{color:var(--color-text-secondary)}header nav img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:clamp(4rem,10vw,6.25rem)}main{flex:999 40rem;width:min(100%,75rem);margin-inline:clamp(1rem,3vw,2rem);padding:clamp(1.5rem,4vw,3rem)}.list h2,.list2 h2{font-family:var(--title);color:var(--color-text-primary);margin-block:var(--space-4)}.list{width:100%;padding-bottom:var(--space-6);flex-direction:column;display:flex}.list p{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.list ul,.list2 ul{list-style:none}.list li{width:fit-content;max-width:100%;padding:var(--space-4) clamp(1rem, 3vw, 1.5rem);color:var(--color-text-primary);cursor:pointer;transition:transform var(--motion-normal) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard);background-color:#28282840}.list li a{color:inherit;text-decoration:none}.list li:hover{background-color:var(--color-hover);transform:translate(.3125rem)}.list li:active{background-color:var(--color-active)}.list2{flex-direction:column;width:100%;display:flex}.list2 a{color:var(--color-text-primary);transition:color var(--motion-normal) var(--ease-standard);text-decoration:none}.list2 a:hover{color:var(--color-text-secondary);text-decoration:underline}.list2 li{margin-bottom:var(--space-4)}.post{width:min(100%,62.5rem);padding:var(--space-3);color:var(--color-text-primary);letter-spacing:.0125rem;line-height:1.7}.post .insert-limited{width:3.125rem;height:3.125rem;margin-right:var(--space-2);vertical-align:middle;background-image:var(--baseline-limited);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.post .content-block{margin-block:var(--space-6);padding:var(--space-5);background-color:var(--color-surface-variant);border-radius:var(--radius-md);transition:transform var(--motion-normal) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard)}.post .content-block:hover{background-color:var(--color-hover);transform:translateY(-.125rem)}.post h1{margin-bottom:var(--space-5);color:inherit;letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,2rem);font-weight:900}.post p{margin-bottom:var(--space-5);font-size:clamp(1rem,2vw,1.1rem);font-weight:300}.post img{object-fit:cover;width:100%;max-width:100%;height:auto;display:block}.post .banner-right,.post .banner-left{width:min(100%,25rem);margin:var(--space-4)}.post .banner-right{float:right}.post .banner-left{float:left}.post ul{margin-inline-start:var(--space-6);margin-bottom:var(--space-4)}.post pre{margin-bottom:var(--space-4);padding:var(--space-5);background-color:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.post pre code{color:var(--color-text-primary);font-family:var(--font-mono);white-space:pre;background:0 0;border:0;padding:0;font-size:.9rem;display:block}.post p code,.post li code{background-color:var(--color-surface-variant);color:currentColor;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:nowrap;padding:.15em .4em;font-size:.9rem}.back-link{margin-bottom:var(--space-5);color:var(--color-primary);transition:color var(--motion-normal) var(--ease-standard);align-items:center;font-weight:700;text-decoration:none;display:flex}.back-link:hover{color:var(--color-text-primary)}.post p,.post img,.post pre,.post ul,.post h1{opacity:0;transition:opacity var(--motion-normal) var(--ease-standard), transform var(--motion-normal) var(--ease-standard);will-change:opacity, transform;transform:translateY(.625rem)}.post .reveal{opacity:1;transform:translateY(0)}.referral-notice{margin-block:var(--space-5);padding:var(--space-4) clamp(1rem, 3vw, 1.25rem);background-color:var(--overlay-dark);-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background-color:#ffffff14;border-left:.3125rem solid;box-shadow:0 .25rem 1.875rem #0000001a}.referral-notice p{margin:0;font-size:.95rem;line-height:1.6}.referral-notice a{color:currentColor;transition:color var(--motion-fast) var(--ease-standard);font-weight:600;text-decoration:none}.referral-notice a:hover{color:var(--color-text-secondary)}details{margin-block:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-container);border-radius:var(--radius-lg)}summary{cursor:pointer;padding:var(--space-2);color:inherit;align-items:center;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"▶";margin-right:var(--space-2);transition:transform var(--motion-fast) var(--ease-standard);font-size:.8rem;display:inline-block}details[open] summary:before{transform:rotate(90deg)}summary:hover{color:var(--color-primary)}details>:not(summary){margin-inline:var(--space-2)}details[open]{padding-bottom:var(--space-4)}@media (width<=54.375em){.wrapper{display:block}main{width:100%;margin-inline:0;padding:clamp(1.5rem,5vw,2rem)}.post{padding:var(--space-4)}.list li:hover{transform:translateY(-.125rem)}}@media (width<=26.25em){.post h1{font-size:clamp(1.5rem,8vw,2rem)}.post p{font-size:clamp(.9rem,4vw,1.1rem)}.post .banner-right,.post .banner-left{float:none;width:100%;margin-inline:0}}html.is-changing .transition-main{transition:transform var(--motion-slow) var(--ease-standard)}html.is-animating.is-leaving .transition-main{transform:translateY(calc(5vh * var(--overlay-direction,1)))}html.is-animating.is-rendering .transition-main{transform:translateY(calc(-5vh * var(--overlay-direction,1)))}.transition-overlay{z-index:999;pointer-events:none;background-color:var(--color-background);opacity:0;transform:translate3d(0, calc(-100% * var(--overlay-direction,1)), 0);position:fixed;inset:0}html.is-changing .transition-overlay{opacity:1;transition:transform var(--motion-slow) var(--ease-standard)}html.is-animating .transition-overlay{transform:translate(0,0)}html.is-rendering .transition-overlay{transform:translate3d(0, calc(100% * var(--overlay-direction,1)), 0)}html.to-back{--overlay-direction:-1}
