.manual-citation{margin-block:.5rem;max-width:288px}.manual-citation__link{display:grid;grid-template-columns:56px 1fr 24px;grid-gap:.625rem;gap:.625rem;align-items:center;padding:.5rem;min-height:44px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);text-decoration:none;color:var(--text);transition:background-color 80ms ease,border-color 80ms ease}.manual-citation__link:hover{background:var(--surface-raised);border-color:var(--primary)}.manual-citation__link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.manual-citation__thumb{display:flex;align-items:center;justify-content:center;width:56px;height:70px;background:var(--surface-raised);border:1px solid var(--line-s);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.manual-citation__thumb-img{width:100%;height:100%;object-fit:cover}.manual-citation__thumb-placeholder{font-family:var(--font-data);font-size:1.25rem;color:var(--text-2);line-height:1}.manual-citation__meta{display:flex;flex-direction:column;gap:.125rem;min-width:0}.manual-citation__title{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-citation__sub{display:flex;align-items:baseline;gap:.375rem;font-size:var(--text-xs);color:var(--text-2);min-width:0}.manual-citation__page{font-family:var(--font-data);font-weight:500;color:var(--text);flex-shrink:0}.manual-citation__sep{color:var(--text-2)}.manual-citation__section{font-family:var(--font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-citation__figure{font-family:var(--font-data);font-size:var(--text-xs);color:var(--text-2);margin:0}.manual-citation__arrow{font-family:var(--font-ui);font-size:1rem;color:var(--primary);text-align:right;flex-shrink:0}.manual-citation__link:hover .manual-citation__arrow{color:var(--primary-h)}@media (prefers-reduced-motion:reduce){.manual-citation__link{transition:none}}