.link-arrow{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:.875rem;font-weight:500;color:var(--soft);transition:color var(--dur-base) var(--ease-standard)}.link-arrow:hover,.link-arrow:focus-visible{color:var(--ink)}a:hover .arrow-left,a:focus-visible .arrow-left{transform:translate(-4px)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.875rem;color:var(--soft)}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.post-tags li{padding:2px 8px;border:1px solid var(--line);border-radius:6px;font-size:.8125rem;line-height:1.5;color:var(--muted)}.blog-head{padding:48px 0 40px;border-bottom:1px solid var(--line)}.blog-head .container{max-width:calc(1344px + 2 * var(--gutter))}.blog-head-inner{display:grid;gap:20px;align-items:end}.blog-head .page-sub{margin-top:0;max-width:34rem;font-size:1.0625rem;text-wrap:pretty}.blog-feed{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:.875rem;color:var(--soft)}.blog-feed .u-link{min-height:36px}.blog-feed .u-link:after{bottom:6px}.blog-wrap{padding-bottom:64px}.post-item{border-bottom:1px solid var(--line)}.post-card{position:relative;display:grid;gap:24px;padding:32px 0}.post-card-text{display:grid;gap:14px;align-content:start}.post-card-title{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;font-weight:600;text-wrap:balance}.post-card-link{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:6px;transition:text-decoration-color var(--dur-base) var(--ease-standard)}.post-card-link:after{content:"";position:absolute;inset:0;z-index:2}.post-card-link:focus-visible{outline:none}.post-card:has(.post-card-link:focus-visible){outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--radius-card)}.post-card:hover .post-card-link,.post-card-link:focus-visible{text-decoration-color:var(--accent)}.post-card-desc{max-width:38rem;color:var(--muted)}.post-card-more{margin-top:4px;color:var(--ink)}.post-card:hover .arrow-right{transform:translate(4px)}.post-card-motif{position:relative;height:120px;border-radius:var(--radius-card);background:var(--surface-muted);overflow:hidden}.is-lead .post-card{padding-top:40px}.is-lead .post-card-motif{order:-1;height:180px}.is-lead .post-card-title{font-size:var(--text-statement);line-height:1.12;letter-spacing:-.03em}.is-lead .post-card-desc{font-size:1.0625rem}@media(min-width:640px){.blog-head{padding:64px 0 48px}.post-card{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--gap)}.is-lead .post-card{grid-template-columns:minmax(0,1fr)}.is-lead .post-card-motif{height:240px}}@media(min-width:1024px){.blog-head-inner{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}.blog-head .page-title{grid-column:1 / 8}.blog-head-side{grid-column:9 / 13;padding-bottom:6px}.post-card,.is-lead .post-card{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:48px 0}.post-card-text{grid-column:1 / 8}.post-card-motif{grid-column:9 / 13;height:100%;min-height:160px}.is-lead .post-card-motif{order:0;grid-column:8 / 13;height:auto;min-height:340px}.is-lead .post-card-text{grid-column:1 / 7;align-content:end;padding-bottom:8px}}.post-head{padding-top:32px}.post-back{margin-bottom:24px}.post-title{font-size:clamp(2.125rem,1.4rem + 2.6vw,3.5rem);line-height:1.06;text-wrap:balance}.post-head .page-sub{font-size:1.125rem;line-height:1.6}.post-head-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.post-body{padding-bottom:0}.post-body p,.post-body li{font-size:1.0625rem;line-height:1.75}.post-body>p{margin-top:20px}.post-body>p:first-child{margin-top:8px}.post-body strong{color:var(--ink);font-weight:600}.post-body ol{margin-top:12px;padding-left:1.4em;list-style:decimal;color:var(--muted)}.post-body h2{margin-top:72px;padding-top:24px;border-top:1px solid var(--line);font-size:1.75rem}.post-body h3{margin-top:48px;font-size:1.25rem;line-height:1.35;letter-spacing:-.015em;font-weight:600}.post-body h2+h3{margin-top:32px}.num-head .num{color:var(--accent);font-variant-numeric:tabular-nums}@media(min-width:900px){.num-head{position:relative}.num-head .num{position:absolute;right:calc(100% + 16px);white-space:nowrap}}.callout{display:flex;gap:12px;margin-top:16px;padding:14px 18px;border-radius:var(--radius-control);background:var(--surface-muted)}.callout .sq-dot{margin-top:.75em}.callout p{margin:0;color:var(--ink)}.post-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.post-body :not(pre)>code{padding:.1em .35em;border-radius:4px;background:var(--surface-muted);color:var(--ink);overflow-wrap:anywhere}.callout :not(pre)>code{background:var(--bg)}.code-block{margin-top:24px;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 10px 8px 20px;border-bottom:1px solid var(--line);background:var(--surface-muted);font-size:.875rem;font-weight:500}.code-copy{height:40px;padding:0 16px;font-size:.875rem;background:var(--bg)}.code-block pre{margin:0;max-height:36rem;padding:20px;overflow:auto;font-size:.875rem;line-height:1.65;color:var(--ink);tab-size:2}.code-text pre{font-family:var(--font-sans);font-size:.9375rem;white-space:pre-wrap;overflow-wrap:anywhere}.post-body .code-text code{font-family:inherit;font-size:inherit}.post-fig{margin:32px 0 8px}.fig-body,.fig-panels{display:grid;gap:16px}.fig-svg{display:block;width:100%;height:auto;font-family:var(--font-sans)}.post-fig figcaption{margin-top:12px;font-size:.875rem;line-height:1.5;color:var(--soft)}.fig-num{font-weight:600;color:var(--ink)}.fig-notes{counter-reset:note;display:grid;align-content:start;gap:14px}.post-body .fig-notes{margin:0;padding:0;list-style:none}.post-body .fig-notes li{counter-increment:note;position:relative;padding-left:32px;font-size:.9375rem;line-height:1.6}.fig-notes li:before{content:counter(note);position:absolute;left:0;top:2px;width:20px;height:20px;background:var(--accent);color:var(--btn-fg);font-size:.75rem;font-weight:600;line-height:20px;text-align:center}@media(min-width:640px){.panels-2 .fig-panels{grid-template-columns:1fr 1fr}.has-notes .fig-body{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:center}}.fg-hair{fill:none;stroke:var(--line)}.fg-hair-strong{fill:none;stroke:var(--ink-dim)}.fg-box{fill:var(--bg);stroke:var(--line)}.fg-box-strong{fill:var(--bg);stroke:var(--ink-dim)}.fg-dashbox{fill:none;stroke:var(--ink-dim);stroke-dasharray:4 4}.fg-line{fill:none;stroke:var(--ink);stroke-width:1.25}.fg-acc-line{fill:none;stroke:var(--accent);stroke-width:1.5}.fg-gate{fill:none;stroke:var(--accent);stroke-width:2}.fg-dash{fill:none;stroke:var(--ink-dim);stroke-dasharray:4 5}.fg-tick{fill:none;stroke:var(--btn-fg);stroke-width:2}.fg-acc{fill:var(--accent)}.fg-ink{fill:var(--ink)}.fg-dimfill{fill:var(--ink-dim)}.fg-hl{fill:var(--accent-soft);opacity:.55}.fg-hl-strong{fill:var(--accent-soft)}.fg-bar{fill:var(--ink);opacity:.7}.fg-barlight{fill:var(--line)}.fg-surf{fill:var(--surface-muted)}.fg-chip{fill:var(--bg);stroke:var(--ink)}.fg-chip-acc{fill:var(--bg);stroke:var(--accent)}.fg-chip-dash{fill:none;stroke:var(--ink-dim);stroke-dasharray:4 4}.fg-t{fill:var(--ink);font-size:13px;font-weight:500}.fg-th{fill:var(--ink);font-size:15px;font-weight:600}.fg-ts{fill:var(--soft);font-size:12.5px}.fg-num{fill:var(--btn-fg);font-size:12px;font-weight:600}.fg-code{fill:var(--ink);font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.fg-soft{fill:var(--soft)}.fg-acc-t{fill:var(--accent)}.post-layout{display:grid;max-width:calc(720px + 2 * var(--gutter))}.post-rail{margin-top:56px}.rail-top{display:none}.rail-label{display:flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:600;line-height:1.5}.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px}.post-share ul{display:flex;flex-wrap:wrap;gap:0 20px}.post-share .u-link,.post-share .text-btn{min-height:40px;font-size:.875rem;color:var(--muted)}.post-share .u-link:after{bottom:8px}.post-share .text-btn:hover,.post-share .text-btn:focus-visible{color:var(--ink)}@media(min-width:1200px){.post-head .post-grid,.post-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,720px) minmax(0,1fr);column-gap:var(--gap);max-width:calc(1344px + 2 * var(--gutter))}.post-grid>*{grid-column:2}.post-rail{grid-column:1;grid-row:1 / span 2;position:sticky;top:calc(var(--header-h) + 24px);align-self:start;display:flex;flex-direction:column;justify-content:space-between;gap:32px;max-width:320px;padding-right:32px;height:calc(100vh - var(--header-h) - 48px);margin-top:8px}.rail-top{display:flex;flex-direction:column;gap:20px;min-height:0}.rail-title{font-size:1.0625rem;line-height:1.35;letter-spacing:-.01em;font-weight:600;text-wrap:balance}.post-tree{min-height:0;overflow-y:auto;scrollbar-width:thin}.post-tree ol,.post-share ul{display:grid;grid-template-columns:minmax(0,1fr);margin-top:10px}.post-tree ol ol{margin-top:0}.post-tree li,.post-share li{position:relative;padding-left:18px}.post-tree li:before,.post-share li:before{content:"";position:absolute;left:3px;top:.45em;width:7px;height:.5em;border-left:1px solid var(--ink-dim);border-bottom:1px solid var(--ink-dim)}.post-tree a{display:block;padding:3px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;line-height:1.5;color:var(--soft);transition:color var(--dur-fast) var(--ease-standard)}.post-tree a:hover,.post-tree a:focus-visible,.post-tree li:has(a[aria-current])>a{color:var(--ink)}.post-tree a[aria-current]{font-weight:500}.post-tree li:has(>a[aria-current]):before{border-color:var(--accent)}.post-progress{display:flex;align-items:center;gap:12px}.post-progress[hidden]{display:none}.progress-track{position:relative;flex:1;max-width:200px;height:4px;background:var(--line);overflow:hidden}.progress-fill{position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--p, 0));transform-origin:left}.progress-num,.rail-meta{font-size:.8125rem;color:var(--soft);font-variant-numeric:tabular-nums}.rail-meta{margin-top:-8px}.post-share{display:block}.post-share .u-link,.post-share .text-btn{min-height:32px}.post-share .u-link:after{bottom:6px}}.post-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-top:72px;padding:16px 0 64px;border-top:1px solid var(--line);font-size:.9375rem;color:var(--soft)}@media(prefers-reduced-motion:reduce){.post-card-link,.link-arrow{transition:none}}@media(forced-colors:active){.post-card-motif{display:none}.fg-acc,.fg-ink,.fg-hl,.fg-hl-strong,.fg-bar,.fg-t,.fg-th,.fg-ts,.fg-code,.fg-acc-t{fill:CanvasText}.fg-num{fill:Canvas}}