.read-progress{display:none}@supports (animation-timeline: scroll()){.read-progress{display:block;position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none;background:var(--c);transform-origin:0 50%;animation:read-grow linear both;animation-timeline:scroll(root)}@keyframes read-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.c-hero{position:relative;overflow:hidden;padding-block:1.1rem clamp(2rem,4.5vw,3.2rem);background:var(--c-softer);border-bottom:1.5px solid var(--c-line)}.c-hero .container{position:relative}.c-hero .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:0;margin:0 0 1.4rem;font-size:.84rem;color:var(--ink-faint)}.c-hero .crumbs a{color:var(--ink-soft);font-weight:600;text-decoration:none}.c-hero .crumbs a:hover{color:var(--c-deep)}.c-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 3.5rem;align-items:center}.cat-badge{display:inline-flex;align-items:center;gap:.4rem;height:2rem;padding:0 .85rem 0 .5rem;border-radius:var(--radius-pill);background:var(--surface);color:var(--c-deep);font-size:.84rem;font-weight:800;text-decoration:none;border:1.5px solid var(--c-line)}.cat-badge:hover{color:var(--c-deep);border-color:var(--c)}.cat-badge-ic{width:1.3rem;height:1.3rem;display:inline-block;line-height:0}.cat-badge-ic svg{width:100%;height:100%}.c-head h1{margin:.9rem 0 0;font-size:clamp(2.2rem,5.8vw,3.5rem);font-weight:900;letter-spacing:-.04em;line-height:1.15}.c-analogy{margin:1rem 0 0;max-width:36rem;font-size:clamp(1.14rem,2.6vw,1.42rem);font-weight:700;line-height:1.65;letter-spacing:-.02em}.c-analogy .mark{box-shadow:inset 0 -.42em color-mix(in oklab,var(--c-base) 26%,var(--surface));box-decoration-break:clone;-webkit-box-decoration-break:clone}.c-art{position:relative;width:clamp(13rem,30vw,21rem)}.c-art:before{content:"";position:absolute;z-index:0;aspect-ratio:1;border-radius:50%;width:78%;right:-14%;top:-22%;background:var(--c-soft)}.c-art .art{position:relative;z-index:1;display:block;line-height:0;aspect-ratio:4 / 3;padding:clamp(.4rem,1.2vw,.9rem);border-radius:clamp(18px,2.6vw,26px);background:var(--surface);border:2px solid var(--outline);box-shadow:0 6px 0 var(--outline)}.c-art .art svg{width:100%;height:100%;display:block;overflow:visible}.c-art .art-fallback{display:grid;place-items:center;padding:22%}.glance{list-style:none;margin:1.3rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.glance li,.glance a{display:inline-flex;align-items:center;gap:.4rem;height:2rem;font-size:.82rem;font-weight:650;color:var(--ink-soft);text-decoration:none}.glance li{padding:0 .8rem;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line)}.glance a:hover{color:var(--c-deep)}.glance svg{width:1rem;height:1rem;color:var(--c);flex:none}@media(max-width:640px){.c-head{grid-template-columns:minmax(0,1fr);gap:1.4rem}.c-art{order:-1;width:min(82%,17rem);justify-self:center;margin-top:.4rem}}.secnav{position:sticky;top:var(--header-h);z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}.secnav ol{list-style:none;margin:0;padding:.5rem 0;display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none}.secnav ol::-webkit-scrollbar{display:none}.secnav li:last-child{padding-right:1rem}.secnav a{display:flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.3rem .8rem;border-radius:var(--radius-pill);font-size:.82rem;font-weight:650;color:var(--ink-soft);border:1px solid transparent;text-decoration:none;max-width:16rem;overflow:hidden;text-overflow:ellipsis}.secnav a b{font-size:.72rem;color:var(--c)}.secnav a[aria-current=true]{background:var(--c-soft);color:var(--c-deep);border-color:var(--c-line)}@media(min-width:1100px){.secnav{display:none}}.c-layout{display:grid;gap:2rem;padding-block:2.4rem 1rem}@media(min-width:1100px){.c-layout{grid-template-columns:minmax(0,1fr) 15.5rem;gap:4rem}}.c-article{max-width:var(--w-prose);min-width:0}.c-article section{scroll-margin-top:calc(var(--header-h) + 3.8rem)}@media(min-width:1100px){.c-article section{scroll-margin-top:calc(var(--header-h) + 1.2rem)}}.c-def-ic,.c-h-ic{flex:none;display:grid;place-items:center;border-radius:12px;background:var(--c-soft);color:var(--c-deep)}.c-def{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem 1.4rem;margin-bottom:3rem;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);border-left:6px solid var(--c);box-shadow:var(--shadow-card)}.c-def-ic{width:2.7rem;height:2.7rem}.c-def-ic svg{width:1.4rem;height:1.4rem}.c-def .lbl,.c-sum .lbl{margin:0 0 .3rem;font-size:.78rem;font-weight:800;letter-spacing:.1em;color:var(--c-deep);line-height:1.4}.c-def p{margin:0;font-size:1.08rem;line-height:1.8;font-weight:500}.c-step{position:relative;padding-left:3.6rem;padding-bottom:3rem}.c-step:before{content:"";position:absolute;left:calc(1.2rem - 1px);top:2.9rem;bottom:.4rem;border-left:2.5px dashed var(--c-line)}.c-step:last-child:before{display:none}.c-step h2{display:flex;align-items:center;gap:.9rem;margin:0 0 1.1rem;font-size:clamp(1.3rem,3vw,1.55rem);line-height:1.4;letter-spacing:-.03em}.c-step .sn{position:absolute;left:0;top:0;width:2.45rem;height:2.45rem;border-radius:50%;display:grid;place-items:center;font-size:1.05rem;font-weight:900;color:#fff;background:var(--c-base);border:2px solid var(--outline);box-shadow:0 3px 0 var(--outline)}.c-step h2>span:last-child{padding-top:.2rem}.c-step .diagram{margin:0 0 1.4rem}.c-prose p{margin:0 0 1.05rem;font-size:1.06rem;line-height:1.9}.c-prose p:last-child{margin-bottom:0}@media(max-width:640px){.c-step{padding-left:0}.c-step:before{display:none}.c-step .sn{position:static;flex:none;width:2.15rem;height:2.15rem;font-size:.95rem}.c-step h2>span:last-child{padding-top:0}}.c-article .diagram{padding:clamp(.7rem,2vw,1.2rem);border-radius:18px;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-card)}@media(max-width:640px){.c-article .diagram{margin-inline:calc(var(--gutter) * -1);border-radius:0;border-inline:0}}.c-block{margin-bottom:3.2rem}.c-h{display:flex;align-items:center;gap:.75rem;margin:0 0 1.2rem;font-size:1.35rem;letter-spacing:-.03em}.c-h-ic{width:2.35rem;height:2.35rem}.c-h-ic svg{width:1.2rem;height:1.2rem}.c-h-ic.warn{background:color-mix(in oklab,var(--bad) 15%,var(--surface));color:var(--bad)}.mf-list{display:grid;gap:1rem}.mf{border-radius:16px;overflow:hidden;border:1.5px solid var(--line);box-shadow:var(--shadow-card);background:var(--surface)}.mf-row{display:flex;gap:.9rem;align-items:flex-start;padding:1.05rem 1.25rem}.mf-row p{margin:.15rem 0 0;font-size:1rem;line-height:1.75}.mf-row .tag{font-size:.74rem;font-weight:800;letter-spacing:.08em}.mf .mk{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;color:#fff;margin-top:.1rem}.mf .mk svg{width:1.05rem;height:1.05rem;stroke-width:3}.mf-myth{background:color-mix(in oklab,var(--bad) 7%,var(--surface));border-bottom:1.5px dashed color-mix(in oklab,var(--bad) 30%,transparent)}.mf-myth .mk{background:var(--bad)}.mf-myth .tag{color:var(--bad)}.mf-myth p{color:var(--ink-soft)}.mf-fact .mk{background:var(--good)}.mf-fact .tag{color:var(--good)}.mf-fact p{font-weight:600}.ex-grid{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}@media(min-width:640px){.ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ex-grid li{position:relative;overflow:hidden;padding:1.05rem 1.2rem 1.15rem;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease,border-color .15s}.ex-grid li:hover{transform:translateY(-3px);box-shadow:0 5px 0 var(--c-line);border-color:var(--c-line)}.ex-grid li:before{content:"";position:absolute;left:0;top:0;width:4.5rem;height:4rem;border-radius:0 0 100%;background:var(--c-soft)}.ex-grid .n{position:relative;display:block;width:2.6rem;font-size:1.3rem;font-weight:900;line-height:1;color:var(--c-deep);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:-.15rem 0 1.25rem -.25rem}.ex-grid p{position:relative;margin:0;font-size:.98rem;line-height:1.75}@media(min-width:640px){.ex-grid li:last-child:nth-child(odd){grid-column:1 / -1}}.c-sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1.1rem;align-items:start;margin-bottom:1rem;padding:1.4rem 1.5rem 1.5rem;border-radius:18px;background:var(--c-soft);border:1.5px solid var(--c-line)}.c-sum .bang{grid-row:1 / span 2;width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;background:var(--c-base);color:#fff;font-size:1.45rem;font-weight:900;line-height:1;border:2px solid var(--outline);box-shadow:0 3px 0 var(--outline)}.c-sum .lbl{align-self:end;margin:0}.c-sum p{margin:0;font-size:clamp(1.1rem,2.4vw,1.22rem);font-weight:750;line-height:1.75;letter-spacing:-.02em}@media(max-width:480px){.c-sum{grid-template-columns:minmax(0,1fr)}.c-sum .bang{grid-row:auto;width:2.3rem;height:2.3rem;font-size:1.2rem}}.st-card,.rel-card{text-decoration:none;color:inherit;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease,border-color .15s}.st-card:hover,.rel-card:hover{transform:translateY(-3px);box-shadow:0 5px 0 var(--c-line);border-color:var(--c-line);color:inherit}.st-grid{display:grid;gap:.85rem}.st-card{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1.1rem;align-items:center;padding:.8rem;border-radius:16px}.st-art{display:grid;place-items:center;aspect-ratio:4 / 3;border-radius:10px;background:var(--c-softer);line-height:0;overflow:hidden}.st-art>*{width:88%;line-height:0;display:block}.st-art svg{width:100%;height:auto;display:block}.st-body{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding-right:.4rem}.st-body b{font-size:1.02rem;font-weight:800;line-height:1.45}.st-sub{font-size:.86rem;color:var(--ink-soft);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.st-time{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--ink-faint);font-weight:600}.st-time svg{width:.9rem;height:.9rem}@media(max-width:480px){.st-card{grid-template-columns:6.5rem minmax(0,1fr);gap:.8rem}}.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:.85rem}@media(max-width:480px){.rel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}}.rel-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden}.rel-art{display:block;aspect-ratio:4 / 3;background:var(--c-softer);line-height:0;border-bottom:1.5px solid var(--line-soft);transition:background .15s}.rel-card:hover .rel-art{background:var(--c-soft)}.rel-art>*{display:block;width:100%;height:100%}.rel-art svg{width:100%;height:100%;display:block}.rel-art .cat-icon{padding:24%}.rel-body{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .9rem .9rem}.rel-body b{font-size:.98rem;font-weight:800;line-height:1.4;color:var(--c-deep)}.rel-an{font-size:.82rem;color:var(--ink-soft);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c-aside{display:none}@media(min-width:1100px){.c-aside{display:block}.c-aside .sticky{position:sticky;top:calc(var(--header-h) + 1.5rem)}}.toc-lbl{display:flex;align-items:center;gap:.45rem;margin:0 0 .8rem;font-size:.76rem;font-weight:800;letter-spacing:.1em;color:var(--ink-faint)}.toc-lbl svg{width:.95rem;height:.95rem}.toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}.toc a{display:flex;align-items:flex-start;gap:.55rem;margin-left:-2px;padding:.38rem .6rem .38rem .85rem;border-left:2px solid transparent;font-size:.86rem;line-height:1.5;color:var(--ink-soft);text-decoration:none;transition:color .15s,border-color .15s,background .15s}.toc a:hover{color:var(--ink)}.toc a b,.toc a i{flex:none;display:grid;place-items:center;width:1.25rem;height:1.25rem;margin-top:.05rem;border-radius:50%;font-size:.68rem;font-weight:800;font-style:normal;background:var(--c-soft);color:var(--c-deep)}.toc a i{background:none}.toc a i:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink-faint)}.toc a[aria-current=true]{color:var(--c-deep);border-left-color:var(--c);background:var(--c-softer);border-radius:0 10px 10px 0;font-weight:700}.toc a[aria-current=true] b{background:var(--c-base);color:#fff}.toc a[aria-current=true] i:before{background:var(--c)}.c-article .feedback{margin:2rem 0 3.2rem}
