.idxl--grey{background:var(--v-snow)}.idxl--white{background:var(--v-white)}.idxl-inner{max-width:var(--content-max);margin-inline:auto;display:grid;grid-template-columns:1fr 1.9fr;gap:var(--sp-16);align-items:start}.idxl-intro{position:sticky;top:var(--sp-16)}.idxl-title{margin:var(--sp-4) 0;color:var(--v-ink)}.idxl-sub{color:var(--v-ink-60);line-height:1.7;max-width:360px}.idxl-cta{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-6);font-family:var(--font-mono);font-size:.8rem;color:var(--v-ink);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.idxl-cta svg{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-out)}.idxl-cta:hover{color:var(--v-red)}.idxl-cta:hover svg{transform:translate(2px,-2px)}.idxl-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--v-border)}.idxl-row{position:relative;display:grid;grid-template-columns:auto 40px 1fr auto;align-items:center;gap:var(--sp-5);padding:var(--sp-6) var(--sp-2) var(--sp-6) var(--sp-4);border-bottom:1px solid var(--v-border);transition:transform var(--dur-normal) var(--ease-out)}.idxl-row:not(:has(.idxl-icon)){grid-template-columns:auto 1fr auto}.idxl-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--v-red);transform:scaleY(0);transform-origin:top;transition:transform var(--dur-normal) var(--ease-out)}.idxl-row:hover,.idxl-row:focus-within{transform:translate(6px)}.idxl-row:hover:before,.idxl-row:focus-within:before{transform:scaleY(1)}.idxl-index{font-family:var(--font-mono);font-size:.75rem;color:var(--v-slate);transition:color var(--dur-normal) var(--ease-out)}.idxl-row:hover .idxl-index,.idxl-row:focus-within .idxl-index{color:var(--v-red)}.idxl-link{color:inherit;text-decoration:none}.idxl-link:after{content:"";position:absolute;inset:0}.idxl-link:focus-visible{outline:none}.idxl-row:has(.idxl-link:focus-visible),.idxl-tile:has(.idxl-link:focus-visible){outline:2px solid var(--v-red);outline-offset:2px}.idxl-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-lg);background:var(--v-white);border:1px solid var(--v-border);color:var(--v-ink-60);flex-shrink:0;transition:color var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-out),background var(--dur-normal) var(--ease-out)}.idxl-row:hover .idxl-icon{color:var(--v-ink);border-color:var(--v-border-strong)}.idxl-item-title{color:var(--v-ink);margin:0 0 var(--sp-1)}.idxl-desc{color:var(--v-ink-60);font-size:.9rem;line-height:1.6;margin:0;max-width:60ch}.idxl-tag{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--v-slate);white-space:nowrap;padding:.25rem .6rem;border:1px solid var(--v-border);border-radius:var(--r-full)}.idxl--grid .idxl-inner{grid-template-columns:1fr;gap:var(--sp-12)}.idxl--grid .idxl-intro{position:static;max-width:40rem}.idxl--grid .idxl-sub{max-width:36rem}.idxl-grid-wrap{display:flex;flex-direction:column;gap:var(--sp-12)}.idxl-group-label{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-5);font-family:var(--font-mono);font-size:.7rem;font-weight:var(--type-weight-medium);text-transform:uppercase;letter-spacing:.12em;color:var(--v-ink-60)}.idxl-group-dot{width:6px;height:6px;border-radius:50%;background:var(--v-red);flex-shrink:0}.idxl-group-count{margin-left:auto;color:var(--v-mist)}.idxl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.idxl-tile{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border:1px solid var(--v-border);border-radius:var(--r-xl);background:var(--v-white);box-shadow:var(--shadow-xs, none);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.idxl--grey .idxl-tile,.idxl--white .idxl-tile{background:var(--v-white)}.idxl-tile:hover,.idxl-tile:focus-within{border-color:var(--v-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.idxl-tile:hover .idxl-icon,.idxl-tile:focus-within .idxl-icon{color:var(--v-ink);border-color:var(--v-border-strong);background:var(--v-snow)}.idxl-tile-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-1)}.idxl-tile .idxl-item-title{margin:0;font-size:1.05rem;line-height:1.25}.idxl-tile .idxl-desc{font-size:.85rem;max-width:none;flex:1}.idxl-tile .idxl-tag{border-color:transparent;background:var(--v-snow);color:var(--v-ink-60)}@media(max-width:900px){.idxl-inner{grid-template-columns:1fr;gap:var(--sp-10)}.idxl-intro{position:static}.idxl-row,.idxl-row:not(:has(.idxl-icon)){grid-template-columns:auto 40px 1fr}.idxl-row .idxl-tag{display:none}.idxl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.idxl-row,.idxl-row:not(:has(.idxl-icon)){grid-template-columns:auto 1fr;gap:var(--sp-3);padding:var(--sp-5) 0}.idxl-row .idxl-icon{display:none}.idxl-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.idxl-row,.idxl-row:before,.idxl-cta,.idxl-cta svg,.idxl-index,.idxl-icon,.idxl-tile{transition:none}.idxl-row:hover,.idxl-row:focus-within{transform:none}.idxl-tile:hover,.idxl-tile:focus-within{transform:none}}