.component-directory-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.component-directory-links li{min-width:0}.component-directory-link{--component-ink:#397e13;--component-tint:#f0f8e9;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"form type" "meaning meaning";align-content:center;align-items:baseline;gap:4px 10px;height:100%;min-height:70px;padding:12px 14px;border:1.5px solid #e0e1e4;border-radius:14px;background:#fff;text-decoration:none;color:#4b4e50;transition:border-color .12s ease,background .12s ease}.component-directory-link[data-kind=prefix]{--component-ink:#99501f;--component-tint:#fff5e9}.component-directory-link[data-kind=suffix]{--component-ink:#8c6500;--component-tint:#fff9e6}.component-directory-link[data-kind=base],.component-directory-link[data-kind=word]{--component-ink:#227984;--component-tint:#eef8fa}.component-directory-form{grid-area:form;color:var(--component-ink);font-size:18px;font-weight:800;overflow-wrap:anywhere}.component-directory-meaning{grid-area:meaning;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.component-directory-type{grid-area:type;font-size:11px;color:#777c83}.component-directory-link:hover{background:var(--component-tint);border-color:var(--component-ink)}.component-directory-link:focus-visible,.component-directory-nav a:focus-visible,.home-component-picks-heading a:focus-visible{outline:3px solid #168bb8;outline-offset:3px}.discover-directory-page .page-intro{padding-bottom:12px}.component-directory{margin-top:12px;scroll-margin-top:100px}.component-directory-nav{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:0;z-index:8;padding:12px 0;background:#fff;border-bottom:1px solid #e0e1e4}.component-directory-nav a{display:inline-flex;gap:10px;align-items:center;padding:10px 16px;border:2px solid #e0e1e4;border-radius:14px;color:#4b4e50;font-size:15px;font-weight:800;text-decoration:none;background:#fff}.component-directory-nav a:hover{background:#e4f6ff;border-color:#7bd3f5}.component-directory-nav a span{color:#777c83;font-size:12px;font-weight:600}.component-directory-section{margin-top:40px;scroll-margin-top:90px}.component-directory-section h2,.directory-stories>h2{font-size:24px;font-weight:800;color:#4b4e50;margin:0 0 8px}.component-directory-note{color:#777c83;font-size:14px;line-height:1.7;margin:0}.component-directory-group{margin-top:24px}.component-directory-group h3{color:#5c626a;font-size:15px;font-weight:800;margin:0 0 10px}.discover-directory-page .directory-stories{display:block;margin-top:48px;padding-top:28px;border-top:1px solid #e0e1e4}.directory-stories .home-story-grid{margin-top:20px}.home-component-picks{margin:28px auto 0;width:min(640px,100%);text-align:left}.home-component-picks-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.home-component-picks-heading h2{margin:0;color:#777c83;font-size:13px;font-weight:700}.home-component-picks-heading a{color:#087fae;font-size:13px;font-weight:700;text-decoration:none}.component-directory-links.is-compact{gap:8px}.is-compact .component-directory-link{grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "meaning";min-height:0;padding:7px 12px;border-radius:12px}.is-compact .component-directory-form{font-size:16px}.is-compact .component-directory-meaning{font-size:12px}@media (max-width:900px),(min-width:901px) and (max-height:1000px){.home-shell.home-playful .home-search-dock{position:static;transform:none;width:min(640px,100%);margin:28px auto 0}.home-shell.home-playful .home-hero{min-height:0;padding-bottom:36px}.home-shell.home-playful:has(>.site-nav){padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))}}@media (max-width:1100px){.component-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}.component-directory-links.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.component-directory-nav{top:76px}.component-directory-section{scroll-margin-top:160px}}@media (max-width:600px){.component-directory-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.component-directory-link{min-height:0;padding:10px 12px}.component-directory-form{font-size:17px}.component-directory-link{grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "meaning" "type"}.component-directory-nav{gap:6px}.component-directory-nav a{padding:8px 10px;font-size:14px;gap:6px}.component-directory-nav a span{font-size:11px}.component-directory-section{margin-top:28px}.component-directory-section h2{font-size:22px}.home-component-picks{margin-top:24px}.component-directory-links.is-compact>li:nth-child(n+4){display:none}.is-compact .component-directory-link{padding:8px}.is-compact .component-directory-meaning{font-size:11px}}@media (prefers-reduced-motion:reduce){.component-directory-link{transition:none}}.word-directory-entry{display:inline-block;margin-top:12px;color:#3f780c;font-weight:700}.word-directory-letters,.word-directory-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.word-directory-letters a,.word-directory-pagination a{display:inline-flex;align-items:center;gap:8px;border:2px solid #e0e1e4;border-radius:12px;padding:10px 14px;color:#4b4e50;text-decoration:none}.word-directory-letters span{font-size:12px;color:#63716b}.word-directory-letters a[aria-current],.word-directory-pagination a[aria-current]{border-color:#7bd1f4;background:#e4f6ff}.word-directory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none}.word-directory-list a{display:flex;flex-direction:column;gap:6px;padding:16px;height:100%;border:2px solid #e0e1e4;border-radius:14px;text-decoration:none;overflow-wrap:anywhere}.word-directory-list strong{font-size:20px;color:#4c7478}.word-directory-list span{font-size:14px;color:#63716b}.word-directory-list a:hover{border-color:#7bd1f4;background:#f5fbff}.word-directory-entry:focus-visible,.word-directory-page a:focus-visible{outline:3px solid #168bb8;outline-offset:3px}@media (max-width:1000px){.word-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.word-directory-list{grid-template-columns:1fr}.word-directory-letters a{padding:9px 12px}}