@layer components{.dir-cats{grid-auto-flow:dense}.dir-cats .cat h2{letter-spacing:-.025em;font-size:22px;line-height:1.1}.dir-cats .cat.big h2{letter-spacing:-.04em;font-size:40px}.dir-cat-sub{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13.5px;display:-webkit-box;overflow:hidden}.dir-cats .cat.big .dir-cat-sub{-webkit-line-clamp:4;max-width:38ch;font-size:16px}.dir-cat-n{align-items:baseline;gap:8px;margin:10px 0;display:flex}.dir-cat-n span:last-child{color:var(--ink-2);font-size:13px;font-weight:600}.dir-cat-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.dir-cat-go{width:34px;height:34px;transition:transform .5s var(--spring);background:#ffffffb3;border-radius:50%;flex:none;place-items:center;display:grid}.dir-cats .cat:hover .dir-cat-go{transform:rotate(-35deg)}.dir-cats .cat.wide{grid-column:1/-1}.dir-cats .cat.wide h2{font-size:26px}.dir-cats .cat.wide p{opacity:.9;margin-top:6px;font-size:14.5px}.dir-tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.dir-tile{color:inherit;flex-direction:column;gap:14px;min-width:0;text-decoration:none;display:flex}.dir-tile-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.dir-tile h2{letter-spacing:-.025em;font-size:22px;line-height:1.15}.dir-tile-sum{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;display:-webkit-box;overflow:hidden}.dir-tile-foot{border-top:1px dashed var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.dir-tile:hover .go{transform:translate(4px)}.dir-tile-foot.stack{flex-direction:column;align-items:flex-start;gap:12px}.dir-tile-top .badges{flex-wrap:nowrap;justify-content:flex-end}.dir-tile-top .badge{background:#ffffffc7}.dir-tile:not([class*=t-]) .dir-tile-top .badge{background:var(--cream)}.dir-tile:not([class*=t-]) .dir-tile-top .badge.b-rem{background:var(--sky)}.dir-file{font-family:var(--f-mono);color:var(--ink);overflow-wrap:anywhere;background:#2b242012;border-radius:10px;min-width:0;padding:5px 9px;font-size:12.5px}.dir-ico{width:44px;height:44px;transition:transform .6s var(--spring);background:#ffffffa6;border-radius:14px;flex:none;place-items:center;display:grid}.dir-tile:hover .dir-ico{transform:rotate(-12deg)scale(1.1)}.dir-count{font-family:var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:780;line-height:1}.dir-count small{font-family:var(--f-body);color:var(--ink-2);letter-spacing:0;margin-left:6px;font-size:13px;font-weight:600}.dir-muted{opacity:.72}.dir-guide{align-items:stretch;margin-bottom:40px}.dir-guide-main{flex-direction:column;gap:16px;display:flex}.dir-guide-main h2{letter-spacing:-.035em;font-size:clamp(26px,2.6vw,34px);line-height:1.05}.dir-guide-main .kicker{margin-bottom:0}.dir-steps{counter-reset:step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.dir-steps li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:14.5px;display:flex}.dir-steps li b{color:var(--ink);font-weight:650}.dir-steps li:before{counter-increment:step;content:counter(step);width:26px;height:26px;font-family:var(--f-display);color:var(--ink);background:#ffffffbf;border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.dir-paths{gap:8px;margin:0;padding:12px 14px 16px;list-style:none;display:grid}.dir-path{background:#ffffff0d;border-radius:16px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:grid}.dir-path-os{letter-spacing:.07em;text-transform:uppercase;color:#f2b48f;font-size:12px;font-weight:700}.dir-path code{font-family:var(--f-mono);color:#b9dc9a;overflow-wrap:anywhere;font-size:13.5px;line-height:1.5}.dir-who{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.dir-who-t{flex:1;min-width:0}.dir-who-t b{font-family:var(--f-mono);overflow-wrap:anywhere;font-size:14px;font-weight:600;display:block}.dir-who-t span{color:var(--ink-2);font-size:13.5px}.dir-sec{margin-bottom:40px}.dir-sec-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.dir-sec-h h2{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,30px)}.dir-sec-h p{color:var(--ink-2);margin-top:4px;font-size:15px}.dir-note{max-width:640px;margin:0 auto}.dir-note-ico{background:#ffffffb3;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.dir-note-ico .i{width:28px;height:28px}.dir-note .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}@media (max-width:760px){.dir-cats .cat h2{font-size:18px}.dir-cats .cat.big h2{font-size:30px}.dir-cats .cat.big .dir-cat-sub{font-size:14.5px}.dir-cats .cat:not(.big) .dir-cat-sub{display:none}.dir-tiles{grid-template-columns:minmax(0,1fr);gap:12px}.dir-path{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.dir-path-os{grid-column:1/-1}.dir-guide{margin-bottom:28px}}}