.tl{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,40px);display:grid}.tl.no-rail{grid-template-columns:minmax(0,1fr)}.tl-rail{top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);border-radius:var(--r-l);background:var(--s2);scrollbar-width:none;flex-direction:column;gap:2px;padding:6px;display:flex;position:sticky;overflow-y:auto}.tl-rail a{border-radius:var(--r-s);min-height:36px;color:var(--text-2);font:800 .95rem / 1 var(--font-display);transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);place-items:center;display:grid}.tl-rail a:hover{background:var(--s3);color:var(--text);text-decoration:none}.tl-rail a:active{background:var(--line)}.tl-rail a:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.tl-rail a[aria-current=true]{background:var(--accent);color:var(--on-accent)}.tl-main{min-width:0}.tl-group{scroll-margin-top:calc(var(--header-h) + 16px);margin-bottom:clamp(20px,3vw,36px)}.tl-letter,.tl-title{top:var(--header-h);z-index:2;background:var(--bg);font:800 clamp(1.4rem, 1.2rem + .6vw, 1.75rem) / 1 var(--font-display);letter-spacing:var(--track-display);align-items:baseline;gap:14px;margin:0 0 12px;padding:10px 0;display:flex;position:sticky}.tl-title{font-size:1.125rem}.tl-letter small,.tl-title small{color:var(--muted);font:600 var(--fs-mono) / 1 var(--font-mono);letter-spacing:.1em}.tl-title p{color:var(--text-2);font:500 .9rem / 1.4 var(--font-sans);letter-spacing:0;margin:0}.tl-fold{width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;display:flex}.tl-fold:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.tl-fold svg{color:var(--muted);transition:transform var(--dur-2) var(--ease-out);flex:none;margin-left:auto;transform:rotate(90deg)}.tl-fold[aria-expanded=false] svg{transform:none}.tl-rows{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.tl-row{border-radius:var(--r-m);background:var(--s2);min-width:0;color:var(--text);transition:background var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px 14px 14px;display:grid}.tl-row:hover{background:var(--s3);text-decoration:none;transform:translateY(-2px)}.tl-row:active{background:var(--line);transform:none}.tl-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tl-row .pic{--s:56px}.tl-body{gap:6px;min-width:0;display:grid}.tl-body b{font:800 1.05rem / 1.2 var(--font-display);overflow-wrap:break-word}.tl-body span{color:var(--text-2);overflow-wrap:break-word;font-size:.9rem;line-height:1.5}.tl-n{color:var(--muted);font:700 .75rem / 1.3 var(--font-mono);font-variant-numeric:tabular-nums}@media (width<=720px){.tl{grid-template-columns:minmax(0,1fr)}.tl-rail{top:var(--header-h);z-index:3;border-radius:var(--r-m);flex-direction:row;max-height:none;overflow:auto hidden}.tl-rail a{flex:none;min-width:40px;min-height:40px}.tl-letter,.tl-title{top:calc(var(--header-h) + 52px)}}.tp-top{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.tp-left,.tp-mapbox{min-width:0}@media (width>=1180px){.tp-top.has-map{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(24px,3vw,48px)}.tp-top .chap-n{display:none}.tp-top .cat-chap.chap{grid-template-columns:minmax(0,1fr)}.tp-top .tp-terms{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}}.tp-def{border-radius:var(--r-l);background:var(--s2);padding:clamp(18px,2.4vw,28px) clamp(18px,2.4vw,28px) clamp(18px,2.4vw,28px) clamp(24px,3vw,36px);position:relative}.tp-def:before{content:"";background:var(--accent);border-radius:0 5px 5px 0;width:5px;position:absolute;inset:20px auto 20px 0}.tp-def .skill-text,.tp-def .prose{font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.6}.tp-terms{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}.tp-term{border-radius:var(--r-m);background:var(--s2);color:var(--text);transition:background var(--dur-2) var(--ease-out);padding:18px 20px;display:block}.tp-term:hover{background:var(--s3);text-decoration:none}.tp-term:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tp-term b{font:800 1.05rem / 1.2 var(--font-display);margin-bottom:6px;display:block}.tp-term span{color:var(--text-2);font-size:.875rem;line-height:1.5}.tmap{aspect-ratio:16/10;border-radius:var(--r-l);background:var(--s1);width:100%;min-width:0;min-height:460px;max-height:640px;position:relative}.tm-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tm-lines line{stroke:var(--line-2);stroke-width:1.5px;transition:stroke var(--dur-2) var(--ease-out)}.tmap[data-hot] .tm-lines line{stroke:var(--line)}.tmap[data-hot] .tm-lines line.on{stroke:var(--accent)}.tm-center{z-index:1;border-radius:var(--r-l);background:var(--accent);width:min(220px,30%);color:var(--on-accent);text-align:center;justify-items:center;gap:10px;padding:18px 14px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tm-center .pic{--s:72px;border-color:var(--on-accent)}.tm-center b{font:800 1.05rem / 1.2 var(--font-display);overflow-wrap:break-word}.tn{top:var(--y);left:var(--x);z-index:1;border-radius:var(--r-m);background:var(--s2);max-width:min(230px,26%);color:var(--text);transition:background var(--dur-2) var(--ease-out), opacity var(--dur-2) var(--ease-out);align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.tn .pic{--s:44px}.tn-t{gap:2px;min-width:0;display:grid}.tn-n{overflow-wrap:break-word;font-size:.875rem;font-weight:700;line-height:1.25}.tn-k{color:var(--muted);font:600 .68rem / 1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.tn:hover,.tn.hot{background:var(--s3);outline:2px solid var(--accent);outline-offset:-2px;text-decoration:none}.tn:active{background:var(--line)}.tn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tmap[data-hot] .tn:not(.hot){opacity:.45}.tm-more{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}@media (width<=760px){.tmap{aspect-ratio:auto;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;min-height:0;max-height:none;padding:12px;display:grid}.tm-lines{display:none}.tm-center,.tn{max-width:none;position:static;transform:none}.tm-center{text-align:left;grid-column:1/-1;grid-auto-flow:column;justify-content:start;justify-items:start;width:auto}.tmap[data-hot] .tn:not(.hot){opacity:1}}@media (prefers-reduced-motion:reduce){.tl-row,.tl-rail a,.tn,.tm-lines line,.tl-fold svg{transition:none}.tl-row:hover{transform:none}}