:root { --ink:#1d1d1f; --muted:#6e6e73; --paper:#f5f5f7; --line:#d2d2d7; --blue:#0071e3; }
* { box-sizing:border-box; }
body { min-width:320px; min-height:100svh; margin:0; display:grid; place-items:center; padding:1.25rem; color:var(--ink); font-family:"DM Sans", Arial, sans-serif; background:radial-gradient(circle at 15% 15%, #e4f1ff 0, transparent 31rem), var(--paper); }
a { color:inherit; text-decoration:none; }
a:focus-visible, summary:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
.link-page { width:min(100%, 580px); }
.link-card { padding:clamp(2rem, 7vw, 4rem); border:1px solid rgba(210,210,215,.86); border-radius:28px; background:rgba(255,255,255,.76); box-shadow:0 20px 60px rgba(0,0,0,.08); }
.wordmark { display:inline-block; margin-bottom:3.7rem; font-family:"DM Mono", monospace; font-size:1.4rem; font-weight:500; letter-spacing:-.08em; }
.wordmark span { color:var(--blue); }
.eyebrow { margin:0 0 .75rem; color:var(--blue); font-family:"DM Mono", monospace; font-size:.72rem; letter-spacing:.07em; text-transform:uppercase; }
h1 { margin:0 0 .65rem; font-size:clamp(2.5rem, 10vw, 4.3rem); line-height:1; letter-spacing:-.07em; }
.intro { max-width:350px; margin:0 0 2.5rem; color:var(--muted); font-size:1.05rem; }
.link-list { display:grid; gap:.7rem; }
.link-row { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.1rem; border:1px solid var(--line); border-radius:13px; background:#fff; font-weight:600; transition:transform .2s ease, border-color .2s ease, color .2s ease; }
.link-row:hover { transform:translateY(-2px); border-color:var(--blue); color:var(--blue); }
.link-row.featured { border-color:var(--blue); background:var(--blue); color:#fff; }
.elsewhere { margin-top:2rem; color:var(--muted); }
.elsewhere summary { cursor:pointer; font-size:.88rem; font-weight:700; }
.elsewhere summary span { margin-left:.45rem; font-weight:400; }
.elsewhere div { display:flex; gap:1.1rem; margin-top:.75rem; }
.elsewhere a { border-bottom:1px solid currentColor; }
.footer-note { margin:3rem 0 0; color:var(--muted); font-family:"DM Mono", monospace; font-size:.68rem; letter-spacing:.04em; text-transform:uppercase; }
@media (max-width:460px) { .link-card { border-radius:20px; } .wordmark { margin-bottom:2.5rem; } }