/* Link-in-bio page for Instagram and blog profiles. Builds on styles.css base and buttons;
   colors, font and logo follow the 2026-10 redesign (v3.css). */

/* Pretendard v1.3.9 (SIL OFL) — self-hosted because the CSP blocks external fonts */
@font-face{font-family:"Pretendard";font-weight:400;font-display:swap;src:url("fonts/Pretendard-Regular.subset.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:500;font-display:swap;src:url("fonts/Pretendard-Medium.subset.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:600;font-display:swap;src:url("fonts/Pretendard-SemiBold.subset.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:700;font-display:swap;src:url("fonts/Pretendard-Bold.subset.woff2") format("woff2")}
@font-face{font-family:"Pretendard";font-weight:800;font-display:swap;src:url("fonts/Pretendard-ExtraBold.subset.woff2") format("woff2")}

/* v3 palette (only links.html loads this file, so overriding styles.css tokens is safe) */
:root{--navy:#10263a;--navy-light:#1d3a54;--gold:#e8bd72;--ink:#2a3d50;--muted:#56636f;--line:#d9cfbf;--paper:#f7f3ec;--warm:#efe7da;--white:#fffdf9;--copper:#b56a2a;--copper-ink:#8c4f1a;--sage:#e5eae1;--sage-ink:#2f4a3a}

.links-page{background:var(--paper);-webkit-font-smoothing:antialiased}
.links-wrap{width:min(460px,calc(100% - 32px));margin:0 auto;padding:0 0 calc(40px + env(safe-area-inset-bottom))}

/* Profile */
.links-profile{margin:0 -16px;padding:22px 24px 30px;background:var(--navy);color:#fff;text-align:center;border-radius:0 0 24px 24px}
.links-brand{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.04em;color:#fff}.links-brand b{font-weight:800;color:var(--gold)}
.links-mark{width:26px;height:26px;flex:none}
.links-photo{width:124px;height:124px;margin:24px auto 0;border-radius:62px 62px 14px 14px;object-fit:cover;object-position:center 18%;background:#c9c9c7;box-shadow:0 0 0 3px var(--navy),0 0 0 4px #e8bd7299}
.links-profile h1{margin-top:18px;font-size:30px;font-weight:700;line-height:1.3;letter-spacing:-.04em}
.links-role{margin-top:4px;font-size:15px;font-weight:600;color:var(--gold);letter-spacing:-.01em}
.links-certs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px 10px;margin-top:10px;font-size:14px;color:#c4d4de;letter-spacing:-.02em}.links-certs i{width:1px;height:11px;background:#ffffff40}
.links-intro{margin-top:22px;font-size:20px;font-weight:600;line-height:1.55;letter-spacing:-.04em;color:#fff}.links-intro em{font-style:normal;color:var(--gold)}
.links-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0;padding:16px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
.links-stats>div+div{border-left:1px solid #ffffff24}.links-stats dt{font-size:24px;font-weight:800;letter-spacing:-.04em;line-height:1.3;color:#fff}.links-stats dd{margin:4px 0 0;font-size:14px;line-height:1.45;color:#b9cbd6}
.links-cta{margin-top:24px;min-height:58px;font-size:17px;gap:10px;border-radius:999px}
.links-cta svg{width:22px;height:22px;fill:currentColor}
.links-reply{margin-top:12px;font-size:14px;color:#a9bfcc}

/* Groups */
.links-group{margin-top:44px}
.links-label{display:flex;align-items:center;gap:8px;margin:0 4px;font-size:14px;font-weight:700;color:var(--copper-ink)}
.links-label:before{content:"";width:22px;height:2px;background:currentColor}
.links-group h2{margin:6px 4px 14px;font-size:22px;font-weight:700;letter-spacing:-.04em;color:var(--navy)}
.links-list{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.links-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:16px 18px 16px 20px;transition:background-color .15s}.links-row+.links-row{border-top:1px solid #ebe3d6}
.links-row:hover{background:#faf6ef}.links-row:active{background:#f3ece1}
.links-row strong,.links-download strong{display:block;font-size:17px;font-weight:700;line-height:1.5;color:var(--navy);letter-spacing:-.03em}
.links-row small,.links-download small{display:block;margin-top:3px;font-size:14.5px;line-height:1.55;color:var(--muted);letter-spacing:-.02em}
.links-row em{display:block;margin-bottom:3px;font-style:normal;font-size:14px;font-weight:600;color:var(--copper-ink);letter-spacing:-.01em}
.links-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#a89c89;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.links-row:hover .links-icon,.links-download:hover .links-icon{stroke:var(--copper)}
.links-download{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:16px 18px 16px 20px;background:var(--warm);border:1px solid #ddd0bb;border-radius:16px;transition:border-color .15s}.links-download:hover{border-color:var(--copper)}.links-download .links-icon{stroke:var(--copper)}

/* Individuals: sage tone, as on the homepage */
.links-group.is-personal .links-label{color:var(--sage-ink)}
.links-group.is-personal .links-list{background:#f6f8f4;border-color:#cfd8c9}
.links-group.is-personal .links-row+.links-row{border-top-color:#dde4d8}
.links-group.is-personal .links-row:hover{background:var(--sage)}
.links-group.is-personal .links-row:hover .links-icon{stroke:var(--sage-ink)}

/* Footer links */
.links-channels{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 26px;margin-top:44px;padding-top:20px;border-top:1px solid var(--line)}.links-channels a{display:inline-flex;align-items:center;min-height:48px;font-size:15px;font-weight:600;color:var(--navy)}.links-channels a:hover{text-decoration:underline;text-underline-offset:5px}
.links-footer{margin-top:6px;text-align:center;font-size:14px;color:var(--muted)}.links-footer a{text-decoration:underline;text-underline-offset:3px}

@media(min-width:500px){.links-wrap{padding-top:28px}.links-profile{margin:0;border-radius:20px}}
@media(max-width:360px){.links-profile{padding-inline:18px}.links-intro{font-size:18px}.links-stats dt{font-size:21px}.links-row,.links-download{padding-inline:16px}.links-row strong,.links-download strong{font-size:16px}}