/* Resource directory: homepage identity, compact browsing density. */
.v-catalog{background:radial-gradient(ellipse 900px 550px at 80% 0,#284d712b,transparent),var(--bg)}
.v-catalog [hidden]{display:none!important}
.v-catalog .catalog-header{background:#0c132080}
.v-catalog .nav{padding-block:22px}
.v-catalog .navlinks a[aria-current]{color:var(--accent)}
.v-catalog .skip-link{position:fixed;z-index:50;top:12px;left:22px;transform:translateY(-160%);padding:12px 18px;border-radius:12px;background:var(--accent);color:var(--on-action)}
.v-catalog .skip-link:focus{transform:none}
.v-catalog .hub{max-width:1440px;margin:auto;padding:0 var(--gutter)}
.v-catalog .hhero{display:grid;grid-template-columns:1fr 1.15fr;align-items:start;gap:64px;padding:64px 0 48px}
.v-catalog h1{font-size:46px;line-height:1.2;max-width:560px;text-wrap:balance}
.v-catalog h1 span{color:var(--accent)}
.v-catalog .hhero p{color:var(--muted);font-size:16px;line-height:1.75;max-width:75ch;overflow-wrap:anywhere}
.v-catalog .hhero b{color:var(--ink);font-weight:600}
.v-catalog .hhero code{padding:2px 5px;border-radius:5px;background:#8ebaff0a;color:#bfd5ef}
.v-catalog .hsec{min-width:0}
.v-catalog .hsec h2{font-size:30px;line-height:1.35;letter-spacing:-.04em;text-wrap:pretty}
.v-catalog .index-section>h2{margin-bottom:24px}
.v-catalog .index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v-catalog .index-entry{min-width:0;padding:28px;border-radius:24px;background:radial-gradient(ellipse at 100% 100%,#427eb02e,transparent 70%),#19294080;box-shadow:0 18px 44px #00000040,0 4px 14px #00000026}
.v-catalog .index-main{background:radial-gradient(ellipse at 100% 100%,#419c892e,transparent 70%),#1b373766}
.v-catalog .index-mcp{background:#19294066}
.v-catalog .entry-heading{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:start;gap:12px}
.v-catalog .entry-heading b{font:600 20px/1.4 var(--display);letter-spacing:-.025em;color:#a6caff;overflow-wrap:anywhere}
.v-catalog .index-main b{color:#8be4d2}
.v-catalog .index-mcp b{color:var(--ink)}
.v-catalog .entry-icon{color:var(--accent);margin-top:1px}
.v-catalog .index-main .entry-icon{color:var(--aqua)}
.v-catalog .entry-arrow{color:#9eb3ce;width:18px;height:18px;margin-top:5px;transition:color .18s,transform .18s}
.v-catalog .index-entry>span{display:block;margin-top:20px;color:var(--muted);font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.v-catalog .index-entry:hover{background-color:#25436a66;box-shadow:0 18px 44px #00000040,0 4px 14px #00000026,inset 0 0 0 1px #8ebaff33}
.v-catalog .index-entry:hover .entry-arrow{color:var(--accent);transform:translateX(3px)}
.v-catalog .catalog-tools{margin:48px 0 46px;padding-top:38px;border-top:1px solid var(--line)}
.v-catalog .catalog-tools-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.v-catalog .catalog-search{display:flex;align-items:center;gap:14px;width:min(640px,100%);min-height:60px;padding:7px 8px 7px 20px;border:1px solid #456080;border-radius:22px;background:#14233999}
.v-catalog .catalog-search:focus-within{border-color:var(--accent)}
.v-catalog .catalog-search>svg{flex:none;color:var(--accent)}
.v-catalog .catalog-search input{min-width:0;width:100%;flex:1;padding:8px 0;border:0;outline:none;background:transparent;color:var(--ink);font-size:16px;line-height:1.6}
.v-catalog .catalog-search input::placeholder{color:var(--muted);opacity:1}
.v-catalog .catalog-search input::-webkit-search-cancel-button{display:none}
.v-catalog .clear-query{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:14px;background:transparent;color:var(--muted)}
.v-catalog .clear-query:hover{color:var(--ink);background:#ffffff08}
.v-catalog .catalog-count{color:var(--muted);font-size:14px;white-space:nowrap}
.v-catalog .catalog-filters{display:flex;align-items:center;gap:8px;margin-top:18px;padding:3px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#435b79 transparent}
.v-catalog .catalog-filters button{flex:none;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);font-size:14px;line-height:1.5;white-space:nowrap}
.v-catalog .catalog-filters button:hover{color:var(--ink);background:#19294080}
.v-catalog .catalog-filters button[aria-pressed=true]{color:var(--accent);background:#25436a59;border-color:#8ebaff33}
.v-catalog .catalog-filters button:focus-visible{outline-offset:-2px}
.v-catalog .resource-section{margin-top:48px}
.v-catalog .resource-section:first-child{margin-top:0}
.v-catalog .section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}
.v-catalog .section-heading h2{max-width:900px}
.v-catalog .section-count{flex:none;color:#9eadc5;font:400 14px/1.6 var(--mono)}
.v-catalog .kwgrid{gap:0 38px}
.v-catalog .kw{padding-block:24px;min-width:0}
.v-catalog .kw b{overflow-wrap:anywhere}
.v-catalog .kw span{line-height:1.6;overflow-wrap:anywhere}
.v-catalog .kw::after{top:23px}
.v-catalog .kw:hover b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:#8ebaff66}
.v-catalog .catalog-empty{text-align:center;padding:64px 24px;border-radius:24px;background:#19294066;box-shadow:0 10px 32px #00000026}
.v-catalog .catalog-empty h2{font-size:24px;line-height:1.4}
.v-catalog .catalog-empty p{margin-top:12px;color:var(--muted)}
.v-catalog .reset-catalog{margin-top:24px;min-height:44px;padding:10px 18px;border:0;border-radius:14px;background:var(--action);color:var(--on-action);font-weight:500}
.v-catalog .reset-catalog:hover{background:var(--action-hover)}
.v-catalog .hfoot{margin-top:64px;padding:28px 0 48px;border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:#9eadc5;overflow-wrap:anywhere}
.v-catalog .hfoot a{color:var(--accent);text-underline-offset:4px}
.v-catalog .hfoot a:hover{text-decoration:underline}
@media(max-width:1100px){
  .v-catalog .hhero{gap:38px;grid-template-columns:1fr 1.2fr}
  .v-catalog .index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v-catalog .index-mcp{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px}
  .v-catalog .index-mcp>span{margin:0}
}
@media(max-width:1050px){.v-catalog .kwgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}}
@media(max-width:700px){
  .v-catalog{--gutter:22px}
  .v-catalog .nav{padding-block:20px}
  .v-catalog .hhero{display:block;padding:38px 0}
  .v-catalog h1{font-size:34px;line-height:1.2;max-width:400px;margin-bottom:24px;text-wrap:pretty}
  .v-catalog .hsec h2{font-size:28px;line-height:1.35}
  .v-catalog .index-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .v-catalog .index-entry{padding:24px;border-radius:20px}
  .v-catalog .index-mcp{display:block}
  .v-catalog .index-mcp>span{margin-top:20px}
  .v-catalog .index-entry>span{font-size:16px}
  .v-catalog .catalog-tools{margin:38px 0;padding-top:28px}
  .v-catalog .catalog-tools-top{display:block}
  .v-catalog .catalog-count{display:block;margin-top:16px}
  .v-catalog .catalog-filters{margin-top:12px}
  .v-catalog .kwgrid{grid-template-columns:minmax(0,1fr)}
  .v-catalog .resource-section{margin-top:38px}
  .v-catalog .section-heading{gap:16px;margin-bottom:22px}
  .v-catalog .hfoot{margin-top:38px;padding-bottom:32px}
}