/* sweepa.io /links — Instagram link-in-bio. Every rule is under .links-* so
   this file is a no-op on marketing and blog pages. */

.links-body{
  min-height:100vh;
  background:var(--ink);
  color:var(--chalk);
}
.links-body::before{opacity:.08;mix-blend-mode:soft-light}
.links-shell{
  position:relative;
  z-index:1;
  width:min(440px,calc(100% - 40px));
  margin:0 auto;
  padding:48px 0 64px;
  display:flex;
  flex-direction:column;
  gap:28px;
}
.links-hero{text-align:center}
.links-brand{
  justify-content:center;
  color:var(--chalk);
  font-size:28px;
}
.links-brand .logo-mk{background:var(--ink-2)}
.links-handle{
  margin-top:10px;
  font-size:15px;
  font-weight:600;
  letter-spacing:.02em;
}
.links-handle a{color:var(--turf);text-decoration:none}
.links-handle a:hover{text-decoration:underline}
.links-standfirst{
  margin:16px auto 0;
  max-width:34ch;
  color:rgba(255,255,255,.78);
  font-size:16px;
  line-height:1.45;
}
/* site.css styles every `nav` as the sticky paper header. These pins are
   just two buttons — reset that chrome so they sit on the ink background. */
.links-body nav,
.links-pins{
  position:static;
  top:auto;
  z-index:auto;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  background:transparent;
  border:none;
}
.links-pins,
.links-posts{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.links-kicker{
  font-family:'Spline Sans Mono',monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--turf);
  margin-bottom:4px;
}
.links-btn{
  display:block;
  width:100%;
  text-align:center;
  text-decoration:none;
  border-radius:16px;
  padding:16px 18px;
  font-weight:700;
  line-height:1.3;
  transition:transform .15s ease, background .15s ease;
}
.links-btn:hover{transform:translateY(-1px)}
.links-btn--pin{
  background:var(--turf);
  color:var(--ink);
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:18px;
}
.links-btn--post{
  background:var(--ink-2);
  color:var(--chalk);
  border:1px solid rgba(255,255,255,.08);
  font-size:16px;
}
.links-btn--post:hover{background:#28344d}
.links-empty{
  color:rgba(255,255,255,.6);
  text-align:center;
  font-size:15px;
}
.links-foot{
  text-align:center;
  font-size:13px;
  color:rgba(255,255,255,.5);
}
.links-foot a{color:rgba(255,255,255,.7);text-decoration:none}
.links-foot a:hover{color:var(--turf)}

@media (prefers-reduced-motion:reduce){
  .links-btn{transition:none}
  .links-btn:hover{transform:none}
}