:where(:root){--color-surface-1: var(--bg-card, #ffffff);--color-border: var(--rule, #e5e7eb);--color-ink-1: var(--ink-1, #111827);--color-ink-3: var(--ink-3, #6b7280);--color-accent: var(--accent, #2563eb);--color-bg: var(--bg-canvas, #faf8f3);--text-h4: 16px;--text-h4-lh: 1.4;--text-body-sm: 14px;--text-body-sm-lh: 1.5;--radius-md: 8px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 6px 12px rgba(0,0,0,.08);--motion-fast: .12s ease;--motion-base: .2s ease;--space-4: 16px;--color-border-strong: var(--rule-strong, var(--rule, #9ca3af));--color-ink-2: var(--ink-2, #374151);--radius-sm: 6px;--radius-xs: 4px}.link-card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--theme-radius-card, var(--radius-md));padding:var(--theme-space-card, var(--space-4));display:flex;flex-direction:row;align-items:center;gap:var(--space-4);text-decoration:none;color:inherit;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast),background var(--motion-fast);cursor:pointer;scroll-margin-block-start:var(--space-4)}button.link-card{appearance:none;-webkit-appearance:none;font:inherit;text-align:left;width:100%;margin:0}article.link-card{align-items:flex-start}article.link-card .card-icon{align-self:center}article.link-card .card-arrow{align-self:center}article.link-card .card-subtitle,.link-card.preview-card .card-subtitle{white-space:pre-line;text-overflow:clip;overflow:hidden}.link-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--motion-fast),opacity var(--motion-fast)}.link-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px);background:var(--color-bg)}.link-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-md)}.link-card:hover:before{opacity:.8;background:var(--theme-accent, var(--color-accent))}.link-card.is-highlighted{--hl-width: 2px;--hl-1: var(--theme-accent, var(--color-accent));--hl-2: #7c5cff;--hl-3: #e35bd0;--hl-4: #ff9f5b;--hl-5: #4ecdc4;border-color:color-mix(in srgb,var(--theme-accent, var(--color-accent)) 22%,var(--color-border));box-shadow:0 6px 20px -10px color-mix(in srgb,var(--hl-2) 45%,transparent),0 -2px 18px -10px color-mix(in srgb,var(--hl-3) 35%,transparent),var(--shadow-md)}.link-card.is-highlighted:before{display:none}.link-card.is-highlighted:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--hl-width);background:conic-gradient(from var(--hl-angle),var(--hl-1),var(--hl-2),var(--hl-3),var(--hl-4),var(--hl-5),var(--hl-1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}@property --hl-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@media (prefers-reduced-motion: no-preference){.link-card.is-highlighted{animation:highlight-rotate 6s linear infinite}}@keyframes highlight-rotate{to{--hl-angle: 360deg}}.card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;transition:filter var(--motion-fast),transform var(--motion-fast)}.card-icon:has(img):not(.card-icon-brand):not(.card-icon--flag):not(:has(img.brand-icon)):not(.icon-failed){background:transparent;padding:0}.link-card:hover .card-icon{filter:saturate(1.3) brightness(.95);transform:scale(1.05)}.card-icon-fallback{display:none}.card-icon.icon-failed img{display:none!important}.card-icon.icon-failed .card-icon-fallback{display:flex;align-items:center;justify-content:center}.card-icon.icon-failed .card-icon-fallback svg{width:18px;height:18px;flex-shrink:0}.card-icon-monogram{font-weight:700;font-size:15px;line-height:1;text-transform:uppercase}.tint-warm{background:color-mix(in srgb,var(--theme-accent, #ffd5b8) 22%,var(--color-surface-1));color:color-mix(in srgb,var(--theme-accent, #b45a16) 55%,var(--theme-text, var(--color-ink-1)))}.tint-cool{background:color-mix(in srgb,var(--theme-accent, #bcd9ff) 22%,var(--color-surface-1));color:color-mix(in srgb,var(--theme-accent, #2b5fb8) 55%,var(--theme-text, var(--color-ink-1)))}.tint-sage{background:color-mix(in srgb,var(--theme-accent, #c6e4cc) 22%,var(--color-surface-1));color:color-mix(in srgb,var(--theme-accent, #386c45) 55%,var(--theme-text, var(--color-ink-1)))}.tint-rose,.tint-rose-direct{background:color-mix(in srgb,var(--theme-accent, #f3c2cd) 22%,var(--color-surface-1));color:color-mix(in srgb,var(--theme-accent, #9c3653) 55%,var(--theme-text, var(--color-ink-1)))}.tint-sky{background:color-mix(in srgb,var(--theme-accent, #bcd9ff) 22%,var(--color-surface-1));color:color-mix(in srgb,var(--theme-accent, #2b5fb8) 55%,var(--theme-text, var(--color-ink-1)))}.tint-violet{background:color-mix(in srgb,var(--theme-accent, #d3c5f4) 22%,var(--color-surface-1));color:color-mix(in srgb,var(--theme-accent, #5e3fb1) 55%,var(--theme-text, var(--color-ink-1)))}.tint-amber{background:color-mix(in srgb,var(--theme-accent, #fce5b8) 22%,var(--color-surface-1));color:color-mix(in srgb,var(--theme-accent, #8a5a14) 55%,var(--theme-text, var(--color-ink-1)))}.card-body{flex:1;min-width:0}.card-title{font-size:var(--text-h4);font-weight:600;line-height:var(--text-h4-lh);color:var(--color-ink-1);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-family:var(--theme-font-family, var(--font-sans));font-size:var(--text-body-sm);line-height:var(--text-body-sm-lh);color:var(--color-ink-3);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-arrow{width:16px;height:16px;color:var(--theme-accent, var(--color-accent));flex-shrink:0;opacity:0;transform:translate(-8px);transition:opacity var(--motion-fast),transform var(--motion-fast),color var(--motion-fast)}.link-card:hover .card-arrow{opacity:1;transform:translate(0)}.link-card:has(.card-more-btn:hover) .card-arrow,.link-card:has(.card-more-btn:focus-visible) .card-arrow{opacity:0;transform:translate(-8px)}.card-link-stretched{text-decoration:none;color:inherit;display:block}.card-link-stretched:after{content:"";position:absolute;inset:0;z-index:0}.card-link-stretched:focus-visible{outline:none}.link-card:focus-within{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-md)}.card-subtitle.is-clampable{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:clip;max-height:calc(var(--text-body-sm-lh, 1.5) * 2em);transition:max-height var(--motion-base) ease}.card-subtitle.is-expanded{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible;white-space:normal;max-height:1000px}.card-more-btn{position:relative;z-index:1;appearance:none;background:transparent;border:0;padding:6px 8px;margin-left:-8px;margin-top:2px;font:inherit;font-size:var(--text-body-sm);color:var(--color-ink-2);cursor:pointer;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px;transition:color var(--motion-fast),text-decoration-color var(--motion-fast)}.card-more-btn:hover{color:var(--color-ink-1);text-decoration-color:currentColor}.card-more-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs, 4px)}.card-more-btn[hidden]{display:none}@media (prefers-reduced-motion: reduce){.link-card,.card-icon,.card-arrow,.card-more-btn,.card-subtitle.is-clampable,.card-subtitle.is-expanded{transition:none!important}.link-card:hover{transform:none!important}}