*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f7f7f3;color:#28333a;font:15px/1.65 system-ui,sans-serif}main{max-width:1280px;margin:auto;padding:36px 28px 70px}header{padding-bottom:22px;border-bottom:1px solid #dde1df;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:600;letter-spacing:-.04em}.brand img{width:48px;height:36px}.label{font:11px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.nav{position:sticky;top:0;z-index:5;background:#f7f7f3ed;backdrop-filter:blur(12px);padding:14px 0;display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dde1df;font-size:13px}.nav a{text-decoration:none}a{color:inherit}h1{font-size:clamp(45px,7vw,84px);font-weight:450;letter-spacing:-.055em;line-height:1.04;margin:52px 0 25px}h2{font-size:34px;font-weight:500;letter-spacing:-.04em;line-height:1.15;margin:0 0 18px}h3{font-size:20px;font-weight:500;margin:28px 0 14px}p{max-width:760px}.intro{font-size:20px;max-width:800px}.chapter{margin-top:85px;border-top:1px solid #dde1df;padding-top:32px}.chapter .label{display:block;margin-bottom:14px;color:#647278}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}figure{margin:22px 0}figure img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #dde1df}figcaption{font-size:12px;color:#596269;margin-top:8px}.icon img{padding:26px;background:#eeefeb}.dark-icons .icon img{background:#192226;border-color:#39494f}.vectors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vector img{height:130px;object-fit:contain;padding:18px;background:white}.reverse img{background:#192226}.motion{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.motion-card img{max-height:270px;object-fit:contain;background:#e7eae7;padding:10px}.part-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.part img{height:170px;object-fit:contain;background:#e7eae7;padding:12px}.small{font-size:12px;color:#596269}.note{border-left:2px solid #859cac;padding-left:20px;margin:25px 0}button{font:inherit;background:transparent;border:1px solid #b4bec0;border-radius:8px;padding:9px 15px;cursor:pointer;color:inherit}button[aria-pressed=true]{background:#28333a;color:#f7f7f3}.controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:20px 0}label{display:flex;gap:7px;align-items:center}.minimal{position:relative;overflow:hidden;background:#fafaf7;border:1px solid #dde1df;border-radius:16px;padding:35px;min-height:350px}.minimal .wash{position:absolute;inset:0;opacity:.16;background:radial-gradient(ellipse at 90% 40%,#a99bcf,transparent 60%),radial-gradient(ellipse at 60% 100%,#658da8,transparent 60%),radial-gradient(ellipse at 100% 100%,#de9c79,transparent 50%)}.minimal .word{position:relative;display:flex;align-items:center;gap:12px;font-weight:600;font-size:18px}.minimal .word img{width:44px;height:auto}.minimal h3{position:relative;font-size:42px;line-height:1.1;letter-spacing:-.04em;max-width:470px;margin-top:55px}.minimal p{position:relative;max-width:430px}.minimal .guide{position:absolute;bottom:18px;right:22px;width:115px}.minimal.edge .wash{background:linear-gradient(135deg,#a99bcf,#de9c79,#658da8);mask:linear-gradient(#000,#000) top/100% 8px no-repeat,linear-gradient(#000,#000) bottom/100% 8px no-repeat,linear-gradient(#000,#000) left/8px 100% no-repeat,linear-gradient(#000,#000) right/8px 100% no-repeat}.minimal.mark .wash,.minimal.flat .wash{display:none}details{margin:22px 0}summary{cursor:pointer;font-weight:500}.file-list{max-height:360px;overflow:auto;font:12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}footer{border-top:1px solid #dde1df;margin-top:50px;padding-top:20px;font-size:12px}@media(max-width:740px){main{padding:25px 16px}.pair{grid-template-columns:1fr}.vectors,.motion,.part-grid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}.nav{gap:12px;font-size:12px}.chapter{margin-top:60px}.minimal{min-height:430px;padding:24px}.minimal h3{font-size:36px}.minimal p{max-width:80%}.minimal .guide{width:95px}.intro{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html{scroll-padding-top:110px}.persistent{position:sticky;top:0;z-index:20;background:#f7f7f3f5;backdrop-filter:blur(12px);border-bottom:1px solid #dde1df}.header-inner{max-width:1280px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-inner .brand{text-decoration:none;font-size:19px;white-space:nowrap}.header-inner .brand img{width:44px;height:33px}.global-nav{display:flex;gap:18px;align-items:center;overflow-x:auto;scrollbar-width:thin}.global-nav a{white-space:nowrap;text-decoration:none;font-size:12px;padding:5px 0;border-bottom:2px solid transparent}.global-nav a[aria-current=page]{border-bottom-color:#658da8;font-weight:600}.crumb{font-size:12px;color:#596269;margin-bottom:16px}.chapter{margin-top:0;border-top:0;padding-top:12px}.route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:32px 0 45px}.route-card{border:1px solid #dde1df;border-radius:16px;background:#fcfcf9;text-decoration:none;overflow:hidden;display:grid;grid-template-columns:1fr 1.05fr;min-height:240px;transition:border-color .15s}.route-card:hover{border-color:#658da8}.route-card:focus-visible{outline:3px solid #658da8;outline-offset:3px}.route-card .cover{background:#e9edeb;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}.route-card .cover img{width:100%;height:160px;object-fit:contain}.route-card .cover.plate img{object-fit:cover}.route-card .card-copy{padding:24px}.route-card h2{font-size:26px;margin:12px 0}.route-card p{font-size:13px;color:#596269;margin:0 0 16px}.route-card .arrow{font-size:13px}.guide-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;padding:15px 0 20px}.guide-hero h1{margin:30px 0 20px}.guide-hero .hero-icon{width:100%;height:auto;padding:25px}.lead-note{font-size:13px;color:#596269;max-width:760px}.page-turn{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #dde1df;margin-top:45px;padding-top:22px}.page-turn a{text-decoration:none;font-size:13px}.intro-route{border-top:1px solid #dde1df;padding-top:28px}.intro-route h2{font-size:22px}.intro-route p{font-size:14px}.guide-footer{font-size:12px;color:#596269}.route-card .plate{min-height:0;margin:0;border:0;border-radius:0}@media(max-width:1000px){.header-inner{display:block}.global-nav{margin-top:10px;gap:18px}}@media(max-width:740px){.header-inner{padding:12px 16px}.guide-hero{grid-template-columns:1fr;gap:0}.guide-hero .hero-icon{max-width:430px;margin:auto;padding:10px 20px 25px}.route-grid{grid-template-columns:1fr;gap:16px}.route-card{min-height:200px}.route-card .card-copy{padding:18px}.route-card h2{font-size:24px}.route-card .cover img{height:135px}.global-nav a{font-size:12px}.page-turn{gap:15px}}@media(prefers-reduced-motion:reduce){.route-card{transition:none}}
.branch-nav{max-width:1280px;margin:auto;padding:0 28px 10px;display:flex;gap:20px;overflow-x:auto;font-size:12px}.branch-nav a{white-space:nowrap;text-decoration:none;color:#596269}.branch-nav a[aria-current=page]{font-weight:600;color:#28333a}.route-grid.four{grid-template-columns:repeat(2,1fr)}.tree-list{margin:16px 0 0;padding-left:18px;font-size:12px;color:#596269}.tree-list li{margin:3px 0}.branch-intro{max-width:790px}.branch-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:30px 0 50px}.branch-card{display:block;text-decoration:none;padding:24px;background:#fcfcf9;border:1px solid #dde1df;border-radius:12px}.branch-card h2{font-size:24px;margin:0 0 12px}.branch-card p{font-size:14px;color:#596269;margin-bottom:0}.branch-card:hover{border-color:#658da8}.branch-cover{width:100%;height:auto;max-height:360px;object-fit:contain;background:#e9edeb;border:1px solid #dde1df;border-radius:16px;padding:20px;margin:24px 0}.tree-heading{font-size:13px;color:#596269}.global-nav a[aria-current=true]{border-bottom-color:#658da8;font-weight:600}.structure{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #dde1df;padding-top:24px}.structure h3{font-size:17px;margin:0 0 10px}.structure ul{padding-left:18px;font-size:13px}.structure a{color:inherit}.branch-card:focus-visible{outline:3px solid #658da8;outline-offset:3px}@media(max-width:740px){.branch-nav{padding-left:16px;padding-right:16px;gap:16px}.route-grid.four,.branch-cards{grid-template-columns:1fr}.structure{grid-template-columns:1fr 1fr}}