/* Shared by the public page and the portal's actual-page preview. */
#main-content.links-design[data-ld-background-image] {
  background-image: var(--ld-background-image);
  background-size: var(--ld-background-size);
  background-position: var(--ld-background-position);
  background-repeat: var(--ld-background-repeat);
}
#main-content.links-design[data-ld-background-image] :is(.linktree-shell, .linktree-content, .bio-footer-group) { background: transparent; }
.links-header-cover { width: 100%; max-height: 240px; overflow: hidden; }
.links-header-cover[hidden] { display: none; }
.links-header-cover img { display: block; width: 100%; height: 220px; object-fit: cover; }
#main-content.links-design .links-design-emphasis { border-width: 3px; font-weight: 800; }
#main-content.links-design [data-link-id] { scroll-margin-block: 110px; }
#main-content.links-design,
#main-content.links-design .linktree-shell { box-sizing: border-box; min-width: 0; }
#main-content.links-design :is(h1,h2,h3,p,.bio-link-title,.bio-link-subtitle,.professional-lede) { overflow-wrap: anywhere; }
#main-content.links-design [data-link-id] { min-width: 0; max-width: 100%; box-sizing: border-box; }
@media (max-width: 600px) {
  #main-content.links-design { padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); }
  #main-content.links-design :is(.business-link-grid,.professional-link-grid) { grid-template-columns: minmax(0, 1fr); }
}
#main-content.links-design {
  --ld-background: #f6f5f2; --ld-text: #202020; --ld-card: #ffffff; --ld-accent: #4f46e5;
  --ld-radius: 18px; --ld-gap: 14px; --ld-width: 720px;
  --ld-font: system-ui, sans-serif; --ld-shadow: 0 5px 18px #00000012;
  --accent: var(--ld-accent); --business-accent: var(--ld-accent);
  background: var(--ld-background); color: var(--ld-text); font-family: var(--ld-font);
  min-height: 100vh;
}
#main-content.links-design[data-ld-radius="square"] { --ld-radius: 2px; }
#main-content.links-design[data-ld-radius="pill"] { --ld-radius: 40px; }
#main-content.links-design[data-ld-spacing="compact"] { --ld-gap: 6px; }
#main-content.links-design[data-ld-spacing="airy"] { --ld-gap: 24px; }
#main-content.links-design[data-ld-width="narrow"] { --ld-width: 520px; }
#main-content.links-design[data-ld-width="wide"] { --ld-width: 1000px; }
#main-content.links-design[data-ld-font="serif"] { --ld-font: Georgia, serif; }
#main-content.links-design[data-ld-font="mono"] { --ld-font: ui-monospace, monospace; }
#main-content.links-design[data-ld-shadow="none"] { --ld-shadow: none; }
#main-content.links-design[data-ld-shadow="bold"] { --ld-shadow: 5px 5px 0 var(--ld-accent); }
#main-content.links-design .linktree-shell,
#main-content.links-design.business-site { width: 100%; max-width: var(--ld-width); margin-inline: auto; }
#main-content.links-design .linktree-content,
#main-content.links-design .bio-footer-group { background: var(--ld-background); }
#main-content.links-design .linktree-content > .boutique-container,
#main-content.links-design .linktree-sections { width: 100%; max-width: none; }
#main-content.links-design :is(h1,h2,h3,.bio-name,.bio-link-title,.bio-link-subtitle,.bio-role,.bio-blurb,.professional-lede) {
  color: var(--ld-text); font-family: var(--ld-font);
}
#main-content.links-design :is(.bio-link,.business-link-grid > a,.professional-link-grid > a) {
  background: var(--ld-card); color: var(--ld-text); border: 1px solid var(--ld-accent);
  border-radius: var(--ld-radius); box-shadow: var(--ld-shadow); margin-block: var(--ld-gap);
  padding-block: max(12px, var(--ld-gap)); min-height: 48px;
}
#main-content.links-design :is(.bio-hero,.business-hero-copy,.professional-hero-text) { text-align: center; }
#main-content.links-design[data-ld-alignment="left"] :is(.bio-hero,.business-hero-copy,.professional-hero-text) { text-align: left; align-items: flex-start; }
#main-content.links-design[data-ld-show-avatar="false"] :is(.bio-avatar,.business-hero-identity,.professional-portrait,.professional-portrait-initials) { display: none; }
#main-content.links-design[data-ld-show-bio="false"] :is(.bio-blurb,.business-summary,.professional-lede) { display: none; }
#main-content.links-design[data-ld-show-bio="true"] .professional-lede { display: block; }
#main-content.links-design .professional-hero { display: flex; flex-direction: column; align-items: center; }
#main-content.links-design .professional-portrait { order: -1; }
#main-content.links-design[data-ld-alignment="left"] .professional-hero { align-items: flex-start; }
#main-content.links-design[data-ld-show-avatar="false"] .business-hero { grid-template-columns: minmax(0, 1fr); }
#main-content.links-design[data-ld-show-socials="false"] :is(.bio-socials,.site-socials) { display: none !important; }
#main-content.links-design[data-ld-show-images="false"] .bio-link-thumb { display: none; }
#main-content.links-design[data-ld-layout="image"] .links-design-list .bio-link { flex-wrap: wrap; }
#main-content.links-design[data-ld-layout="image"] .links-design-list .bio-link-thumb { width: 100%; height: 160px; flex-basis: 100%; border-radius: var(--ld-radius); overflow: hidden; }
#main-content.links-design[data-ld-layout="image"] .links-design-list .bio-link-thumb img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 600px) {
  #main-content.links-design[data-ld-layout="grid"] :is(.links-design-list,.business-link-grid:not([class*="--"]),.professional-link-grid:not([class*="--"])) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ld-gap); }
  #main-content.links-design[data-ld-layout="grid"] .links-design-list > details { grid-column: 1 / -1; }
  #main-content.links-design[data-ld-layout="grid"] .links-design-list > .bio-link { margin: 0; }
}
#main-content.links-design a:focus-visible { outline: 3px solid var(--ld-accent); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  #main-content.links-design *, #main-content.links-design *::before, #main-content.links-design *::after { transition: none !important; animation: none !important; }
}