:root{color-scheme:light;--paper:#f7f2e9;--paper-deep:#ece1d3;--card:#fffcf6ad;--ink:#28241e;--muted:#6d665c;--accent:#9c4f3d;--accent-soft:#ead2c7;--line:#d8cabb;--shadow:0 18px 50px #40302212;--serif:"Noto Serif TC", "Source Han Serif TC", "Songti TC", Georgia, serif;--sans:Inter, "Noto Sans TC", system-ui, sans-serif;font-family:var(--serif);background:var(--paper);color:var(--ink)}:root[data-theme=dark]{color-scheme:dark;--paper:#1f1c18;--paper-deep:#2b2620;--card:#2f2922b8;--ink:#f1e8dc;--muted:#b7aa9a;--accent:#dc8d75;--accent-soft:#55352e;--line:#4b4238;--shadow:0 18px 50px #0000003d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 0%, var(--paper-deep) 0, transparent 31rem), var(--paper);min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;margin:0;line-height:1.7}a{color:inherit;text-underline-offset:.2em}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--ink);color:var(--paper);padding:.6rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{z-index:5;border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:2rem;max-width:1160px;margin:auto;padding:1.35rem 2rem;display:grid;position:relative}.brand{letter-spacing:.04em;white-space:nowrap;font-weight:800;text-decoration:none}.brand span{color:var(--muted);font-weight:500}nav{gap:1.35rem;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--accent)}.theme-control select{width:2.5rem;min-height:2.5rem;color:var(--ink);border:1px solid var(--line);background:var(--card);text-indent:3rem;cursor:pointer;background-image:radial-gradient(circle, var(--accent) 0 4px, transparent 5px), radial-gradient(circle, transparent 0 7px, var(--accent) 8px 9px, transparent 10px);background-position:50%;background-repeat:no-repeat;border-radius:999px}.section-shell{width:min(1080px,100% - 4rem);margin-inline:auto}.home{flex-direction:column;justify-content:center;max-width:1120px;min-height:71vh;margin:auto;padding:clamp(5rem,11vw,8.5rem) 2rem 5rem;display:flex}.eyebrow{color:var(--accent);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}h1,h2,h3{line-height:1.22}.home h1{letter-spacing:-.05em;max-width:800px;margin:1rem 0 1.5rem;font-size:clamp(3rem,7vw,6rem);line-height:1.06}.intro{max-width:650px;color:var(--muted);margin:0;font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.9}.entry-link{border:1px solid var(--accent);color:var(--accent);border-radius:999px;align-self:flex-start;margin-top:2rem;padding:.8rem 1.15rem;text-decoration:none;transition:all .2s;display:inline-flex}.entry-link:hover{background:var(--accent);color:var(--paper);transform:translateY(-2px)}.latest-section{border-top:1px solid var(--line);padding:5rem 0}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading h2,.explore-section h2{margin:.5rem 0 0;font-size:clamp(2rem,4vw,3.1rem)}.section-heading>a{color:var(--accent);font-family:var(--sans);font-size:.9rem}.post-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.post-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:3px;padding:1.55rem}.post-card h2{margin:.55rem 0 .75rem;font-size:1.45rem}.post-card h2 a{text-decoration:none}.post-card h2 a:hover{color:var(--accent)}.post-card>p:not(.post-meta){color:var(--muted)}.post-meta,.article-meta{color:var(--muted);font:.82rem/1.5 var(--sans);flex-wrap:wrap;gap:.45rem;display:flex}.post-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.2rem;display:flex}.category-pill{background:var(--accent-soft);width:fit-content;color:var(--accent);font:700 .78rem/1.5 var(--sans);border-radius:999px;padding:.22rem .6rem;text-decoration:none;display:inline-flex}.tag-row{flex-wrap:wrap;gap:.65rem;display:flex}.tag-row a{color:var(--muted);font:.78rem/1.5 var(--sans);text-decoration:none}.tag-row a:hover{color:var(--accent)}.explore-section{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(3rem,8vw,7rem);padding:5rem 0 6rem;display:grid}.explore-section>div>p:last-child{color:var(--muted)}.category-list{border-top:1px solid var(--line)}.category-list a{border-bottom:1px solid var(--line);justify-content:space-between;padding:1rem .2rem;text-decoration:none;display:flex}.category-list a:hover span{color:var(--accent)}.category-list strong{color:var(--accent);font-family:var(--sans)}.page-heading{padding:5.5rem 0 3rem}.page-heading h1,.about-shell h1,.not-found h1{letter-spacing:-.04em;margin:.6rem 0 1rem;font-size:clamp(2.7rem,6vw,5rem)}.page-heading>p:last-child{max-width:620px;color:var(--muted);font-size:1.1rem}.back-link{color:var(--muted);font-family:var(--sans);margin-bottom:2rem;font-size:.85rem;display:inline-block}.post-list{gap:1rem;padding-bottom:6rem;display:grid}.post-list .post-card{grid-template-columns:minmax(0,1fr) auto;column-gap:2rem;display:grid}.post-list .post-card>*{grid-column:1}.post-list .post-card-footer{flex-direction:column;grid-area:1/2/span 3;align-self:center;align-items:flex-end}.taxonomy-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding-bottom:6rem;display:grid}.taxonomy-grid>a{border:1px solid var(--line);background:var(--card);flex-direction:column;min-height:200px;padding:2rem;text-decoration:none;display:flex}.taxonomy-grid h2{margin:0;font-size:1.8rem}.taxonomy-grid p{color:var(--muted)}.taxonomy-grid span{color:var(--accent);font-family:var(--sans);margin-top:auto;font-size:.85rem}.tag-cloud{flex-wrap:wrap;gap:.75rem;padding-bottom:7rem;display:flex}.tag-cloud a{border:1px solid var(--line);background:var(--card);border-radius:999px;gap:.65rem;padding:.55rem .85rem;text-decoration:none;display:inline-flex}.tag-cloud a:hover{border-color:var(--accent);color:var(--accent)}.tag-cloud small{color:var(--muted)}.article-shell{width:min(1100px,100% - 4rem);margin:auto;padding:5.5rem 0 7rem}.article-header{max-width:820px}.article-header h1{letter-spacing:-.045em;margin:1rem 0;font-size:clamp(2.6rem,6vw,5rem)}.article-deck{max-width:720px;color:var(--muted);font-size:1.2rem}.article-header .tag-row{margin-top:1.2rem}.article-layout{grid-template-columns:minmax(0,760px) 220px;align-items:start;gap:clamp(3rem,8vw,7rem);margin-top:4rem;display:grid}.prose{font-size:1.08rem;line-height:2}.prose h2{margin:3.2rem 0 .8rem;scroll-margin-top:2rem;font-size:1.85rem}.prose h3{margin-top:2.3rem;scroll-margin-top:2rem}.prose p,.prose ul,.prose ol{margin-block:1.2rem}.prose a{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);background:var(--card);margin:2rem 0;padding:.4rem 1.4rem}.prose pre{box-shadow:var(--shadow);border-radius:4px;margin:2rem 0;padding:1.25rem;font-size:.9rem;line-height:1.7;overflow-x:auto}.prose :not(pre)>code,.note code{background:var(--paper-deep);color:var(--accent);border-radius:3px;padding:.12em .35em;font-family:ui-monospace,monospace;font-size:.9em}.prose .article-figure{margin:2.5rem 0}.prose .article-figure img{object-fit:contain;border:1px solid var(--line);background:var(--card);width:100%;height:auto;max-height:72vh;box-shadow:var(--shadow);border-radius:8px;display:block}.prose .article-figure figcaption{max-width:90%;color:var(--muted);font:.86rem/1.7 var(--sans);text-align:center;margin:.8rem auto 0}.prose .katex-display{margin:2rem 0;padding:.75rem 0;overflow:auto hidden}.prose .katex{color:var(--ink);font-size:1.04em}.toc{border-left:1px solid var(--line);font-family:var(--sans);padding-left:1rem;font-size:.83rem;position:sticky;top:2rem}.toc strong{color:var(--ink)}.toc ol{margin:.8rem 0 0;padding:0;list-style:none}.toc li{margin:.5rem 0}.toc .depth-3{padding-left:.8rem}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent)}.post-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;margin-top:5rem;padding-top:2rem;display:grid}.post-nav a{flex-direction:column;text-decoration:none;display:flex}.post-nav .next{text-align:right}.post-nav small{color:var(--muted);font-family:var(--sans)}.post-nav span{color:var(--accent)}.search-shell{min-height:45vh;padding-bottom:6rem}.search-shell label{margin-bottom:.6rem;font-weight:700;display:block}.search-shell input{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font-family:var(--sans);border-radius:4px;padding:1rem 1.1rem;font-size:1.05rem}#search-status{color:var(--muted);font-family:var(--sans);font-size:.9rem}.search-results{gap:.8rem;display:grid}.search-results article{border-top:1px solid var(--line);padding:1.2rem 0}.search-results h2{margin:0 0 .4rem}.search-results h2 a{text-decoration:none}.search-results p{color:var(--muted);margin:0}.about-shell{width:min(760px,100% - 4rem);margin:auto;padding:6rem 0 8rem}.about-shell .lead{color:var(--muted);font-size:1.28rem;line-height:1.9}.about-shell h2{margin-top:3rem;font-size:1.8rem}.note{border:1px solid var(--line);background:var(--card);color:var(--muted);margin-top:3rem;padding:1.2rem}.not-found{width:min(900px,100% - 4rem);min-height:68vh;margin:auto;padding:7rem 0}.not-found>p:not(.eyebrow){color:var(--muted);font-size:1.15rem}.graph-heading{padding-bottom:1.5rem}.graph-page #main-content{color:#28303d;background:#f4eddf;min-height:calc(100svh - 84px);position:relative;overflow:hidden}:root[data-theme=dark] .graph-page #main-content{color:#eef4ff;background:#0d131d}.graph-page #main-content:after{content:"";z-index:20;pointer-events:none;background:var(--paper);animation:1.05s cubic-bezier(.22,.78,.24,1) both graph-curtain;position:absolute;inset:0}.graph-page .graph-heading{z-index:5;pointer-events:none;color:#28303d;width:min(680px,100% - 4rem);margin:0;padding:0;animation:1s cubic-bezier(.22,.78,.24,1) .28s both graph-intro;position:absolute;top:2.2rem;left:max(2rem,50% - 550px)}:root[data-theme=dark] .graph-page .graph-heading{color:#eef4ff}.graph-page .graph-heading h1{color:inherit;margin:.45rem 0 .65rem;font-size:clamp(2.8rem,5vw,4.6rem)}.graph-page .graph-heading>p:last-child{color:#657083;margin:0;font-size:1rem}:root[data-theme=dark] .graph-page .graph-heading>p:last-child{color:#a7b5c9}.graph-page .graph-heading .back-link{pointer-events:auto;color:inherit;opacity:.68;margin-bottom:.75rem}.graph-page .graph-shell{width:100%;margin:0;padding:0}.graph-page .graph-panel{box-shadow:none;border:0;border-radius:0;animation:1.1s cubic-bezier(.2,.75,.22,1) both graph-world-arrive}.graph-page .graph-stage{min-height:calc(100svh - 84px)}.graph-page--learning .graph-toolbar{top:13.7rem}.graph-page--algorithm .graph-toolbar{top:16.2rem}.graph-page .site-footer{display:none}@keyframes graph-curtain{0%,22%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes graph-world-arrive{0%{opacity:.18;filter:blur(10px);clip-path:circle(4% at 52% 52%);transform:scale(.985)}62%{opacity:1;filter:blur()}to{opacity:1;clip-path:circle(145% at 52% 52%);transform:scale(1)}}@keyframes graph-intro{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.graph-shell{width:min(1440px,100% - 2rem);padding:1rem 0 7rem}.graph-panel{--graph-bg:#f4eddf;--graph-grid:#535b6930;--graph-glow-a:#486dc629;--graph-glow-b:#9953b01f;--graph-glass:#fffbf3d1;--graph-glass-strong:#fffcf6f0;--graph-line:#464d5b33;--graph-text:#28303d;--graph-muted:#657083;border:1px solid var(--graph-line);background:var(--graph-bg);color:var(--graph-text);border-radius:1.6rem;overflow:hidden;box-shadow:0 24px 70px #4b3c2a29}:root[data-theme=dark] .graph-panel{--graph-bg:#0d131d;--graph-grid:#8ea0bc33;--graph-glow-a:#2b6bdb33;--graph-glow-b:#8b42c62b;--graph-glass:#101723c7;--graph-glass-strong:#121a28f0;--graph-line:#a7b8d32e;--graph-text:#eef4ff;--graph-muted:#a7b5c9;box-shadow:0 24px 80px #00000061}.graph-stage{isolation:isolate;background-color:var(--graph-bg);min-height:clamp(580px,72vh,820px);position:relative;overflow:hidden}.graph-stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 34% 47%, var(--graph-glow-a), transparent 25%), radial-gradient(circle at 73% 42%, var(--graph-glow-b), transparent 22%), radial-gradient(circle at center, transparent 42%, color-mix(in srgb, var(--graph-bg) 88%, transparent) 78%);position:absolute;inset:-15%}.graph-ambient{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.graph-canvas{z-index:2;outline:none;position:absolute;inset:0}.graph-canvas:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent) 72%, transparent)}.graph-toolbar,.graph-detail,.graph-view-switch,.graph-label-toggle,.graph-controls,.graph-status{border:1px solid var(--graph-line);background:var(--graph-glass);-webkit-backdrop-filter:blur(16px)saturate(125%);font-family:var(--sans);box-shadow:0 14px 35px #0f141e1f}.graph-toolbar{z-index:6;border-radius:1rem;width:min(320px,100% - 8rem);position:absolute;top:1rem;left:1rem;overflow:hidden}.graph-filter-toggle{width:100%;color:var(--graph-text);font:800 .8rem/1 var(--sans);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.graph-filter-chevron{font-size:1rem;transition:transform .2s}.graph-toolbar[data-collapsed=true] .graph-filter-chevron{transform:rotate(180deg)}.graph-toolbar[data-collapsed=true] .graph-filter-body{display:none}.graph-filter-body{padding:.1rem .9rem .9rem}.graph-toolbar fieldset{border:0;min-width:0;margin:.75rem 0 0;padding:0}.graph-toolbar legend{color:var(--graph-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.7rem;font-weight:800}.graph-filter-options{flex-wrap:wrap;gap:.38rem;display:flex}.graph-filter-options label{border:1px solid var(--graph-line);background:color-mix(in srgb, var(--graph-glass-strong) 72%, transparent);color:var(--graph-text);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.73rem;display:inline-flex}.graph-filter-options input{width:.8rem;height:.8rem;accent-color:var(--accent);margin:0}.filter-scroll{scrollbar-width:thin;max-height:5.6rem;overflow-y:auto}.graph-reset{border:1px solid var(--graph-line);min-height:2rem;color:var(--graph-text);font:750 .73rem/1 var(--sans);cursor:pointer;background:0 0;border-radius:999px;margin-top:.85rem;padding:.35rem .7rem}.graph-view-switch{z-index:7;border-radius:999px;padding:.22rem;display:flex;position:absolute;top:1rem;right:1rem}.graph-view-switch button{min-height:2rem;color:var(--graph-muted);font:750 .73rem/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .7rem}.graph-view-switch button[aria-pressed=true]{background:var(--graph-text);color:var(--graph-bg)}.graph-label-toggle{z-index:7;color:var(--graph-muted);font:750 .7rem/1 var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .65rem;display:inline-flex;position:absolute;top:3.85rem;right:1rem}.graph-label-toggle input{appearance:none;border:1px solid var(--graph-line);background:color-mix(in srgb, var(--graph-muted) 24%, transparent);cursor:pointer;border-radius:999px;width:1.65rem;height:.95rem;margin:0;transition:background .18s;position:relative}.graph-label-toggle input:after{content:"";background:var(--graph-muted);border-radius:50%;width:.58rem;height:.58rem;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.graph-label-toggle input:checked{background:color-mix(in srgb, var(--graph-text) 34%, transparent)}.graph-label-toggle input:checked:after{background:var(--graph-text);transform:translate(.68rem)}.graph-status{z-index:5;color:var(--graph-muted);font:.7rem/1.2 var(--sans);border-radius:999px;margin:0;padding:.5rem .7rem;position:absolute;bottom:1rem;left:1rem}.graph-controls{z-index:7;border-radius:.9rem;display:grid;position:absolute;bottom:1rem;right:1rem;overflow:hidden}.graph-controls button{border:0;border-bottom:1px solid var(--graph-line);width:2.75rem;height:2.65rem;color:var(--graph-text);font:500 1.15rem/1 var(--sans);cursor:pointer;background:0 0}.graph-controls button:last-child{border-bottom:0}.graph-controls button:hover,.graph-controls button:focus-visible,.graph-reset:hover,.graph-reset:focus-visible{background:color-mix(in srgb, var(--graph-text) 10%, transparent);outline:none}.graph-detail{z-index:6;border-radius:1rem;width:min(330px,100% - 2rem);padding:1.15rem;position:absolute;top:4.6rem;right:1rem}.graph-detail[hidden],.graph-empty[hidden],.graph-list-view[hidden]{display:none}.graph-detail-close{width:1.9rem;height:1.9rem;color:var(--graph-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.25rem;position:absolute;top:.55rem;right:.65rem}.graph-detail-type{color:var(--graph-muted);font:800 .68rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:0 2rem .4rem 0}.graph-detail h2{color:var(--graph-text);font:750 1.15rem/1.35 var(--sans);margin:0 1.5rem .55rem 0}.graph-detail-description{color:var(--graph-muted);font:.82rem/1.55 var(--sans);margin:0}.graph-detail-meta{flex-wrap:wrap;gap:.35rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.graph-detail-meta li{border:1px solid var(--graph-line);color:var(--graph-text);font:700 .68rem/1.2 var(--sans);border-radius:999px;padding:.25rem .5rem}.graph-detail-links{color:var(--graph-muted);font:.7rem/1.3 var(--sans);margin:.8rem 0 0}.graph-detail-action{color:var(--graph-text);font:800 .78rem/1.3 var(--sans);align-items:center;gap:.25rem;margin-top:.8rem;display:inline-flex}.graph-empty{z-index:4;text-align:center;width:min(360px,100% - 3rem);font-family:var(--sans);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.graph-empty strong,.graph-empty span{display:block}.graph-empty strong{color:var(--graph-text);margin-bottom:.45rem}.graph-empty span{color:var(--graph-muted);font-size:.82rem}.graph-list-view{z-index:4;background:var(--graph-bg);padding:4.8rem 1.2rem 1.2rem;position:absolute;inset:0;overflow-y:auto}.graph-list-view h2{color:var(--graph-text);font:750 1.15rem/1.3 var(--sans);margin:0 0 1rem}.graph-list-view ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.graph-list-view li{border:1px solid var(--graph-line);background:var(--graph-glass);font-family:var(--sans);border-radius:.9rem;padding:1rem}.graph-list-view li>div{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.graph-list-view strong{color:var(--graph-text);font-size:.88rem}.graph-list-view li span{color:var(--graph-muted);white-space:nowrap;font-size:.65rem}.graph-list-view p{color:var(--graph-muted);margin:.55rem 0 0;font-size:.76rem;line-height:1.45}.graph-list-view a{color:var(--graph-text);margin-top:.7rem;font-size:.73rem;font-weight:800;display:inline-block}.graph-stage.is-list-mode .graph-toolbar,.graph-stage.is-list-mode .graph-controls,.graph-stage.is-list-mode .graph-detail,.graph-stage.is-list-mode .graph-label-toggle,.graph-stage.is-list-mode .graph-status{opacity:0;visibility:hidden;pointer-events:none}.graph-stage.is-list-mode .graph-canvas{opacity:0;visibility:hidden}.graph-stage:fullscreen{border-radius:0;width:100vw;height:100vh;min-height:100vh}.graph-panel.is-expanded{overflow:visible}.graph-stage.is-expanded{z-index:1000;border-radius:0;width:100vw;height:100dvh;min-height:100dvh;position:fixed;inset:0}body.graph-expanded{overflow:hidden}.empty-state{border:1px dashed var(--line);background:var(--card);color:var(--muted);margin:1rem 0 7rem;padding:2rem}.empty-state h2{color:var(--ink);margin-top:0}.problem-browser{padding-bottom:7rem}.problem-filters{border:1px solid var(--line);background:var(--card);font-family:var(--sans);grid-template-columns:2fr repeat(3,1fr);gap:.8rem;margin-bottom:1rem;padding:1rem;display:grid}.problem-filters label{color:var(--muted);font-size:.76rem;font-weight:800}.problem-filters input,.problem-filters select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:2.7rem;color:var(--ink);border-radius:3px;margin-top:.35rem;padding:.55rem .65rem}.problem-status{color:var(--muted);font:.82rem/1.5 var(--sans)}.problem-list{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.problem-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);padding:1.4rem}.problem-card[hidden]{display:none}.problem-card>div:first-child{color:var(--muted);font:.78rem/1.5 var(--sans);justify-content:space-between;display:flex}.problem-number{color:var(--accent);font-weight:800}.problem-card h2{margin:.55rem 0}.problem-card h2 a{text-decoration:none}.problem-card>p{color:var(--muted)}.problem-card .tag-row span{color:var(--accent);font:.78rem/1.5 var(--sans)}.problem-card small{color:var(--muted);font-family:var(--sans);margin-top:1rem;display:block}.solution-metrics{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;display:grid}.solution-metrics div{border:1px solid var(--line);background:var(--card);padding:1rem}.solution-metrics span,.solution-metrics strong{display:block}.solution-metrics span{color:var(--muted);font:.76rem/1.5 var(--sans)}.solution-metrics strong{color:var(--accent);overflow-wrap:anywhere;margin-top:.35rem;font-family:ui-monospace,monospace}.solution-layout{grid-template-columns:minmax(0,820px)}.site-footer{border-top:1px solid var(--line);max-width:1080px;color:var(--muted);font:.78rem/1.7 var(--sans);grid-template-columns:1fr 1.3fr auto;gap:1.5rem;margin:auto;padding:2rem 0 3rem;display:grid}.site-footer p{margin:0}.site-footer a{color:var(--accent)}@media (width<=900px){.site-header{grid-template-columns:1fr auto;gap:1rem}.site-header nav{grid-area:2/1/auto/-1;justify-content:space-between}.theme-control{grid-area:1/2}.post-grid,.explore-section,.article-layout{grid-template-columns:1fr}.toc{border:1px solid var(--line);background:var(--card);grid-row:1;padding:1rem;position:static}.site-footer{grid-template-columns:1fr;width:calc(100% - 4rem)}.graph-list-view ul{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-filters{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.site-header{padding-inline:1.2rem}.brand span{display:none}.site-header nav{justify-content:flex-start;gap:.85rem;padding-bottom:.2rem;font-size:.88rem;overflow-x:auto}.section-shell,.article-shell,.about-shell,.not-found{width:min(100% - 2.4rem,1080px)}.home{min-height:65vh;padding:4rem 1.2rem}.section-heading{flex-direction:column;align-items:start}.post-list .post-card{display:block}.post-list .post-card-footer{align-items:flex-start}.taxonomy-grid{grid-template-columns:1fr}.article-shell{padding-top:4rem}.article-layout{margin-top:3rem}.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}.graph-page #main-content{min-height:calc(100svh - 124px)}.graph-page .graph-heading{width:calc(100% - 2.4rem);top:1.2rem;left:1.2rem}.graph-page .graph-heading h1{margin-block:.35rem .55rem;font-size:clamp(2.35rem,12vw,3.1rem)}.graph-page .graph-heading>p:last-child{font-size:.9rem;line-height:1.65}.graph-page .graph-heading .back-link{margin-bottom:.45rem}.graph-page .graph-stage{min-height:max(720px,100svh - 124px)}.graph-page--learning .graph-toolbar{top:13.2rem}.graph-page--algorithm .graph-toolbar{top:17.2rem}.graph-shell{width:calc(100% - 1rem);padding-top:.5rem}.graph-panel{border-radius:1.15rem}.graph-stage{min-height:max(560px,72svh)}.graph-toolbar{width:min(290px,100% - 8.5rem);top:.65rem;left:.65rem}.graph-view-switch{top:.65rem;right:.65rem}.graph-label-toggle{top:3.45rem;right:.65rem}.graph-detail{width:auto;max-height:42%;inset:auto .65rem 4.3rem;overflow-y:auto}.graph-controls{bottom:.65rem;right:.65rem}.graph-status{max-width:calc(100% - 5rem);bottom:.65rem;left:.65rem}.graph-list-view{padding:4.4rem .75rem .75rem}.graph-list-view ul,.problem-filters,.problem-list,.solution-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}