.connected-writing{margin-top:var(--space-xl);padding:var(--space-m);border:1.5px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-paper-elevated)}.connected-header{margin-bottom:var(--space-m);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.connected-kicker{display:block;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);font-weight:700;margin-bottom:.2rem}.connected-header h2{margin:0;font-size:var(--step-2)}.connected-group+.connected-group{margin-top:var(--space-m);padding-top:var(--space-m);border-top:1px dashed var(--color-border-light)}.connected-group-title{display:flex;align-items:center;gap:.5rem;margin:0 0 var(--space-s);font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faded)}.connected-group-count{padding:.05rem .4rem;border-radius:var(--radius-xs);background:var(--color-paper-sunken);color:var(--color-ink);font-size:.72rem}.connected-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-s)}.connected-card{display:flex;flex-direction:column;padding:var(--space-s);border:1.5px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-paper);text-decoration:none;color:inherit;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.connected-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-stamp-sm);text-decoration:none}.connected-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);font-family:var(--font-mono);font-size:.72rem;color:var(--color-ink-faded);margin-bottom:.4rem}.connected-card-title{font-family:var(--font-display);font-size:var(--step-1);font-weight:700;color:var(--color-ink);margin:0;line-height:1.25;transition:color .15s ease}.connected-card:hover .connected-card-title{color:var(--color-accent)}.connected-card-sub{margin:.25rem 0 0;font-size:var(--step--1);color:var(--color-ink-faded);font-style:italic;line-height:1.4}.connected-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.55rem;font-family:var(--font-mono);font-size:.7rem;color:var(--color-ink-faded)}.connected-rows{list-style:none;padding:0;margin:0}.connected-row{display:grid;grid-template-columns:7.5rem 1fr auto;align-items:baseline;gap:var(--space-s);padding:.55rem .35rem;border-bottom:1px solid var(--color-border-light);text-decoration:none;color:inherit;transition:background-color .15s ease,padding-left .15s ease}.connected-rows li:last-child .connected-row{border-bottom:none}.connected-row:hover{background:var(--color-paper);padding-left:.6rem;text-decoration:none}.connected-row-main{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem}.connected-row-title{font-weight:600;color:var(--color-ink);transition:color .15s ease}.connected-row:hover .connected-row-title{color:var(--color-accent)}.connected-row-sub{font-size:var(--step--1);color:var(--color-ink-faded);font-style:italic}.connected-row-date{font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-faded)}@media(max-width:680px){.connected-writing{padding:var(--space-s)}.connected-cards{grid-template-columns:1fr}.connected-row{grid-template-columns:1fr auto;gap:.25rem var(--space-xs)}.connected-row .section-badge{grid-column:1/-1}}.link-preview-popover{position:fixed;z-index:250;width:min(340px,calc(100vw - 24px));padding:.8rem .95rem;background:var(--color-paper-elevated);border:1.5px solid var(--color-border);border-radius:var(--radius-s);box-shadow:var(--shadow-float);pointer-events:none;opacity:0;transform:translateY(4px)scale(.98);transition:opacity .14s ease,transform .14s ease}.link-preview-popover.is-visible{opacity:1;transform:translateY(0)scale(1)}.link-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faded);margin-bottom:.3rem}.link-preview-section{color:var(--color-accent);font-weight:700}.link-preview-title{margin:0;font-family:var(--font-display);font-size:var(--step-1);font-weight:700;color:var(--color-ink);line-height:1.2}.link-preview-sub{margin:.25rem 0 0;font-size:.88rem;color:var(--color-ink-faded);font-style:italic;line-height:1.35}.link-preview-extra{margin:.4rem 0 0;font-family:var(--font-mono);font-size:.7rem;color:var(--color-ink-faded)}