: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;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--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)}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}.link-card.accent-warm:hover:before{background:#e07840}.link-card.accent-cool:hover:before{background:#4a7ed6}.link-card.accent-sage:hover:before{background:#4a9060}.link-card.accent-rose:hover:before{background:#c0445a}.link-card.accent-violet:hover:before{background:#7b56d8}.link-card.accent-amber:hover:before{background:#b07820}.link-card.accent-sky:hover:before{background:#4a7ed6}.link-card.accent-rose-direct:hover:before{background:#c0445a}.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)){background:transparent;padding:0}.link-card:hover .card-icon{filter:saturate(1.3) brightness(.95);transform:scale(1.05)}.tint-warm{background:color-mix(in oklab,#ffd5b8 55%,var(--color-surface-1));color:#b45a16}.tint-cool{background:color-mix(in oklab,#bcd9ff 55%,var(--color-surface-1));color:#2b5fb8}.tint-sage{background:color-mix(in oklab,#c6e4cc 55%,var(--color-surface-1));color:#386c45}.tint-rose,.tint-rose-direct{background:color-mix(in oklab,#f3c2cd 55%,var(--color-surface-1));color:#9c3653}.tint-sky{background:color-mix(in oklab,#bcd9ff 55%,var(--color-surface-1));color:#2b5fb8}.tint-violet{background:color-mix(in oklab,#d3c5f4 55%,var(--color-surface-1));color:#5e3fb1}.tint-amber{background:color-mix(in oklab,#fce5b8 55%,var(--color-surface-1));color:#8a5a14}.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(--font-mono);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(--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}}