.dir-art{padding:var(--space-md);max-width:100%}.dir-art svg{display:block;width:100%;height:auto;aspect-ratio:16/10}.dir-celebration-intro{display:grid;gap:clamp(28px,5vw,var(--space-2xl));align-items:center}@media (min-width:1040px){.dir-celebration-intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.dir-quiet .dir-art{opacity:.85}.dir-quiet .page-head .h1{font-size:clamp(2.2rem,1.3rem + 2.8vw,3.6rem)}.dir-run{list-style:none;margin:0;padding:var(--space-xs) var(--space-md) var(--space-sm);display:grid}.dir-run li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--line);font-size:.95rem}.dir-run li:last-child{border-bottom:0}.dir-run .mono{color:var(--cobalt);padding-top:var(--space-3xs)}.surface-night .dir-run .mono{color:var(--marigold)}.dir-modules{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}.dir-module{display:grid;gap:var(--space-3xs);padding:var(--space-md) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.dir-module strong{font-weight:650}.dir-module span{color:var(--ink-mute);font-size:.95rem}.dir-module:hover strong{color:var(--cobalt)}.surface-night .dir-module:hover strong{color:var(--marigold)}.dir-templates{display:grid;gap:var(--space-md)}@media (min-width:640px){.dir-templates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.dir-templates{grid-template-columns:repeat(3,minmax(0,1fr))}}.dir-template{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.dir-template .link-arrow{margin-top:auto}.dir-functions{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.dir-functions .chip{white-space:normal}.dir-filter{border-radius:var(--radius)}.dir-solutions{display:grid;gap:var(--space-md)}@media (min-width:760px){.dir-solutions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.dir-solutions{grid-template-columns:repeat(3,minmax(0,1fr))}}.dir-solution .link-arrow{margin-top:auto}.mk .templates-list{padding-block:var(--space-xs) clamp(var(--space-2xl),8vw,var(--section-gap-s))}@media (max-width:700px){.mk .dir-filter{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);border-radius:0}.mk .dir-filter::-webkit-scrollbar{display:none}.mk .dir-filter button{flex:none}}