.roadmap-directory{--directory-image-surface: var(--route-visit-surface);padding-block-end:var(--section-space)}.roadmap-directory[data-roadmap-directory=live]{--directory-image-surface: var(--route-live-surface)}.roadmap-directory__breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-block:var(--space-6);color:var(--muted-foreground);font-size:var(--text-sm)}.roadmap-directory__breadcrumb a{color:inherit;text-underline-offset:var(--space-1)}.roadmap-directory__breadcrumb a:hover{color:var(--brand);text-decoration:underline}.roadmap-directory__heading{max-width:var(--reading-width);padding-block:var(--space-2) var(--space-6)}.roadmap-directory__heading .page-heading{margin-block-end:var(--space-3);font-size:var(--text-3xl);font-weight:var(--weight-bold)}.roadmap-directory__heading p{color:var(--muted-foreground);font-size:var(--text-base);line-height:var(--leading-relaxed)}.roadmap-directory__heading .roadmap-directory__language-note{margin-block-start:var(--space-3);font-size:var(--text-sm)}.roadmap-directory__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block-end:var(--space-6)}.roadmap-directory__categories{display:flex;flex-wrap:wrap;gap:var(--space-2)}.roadmap-directory__categories a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:var(--space-2) var(--space-6);border:var(--line-width) solid var(--border);border-radius:var(--radius-pill);color:var(--foreground);background:var(--card);font-size:var(--text-sm)}.roadmap-directory__categories a:hover{color:var(--brand);border-color:var(--brand)}.roadmap-directory__categories a[aria-current=page]{color:var(--brand-foreground);background:var(--brand);border-color:var(--brand);font-weight:var(--weight-bold)}.roadmap-directory__count{color:var(--muted-foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.roadmap-directory__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin:0;padding:0;list-style:none}.roadmap-directory__grid>li{min-width:0}.roadmap-directory__card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:var(--line-width) solid var(--border);border-radius:var(--radius-lg);background:var(--card);color:var(--card-foreground);text-decoration:none}.roadmap-directory__card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.roadmap-directory a:focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.roadmap-directory__image{aspect-ratio:3 / 2;padding:var(--space-4);background:var(--directory-image-surface)}.roadmap-directory__image img{display:block;width:100%;height:100%;object-fit:contain}.roadmap-directory__card-body{display:flex;flex:1;flex-direction:column;align-items:start;padding:var(--space-6)}.roadmap-directory__card h2{color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-card);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:anywhere}.roadmap-directory__card h2:lang(ja){text-wrap:wrap;word-break:auto-phrase}.roadmap-directory__description{margin-block:var(--space-3) var(--space-4);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-relaxed)}.roadmap-directory__facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-block-start:auto;color:var(--muted-foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.roadmap-directory__facts span+span{padding-inline-start:var(--space-4);border-inline-start:var(--line-width) solid var(--border)}.roadmap-directory__open{display:inline-flex;align-items:center;min-height:var(--control-height);margin-block-start:var(--space-3);color:var(--brand);font-size:var(--text-sm);text-underline-offset:var(--space-1)}.roadmap-directory__card:hover .roadmap-directory__open{text-decoration:underline}@media(max-width:64rem){.roadmap-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40rem){.roadmap-directory__breadcrumb{padding-block:var(--space-4)}.roadmap-directory__heading .page-heading{font-size:var(--text-2xl)}.roadmap-directory__grid{grid-template-columns:minmax(0,1fr)}.roadmap-directory__card-body{padding:var(--space-4)}}