*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.prose img,canvas,img,picture,svg,video{max-width:100%;height:auto}.prose img{border-radius:12px}.bg-page{background-image:linear-gradient(180deg,#fff 0,#f8fafc)}a:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.container{max-width:920px;margin-inline:auto;padding:24px}.hero{font-size:40px;font-weight:900;letter-spacing:.01em;margin:8px 0 4px}.sub{color:var(--muted);margin:0 0 24px}.meta{font-size:12px;margin-top:4px}.post h2{margin-top:28px;border-left:4px solid var(--brand);padding-left:10px}.post img{max-width:100%;height:auto;border-radius:12px}hr{border:none;border-top:1px solid #eee;margin:28px 0}kbd{background:#f6f6f6;border:solid #e4e4e7;border-width:1px 1px 2px;border-radius:6px;padding:0 6px;font-family:ui-monospace,Menlo,Consolas,monospace}.prose h1 a,.prose h2 a,.prose h3 a,.prose h4 a{color:inherit;text-decoration:none;pointer-events:auto}.prose pre{overflow:auto;padding:1rem;border-radius:.5rem;background:#0b0b0c;color:#f5f5f5}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.95em}.prose table{border-collapse:collapse;margin:1rem 0}.prose td,.prose th{border:1px solid rgba(0,0,0,.08);padding:.5rem .75rem}.toc,.toc-wrap{font-size:.95rem;line-height:1.6}.toc a,.toc-link{text-decoration:none}.toc a:hover,.toc-link:hover{text-decoration:underline}.toc-mobile{display:block;margin:0 0 1rem}.toc-mobile>summary{cursor:pointer;font-weight:700}.toc-details{border:1px solid rgba(0,0,0,.08);border-radius:.5rem;padding:.5rem .75rem;background:#fff}.toc-summary{cursor:pointer;font-weight:600}.post-body-with-toc{grid-template-columns:260px 1fr;grid-gap:2rem;gap:2rem}.toc-aside{top:88px;height:max-content;align-self:start;border-left:2px solid rgba(0,0,0,.06);padding-left:1rem}@media (max-width:1024px){.post-body-with-toc{display:block}.toc-aside{display:none}}.prose h1,.prose h2,.prose h3,.prose h4{scroll-margin-top:96px}.toc{line-height:1.6}.wrap{max-width:960px;padding:56px 20px 80px;color:var(--ink)}.page-title{font-size:clamp(28px,2.8vw + 10px,44px);line-height:1.2;letter-spacing:.01em}.lede{color:#61656d;margin-bottom:22px}main{padding-top:24px}.search{gap:8px}.search input[type=search]{flex:1 1;height:44px;font-size:16px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.btn-search{height:44px;padding:0 16px;border-radius:12px;background:var(--brand);color:#fff;font-weight:600;letter-spacing:.02em}.btn-search:hover{opacity:.95;transform:translateY(-1px)}.cards{grid-gap:20px;gap:20px;margin:20px 0 36px}.cards__item{list-style:none}.card{transition:.2s ease;padding:18px 18px 20px}.card:hover{box-shadow:var(--shadow-lg)}.card_title{font-size:18px;line-height:1.5;margin:0 0 6px}.card__date{display:block;color:var(--muted);margin-bottom:10px}.card_desc{color:#343a40;opacity:.85}.muted{margin-top:12px}.foot,.muted{color:var(--muted)}.foot{margin-top:40px;font-size:12px}.visually-hidden{margin:-1px;clip:rect(0,0,0,0)}.toc-aside{position:-webkit-sticky;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}.toc-aside nav.toc{font-size:14px}.toc-aside a{color:var(--brand)}.toc-box{position:-webkit-sticky;position:sticky;top:96px;z-index:10;background:var(--bg,#fff);border:1px solid #e5e7eb;border-radius:12px;max-height:calc(100vh - 120px);overflow:auto;padding:12px}:root{--brand-600:color-mix(in oklab,var(--brand),#000 16%);--brand-100:color-mix(in oklab,var(--brand),#fff 82%);--brand-ink:#fff;--ink:#0f1222;--ink-weak:#4a4d6a;--muted:#666;--bg:#fff;--border:rgba(0,0,0,.08);--ring:0 0 0 4px var(--brand-600);--shadow:0 8px 24px rgba(15,23,42,.08);--shadow-sm:0 2px 4px rgba(15,23,42,.06);--shadow-lg:0 12px 28px rgba(15,23,42,.1)}.wrap{max-width:1000px;margin:56px auto;padding:0 20px}.page-title{font-size:clamp(28px,3.6vw,44px);line-height:1.15;letter-spacing:.02em;font-weight:800;margin:8px 0 10px}.lede{color:var(--ink-weak);margin:0 0 28px}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.search{display:flex;gap:12px;align-items:center;margin:18px 0 28px}.search__input{flex:1 1 auto;height:48px;font-size:16px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);outline:none}.search__input:focus{box-shadow:var(--ring);border-color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 18px;border-radius:12px;font-weight:700;border:0;cursor:pointer;background:var(--brand);color:var(--brand-ink)}.btn:hover{filter:brightness(1.02);box-shadow:0 8px 20px color-mix(in oklab,var(--brand),#000 82%/18%)}.btn:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:18px;gap:18px;margin:18px 0 52px}.card{list-style:none}.card__link{display:block;background:var(--surface);padding:18px 18px 16px;border:1px solid var(--border);border-radius:16px;text-decoration:none;color:inherit;box-shadow:0 4px 16px rgba(15,18,34,.05);transition:transform .15s ease,box-shadow .15s ease}.card__link:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(15,18,34,.08)}.card__title{color:var(--brand);font-weight:800;line-height:1.35;margin:2px 0 8px}.card__date{color:var(--ink-weak);font-size:12px;margin-bottom:6px}.card__desc{color:var(--ink-weak);margin:0}.backline{margin:6px 0}.backlink{color:var(--ink-weak);text-decoration:none}.backlink:hover{text-decoration:underline}.post__title{font-size:clamp(22px,3vw,36px);font-weight:800;margin:6px 0 8px}.post__meta{color:var(--ink-weak);margin-bottom:18px}.post-body-with-toc{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px}@media (min-width:1000px){.post-body-with-toc{grid-template-columns:1fr 280px}.toc-aside{order:2;position:-webkit-sticky;position:sticky;top:20px;align-self:start}}.toc-aside nav,.toc-aside ul{margin:0;padding:0;list-style:none}.toc-aside a{color:var(--ink-weak);text-decoration:none}.toc-aside a:hover{text-decoration:underline}.prose{max-width:70ch}.prose h2{margin:28px 0 12px;font-size:22px}.prose h3{margin:22px 0 8px;font-size:18px}.prose p{line-height:1.9;margin:12px 0}.prose ol,.prose ul{margin:12px 0 12px 1.25em}.prose a{color:inherit;text-decoration:none}.prose a:hover{text-decoration:underline;text-underline-offset:3px}.pn{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.pn__link{display:block;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.06);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.pn__kicker{display:block;font-size:12px;letter-spacing:.02em;color:var(--brand)}.pn__title{display:block;margin-top:6px;font-weight:600;line-height:1.4}.pn__link:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.1)}.site-footer{margin:64px auto 40px;max-width:1100px;color:#888;font-size:14px}.copyright{color:var(--ink-weak);font-size:12px;margin:48px 0 12px}.cards{margin-top:8px}:root{--bg:#fafafa;--radius:14px;--shadow:0 10px 25px rgba(17,24,39,.08)}body,html{background:var(--bg);color:var(--ink)}a{color:var(--brand)}.container{max-width:1040px;margin:0 auto;padding:24px 20px 80px}.site-header{position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #eee;z-index:50}.site-header .container{display:flex;gap:20px;align-items:center;padding-block:16px}.site-header .brand{font-weight:700;letter-spacing:.02em}.site-header nav{margin-left:auto;display:flex;gap:18px}footer.foot{border-top:1px solid #eee;color:var(--muted)}h1.page-title{font-size:clamp(28px,5vw,40px);line-height:1.2;margin:24px 0 8px}.lede{margin-bottom:24px}.card{display:block;border-radius:var(--radius);padding:22px;transition:transform .14s ease,box-shadow .14s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(17,24,39,.12)}.card .card_title{font-weight:700;margin:0 0 6px}.card .card_meta{color:var(--muted);font-size:14px;margin-bottom:6px}.card .card_desc{color:var(--muted);margin:0}.post{max-width:760px;margin:0 auto}.post h1{font-size:clamp(25px,4.5vw,36px);line-height:1.3;margin:12px 0 8px}.post .meta{color:var(--muted);margin-bottom:20px}.post-body{font-size:17px;line-height:1.9}.post-body p{margin:1rem 0}.post-body h2{margin-top:36px;font-size:clamp(20px,3.5vw,24px)}.post-body ul{padding-left:1.2rem}.post-body li{margin:.35rem 0}.pn{display:flex;gap:12px;margin-top:48px}.pn a{flex:1 1;display:block;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}:root{--ink:#111;--border:rgba(0,0,0,.06);--shadow:0 10px 30px rgba(0,0,0,.06)}.hero{grid-template-columns:1fr 160px;align-items:center;margin:48px auto 12px;max-width:1100px;padding:0 20px}.hero h1{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:.02em;margin:0 0 8px}.hero p{color:var(--muted);margin:0}.hero__mascot{width:140px;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.08));-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero__mascot{display:none}}.cards{margin:28px auto 80px;max-width:1100px;padding:0 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{box-shadow:0 14px 34px rgba(0,0,0,.08)}.card_title{color:var(--brand);font-weight:700;margin:0 0 10px;line-height:1.35}.card_meta{color:var(--muted);font-size:13px;margin:0 0 8px}.card_desc{color:#374151;margin:0}.prose{max-width:72ch;line-height:1.9;font-size:17px}.wrap{max-width:1080px;margin:0 auto;padding:48px 20px 80px}.hero{display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:24px;gap:24px;margin-bottom:24px}.pageTitle{font-size:clamp(28px,5vw,44px);line-height:1.2;letter-spacing:.02em;margin:0}.lede{color:var(--muted);margin:8px 0 0}.mascot{position:relative;width:110px;aspect-ratio:1/1}.mascotImg{object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.12))}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:28px;gap:28px;margin-top:22px}.card{box-shadow:0 12px 28px rgba(0,0,0,.06);text-decoration:none;color:inherit;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.1)}.thumb{position:relative;width:100%;height:100%;background:#f6f7fb}.thumbImg{object-fit:cover}.cardBody{padding:18px 18px 20px}.cardTitle{font-size:18px;line-height:1.45;margin:0 0 6px;color:var(--ink)}.cardMeta{font-size:12px;color:var(--muted);margin-bottom:6px}.cardDesc{font-size:14px;color:var(--ink-soft);margin:0}.postHeader{margin-bottom:18px}.postTitle{margin:14px 0 6px;font-size:clamp(22px,4vw,34px);line-height:1.25}.meta{color:var(--muted);font-size:14px}@media (max-width:720px){.hero{grid-template-columns:1fr;align-items:start}.mascot{width:84px;aspect-ratio:1/1;margin-left:auto}.cards{gap:20px}}.io-fade{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;will-change:opacity,transform}.io-fade.is-inview{opacity:1;transform:translateY(0)}@supports (selector(:has(*))){.toc-aside:not(:has(.toc)){display:none}}.toc{width:100%;font-size:.95rem;line-height:1.75;color:#334155}.toc ol{list-style:none;padding-left:0;margin:0}.toc-li{margin:.2rem 0}.toc-li--lvl3{padding-left:1rem}.toc-link{display:inline-block;text-decoration:none;color:inherit;border-left:3px solid transparent;padding-left:.5rem}.toc-link:hover{text-decoration:underline}.toc-link.is-active{border-left-color:#60a5fa;color:#1f2937;font-weight:600}.toc-mobile-summary{cursor:pointer;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff}article h2,article h3{scroll-margin-top:96px}.link-plain{color:inherit;text-decoration:none}.link-plain:hover{text-decoration:underline;text-underline-offset:3px}.site-header a{color:inherit;text-decoration:none}.site-header a:hover{text-decoration:underline;text-underline-offset:3px}.tag-chip{background-color:#f3f4f6}.tag-chip:hover{background-color:#e5e7eb}.tag-chip span{margin-left:.25rem;color:#9ca3af}.reveal{opacity:0;transform:translateY(6px);will-change:opacity,transform}.reveal-in{animation:fadeUp .5s ease-out forwards}@keyframes fadeUp{to{opacity:1;transform:none}}.img-reset[data-nimg=fill]{position:static!important;inset:auto!important;width:100%!important;height:auto!important;color:transparent}.prose :is(h1,h2,h3,h4).anchor-target{scroll-margin-top:96px}.toc ul{list-style:none;padding-left:0;margin:0}.toc li{margin:4px 0}.toc li.lvl-2{margin-left:12px}.toc li.lvl-3{margin-left:24px}.toc a{color:inherit;text-decoration:none}.toc a:hover{color:var(--brand,#2563eb);text-decoration:underline}.brand{color:var(--brand)}.post-list h2 a{color:inherit;text-decoration:none}.post-list h2 a:hover{text-decoration:underline}:root{--brand:#2563eb;--ink:#111827;--muted:#6b7280;--surface:#fff;--surface-weak:#f8fafc}.card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.card:hover{box-shadow:0 6px 12px rgba(15,23,42,.06);transform:translateY(-1px);transition:box-shadow .2s ease,transform .2s ease}.heading-underline{border-bottom:3px solid var(--brand,#2563eb);display:inline-block;padding-bottom:.25rem}.tag-chip{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .5rem;font-size:.875rem;color:#374151;background:#f3f4f6;text-decoration:none}.tag-chip:hover{text-decoration:underline;background:#e5e7eb}.prose table{display:block;width:100%;overflow-x:auto}.prose tbody,.prose thead,.prose tr{width:max-content}.posts-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;grid-gap:1.25rem!important;gap:1.25rem!important}@media (min-width:1280px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}}.post-card-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#f0f7fb}.post-card-thumb [data-nimg=fill]{object-fit:cover}.card{display:block!important}.post-page{max-width:760px;margin-inline:auto;padding-inline:16px}@media (min-width:1024px){.post-page{max-width:860px}}.posts-grid--related{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}a{color:inherit;text-decoration:none}a:hover{color:var(--brand,#2563eb);text-decoration:underline;text-underline-offset:3px}