:root {
  --bg: #ffffff;
  --surface: #f5f5f7;
  --surface-strong: #fafafa;
  --line: #d2d2d7;
  --line-soft: #e5e7eb;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --accent: #0071e3;
  --accent-soft: rgba(0, 113, 227, 0.08);
  --primary-cta: #204f80;
  --primary-cta-hover: #173d65;
  --nav: #1d1d1f;
  --nav-text: #f5f5f7;
  --shadow: 0 12px 32px rgba(17, 24, 39, 0.04);
  --radius: 24px;
  --radius-sm: 999px;
  --container: 1120px;
  --body: "Aptos", "Segoe UI Variable Text", "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 4.5rem;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--text);
  font-family: var(--body);
  line-height: 1.65;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

button,
input {
  font: inherit;
}

.skip-link,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link:focus {
  width: auto;
  height: auto;
  clip: auto;
  margin: 1rem;
  padding: 0.75rem 1rem;
  background: #fff;
  border-radius: 999px;
  z-index: 30;
}

.container {
  width: min(calc(100% - 2rem), var(--container));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 1200;
}

.top-bar {
  position: relative;
  background: rgba(29, 29, 31, 0.95);
  backdrop-filter: blur(10px);
  color: var(--nav-text);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  padding-top: env(safe-area-inset-top, 0px);
}

.top-bar-inner {
  min-height: 2.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.brand-mark {
  width: 1.45rem;
  height: 1.45rem;
  display: block;
  filter: invert(1) brightness(2.2);
}

.clickable-card {
  display: block;
  color: inherit;
  text-decoration: none;
}

.clickable-card:hover,
.clickable-card:focus-visible {
  border-color: var(--line);
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.05);
}

.clickable-card .button-pill {
  pointer-events: none;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 1.35rem;
}

.site-nav a {
  color: rgba(245, 245, 247, 0.82);
  font-size: 0.82rem;
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a.is-active,
.brand:hover,
.brand:focus-visible {
  color: #ffffff;
}

.site-nav a.is-active,
.footer-explore a.is-active {
  font-weight: 700;
}

.nav-toggle {
  display: none;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: transparent;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.22rem;
  color: #fff;
}

.nav-toggle span {
  width: 0.95rem;
  height: 2px;
  background: currentColor;
}

.hero,
.subpage-hero {
  text-align: center;
  padding: 5.25rem 0 2.75rem;
}

#notable-signals,
#signal-statistics,
#review-watchlist,
#batch-history,
.sm-workflow-anchor-target,
.topic-group-section,
.subpage-hero {
  scroll-margin-top: 4.5rem;
}

.hero-inner {
  max-width: 760px;
}

.eyebrow,
.section-kicker,
.step-label,
.footer-heading {
  margin: 0 0 0.8rem;
  color: var(--muted);
  font-size: 0.76rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

h1,
h2,
h3 {
  margin: 0;
  color: var(--text);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.08;
}

h1 {
  font-size: clamp(3.1rem, 8vw, 5.8rem);
}

h2 {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}

h3 {
  font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.hero-subtitle,
.section-copy,
.muted,
.muted-inline,
.format-note,
.result-count,
.footer-copy,
.source-list span,
.topic-link-list span,
.mini-list span {
  color: var(--muted);
}

.hero-subtitle {
  max-width: 620px;
  margin: 1rem auto 0;
  font-size: 1.1rem;
}

.hero-subtitle-typed {
  color: #b23a48;
  font-weight: 600;
  min-height: 2.8em;
}

.hero-subtitle-typed.is-typing::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1em;
  margin-left: 0.12rem;
  vertical-align: -0.12em;
  background: currentColor;
  animation: blink-caret 0.8s step-end infinite;
}

.hero-creator-cta {
  max-width: 44rem;
  margin: 1.5rem auto 0;
  display: grid;
  gap: 0.95rem;
}

.hero-creator-copy {
  margin: 0;
}

.hero-creator-actions {
  justify-content: center;
  margin-top: 0;
}

.hero-creator-actions .button-pill {
  margin-top: 0;
  min-width: 0;
}

.hero-flow {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
  margin-top: 1.8rem;
}

.hero-flow span,
.badge,
.button-pill,
.card-meta span {
  border-radius: 999px;
}

.hero-flow span {
  padding: 0.36rem 0.74rem;
  background: transparent;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  cursor: default;
  pointer-events: none;
}

.button-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.85rem;
  min-width: 9rem;
  margin-top: 2rem;
  padding: 0 1.2rem;
  background: var(--primary-cta);
  color: #ffffff;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}

.button-pill:not(.button-secondary):is(:hover, :focus-visible, :active) {
  background: var(--primary-cta-hover);
}

.button-secondary {
  background: transparent;
  color: var(--accent);
  border: 1px solid var(--line);
}

.section {
  padding: 2.75rem 0;
}

.section-head {
  margin-bottom: 1.6rem;
}

.section-actions {
  margin-top: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.statistics-group-shell {
  padding: 1.65rem;
  background: var(--surface);
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius) + 4px);
  box-shadow: var(--shadow);
}

.statistics-grid {
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  align-items: start;
}

.published-date-controls {
  margin: 0.85rem 0 1rem;
}

.published-date-results {
  display: grid;
  gap: 0.85rem;
  max-height: 21rem;
  overflow-y: auto;
  padding-right: 0.3rem;
  scrollbar-width: thin;
  scrollbar-color: #c8d0da transparent;
}

.published-date-results::-webkit-scrollbar {
  width: 8px;
}

.published-date-results::-webkit-scrollbar-thumb {
  background: #c8d0da;
  border-radius: 999px;
}

.published-date-results::-webkit-scrollbar-track {
  background: transparent;
}

.published-date-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.85rem;
}

.published-date-list li {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--line-soft);
}

.published-date-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.published-date-list li > a {
  display: flex;
  justify-content: space-between;
  gap: 0.85rem;
  color: inherit;
}

.published-date-list li > a strong {
  min-width: 0;
}

.published-date-list li > a span {
  color: var(--muted);
  white-space: nowrap;
}

.search-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.8rem 1rem;
  background: var(--surface);
  border: 1px solid var(--line-soft);
  border-radius: 18px;
}

.search-meta-row {
  display: grid;
  gap: 0.25rem;
  margin: -0.45rem 0 0.35rem;
}

.search-section .container,
.statistics-preview .container,
.analytics-section .container,
.statistics-primary-summary .container,
.statistics-secondary-summary .container {
  min-width: 0;
}

.search-range-select {
  flex: 0 0 9.75rem;
  max-width: 9.75rem;
}

.notable-empty-message {
  margin-top: 1rem;
}

.search-field {
  flex: 1 1 42rem;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 3.35rem;
  padding: 0 1rem;
  background: #fbfbfc;
  border: 1px solid var(--line);
  border-radius: 999px;
}

.search-icon {
  color: var(--muted);
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.search-icon svg {
  width: 1rem;
  height: 1rem;
  display: block;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
}

.search-strip input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--text);
  outline: none;
  font-size: 1rem;
}

.search-strip input::placeholder {
  color: #8f96a3;
}

.search-results {
  display: grid;
  gap: 0.85rem;
  margin: 0 0 1.4rem;
}

.search-section {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

.statistics-detail-search-section {
  padding-top: 0.2rem;
  padding-bottom: 0.7rem;
}

.page-home .statistics-preview {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.page-home .search-section {
  padding-top: 0.4rem;
  padding-bottom: 0.7rem;
}

.page-home .signal-index {
  padding-top: 1.35rem;
  padding-bottom: 1.3rem;
}

.page-home .hero {
  position: relative;
  padding: 6rem 0 2.2rem;
  overflow: hidden;
}

.page-home .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top center, rgba(0, 113, 227, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(245, 247, 250, 0.92) 100%);
  pointer-events: none;
}

.page-home .hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1180px;
}

.page-home .home-hero-shell {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  justify-items: center;
  text-align: center;
}

.page-home .hero h1 {
  max-width: 16.5ch;
  margin: 0 auto;
  font-size: clamp(3rem, 6vw, 5.25rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.page-home .hero-headline-accent {
  color: #0a66d9;
}

.page-home .hero-headline-rest {
  display: block;
  color: #111111;
}

.page-home .hero .hero-subtitle {
  max-width: 64rem;
  margin-top: 0;
  font-size: 1.12rem;
  line-height: 1.45;
  color: #394150;
  white-space: normal;
}

.page-home .home-hero-support {
  max-width: 52rem;
  margin: 0 auto;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.58;
}

.page-home .home-hero-risk-panel {
  width: min(100%, 58rem);
  margin: 0.4rem auto 0;
  padding: 1.02rem 1.12rem 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.06);
  display: grid;
  gap: 0.8rem;
}

.page-about .about-hero-accent {
  color: #b91c1c;
}

.page-home .home-hero-risk-zone,
.page-home .home-hero-solution-zone,
.page-home .home-hero-free-note {
  display: grid;
  gap: 0.46rem;
  padding: 0.9rem 0.95rem;
  border-radius: 18px;
}

.page-home .home-hero-risk-zone {
  border: 1px solid rgba(220, 38, 38, 0.18);
  background: linear-gradient(180deg, rgba(254, 242, 242, 0.94) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.page-home .home-hero-risk-zone .step-label {
  margin: 0;
  color: #b91c1c;
  font-weight: 700;
}

.page-home .home-hero-risk-zone h3,
.page-home .home-hero-solution-zone h4,
.page-home .home-hero-free-note h4 {
  margin: 0;
  color: #111827;
}

.page-home .home-hero-risk-zone h3 {
  font-size: 1rem;
  line-height: 1.42;
}

.page-home .home-hero-risk-list,
.page-home .home-hero-solution-list {
  margin: 0;
  padding-left: 1.1rem;
  color: #334155;
  font-size: 0.94rem;
  line-height: 1.55;
}

.page-home .home-hero-solution-zone {
  border: 1px solid rgba(10, 102, 217, 0.16);
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.92) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.page-home .home-hero-free-note {
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(248, 250, 252, 0.92);
}

.page-home .home-hero-free-note p {
  margin: 0;
  color: #475569;
  font-size: 0.92rem;
  line-height: 1.56;
}

.home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.85rem;
  margin-top: 0.45rem;
}

.page-home .home-hero-actions .button-pill {
  margin-top: 0;
  min-height: 3rem;
  padding: 0 1.3rem;
  border-radius: 999px;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}

.page-home .home-hero-primary {
  background: #111111;
  color: #ffffff;
}

.page-home .home-hero-primary:hover,
.page-home .home-hero-primary:focus-visible {
  background: #1d1d1f;
  color: #ffffff;
}

.page-home .home-hero-secondary {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(17, 24, 39, 0.12);
  color: #111827;
}

.page-home .home-hero-secondary:hover,
.page-home .home-hero-secondary:focus-visible {
  background: rgba(255, 255, 255, 0.95);
  color: #111827;
}

.page-home .home-story-section {
  padding-top: 0.65rem;
  padding-bottom: 1.15rem;
}

.page-statistics-detail .home-story-section {
  padding-top: 0.15rem;
  padding-bottom: 0.55rem;
}

.page-home .sm-scroll-workflow-section {
  padding-top: 0.15rem;
  padding-bottom: 1.2rem;
}

.page-home .sm-scroll-workflow {
  padding: 1.7rem 1.8rem 1.8rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(246, 249, 253, 0.94) 100%);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 30px;
  box-shadow: 0 26px 54px rgba(15, 23, 42, 0.06);
  overflow: clip;
}

.page-home .sm-scroll-workflow-head {
  max-width: 44rem;
  margin-bottom: 1.35rem;
}

.page-home .sm-scroll-workflow-head h2 {
  margin-bottom: 0.55rem;
  color: #1f2937;
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.page-home .sm-scroll-workflow-head h2 span {
  display: block;
}

.page-home .sm-scroll-workflow-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(13.8rem, 14.8rem);
  gap: 1.25rem;
  align-items: start;
}

.page-home .sm-scroll-workflow-steps {
  display: grid;
  gap: 0.9rem;
  min-width: 0;
}

.page-home .sm-scroll-workflow-group {
  display: grid;
  gap: 0.72rem;
  padding: 0.95rem 1rem 1rem;
  border: 1px solid rgba(76, 110, 163, 0.48);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(249, 251, 255, 0.96) 0%, rgba(241, 245, 249, 0.86) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.28), 0 10px 28px rgba(15, 23, 42, 0.04);
}

.page-home .sm-scroll-workflow-group-daily {
  gap: 0.85rem;
}

.page-home .sm-scroll-workflow-group-label {
  margin: 0;
  color: #111827;
  font-size: clamp(1.38rem, 2vw, 1.62rem);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page-home .sm-scroll-workflow-controls {
  display: grid;
  gap: 1.45rem;
  min-width: 0;
}

.page-home .sm-scroll-workflow-recent-signals,
.page-home .sm-scroll-workflow-platform-picker,
.page-home .sm-scroll-workflow-signal-row-shell {
  min-width: 0;
}

.page-home .sm-scroll-workflow-recent-signals,
.page-home .sm-scroll-workflow-platform-picker {
  display: grid;
}

.page-home .sm-scroll-workflow-recent-signals {
  gap: 0.28rem;
}

.page-home .sm-scroll-workflow-platform-picker {
  gap: 0.28rem;
  margin-top: 0.42rem;
}

.page-home .sm-scroll-workflow-platform-picker .sm-scroll-workflow-controls-label {
  margin-bottom: 0.32rem;
}

.page-home .sm-scroll-workflow-platform-choice-group {
  display: grid;
  gap: 0.6rem;
}

.page-home .sm-scroll-workflow-platform-action-row {
  margin-top: 0.04rem;
}

.page-home .sm-scroll-workflow-ai-picker {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
  margin-top: 0.54rem;
  margin-bottom: 0.05rem;
}

.page-home .sm-scroll-workflow-ai-row,
.page-home .sm-scroll-workflow-ai-extra {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.page-home .sm-scroll-workflow-ai-extra[hidden] {
  display: none !important;
}

.page-home .sm-scroll-workflow-ai-actions {
  display: grid;
  justify-items: start;
  gap: 0.22rem;
  margin-top: 0;
  margin-bottom: 0.95rem;
}

.page-home .sm-scroll-workflow-ai-recommendation {
  margin: 0;
  color: #111827;
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 1.35;
}

.page-home .sm-scroll-workflow-controls-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.page-home .sm-scroll-workflow-controls-label {
  margin: 0 0 0.48rem;
  color: #0a66d9;
  font-size: 1.17rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: none;
  line-height: 1.32;
}

.page-home .sm-scroll-workflow-daily-intro-label {
  margin-top: 0.62rem;
}

.page-home .sm-scroll-workflow-scroll-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.44rem;
  flex: 0 0 auto;
  margin-left: 0.55rem;
}

.page-home .sm-scroll-workflow-scroll-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid rgba(15, 23, 42, 0.72);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #111827;
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, opacity 160ms ease;
}

.page-home .sm-scroll-workflow-scroll-button:hover,
.page-home .sm-scroll-workflow-scroll-button:focus-visible {
  border-color: #0f172a;
  background: rgba(248, 250, 252, 0.98);
  color: #0f172a;
}

.page-home .sm-scroll-workflow-scroll-button:disabled {
  opacity: 0.38;
  cursor: default;
  box-shadow: none;
}

.page-home .sm-scroll-workflow-signal-row-shell {
  overflow: visible;
  margin-top: 0.28rem;
}

.page-home .sm-scroll-workflow-signal-row,
.page-home .sm-scroll-workflow-platform-row {
  display: flex;
  gap: 0.6rem;
  overflow-x: auto;
  padding-bottom: 0.1rem;
  scrollbar-width: thin;
  min-width: 0;
}

.page-home .sm-scroll-workflow-signal-row {
  padding-inline: max(0.35rem, calc(50% - 6.4rem));
  padding-top: 0.28rem;
  scroll-padding-inline: max(0.35rem, calc(50% - 6.4rem));
}

.page-home .sm-scroll-workflow-signal-chip-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-width: 11.4rem;
  max-width: 12.8rem;
}

.page-home .sm-scroll-workflow-signal-chip,
.page-home .sm-scroll-workflow-platform-toggle {
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.88);
  color: #334155;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.page-home .sm-scroll-workflow-signal-chip {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 0.7rem;
  width: 100%;
  min-height: 30.42rem;
  padding: 1.06rem 0.98rem 2.8rem;
  border-radius: 18px;
  text-align: left;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.page-home .sm-scroll-workflow-signal-chip.is-active,
.page-home .sm-scroll-workflow-signal-chip:hover,
.page-home .sm-scroll-workflow-signal-chip:focus-visible,
.page-home .sm-scroll-workflow-platform-toggle.is-active,
.page-home .sm-scroll-workflow-platform-toggle:hover,
.page-home .sm-scroll-workflow-platform-toggle:focus-visible {
  border-color: #0a66d9;
  background: rgba(239, 246, 255, 0.96);
  color: #0a66d9;
  box-shadow: 0 12px 28px rgba(10, 102, 217, 0.08);
}

.page-home .sm-scroll-workflow-signal-chip.is-active {
  transform: translateY(-1px);
  box-shadow: 0 0 0 2px rgba(10, 102, 217, 0.08), 0 16px 34px rgba(10, 102, 217, 0.14);
}

.page-home .sm-scroll-workflow-signal-detail-link {
  position: absolute;
  right: 0.9rem;
  bottom: 0.82rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.65rem;
  padding: 0 0.56rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(148, 163, 184, 0.28);
  color: #475569;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.06);
  white-space: nowrap;
}

.page-home .sm-scroll-workflow-signal-detail-link:hover,
.page-home .sm-scroll-workflow-signal-detail-link:focus-visible {
  color: #0a66d9;
  border-color: rgba(10, 102, 217, 0.28);
  background: rgba(239, 246, 255, 0.96);
}

.page-home .sm-scroll-workflow-signal-chip-title {
  display: -webkit-box;
  margin: 0;
  color: #111827;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.42;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.page-home .sm-scroll-workflow-signal-observation {
  display: -webkit-box;
  margin: -0.08rem 0 0;
  color: #475569;
  font-size: 0.78rem;
  line-height: 1.48;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.page-home .sm-scroll-workflow-signal-insights {
  display: grid;
  gap: 0.55rem;
  align-content: start;
  margin-top: -0.06rem;
}

.page-home .sm-scroll-workflow-signal-attention {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin: 0;
  color: #0f172a;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.25;
}

.page-home .sm-scroll-workflow-signal-attention-label {
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page-home .sm-scroll-workflow-signal-radar {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 11.8rem;
}

.page-home .sm-scroll-workflow-signal-radar .score-radar-chart,
.page-home .sm-scroll-workflow-signal-radar svg {
  display: block;
  width: min(100%, 11.7rem);
  height: auto;
}

.page-home .sm-scroll-workflow-signal-radar .radar-legend {
  gap: 0.44rem 0.72rem;
  font-size: 0.624rem;
}

.page-home .sm-scroll-workflow-signal-radar .radar-legend span {
  gap: 0.32rem;
}

.page-home .sm-scroll-workflow-signal-radar .radar-legend-swatch {
  width: 0.58rem;
  height: 0.58rem;
}

.page-home .sm-scroll-workflow-signal-category {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  max-width: 100%;
  margin-top: -0.04rem;
  color: #475569;
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-transform: uppercase;
}

.page-home .sm-scroll-workflow-signal-time {
  display: grid;
  gap: 0.34rem;
  align-content: start;
  margin-top: 0.1rem;
}

.page-home .sm-scroll-workflow-signal-time-label {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
}

.page-home .sm-scroll-workflow-signal-time-value {
  color: #1d4ed8;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.page-home .sm-scroll-workflow-signal-time-value.is-expired {
  color: #b91c1c;
}

.page-home .sm-scroll-workflow-signal-time-track {
  display: block;
  width: 100%;
  height: 0.42rem;
  border-radius: 999px;
  background: rgba(191, 219, 254, 0.42);
  overflow: hidden;
}

.page-home .sm-scroll-workflow-signal-time-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0a66d9 0%, #60a5fa 100%);
}

.page-home .sm-scroll-workflow-signal-time-fill.is-expired {
  background: linear-gradient(90deg, #f97316 0%, #ef4444 100%);
}

.page-home .sm-scroll-workflow-platform-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  padding: 0.42rem 0.68rem;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1;
}

.page-home .sm-scroll-workflow-platform-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  border: 1px dashed rgba(148, 163, 184, 0.55);
  background: rgba(255, 255, 255, 0.92);
  color: #475569;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1;
}

.page-home .sm-scroll-workflow-platform-more:hover,
.page-home .sm-scroll-workflow-platform-more:focus-visible {
  border-color: rgba(10, 102, 217, 0.38);
  color: #0a66d9;
  background: rgba(239, 246, 255, 0.96);
}

.page-home .sm-scroll-workflow-platform-extra {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.08rem;
}

.page-home .sm-scroll-workflow-platform-extra[hidden] {
  display: none !important;
}

.page-home .sm-scroll-workflow-platform-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.48rem;
  margin-top: 0;
}

.page-home .sm-scroll-workflow-platform-actions > .button-pill {
  margin-top: 0.75rem;
}

.page-home .sm-scroll-workflow-daily-cards {
  display: grid;
  gap: 0.9rem;
}

.page-home .sm-scroll-workflow-daily-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin: 0.02rem 0 0.28rem;
}

.page-home .sm-scroll-workflow-daily-header .sm-scroll-workflow-daily-intro-label {
  margin: 0;
}

.page-home .sm-scroll-workflow-step-shell {
  display: grid;
  gap: 0.36rem;
}

.page-home .sm-scroll-workflow-step-shell-actions {
  display: flex;
  justify-content: flex-end;
}

.page-home .sm-scroll-workflow-step {
  position: relative;
  padding: 1.08rem 1.15rem;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.page-home .sm-scroll-workflow-step.is-checked-state {
  border-color: rgba(74, 222, 128, 0.34);
  background: linear-gradient(180deg, rgba(240, 253, 244, 0.98), rgba(236, 253, 245, 0.9));
  box-shadow: 0 18px 36px rgba(22, 163, 74, 0.08);
}

.page-home .sm-scroll-workflow-step.is-active,
.page-home .sm-scroll-workflow-step.is-complete {
  border-color: rgba(10, 102, 217, 0.22);
  box-shadow: 0 18px 36px rgba(10, 102, 217, 0.08);
}

.page-home .sm-scroll-workflow-step.is-active {
  transform: translateY(-1px);
}

.page-home .sm-scroll-workflow-step-index {
  margin: 0 0 0.45rem;
  color: #0a66d9;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.page-home .sm-scroll-workflow-step-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.85rem;
}

.page-home .sm-scroll-workflow-checklist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.36rem;
  max-width: 8rem;
}

.page-home .sm-scroll-workflow-checklist[data-sm-scroll-workflow-checklist="comments"] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1rem));
  gap: 0.32rem;
  max-width: none;
}

.page-home .sm-scroll-workflow-step-topline-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.55rem;
}

.page-home .sm-scroll-workflow-check {
  display: grid;
  place-items: center;
  width: 1.02rem;
  height: 1.02rem;
  padding: 0;
  border: 1.6px solid rgba(148, 163, 184, 0.9);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: transparent;
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 1);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, color 160ms ease;
}

.page-home .sm-scroll-workflow-check::before {
  content: "";
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1;
}

.page-home .sm-scroll-workflow-check:hover,
.page-home .sm-scroll-workflow-check:focus-visible {
  border-color: rgba(10, 102, 217, 0.72);
  outline: none;
  transform: translateY(-1px);
}

.page-home .sm-scroll-workflow-check[aria-checked="true"] {
  border-color: #16a34a;
  background: #16a34a;
  color: #ffffff;
  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.16);
}

.page-home .sm-scroll-workflow-check[aria-checked="true"]::before {
  content: "✓";
}

.page-home .sm-scroll-workflow-clear-button {
  min-height: 2.18rem;
  padding: 0.28rem 0.84rem;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #64748b;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.05;
  cursor: pointer;
  transition: border-color 160ms ease, color 160ms ease, background-color 160ms ease;
}

.page-home .sm-scroll-workflow-clear-button:hover,
.page-home .sm-scroll-workflow-clear-button:focus-visible {
  border-color: rgba(10, 102, 217, 0.26);
  color: #0a66d9;
  background: rgba(239, 246, 255, 0.96);
  outline: none;
}

.page-home .sm-scroll-workflow-step h3 {
  margin: 0 0 0.52rem;
  font-size: 1.08rem;
}

.page-home .sm-scroll-workflow-step-copy {
  margin-bottom: 0.76rem;
}

.page-home .sm-scroll-workflow-step p {
  margin: 0;
  color: #4b5563;
  line-height: 1.58;
}

.page-home .sm-scroll-workflow-step-action {
  gap: 0.84rem;
}

.page-home .sm-scroll-workflow-action-context {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  margin-top: 0.58rem;
  margin-bottom: 0.62rem;
}

.page-home .sm-scroll-workflow-platform-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.7rem;
  padding: 0.2rem 0.68rem;
  border-radius: 999px;
  background: rgba(178, 58, 72, 0.1);
  color: #b23a48;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
}

.page-home .sm-scroll-workflow-signal-name {
  display: inline-flex;
  align-items: center;
  min-height: 1.7rem;
  padding: 0.2rem 0.68rem;
  border-radius: 999px;
  background: rgba(10, 102, 217, 0.1);
  color: #0a66d9;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
}

.page-home .sm-scroll-workflow-action-preview {
  margin-top: 0.08rem;
  margin-bottom: 0;
  color: #1f2937;
  font-size: 0.88rem;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.page-home .sm-scroll-workflow-action-preview-block {
  display: grid;
  gap: 0.42rem;
  margin-top: 0.42rem;
}

.page-home .sm-scroll-workflow-action-preview-label {
  margin: 0;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page-home .sm-scroll-workflow-action-purpose {
  margin: 0;
  color: #475569;
  font-size: 0.8rem;
  line-height: 1.5;
}

.page-home .sm-scroll-workflow-action-purpose-block {
  display: grid;
  gap: 0.18rem;
}

.page-home .sm-scroll-workflow-action-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.58rem;
  margin-top: 0.36rem;
}

.page-home .sm-scroll-workflow-chatgpt-button {
  width: fit-content;
  min-height: 2.35rem;
  padding: 0 0.95rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
}

.page-home .sm-scroll-workflow-chatgpt-button-secondary {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(15, 23, 42, 0.14);
  color: #0a66d9;
}

.page-home .sm-scroll-workflow-open-button {
  width: fit-content;
  min-height: 2.35rem;
  padding: 0 0.95rem;
  border-radius: 999px;
  color: #b23a48;
  border-color: rgba(178, 58, 72, 0.28);
  background: rgba(255, 255, 255, 0.95);
  font-size: 0.78rem;
  font-weight: 700;
}

.page-home .sm-scroll-workflow-open-button:visited {
  color: #b23a48;
}

.page-home .sm-scroll-workflow-open-button:hover,
.page-home .sm-scroll-workflow-open-button:focus-visible {
  color: #9f2f3d;
  border-color: rgba(178, 58, 72, 0.42);
  background: rgba(255, 246, 247, 0.96);
}

.page-home .sm-scroll-workflow-ai-open-button {
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  min-height: 2.02rem;
  padding: 0.5rem 1.02rem;
  margin-top: 0;
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.15;
  justify-content: center;
  align-items: center;
  gap: 0.28rem;
  align-self: flex-start;
  justify-self: start;
  white-space: nowrap;
}

.page-home .sm-scroll-workflow-diagram-wrap {
  position: sticky;
  top: 5.9rem;
  width: min(100%, 14.8rem);
  justify-self: end;
  min-width: 0;
}

.page-home .sm-scroll-workflow-diagram {
  --sm-scroll-workflow-progress: 0%;
  --sm-scroll-workflow-progress-ratio: 0;
  --sm-scroll-workflow-line-top: 7.6rem;
  --sm-scroll-workflow-line-span: calc(100% - 11.8rem);
  position: relative;
  min-height: 33rem;
  padding: 6.9rem 0.7rem 2.15rem 4.15rem;
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(10, 102, 217, 0.12), transparent 42%),
    rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  overflow: hidden;
}

.page-home .sm-scroll-workflow-diagram-title {
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 1rem;
  margin: 0;
  color: #0a66d9;
  font-size: 1.62rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.page-home .sm-scroll-workflow-diagram-title span {
  display: block;
}

.page-home .sm-scroll-workflow-daily-outline {
  position: absolute;
  left: 3.28rem;
  right: 0.86rem;
  top: calc(var(--sm-scroll-workflow-line-top) + 1.4rem);
  bottom: 1.34rem;
  border: 2px dotted rgba(10, 102, 217, 0.42);
  border-radius: 22px;
  background: rgba(219, 234, 254, 0.1);
  pointer-events: none;
}

.page-home .sm-scroll-workflow-line-track,
.page-home .sm-scroll-workflow-line-fill {
  position: absolute;
  left: 2.1rem;
  top: var(--sm-scroll-workflow-line-top);
  width: 4px;
  height: var(--sm-scroll-workflow-line-span);
  border-radius: 999px;
}

.page-home .sm-scroll-workflow-line-track {
  background: linear-gradient(180deg, rgba(203, 213, 225, 0.98) 0%, rgba(226, 232, 240, 0.92) 100%);
}

.page-home .sm-scroll-workflow-line-fill {
  background: linear-gradient(180deg, #0a66d9 0%, #4f93ff 100%);
  height: calc(var(--sm-scroll-workflow-line-span) * var(--sm-scroll-workflow-progress-ratio));
}

.page-home .sm-scroll-workflow-node {
  position: absolute;
  left: 0.8rem;
  right: 0.9rem;
  top: calc(var(--sm-scroll-workflow-line-top) + (var(--sm-scroll-workflow-line-span) * var(--sm-scroll-workflow-node-position)));
  display: grid;
  grid-template-columns: 2.85rem minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transform: translateY(-50%);
  z-index: 1;
}

.page-home .sm-scroll-workflow-step-setup {
  cursor: default;
}

.page-home .sm-scroll-workflow-node-dot {
  display: grid;
  place-items: center;
  width: 2.45rem;
  height: 2.45rem;
  margin-left: 0.06rem;
  border-radius: 999px;
  border: 2px solid rgba(148, 163, 184, 0.9);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.92);
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.page-home .sm-scroll-workflow-node-dot img {
  width: 1.22rem;
  height: 1.22rem;
  object-fit: contain;
  opacity: 1;
  filter: none;
  transition: filter 160ms ease, opacity 160ms ease;
}

.page-home .sm-scroll-workflow-node-copy {
  display: grid;
  gap: 0.08rem;
}

.page-home .sm-scroll-workflow-node-label-short {
  display: none;
}

.page-home .sm-scroll-workflow-node-label {
  color: #475569;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.22;
  transition: color 160ms ease;
}

.page-home .sm-scroll-workflow-node-category {
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
}

.page-home .sm-scroll-workflow-node:hover .sm-scroll-workflow-node-label,
.page-home .sm-scroll-workflow-node:focus-visible .sm-scroll-workflow-node-label,
.page-home .sm-scroll-workflow-node:hover .sm-scroll-workflow-node-label-short,
.page-home .sm-scroll-workflow-node:focus-visible .sm-scroll-workflow-node-label-short {
  color: #0a66d9;
}

.page-home .sm-scroll-workflow-node:focus-visible {
  outline: none;
}

.page-home .sm-scroll-workflow-node.is-complete .sm-scroll-workflow-node-dot,
.page-home .sm-scroll-workflow-node.is-active .sm-scroll-workflow-node-dot {
  border-color: #0a66d9;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 0 7px rgba(10, 102, 217, 0.14), 0 10px 24px rgba(10, 102, 217, 0.12);
}

.page-home .sm-scroll-workflow-node.is-active .sm-scroll-workflow-node-dot {
  transform: scale(1.08);
}

.page-home .sm-scroll-workflow-node.is-complete .sm-scroll-workflow-node-label,
.page-home .sm-scroll-workflow-node.is-active .sm-scroll-workflow-node-label,
.page-home .sm-scroll-workflow-node.is-complete .sm-scroll-workflow-node-label-short,
.page-home .sm-scroll-workflow-node.is-active .sm-scroll-workflow-node-label-short {
  color: #0f172a;
}

.page-home .sm-scroll-workflow-node.is-complete .sm-scroll-workflow-node-category,
.page-home .sm-scroll-workflow-node.is-active .sm-scroll-workflow-node-category {
  color: #64748b;
}

.page-home .sm-scroll-workflow-mobile-nav {
  display: none;
}

.page-home .sm-scroll-workflow-node.is-active .sm-scroll-workflow-node-label {
  color: #0a66d9;
}

@media (prefers-reduced-motion: reduce) {
  .page-home .sm-scroll-workflow-step,
  .page-home .sm-scroll-workflow-node-dot,
  .page-home .sm-scroll-workflow-node-label,
  .page-home .sm-scroll-workflow-node-category,
  .page-home .sm-scroll-workflow-scroll-button,
  .page-home .sm-scroll-workflow-line-fill {
    transition: none;
  }
}

.page-home .home-story-shell,
.page-statistics-detail .home-story-shell,
.page-home .home-notable-shell {
  padding: 1.8rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(250, 251, 253, 0.92) 100%);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 30px;
  box-shadow: 0 26px 54px rgba(15, 23, 42, 0.06);
}

.page-home .home-story-head,
.page-statistics-detail .home-story-head,
.page-home .home-notable-head {
  max-width: 46rem;
}

.page-home .home-notable-toolbar {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin: 0.42rem 0 0.22rem;
}

.page-home .home-notable-sort-label,
.search-sort-label {
  min-width: min(100%, 12rem);
}

.page-home .home-notable-sort-label {
  justify-self: start;
}

.page-home .home-story-grid,
.page-statistics-detail .home-story-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-home .home-story-card,
.page-statistics-detail .home-story-card {
  padding: 1.3rem 1.35rem;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

.page-home .home-story-card .step-label,
.page-statistics-detail .home-story-card .step-label {
  margin-bottom: 0.65rem;
  font-weight: 700;
}

.page-home .home-story-card .step-prefix,
.page-statistics-detail .home-story-card .step-prefix {
  color: #b23a48;
}

.page-home .home-story-card .step-name,
.page-statistics-detail .home-story-card .step-name {
  color: #0a66d9;
}

.home-story-copy {
  margin: 0;
  color: #3f4754;
  line-height: 1.6;
}

.page-home .home-notable-head .section-actions {
  margin-top: 1rem;
}

.page-home .home-notable-note {
  margin-top: 1.1rem;
}

.page-home .home-metrics-section {
  padding-top: 0.35rem;
  padding-bottom: 2rem;
}

.page-home .home-message-section {
  padding-top: 0.42rem;
  padding-bottom: 0.7rem;
}

.page-home .home-metrics-shell {
  padding: 1.1rem 0 0;
}

.page-home .home-message-shell {
  padding-top: 0;
}

.page-home .home-message-head {
  margin-bottom: 1.35rem;
}

.page-home .home-message-title {
  margin-bottom: 0;
  color: #b23a48;
  font-size: clamp(1.7rem, 3vw, 2.25rem);
  letter-spacing: -0.03em;
}

.page-home .home-message-kicker {
  margin-bottom: 0.45rem;
  color: #8b5e34;
}

.page-home .home-metrics-group-label {
  margin: 0 0 0.72rem;
  color: #8b5e34;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
}

.page-home .home-message-grid {
  margin-top: 0.15rem;
}

.page-home .home-message-metric-item {
  background: rgba(255, 255, 255, 0.96);
}

.page-home .home-message-item-label {
  margin: 0 0 0.32rem;
  color: #8b5e34;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.page-home .home-message-metric-item .home-metric-value {
  color: #b23a48;
}

.page-home #home-metrics-title {
  color: #0a66d9;
}

.page-home .home-metrics-head {
  max-width: 56rem;
  margin: 0 auto 1.75rem;
  text-align: center;
}

.page-home .home-metrics-head h2 {
  margin-bottom: 0;
  font-size: clamp(2rem, 3vw, 2.55rem);
  white-space: nowrap;
}

.page-home .home-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-home .home-metric-item {
  padding: 0.35rem 1.7rem 0.2rem;
  text-align: center;
}

.page-home .home-metric-item + .home-metric-item {
  border-left: 1px solid rgba(15, 23, 42, 0.12);
}

.page-home .home-metric-value {
  margin: 0;
  color: #0a66d9;
  font-size: clamp(1.74rem, 3.15vw, 2.52rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
}

.page-home .home-metric-copy {
  margin: 0.8rem 0 0;
  color: #4b5563;
  font-size: 0.96rem;
  line-height: 1.65;
}

.word-counter { grid-column: 1 / -1; min-width: 0; }
.word-counter .tool-textarea { min-height: 260px; }
.word-counter-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin: 0; }
.word-counter-stats > div { padding: 1rem; background: var(--surface); border-radius: 14px; }
.word-counter-stats dt { color: var(--muted); font-size: 0.82rem; }
.word-counter-stats dd { margin: 0.3rem 0 0; font-size: 1.5rem; font-weight: 650; }
.word-counter-keywords { width: 100%; table-layout: fixed; border-collapse: collapse; }
.word-counter-keywords th, .word-counter-keywords td { padding: 0.6rem; text-align: left; border-bottom: 1px solid var(--line-soft); overflow-wrap: anywhere; }
.link-page-container { max-width: 740px; }
.link-page-container [hidden] { display: none !important; }
.link-page-container [data-link-status]:not(:empty) { padding: 1rem 0; color: var(--text); }
.link-page-container input, .link-page-container textarea, .link-page-container select { min-width: 0; width: 100%; }
.link-page-row { display: grid; gap: 0.7rem; padding: 1rem 0; border-top: 1px solid var(--line-soft); }
.link-page-row .tool-copy-button { justify-self: start; }
.link-public-list { display: grid; gap: 0.8rem; }
.link-public-list a { display: block; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; color: inherit; background: var(--bg); text-decoration: none; overflow-wrap: anywhere; }
.link-public-list a:hover { border-color: var(--accent); }
.link-profile { text-align: center; }
.link-profile h2, .link-bio { overflow-wrap: anywhere; }
.link-bio { white-space: pre-wrap; margin: 0; }
.link-profile[data-theme="soft"] { background: var(--accent-soft); }
.link-profile[data-theme="ink"] { background: var(--nav); color: var(--nav-text); }
.link-profile[data-theme="ink"] h2, .link-profile[data-theme="ink"] .link-bio { color: inherit; }
.link-profile[data-theme="ink"] a { background: transparent; }
.link-result-actions { margin: 1.25rem 0; }
@media (max-width: 600px) {
  .word-counter-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .word-counter-stats > div { padding: 0.75rem; }
}

.creator-tools-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.tool-card {
  display: grid;
  gap: 1rem;
}

.tool-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.tool-form-grid-compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tool-field {
  display: grid;
  gap: 0.45rem;
}

.tool-field-full {
  grid-column: 1 / -1;
}

.tool-field span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 600;
}

.tool-helper-text {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.5;
}

.tool-output-note {
  margin-top: -0.2rem;
}

.tool-insight,
.tool-insight-soft,
.tool-result-highlight {
  border-radius: 14px;
  border: 1px solid rgba(0, 113, 227, 0.14);
  background: linear-gradient(180deg, rgba(238, 245, 255, 0.96) 0%, rgba(230, 240, 255, 0.92) 100%);
  color: #0f4f9c;
}

.tool-insight,
.tool-insight-soft {
  padding: 0.58rem 0.72rem;
}

.tool-insight strong,
.tool-insight-soft strong {
  color: #0d447f;
}

.tool-insight-soft {
  background: linear-gradient(180deg, rgba(243, 248, 255, 0.92) 0%, rgba(235, 243, 255, 0.88) 100%);
  color: #225d9f;
}

.tool-result-highlight {
  padding: 0.7rem 0.85rem;
  font-weight: 600;
  color: #0f4f9c;
}

.tool-preset-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.tool-chip-button {
  min-height: 2.2rem;
  padding: 0.45rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--muted);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.tool-chip-button:hover,
.tool-chip-button:focus-visible,
.tool-chip-button.is-active {
  border-color: rgba(0, 113, 227, 0.28);
  background: rgba(0, 113, 227, 0.08);
  color: var(--accent);
  box-shadow: 0 8px 20px rgba(0, 113, 227, 0.08);
  outline: none;
}

.tool-guide-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem 0.85rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
}

.tool-guide-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.45;
}

.tool-guide-grid strong {
  color: var(--text);
}

.tool-example {
  margin: -0.15rem 0 0;
  padding: 0.85rem 1rem;
  border: 1px dashed var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.68);
  color: var(--muted);
  font: 0.82rem/1.55 "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  white-space: pre-wrap;
}

.tool-input,
.tool-textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fbfbfc;
  color: var(--text);
  font: inherit;
}

.tool-input {
  min-height: 3rem;
  padding: 0.7rem 0.9rem;
}

.tool-textarea {
  min-height: 9.25rem;
  padding: 0.85rem 0.95rem;
  resize: vertical;
  line-height: 1.55;
}

.tool-textarea-compact {
  min-height: 6.25rem;
}

.tool-output {
  display: grid;
  gap: 0.8rem;
  padding: 0.95rem 1rem;
  background: var(--surface);
  border: 1px solid var(--line-soft);
  border-radius: 18px;
}

.tool-stat-grid {
  display: grid;
  gap: 0.45rem;
}

.tool-stat-grid p,
.tool-result-text,
.tool-empty {
  margin: 0;
}

.tool-result-text,
.tool-empty {
  color: var(--muted);
}

.tool-result-text {
  word-break: break-word;
}

.tool-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.tool-copy-button {
  min-height: 2.45rem;
  padding: 0 0.95rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--text);
  font-weight: 600;
  cursor: pointer;
  transition: border-color 140ms ease, color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.tool-copy-button:hover,
.tool-copy-button:focus-visible {
  border-color: rgba(0, 113, 227, 0.42);
  color: var(--accent);
  box-shadow: 0 10px 22px rgba(0, 113, 227, 0.08);
  outline: none;
}

.tool-copy-button.is-copied {
  background: var(--accent-soft);
  border-color: rgba(0, 113, 227, 0.28);
  color: var(--accent);
}

.action-button-compact {
  min-height: 2.2rem;
  padding: 0 0.82rem;
  font-size: 0.88rem;
  letter-spacing: 0.01em;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.signal-card-text-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.signal-card-text-link:hover,
.signal-card-text-link:focus-visible {
  color: var(--accent);
  outline: none;
}

.tool-table {
  width: 100%;
  border-collapse: collapse;
}

.tool-table th,
.tool-table td {
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--line-soft);
  text-align: left;
  vertical-align: top;
}

.tool-table th {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 600;
}

.tool-table tr:last-child td {
  border-bottom: 0;
}

.search-result-item {
  padding: 1rem 1.15rem;
  background: #ffffff;
  border: 1px solid var(--line-soft);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

.search-result-item a {
  color: var(--text);
}

.search-result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.45rem;
  color: var(--muted);
  font-size: 0.9rem;
}

.signal-grid,
.overview-grid,
.archive-grid,
.topic-grid,
.article-grid {
  display: grid;
  gap: 1.3rem;
}

.signal-grid > *,
.overview-grid > *,
.archive-grid > *,
.topic-grid > *,
.article-grid > * {
  min-width: 0;
  max-width: 100%;
}

.signal-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.notable-scroll {
  overflow-x: auto;
  padding-bottom: 0.45rem;
}

.signal-scroll-grid {
  grid-auto-flow: column;
  grid-auto-columns: minmax(310px, calc((100% - 2.6rem) / 3));
  grid-template-columns: none;
}

.overview-grid,
.topic-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.statistics-preview .overview-card.statistics-card-wide {
  min-height: 100%;
}

.statistics-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.3rem;
}

.statistics-primary-summary .statistics-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.statistics-primary-summary {
  padding-bottom: 0.7rem;
}

.statistics-secondary-summary {
  padding-top: 0.35rem;
}

.statistics-feature-grid {
  grid-template-columns: 1fr;
}

.archive-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.article-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  margin-top: 1.3rem;
}

.article-grid + .article-faq-card {
  margin-top: 0.55rem;
}

.topic-sections {
  display: grid;
  gap: 2rem;
}

.statistics-topic-sections {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.25rem;
}

.archive-topic-sections {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.25rem;
}

.statistics-topic-group-section .topic-card {
  padding: 1rem;
}

.statistics-topic-group-section .topic-scroll-panel {
  max-height: 13.5rem;
}

.archive-topic-group-section {
  display: flex;
  flex-direction: column;
}

.archive-topic-group-section .topic-card {
  padding: 1rem;
  min-height: 18rem;
}

.archive-topic-group-section .topic-scroll-panel {
  max-height: 14.5rem;
}

.archive-value-grid .overview-card {
  min-height: 100%;
}

.signal-card,
.overview-card,
.archive-item,
.review-item,
.topic-card,
.newsletter-card,
.article-meta-card,
.article-panel {
  background: #ffffff;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.signal-card,
.overview-card,
.archive-item,
.review-item,
.topic-card,
.article-panel {
  padding: 1.35rem;
}

.signal-validity-card {
  margin-top: 1rem;
  display: grid;
  gap: 0.8rem;
}

.trend-saturation-card {
  margin-top: 1rem;
  display: grid;
  gap: 0.8rem;
}

.creator-action-card {
  margin-top: 1rem;
  display: grid;
  gap: 0.8rem;
}

.platform-draft-card {
  margin-top: 1rem;
  display: grid;
  gap: 0.8rem;
}

.influencer-checklist-card {
  display: grid;
  gap: 0.75rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  max-height: 70vh;
  overflow-y: auto;
  border-color: rgba(178, 58, 72, 0.22);
  background: linear-gradient(180deg, #fffdfd 0%, #fff4f5 100%);
  box-shadow: 0 16px 32px rgba(178, 58, 72, 0.08);
}

.influencer-checklist-card.is-expanded {
  box-shadow: 0 18px 34px rgba(178, 58, 72, 0.11);
}

.influencer-checklist-header {
  padding-bottom: 0.1rem;
  border-bottom: 1px solid rgba(178, 58, 72, 0.14);
}

.influencer-checklist-header .step-label {
  margin: 0;
  color: #8f2d3f;
}

.influencer-checklist-master-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-size: 0.86rem;
  font-weight: 800;
}

.influencer-checklist-toggle-icon {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.influencer-checklist-list {
  display: grid;
  gap: 0.55rem;
}

.influencer-checklist-list[hidden],
.influencer-checklist-item-body[hidden] {
  display: none !important;
}

.influencer-quote-prompt-block {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(178, 58, 72, 0.14);
}

.influencer-quote-prompt-text {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.55;
}

.influencer-quote-select-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.influencer-quote-select-label {
  flex: 0 1 auto;
}

.influencer-quote-platform-select {
  width: auto;
  min-width: 4.35rem;
  max-width: 5.35rem;
  min-height: 1.25rem;
  padding: 0 1rem 0 0.42rem;
  font-size: 0.68rem;
  line-height: 1.15;
}

.influencer-quote-copy-button {
  justify-self: start;
}

.influencer-quote-platform-name {
  font-weight: 800;
  color: #be123c;
}

.influencer-checklist-item {
  padding-bottom: 0.55rem;
  border-bottom: 1px solid var(--line-soft);
}

.influencer-checklist-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.influencer-checklist-item-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: 0.95rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.influencer-checklist-section-toggle {
  color: #2563eb;
}

.influencer-checklist-item-sub {
  padding: 0.2rem 0 0;
  border-bottom: 0;
}

.influencer-checklist-item-subtoggle {
  padding: 0.2rem 0;
  font-size: 0.94rem;
  font-weight: 600;
}

.influencer-checklist-item-body {
  margin-top: 0.6rem;
}

.influencer-checklist-sublist {
  display: grid;
  gap: 0.3rem;
  padding-left: 0.8rem;
  border-left: 1px solid rgba(178, 58, 72, 0.14);
}

.article-direct-answer-card {
  margin-top: 1.15rem;
}

.influencer-checklist-copy {
  display: grid;
  gap: 0.55rem;
}

.influencer-checklist-copy p,
.influencer-checklist-copy ul,
.influencer-checklist-copy ol {
  margin: 0;
  color: var(--text);
}

.influencer-checklist-copy ul,
.influencer-checklist-copy ol {
  padding-left: 1.1rem;
}

.influencer-checklist-subtitle {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text);
}

.influencer-checklist-emphasis {
  font-weight: 700;
}

.creator-action-question,
.creator-action-copy,
.creator-action-helper {
  margin: 0;
}

.platform-draft-subtitle {
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
}

.creator-action-question {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
}

.creator-action-copy,
.creator-action-helper {
  color: var(--muted);
  font-size: 0.94rem;
}

.creator-action-platform-label {
  margin: 0;
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.creator-action-trust-note {
  margin: -0.1rem 0 0;
}

.creator-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 0.75rem;
}

.creator-action-platforms {
  display: grid;
  gap: 0.55rem;
}

.creator-action-button,
.creator-action-link {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.creator-action-link {
  min-height: 2.45rem;
  padding: 0 0.95rem;
}

.platform-draft-toolbar {
  display: grid;
  gap: 0.75rem;
}

.platform-draft-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.platform-draft-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.platform-draft-button {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.platform-draft-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  background: rgba(17, 17, 17, 0.08);
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}

.platform-draft-icon.is-x {
  background: rgba(17, 17, 17, 0.1);
}

.platform-draft-icon.is-instagram {
  background: rgba(217, 66, 122, 0.14);
  color: #b42358;
}

.platform-draft-icon.is-threads {
  background: rgba(17, 17, 17, 0.08);
}

.platform-draft-icon.is-linkedin {
  background: rgba(10, 102, 194, 0.14);
  color: #0a66c2;
}

.platform-draft-icon.is-pinterest {
  background: rgba(189, 8, 28, 0.14);
  color: #bd081c;
}

.ai-service-icon {
  min-width: 1.7rem;
  width: 1.7rem;
  height: 1.7rem;
  padding: 0;
}

.ai-service-icon svg {
  width: 1rem;
  height: 1rem;
  display: block;
}

.ai-service-icon.is-chatgpt {
  background: rgba(16, 185, 129, 0.16);
  color: #0f9f6e;
}

.ai-service-icon.is-gemini {
  background: rgba(96, 165, 250, 0.16);
  color: #2563eb;
}

.ai-service-icon.is-claude {
  background: rgba(234, 179, 8, 0.16);
  color: #a16207;
}

.ai-service-icon.is-grok {
  background: rgba(71, 85, 105, 0.14);
  color: #0f172a;
}

.ai-service-icon.is-copilot {
  background: rgba(168, 85, 247, 0.14);
  color: #7c3aed;
}

.platform-draft-panel {
  display: grid;
  gap: 0.55rem;
  padding: 0.95rem 1rem;
  background: var(--surface);
  border: 1px solid var(--line-soft);
  border-radius: 18px;
}

.platform-draft-panel[hidden] {
  display: none !important;
}

.platform-draft-output {
  display: grid;
  gap: 0.55rem;
}

.platform-draft-output p {
  margin: 0;
  color: var(--text);
  white-space: pre-wrap;
  word-break: break-word;
}

.platform-draft-panel-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.platform-draft-image-block {
  display: grid;
  gap: 0.55rem;
}

.platform-draft-search-block,
.platform-draft-quote-block {
  display: grid;
  gap: 0.55rem;
}

.platform-draft-search-copy-button,
.platform-draft-quote-copy-button {
  justify-self: start;
  align-self: start;
  width: auto;
  min-height: 2.2rem;
  padding: 0 0.8rem;
}

.platform-draft-image-prompt {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.55;
}

.platform-draft-search-prompt {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.55;
}

.platform-draft-quote-prompt {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.55;
}

.platform-draft-score {
  margin: 0;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--text);
}

.platform-draft-score-label,
.platform-draft-score-scale {
  color: var(--text);
}

.platform-draft-meta-details {
  margin-top: 0.1rem;
}

.platform-draft-meta-details summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.platform-draft-meta-list {
  margin-top: 0.55rem;
}

.platform-draft-score-value.is-high {
  color: #1f9d55;
}

.platform-draft-score-value.is-medium {
  color: #b88900;
}

.platform-draft-score-value.is-low {
  color: #b23a48;
}

.platform-draft-score-unavailable {
  color: var(--muted);
}

.platform-draft-copy-button {
  justify-self: start;
}

.platform-draft-image-copy-button {
  justify-self: start;
}

.platform-draft-open-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  text-decoration: none;
}

.pagination-strip {
  display: grid;
  gap: 0.65rem;
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 0.18rem;
}

.pagination-label {
  margin: 0;
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
}

.pagination-buttons {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 0.55rem;
  min-width: max-content;
}

.pagination-button {
  min-width: 2.45rem;
  justify-content: center;
}

.pagination-button[aria-current="page"] {
  background: var(--accent-soft);
  border-color: rgba(0, 113, 227, 0.28);
  color: var(--accent);
}

.creator-action-payload {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.trend-saturation-question,
.trend-saturation-status-line,
.trend-saturation-score,
.trend-saturation-recommendation,
.trend-saturation-explanation,
.trend-saturation-factors p {
  margin: 0;
}

.trend-saturation-question {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
}

.trend-saturation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.trend-saturation-status-line {
  color: var(--muted);
  font-size: 0.92rem;
}

.trend-saturation-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  padding: 0.2rem 0.72rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  border: 1px solid transparent;
}

.trend-saturation-badge.is-open-window {
  color: #35644b;
  background: rgba(79, 130, 100, 0.12);
  border-color: rgba(79, 130, 100, 0.2);
}

.trend-saturation-badge.is-heating-up {
  color: #88671d;
  background: rgba(167, 134, 53, 0.14);
  border-color: rgba(167, 134, 53, 0.22);
}

.trend-saturation-badge.is-crowded {
  color: #98563a;
  background: rgba(180, 107, 71, 0.14);
  border-color: rgba(180, 107, 71, 0.22);
}

.trend-saturation-badge.is-saturated {
  color: #7a3040;
  background: rgba(143, 45, 63, 0.12);
  border-color: rgba(143, 45, 63, 0.18);
}

.trend-saturation-progress-block {
  display: block;
}

.trend-saturation-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.trend-saturation-fill.is-open-window {
  background: #4f8264 !important;
}

.trend-saturation-fill.is-heating-up {
  background: #a78635 !important;
}

.trend-saturation-fill.is-crowded {
  background: #b46b47 !important;
}

.trend-saturation-fill.is-saturated {
  background: #8f2d3f !important;
}

.trend-saturation-score {
  font-size: 0.88rem;
  color: var(--muted);
}

.trend-saturation-recommendation {
  font-size: 0.96rem;
  font-weight: 700;
  color: var(--text);
}

.trend-saturation-explanation {
  color: var(--muted);
  font-size: 0.92rem;
}

.trend-saturation-factors {
  display: grid;
  gap: 0.38rem;
}

.trend-saturation-factors p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.45rem 0.9rem;
  color: var(--muted);
  font-size: 0.9rem;
}

.trend-saturation-factors strong {
  color: var(--text);
  font-weight: 600;
}

.validity-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.validity-signal-name {
  margin: -0.25rem 0 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
}

.validity-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  padding: 0.2rem 0.72rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  border: 1px solid transparent;
}

.validity-status-badge.is-good-window {
  color: #35644b;
  background: rgba(79, 130, 100, 0.12);
  border-color: rgba(79, 130, 100, 0.2);
}

.validity-status-badge.is-act-now {
  color: #88671d;
  background: rgba(167, 134, 53, 0.14);
  border-color: rgba(167, 134, 53, 0.22);
}

.validity-status-badge.is-expiring-soon {
  color: #98563a;
  background: rgba(180, 107, 71, 0.14);
  border-color: rgba(180, 107, 71, 0.22);
}

.validity-status-badge.is-expired {
  color: #6d7682;
  background: rgba(123, 135, 151, 0.14);
  border-color: rgba(123, 135, 151, 0.24);
}

.validity-status-badge-compact {
  min-height: 1.45rem;
  padding: 0.14rem 0.52rem;
  font-size: 0.63rem;
  letter-spacing: 0.035em;
}

.validity-meta-list {
  display: grid;
  gap: 0.5rem;
}

.validity-meta-list p,
.validity-countdown-copy,
.validity-inline-copy,
.validity-expired-copy,
.validity-action-copy {
  margin: 0;
}

.validity-meta-list p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.45rem 0.9rem;
  color: var(--muted);
  font-size: 0.9rem;
}

.validity-meta-list strong {
  color: var(--text);
  font-weight: 600;
}

.validity-progress-block {
  display: block;
}

.validity-progress-track {
  width: 100%;
  height: 0.68rem;
  border-radius: 999px;
  background: #e8edf3;
  overflow: hidden;
}

.validity-progress-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.validity-progress-fill.is-good-window {
  background: #4f8264 !important;
}

.validity-progress-fill.is-act-now {
  background: #a78635 !important;
}

.validity-progress-fill.is-expiring-soon {
  background: #b46b47 !important;
}

.validity-progress-fill.is-expired {
  background: #7b8797 !important;
}

.signal-validity-compact {
  display: grid;
  gap: 0.42rem;
}

.signal-validity-compact-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.signal-validity-compact-label {
  margin: 0;
  color: var(--text);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.signal-validity-compact-time {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text);
}

.signal-validity-compact-time.is-good-window {
  color: #35644b;
}

.signal-validity-compact-time.is-act-now {
  color: #88671d;
}

.signal-validity-compact-time.is-expiring-soon {
  color: #98563a;
}

.signal-validity-compact-time.is-expired {
  color: #6d7682;
}

.signal-validity-compact-track {
  width: 100%;
  height: 0.28rem;
  border-radius: 999px;
  background: #e8edf3;
  overflow: hidden;
}

.validity-countdown-copy,
.validity-action-copy {
  font-size: 0.92rem;
}

.validity-countdown-copy {
  color: var(--text);
  font-weight: 700;
}

.validity-countdown-copy.is-good-window {
  color: #35644b;
}

.validity-countdown-copy.is-act-now {
  color: #88671d;
}

.validity-countdown-copy.is-expiring-soon {
  color: #98563a;
}

.validity-countdown-copy.is-expired {
  color: #6d7682;
}

.validity-action-copy {
  color: var(--muted);
}

.validity-inline-copy,
.validity-expired-copy {
  color: var(--muted);
  font-size: 0.92rem;
}

.validity-expired-copy {
  color: #8f4343;
  font-weight: 600;
}

.newsletter-card {
  padding: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.batch-picker-card {
  display: grid;
  gap: 1rem;
}

.statistics-card-wide {
  grid-column: span 2;
}

.statistics-card-full {
  grid-column: 1 / -1;
}

.statistics-card-compact {
  grid-column: span 1;
  max-width: 26rem;
}

.batch-picker-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.batch-select {
  flex: 1 1 18rem;
  min-width: 0;
  max-width: 100%;
  min-height: 2.85rem;
  padding: 0 1rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--text);
}

.batch-picker-controls .button-pill {
  margin-top: 0;
  min-width: 8.5rem;
}

.signal-card h3,
.archive-item h3,
.review-item h3,
.topic-card h3 {
  margin-top: 0.35rem;
}

.archive-item {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}

.archive-item p {
  margin: 0;
}

.archive-item-cta {
  margin-top: auto;
  color: var(--accent);
  font-size: 0.88rem;
  font-weight: 700;
}

.archive-status-badge.is-still-useful {
  background: rgba(57, 108, 80, 0.1);
  border-color: rgba(57, 108, 80, 0.18);
  color: #2f6b4f;
}

.archive-status-badge.is-may-return {
  background: rgba(148, 114, 41, 0.1);
  border-color: rgba(148, 114, 41, 0.18);
  color: #947229;
}

.archive-status-badge.is-expired {
  background: rgba(143, 45, 63, 0.1);
  border-color: rgba(143, 45, 63, 0.16);
  color: #8f2d3f;
}

.archive-empty-state {
  margin-top: 0.85rem;
}

.topic-card .muted-inline {
  display: block;
  margin-top: 0.45rem;
}

.summary-card-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.summary-card-link:hover,
.summary-card-link:focus-visible {
  border-color: rgba(0, 113, 227, 0.28);
  box-shadow: 0 14px 36px rgba(17, 24, 39, 0.08);
}

.section-title-link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: color 160ms ease;
}

.section-title-link:hover,
.section-title-link:focus-visible {
  color: var(--accent);
}

.topic-preview-block {
  margin-top: 1rem;
}

.topic-group-section .topic-card {
  margin-top: 1rem;
}

.archive-topic-group-section .section-head {
  margin-bottom: 0.2rem;
}

.topic-group-section.is-targeted {
  border-radius: var(--radius);
  outline: 2px solid rgba(0, 113, 227, 0.18);
  outline-offset: 0.55rem;
}

.topic-scroll-panel {
  max-height: 24rem;
  overflow-y: auto;
  padding-right: 0.35rem;
  scrollbar-width: thin;
  scrollbar-color: #c8d0da transparent;
}

.topic-scroll-panel::-webkit-scrollbar {
  width: 8px;
}

.topic-scroll-panel::-webkit-scrollbar-thumb {
  background: #c8d0da;
  border-radius: 999px;
}

.topic-scroll-panel::-webkit-scrollbar-track {
  background: transparent;
}

.card-head,
.card-foot,
.archive-meta,
.card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.card-head {
  align-items: center;
  justify-content: space-between;
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.9rem;
  padding: 0 0.78rem;
  background: var(--surface);
  border: 1px solid var(--line-soft);
  color: var(--text);
  font-size: 0.8rem;
  font-weight: 600;
}

.badge-dark {
  background: var(--text);
  color: #ffffff;
  border-color: var(--text);
}

.badge-soft {
  background: var(--accent-soft);
  border-color: rgba(0, 113, 227, 0.12);
  color: var(--accent);
}

.metric-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 1.9rem;
  padding: 0 0.78rem;
  background: var(--surface);
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
}

.metric-chip-score {
  min-width: 9rem;
}

.metric-chip-attention {
  gap: 0.42rem;
}

.metric-chip-attention .traffic-dots {
  gap: 0.12rem;
}

.metric-chip-attention .traffic-dot {
  width: 0.31rem;
  height: 0.31rem;
}

.metric-label {
  white-space: nowrap;
}

.score-gauge {
  width: 4.2rem;
  height: 0.38rem;
  background: #dfe5ec;
  border-radius: 999px;
  overflow: hidden;
}

.score-gauge span {
  display: block;
  height: 100%;
  background: var(--accent);
  border-radius: 999px;
}

.risk-dot {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 999px;
  background: #a3a3a3;
  flex: 0 0 auto;
}

.risk-low .risk-dot {
  background: #22c55e;
}

.risk-medium .risk-dot {
  background: #facc15;
}

.risk-high .risk-dot {
  background: #ef4444;
}

.signal-type {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
}

.trend-meta-group {
  display: grid;
  gap: 0.45rem;
  margin-top: 1rem;
}

.trend-meta {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
}

.trend-meta-label {
  display: inline-block;
  min-width: 3.8rem;
  color: var(--text);
  font-weight: 600;
}

.traffic-dots {
  display: inline-flex;
  align-items: center;
  gap: 0.14rem;
}

.traffic-dot {
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 999px;
  background: #d4dbe3;
  flex: 0 0 auto;
}

.page-home .signal-card .trend-meta-attention {
  display: flex;
  align-items: center;
  column-gap: 0.55rem;
}

.page-home .signal-card .trend-meta-published {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.page-home .signal-card .score-shape-step {
  display: flex;
  justify-content: center;
}

.page-home .signal-card .score-shape-step .step-label {
  display: none;
}

.page-home .signal-card .signal-validity-compact {
  margin-top: 0.65rem;
}

.page-home .signal-card .trend-meta-attention .trend-meta-label {
  min-width: auto;
  flex: 0 0 auto;
}

.page-home .signal-card .trend-meta-attention .traffic-dots {
  flex: 0 0 auto;
}

.page-home .signal-card {
  padding: 1.1rem 1.1rem 0.92rem;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 26px;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.07);
}

.page-home .signal-card h3 {
  margin-top: 0.32rem;
  margin-bottom: 0;
  font-size: clamp(1.28rem, 2vw, 1.58rem);
  line-height: 1.15;
}

.page-home .signal-card .trend-meta-group {
  margin-top: 0.78rem;
  gap: 0.42rem;
}

.page-home .signal-card .card-stack {
  gap: 0.7rem;
  margin-top: 0.82rem;
}

.page-home .signal-card .card-step p {
  margin-top: 0.12rem;
  line-height: 1.46;
}

.page-home .signal-card .card-foot {
  margin-top: 0.62rem;
  padding-top: 0.62rem;
  display: grid;
  gap: 0.56rem;
  align-items: stretch;
}

.signal-card-copy {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.page-home .signal-card .signal-card-copy {
  -webkit-line-clamp: 2;
}

.page-home .signal-card .signal-card-copy-compact {
  -webkit-line-clamp: 2;
}

.page-home .signal-card .signal-card-draft-preview .signal-card-copy {
  -webkit-line-clamp: 4;
}

.page-home .signal-card .signal-card-actions {
  gap: 0.52rem;
}

.page-home .signal-card .signal-card-action-button {
  min-height: 2.15rem;
  padding: 0 0.82rem;
  border-radius: 999px;
}

.page-home .signal-card .signal-card-draft-preview {
  margin-bottom: 0;
}

.page-home .signal-card .signal-card-metrics-row {
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.42rem;
}

.page-home .signal-card .signal-card-metrics-row .metric-chip {
  flex: 1 1 calc(50% - 0.21rem);
  min-width: 0;
  justify-content: space-between;
}

.page-home .signal-card .signal-card-metrics-row .metric-chip-score {
  min-width: 0;
}

.page-home .signal-card .signal-card-metrics-row .score-gauge {
  width: 2.8rem;
}

.page-home .signal-card .metric-chip {
  background: rgba(246, 247, 249, 0.98);
  border-color: rgba(15, 23, 42, 0.05);
}

.page-home .signal-card .step-label {
  color: #697386;
  letter-spacing: 0.14em;
}

.page-home .signal-card .signal-card-primary-button {
  background: #111111;
  border-color: #111111;
  color: #ffffff;
}

.page-home .signal-card .signal-card-primary-button:hover,
.page-home .signal-card .signal-card-primary-button:focus-visible {
  background: #1d1d1f;
  border-color: #1d1d1f;
  color: #ffffff;
}

.page-home .signal-card .signal-card-text-link:hover .signal-card-copy,
.page-home .signal-card .signal-card-text-link:focus-visible .signal-card-copy {
  color: #111827;
}

.signal-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.signal-card-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  text-decoration: none;
}

.trend-saturation-compact {
  display: grid;
  gap: 0.38rem;
  margin-top: 0.62rem;
}

.trend-saturation-compact-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.trend-saturation-compact-label,
.trend-saturation-compact-score {
  margin: 0;
}

.trend-saturation-compact-label {
  color: var(--text);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.page-home .trend-saturation-compact .saturation-status-text {
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.page-home .trend-saturation-compact .saturation-status-text.is-open-window {
  color: #2f6b4f;
}

.page-home .trend-saturation-compact .saturation-status-text.is-heating-up {
  color: #947229;
}

.page-home .trend-saturation-compact .saturation-status-text.is-crowded {
  color: #b4682f;
}

.page-home .trend-saturation-compact .saturation-status-text.is-saturated {
  color: #8f2d3f;
}

.trend-saturation-compact-score {
  color: var(--muted);
  font-size: 0.82rem;
}

.momentum-summary-card {
  display: grid;
  gap: 0.3rem;
  margin-bottom: 0.85rem;
}

.momentum-summary-line {
  margin: 0;
}

.search-support-note {
  margin: 0 0 0.8rem;
}

.traffic-dot.is-filled {
  background: var(--accent);
}

.card-stack {
  display: grid;
  gap: 0.95rem;
  margin-top: 1rem;
}

.card-step p {
  margin: 0.2rem 0 0;
}

.card-step-inline {
  flex: 1 1 auto;
}

.score-shape-step {
  margin-top: 0.9rem;
}

.signal-card .score-shape-step .radar-chart-block {
  margin-top: 0;
}

.signal-card .score-shape-step .radar-chart-svg-compact {
  max-width: 9.25rem;
}

.card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line-soft);
}

.inline-link {
  color: var(--accent);
  font-weight: 600;
}

.card-title-link {
  color: var(--text);
  text-decoration: underline;
  text-decoration-color: rgba(0, 113, 227, 0.24);
  text-underline-offset: 0.18em;
}

.card-title-link:hover,
.card-title-link:focus-visible {
  color: var(--accent);
  text-decoration-color: rgba(0, 113, 227, 0.7);
}

.card-title-link-plain,
.card-title-link-plain:hover,
.card-title-link-plain:focus-visible {
  text-decoration: none;
}

.mini-list,
.topic-link-list,
.plain-list,
.source-list,
.input-file-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mini-list li,
.topic-link-list li,
.input-file-list li,
.source-list li {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid var(--line-soft);
}

.mini-list li:last-child,
.topic-link-list li:last-child,
.input-file-list li:last-child,
.source-list li:last-child {
  border-bottom: 0;
}

.mini-list li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.mini-list-label-with-marker {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.mini-list-marker {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 2px;
  flex: 0 0 auto;
}

.mini-list li > a:hover,
.mini-list li > a:focus-visible,
.chart-legend li a:hover,
.chart-legend li a:focus-visible {
  color: var(--accent);
}

.source-list li,
.topic-link-list li {
  flex-direction: column;
}

.archive-slice-list li > a {
  display: grid;
  gap: 0.2rem;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.archive-slice-list li > a:hover,
.archive-slice-list li > a:focus-visible {
  color: var(--accent);
}

.archive-slice-title,
.archive-slice-copy {
  display: block;
}

.archive-slice-title {
  color: var(--text);
}

.bar-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.bar-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 1.3fr) auto;
  align-items: center;
  gap: 0.8rem;
  color: inherit;
}

.bar-track {
  height: 0.62rem;
  background: #e8edf3;
  border-radius: 999px;
  overflow: hidden;
}

.bar-fill {
  display: block;
  height: 100%;
  background: var(--accent);
  border-radius: 999px;
}

.bar-value {
  color: var(--muted);
  font-size: 0.92rem;
}

.score-breakdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.score-breakdown-panel-compact {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line-soft);
}

.score-breakdown-panel-compact .step-label {
  display: block;
  margin: 0 0 0.72rem;
  text-align: left;
}

.score-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0.15rem 0 0.9rem;
  color: var(--muted);
  font-size: 0.94rem;
}

.score-total strong {
  color: var(--text);
  font-weight: 600;
}

.score-breakdown-row {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(120px, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
}

.score-breakdown-label {
  min-width: 0;
}

.score-breakdown-meter {
  height: 0.62rem;
  background: #e8edf3;
  border-radius: 999px;
  overflow: hidden;
}

.score-breakdown-fill {
  display: block;
  height: 100%;
  min-width: 0.35rem;
  background: var(--accent);
  border-radius: 999px;
}

.score-breakdown-value {
  color: var(--muted);
  font-size: 0.92rem;
  white-space: nowrap;
}

.article-meta-card .score-breakdown-row {
  grid-template-columns: minmax(0, 1.2fr) minmax(84px, 1fr) auto;
  gap: 0.55rem;
}

.article-meta-card .score-breakdown-label,
.article-meta-card .score-breakdown-value,
.article-meta-card .score-total {
  font-size: 0.86rem;
}

.radar-chart-block {
  margin-top: 1rem;
}

.radar-chart-svg {
  width: 100%;
  height: auto;
  overflow: visible;
}

.radar-chart-svg-compact {
  max-width: 18rem;
  margin: 0 auto;
}

.radar-ring,
.radar-axis {
  fill: none;
  stroke: var(--line-soft);
  stroke-width: 1;
}

.radar-area {
  fill: rgba(0, 113, 227, 0.14);
}

.radar-stroke {
  fill: none;
  stroke: var(--accent);
  stroke-width: 2;
}

.radar-point {
  fill: var(--accent);
}

.radar-area-average {
  fill: rgba(178, 58, 72, 0.12);
}

.radar-stroke-average {
  stroke: #b23a48;
  stroke-width: 1.8;
}

.radar-point-average {
  fill: #b23a48;
}

.radar-label {
  fill: var(--muted);
  font-size: 11px;
}

.radar-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.55rem 0.9rem;
  margin-top: 0.55rem;
  color: var(--muted);
  font-size: 0.78rem;
}

.radar-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.radar-legend-swatch {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 2px;
  background: var(--accent);
}

.radar-legend-swatch-average {
  background: #b23a48;
}

.analytics-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1.4rem;
}

.analytics-card {
  overflow: visible;
}

.analytics-subroot {
  display: grid;
  gap: 0.9rem;
}

.analytics-svg-wrap {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}

.timeline-scroll-panel {
  max-height: 520px;
  overflow-y: auto;
  overflow-x: auto;
  padding-right: 0.35rem;
}

.analytics-svg {
  min-width: 38rem;
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
  max-width: 100%;
}

.analytics-axis,
.analytics-grid-line {
  stroke: var(--line-soft);
  stroke-width: 1;
}

.analytics-grid-line {
  stroke-dasharray: 3 5;
}

.analytics-grid-line-vertical {
  stroke-dasharray: 2 6;
  opacity: 0.9;
}

.analytics-axis-label {
  fill: var(--muted);
  font-size: 11px;
}

.analytics-axis-label-strong {
  fill: var(--text);
  font-weight: 600;
}

.analytics-axis-label-x {
  font-size: 10px;
}

.analytics-bar {
  fill: var(--accent);
}

.analytics-bar-longevity {
  fill: #7f8a98;
}

.analytics-bar-gradient {
  fill: url(#analytics-score-gradient);
}

.analytics-bar-track {
  fill: #e8edf3;
}

.analytics-bar-track-rect,
.analytics-bar-rect {
  rx: 2px;
}

.analytics-score-pill {
  fill: rgba(178, 58, 72, 0.12);
}

.analytics-score-pill-text {
  fill: #8e2d3a;
  font-size: 11px;
  font-weight: 700;
}

.analytics-count-label {
  font-size: 10px;
}

.analytics-point {
  fill: #b23a48;
  opacity: 0.88;
}

.analytics-area-fill {
  fill: url(#analytics-area-gradient);
}

.analytics-area-stroke {
  fill: none;
  stroke: #b23a48;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.analytics-area-point {
  fill: #b23a48;
  stroke: #ffffff;
  stroke-width: 1.4;
}

.analytics-select-label {
  display: grid;
  gap: 0.35rem;
  margin: 0.85rem 0 1rem;
}

.analytics-select-label span {
  color: var(--muted);
  font-size: 0.85rem;
  font-weight: 600;
}

.analytics-select-inline {
  margin: 0;
}

.analytics-panel[hidden] {
  display: none;
}

.analytics-pie-shell {
  align-items: center;
}

.analytics-pie {
  width: 11.75rem;
  height: 11.75rem;
}

.analytics-pie-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.analytics-note {
  margin: 0 0 0.65rem;
  color: var(--muted);
  font-size: 0.84rem;
}

.analytics-note-warning {
  color: #8e5a16;
}

.time-basis-note {
  margin-top: 0.5rem;
}

.heatmap-wrap {
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
}

.heatmap-wrap-compact {
  overflow-x: hidden;
}

.heatmap-grid {
  min-width: 40rem;
  display: grid;
  grid-template-columns: 4.8rem repeat(7, minmax(3.4rem, 1fr));
  gap: 0.35rem;
  align-items: stretch;
}

.heatmap-head,
.heatmap-cell {
  border-radius: 0.8rem;
  padding: 0.6rem 0.45rem;
  text-align: center;
  font-size: 0.8rem;
}

.heatmap-head {
  color: var(--muted);
  font-weight: 600;
}

.heatmap-side {
  text-align: left;
}

.heatmap-cell {
  color: var(--text);
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.05);
}

.home-heatmap-card-compact .section-copy {
  margin-bottom: 0.45rem;
}

.home-heatmap-card-compact .analytics-note {
  margin-bottom: 0.45rem;
}

.home-heatmap-card-compact .analytics-select-label {
  margin: 0.65rem 0 0.75rem;
}

.home-trending-range-label {
  margin: 0.65rem 0 0.75rem;
}

.notable-range-label {
  margin: 0;
}

.notable-results-note {
  margin-bottom: 0.7rem;
}

.home-heatmap-card-compact .heatmap-grid {
  min-width: 0;
  grid-template-columns: 3.2rem repeat(7, minmax(2.35rem, 1fr));
  gap: 0.22rem;
}

.home-heatmap-card-compact .heatmap-head,
.home-heatmap-card-compact .heatmap-cell {
  border-radius: 0.62rem;
  padding: 0.42rem 0.18rem;
  font-size: 0.69rem;
}

.topic-chart-shell {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  margin: 0.9rem 0 1rem;
  overflow: visible;
  max-width: 100%;
}

.timeline-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1rem;
  margin: 0 0 0.65rem;
  color: var(--muted);
  font-size: 0.82rem;
}

.timeline-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.timeline-legend-swatch {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 2px;
  display: inline-block;
}

.timeline-legend-short {
  background: #a55a5a;
}

.timeline-legend-medium {
  background: #a78635;
}

.timeline-legend-long {
  background: #4f8264;
}

.timeline-legend-neutral {
  background: #7b8797;
}

.timeline-track {
  fill: #eef1f5;
}

.timeline-bar-group {
  cursor: pointer;
  outline: none;
}

.timeline-bar {
  transition: transform 120ms ease, fill-opacity 120ms ease, stroke 120ms ease, stroke-width 120ms ease, filter 120ms ease;
  transform-box: fill-box;
  transform-origin: center;
}

.timeline-bar-group:hover .timeline-bar,
.timeline-bar-group:focus-visible .timeline-bar {
  transform: translateY(-2px) scale(1.01);
  fill-opacity: 1 !important;
  stroke: rgba(17, 24, 39, 0.28);
  stroke-width: 1.2;
  filter: drop-shadow(0 5px 10px rgba(15, 23, 42, 0.12));
}

.chart-shell-no-legend {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 0.65rem;
}

.chart-shell-no-legend.chart-shell-compact,
.chart-shell-no-legend.chart-shell-regular {
  grid-template-columns: 1fr;
}

.chart-shell-compact {
  grid-template-columns: 86px minmax(0, 1fr);
}

.chart-shell-regular {
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
}

.trending-categories-card-statistics .topic-chart-shell.chart-shell-regular {
  grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
  gap: 1rem;
}

.trending-categories-card-statistics .topic-donut {
  max-width: 210px;
  justify-self: center;
}

.topic-donut {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.06);
  overflow: visible;
}

.chart-shell-no-legend .topic-donut {
  width: min(100%, 104px);
}

.topic-donut-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.chart-segment-path {
  fill: rgba(255, 255, 255, 0.001);
  stroke: transparent;
  stroke-width: 1.1;
  transition: fill 140ms ease, stroke 140ms ease;
  pointer-events: auto;
  cursor: pointer;
  outline: none;
}

.chart-segment-path:hover,
.chart-segment-path:focus-visible {
  fill: rgba(255, 255, 255, 0.14);
  stroke: rgba(255, 255, 255, 0.72);
}

.chart-tooltip {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  max-width: 13rem;
  padding: 0.45rem 0.65rem;
  border-radius: 12px;
  background: rgba(17, 24, 39, 0.94);
  color: #f8fafc;
  font-size: 0.78rem;
  line-height: 1.4;
  text-align: center;
  pointer-events: none;
  white-space: normal;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.2);
  transform: translate(-50%, calc(-100% - 0.75rem));
}

.chart-tooltip[hidden] {
  display: none;
}

.chart-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(17, 24, 39, 0.94);
}

.chart-tooltip.is-below {
  transform: translate(-50%, 0.75rem);
}

.chart-tooltip.is-below::after {
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: rgba(17, 24, 39, 0.94);
}

.sm-ui-tooltip {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  max-width: min(18rem, calc(100vw - 1.5rem));
  padding: 0.5rem 0.68rem;
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.96);
  color: #f8fafc;
  font-size: 0.76rem;
  line-height: 1.4;
  text-align: left;
  pointer-events: none;
  white-space: normal;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.22);
  opacity: 0;
  visibility: hidden;
  transform: translate(14px, 16px);
  transition: opacity 120ms ease, visibility 120ms ease;
}

.sm-ui-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}

.sm-ui-tooltip[hidden] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .sm-ui-tooltip {
    transition: none;
  }
}

@media (hover: none), (pointer: coarse) {
  .sm-ui-tooltip {
    display: none !important;
  }
}

.topic-donut-hole {
  position: absolute;
  inset: 18%;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--line-soft);
}

.topic-donut-hole strong {
  font-size: 1.25rem;
  line-height: 1;
}

.topic-donut-hole span {
  color: var(--muted);
  font-size: 0.78rem;
  margin-top: 0.2rem;
}

.statistics-card-compact .radar-chart-svg-compact,
.statistics-card-compact .radar-chart-svg {
  max-width: 11rem;
  margin: 0 auto;
}

.page-about .statistics-card-wide .radar-chart-svg,
.page-about .statistics-card-wide .radar-chart-svg-compact {
  max-width: 20rem;
}

.chart-shell-compact .topic-donut-hole strong {
  font-size: 1rem;
}

.chart-shell-compact .topic-donut-hole span {
  font-size: 0.7rem;
}

.chart-legend {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

.chart-legend li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  color: inherit;
}

.chart-legend-main {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.chart-legend-dot {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  flex: 0 0 auto;
}

.chart-legend-meta {
  color: var(--muted);
  white-space: nowrap;
}

.topics-overview-card {
  padding: 1.55rem;
}

.topics-dashboard-grid {
  align-items: start;
}

.topics-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin: 1rem 0 1.1rem;
}

.topics-filter-bar label {
  display: grid;
  gap: 0.45rem;
  min-width: min(100%, 220px);
}

.topics-filter-label {
  color: var(--muted);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.topic-results-card {
  margin-top: 1rem;
}

.topics-results-shell {
  display: grid;
  gap: 0.95rem;
}

.article-shell {
  max-width: 1040px;
  padding: 4rem 0;
}

.detail-signal-nav {
  position: fixed;
  inset: 50% 0 auto 0;
  transform: translateY(-50%);
  z-index: 40;
  pointer-events: none;
}

.detail-signal-nav-link {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  padding: 0.7rem 0.78rem;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
  color: var(--text);
  text-decoration: none;
  font-size: 0.84rem;
  font-weight: 700;
  backdrop-filter: blur(10px);
}

.detail-signal-nav-link.is-prev {
  left: max(1rem, calc((100vw - 1040px) / 2 - 3.25rem));
}

.detail-signal-nav-link.is-next {
  right: max(1rem, calc((100vw - 1040px) / 2 - 3.25rem));
}

.detail-signal-nav-link:hover,
.detail-signal-nav-link:focus-visible {
  color: #8f2d3f;
  border-color: rgba(190, 24, 93, 0.28);
  outline: none;
}

.detail-signal-nav-link.is-disabled {
  opacity: 0;
  visibility: hidden;
}

.detail-signal-nav-arrow {
  font-size: 1rem;
  line-height: 1;
}

.article-insight-grid {
  margin: 1.35rem 0 1.55rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.article-header {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
  gap: 2rem;
  align-items: start;
}

.article-sidebar-stack {
  display: grid;
  gap: 1rem;
  align-content: start;
  position: static;
  padding-top: 0;
}

.signal-share-image-button {
  width: 100%;
  justify-content: center;
}

.article-meta-card {
  padding: 1.35rem;
  position: static;
}

.detail-signal-health {
  display: grid;
  gap: 1rem;
}

.article-meta-card .card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.article-meta-card .trend-meta {
  margin: 0;
}

.article-meta-card .trend-meta-attention {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  margin-bottom: 0.85rem;
}

.meta-list {
  margin: 1rem 0 0;
}

.meta-list div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid var(--line-soft);
}

.meta-list div:last-child {
  border-bottom: 0;
}

.meta-list dt {
  color: var(--muted);
}

.summary-copy,
.faq-answer,
.signalmeaning-detail-note {
  margin: 0;
  color: var(--text);
}

.article-header-copy > .article-insight-card,
.article-header-copy > .signal-validity-card,
.article-header-copy > .trend-saturation-card {
  margin-top: 1rem;
}

.detail-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.8rem;
}

.article-header-recommendation {
  margin: 0.9rem 0 0;
  color: var(--text);
  line-height: 1.6;
}

.faq-list {
  display: grid;
  gap: 0.85rem;
}

.faq-item {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--line-soft);
}

.faq-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.faq-question {
  margin: 0 0 0.3rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text);
}

.article-faq-card {
  margin-top: 0.75rem;
}

.article-footnote-card {
  margin-top: 1.25rem;
}

.article-footnote-note {
  margin-top: 1.35rem;
}

.signalmeaning-detail-note {
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.6;
}

.plain-list-compact li {
  padding: 0.45rem 0;
}

.muted-inline-small {
  font-size: 0.84rem;
  color: var(--muted);
}

.summary-card-block {
  min-height: 0;
}

.statistics-summary-grid .summary-card-block {
  height: 100%;
}

.summary-card-meter {
  display: block;
  margin-top: 0.55rem;
  width: 100%;
  height: 0.42rem;
  border-radius: 999px;
  overflow: hidden;
  background: #e8edf3;
}

.summary-card-meter span {
  display: block;
  height: 100%;
  border-radius: 999px;
}

.meta-list-stack div {
  align-items: flex-start;
}

.meta-list-stack dd {
  text-align: left;
}

.meta-list dd {
  margin: 0;
  text-align: right;
}

.article-section {
  margin-top: 1.7rem;
  padding-top: 1.7rem;
  border-top: 1px solid var(--line-soft);
}

.article-section-subgroup + .article-section-subgroup {
  margin-top: 1rem;
}

.article-section-subgroup .section-kicker {
  margin-bottom: 0.55rem;
}

.article-section .score-breakdown-panel-compact {
  margin-top: 0.9rem;
}

.subpage-badge {
  margin: 1rem 0 0;
}

.statistics-signal-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.statistics-signal-card {
  min-height: 100%;
}

.statistics-signal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.9rem;
  margin-top: 0.75rem;
  color: var(--muted);
  font-size: 0.9rem;
}

.statistics-signal-link {
  margin: 0.9rem 0 0;
}

.site-footer {
  margin-top: 2rem;
  padding: 2rem 0 2.4rem;
  background: var(--surface);
  border-top: 1px solid var(--line-soft);
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 3.95fr) minmax(152px, 0.76fr) minmax(176px, 0.8fr);
  gap: 0.52rem;
}

.footer-grid a,
.footer-grid span {
  display: block;
  margin-top: 0.4rem;
  color: var(--muted);
  font-size: 0.95rem;
}

.footer-support-row { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--line-soft); }
.footer-support-label { margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.6; letter-spacing: .08em; font-weight: 550; }
.footer-legal-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 28px; }
.footer-legal-nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); font-size: .8rem; line-height: 1.5; text-decoration: none; white-space: nowrap; }
.footer-legal-nav .footer-admin-link { font-size: .68rem; opacity: .72; letter-spacing: .03em; }
.footer-legal-nav a:hover { color: var(--text); text-decoration: underline; text-underline-offset: 5px; }
.footer-legal-nav a:focus-visible { outline: 2px solid #596c89; outline-offset: 5px; border-radius: 2px; }
@media (max-width: 680px) {
  .footer-support-row { display: block; margin-top: 24px; padding-top: 22px; }
  .footer-support-label { margin-bottom: 12px; }
  .footer-legal-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
  .footer-legal-nav a { min-height: 44px; font-size: .81rem; }
}

@keyframes blink-caret {
  50% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-subtitle-typed.is-typing::after {
    animation: none;
    opacity: 0;
  }
}

@media (min-width: 901px) {
  .page-signal .article-sidebar-stack {
    position: sticky;
    top: 5.3rem;
    align-self: start;
  }

  .influencer-checklist-card {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    z-index: auto;
  }
}

@media (max-width: 900px) {
  .statistics-summary-grid,
  .analytics-grid {
    grid-template-columns: 1fr;
  }

  .statistics-primary-summary .statistics-summary-grid {
    grid-template-columns: 1fr;
  }

  .page-home .home-story-grid,
  .page-statistics-detail .home-story-grid {
    grid-template-columns: 1fr;
  }

  .creator-tools-grid,
  .tool-form-grid,
  .tool-form-grid-compact {
    grid-template-columns: 1fr;
  }

  .statistics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .article-header,
  .footer-grid,
  .newsletter-card {
    grid-template-columns: 1fr;
  }

  .article-sidebar-stack {
    position: static;
  }

  .influencer-checklist-card {
    width: 100%;
  }

  .newsletter-card {
    align-items: flex-start;
  }

  .statistics-card-wide {
    grid-column: span 1;
  }

  .statistics-card-full {
    grid-column: span 1;
  }

  .statistics-card-compact {
    grid-column: span 1;
    max-width: none;
  }

  .topic-chart-shell,
  .chart-shell-compact,
  .chart-shell-regular {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .detail-signal-nav {
    position: static;
    inset: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    width: min(100%, 1040px);
    margin: 1rem auto 0;
    padding: 0 1rem;
    transform: none;
    pointer-events: auto;
  }

  .detail-signal-nav-link {
    position: static;
    width: 100%;
    justify-content: center;
    top: auto;
    transform: none;
    padding: 0.62rem 0.72rem;
    font-size: 0.78rem;
  }

  .detail-signal-nav-link.is-prev {
    left: auto;
  }

  .detail-signal-nav-link.is-next {
    right: auto;
  }

  .detail-signal-nav-link.is-disabled {
    display: none;
  }

  .nav-toggle {
    display: inline-flex;
  }

  .site-nav {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.85rem 1rem 1rem;
    background: rgba(29, 29, 31, 0.95);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .site-nav.is-open {
    display: flex;
  }

  .hero,
  .subpage-hero {
    padding-top: 3.7rem;
    padding-bottom: 2rem;
  }

  .page-home .hero h1 {
    font-size: clamp(2.45rem, 8vw, 3.2rem);
    line-height: 1.08;
    max-width: 100%;
  }

  .page-home .hero-headline-accent-nowrap {
    white-space: nowrap;
  }

  .page-home .hero-headline-rest {
    display: inline;
  }

  .page-home .hero {
    padding-top: 4.55rem;
    padding-bottom: 1.5rem;
  }

  .page-home .hero .hero-subtitle {
    font-size: 1.02rem;
    max-width: 100%;
    white-space: normal;
  }

  .page-home .home-hero-shell {
    gap: 0.78rem;
  }

  .page-home .home-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .page-home .home-hero-actions .button-pill {
    width: 100%;
  }

  .page-home .home-story-shell,
  .page-statistics-detail .home-story-shell,
  .page-home .sm-scroll-workflow,
  .page-home .home-notable-shell {
    padding: 1.2rem;
    border-radius: 24px;
  }

  .page-home .sm-scroll-workflow-shell {
    grid-template-columns: 1fr;
  }

  .page-home {
    padding-bottom: calc(8.6rem + env(safe-area-inset-bottom));
  }

  .page-home .sm-scroll-workflow-head {
    margin-bottom: 1rem;
  }

  .page-home .sm-scroll-workflow-head h2 {
    font-size: clamp(1.55rem, 6vw, 2rem);
  }

  .page-home .sm-scroll-workflow-head h2 span + span {
    margin-top: 0.08rem;
  }

  .page-home .sm-scroll-workflow-controls-head {
    align-items: flex-start;
  }

  .page-home .sm-scroll-workflow-scroll-actions {
    gap: 0.32rem;
    margin-left: 0;
  }

  .page-home .sm-scroll-workflow-scroll-button {
    width: 2rem;
    height: 2rem;
  }

  .page-home .sm-scroll-workflow-signal-chip {
    min-height: 13.8rem;
  }

  .page-home .sm-scroll-workflow-signal-chip-wrap {
    min-width: 10.1rem;
    max-width: 11.4rem;
  }

  .page-home .sm-scroll-workflow-signal-row {
    padding-inline: max(0.2rem, calc(50% - 5.7rem));
    scroll-padding-inline: max(0.2rem, calc(50% - 5.7rem));
  }

  .page-home .sm-scroll-workflow-signal-detail-link {
    right: 0.72rem;
    bottom: 0.72rem;
  }

  .page-home .sm-scroll-workflow-platform-extra {
    display: grid;
  }

  .page-home .sm-scroll-workflow-ai-row,
  .page-home .sm-scroll-workflow-ai-extra {
    display: grid;
  }

  .page-home .sm-scroll-workflow-diagram-wrap {
    position: fixed;
    left: 0.85rem;
    right: 0.85rem;
    bottom: calc(0.7rem + env(safe-area-inset-bottom));
    top: auto;
    width: auto;
    z-index: 46;
  }

  .page-home .sm-scroll-workflow-diagram {
    display: none;
  }

  .page-home .sm-scroll-workflow-mobile-nav {
    display: grid;
    gap: 0.7rem;
    padding: 0.88rem 0.9rem 0.92rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
    backdrop-filter: blur(12px);
  }

  .page-home .sm-scroll-workflow-mobile-title {
    margin: 0;
    color: #0a66d9;
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: -0.02em;
  }

  .page-home .sm-scroll-workflow-mobile-rail {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: start;
    gap: 0.35rem;
    padding: 0.15rem 0 0.1rem;
  }

  .page-home .sm-scroll-workflow-mobile-line-track,
  .page-home .sm-scroll-workflow-mobile-line-fill {
    position: absolute;
    left: calc((100% / 12) - 1px);
    right: calc((100% / 12) - 1px);
    top: 1.08rem;
    height: 3px;
    border-radius: 999px;
    z-index: 0;
  }

  .page-home .sm-scroll-workflow-mobile-line-track {
    background: linear-gradient(90deg, rgba(203, 213, 225, 0.98) 0%, rgba(226, 232, 240, 0.92) 100%);
  }

  .page-home .sm-scroll-workflow-mobile-line-fill {
    right: auto;
    width: calc((100% - ((100% / 12) - 1px) * 2) * var(--sm-scroll-workflow-progress-ratio));
    background: linear-gradient(90deg, #0a66d9 0%, #4f93ff 100%);
  }

  .page-home .sm-scroll-workflow-node {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.34rem;
    min-width: 0;
    z-index: 1;
  }

  .page-home .sm-scroll-workflow-node-dot {
    width: 2.1rem;
    height: 2.1rem;
    margin-left: 0;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.94);
  }

  .page-home .sm-scroll-workflow-node-dot img {
    width: 1rem;
    height: 1rem;
  }

  .page-home .sm-scroll-workflow-node-copy {
    gap: 0.02rem;
    justify-items: center;
  }

  .page-home .home-notable-toolbar {
    justify-content: stretch;
  }

  .page-home .home-notable-sort-label,
  .search-sort-label {
    width: 100%;
  }

  .page-home .sm-scroll-workflow-controls-label {
    font-size: 0.98rem;
    line-height: 1.34;
  }

  .page-home .sm-scroll-workflow-daily-intro-label {
    margin-top: 0.1rem;
  }

  .page-home .sm-scroll-workflow-group-label {
    font-size: 1.08rem;
  }

  .page-home .sm-scroll-workflow-signal-chip {
    min-height: 26.4rem;
  }

  .page-home .sm-scroll-workflow-signal-radar {
    min-height: 9.75rem;
  }

  .page-home .sm-scroll-workflow-signal-radar .score-radar-chart,
  .page-home .sm-scroll-workflow-signal-radar svg {
    width: min(100%, 9.8rem);
  }

  .page-home .sm-scroll-workflow-checklist {
    max-width: 100%;
    justify-content: flex-start;
  }

  .page-home .sm-scroll-workflow-node-label {
    display: none;
  }

  .page-home .sm-scroll-workflow-node-label-short {
    display: block;
    color: #475569;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
  }

  .page-home .sm-scroll-workflow-node-category {
    display: none;
  }

  .page-home .sm-scroll-workflow-chatgpt-button {
    width: 100%;
    justify-content: center;
  }

  .page-home .sm-scroll-workflow-ai-open-button {
    width: fit-content;
    min-height: 1.78rem;
    font-size: 0.78rem;
    padding: 0.4rem 0.84rem;
  }

  .page-home .sm-scroll-workflow-open-button {
    width: 100%;
    justify-content: center;
  }

  .page-home .sm-scroll-workflow-chatgpt-button-secondary {
    width: 100%;
    justify-content: center;
  }

  .page-home .home-metrics-head .home-message-title {
    font-size: clamp(1.3rem, 5vw, 1.72rem);
    line-height: 1.22;
    white-space: normal;
  }

  .page-home .home-hero-risk-panel {
    padding: 0.92rem 0.92rem 0.94rem;
    gap: 0.72rem;
  }

  .page-home .home-hero-risk-zone,
  .page-home .home-hero-solution-zone,
  .page-home .home-hero-free-note {
    padding: 0.82rem 0.84rem;
  }

  .page-home .home-hero-risk-list,
  .page-home .home-hero-solution-list,
  .page-home .home-hero-free-note p {
    font-size: 0.9rem;
  }

  .page-home .sm-scroll-workflow-step-topline-actions {
    gap: 0.42rem;
  }

  .page-home .sm-scroll-workflow-daily-header {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.5rem 0.8rem;
    margin-bottom: 0.2rem;
  }

  .page-home .sm-scroll-workflow-daily-header .sm-scroll-workflow-clear-button {
    margin-left: auto;
  }

  .page-signal .article-shell {
    padding-bottom: 4rem;
  }

  .influencer-checklist-card {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    width: auto;
    max-width: none;
    margin: 0;
    z-index: auto;
    box-shadow: none;
  }

  .influencer-checklist-header .step-label,
  .influencer-checklist-item-toggle {
    font-size: 0.92rem;
  }

  .page-home .home-metrics-head h2 {
    font-size: clamp(1.18rem, 4.5vw, 1.42rem);
    letter-spacing: -0.02em;
    white-space: nowrap;
  }

  .page-home .home-metrics-head .home-message-title {
    white-space: normal;
  }

  .page-home .home-metrics-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .page-home .home-metric-item {
    padding: 0;
  }

  .page-home .home-metric-item + .home-metric-item {
    border-left: 0;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-top: 1rem;
  }

  .search-strip {
    flex-direction: column;
    align-items: stretch;
    gap: 0.4rem;
    padding: 0.38rem 0.5rem;
    border-radius: 14px;
    margin-bottom: 0.82rem;
  }

  .page-home .home-search-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(7.4rem, 8.2rem);
    align-items: center;
    gap: 0.4rem;
    padding: 0.34rem 0.44rem;
    margin-bottom: 0.46rem;
  }

  .page-home .search-field {
    min-height: 2.62rem;
    padding: 0 0.58rem;
    gap: 0.42rem;
    border-radius: 14px;
  }

  .page-home .search-strip input {
    min-height: 2.62rem;
    font-size: 0.91rem;
    line-height: 1.2;
  }

  .page-home .search-strip .batch-select {
    min-height: 2.62rem;
    padding: 0 0.66rem;
    font-size: 0.91rem;
    line-height: 1.2;
    border-radius: 12px;
  }

  .page-home .statistics-preview {
    padding-top: 0.45rem;
    padding-bottom: 0.65rem;
  }

  .page-home .search-section {
    padding-top: 0.16rem;
    padding-bottom: 0.24rem;
  }

  .page-home .search-range-select {
    flex: 0 0 auto;
    width: 100%;
    max-width: 8.2rem;
  }

  .page-home .search-icon,
  .page-home .search-icon svg {
    width: 0.86rem;
    height: 0.86rem;
  }

  .tool-card {
    gap: 0.85rem;
  }

  .tool-input {
    min-height: 2.8rem;
  }

  .tool-textarea {
    min-height: 8rem;
  }

  .tool-textarea-compact {
    min-height: 5.4rem;
  }

  .tool-output {
    padding: 0.85rem 0.9rem;
  }

  .tool-guide-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tool-chip-button {
    min-height: 2.05rem;
    padding: 0.42rem 0.72rem;
  }

  .search-support-note {
    margin: 0 0 0.72rem;
    font-size: 0.88rem;
    line-height: 1.35;
  }

  .search-meta-row {
    margin: 0 0 0.26rem;
  }

  .page-home .search-strip,
  .page-home .search-field,
  .page-home .statistics-preview .overview-card,
  .page-home .statistics-preview .analytics-card,
  .page-home .statistics-preview .topic-chart-shell,
  .page-home .statistics-preview .heatmap-wrap,
  .page-home .statistics-preview .heatmap-grid,
  .page-statistics .analytics-card,
  .page-statistics .topic-chart-shell,
  .page-statistics .analytics-svg-wrap,
  .page-statistics .analytics-svg,
  .page-statistics .heatmap-wrap,
  .page-statistics .heatmap-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: auto;
  }

  .page-home .statistics-group-shell,
  .page-statistics .statistics-group-shell {
    padding: 1rem;
  }

  .page-home .statistics-preview .overview-grid,
  .page-home .statistics-preview .statistics-grid,
  .page-statistics .statistics-grid,
  .page-statistics .analytics-grid {
    gap: 1rem;
  }

  .analytics-svg-wrap,
  .heatmap-wrap,
  .timeline-scroll-panel {
    overflow-x: visible;
    padding-bottom: 0;
  }

  .analytics-svg {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .analytics-axis-label {
    font-size: 9.5px;
  }

  .analytics-axis-label-x {
    font-size: 8.5px;
  }

  .heatmap-grid {
    min-width: 0;
    grid-template-columns: 2.95rem repeat(7, minmax(1.95rem, 1fr));
    gap: 0.18rem;
  }

  .heatmap-head,
  .heatmap-cell {
    border-radius: 0.58rem;
    padding: 0.34rem 0.14rem;
    font-size: 0.66rem;
  }

  .home-heatmap-card-compact .heatmap-grid {
    grid-template-columns: 2.8rem repeat(7, minmax(2rem, 1fr));
    gap: 0.18rem;
  }

  .home-heatmap-card-compact .heatmap-head,
  .home-heatmap-card-compact .heatmap-cell {
    padding: 0.34rem 0.12rem;
    font-size: 0.64rem;
  }

  .bar-link {
    grid-template-columns: 1fr;
  }

  .statistics-grid {
    grid-template-columns: 1fr;
  }

  .statistics-summary-grid {
    grid-template-columns: 1fr;
  }

  .footer-contact {
    margin-top: 1.2rem;
  }

  .section-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .signal-scroll-grid {
    grid-auto-columns: minmax(280px, 88vw);
  }

  .hero-creator-actions {
    justify-content: flex-start;
  }

  .search-result-meta {
    flex-direction: column;
    gap: 0.3rem;
  }

  .published-date-list li > a {
    flex-direction: column;
    align-items: flex-start;
  }

  .card-foot {
    flex-direction: column;
    align-items: flex-start;
  }

  .topic-scroll-panel {
    max-height: 21rem;
  }

  .chart-tooltip {
    max-width: 10rem;
  }
}

.page-home .home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem;
  margin-top: 0.25rem;
}

.page-home .home-hero-actions .button-pill {
  min-width: 11.8rem;
}

.page-home .opportunity-engine-section {
  padding-top: 1.2rem;
  padding-bottom: 2.9rem;
  background: linear-gradient(180deg, rgba(246, 249, 255, 0.72) 0%, rgba(255, 255, 255, 0) 100%);
}

.opportunity-engine {
  max-width: 1160px;
  margin: 0 auto;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid rgba(29, 78, 216, 0.12);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 26px 62px rgba(15, 23, 42, 0.08);
}

.opportunity-engine-head {
  max-width: 47rem;
  margin: 0 auto 1.35rem;
  text-align: center;
}

.opportunity-engine-head h2 {
  margin-bottom: 0.55rem;
  color: #101827;
  font-size: clamp(1.9rem, 4vw, 3.05rem);
  letter-spacing: -0.045em;
}

.opportunity-label {
  margin: 0 0 0.36rem;
  color: #b4232a;
  font-size: 0.69rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.opportunity-profile-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: 22px;
  background: radial-gradient(circle at 92% 8%, rgba(96, 165, 250, 0.2), transparent 30%), linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);
}

.opportunity-profile-card h3,
.opportunity-form-head h3,
.todays-actions h3 {
  margin: 0;
  color: #13213a;
  font-size: 1.08rem;
}

.opportunity-profile-card [data-opportunity-profile-summary] {
  max-width: 47rem;
  margin: 0.3rem 0 0;
  color: #526071;
  line-height: 1.5;
}

.opportunity-list-toggle {
  margin-top: 1rem;
  text-align: center;
}

.opportunity-profile-form {
  margin-top: 0.85rem;
  padding: 1.15rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 22px;
  background: #ffffff;
}

.opportunity-form-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.text-action {
  border: 0;
  background: transparent;
  color: #2563eb;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
}

.opportunity-profile-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.82rem;
}

.opportunity-profile-fields > label,
.opportunity-platform-field {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  color: #26354a;
  font-size: 0.81rem;
  font-weight: 750;
}

.opportunity-profile-fields .tool-input {
  width: 100%;
  min-width: 0;
  min-height: 2.56rem;
  padding: 0.5rem 0.65rem;
  border-color: rgba(37, 99, 235, 0.24);
  font-size: 0.9rem;
}

.opportunity-platform-field {
  grid-column: span 2;
}

.opportunity-platform-choices {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.opportunity-platform-choice {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  min-height: 2.48rem;
  padding: 0.38rem 0.62rem;
  border: 1px solid rgba(37, 99, 235, 0.2);
  border-radius: 999px;
  background: #f8fbff;
  color: #23406e;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
}

.opportunity-platform-choice input {
  accent-color: #2563eb;
}

.opportunity-form-note {
  margin: 0.85rem 0 0;
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.45;
}

.opportunity-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.85rem;
}

.opportunity-tabs {
  display: inline-flex;
  max-width: 100%;
  margin-top: 1.3rem;
  padding: 0.28rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 14px;
  background: #f4f7fb;
}

.opportunity-tabs button {
  min-width: 7.2rem;
  padding: 0.6rem 0.9rem;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #536174;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 800;
  cursor: pointer;
}

.opportunity-tabs button.is-active {
  background: linear-gradient(135deg, #1459e7, #2873ef);
  box-shadow: 0 5px 14px rgba(37, 99, 235, 0.22);
  color: #ffffff;
}

.opportunity-view-status {
  min-height: 1.4rem;
  margin: 0.72rem 0;
  color: #526071;
  font-size: 0.88rem;
}

.opportunity-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16.5rem, 19.5rem);
  gap: 1rem;
  align-items: start;
}

.opportunity-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.82rem;
}

.opportunity-card {
  display: grid;
  align-content: start;
  gap: 0.66rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 9px 22px rgba(15, 23, 42, 0.035);
}

.opportunity-card.is-selected {
  border-color: rgba(37, 99, 235, 0.52);
  box-shadow: 0 12px 27px rgba(37, 99, 235, 0.11);
}

.opportunity-card-top,
.opportunity-card-meta,
.opportunity-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.opportunity-match,
.opportunity-muted-badge,
.opportunity-platform-chip,
.opportunity-risk {
  display: inline-flex;
  align-items: center;
  min-height: 1.66rem;
  padding: 0.2rem 0.47rem;
  border-radius: 999px;
  font-size: 0.71rem;
  font-weight: 800;
  line-height: 1.2;
}

.opportunity-match {
  background: #e8f1ff;
  color: #1558cd;
}

.opportunity-muted-badge {
  background: #f1f4f8;
  color: #66758a;
}

.opportunity-timing {
  color: #526071;
  font-size: 0.76rem;
  font-weight: 700;
  text-align: right;
}

.opportunity-card h3 {
  margin: 0;
  color: #13213a;
  font-size: 1.02rem;
  line-height: 1.28;
  letter-spacing: -0.018em;
  overflow-wrap: anywhere;
}

.opportunity-summary,
.opportunity-why-now {
  margin: 0;
  color: #586579;
  font-size: 0.85rem;
  line-height: 1.48;
  overflow-wrap: anywhere;
}

.opportunity-why-now strong {
  color: #2c3b50;
}

.opportunity-card-meta {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.opportunity-platform-chip {
  background: #f1f6ff;
  color: #305d9f;
}

.opportunity-risk {
  border: 1px solid rgba(15, 23, 42, 0.09);
  color: #586579;
}

.opportunity-risk.is-high { background: #fff5f5; color: #b4232a; }
.opportunity-risk.is-medium { background: #fffaed; color: #9a6700; }
.opportunity-risk.is-low { background: #effcf3; color: #18794e; }

.opportunity-card-actions {
  justify-content: flex-end;
  margin-top: auto;
}

.opportunity-card-actions .button-pill {
  min-height: 2.3rem;
  padding: 0.48rem 0.72rem;
  font-size: 0.8rem;
}

.todays-actions {
  position: sticky;
  top: 5.1rem;
  display: grid;
  gap: 0.72rem;
  padding: 1.08rem;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 21px;
  background: linear-gradient(155deg, #f7fbff 0%, #eef5ff 100%);
}

.todays-actions > p:not(.opportunity-label) {
  margin: 0;
  color: #596a82;
  font-size: 0.86rem;
  line-height: 1.45;
}

.today-action-list {
  display: grid;
  gap: 0.6rem;
}

.today-action {
  display: grid;
  gap: 0.22rem;
  padding: 0.74rem;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.86);
}

.today-action strong { color: #17315d; font-size: 0.85rem; }
.today-action span { color: #5c6c80; font-size: 0.78rem; line-height: 1.38; }
.today-action button { justify-self: start; margin-top: 0.2rem; }

.opportunity-detail {
  margin-top: 1rem;
  padding: clamp(1rem, 2vw, 1.3rem);
  border: 1px solid rgba(37, 99, 235, 0.24);
  border-radius: 23px;
  background: linear-gradient(120deg, #fbfdff 0%, #f5f9ff 100%);
}

.opportunity-detail-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}

.opportunity-detail h3 { margin: 0; color: #10213c; font-size: clamp(1.15rem, 2.5vw, 1.55rem); overflow-wrap: anywhere; }
.opportunity-detail h4 { margin: 0 0 0.35rem; color: #243852; font-size: 0.88rem; }
.opportunity-detail p { color: #536276; line-height: 1.5; }

.opportunity-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
  margin-top: 0.95rem;
}

.opportunity-detail-block {
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.8);
}

.opportunity-detail-block p { margin: 0; font-size: 0.84rem; overflow-wrap: anywhere; }
.opportunity-breakdown { margin: 0; padding-left: 1.12rem; color: #536276; font-size: 0.84rem; line-height: 1.55; }

.opportunity-feedback {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.opportunity-feedback > span { margin-right: 0.2rem; color: #526071; font-size: 0.82rem; font-weight: 700; }
.opportunity-feedback button { min-height: 2rem; padding: 0.36rem 0.56rem; border: 1px solid rgba(37, 99, 235, 0.2); border-radius: 999px; background: #ffffff; color: #3d587d; font: inherit; font-size: 0.74rem; font-weight: 700; cursor: pointer; }
.opportunity-feedback button.is-selected { border-color: #2563eb; background: #eaf2ff; color: #1558cd; }

@media (max-width: 900px) {
  .opportunity-content-grid { grid-template-columns: 1fr; }
  .todays-actions { position: static; }
  .opportunity-profile-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .opportunity-platform-field { grid-column: span 2; }
}

@media (max-width: 600px) {
  .page-home .opportunity-engine-section { padding-top: 0.7rem; }
  .opportunity-engine { padding: 0.84rem; border-radius: 22px; }
  .opportunity-profile-card { align-items: stretch; flex-direction: column; padding: 0.92rem; }
  .opportunity-profile-card .button-pill { width: 100%; }
  .opportunity-profile-fields,
  .opportunity-detail-grid { grid-template-columns: 1fr; }
  .opportunity-platform-field { grid-column: auto; }
  .opportunity-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .opportunity-tabs button { min-width: 0; padding-inline: 0.35rem; }
  .opportunity-card-grid { grid-template-columns: 1fr; }
  .opportunity-form-actions .button-pill { width: 100%; justify-content: center; }
  .opportunity-detail-head { flex-direction: column; }
}


/* Homepage visual system. Scoped away from Actions and all embedded documents. */
body.page-home:not(.page-actions) {
  --container: 1320px;
  --accent: #0866ed;
  --text: #102b50;
  --muted: #516580;
  --home-line: #dce6f2;
  --home-blue: #0866ed;
  --home-radius: 14px;
  color: var(--text);
  background: #fbfdff;
}
/* Keep the shared header at the common width while the homepage body stays wide. */
body.page-home:not(.page-actions) .site-header { --container: 1120px; }
body.page-home:not(.page-actions) .container:not(.top-bar-inner) { width: min(calc(100% - 64px), var(--container)); }
body.page-home:not(.page-actions) .button-pill { min-height: 44px; border: 1px solid transparent; border-radius: 9px; font-size: .94rem; font-weight: 650; cursor: pointer; }
body.page-home:not(.page-actions) .button-primary { background: var(--primary-cta); border-color: var(--primary-cta); color: #fff; box-shadow: 0 3px 8px #204f8012; }
body.page-home:not(.page-actions) .button-secondary { background: #ffffffb3; border-color: #b7cff0; color: #075dce; }
body.page-home:not(.page-actions) .button-primary:is(:hover, :focus-visible, :active) { background: var(--primary-cta-hover); border-color: var(--primary-cta-hover); }
body.page-home:not(.page-actions) .button-secondary:hover { background: #edf5ff; border-color: #7faef1; }
body.page-home:not(.page-actions) :is(button, a, textarea, input, select, .opportunity-card):focus-visible:not(.site-header *) { outline: 3px solid #76a8ef; outline-offset: 3px; }

body.page-home:not(.page-actions) .hero { padding: 54px 0 30px; }
body.page-home:not(.page-actions) .hero::before { background: radial-gradient(ellipse at 85% 28%, #dce8f3 0, transparent 48%), linear-gradient(120deg, #fff 10%, #f3f7fb 100%); }
body.page-home:not(.page-actions) .hero-inner { max-width: var(--container); }
body.page-home:not(.page-actions) .home-hero-shell { max-width: none; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-areas: "eyebrow visual" "title visual" "subtitle visual" "actions visual" "support support"; gap: 20px 48px; justify-items: start; align-items: center; text-align: left; }
body.page-home:not(.page-actions) .home-hero-shell > .eyebrow { grid-area: eyebrow; margin: 0; color: #466a91; font-size: .75rem; font-weight: 750; letter-spacing: .15em; }
body.page-home:not(.page-actions) .hero h1 { grid-area: title; max-width: 20ch; margin: 0; color: #142e4d; font-size: clamp(2.55rem, 4vw, 3.7rem); line-height: 1.1; letter-spacing: -.043em; text-wrap: balance; }
body.page-home:not(.page-actions) .hero-headline-accent { color: #285d94; }
body.page-home:not(.page-actions) .hero .hero-subtitle { grid-area: subtitle; max-width: 55ch; margin: 0; font-size: 1.05rem; line-height: 1.75; color: #50647c; }
body.page-home:not(.page-actions) .home-hero-actions { grid-area: actions; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; gap: 12px; margin: 0; }
body.page-home:not(.page-actions) .home-hero-actions .button-pill { width: auto; min-width: 0; min-height: 48px; margin: 0; padding: 10px 22px; box-shadow: none; }
body.page-home:not(.page-actions) .home-hero-support { max-width: none; margin: 0; padding: 0; border: 0; font-size: .82rem; line-height: 1.65; color: #53657a; }
body.page-home:not(.page-actions) .home-hero-trust { grid-area: support; width: 100%; margin-top: 14px; padding-top: 22px; border-top: 1px solid #cfdae6; }
body.page-home:not(.page-actions) .home-hero-support + .home-hero-support { margin-top: 12px; }
body.page-home:not(.page-actions) .home-hero-support strong { color: #344c68; font-size: .72rem; letter-spacing: .09em; }
body.page-home:not(.page-actions) .home-hero-visual { grid-area: visual; display: block; width: 100%; height: auto; max-width: 640px; align-self: center; justify-self: center; }
body.page-home:not(.page-actions) .hero .home-hero-primary { background: var(--primary-cta); border-color: var(--primary-cta); }
body.page-home:not(.page-actions) .hero .home-hero-primary:hover { background: var(--primary-cta-hover); border-color: var(--primary-cta-hover); }
body.page-home:not(.page-actions) .hero .home-hero-secondary { color: #204f80; border-color: #b1c5da; background: #ffffffb3; }

body.page-home:not(.page-actions) .live-widget-showcase { padding: 16px 0; }
body.page-home:not(.page-actions) .live-widget-showcase-grid { grid-template-columns: minmax(0, 1fr) 464px minmax(0, .8fr); align-items: start; gap: 24px; padding: 12px 24px; border: 1px solid #d7e6f8; border-radius: 18px; background: radial-gradient(ellipse at 55% 50%, #dfeeff 0, #edf5ff 48%, #f5f9ff 100%); }
body.page-home:not(.page-actions) .live-widget-intro { padding: 8px 0; }
body.page-home:not(.page-actions) .live-widget-eyebrow { margin-bottom: 14px; font-size: .72rem; line-height: 1.5; letter-spacing: .03em; color: #0866df; }
body.page-home:not(.page-actions) .live-widget-intro h2 { margin: 0 0 12px; max-width: 23ch; color: #102e56; font-size: clamp(1.6rem, 2.1vw, 1.9rem); line-height: 1.14; letter-spacing: -.03em; text-wrap: balance; }
body.page-home:not(.page-actions) .live-widget-intro > p:not(.live-widget-eyebrow) { margin: 0; font-size: .96rem; line-height: 1.55; color: #48617f; }
body.page-home:not(.page-actions) .live-widget-benefits { margin: 22px 0; gap: 15px; }
body.page-home:not(.page-actions) .live-widget-benefits li { padding-left: 14px; border-left: 2px solid #9bbff0; }
body.page-home:not(.page-actions) .live-widget-benefits strong { font-size: .88rem; font-weight: 700; color: #1f3e66; }
body.page-home:not(.page-actions) .live-widget-benefits span { margin-top: 2px; font-size: .81rem; line-height: 1.45; color: #4d6481; }
body.page-home:not(.page-actions) .live-widget-showcase .button-pill { min-width: 0; margin-top: 0; padding: 9px 16px; gap: 10px; }
body.page-home:not(.page-actions) .live-widget-preview { max-width: none; border-radius: 20px; filter: drop-shadow(0 10px 14px #163e7017); }
body.page-home:not(.page-actions) .live-widget-code-panel { margin-top: 8px; padding: 18px; border: 1px solid #dce6f2; border-radius: var(--home-radius); background: #ffffffb8; box-shadow: none; }
body.page-home:not(.page-actions) .live-widget-code-panel h3 { font-size: 1rem; color: #153459; }
body.page-home:not(.page-actions) .live-widget-code-panel > p { margin-bottom: 12px; font-size: .84rem; line-height: 1.5; color: #526984; }
body.page-home:not(.page-actions) .live-widget-code { height: 148px; min-height: 148px; margin-bottom: 14px; padding: 12px; border-color: #e0e7f0; border-radius: 8px; background: #f3f6fa; color: #3b526e; font-size: 11.5px; line-height: 1.65; }
body.page-home:not(.page-actions) .live-widget-code-panel .live-widget-copy-status { min-height: 1.3em; margin: 8px 0 0; font-size: .8rem; }

body.page-home:not(.page-actions) .opportunity-engine-section { padding: 12px 0 28px; background: transparent; }
body.page-home:not(.page-actions) .opportunity-engine { max-width: none; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.page-home:not(.page-actions) .opportunity-engine-head { max-width: none; margin: 0 0 20px; text-align: left; }
body.page-home:not(.page-actions) .opportunity-engine-head .section-kicker { margin: 0 0 7px; color: var(--home-blue); font-size: .78rem; letter-spacing: .065em; font-weight: 750; }
body.page-home:not(.page-actions) .opportunity-engine-head h2 { margin: 0 0 8px; color: #102e56; font-size: 1.9rem; line-height: 1.2; letter-spacing: -.03em; }
body.page-home:not(.page-actions) .opportunity-engine-head .section-copy { max-width: 112ch; margin: 0; font-size: .9rem; line-height: 1.55; color: #566981; }
body.page-home:not(.page-actions) .opportunity-label { color: #0866d8; font-size: .71rem; letter-spacing: .07em; font-weight: 750; }
body.page-home:not(.page-actions) .opportunity-profile-card { padding: 16px 20px; gap: 24px; border: 1px solid var(--home-line); border-radius: var(--home-radius); background: #f0f6ff; }
body.page-home:not(.page-actions) .opportunity-profile-card h3 { color: #203b60; font-size: 1rem; line-height: 1.4; }
body.page-home:not(.page-actions) .opportunity-profile-card [data-opportunity-profile-summary] { max-width: 104ch; margin: 3px 0 0; font-size: .87rem; line-height: 1.5; color: #4d6481; }
body.page-home:not(.page-actions) .opportunity-profile-card .button-pill { flex: 0 0 auto; min-width: 132px; margin: 0; }
body.page-home:not(.page-actions) .opportunity-profile-form { border-color: var(--home-line); border-radius: var(--home-radius); }
body.page-home:not(.page-actions) .opportunity-tabs { display: flex; width: 100%; gap: 12px; margin-top: 16px; padding: 0; border: 0; border-bottom: 1px solid var(--home-line); border-radius: 0; background: transparent; }
body.page-home:not(.page-actions) .opportunity-tabs button { min-height: 46px; min-width: 112px; padding: 10px 18px; border-radius: 0; border-bottom: 3px solid transparent; font-size: .94rem; font-weight: 650; color: #516580; }
body.page-home:not(.page-actions) .opportunity-tabs button.is-active { background: transparent; box-shadow: none; border-bottom-color: var(--home-blue); color: #075ed9; }
body.page-home:not(.page-actions) .opportunity-tabs button:hover { background: #eef5ff; }
body.page-home:not(.page-actions) .opportunity-view-status { margin: 10px 0 16px; min-height: 0; font-size: .84rem; line-height: 1.5; color: #566981; }
body.page-home:not(.page-actions) .opportunity-content-grid { grid-template-columns: minmax(0, 1fr) 224px; gap: 20px; }
body.page-home:not(.page-actions) .opportunity-content-grid > div { min-width: 0; }
body.page-home:not(.page-actions) .opportunity-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
body.page-home:not(.page-actions) .opportunity-card { display: flex; flex-direction: column; gap: 8px; padding: 18px; border: 1px solid var(--home-line); border-radius: var(--home-radius); background: #fff; box-shadow: 0 3px 10px #173e6d06; }
body.page-home:not(.page-actions) .opportunity-card:hover { border-color: #9bbdeb; box-shadow: 0 6px 18px #173e6d0c; }
body.page-home:not(.page-actions) .opportunity-card.is-selected { border-color: #72a6f1; box-shadow: 0 0 0 1px #72a6f12e, 0 5px 18px #165bd40d; background: linear-gradient(155deg, #f5f9ff, #fff 45%); }
body.page-home:not(.page-actions) .opportunity-card-top { align-items: center; gap: 8px; flex-wrap: wrap; }
body.page-home:not(.page-actions) .opportunity-timing { margin-left: auto; max-width: 100%; color: #596b83; font-size: .68rem; line-height: 1.45; font-weight: 600; }
body.page-home:not(.page-actions) .opportunity-match, body.page-home:not(.page-actions) .opportunity-muted-badge { flex: 0 0 auto; min-height: 26px; padding: 5px 8px; border-radius: 7px; font-size: .74rem; font-weight: 750; }
body.page-home:not(.page-actions) .opportunity-card h3 { min-height: 1.3em; color: #122e53; font-size: 1.13rem; font-weight: 750; line-height: 1.3; letter-spacing: -.018em; }
body.page-home:not(.page-actions) .opportunity-summary, body.page-home:not(.page-actions) .opportunity-why-now { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 3em; color: #4c627f; font-size: .9rem; line-height: 1.5; }
body.page-home:not(.page-actions) .opportunity-why-now { font-size: .85rem; }
body.page-home:not(.page-actions) .opportunity-why-now strong { color: #284563; font-weight: 700; }
body.page-home:not(.page-actions) .opportunity-card-meta { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; margin-top: 2px; align-items: start; }
body.page-home:not(.page-actions) .opportunity-platform-chip { display: block; min-width: 0; max-width: 100%; min-height: 0; padding: 0; border-radius: 0; background: none; color: #4d6687; font-size: .73rem; font-weight: 600; line-height: 1.45; }
body.page-home:not(.page-actions) .opportunity-risk { justify-self: start; min-height: 0; border-radius: 5px; padding: 3px 7px; font-size: .71rem; font-weight: 700; }
body.page-home:not(.page-actions) .opportunity-card-actions { margin-top: auto; padding-top: 10px; border-top: 1px solid #edf1f7; }
body.page-home:not(.page-actions) .opportunity-card-actions .button-pill { min-width: 0; min-height: 38px; margin: 0; padding: 6px 13px; border-radius: 7px; border-color: #c8daf3; color: #075dce; background: #f9fbff; font-size: .84rem; }
body.page-home:not(.page-actions) .opportunity-card-actions .button-pill:hover { background: #edf5ff; }
body.page-home:not(.page-actions) .opportunity-list-toggle { margin-top: 18px; }
body.page-home:not(.page-actions) .opportunity-list-toggle .button-pill { margin: 0; min-height: 42px; padding: 8px 20px; }
body.page-home:not(.page-actions) .todays-actions { top: 88px; padding: 18px; gap: 12px; border-color: var(--home-line); border-radius: var(--home-radius); background: #f1f6fd; box-shadow: none; }
body.page-home:not(.page-actions) .todays-actions .opportunity-label { margin: 0; font-size: .68rem; }
body.page-home:not(.page-actions) .todays-actions h3 { font-size: 1.08rem; line-height: 1.4; color: #243e60; }
body.page-home:not(.page-actions) .todays-actions > p:not(.opportunity-label) { font-size: .87rem; line-height: 1.55; color: #526984; }
body.page-home:not(.page-actions) .site-footer { margin-top: 16px; padding: 28px 0; border-color: #e0e8f2; background: #f1f5fa; }
body.page-home:not(.page-actions) .footer-copy { max-width: 80ch; font-size: .94rem; line-height: 1.6; }
body.page-home:not(.page-actions) .footer-heading { color: #506580; }

@media (max-width: 1250px) {
  body.page-home:not(.page-actions) .home-hero-shell { gap: 16px 40px; }
  body.page-home:not(.page-actions) .live-widget-showcase-grid { grid-template-columns: minmax(0, 1fr) 440px minmax(0, .85fr); gap: 18px; padding: 12px 20px; }
  body.page-home:not(.page-actions) .live-widget-code-panel { padding: 15px; }
  body.page-home:not(.page-actions) .opportunity-content-grid { grid-template-columns: minmax(0, 1fr) 208px; gap: 16px; }
  body.page-home:not(.page-actions) .opportunity-card-grid { gap: 12px; }
  body.page-home:not(.page-actions) .opportunity-card { padding: 16px; }
}
@media (max-width: 1119px) {
  body.page-home:not(.page-actions) .opportunity-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  body.page-home:not(.page-actions) .container:not(.top-bar-inner) { width: min(calc(100% - 40px), var(--container)); }
  body.page-home:not(.page-actions) .live-widget-showcase-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 20px; }
  body.page-home:not(.page-actions) .live-widget-intro { grid-column: 1 / -1; }
  body.page-home:not(.page-actions) .live-widget-intro h2 { max-width: none; }
  body.page-home:not(.page-actions) .live-widget-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 18px 0; }
  body.page-home:not(.page-actions) .home-hero-shell { gap: 16px 28px; }
  body.page-home:not(.page-actions) .hero h1 { font-size: 2.65rem; }
}
@media (max-width: 900px) {
  body.page-home:not(.page-actions) .opportunity-content-grid { grid-template-columns: minmax(0, 1fr); }
  body.page-home:not(.page-actions) .todays-actions { position: static; }
}
@media (max-width: 680px) {
  body.page-home:not(.page-actions) .container:not(.top-bar-inner) { width: calc(100% - 32px); }
  body.page-home:not(.page-actions) .hero { padding: 24px 0; }
  body.page-home:not(.page-actions) .home-hero-shell { grid-template-columns: minmax(0, 1fr); grid-template-areas: "eyebrow" "title" "subtitle" "actions" "visual" "support"; gap: 18px; }
  body.page-home:not(.page-actions) .home-hero-visual { width: min(100%, 360px); height: 220px; object-fit: contain; }
  body.page-home:not(.page-actions) .home-hero-trust { margin-top: 0; padding-top: 18px; }
  body.page-home:not(.page-actions) .home-hero-shell > .eyebrow { font-size: .72rem; }
  body.page-home:not(.page-actions) .hero h1 { max-width: 20ch; font-size: 2.25rem; line-height: 1.08; }
  body.page-home:not(.page-actions) .hero .hero-subtitle { font-size: 1rem; line-height: 1.55; }
  body.page-home:not(.page-actions) .home-hero-support { padding-top: 12px; font-size: .82rem; }
  body.page-home:not(.page-actions) .home-hero-actions { width: 100%; gap: 8px; }
  body.page-home:not(.page-actions) .home-hero-actions .button-pill { flex: 1 1 150px; min-height: 46px; padding: 10px 12px; font-size: .87rem; }
  body.page-home:not(.page-actions) .live-widget-showcase { padding: 16px 0 20px; }
  body.page-home:not(.page-actions) .live-widget-showcase-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 14px; border-radius: 16px; }
  body.page-home:not(.page-actions) .live-widget-intro { padding: 0; }
  body.page-home:not(.page-actions) .live-widget-eyebrow { margin-bottom: 10px; font-size: .68rem; }
  body.page-home:not(.page-actions) .live-widget-intro h2 { font-size: 1.7rem; }
  body.page-home:not(.page-actions) .live-widget-benefits { grid-template-columns: 1fr; margin: 14px 0; gap: 10px; }
  body.page-home:not(.page-actions) .live-widget-code-panel { margin: 0; padding: 16px; }
  body.page-home:not(.page-actions) .live-widget-code { height: 132px; min-height: 132px; }
  body.page-home:not(.page-actions) .opportunity-engine-section { padding: 8px 0 24px; }
  body.page-home:not(.page-actions) .opportunity-engine-head { margin-bottom: 16px; }
  body.page-home:not(.page-actions) .opportunity-engine-head h2 { font-size: 1.65rem; }
  body.page-home:not(.page-actions) .opportunity-engine-head .section-copy { font-size: .86rem; }
  body.page-home:not(.page-actions) .opportunity-profile-card { flex-direction: column; align-items: stretch; padding: 16px; gap: 14px; }
  body.page-home:not(.page-actions) .opportunity-profile-card .button-pill { width: 100%; }
  body.page-home:not(.page-actions) .opportunity-tabs { gap: 0; }
  body.page-home:not(.page-actions) .opportunity-tabs button { flex: 1; min-width: 0; padding: 10px; }
  body.page-home:not(.page-actions) .opportunity-card-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body.page-home:not(.page-actions) .opportunity-card { padding: 16px; gap: 8px; }
  body.page-home:not(.page-actions) .opportunity-card h3 { min-height: 0; font-size: 1.13rem; }
  body.page-home:not(.page-actions) .opportunity-card-top { flex-wrap: nowrap; }
  body.page-home:not(.page-actions) .opportunity-timing { font-size: .68rem; }
  body.page-home:not(.page-actions) .opportunity-platform-chip { font-size: .75rem; }
  body.page-home:not(.page-actions) .opportunity-card-actions .button-pill { min-height: 44px; font-size: .88rem; }
  body.page-home:not(.page-actions) .todays-actions { padding: 18px; gap: 9px; }
  body.page-home:not(.page-actions) .site-footer { margin-top: 8px; padding: 24px 0; }
  body.page-home:not(.page-actions) .footer-grid { grid-template-columns: minmax(0, .7fr) minmax(0, 1fr); gap: 20px; }
  body.page-home:not(.page-actions) .footer-brand-column { grid-column: 1 / -1; }
  body.page-home:not(.page-actions) .footer-contact a { overflow-wrap: anywhere; }
}


/* Focused utility pages: shared brand, quieter surfaces and clear action hierarchy. */
:is(.page-tools, .page-links) main { --muted: #626267; }
:is(.page-tools, .page-links) main .subpage-hero { padding: 48px 0 32px; text-align: left; }
:is(.page-tools, .page-links) main .subpage-hero h1 { font-size: clamp(2.5rem, 4.5vw, 3.75rem); letter-spacing: -.055em; line-height: 1.08; }
:is(.page-tools, .page-links) main .hero-subtitle { font-size: 1.06rem; line-height: 1.6; margin: 18px 0 0; max-width: 46ch; }
:is(.page-tools, .page-links) main > .section { padding: 0 0 64px; }
:is(.page-tools, .page-links) main .section-kicker { font-size: .67rem; letter-spacing: .13em; margin: 0; font-weight: 650; }
:is(.page-tools, .page-links) main .section-copy { margin: 0; font-size: .92rem; line-height: 1.65; }
:is(.page-tools, .page-links) main .tool-helper-text { font-size: .79rem; line-height: 1.6; }
:is(.page-tools, .page-links) main .overview-card { border-radius: 20px; box-shadow: none; }
:is(.page-tools, .page-links) main .tool-field { min-width: 0; gap: 8px; }
:is(.page-tools, .page-links) main .tool-field > span { color: var(--text); font-size: .79rem; font-weight: 600; }
:is(.page-tools, .page-links) main :is(.tool-input, .tool-textarea, .batch-select) { border-radius: 10px; border-color: #d8d8dc; background: #fff; font-size: 1rem; box-shadow: none; }
:is(.page-tools, .page-links) main :is(.tool-input, .batch-select) { min-height: 48px; }
:is(.page-tools, .page-links) main :is(.tool-input, .tool-textarea)::placeholder { color: #747479; }
:is(.page-tools, .page-links) main .tool-actions { gap: 8px; align-items: center; }
:is(.page-tools, .page-links) main .tool-copy-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 17px; border-radius: 10px; font-size: .82rem; line-height: 1.3; text-decoration: none; box-shadow: none; }
:is(.page-tools, .page-links) main .tool-copy-button:hover { color: var(--text); border-color: #8c8c92; background: #f5f5f7; box-shadow: none; }
:is(.page-tools, .page-links) main .utility-primary { background: var(--text); border-color: var(--text); color: #fff; }
:is(.page-tools, .page-links) main .utility-primary:hover { background: #38383c; border-color: #38383c; color: #fff; }
:is(.page-tools, .page-links) main button:disabled { opacity: .45; cursor: not-allowed; }
:is(.page-tools, .page-links) main :is(a, button, input, textarea, select, summary):focus-visible { outline: 2px solid var(--text); outline-offset: 4px; box-shadow: none; }
.page-tools .utility-tools-intro { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; align-items: center; }
.page-tools .utility-tools-intro .eyebrow { margin-bottom: 16px; font-size: .68rem; font-weight: 650; }
.page-tools .utility-more-link { display: inline-block; margin-top: 20px; padding: 6px 0; font-size: .82rem; color: var(--text); text-underline-offset: 5px; }
.page-tools .link-feature-card { display: grid; gap: 12px; padding: 26px; border-radius: 18px; background: #f7f7f8; color: var(--text); text-decoration: none; border: 1px solid var(--line-soft); }
.page-tools .link-feature-card:hover { background: #efeff1; border-color: #b8b8bf; }
.page-tools .link-feature-card .section-kicker { color: var(--muted); }
.page-tools .link-feature-card h2 { color: var(--text); font-size: 1.65rem; letter-spacing: -.035em; }
.page-tools .link-feature-card p { color: var(--muted); font-size: .88rem; line-height: 1.5; margin: 0; }
.page-tools .link-feature-action { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; margin-top: 2px; border-top: 1px solid var(--line-soft); font-size: .85rem; font-weight: 600; }
.page-tools .word-counter { padding: 30px; gap: 24px; scroll-margin-top: 80px; }
.page-tools .utility-card-heading { display: flex; justify-content: space-between; gap: 32px; align-items: center; }
.page-tools .utility-card-heading h2 { font-size: 1.85rem; margin-top: 8px; }
.page-tools .utility-card-heading > p { max-width: 42ch; font-size: .85rem; }
.page-tools .word-counter-workspace { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 28px; }
.page-tools .word-counter-editor { display: grid; gap: 12px; grid-template-rows: 1fr auto; min-width: 0; }
.page-tools .word-counter-editor > label { grid-template-rows: auto 1fr; }
.page-tools .word-counter .tool-textarea { min-height: 284px; height: 100%; padding: 18px; line-height: 1.7; background: #fdfdfd; }
.page-tools .word-counter-editor .tool-actions [data-wc-clear] { order: 1; }
.page-tools .word-counter-editor .tool-actions [data-wc-status] { order: 2; }
.page-tools .word-counter-stats { gap: 1px; background: var(--line-soft); border: 1px solid var(--line-soft); border-radius: 12px; overflow: hidden; }
.page-tools .word-counter-stats > div { background: #fafafa; border-radius: 0; padding: 18px 14px; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; }
.page-tools .word-counter-stats dt { color: var(--muted); font-size: .73rem; line-height: 1.4; }
.page-tools .word-counter-stats dd { font-size: 1.5rem; letter-spacing: -.04em; font-variant-numeric: tabular-nums; line-height: 1.1; overflow-wrap: anywhere; }
.page-tools .word-counter-stats > div:first-child { background: var(--text); }
.page-tools .word-counter-stats > div:first-child :is(dt, dd) { color: #fff; }
.page-tools .word-counter-keyword-heading { display: flex; justify-content: space-between; gap: 24px; align-items: baseline; padding-top: 22px; border-top: 1px solid var(--line-soft); }
.page-tools .word-counter-keyword-heading h3 { font-size: 1.05rem; flex-shrink: 0; }
.page-tools .word-counter-keyword-heading p { max-width: 70ch; }
.page-tools .word-counter-keywords { font-size: .86rem; }
.page-tools .word-counter-keywords th { font-size: .71rem; color: var(--muted); font-weight: 600; }
.page-tools .word-counter-keywords :is(th, td) { padding: 12px 8px; }
.page-tools .word-counter-keywords :is(th, td):not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.page-tools .word-counter-keywords :is(th, td):first-child { width: 60%; }
.page-tools [data-wc-empty] { text-align: center; padding: 4px 0 12px; }
.page-tools .utility-reference { font-size: .79rem; color: var(--muted); }
.page-tools .utility-reference summary { cursor: pointer; width: fit-content; padding: 8px 0; color: var(--text); font-weight: 600; }
.page-tools .utility-reference[open] > :not(summary) { margin-top: 10px; }
.page-tools .more-tools { margin-top: 56px; scroll-margin-top: 88px; }
.page-tools .more-tools-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 24px; }
.page-tools .more-tools-heading h2 { font-size: 1.7rem; }
.page-tools .creator-tools-grid { gap: 20px; align-items: start; }
.page-tools .more-tools .tool-card { padding: 26px; gap: 16px; align-content: start; }
.page-tools .more-tools .more-tool { display: block; padding: 0; }
.page-tools .more-tool > summary { display: grid; gap: 12px; padding: 24px 52px 24px 24px; cursor: pointer; position: relative; list-style: none; }
.page-tools .more-tool > summary::-webkit-details-marker { display: none; }
.page-tools .more-tool > summary::after { content: "+"; position: absolute; top: 22px; right: 22px; font-size: 1.25rem; color: var(--muted); }
.page-tools .more-tool[open] > summary::after { content: "−"; }
.page-tools .more-tool > summary:hover { background: #fafafa; border-radius: 20px; }
.page-tools .more-tool-body { display: grid; gap: 16px; padding: 0 24px 24px; }
.page-tools .more-tools .tool-card h2 { font-size: 1.4rem; line-height: 1.18; }
.page-tools .more-tools .tool-guide-grid { grid-template-columns: 1fr; background: #fafafa; border-radius: 10px; }
.page-tools .more-tools .tool-guide-grid p { margin: 0; }
.page-tools .more-tools .tool-chip-button { color: var(--muted); box-shadow: none; font-size: .75rem; }
.page-tools .more-tools .tool-chip-button:is(.is-active, :hover) { color: var(--text); border-color: var(--text); background: #f0f0f2; box-shadow: none; }
.page-tools .more-tools :is(.tool-output, .tool-example) { border-radius: 12px; background: #fafafa; }
.page-tools .more-tools :is(.tool-insight, .tool-insight-soft, .tool-result-highlight) { background: #f0f0f2; border-color: #e3e3e7; color: var(--text); border-radius: 8px; }
.page-tools .more-tools :is(.tool-insight, .tool-insight-soft) strong { color: var(--text); }
.page-links main .subpage-hero > .container, .page-links .link-page-container { max-width: 760px; }
.page-links .utility-back { display: inline-flex; gap: 8px; color: var(--muted); font-size: .8rem; text-decoration: none; padding: 6px 0; margin-bottom: 22px; }
.page-links .utility-back:hover { color: var(--text); text-decoration: underline; text-underline-offset: 4px; }
.page-links [data-link-builder] { padding: 32px; gap: 30px; }
.page-links .link-builder-heading { display: grid; gap: 12px; padding-bottom: 24px; border-bottom: 1px solid var(--line-soft); }
.page-links .link-builder-heading h2 { font-size: 1.4rem; }
.page-links .link-form-section { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 18px; }
.page-links .link-form-section legend { font-size: .85rem; font-weight: 650; padding: 0; margin-bottom: 18px; }
.page-links .link-theme-field { max-width: 280px; }
.page-links [data-link-bio] { min-height: 106px; }
.page-links [data-link-rows] { display: grid; gap: 12px; counter-reset: link-row; }
.page-links .link-page-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 12px; background: #f7f7f8; border: 1px solid var(--line-soft); border-radius: 12px; padding: 18px; counter-increment: link-row; }
.page-links .link-page-row::before { content: counter(link-row, decimal-leading-zero); grid-column: 1 / -1; font-size: .7rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.page-links .link-page-row > button { grid-column: 1 / -1; justify-self: end; min-height: 32px; padding: 5px 0; background: transparent; border-color: transparent; border-radius: 4px; font-size: .74rem; color: var(--muted); }
.page-links .link-page-row > button:hover { text-decoration: underline; }
.page-links .link-builder-submit { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid var(--line-soft); padding-top: 24px; }
.page-links .link-builder-submit p { max-width: 34ch; }
.page-links .link-builder-submit button { flex-shrink: 0; min-height: 48px; }
.page-links .link-profile { padding: 44px 36px 36px; gap: 22px; }
.page-links .link-profile h2 { font-size: clamp(1.85rem, 4vw, 2.5rem); letter-spacing: -.04em; }
.page-links .link-bio { font-size: .96rem; line-height: 1.65; max-width: 50ch; margin: 0 auto; }
.page-links .link-public-list { gap: 12px; padding-top: 10px; }
.page-links .link-public-list a { min-height: 56px; padding: 17px 22px; border-radius: 12px; font-size: .93rem; font-weight: 600; }
.page-links .link-public-list a:hover { border-color: currentColor; background: rgba(128, 128, 128, .07); }
.page-links .link-profile[data-theme="ink"] a:focus-visible { outline-color: #fff; }
.page-links .link-share-panel { display: grid; gap: 14px; padding: 24px 0; }
.page-links .link-result-actions { margin: 0 0 6px; }
.page-links .link-create-own { display: block; text-align: center; border-top: 1px solid var(--line-soft); padding: 24px 0 0; color: var(--muted); font-size: .82rem; text-underline-offset: 4px; }
.page-links main:has([data-link-result]:not([hidden])) .subpage-hero { padding-bottom: 24px; }
.page-links main:has([data-link-result]:not([hidden])) .subpage-hero h1 { font-size: 1.4rem; }
.page-links main:has([data-link-result]:not([hidden])) .hero-subtitle { display: none; }
.page-links [data-link-status]:not(:empty) { border: 1px solid var(--line-soft); background: #f7f7f8; border-radius: 10px; padding: 12px 16px; margin: 0 0 20px; }
@media (max-width: 900px) {
  .page-tools .utility-tools-intro { grid-template-columns: minmax(0, 1fr) 280px; gap: 28px; }
  .page-tools .word-counter-workspace { grid-template-columns: 1fr; gap: 20px; }
  .page-tools .utility-card-heading { display: grid; gap: 12px; }
  .page-tools .utility-card-heading > p { max-width: none; }
}
@media (max-width: 600px) {
  :is(.page-tools, .page-links) main .subpage-hero { padding: 30px 0 24px; }
  :is(.page-tools, .page-links) main .subpage-hero h1 { font-size: 2.55rem; }
  :is(.page-tools, .page-links) main .hero-subtitle { font-size: .96rem; margin-top: 14px; }
  :is(.page-tools, .page-links) main > .section { padding-bottom: 40px; }
  .page-tools .utility-tools-intro { grid-template-columns: 1fr; gap: 24px; }
  .page-tools .link-feature-card { padding: 20px; gap: 10px; }
  .page-tools .link-feature-card h2 { font-size: 1.45rem; }
  .page-tools .link-feature-card .section-kicker { display: none; }
  .page-tools .link-feature-action { padding-top: 12px; }
  .page-tools .word-counter { padding: 20px; gap: 18px; }
  .page-tools .word-counter .tool-textarea { min-height: 230px; }
  .page-tools .word-counter-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .page-tools .word-counter-stats > div { padding: 14px 10px; min-height: 100px; gap: 12px; }
  .page-tools .word-counter-stats dt { font-size: .68rem; }
  .page-tools .word-counter-stats dd { font-size: 1.25rem; }
  .page-tools .word-counter-keyword-heading { display: grid; gap: 10px; padding-top: 18px; }
  .page-tools .word-counter-keywords :is(th, td):first-child { width: 48%; }
  .page-tools .more-tools { margin-top: 36px; }
  .page-tools .more-tools-heading { display: grid; gap: 8px; margin-bottom: 20px; }
  .page-tools .more-tools .tool-card { padding: 20px; }
  .page-tools .more-tools .more-tool { padding: 0; }
  .page-tools .more-tool > summary { padding: 22px 48px 22px 20px; }
  .page-tools .more-tool-body { padding: 0 20px 20px; }
  .page-links [data-link-builder] { padding: 22px; gap: 26px; }
  .page-links .link-page-row { grid-template-columns: 1fr; padding: 16px; }
  .page-links .link-theme-field { max-width: none; }
  .page-links .link-builder-submit { flex-direction: column-reverse; align-items: stretch; gap: 14px; }
  .page-links .link-builder-submit p { max-width: none; text-align: center; }
  .page-links .link-profile { padding: 32px 22px 24px; }
  .page-links .link-share-panel { padding: 20px 0; }
}

/* Digital Card surfaces share the same profile component and theme tokens. */
.page-links .link-photo-field { display: grid; gap: 12px; border: 1px solid var(--line-soft); border-radius: 14px; padding: 18px; background: #fafafa; }
.page-links .link-photo-label { font-size: .82rem; font-weight: 600; }
.page-links .link-photo-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.page-links [data-link-photo-status]:empty { display: none; }
.page-links [data-link-photo-status] { color: var(--text); }
.page-links form[aria-busy="true"] { cursor: progress; }
.page-links main [hidden] { display: none !important; }
html[data-link-view="public"] body > :not(main):not(script) { display: none !important; }
html[data-link-view="public"] [data-link-editor] { display: none !important; }
.page-links [data-link-editor] .subpage-hero > .container { max-width: var(--container); }
.page-links [data-link-editor] > .section { padding: 0 0 64px; }
.page-links .link-editor-layout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.page-links .link-preview-panel { position: sticky; top: 80px; display: grid; gap: 16px; min-width: 0; }
.page-links .link-preview-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.page-links .link-preview-heading h2 { font-size: .88rem; letter-spacing: 0; }
.page-links .link-preview-heading span { font-size: .74rem; color: var(--muted); }
.page-links .link-preview-frame { border: 1px solid var(--line-soft); border-radius: 24px; overflow: auto; max-height: calc(100svh - 190px); background: #fafafa; }
.page-links .link-preview-frame .link-surface { min-height: 560px; padding: 100px 28px 40px; align-content: start; }
.page-links .link-preview-panel > p { text-align: center; }
.page-links .link-publish-panel { display: grid; gap: 20px; padding: 24px 0 0; border-top: 1px solid var(--line-soft); }
.page-links .link-publish-panel h3 { font-size: 1.1rem; }
.page-links .link-publish-details { border-top: 1px solid var(--line-soft); padding-top: 14px; font-size: .85rem; }
.page-links .link-publish-details > summary { cursor: pointer; padding: 8px 0; font-weight: 600; }
.page-links .link-publish-details > :not(summary) { margin-top: 16px; }
.page-links .link-embed-code { min-height: 144px; font-family: ui-monospace, monospace; font-size: .75rem; word-break: break-all; }
.page-links [data-link-status]:empty { display: none; }
.page-links main .tool-field > .link-field-error, .page-home .home-link-form .tool-field > .link-field-error { display: block; color: #a12f34; font-size: .78rem; font-weight: 400; line-height: 1.5; }
[data-link-editor-form] .tool-field [aria-invalid="true"] { border-color: #a12f34; }
.page-links [data-link-builder] { gap: 26px; }
.link-surface, .link-visitor { --lp-bg: #fff; --lp-text: #202024; --lp-muted: #63636b; --lp-line: #d9d9df; --lp-item: #fafafa; background: var(--lp-bg); color: var(--lp-text); }
:is(.link-surface, .link-visitor)[data-theme="soft"] { --lp-bg: #f0f4f8; --lp-text: #243345; --lp-muted: #516276; --lp-line: #ccd6e1; --lp-item: #fafdff; }
:is(.link-surface, .link-visitor)[data-theme="ink"] { --lp-bg: #202023; --lp-text: #f6f6f8; --lp-muted: #b7b7c0; --lp-line: #55555f; --lp-item: #2c2c31; }
.link-surface { --lp-radius: 14px; --lp-avatar-radius: 50%; width: 100%; display: grid; justify-items: center; gap: 20px; text-align: center; padding: 0; min-width: 0; }
.link-avatar { width: 84px; height: 84px; position: relative; border-radius: var(--lp-avatar-radius); border: 1px solid var(--lp-line); background: var(--lp-item); overflow: hidden; }
.link-avatar :is(img, .link-monogram) { width: 100%; height: 100%; }
.link-avatar img { object-fit: cover; display: block; }
.link-monogram { display: grid; place-items: center; color: var(--lp-text); font-size: 1.9rem; font-weight: 550; }
.link-profile-socials { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; max-width: 100%; margin-top: 2px; }
.link-social-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid transparent; border-radius: 50%; color: var(--lp-text); text-decoration: none; }
.link-social-icon svg { width: 22px; height: 22px; }
.link-social-icon:hover { border-color: var(--lp-line); background: var(--lp-item); }
.page-links main .link-social-icon:focus-visible { outline-color: var(--lp-text); }
.page-links [data-link-social-rows] { display: grid; gap: 16px; }
.page-links [data-link-social-rows]:empty { display: none; }
.page-links .link-social-row { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr); gap: 14px; border: 1px solid var(--line-soft); border-radius: 14px; padding: 18px; background: #fafafa; }
.page-links .link-social-row > button { grid-column: 1 / -1; justify-self: end; min-height: 36px; padding: 6px 10px; font-size: .75rem; }
.page-links .link-social-row :is(input, select, label) { min-width: 0; width: 100%; }
.link-surface[data-theme="soft"] { --lp-radius: 24px; --lp-avatar-radius: 26px; }
.link-surface[data-theme="soft"] .link-avatar { border: 4px solid #fff; box-shadow: 0 0 0 1px var(--lp-line); }
.page-links .link-surface[data-theme="soft"] .link-public-item { border-color: transparent; box-shadow: 0 2px 0 #dce4ed; }
.link-surface[data-theme="ink"] { --lp-radius: 8px; --lp-avatar-radius: 20px; }
.link-surface[data-theme="ink"] .link-avatar { background: #f1f1ed; --lp-text: #202023; border-color: #f1f1ed; }
.page-links .link-surface[data-theme="ink"] .link-public-item { background: transparent; border-color: #72727d; }
.page-links .link-surface a.link-public-item:hover { background: var(--lp-item); border-color: var(--lp-text); }
.link-outbound { position: absolute; right: 18px; font-size: 1rem; opacity: .65; font-weight: 400; }
.page-links .link-surface :is(h1, h2) { color: var(--lp-text); font-size: clamp(2rem, 4vw, 2.8rem); line-height: 1.12; letter-spacing: -.045em; overflow-wrap: anywhere; max-width: 100%; }
.link-profile-bio { color: var(--lp-muted); font-size: 1rem; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 42ch; margin: 0; }
.link-profile-items { display: grid; gap: 12px; width: 100%; margin-top: 12px; }
.page-links .link-public-item { position: relative; display: flex; justify-content: center; align-items: center; min-height: 64px; padding: 18px 46px; color: var(--lp-text); border: 1px solid var(--lp-line); border-radius: var(--lp-radius); background: var(--lp-item); font-size: .96rem; line-height: 1.5; font-weight: 550; text-decoration: none; overflow-wrap: anywhere; min-width: 0; }
.page-links a.link-public-item:hover { border-color: var(--lp-text); }
.page-links main a.link-public-item:focus-visible { outline-color: var(--lp-text); }
.page-links .link-public-item.is-placeholder { border-style: dashed; color: var(--lp-muted); }
.link-visitor { min-height: 100svh; display: flex; flex-direction: column; padding: clamp(100px, 26svh, 280px) 28px 28px; }
.link-visitor-content { width: min(100%, 520px); margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.link-attribution { align-self: center; display: block; color: var(--lp-muted); margin: 40px 0 0; padding: 8px; font-size: .71rem; text-align: center; text-decoration: none; line-height: 1.5; }
.link-attribution:hover { text-decoration: underline; text-underline-offset: 4px; }
.page-links main .link-attribution:focus-visible { outline-color: var(--lp-text); }
.link-public-utilities { align-self: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 24px; max-width: 100%; margin-top: 32px; }
.link-public-utilities .link-attribution { margin: 0; min-height: 44px; display: inline-flex; align-items: center; padding: 10px 0; }
.link-public-utilities .link-report-action { font-size: .74rem; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--lp-line); }
.link-public-utilities .link-report-action:hover { color: var(--lp-text); text-decoration-color: currentColor; }
.link-public-error { margin: 0 auto; width: 100%; max-width: 440px; padding: 36px 20px; border-block: 1px solid var(--lp-line, #d9d9df); text-align: center; color: var(--lp-muted, #63636b); font-size: 1rem; line-height: 1.8; text-wrap: balance; }
.link-public-error::before { content: "SignalMeaning"; display: block; margin-bottom: 18px; color: var(--lp-text, #202024); font-size: .68rem; font-weight: 550; letter-spacing: .14em; text-transform: uppercase; }
.page-link-embed .link-public-utilities { margin-top: 22px; }
.page-link-embed .link-public-utilities .link-attribution { margin: 0; }
.page-link-embed [data-variant="compact"] .link-public-utilities, .page-link-embed [data-variant="badge"] .link-public-utilities, .page-link-embed [data-variant="button"] .link-public-utilities { display: none; }
body.page-link-embed { min-width: 0; }
body.page-link-embed:has(.link-visitor[data-theme="soft"]) { background: #f0f4f8; }
body.page-link-embed:has(.link-visitor[data-theme="ink"]) { background: #202023; }
.page-link-embed .link-visitor { min-height: 0; padding: 28px 20px 16px; }
.page-link-embed .link-surface { gap: 16px; padding: 0; }
.page-link-embed .link-avatar { width: 56px; height: 56px; }
.page-link-embed .link-monogram { font-size: 1.4rem; }
.page-link-embed .link-profile-socials { gap: 4px; }
.page-link-embed .link-social-icon { width: 40px; height: 40px; }
.page-link-embed .link-profile-items { gap: 10px; margin-top: 4px; }
.page-link-embed .link-surface h1 { font-size: 1.6rem; }
.page-link-embed .link-profile-bio { font-size: .88rem; line-height: 1.6; }
.page-link-embed .link-public-item { min-height: 50px; padding: 12px 36px; font-size: .86rem; border-radius: var(--lp-radius); }
.page-link-embed .link-attribution { margin-top: 22px; font-size: .65rem; }
.page-home .home-link-section { padding: 12px 0 32px; }
.page-home .home-link-shell { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 36px; padding: 28px; border: 1px solid var(--line-soft); border-radius: 20px; background: #fafafa; }
.page-home .home-link-intro .section-kicker { font-size: .65rem; letter-spacing: .12em; margin: 0 0 12px; }
.page-home .home-link-intro h2 { font-size: 1.65rem; line-height: 1.15; letter-spacing: -.04em; }
.page-home .home-link-intro p:not(.section-kicker) { color: #63636b; font-size: .88rem; line-height: 1.6; margin: 12px 0; }
.page-home .home-link-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr); align-content: center; gap: 14px; min-width: 0; }
.page-home .home-link-form [data-link-rows], .page-home .home-link-form .link-page-row { display: contents; }
.page-home .home-link-form .tool-field { gap: 8px; min-width: 0; }
.page-home .home-link-form .tool-field > span { color: var(--text); font-size: .76rem; }
.page-home .home-link-form .tool-input { border-radius: 10px; min-height: 48px; background: #fff; font-size: .9rem; min-width: 0; }
.page-home .home-link-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.page-home .home-link-actions button { margin-left: auto; min-height: 46px; border-radius: 10px; padding: 10px 18px; background: var(--text); color: #fff; font-size: .82rem; flex-shrink: 0; }
.page-home .home-link-actions button:hover { background: #3a3a3f; border-color: #3a3a3f; box-shadow: none; }
.page-home .home-link-section :is(input, button):focus-visible { outline: 2px solid var(--text); outline-offset: 3px; box-shadow: none; }
@media (max-width: 1000px) {
  .page-home .home-link-shell { grid-template-columns: 1fr; gap: 24px; }
  .page-links .link-editor-layout { gap: 24px; }
}
@media (max-width: 760px) {
  .page-links .link-editor-layout { grid-template-columns: 1fr; }
  .page-links .link-preview-panel { position: static; }
  .page-links .link-preview-frame { max-height: none; }
  .page-links .link-preview-frame .link-surface { min-height: 380px; }
  .page-links [data-link-editor] > .section { padding-bottom: 40px; }
  .page-home .home-link-form { grid-template-columns: 1fr; }
  .page-home .home-link-shell { padding: 22px; }
  .page-home .home-link-actions { flex-direction: column; align-items: stretch; }
  .page-home .home-link-actions button { margin: 0; }
  .page-home .home-link-actions [data-link-status]:empty { display: none; }
  .link-visitor { padding: clamp(100px, 25svh, 220px) 24px 28px; }
  .page-links .link-social-row { grid-template-columns: 1fr; padding: 16px; }
  .page-links .link-preview-frame .link-surface { padding: 64px 22px 36px; }
}
@media (max-width: 340px) {
  .page-link-embed .link-visitor { padding: 20px 14px 12px; }
  .page-link-embed .link-public-item { padding-inline: 32px; }
  .page-link-embed .link-outbound { right: 12px; }
}

/* Local photo framing and the shared, deliberately quiet publishing workspace. */
.link-surface[data-shape="rounded"] .link-avatar { border-radius: 24%; }
.link-surface[data-shape="circle"] .link-avatar { border-radius: 50%; }
.link-surface[data-shape="square"] .link-avatar { border-radius: 0; }
.page-links .link-crop { display: grid; gap: 18px; border-top: 1px solid var(--line-soft); padding-top: 20px; }
.page-links .link-crop h3 { font-size: 1rem; margin-bottom: 6px; }
.link-crop canvas { display: block; width: min(100%, 260px); height: auto; aspect-ratio: auto; justify-self: center; touch-action: none; cursor: grab; border-radius: 12px; outline: 1px solid #d9d9df; }
.page-links .link-photo-composition { margin:24px 0 28px; padding:20px 0; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }
.page-links .link-photo-composition h3 { font:400 24px var(--editorial-serif); margin:0 0 16px; }
.page-links .link-photo-composition .link-crop { border-top:0; padding-top:12px; }
.page-links .link-photo-frame-info { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr); gap:12px; padding:14px; margin:0 0 8px; background:#f4eee5; border-radius:10px; }
.page-links .link-photo-frame-info dt { font-size:11px; line-height:1.5; color:#776c63; }
.page-links .link-photo-frame-info dd { margin:5px 0 0; font-size:13px; line-height:1.5; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.link-crop-modes { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:10px; }
.link-crop-modes label { position:relative; flex:1; cursor:pointer; }
.link-crop-modes input { position:absolute; width:1px; height:1px; opacity:0; }
.link-crop-modes span { display:flex; min-height:44px; align-items:center; justify-content:center; padding:8px 12px; border-radius:7px; color:#776c63; font-size:13px; }
.link-crop-modes label:has(:checked) span { color:#29221e; background:#f8e6dc; font-weight:600; }
.link-crop-modes label:focus-within { outline:2px solid #a75e4c; outline-offset:2px; border-radius:7px; }
.link-crop canvas:active { cursor: grabbing; }
.link-crop canvas[data-shape="circle"] { border-radius: 50%; }
.link-crop canvas[data-shape="square"] { border-radius: 0; }
.page-links .link-crop input[type="range"] { width: 100%; min-height: 44px; accent-color: #202024; padding: 0; }
.page-links .link-crop .utility-primary { margin-left: auto; }
.link-public-share { position: absolute; top: 24px; right: 24px; background: transparent; color: var(--text, #202024); border: 1px solid #c7c7ce; border-radius: 99px; padding: 10px 16px; font: inherit; font-size: .75rem; min-height: 44px; cursor: pointer; }
.page-links:has(.link-visitor[data-theme="ink"]:not([hidden])) .link-public-share { color: #f6f6f8; border-color: #72727d; }
.link-share-dialog { color: #202024; background: #fff; width: min(880px, calc(100% - 32px)); max-height: calc(100svh - 32px); border: 1px solid #d9d9df; border-radius: 24px; padding: 0; margin: auto; overflow: auto; box-shadow: 0 24px 80px #0002; }
.link-share-dialog::backdrop { background: #17171c66; }
.link-share-header { display: flex; justify-content: space-between; align-items: start; gap: 20px; padding: 30px 32px 24px; border-bottom: 1px solid #e8e8ec; }
.page-links .link-share-header h2 { font-size: 1.5rem; letter-spacing: -.04em; margin: 5px 0 0; }
.link-share-eyebrow { color: #63636b; text-transform: uppercase; font-size: .65rem; letter-spacing: .14em; }
.page-links .link-share-close { min-height: 44px; padding: 8px 12px; }
.link-share-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); }
.link-share-nav { padding: 24px 16px; border-right: 1px solid #e8e8ec; }
.link-share-group + .link-share-group { margin-top: 26px; }
.link-share-group h3 { color: #63636b; font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; padding: 0 12px 8px; }
.page-links .link-share-action { display: block; width: 100%; border: 0; border-radius: 8px; background: transparent; color: #202024; min-height: 44px; padding: 12px; text-align: left; font: inherit; font-size: .8rem; cursor: pointer; }
.page-links .link-share-action:hover, .page-links .link-share-action[aria-pressed="true"] { background: #f2f3f5; }
.page-links .link-share-action[aria-pressed="true"] { font-weight: 650; }
.link-share-stage { padding: 28px; min-width: 0; display: grid; gap: 18px; align-content: start; }
.page-links .link-share-stage h3 { font-size: 1.05rem; letter-spacing: -.02em; }
.link-share-stage p { font-size: .82rem; line-height: 1.65; color: #63636b; overflow-wrap: anywhere; }
.link-share-stage :is(select, textarea, input) { width: 100%; min-width: 0; }
.link-share-stage canvas { width: auto; max-width: 100%; height: auto; max-height: 440px; justify-self: center; object-fit: contain; background: #f3f4f6; border-radius: 8px; }
.link-share-stage canvas[data-share-qr] { max-height: none; width: min(100%, 340px); image-rendering: pixelated; justify-self: center; border-radius: 0; background: #fff; }
.link-share-stage iframe { display: block; width: 280px; max-width: 100%; border: 0; border-radius: 12px; background: #fff; }
.link-embed-preview { display: grid; justify-items: center; gap: 12px; padding: 18px 12px; background: #f6f7f8; border: 1px solid #e8e8ec; border-radius: 14px; min-width: 0; max-height: 420px; overflow: auto; }
.link-share-stage .link-preview-caption { font-size: .68rem; color: #73737b; margin: 0; }
.link-share-segments { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px; border: 1px solid #e3e3e8; border-radius: 11px; background: #f5f5f7; }
.page-links .link-share-segment { min-width: 0; min-height: 44px; padding: 8px 6px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #63636b; font: inherit; font-size: .8rem; cursor: pointer; }
.page-links .link-share-segment:hover { background: #ebecf0; color: #202024; }
.page-links .link-share-segment[aria-checked="true"] { background: #fff; border-color: #dedee5; color: #202024; font-weight: 650; }
.link-share-stage .link-format-meta { margin: -8px 0 0; font-size: .7rem; color: #73737b; font-variant-numeric: tabular-nums; }
.page-links button[data-copy-feedback="true"] { color: #315f47; }
.link-share-stage textarea { min-height: 112px; font-size: .7rem; line-height: 1.6; resize: vertical; }
.link-share-status { padding: 0 32px 24px; color: #63636b; font-size: .8rem; line-height: 1.6; }
.link-share-status:empty { display: none; }
.page-links :is(.link-share-dialog, .link-crop) :is(button, select, input, textarea, canvas):focus-visible, .link-public-share:focus-visible { outline: 2px solid #596c89; outline-offset: 3px; }
.page-link-embed [data-variant="compact"] .link-profile-items, .page-link-embed [data-variant="badge"] :is(.link-profile-items, .link-profile-bio, .link-profile-socials), .page-link-embed [data-variant="button"] :is(.link-surface, .link-attribution), .page-link-embed [data-variant="badge"] .link-attribution { display: none; }
.link-embed-cta { display: block; color: var(--lp-text); border: 1px solid var(--lp-line); border-radius: 10px; padding: 12px 20px; margin-top: 20px; min-height: 44px; text-decoration: none; text-align: center; font-size: .85rem; overflow-wrap: anywhere; max-width: 100%; }
.link-embed-cta:hover { background: var(--lp-item); border-color: var(--lp-text); }
.page-link-embed [data-variant="button"] { padding: 8px; }
.page-link-embed [data-variant="button"] .link-embed-cta { margin: 0; width: 100%; }
.page-link-embed .link-profile-items:empty { display: none; }
.page-link-embed [data-variant="compact"] { min-height: 160px; padding: 16px; }
.page-link-embed [data-variant="compact"] .link-attribution { display: none; }
.page-link-embed [data-variant="compact"] .link-surface { grid-template-columns: 44px minmax(0, 1fr); gap: 8px 12px; text-align: left; align-items: start; }
.page-link-embed [data-variant="compact"] .link-avatar { width: 44px; height: 44px; grid-column: 1; grid-row: 1 / 3; }
.page-link-embed [data-variant="compact"] h1 { grid-column: 2; font-size: 1.05rem; line-height: 1.2; letter-spacing: -.02em; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.page-link-embed [data-variant="compact"] .link-profile-bio { grid-column: 2; font-size: .78rem; line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.page-link-embed [data-variant="compact"] .link-profile-socials { grid-column: 1 / -1; justify-content: flex-start; gap: 2px; margin: 0; width: 100%; }
.page-link-embed [data-variant="compact"] .link-social-icon { width: 32px; height: 32px; }
.page-link-embed [data-variant="compact"] .link-social-icon svg { width: 18px; height: 18px; }
.page-link-embed [data-variant="compact"] .link-embed-cta { align-self: flex-end; margin-top: 8px; border: 0; padding: 6px 0; min-height: 30px; font-size: .75rem; line-height: 1.5; }
.page-link-embed [data-variant="button"] { padding: 12px; min-height: 72px; }
.page-link-embed [data-variant="button"] .link-embed-cta { min-height: 48px; padding: 12px 16px; line-height: 22px; }
.page-link-embed [data-variant="badge"] { padding: 12px; height: 64px; min-height: 64px; }
.page-link-embed [data-variant="badge"] .link-visitor-content { display: block; }
.page-link-embed [data-variant="badge"] .link-surface { display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: 19px 19px; gap: 2px 12px; text-align: left; align-items: center; }
.page-link-embed [data-variant="badge"] .link-avatar { width: 40px; height: 40px; }
.page-link-embed [data-variant="badge"] .link-avatar { grid-row: 1 / 3; }
.page-link-embed [data-variant="badge"] h1 { grid-column: 2; font-size: .86rem; line-height: 19px; justify-self: stretch; letter-spacing: -.015em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; }
.page-link-embed [data-variant="badge"] .link-embed-cta { grid-column: 2; justify-self: start; margin: 0; border: 0; padding: 0; min-height: 19px; font-size: .7rem; line-height: 19px; text-align: left; }
@media (max-width: 600px) {
  .link-share-dialog { width: calc(100% - 16px); max-height: calc(100svh - 16px); border-radius: 18px; }
  .link-share-header { padding: 22px 20px 18px; }
  .link-share-layout { grid-template-columns: 1fr; }
  .link-share-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px 12px; border-right: 0; border-bottom: 1px solid #e8e8ec; }
  .link-share-group + .link-share-group { margin: 0; }
  .link-share-group:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  .link-share-group:last-child h3 { grid-column: 1 / -1; }
  .page-links .link-share-action { padding: 10px; font-size: .76rem; }
  .link-share-stage { padding: 20px; }
  .link-share-status { padding: 0 20px 20px; }
  .link-share-stage canvas:not([data-share-qr]) { max-height: 360px; }
  .link-embed-preview { padding: 14px 0; max-height: 340px; }
}

/* UI language is independent of the personalization profile. */
/* Digital card introduction and local, accessible profile-address help. */
.site-nav a[data-digital-card-nav] { font-weight: 650; }
.page-home .card-home-hero { padding: 72px 0 64px; }
.card-hero-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: clamp(48px, 7vw, 112px); align-items: center; }
.page-home .card-home-hero .home-link-intro .section-kicker { color: var(--muted); font-size: .68rem; letter-spacing: .14em; margin: 0 0 26px; }
.card-home-hero h1 { font-size: clamp(3.2rem, 4.6vw, 4.7rem); line-height: 1.06; letter-spacing: -.06em; font-weight: 550; margin: 0; }
.card-home-hero h1 > span { display: block; }
.card-headline-second { color: #797981; }
.page-home .card-home-hero .home-link-intro .card-hero-copy { max-width: 44ch; font-size: 1.03rem; line-height: 1.75; margin: 24px 0 10px; color: #4b4b53; text-wrap: pretty; }
.page-home .card-home-hero .home-link-intro .card-hero-options { font-size: .82rem; line-height: 1.7; margin: 0; color: #72727a; }
.card-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 26px 0 32px; }
.card-hero-actions .button-pill { margin: 0; background: #252529; border: 1px solid #252529; color: #fff; border-radius: 9px; padding: 13px 19px; min-height: 48px; font-size: .85rem; gap: 22px; box-shadow: none; }
.card-hero-actions .button-pill:hover { background: #45454c; border-color: #45454c; transform: none; }
.card-text-link { color: #62626a; font-size: .79rem; text-decoration: none; padding: 10px 0; }
.card-text-link:hover { color: #202024; text-decoration: underline; text-underline-offset: 4px; }
.page-home .card-home-hero .home-link-form { display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 16px; padding: 24px 0 0; border-top: 1px solid var(--line-soft); scroll-margin-top: 110px; }
.page-home .card-home-hero .home-link-form .card-form-heading { grid-column: 1 / -1; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; color: #57575f; font-size: .64rem; letter-spacing: .1em; line-height: 1.6; margin: 0; }
.card-form-heading > span { color: #7b7b83; font-size: .7rem; letter-spacing: 0; }
.page-home .card-home-hero .home-link-form .tool-field { gap: 7px; }
.page-home .card-home-hero .home-link-form :is(.tool-input, .tool-textarea) { border: 1px solid #d8d8de; border-radius: 8px; background: #fff; padding: 12px; font: inherit; font-size: .86rem; width: 100%; min-width: 0; min-height: 48px; height: 48px; resize: vertical; }
.card-optional-link { grid-column: 1 / -1; font-size: .76rem; color: #74747b; }
.card-optional-link summary { cursor: pointer; width: fit-content; padding: 4px 0; }
.page-home .card-home-hero .home-link-form .card-optional-link [data-link-rows] { display: block; }
.page-home .card-home-hero .home-link-form .card-optional-link .link-page-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 14px 0 0; border: 0; }
.page-home .card-home-hero .home-link-actions { gap: 8px; }
.page-home .card-home-hero .home-link-actions button { background: #f6f6f7; color: #252529; border: 1px solid #d8d8de; border-radius: 8px; min-height: 44px; width: 100%; margin: 0; padding: 10px 18px; font-size: .8rem; }
.page-home .card-home-hero .home-link-actions button:hover { background: #ececef; border-color: #aaaab3; }
.page-home .card-home-hero [data-link-status]:empty { display: none; }
.card-hero-preview { min-width: 0; padding: 0 8px; }
.card-preview-caption { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 16px; font-size: .6rem; color: #75757d; letter-spacing: .11em; }
.card-preview-live { letter-spacing: 0; white-space: nowrap; }
.card-preview-live::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #6c8475; margin-right: 6px; vertical-align: middle; }
.card-preview-paper { border: 1px solid #dedee3; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px #20202406; padding: 60px 28px; min-height: 372px; display: grid; align-items: center; }
.card-preview-paper .link-surface { gap: 18px; }
.card-preview-paper .link-avatar { width: 72px; height: 72px; border-radius: 20px; }
.card-preview-paper :is(h1, h2) { font-size: 2.1rem; font-weight: 550; letter-spacing: -.04em; color: #252529; overflow-wrap: anywhere; max-width: 100%; }
.card-preview-paper .link-profile-bio { font-size: .89rem; max-width: 32ch; }
.card-preview-paper .link-profile-items:empty { display: none; }
.card-preview-paper .link-public-item { position: relative; display: block; width: 100%; border: 1px solid #dedee3; padding: 12px 36px; border-radius: 8px; text-decoration: none; color: #252529; font-size: .85rem; overflow-wrap: anywhere; }
.card-preview-paper [hidden] { display: none !important; }
.card-preview-footnote { text-align: center; font-size: .75rem; color: #72727a; line-height: 1.6; margin: 18px 0; }
.card-preview-rule { width: 32px; height: 1px; background: #cfcfd6; margin: 32px auto 20px; }
.card-preview-note { font-size: .78rem; color: #98989f; text-align: center; line-height: 1.6; }
.page-home .card-possibilities { padding: 48px 0 64px; border-top: 1px solid #e8e8ec; }
.card-section-heading .section-kicker, .card-more-heading .section-kicker { color: #7a7a82; font-size: .64rem; letter-spacing: .14em; margin-bottom: 14px; }
.card-section-heading h2, .card-more-heading h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); letter-spacing: -.04em; line-height: 1.3; font-weight: 550; text-wrap: pretty; }
.card-use-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 36px; }
.card-use-grid article { border-top: 1px solid #dcdce2; padding-top: 18px; }
.card-use-index { color: #96969d; font-size: .68rem; }
.card-use-grid h3 { font-size: 1rem; font-weight: 550; letter-spacing: -.02em; margin: 18px 0 8px; }
.card-use-grid p { color: #74747c; font-size: .86rem; line-height: 1.7; margin: 0; max-width: 32ch; }
.card-more-heading { padding: 48px 0 0; border-top: 1px solid #e8e8ec; }
.card-more-heading p:not(.section-kicker) { color: #74747c; font-size: .9rem; line-height: 1.7; margin: 12px 0; }
.card-more-heading a { display: inline-block; color: #4f4f58; font-size: .8rem; margin: 4px 0 24px; text-underline-offset: 4px; }
html[lang="ko"] .card-home-hero h1 { font-size: clamp(2.7rem, 3.9vw, 4rem); letter-spacing: -.06em; line-height: 1.18; word-break: keep-all; }
html[lang="ko"] :is(.card-hero-copy, .card-use-grid p, .card-more-heading h2) { word-break: keep-all; }
.link-address-caption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px; }
.page-links main .link-address-help-button { width: auto; min-width: 28px; min-height: 28px; padding: 3px 6px; border: 1px solid #d8d8de; border-radius: 6px; background: #fff; color: #62626c; font: inherit; font-size: .65rem; cursor: pointer; }
.link-address-popover { position: fixed; z-index: 200; width: min(420px, calc(100vw - 32px)); max-width: calc(100vw - 32px); min-width: 0; height: auto; max-height: none; overflow: visible; overflow-wrap: anywhere; border: 1px solid #d3d3da; border-radius: 12px; background: #fff; padding: 16px; box-shadow: 0 8px 28px #20202412; text-align: left; cursor: auto; }
.link-address-popover h4 { font-size: .79rem; font-weight: 650; line-height: 1.5; margin: 0 0 6px; color: #29292e; }
.link-address-popover p { color: #62626b; font-size: .73rem; line-height: 1.65; margin: 6px 0; }
.link-address-examples { display: grid; min-width: 0; max-width: 100%; gap: 3px; color: #4e4e59; font-family: ui-monospace, monospace; font-size: .68rem; margin: 8px 0; }
.link-address-demo { min-width: 0; max-width: 100%; background: #f7f7f9; border: 1px solid #e6e6eb; border-radius: 7px; padding: 10px; margin: 12px 0 0; font-size: .65rem; overflow: hidden; }
.address-demo-browser { min-width: 0; max-width: 100%; border: 1px solid #dddde4; background: #fff; border-radius: 5px; overflow: hidden; }
.address-demo-bar { padding: 6px 8px; border-bottom: 1px solid #ededf1; color: #5f5f6a; font-size: .64rem; white-space: normal; overflow-wrap: anywhere; }
.address-demo-bar span { animation: address-highlight 4s ease-in-out infinite; }
.address-demo-profile { min-width: 0; max-width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px; color: #76767e; }
.address-demo-profile::before { content: 'Y'; flex-shrink: 0; display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #dedee5; border-radius: 50%; color: #585861; }
.address-demo-paste { min-width: 0; max-width: 100%; display: grid; position: relative; border: 1px solid #dcdce4; border-radius: 4px; background: #fff; margin-top: 12px; padding: 7px 8px; color: #888890; }
.address-demo-value { grid-area: 1 / 1; min-width: 0; max-width: 100%; position: static; color: #41414b; background: #fff; animation: address-paste 4s ease-in-out infinite; }
@keyframes address-highlight { 0%, 18%, 95%, 100% { background: transparent; } 30%, 65% { background: #dde5ee; } }
@keyframes address-paste { 0%, 48%, 100% { opacity: 0; transform: translateY(-9px); } 65%, 93% { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .address-demo-bar span, .address-demo-value { animation: none; } .address-demo-bar span { background: #dde5ee; } .address-demo-value { opacity: 1; transform: none; } }
@media (max-width: 1000px) { .card-hero-grid { gap: 40px; } .card-home-hero h1 { font-size: 3.3rem; } .card-preview-paper { padding: 48px 20px; } }
@media (max-width: 760px) {
  .page-home .card-home-hero { padding: 36px 0 40px; }
  .card-hero-grid { grid-template-columns: 1fr; gap: 34px; }
  .page-home .card-home-hero .home-link-intro .section-kicker { margin-bottom: 20px; font-size: .61rem; }
  .card-home-hero h1 { font-size: clamp(2.8rem, 11vw, 3.6rem); }
  html[lang="ko"] .card-home-hero h1 { font-size: clamp(2.5rem, 9.8vw, 3.3rem); }
  .page-home .card-home-hero .home-link-intro .card-hero-copy { font-size: .94rem; margin-top: 18px; }
  .page-home .card-home-hero .home-link-intro .card-hero-options { font-size: .76rem; }
  .card-hero-actions { gap: 16px; margin: 22px 0 26px; }
  .card-hero-actions .button-pill { font-size: .79rem; padding: 12px 15px; gap: 12px; }
  .card-text-link { font-size: .73rem; }
  .page-home .card-home-hero .home-link-form { grid-template-columns: 1fr 1fr; padding-top: 20px; gap: 14px; }
  .page-home .card-home-hero .home-link-actions { flex-direction: column; align-items: stretch; }
  .card-hero-preview { padding: 0; }
  .card-preview-paper { min-height: 210px; padding: 28px 24px; }
  .card-preview-paper .link-surface { gap: 12px; }
  .card-preview-paper .link-avatar { width: 48px; height: 48px; border-radius: 14px; }
  .card-preview-paper :is(h1, h2) { font-size: 1.6rem; }
  .card-preview-rule, .card-preview-note { display: none; }
  .card-preview-footnote { margin-bottom: 0; }
  .page-home .card-possibilities { padding: 36px 0 40px; }
  .card-use-grid { grid-template-columns: 1fr; gap: 22px; margin-top: 26px; }
  .card-use-grid h3 { margin-top: 10px; }
  .card-use-grid p { max-width: none; }
  .card-more-heading { padding-top: 36px; }
  .page-links .link-social-row { grid-template-columns: 1fr; }
  .page-links [data-link-editor] .subpage-hero h1 { font-size: 2.15rem; line-height: 1.22; text-wrap: pretty; }
  html[lang="ko"] .page-links [data-link-editor] .subpage-hero h1 { word-break: keep-all; }
}

/* Homepage card study: shared card renderer and export styles remain independent. */
.page-home .card-possibilities .card-section-heading h2 { color: #252529; }
.page-home .card-preview-paper .link-surface:has([data-profile-name][data-ui]) .link-monogram { visibility: hidden; }
.page-home .card-preview-paper .link-surface:has([data-profile-name][data-ui]) .link-avatar::before { content: ''; position: absolute; top: 24%; left: 40%; width: 20%; height: 20%; border: 1.3px solid #939398; border-radius: 50%; }
.page-home .card-preview-paper .link-surface:has([data-profile-name][data-ui]) .link-avatar::after { content: ''; position: absolute; top: 51%; left: 30%; width: 40%; height: 21%; border: 1.3px solid #939398; border-radius: 50% 50% 3px 3px; }

.page-home .card-hero-preview { padding: 0 8px; max-width: 460px; width: 100%; justify-self: center; }
.page-home .card-preview-caption { align-items: center; margin-bottom: 18px; font-size: .59rem; letter-spacing: .12em; }
.page-home .card-preview-paper { display: grid; align-items: start; gap: 0; min-height: 0; padding: 22px 30px 20px; border: 1px solid #d9d9dc; border-radius: 18px; background: #fafaf9; box-shadow: inset 0 1px 0 #fff, 0 2px 4px #20202403, 0 18px 40px -18px #20202424; }
.page-home .card-paper-heading { display: flex; align-items: center; justify-content: space-between; color: #83838b; font-size: .6rem; letter-spacing: .09em; }
.page-home .card-preview-paper svg { fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.page-home .card-paper-heading svg { width: 16px; height: 16px; color: #98989f; }
.page-home .card-preview-paper .link-surface { background: transparent; grid-template-columns: minmax(0, 1fr); padding: 25px 0 24px; gap: 0; }
.page-home .card-preview-paper :is([data-profile-name], [data-profile-bio], .link-public-item) { min-width: 0; overflow-wrap: anywhere; }
.page-home .card-preview-paper .link-avatar { width: 76px; height: 76px; border-radius: 50%; background: #f0f0ee; border-color: #dbdbd8; box-shadow: inset 0 0 0 5px #fafaf9, 0 0 0 4px #fff; margin-bottom: 21px; }
.page-home .card-preview-paper .link-monogram { font-size: 1.55rem; font-weight: 450; color: #5f5f66; }
.page-home .card-preview-paper :is(h1, h2) { font-size: clamp(1.8rem, 2.5vw, 2.3rem); line-height: 1.15; letter-spacing: -.045em; font-weight: 550; margin: 0; }
.page-home .card-preview-paper .link-profile-bio { font-size: .86rem; line-height: 1.65; max-width: 30ch; margin-top: 12px; color: #787880; }
.page-home .card-preview-paper .link-profile-items:not(:empty) { margin-top: 23px; gap: 9px; }
.page-home .card-preview-paper .link-public-item { background: #fff; border-color: #dededd; border-radius: 9px; padding: 13px 34px; font-size: .82rem; line-height: 1.5; box-shadow: 0 1px 2px #20202403; }
.page-home .card-preview-paper .link-public-item:hover { border-color: #aaaab0; }
.page-home .card-preview-ghost-link { display: flex; align-items: center; justify-content: space-between; height: 42px; border: 1px dashed #d7d7d5; border-radius: 9px; padding: 0 15px; margin-bottom: 22px; color: #b1b1b5; }
.page-home .card-preview-ghost-link > span { width: 38%; height: 4px; border-radius: 2px; background: #e0e0dd; }
.page-home .card-preview-ghost-link svg { width: 14px; height: 14px; }
.page-home .card-preview-paper:has(.link-profile-items:not(:empty)) .card-preview-ghost-link { display: none; }
.page-home .card-paper-utilities { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e3e3df; padding-top: 17px; color: #85858e; }
.page-home .card-ghost-socials { display: flex; gap: 8px; }
.page-home .card-ghost-socials > span { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #e0e0de; border-radius: 50%; }
.page-home .card-ghost-socials svg { width: 14px; height: 14px; }
.page-home .card-preview-paper .card-qr-hint { width: 32px; height: 32px; color: #94949b; }
.page-home .card-preview-footnote { font-size: .72rem; margin: 20px 0 0; color: #75757d; }
.page-home .card-preview-rule { margin: 21px auto 14px; width: 22px; background: #d9d9dc; }
.page-home .card-preview-note { font-size: .72rem; margin: 0; color: #8a8a92; }
.page-home .card-use-grid { gap: 0; margin-top: 32px; }
.page-home .card-use-grid article { min-width: 0; border-top: 0; padding: 0 30px; border-left: 1px solid #e6e6e9; }
.page-home .card-use-grid article:first-child { border-left: 0; padding-left: 0; }
.page-home .card-use-grid article:last-child { padding-right: 0; }
.page-home .card-use-art { height: 110px; display: flex; align-items: center; margin-bottom: 12px; }
.page-home .card-use-art svg { width: 230px; max-width: 100%; height: 104px; fill: none; stroke: #81818a; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; }
.page-home .card-use-art .use-surface { fill: #fcfcfb; stroke: #bcbcc2; }
.page-home .card-use-art .use-faint { stroke: #a7a7af; }
.page-home .card-use-art .use-tone { fill: #dededc; stroke: none; }
.page-home .card-use-index { font-size: .61rem; color: #909098; letter-spacing: .08em; }
.page-home .card-use-grid h3 { color: #252529; font-size: 1.05rem; line-height: 1.4; font-weight: 550; margin: 10px 0 9px; letter-spacing: -.025em; }
.page-home .card-use-grid p { font-size: .83rem; line-height: 1.75; color: #73737b; max-width: 30ch; text-wrap: pretty; }
html[lang="ko"] .page-home .card-use-grid h3 { word-break: keep-all; }
@media (max-width: 1000px) and (min-width: 761px) {
  .page-home .card-preview-paper { padding: 20px 24px 18px; }
  .page-home .card-use-grid article { padding: 0 22px; }
}
@media (max-width: 760px) {
  .page-home .card-hero-preview { padding: 0; max-width: 420px; }
  .page-home .card-preview-caption { font-size: .55rem; gap: 12px; margin-bottom: 14px; }
  .page-home .card-preview-paper { padding: 19px 24px 17px; border-radius: 15px; }
  .page-home .card-preview-paper .link-surface { padding: 20px 0 22px; }
  .page-home .card-preview-paper .link-avatar { width: 64px; height: 64px; margin-bottom: 18px; }
  .page-home .card-preview-paper :is(h1, h2) { font-size: 1.9rem; }
  .page-home .card-preview-paper .link-profile-bio { font-size: .82rem; margin-top: 10px; }
  .page-home .card-preview-ghost-link { margin-bottom: 19px; }
  .page-home .card-paper-utilities { padding-top: 14px; }
  .page-home .card-preview-footnote { font-size: .68rem; margin-top: 17px; }
  .page-home .card-use-grid { gap: 0; margin-top: 23px; }
  .page-home .card-use-grid article, .page-home .card-use-grid article:first-child, .page-home .card-use-grid article:last-child { display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: center; gap: 18px; padding: 22px 0; border-left: 0; border-top: 1px solid #e6e6e9; }
  .page-home .card-use-grid article:last-child { padding-bottom: 0; }
  .page-home .card-use-art { height: auto; margin: 0; }
  .page-home .card-use-art svg { width: 108px; height: auto; }
  .page-home .card-use-grid h3 { font-size: .94rem; margin: 6px 0; line-height: 1.45; }
  .page-home .card-use-grid p { font-size: .77rem; line-height: 1.7; max-width: none; }
}


body.page-home:not(.page-actions) .card-home-hero { background: #fff; }
body.page-home:not(.page-actions) .card-home-hero h1 { color: #252529; }
body.page-home:not(.page-actions) .card-home-hero .section-kicker { color: #74747d; }
body.page-home:not(.page-actions) .card-home-hero .card-hero-copy { color: #4b4b53; }
body.page-home:not(.page-actions) .card-home-hero .card-hero-options { color: #72727a; }
body.page-home:not(.page-actions) .card-hero-actions .button-pill { background: #252529; border-color: #252529; box-shadow: none; margin: 0; }
body.page-home:not(.page-actions) .card-hero-actions .button-pill:hover { background: #45454c; border-color: #45454c; }
body.page-home:not(.page-actions) .card-home-hero .card-form-heading { color: #57575f; }
body.page-home:not(.page-actions) .card-home-hero .tool-field > span { color: #38383f; }
.page-links [data-link-editor] .subpage-hero h1 { font-size: clamp(2.3rem, 3.4vw, 3.35rem); max-width: 22ch; letter-spacing: -.045em; line-height: 1.14; text-wrap: balance; }
.link-address-popover { padding: 14px; }
.link-address-popover p { font-size: .7rem; line-height: 1.5; }
.link-address-examples { grid-template-columns: repeat(2, minmax(0, 1fr)); font-size: .65rem; gap: 5px; margin: 7px 0; }
@media (max-width: 480px) { .link-address-examples { grid-template-columns: minmax(0, 1fr); gap: 4px; } }
.link-address-demo { margin-top: 10px; padding: 8px; }
.address-demo-profile { padding: 6px 8px; }
.address-demo-paste { margin-top: 8px; padding: 6px 8px; }
.address-demo-paste > span { grid-area: 1 / 1; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }

/* Homepage demonstrations are isolated from the live card editor and Share Kit. */
.page-home .card-demo-section { background: #fff; padding: 76px 0; border-top: 1px solid #e6e6e9; }
.page-home .card-demo-layout { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.8fr); gap: 54px; align-items: center; }
.page-home .card-demo-copy .section-kicker { font-size: .62rem; letter-spacing: .12em; color: #74747d; margin: 0 0 18px; }
.page-home .card-demo-copy h2 { font-size: clamp(1.9rem, 2.5vw, 2.6rem); letter-spacing: -.045em; line-height: 1.14; font-weight: 550; color: #252529; text-wrap: balance; }
.page-home .card-demo-copy > p:last-child { margin: 20px 0 0; font-size: .86rem; line-height: 1.8; color: #73737b; text-wrap: pretty; }
.page-home .card-demo { min-width: 0; }
.page-home .dc-window { border: 1px solid #dcdcdf; border-radius: 16px; overflow: hidden; background: #fafaf9; }
.page-home .dc-chrome { height: 43px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 20px; border-bottom: 1px solid #e2e2e5; background: #fff; font-size: .66rem; color: #72727a; }
.page-home .dc-chrome strong { color: #38383f; font-weight: 550; }
.page-home .dc-stage { height: 364px; position: relative; padding: 24px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: center; isolation: isolate; }
.page-home .dc-editor { min-width: 0; display: grid; gap: 15px; }
.page-home .dc-field { display: grid; gap: 6px; color: #55555e; font-size: .65rem; }
.page-home .dc-value { height: 38px; display: flex; align-items: center; padding: 0 11px; border: 1px solid #d9d9df; border-radius: 9px; color: #252529; background: #fff; font-size: .75rem; overflow: hidden; white-space: nowrap; }
.page-home .dc-value.dc-bio-value { height: 57px; align-items: flex-start; padding-top: 10px; white-space: normal; line-height: 1.5; }
.page-home .dc-link-values { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 8px; }
.page-home .dc-field.is-editing .dc-value { border-color: #777780; }
.page-home .dc-field.is-editing .dc-link-values .dc-value > span::after { display: none; }
.page-home .dc-field.is-editing .dc-link-values .dc-value.is-typing > span::after { display: inline-block; }
.page-home .dc-field.is-editing .dc-value > span::after { content: ''; display: inline-block; height: 1em; border-right: 1px solid #38383f; vertical-align: -.1em; margin-left: 1px; }
.page-home .dc-action { padding: 10px 12px; min-height: 35px; border: 1px solid #d9d9df; border-radius: 9px; background: #fff; color: #44444c; font-size: .68rem; text-align: center; transition: background .2s, transform .2s; }
.page-home .dc-action.is-clicked { transform: scale(.98); background: #e9e9e7; }
.page-home .dc-action.dc-primary { background: #252529; color: #fff; border-color: #252529; }
.page-home .dc-card { min-width: 0; border: 1px solid #dededd; border-radius: 14px; background: #fff; height: 300px; padding: 24px 18px 18px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.page-home .dc-avatar { flex: 0 0 48px; width: 48px; height: 48px; border: 1px solid #dbdbd8; border-radius: 50%; background: #f0f0ee; color: #5f5f66; display: grid; place-items: center; font-size: 1.05rem; }
.page-home .dc-name { font-size: 1.5rem; line-height: 1.2; letter-spacing: -.045em; font-weight: 550; margin-top: 18px; min-height: 29px; color: #252529; }
.page-home .dc-bio { margin: 9px 0 0; font-size: .72rem; color: #787880; line-height: 1.6; height: 47px; width: 100%; }
.page-home .dc-link { width: 100%; min-height: 35px; border: 1px solid #dededd; border-radius: 9px; display: flex; align-items: center; justify-content: center; position: relative; font-size: .73rem; margin-top: 12px; }
.page-home .dc-link > span:last-child { position: absolute; right: 11px; color: #85858e; }
.page-home .dc-card-share { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 0; min-height: 14px; line-height: 14px; margin-top: 8px; font-size: .57rem; color: #777780; }
.page-home .dc-field > div:first-child, .page-home .dc-link > span { color: #55555e; }
.page-home .dc-card-brand { margin-top: auto; padding-top: 12px; font-size: .52rem; letter-spacing: .06em; color: #85858e; }
.page-home .dc-ready { position: absolute; bottom: 10px; left: 24px; right: 24px; text-align: center; font-size: .61rem; color: #66666e; opacity: 1; transition: opacity .3s; }
.page-home .dc-cursor { position: absolute; top: 0; left: 0; width: 19px; height: 24px; z-index: 6; pointer-events: none; color: #252529; filter: drop-shadow(0 1px 1px #ffffff); transition: transform .55s cubic-bezier(.22,.7,.24,1), opacity .25s; }
.page-home .dc-cursor svg { display: block; width: 100%; height: 100%; fill: currentColor; stroke: #fff; stroke-width: 1.2; }
.page-home .dc-cursor.is-clicking::after { content: ''; position: absolute; top: -6px; left: -6px; width: 19px; height: 19px; border: 1px solid #9c9ca2; border-radius: 50%; animation: dc-click .4s ease-out both; }
@keyframes dc-click { to { transform: scale(1.9); opacity: 0; } }
.page-home .dc-footer { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 51px; color: #73737b; font-size: .68rem; }
.page-home .dc-caption { flex: 1; min-width: 0; }
.page-home .dc-controls { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.page-home .dc-controls button { color: #55555e; background: transparent; border: 0; padding: 10px 0; min-height: 44px; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.page-home .dc-controls button:focus-visible { outline: 2px solid #252529; outline-offset: 3px; }
.page-home .dc-progress { height: 1px; background: #e6e6e9; }
.page-home .dc-progress > span { display: block; width: 100%; height: 100%; background: #85858e; transform: scaleX(1); transform-origin: left; }
.page-home .dc-preview-placeholder .dc-link { border-style: dashed; color: #888890; }
.page-home .dc-preview-placeholder .dc-name:empty::after { content: ''; display: block; margin: 10px auto; width: 77px; height: 5px; border-radius: 3px; background: #dededc; }
.page-home .dc-preview-placeholder .dc-bio:empty::after { content: ''; display: block; width: 118px; max-width: 90%; height: 4px; margin: 10px auto; background: #e6e6e3; }
.page-home .dc-use-stage { align-items: start; padding-top: 30px; }
.page-home .dc-use-tools { min-width: 0; display: grid; gap: 12px; padding-top: 8px; }
.page-home .dc-use-tools > p { margin: 0 0 2px; font-size: .65rem; color: #73737b; }
.page-home .dc-url { font-size: .59rem; padding: 11px 9px; border: 1px solid #dededd; border-radius: 8px; background: #fff; color: #777780; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-home .dc-use-view { position: relative; height: 300px; min-width: 0; }
.page-home .dc-scene { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: translateY(7px); transition: opacity .35s, transform .35s, visibility .35s; }
.page-home .dc-scene.is-visible { opacity: 1; visibility: visible; transform: none; }
.page-home .dc-message, .page-home .dc-image-scene, .page-home .dc-site-scene { height: 300px; border: 1px solid #dededd; border-radius: 14px; padding: 20px 16px; background: #fff; display: flex; flex-direction: column; }
.page-home .dc-vignette-label { font-size: .62rem; color: #777780; border-bottom: 1px solid #e6e6e9; padding-bottom: 12px; }
.page-home .dc-message > p { align-self: flex-end; background: #f2f2f0; border-radius: 12px 12px 3px 12px; padding: 13px; font-size: .75rem; line-height: 1.5; margin-top: 25px; }
.page-home .dc-message .dc-url { margin-top: 10px; }
.page-home .dc-message-open { margin-top: auto; }
.page-home .dc-image-scene { flex-direction: row; gap: 15px; align-items: center; }
.page-home .dc-image-scene .dc-card { height: 185px; padding: 15px 10px; flex: 1; border-radius: 8px; }
.page-home .dc-image-scene .dc-avatar { flex-basis: 30px; width: 30px; height: 30px; font-size: .7rem; }
.page-home .dc-image-scene .dc-name { font-size: 1rem; min-height: 20px; margin-top: 12px; }
.page-home .dc-image-scene .dc-bio { font-size: .56rem; height: 36px; }
.page-home .dc-image-scene .dc-link { min-height: 24px; font-size: .56rem; margin-top: 8px; }
.page-home .dc-image-scene .dc-card-brand { font-size: .42rem; }
.page-home .dc-qr { width: 76px; flex-shrink: 0; color: #252529; text-align: center; }
.page-home .dc-qr svg { display: block; width: 76px; height: 76px; }
.page-home .dc-qr > span { display: block; font-size: .59rem; margin-top: 9px; }
.page-home .dc-site-title { margin-top: 23px; font-size: 1.25rem; letter-spacing: -.04em; font-weight: 550; }
.page-home .dc-site-line { height: 4px; width: 76%; background: #e6e6e3; margin-top: 12px; }
.page-home .dc-site-line + .dc-site-line { width: 55%; margin-top: 7px; }
.page-home .dc-site-embed { border: 1px solid #dededd; border-radius: 10px; padding: 14px; margin-top: 27px; display: flex; gap: 13px; align-items: center; }
.page-home .dc-site-embed .dc-avatar { flex-basis: 34px; width: 34px; height: 34px; font-size: .7rem; }
.page-home .dc-site-embed strong { display: block; font-size: .79rem; font-weight: 550; }
.page-home .dc-site-embed span { font-size: .62rem; color: #777780; }
.page-home .dc-site-badge { margin-top: 32px; padding: 12px; display: flex; gap: 12px; align-items: center; border: 1px solid #dededd; border-radius: 9px; }
.page-home .dc-site-badge .dc-avatar { width: 40px; height: 40px; flex-basis: 40px; font-size: .8rem; }
.page-home .dc-site-badge strong { display: block; font-size: .86rem; line-height: 19px; font-weight: 550; }
.page-home .dc-site-badge span { font-size: .65rem; line-height: 19px; color: #777780; }
.page-home .dc-demo-static-summary { display: none; }
.page-home .card-final-cta { background: #fff; padding: 78px 0 90px; text-align: center; border-top: 1px solid #e6e6e9; }
.page-home .card-final-cta h2 { font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.045em; font-weight: 550; }
.page-home .card-final-cta p { font-size: .87rem; color: #73737b; margin: 17px 0 25px; }
.page-home .card-final-cta .button-pill { background: #252529; border-color: #252529; color: #fff; box-shadow: none; }
.page-signals .signals-intro { padding: 62px 0 36px; }
.page-signals .signals-intro h1 { font-size: clamp(2.5rem, 5vw, 4rem); letter-spacing: -.05em; margin: 16px 0; }
.page-signals .signals-intro .hero-subtitle { max-width: 680px; }
.page-signals .signals-product-links { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; font-size: .86rem; }
@media (max-width: 1000px) {
  .page-home .card-demo-layout { grid-template-columns: 1fr; gap: 28px; }
  .page-home .card-demo-copy { max-width: 620px; }
  .page-home .card-demo-copy h2 { max-width: 22ch; }
  .page-home .card-demo-copy > p:last-child { max-width: 60ch; margin-top: 14px; }
}
@media (max-width: 600px) {
  .page-home .card-demo-section { padding: 44px 0; }
  .page-home .card-demo-copy .section-kicker { margin-bottom: 12px; }
  .page-home .card-demo-copy h2 { font-size: 1.95rem; }
  .page-home .card-demo-copy > p:last-child { font-size: .8rem; }
  .page-home .dc-chrome { padding-inline: 15px; font-size: .61rem; }
  .page-home .dc-stage { height: 577px; grid-template-columns: 1fr; grid-template-rows: 250px 254px; padding: 18px 22px 34px; gap: 18px; }
  .page-home .dc-editor { gap: 10px; }
  .page-home .dc-value { height: 31px; }
  .page-home .dc-value.dc-bio-value { height: 42px; padding-top: 9px; }
  .page-home .dc-card { height: 254px; padding: 19px 20px 16px; }
  .page-home .dc-avatar { width: 42px; height: 42px; flex-basis: 42px; }
  .page-home .dc-name { margin-top: 12px; }
  .page-home .dc-bio { height: 38px; }
  .page-home .dc-link { margin-top: 7px; }
  .page-home .dc-ready { font-size: .57rem; bottom: 9px; left: 15px; right: 15px; }
  .page-home .dc-footer { font-size: .61rem; gap: 10px; }
  .page-home .dc-controls { gap: 10px; }
  .page-home .dc-use-stage { grid-template-rows: 228px 254px; height: 557px; gap: 23px; }
  .page-home .dc-use-tools { grid-template-columns: 1fr 1fr; gap: 9px; padding: 0; }
  .page-home .dc-use-tools > p, .page-home .dc-use-tools .dc-url, .page-home .dc-use-tools > .dc-primary { grid-column: 1 / -1; }
  .page-home .dc-use-view, .page-home :is(.dc-message, .dc-image-scene, .dc-site-scene) { height: 254px; }
  .page-home .dc-image-scene .dc-card { height: 200px; }
  .page-home .dc-site-title { margin-top: 17px; }
  .page-home .dc-site-embed { margin-top: 20px; }
  .page-home .dc-site-badge { margin-top: 15px; }
  .page-home .card-final-cta { padding: 50px 0 60px; }
}
html[lang="ko"] .page-home .card-demo-copy { word-break: keep-all; }
.page-home .card-demo[data-static="true"] .dc-cursor { display: none; }
.page-home .card-demo[data-static="true"] .dc-demo-static-summary { display: block; font-size: .68rem; line-height: 1.7; color: #73737b; margin-top: 12px; }
.page-home .card-demo[data-static="true"] [data-demo-pause] { display: none; }
.page-home .card-demo[data-static="true"] .dc-scene, .page-home .card-demo[data-static="true"] .dc-action { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .page-home .dc-cursor { display: none; }
  .page-home .dc-scene, .page-home .dc-action, .page-home .dc-ready { transition: none; }
  .page-home .dc-demo-static-summary { display: block; }
}

/* Digital Card: a printed identity, a compact contact rail, editorial actions. */
:is(.page-home,.page-links) .sm-card.link-surface {
  --card-pad:32px; --card-avatar:76px; --card-name:2.65rem; --card-bio:.88rem; --card-height:390px;
  --lp-bg:#f8f5ee; --lp-text:#282e2c; --lp-muted:#72766b; --lp-line:#d6d3c7; --lp-item:#e9e6dd; --card-accent:#956c4b;
  width:100%; min-width:0; min-height:var(--card-height); height:auto; padding:var(--card-pad);
  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; text-align:left;
  color:var(--lp-text); background:var(--lp-bg); border:0; border-radius:5px; position:relative;
  box-shadow:0 2px 0 #d5d0c4,0 14px 32px -24px #272b2950; container-type:normal;
}
:is(.page-home,.page-links) .sm-card[data-theme="soft"] { --lp-bg:#eaf0f3; --lp-text:#243b46; --lp-muted:#5d7380; --lp-line:#c4d0d7; --lp-item:#d9e5eb; --card-accent:#648493; }
:is(.page-home,.page-links) .sm-card[data-theme="ink"] { --lp-bg:#26312e; --lp-text:#f0efe5; --lp-muted:#b8c2b7; --lp-line:#49544b; --lp-item:#35423b; --card-accent:#c3aa85; box-shadow:0 2px 0 #17241e,0 14px 32px -24px #17241e80; }
.sm-card[data-theme="ink"] .link-avatar { --lp-text:#f0efe5; }
.sm-card [hidden] { display:none!important; }
.sm-card .link-card-edition { display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 0 17px; margin:0 0 27px; border-bottom:1px solid var(--lp-line); color:var(--lp-muted); font:500 .57rem/1.5 inherit; font-size:.57rem; letter-spacing:.16em; text-transform:uppercase; }
.sm-card .link-card-edition .link-card-mark { display:block; width:30px; height:4px; background:var(--card-accent); font-size:0; }
.sm-card .link-identity { display:grid; grid-template-columns:minmax(0,1fr) var(--card-avatar); gap:18px; align-items:start; min-width:0; width:100%; }
.sm-card .link-identity-copy { min-width:0; padding-top:1px; }
:is(.page-home,.page-links) .sm-card :is(h1,h2) { margin:0; color:var(--lp-text); font-family:Georgia,'Times New Roman',serif; font-size:var(--card-name); font-weight:400; line-height:1.06; letter-spacing:-.045em; min-width:0; max-width:100%; overflow-wrap:anywhere; word-break:normal; text-wrap:pretty; }
:is(.page-home,.page-links) .sm-card .link-avatar { width:var(--card-avatar); height:var(--card-avatar); margin:0; border:0; box-shadow:none; background:var(--lp-item); }
:is(.page-home,.page-links) .sm-card .link-monogram { color:var(--lp-text); font:400 calc(var(--card-avatar) * .43)/1 Georgia,serif; }
:is(.page-home,.page-links) .sm-card .link-profile-bio { margin:17px 0 0; max-width:34ch; color:var(--lp-muted); font-size:var(--card-bio); line-height:1.65; width:100%; overflow-wrap:anywhere; white-space:pre-wrap; }
.sm-card .link-connect { display:flex; align-items:center; gap:14px; width:100%; border-top:1px solid var(--lp-line); border-bottom:1px solid var(--lp-line); padding:6px 0; margin-top:26px; }
.sm-card .link-connect:has([data-profile-socials][hidden]) { display:none; }
.sm-card .link-connect-label { color:var(--lp-muted); font-size:.56rem; letter-spacing:.09em; text-transform:uppercase; flex:0 0 auto; }
:is(.page-home,.page-links) .sm-card .link-profile-socials { display:flex; flex-wrap:wrap; width:100%; gap:0; justify-content:flex-start; margin:0; }
:is(.page-home,.page-links) .sm-card .link-social-icon { width:40px; height:40px; border:0; border-radius:0; background:transparent; transition:background .2s; }
:is(.page-home,.page-links) .sm-card .link-social-icon svg { width:18px; height:18px; }
:is(.page-home,.page-links) .sm-card .link-social-icon:hover { background:var(--lp-item); transform:none; }
:is(.page-home,.page-links) .sm-card .link-profile-items { display:flex; flex-direction:column; gap:0; width:100%; margin:28px 0 0; counter-reset:card-action; }
.sm-card .link-profile-items:empty { display:none!important; }
:is(.page-home,.page-links) .sm-card .link-public-item { counter-increment:card-action; display:flex; align-items:center; justify-content:flex-start; gap:15px; width:100%; min-width:0; min-height:66px; margin:0; padding:14px 32px 14px 0; border:0; border-top:1px solid var(--lp-line); border-radius:0; background:transparent!important; box-shadow:none!important; color:var(--lp-text); font-size:.9rem; font-weight:500; text-align:left; line-height:1.45; text-decoration:none; position:relative; transition:padding .2s; }
.sm-card .link-public-item::before { content:counter(card-action,decimal-leading-zero); color:var(--card-accent); font-size:.6rem; font-variant-numeric:tabular-nums; align-self:flex-start; padding-top:3px; }
.sm-card .link-item-copy { display:grid; gap:4px; min-width:0; width:100%; }
.sm-card .link-item-title { color:var(--lp-text); overflow-wrap:anywhere; }
.sm-card .link-item-host { color:var(--lp-muted); font-size:.69em; font-weight:400; letter-spacing:.015em; overflow-wrap:anywhere; }
:is(.page-home,.page-links) .sm-card .link-outbound { right:1px; color:var(--card-accent); font-size:1.1rem; opacity:1; }
:is(.page-home,.page-links) .sm-card a.link-public-item:hover { padding-left:7px; border-color:var(--card-accent); transform:none; }
.sm-card a:focus-visible { outline:2px solid var(--card-accent)!important; outline-offset:3px; }
.sm-card .link-card-brand { display:flex; justify-content:space-between; width:100%; margin-top:auto; padding-top:32px; border:0; color:var(--lp-muted); font-size:.5rem; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; opacity:.75; }
.sm-card .link-card-brand > span { color:var(--card-accent); font-size:1rem; line-height:.5; }
.sm-card[data-density="minimal"] .link-identity { margin-top:25px; margin-bottom:38px; }
.sm-card[data-density="minimal"] { --card-name:3.2rem; }
.page-home .card-preview-paper { padding:0; min-height:0; display:block; border:0; background:transparent; box-shadow:none; }
.page-home .card-preview-paper .sm-card { --card-pad:34px; --card-height:400px; --card-avatar:84px; --card-name:2.9rem; }
.page-home .card-preview-paper .link-avatar::before,.page-home .card-preview-paper .link-avatar::after { display:none; }
.page-home .card-preview-paper .sm-card .link-monogram { visibility:visible; }
.page-home .card-home-hero { padding:70px 0; background:#f1f0e9; }
.page-home .card-home-hero .card-hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:85px; }
.page-home .card-hero-preview { padding:30px; background:#dedfd5; border-radius:0; }
.page-home .card-preview-caption { color:#62685d; margin-bottom:22px; font-size:.58rem; }
.page-home .card-preview-footnote { font-size:.66rem; color:#62685d; margin:22px 0 0; }
.page-home .card-preview-rule,.page-home .card-preview-note { display:none; }
.page-home .card-home-hero .card-headline-second { color:#777e6e; }
.page-home .card-home-hero .home-link-form :is(input,textarea) { border-radius:3px; border-color:#cccfc1; background:#f8f8f2; }
.page-home .card-home-hero .home-link-actions button { background:#e4e6db; border-radius:3px; border-color:#c9cebf; }
.page-home .card-hero-actions .button-pill { border-radius:3px; background:#2d3930; border-color:#2d3930; }
/* An editor with a chapter rail and a quiet, persistent product canvas. */
.page-links [data-link-editor] { background:#f6f5f0; }
.page-links [data-link-editor] .subpage-hero { padding:46px 0 22px; background:transparent; border:0; }
.page-links [data-link-editor] .subpage-hero > .container { max-width:1200px; }
.page-links [data-link-editor] .subpage-hero h1 { font-size:clamp(2rem,3vw,3rem); font-weight:450; letter-spacing:-.045em; max-width:24ch; }
.page-links [data-link-editor] .subpage-hero .hero-subtitle { max-width:64ch; font-size:.9rem; line-height:1.7; }
.page-links [data-link-editor] > .section { padding-top:16px; }
.page-links .link-editor-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:80px; align-items:start; max-width:1200px; }
.page-links [data-link-builder].overview-card { padding:0 0 48px; border:0; border-radius:0; background:transparent; box-shadow:none; display:grid; gap:38px; }
.link-chapter-nav { display:flex; justify-content:space-between; gap:12px; position:sticky; top:48px; z-index:4; padding:17px 0; border-block:1px solid #d5d7cb; background:#f6f5f0; }
.link-chapter-nav a { display:flex; align-items:center; gap:7px; text-decoration:none; font: .58rem ui-monospace,monospace; color:#89917e; min-height:30px; }
.link-chapter-nav a span { font-family:inherit; font-size:.75rem; color:#3a4535; }
.page-links .link-builder-heading { display:none; }
.page-links .link-chapter { scroll-margin-top:120px; }
.page-links .link-chapter legend,.page-links .link-share-chapter > h3 { display:flex; align-items:center; gap:14px; margin:0 0 20px; font-size:1.45rem; font-weight:450; color:#303b32; letter-spacing:-.03em; }
.link-chapter-number { font: .64rem ui-monospace,monospace; color:#8b927e; }
.page-links .link-form-section { gap:16px; }
.page-links .link-form-section .tool-field > span { font-size:.74rem; color:#5e6659; }
.page-links [data-link-builder] :is(.tool-input,.tool-textarea,.batch-select) { background:#fdfdf8; border-color:#cfd3c5; border-radius:3px; font-size:.87rem; }
.page-links [data-link-builder] .tool-helper-text { font-size:.72rem; line-height:1.65; color:#787f70; }
.page-links [data-link-builder] .link-photo-field { padding:18px 0 0; border:0; border-top:1px solid #d7dacd; border-radius:0; background:transparent; gap:11px; }
.page-links .link-subchapter { font-size:.87rem; font-weight:550; margin:0; }
.page-links .link-form-section.link-links-chapter { margin-top:-14px; }
.page-links [data-link-builder] :is(.link-page-row,.link-social-row) { background:#edeFE5; border:0; border-left:2px solid #c5cdba; border-radius:0; padding:18px; }
.page-links [data-link-builder] .tool-copy-button { border-radius:3px; box-shadow:none; font-size:.75rem; }
.page-links [data-link-builder] .utility-primary { background:#2d3930; border-color:#2d3930; color:#fff; }
.page-links .link-builder-submit { border:0; padding:0; align-items:start; flex-direction:column; gap:12px; }
.page-links .link-publish-panel { background:#e7ecde; border-color:#c6d1b8; border-radius:3px; }
.page-links .link-preview-panel { position:sticky; top:98px; border:0; border-radius:0; background:#dfe2d5; box-shadow:none; padding:26px; min-width:0; }
.page-links .link-preview-heading { padding:0; margin-bottom:22px; }
.page-links .link-preview-heading h2 { font-size:.68rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
.page-links .link-preview-heading > span { font-size:.62rem; }
.page-links .link-preview-frame { padding:0; border:0; border-radius:5px; background:transparent; overflow:visible; max-height:none; }
.page-links .link-preview-frame .sm-card { --card-height:410px; --card-pad:30px; }
.page-links .link-preview-panel > p { font-size:.66rem; line-height:1.6; margin:20px 0 0; color:#737b69; }
.page-links:not(.page-link-embed) .link-visitor { padding:70px 22px; min-height:100svh; justify-content:center; background:#e4e5db; }
.page-links:not(.page-link-embed) .link-visitor-content { width:min(100%,510px); }
.page-links:not(.page-link-embed) .link-visitor .sm-card { --card-pad:38px; --card-name:3rem; --card-avatar:88px; --card-height:430px; }
.page-links .link-public-utilities { margin-top:26px; }
.page-links .link-public-utilities .link-attribution { font-size:.62rem; color:#69715e; }
.page-links:has(.link-visitor[data-theme="ink"]:not([hidden])) .link-public-share { color:#29382c; border-color:#8a927e; }
.link-share-card-preview { max-width:390px; margin:20px 0; }
.page-links .link-share-card-preview .sm-card { --card-pad:26px; --card-name:2.25rem; --card-height:340px; --card-avatar:64px; }
.link-share-dialog { border-radius:6px; }
.link-share-header { background:#eff0e7; }
.link-share-stage { background:#f8f9f3; }
.link-share-stage canvas { border-radius:3px; }
/* Embed variants retain their existing full/compact/badge/button contracts. */
.page-link-embed .link-visitor { background:transparent; }
.page-link-embed .link-visitor[data-variant="full"] .sm-card { --card-pad:20px; --card-name:1.75rem; --card-avatar:50px; --card-bio:.78rem; --card-height:0px; box-shadow:none; }
.page-link-embed .link-visitor:not([data-variant="full"]) .sm-card { display:grid; min-height:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.page-link-embed .link-visitor:not([data-variant="full"]) :is(.link-card-edition,.link-card-brand,.link-connect-label) { display:none; }
.page-link-embed .link-visitor:not([data-variant="full"]) :is(.link-identity,.link-identity-copy) { display:contents; }
.page-link-embed [data-variant="compact"] .sm-card { grid-template-columns:44px minmax(0,1fr); gap:8px 12px; }
.page-link-embed [data-variant="compact"] .sm-card .link-avatar { grid-column:1; grid-row:1/3; width:44px; height:44px; }
.page-link-embed [data-variant="compact"] .sm-card h1 { grid-column:2; font-family:Georgia,serif; font-size:1.16rem; margin:0; }
.page-link-embed [data-variant="compact"] .sm-card .link-profile-bio { grid-column:2; font-size:.75rem; margin:0; }
.page-link-embed [data-variant="compact"] .sm-card .link-connect { grid-column:1/-1; padding:0; margin:0; border:0; }
.page-link-embed [data-variant="compact"] .sm-card .link-social-icon { width:32px; height:32px; }
.page-link-embed .link-visitor[data-variant="compact"] .sm-card .link-profile-items,
.page-link-embed .link-visitor[data-variant="badge"] .sm-card .link-profile-items { display:none; }
.page-link-embed [data-variant="badge"] .sm-card { grid-template-columns:40px minmax(0,1fr); grid-template-rows:19px 19px; gap:2px 12px; }
.page-link-embed [data-variant="badge"] .sm-card .link-avatar { grid-row:1/3; width:40px; height:40px; }
.page-link-embed [data-variant="badge"] .sm-card h1 { grid-column:2; font-family:Georgia,serif; font-size:1rem; line-height:19px; letter-spacing:-.02em; }
.page-link-embed [data-variant="badge"] .sm-card .link-connect { display:none; }
.page-link-embed [data-variant="badge"] .sm-card .link-embed-cta { grid-row:2; }
.page-link-embed .link-visitor[data-variant="button"] .sm-card { display:none; }
/* Make: the input path assembles a card on an open studio table. */
.page-home .card-demo-section { padding:86px 0; border:0; background:#f9faf5; }
.page-home .card-demo-layout { grid-template-columns:minmax(0,.7fr) minmax(0,1.8fr); gap:64px; }
.page-home .card-demo-copy h2 { font-weight:450; line-height:1.17; color:#30382e; }
.page-home .card-demo-copy .section-kicker { color:#858c77; }
.page-home .dc-stage { position:relative; isolation:isolate; min-width:0; border:0; border-radius:0; }
.page-home .dc-make-stage { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); height:466px; gap:48px; padding:34px 26px 46px; background:#e9ece2; }
.page-home .dc-editor { gap:20px; position:relative; z-index:2; }
.page-home .dc-studio-label { font-size:.62rem; color:#727b65; margin:0 0 4px; letter-spacing:.08em; }
.page-home .dc-field { font-size:.63rem; gap:6px; }
.page-home .dc-field-index { color:#939c86; font: .53rem ui-monospace,monospace; margin-right:9px; }
.page-home .dc-value { height:36px; border:0; border-bottom:1px solid #bdc6b2; background:#f6f8f0; border-radius:2px; padding:0 9px; font-size:.7rem; }
.page-home .dc-value.dc-bio-value { height:56px; padding-top:9px; }
.page-home .dc-link-values { grid-template-columns:1fr; gap:6px; }
.page-home .dc-link-values .dc-value:last-child { height:30px; font-size:.58rem; }
.page-home .dc-field.is-editing .dc-value { border-color:#54664a; background:#fffdf4; }
.page-home .dc-action.dc-primary { background:#32412e; border-color:#32412e; border-radius:2px; margin-top:1px; min-height:40px; }
.page-home .dc-making-card { position:relative; z-index:2; min-width:0; }
.page-home .dc-stage .sm-card { --card-pad:24px; --card-avatar:58px; --card-name:2.25rem; --card-bio:.71rem; --card-height:350px; height:350px; border-radius:4px; }
.page-home .dc-stage .sm-card .link-card-edition { font-size:.46rem; margin-bottom:25px; padding-bottom:13px; }
.page-home .dc-stage .sm-card .link-profile-items { margin-top:28px; }
.page-home .dc-stage .sm-card .link-public-item { min-height:62px; font-size:.73rem; }
.page-home .dc-stage .sm-card .link-profile-bio { min-height:48px; margin-top:15px; }
.page-home .dc-stage .sm-card .link-card-brand { font-size:.44rem; padding-top:25px; }
.page-home .dc-assembly-line { position:absolute; top:53%; left:35%; right:29%; height:1px; background:#adbba0; z-index:1; }
.page-home .dc-assembly-line::after { content:''; display:block; width:6px; height:6px; background:#6e8660; border-radius:50%; margin-top:-3px; }
.page-home .dc-ready { font-size:.59rem; color:#576b4b; bottom:10px; margin:0; }
.page-home .dc-make-stage .dc-card :is(.link-identity,.link-profile-items) { transition:opacity .35s; }
.page-home .dc-preview-placeholder .link-identity { opacity:.35; }
.page-home .dc-footer { min-height:64px; gap:20px; align-items:center; }
.page-home .dc-caption { font-size:.64rem; color:#707761; }
.page-home .dc-controls button { font-size:.59rem; color:#707761; border:0; border-radius:0; padding:8px 0 8px 12px; min-height:44px; }
.page-home .dc-progress { height:1px; background:#d8ddcd; }
.page-home .dc-progress > span { background:#718465; }
/* Share: five destinations share a grid; one measured edge-to-edge tracer. */
.page-home .card-story-share { background:#e4e5db; }
.page-home .card-story-share .card-demo-layout { grid-template-columns:1fr; gap:32px; }
.page-home .card-story-share .card-demo-copy { display:grid; grid-template-columns:1.05fr 1fr; gap:12px 80px; align-items:center; }
.page-home .card-story-share .card-demo-copy .section-kicker { grid-column:1/-1; margin:0; }
.page-home .card-story-share .card-demo-copy h2 { margin:0; font-size:3rem; }
.page-home .card-story-share .card-demo-copy > p:last-child { margin:0; max-width:50ch; }
.page-home .dc-share-stage { display:grid; grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr); grid-template-rows:118px 118px 118px; gap:12px 64px; height:462px; padding:42px 24px; background:transparent; }
.page-home .dc-share-lines { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#6c805b; stroke-width:1; z-index:1; overflow:visible; pointer-events:none; }
.page-home .dc-trace { vector-effect:non-scaling-stroke; }
.page-home .dc-trace-dot { fill:#60784f; stroke:none; }
.page-home .dc-share-core { position:relative; grid-column:2; grid-row:1/4; width:320px; top:auto; left:auto; transform:none; z-index:3; }
.page-home .dc-share-core .sm-card { --card-name:2.65rem; --card-avatar:64px; --card-pad:28px; --card-height:378px; height:378px; }
.page-home .dc-port { position:relative; width:100%; max-width:245px; min-width:0; height:118px; padding:12px 0; border-top:1px solid #aab59b; color:#3c4e31; z-index:2; opacity:.90; transition:opacity .35s, border-color .35s; transform:none; }
.page-home .dc-port-direct { grid-column:1; grid-row:1; justify-self:end; }
.page-home .dc-port-social { grid-column:1; grid-row:3; justify-self:end; }
.page-home .dc-port-image { grid-column:3; grid-row:1; }
.page-home .dc-port-embed { grid-column:3; grid-row:2; }
.page-home .dc-port-badge { grid-column:3; grid-row:3; }
.page-home .dc-port-index { display:block; font-size:.59rem; letter-spacing:.06em; margin-bottom:12px; color:#46593a; line-height:1.4; }
.page-home .dc-port-note { display:block; font-size:.58rem; line-height:1.5; color:#4f6242; margin-top:7px; }
.page-home .dc-mini-message { padding:9px 12px; border-radius:8px 8px 2px 8px; background:#f0f2e8; font-size:.67rem; line-height:1.4; margin:0; }
.page-home .dc-mini-message > span { display:block; font-size:.57rem; margin-top:4px; }
.page-home .dc-mini-social { display:flex; gap:8px; align-items:flex-start; font-size:.62rem; line-height:1.5; }
.page-home .dc-social-avatar { display:grid; place-items:center; flex-shrink:0; width:25px; height:25px; border-radius:50%; background:#d3dcc8; color:#53664a; font:.75rem Georgia,serif; }
.page-home .dc-mini-social strong { font-size:.62rem; font-weight:500; }
.page-home .dc-mini-social p { margin:4px 0; font-size:.62rem; }
.page-home .dc-mini-social div > span { font-size:.56rem; }
.page-home .dc-image-pair { display:flex; gap:18px; align-items:center; }
.page-home .dc-image-format { position:relative; width:66px; height:75px; background:transparent; padding:0; margin:0; box-shadow:none; }
.page-home .dc-image-format .sm-card { width:310px; --card-height:350px; height:350px; transform:scale(.21); transform-origin:top left; }
.page-home .dc-image-png { position:absolute; bottom:-3px; right:0; font:.42rem ui-monospace,monospace; color:#647454; }
.page-home .dc-image-pair > svg { width:66px; height:66px; background:#f8f9f1; padding:3px; }
.page-home .dc-mini-browser { background:#f1f3e9; border-radius:2px; padding:0 8px 5px; }
.page-home .dc-mini-browser > span { display:block; color:#67775a; font:.48rem/16px ui-monospace,monospace; border-bottom:1px solid #d3dac9; margin-bottom:3px; }
.page-home .dc-mini-browser .dc-product-badge { padding:5px; gap:8px; }
.page-home .dc-mini-browser .dc-product-badge strong { font-size:.9rem; line-height:1.2; }
.page-home .dc-mini-browser .dc-product-compact p { font-size:.5rem; line-height:1.3; margin:2px 0; }
.page-home .dc-mini-browser .dc-product-badge div > span { font-size:.52rem; line-height:1.3; }
.page-home .dc-product-badge { display:flex; align-items:center; min-width:0; border:0; border-radius:2px; background:#f0f2e7; padding:10px; gap:10px; }
.page-home .dc-product-badge > div { min-width:0; }
.page-home .dc-badge-avatar { display:grid; place-items:center; flex-shrink:0; border-radius:24%; border:0; width:32px; height:32px; background:#dde3d3; font:.8rem Georgia,serif; }
.page-home .dc-product-badge strong { display:block; font:1.03rem/1.3 Georgia,serif; color:#34462d; }
.page-home .dc-product-badge div > span { display:block; font-size:.58rem; line-height:1.5; color:#56684a; }
.page-home .dc-product-compact p { font-size:.55rem; line-height:1.4; margin:4px 0; color:#59694d; }
.page-home .dc-port.is-selected { opacity:1; border-top-color:#60794d; }
.page-home :is([data-phase="ready"],[data-static="true"]) .dc-port { opacity:.94; }
.page-home .dc-share-map { display:none; }
/* Use: one uninterrupted card moves while its surroundings change context. */
.page-home .card-story-use { background:#f0f1e9; }
.page-home .card-story-use .card-demo-layout { grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr); }
.page-home .card-story-use .card-demo-copy { grid-column:2; grid-row:1; }
.page-home .card-story-use .card-demo { grid-column:1; grid-row:1; }
.page-home .dc-journey-stage { height:500px; display:block; padding:0; background:#dce2d3; overflow:hidden; }
.page-home .dc-traveler { position:absolute; top:0; left:0; width:310px; transform-origin:top center; z-index:4; transition:none; will-change:transform; }
.page-home .dc-traveler .sm-card { --card-name:2.5rem; --card-height:350px; }
.page-home .dc-journey-scene { position:absolute; opacity:0; visibility:hidden; transition:none; }
.page-home .dc-journey-message { left:6%; top:90px; width:35%; }
.page-home .dc-conversation { padding:0; border:0; border-radius:0; background:transparent; }
.page-home .dc-vignette-label { display:block; font-size:.59rem; color:#526247; letter-spacing:.06em; padding-bottom:10px; border-bottom:1px solid #b7c3aa; }
.page-home .dc-conversation > p { min-height:65px; margin-top:18px; padding:16px; border-radius:12px 12px 2px 12px; background:#f0f4e8; font-size:.76rem; color:#3f5136; }
.page-home .dc-message-link { display:grid; grid-template-columns:1fr 12px; padding:13px; background:#eaf0df; border:0; border-radius:3px; margin-top:10px; opacity:1; }
.page-home .dc-message-link > span:first-child { font-size:.52rem; }
.page-home .dc-message-link > strong { font-size:.72rem; color:#3f5034; }
.page-home .dc-delivered { color:#566b49; font-size:.52rem; }
.page-home .dc-journey-social { left:6%; right:6%; top:72px; }
.page-home .dc-social-post { height:337px; padding:24px; background:#edf1e6; border-radius:4px; }
.page-home .dc-social-heading { display:flex; align-items:center; gap:9px; font-size:.7rem; color:#415639; }
.page-home .dc-social-heading > span:last-child { margin-left:auto; color:#68795b; font-size:.53rem; }
.page-home .dc-social-post > p { margin:24px 0 12px; max-width:31%; font-size:.78rem; line-height:1.65; color:#4a5d3f; }
.page-home .dc-social-link { display:block; font-size:.56rem; color:#496039; }
.page-home .dc-social-reply { position:absolute; bottom:20px; left:24px; right:24px; border-top:1px solid #c1cdb6; padding-top:15px; font-size:.65rem; color:#5b7150; }
.page-home .dc-journey-phone { left:68%; top:70px; transform:translateX(-50%); width:230px; }
.page-home .dc-phone { position:relative; width:230px; height:335px; border:1px solid #abb99f; border-radius:25px; background:#c9d3bd; padding:22px 7px 7px; box-shadow:none; }
.page-home .dc-phone::before { background:#87977a; }
.page-home .dc-phone-label { display:block; font-size:.5rem; color:#4d6240; text-align:center; }
.page-home .dc-phone-address { position:absolute; bottom:12px; left:12px; right:12px; text-align:center; color:#5b7050; font-size:.45rem; }
.page-home .dc-journey-scan { width:35%; left:6%; top:120px; }
.page-home .dc-meeting { gap:17px; }
.page-home .dc-scan-qr { position:relative; width:128px; height:128px; border:0; border-radius:3px; padding:6px; box-shadow:none; }
.page-home .dc-scan-qr > svg { width:100%; height:100%; }
.page-home .dc-scan-line { position:absolute; top:7px; left:7px; right:7px; height:1px; background:#688357; box-shadow:0 0 7px #9ab083; }
.page-home .dc-scan-confirm { display:grid; place-items:center; position:absolute; right:-8px; bottom:-8px; width:23px; height:23px; border-radius:50%; background:#526c40; color:#fff; font-size:.65rem; opacity:0; }
.page-home .dc-meeting > p { font-size:.64rem; color:#506644; }
.page-home .dc-journey-site { left:6%; right:6%; top:70px; }
.page-home .dc-portfolio { width:100%; margin:0; border:0; border-radius:4px; background:#f4f6ed; }
.page-home .dc-portfolio-bar { display:flex; justify-content:space-between; padding:10px 15px; font-size:.55rem; background:#c8d4bb; color:#536847; border:0; }
.page-home .dc-portfolio-body { position:relative; padding:22px; height:300px; }
.page-home .dc-portfolio h3 { font:2rem/1.1 Georgia,serif; color:#536347; max-width:9ch; margin:16px 0; }
.page-home .dc-work-grid { display:flex; width:38%; gap:7px; margin-bottom:18px; }
.page-home .dc-work-grid span { flex:1; height:38px; border:0; background:#dce4d1; color:#7b8c6a; font-size:.5rem; }
.page-home .dc-work-grid span:nth-child(2) { background:#c7d5b9; }
.page-home .dc-work-grid span:nth-child(3) { background:#e3e9d9; }
.page-home .dc-portfolio .dc-product-badge { width:38%; padding:7px; }
.page-home .dc-site-note { display:block; font-size:.54rem; color:#5f744f; margin-top:12px; }
.page-home .dc-journey-route { display:flex; justify-content:center; align-items:center; gap:18px; position:absolute; bottom:22px; left:16px; right:16px; font-size:.57rem; color:#5e7051; z-index:5; }
.page-home .dc-journey-route > span { padding-bottom:6px; border-bottom:1px solid transparent; }
.page-home .dc-journey-route .is-current { color:#334e29; border-bottom-color:#6c8758; }
.page-home [data-static="true"] .dc-traveler { top:62px; left:50%; transform:translateX(-50%); }
.page-home [data-static="true"] .dc-journey-scene { visibility:visible; opacity:.88; }
.page-home [data-static="true"] .dc-journey-message { left:3%; top:35px; width:23%; }
.page-home [data-static="true"] .dc-journey-message .dc-message-link { padding:10px; }
.page-home [data-static="true"] .dc-journey-social { left:3%; right:auto; top:280px; width:23%; }
.page-home [data-static="true"] .dc-social-post { height:auto; padding:13px; background:transparent; }
.page-home [data-static="true"] .dc-social-heading > span:last-child { display:none; }
.page-home [data-static="true"] .dc-social-post > p { max-width:none; margin:12px 0; font-size:.62rem; }
.page-home [data-static="true"] .dc-social-reply { display:none; }
.page-home [data-static="true"] .dc-journey-phone { display:none; }
.page-home [data-static="true"] .dc-journey-scan { left:auto; right:3%; width:23%; top:48px; }
.page-home [data-static="true"] .dc-scan-qr { width:92px; height:92px; }
.page-home [data-static="true"] .dc-journey-site { top:auto; bottom:72px; left:auto; right:3%; width:23%; }
.page-home [data-static="true"] .dc-portfolio-body { padding:12px; height:auto; }
.page-home [data-static="true"] .dc-portfolio :is(h3,.dc-work-grid,.dc-site-note) { display:none; }
.page-home [data-static="true"] .dc-portfolio .dc-product-badge { width:100%; margin-top:10px; }
.page-home [data-static="true"] .dc-scan-line { display:none; }
.page-home .card-demo[data-static="true"] .dc-demo-static-summary { color:#526347; font-size:.69rem; }
.signals-product-bar { background:#f2f4ec; }
html[lang="ko"] .sm-card :is(h1,h2) { font-family:Georgia,'Batang',serif; line-height:1.18; }
html[lang="ko"] :is(.link-chapter-nav,.dc-port-index,.dc-caption) { word-break:keep-all; }
@media(max-width:1000px) {
  .page-home .card-home-hero .card-hero-grid { gap:40px; }
  .page-home .card-hero-preview { padding:22px; }
  .page-links .link-editor-layout { gap:36px; }
  .page-home .card-demo-layout { gap:32px; }
  .page-home .dc-make-stage { gap:22px; padding-inline:18px; }
  .page-home .dc-share-stage { grid-template-columns:minmax(0,1fr) 310px minmax(0,1fr); column-gap:24px; }
  .page-home .dc-share-core { width:310px; }
  .page-home .dc-image-pair { gap:10px; }
}
@media(max-width:760px) {
  .page-home .card-home-hero { padding:32px 0 42px; }
  .page-home .card-home-hero .card-hero-grid { grid-template-columns:1fr; gap:0; }
  .page-home .home-link-intro { display:contents; }
  .page-home .home-link-intro > .section-kicker { order:1; }
  .page-home .home-link-intro > h1 { order:2; }
  .page-home .home-link-intro > .card-hero-copy { order:3; }
  .page-home .home-link-intro > .card-hero-options { order:4; }
  .page-home .home-link-intro > .card-hero-actions { order:5; }
  .page-home .card-hero-preview { order:6; margin:0 -4px 28px; padding:22px; }
  .page-home .home-link-intro > .home-link-form { order:7; }
  .page-home .card-preview-paper .sm-card { --card-pad:24px; --card-height:300px; --card-avatar:65px; --card-name:2.35rem; }
  .page-home .card-preview-paper .sm-card[data-density="minimal"] { --card-name:2.7rem; }
  .page-home .card-preview-caption { font-size:.5rem; margin-bottom:16px; }
  .page-home .card-preview-footnote { font-size:.61rem; margin-top:18px; }
  .page-links [data-link-editor] .subpage-hero { padding:30px 0 12px; }
  .page-links .link-editor-layout { grid-template-columns:1fr; gap:24px; }
  .page-links .link-preview-panel { position:relative; top:auto; grid-row:1; padding:20px; margin:0 0 8px; }
  .page-links .link-preview-panel .sm-card { --card-pad:25px; --card-name:2.5rem; --card-avatar:66px; --card-height:320px; }
  .page-links .link-preview-heading { margin-bottom:17px; }
  .page-links .link-preview-panel > p { margin-top:15px; }
  .page-links [data-link-builder].overview-card { gap:32px; }
  .link-chapter-nav { top:64px; margin:0; }
  .link-chapter-nav a { font-size:.5rem; gap:5px; }
  .link-chapter-nav a span { font-size:.66rem; }
  .page-links .link-chapter { scroll-margin-top:140px; }
  .page-links .link-chapter legend,.page-links .link-share-chapter > h3 { font-size:1.4rem; }
  .page-links:not(.page-link-embed) .link-visitor { padding:70px 20px; }
  .page-links:not(.page-link-embed) .link-visitor .sm-card { --card-pad:28px; --card-name:2.6rem; --card-avatar:70px; --card-height:370px; }
  .page-home .card-demo-section { padding:48px 0; }
  .page-home .card-demo-layout,.page-home .card-story-use .card-demo-layout { grid-template-columns:1fr; gap:28px; }
  .page-home .card-story-use .card-demo-copy,.page-home .card-story-use .card-demo { grid-column:1; grid-row:auto; }
  .page-home .card-demo-copy h2 { font-size:2.1rem; max-width:20ch; }
  .page-home .card-demo-copy > p:last-child { margin-top:16px; font-size:.82rem; }
  .page-home .dc-make-stage { height:640px; grid-template-columns:1fr; grid-template-rows:226px 340px; gap:22px; padding:22px 20px 30px; }
  .page-home .dc-editor { gap:10px; }
  .page-home .dc-studio-label { display:none; }
  .page-home .dc-field { grid-template-columns:76px 1fr; align-items:center; gap:7px; }
  .page-home .dc-field > div:first-child { font-size:.55rem; }
  .page-home .dc-field-index { display:block; margin:0 0 5px; }
  .page-home .dc-value { font-size:.72rem; }
  .page-home .dc-link-values { grid-template-columns:1fr; gap:4px; }
  .page-home .dc-link-values .dc-value { height:28px; }
  .page-home .dc-value.dc-bio-value { height:48px; }
  .page-home .dc-action { margin-left:83px; min-height:38px; font-size:.63rem; }
  .page-home .dc-making-card .sm-card { --card-pad:24px; --card-avatar:62px; --card-name:2.5rem; --card-height:340px; height:340px; }
  .page-home .dc-assembly-line { top:35%; left:48%; right:auto; width:1px; height:80px; }
  .page-home .dc-assembly-line::after { margin-left:-3px; }
  .page-home .dc-ready { bottom:8px; font-size:.54rem; }
  .page-home .dc-footer { min-height:75px; align-items:center; gap:12px; }
  .page-home .dc-caption { max-width:58%; font-size:.57rem; line-height:1.6; }
  .page-home .dc-controls { gap:2px; }
  .page-home .dc-controls button { font-size:.52rem; padding-left:8px; }
  .page-home .card-story-share .card-demo-copy { display:block; }
  .page-home .card-story-share .card-demo-copy .section-kicker { margin-bottom:16px; }
  .page-home .card-story-share .card-demo-copy h2 { font-size:2.3rem; }
  .page-home .card-story-share .card-demo-copy > p:last-child { margin-top:16px; }
  .page-home .dc-share-stage { height:754px; display:block; padding:0; }
  .page-home .dc-share-core { position:absolute; width:calc(100% - 28px); max-width:310px; left:50%; top:12px; transform:translateX(-50%); }
  .page-home .dc-share-core .sm-card { --card-pad:26px; --card-avatar:65px; --card-name:2.55rem; --card-height:340px; height:340px; }
  .page-home .dc-port { position:absolute; top:390px; left:14px; right:14px; width:auto; max-width:none; height:148px; justify-self:auto; grid-column:auto; grid-row:auto; opacity:0; visibility:hidden; padding:14px 0; transition:opacity .3s; }
  .page-home .dc-port.is-selected { opacity:1; visibility:visible; }
  .page-home .dc-port-index { font-size:.63rem; margin-bottom:12px; }
  .page-home .dc-port-note { font-size:.65rem; }
  .page-home .dc-port-body { max-width:245px; margin:0 auto; }
  .page-home .dc-mini-message { font-size:.76rem; padding:12px; }
  .page-home .dc-mini-message > span { font-size:.64rem; }
  .page-home .dc-mini-social { gap:12px; }
  .page-home .dc-mini-social strong,.page-home .dc-mini-social p { font-size:.72rem; }
  .page-home .dc-mini-social div > span { font-size:.63rem; }
  .page-home .dc-image-pair { gap:28px; justify-content:center; }
  .page-home .dc-image-format { width:80px; height:93px; }
  .page-home .dc-image-format .sm-card { transform:scale(.26); }
  .page-home .dc-image-pair > svg { width:78px; height:78px; }
  .page-home .dc-share-map { position:absolute; top:580px; left:14px; right:14px; display:grid; grid-template-columns:1fr 1fr; gap:19px 18px; font-size:.62rem; line-height:1.4; color:#59694c; }
  .page-home .dc-share-map .is-current { color:#354f2a; text-decoration:underline; text-underline-offset:5px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port { opacity:.94; visibility:visible; width:calc(50% - 24px); right:auto; left:14px; top:384px; height:110px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-social { left:calc(50% + 10px); }
  .page-home :is([data-phase="ready"],[data-static="true"]) :is(.dc-port-image,.dc-port-embed) { top:522px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-embed { left:calc(50% + 10px); }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-badge { top:648px; width:calc(100% - 28px); height:86px; display:grid; grid-template-columns:1fr 1.4fr; align-items:center; gap:15px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-index { font-size:.60rem; margin-bottom:9px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-body { margin:0; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-message { font-size:.65rem; padding:7px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-message > span { font-size:.53rem; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-social { gap:6px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-social strong,.page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-social p { font-size:.60rem; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-social div > span { font-size:.53rem; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-note { font-size:.56rem; margin-top:5px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-image-pair { gap:14px; justify-content:flex-start; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-image-format { width:58px; height:67px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-image-format .sm-card { transform:scale(.185); }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-image-pair > svg { width:58px; height:58px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-browser { padding:0 5px 5px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-embed .dc-badge-avatar { width:23px; height:23px; font-size:.65rem; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-embed .dc-product-badge { padding:4px; gap:5px; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-embed .dc-product-badge strong { font-size:.76rem; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-embed .dc-product-compact p { display:none; }
  .page-home :is([data-phase="ready"],[data-static="true"]) .dc-share-map { display:none; }
  .page-home .dc-journey-stage { height:610px; }
  .page-home .dc-traveler { width:290px; }
  .page-home .dc-traveler .sm-card { --card-pad:25px; --card-avatar:62px; --card-name:2.3rem; --card-height:350px; }
  .page-home .dc-journey-message { top:28px; left:7%; width:86%; }
  .page-home .dc-vignette-label { font-size:.61rem; }
  .page-home .dc-conversation > p { min-height:42px; margin-top:12px; padding:12px 15px; font-size:.72rem; }
  .page-home .dc-message-link { margin-top:7px; padding:10px 13px; }
  .page-home .dc-delivered { margin-top:5px; }
  .page-home .dc-journey-social { left:7%; right:7%; top:35px; }
  .page-home .dc-social-post { height:460px; padding:17px; }
  .page-home .dc-social-post > p { max-width:none; font-size:.72rem; margin:17px 0 10px; }
  .page-home .dc-social-heading { font-size:.68rem; }
  .page-home .dc-social-reply { bottom:17px; left:17px; right:17px; font-size:.61rem; }
  .page-home .dc-journey-phone { top:171px; left:50%; width:232px; }
  .page-home .dc-phone { width:232px; height:335px; }
  .page-home .dc-journey-scan { top:24px; width:86%; left:7%; }
  .page-home .dc-meeting { gap:7px; }
  .page-home .dc-scan-qr { width:100px; height:100px; padding:5px; }
  .page-home .dc-meeting .dc-vignette-label { padding-bottom:7px; }
  .page-home .dc-meeting > p { font-size:.62rem; }
  .page-home .dc-journey-site { top:42px; left:7%; right:7%; }
  .page-home .dc-portfolio-body { height:460px; padding:20px; }
  .page-home .dc-portfolio h3 { font-size:1.55rem; max-width:none; margin:12px 0; }
  .page-home .dc-work-grid { display:none; }
  .page-home .dc-portfolio .dc-product-badge { position:absolute; bottom:42px; left:20px; right:20px; width:auto; margin:0; padding:7px; }
  .page-home .dc-site-note { position:absolute; bottom:20px; left:20px; margin:0; font-size:.53rem; }
  .page-home .dc-journey-route { display:grid; grid-template-columns:repeat(3,1fr); gap:9px 18px; text-align:center; bottom:20px; left:24px; right:24px; font-size:.6rem; }
  .page-home [data-static="true"] .dc-journey-stage { height:760px; }
  .page-home [data-static="true"] .dc-traveler { top:168px; width:270px; }
  .page-home [data-static="true"] .dc-traveler .sm-card { --card-name:2.1rem; }
  .page-home [data-static="true"] .dc-journey-message { left:7%; top:20px; width:86%; }
  .page-home [data-static="true"] .dc-journey-message :is(.dc-vignette-label,.dc-message-link,.dc-delivered) { display:none; }
  .page-home [data-static="true"] .dc-journey-message .dc-conversation > p { min-height:36px; margin:0; font-size:.67rem; }
  .page-home [data-static="true"] .dc-journey-social { left:7%; right:7%; top:83px; width:auto; }
  .page-home [data-static="true"] .dc-social-post { padding:0; }
  .page-home [data-static="true"] .dc-social-heading { font-size:.63rem; }
  .page-home [data-static="true"] .dc-social-heading > span:last-child { display:inline; }
  .page-home [data-static="true"] .dc-social-post > p { margin:7px 0; font-size:.6rem; }
  .page-home [data-static="true"] .dc-social-link { display:none; }
  .page-home [data-static="true"] .dc-journey-scan { top:auto; bottom:91px; width:31%; left:7%; right:auto; }
  .page-home [data-static="true"] .dc-scan-qr { width:67px; height:67px; padding:3px; }
  .page-home [data-static="true"] .dc-journey-scan .dc-vignette-label { display:none; }
  .page-home [data-static="true"] .dc-meeting > p { font-size:.52rem; }
  .page-home [data-static="true"] .dc-journey-site { bottom:101px; right:7%; width:47%; }
  .page-home [data-static="true"] .dc-portfolio-body { height:auto; padding:9px; }
  .page-home [data-static="true"] .dc-portfolio .dc-product-badge { position:static; width:100%; margin-top:8px; padding:5px; gap:5px; }
  .page-home [data-static="true"] .dc-portfolio .dc-badge-avatar { width:23px; height:23px; font-size:.65rem; }
  .page-home [data-static="true"] .dc-portfolio .dc-product-badge strong { font-size:.75rem; }
  .page-home [data-static="true"] .dc-portfolio .dc-product-badge div > span { font-size:.52rem; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.page-home,.page-links) .sm-card a { transition:none; }
  .page-home .card-demo * { transition:none!important; animation:none!important; }
  .page-home .dc-scan-line { display:none; }
}


/* First rendered pass: shorten the empty card, refine miniature exports and mobile order. */
.page-home .card-home-hero.home-link-section { background:#f1f0e9; }
.page-home .card-preview-paper .sm-card { --card-height:370px; }
.page-home .dc-make-stage .sm-card { --card-name:2.65rem; }
.page-home .dc-make-stage .link-identity-copy { min-height:112px; }
.page-home .dc-product-badge { display:flex; align-items:center; min-width:0; }
.page-home .dc-product-badge > div { min-width:0; }
.page-home .dc-badge-avatar { display:grid; place-items:center; flex-shrink:0; border-radius:24%; }
.page-home .dc-product-badge strong,.page-home .dc-product-badge div > span { display:block; }
.page-links .link-photo-field > summary { cursor:pointer; font-size:.75rem; color:#59694b; padding:5px 0; }
.page-links .link-photo-field[open] > :not(summary) { margin-top:12px; }
.page-links .link-photo-optional { color:#818c76; font-size:.65rem; }
.page-links .link-preview-heading { scroll-margin-top:130px; }
.page-links .link-share-card-preview .sm-card .link-card-edition { margin-bottom:24px; }
@media(max-width:760px) {
  .page-home .card-preview-paper .sm-card { --card-height:280px; }
  .page-links [data-link-builder].overview-card { display:contents; }
  .page-links .link-chapter-nav { grid-row:1; }
  .page-links #link-identity { grid-row:2; }
  .page-links .link-preview-panel { grid-row:3; margin:5px 0 15px; }
  .page-links #link-connect { grid-row:4; }
  .page-links .link-links-chapter { grid-row:5; margin:0; }
  .page-links #link-style { grid-row:6; }
  .page-links #link-share { grid-row:7; }
  .page-links .link-editor-layout { gap:30px; }
  .page-links .link-preview-panel .sm-card { --card-height:300px; }
}


/* Second rendered pass: stable numerals, honest initials, stronger small type. */
.sm-card .link-public-item::before { flex:0 0 18px; white-space:nowrap; overflow-wrap:normal; }
.page-home .card-preview-paper .sm-card.link-surface:has([data-profile-name][data-ui]) .link-monogram { visibility:visible; }
.page-home .dc-stage .sm-card .link-item-host { font-size:.67rem; }
.page-home .dc-image-format .sm-card .link-item-host { font-size:.57rem; }
.page-home .dc-share-core .sm-card .link-profile-bio { font-size:.77rem; }
.page-home .dc-port-badge .dc-product-badge { min-height:58px; }
.page-home .dc-journey-scene.dc-journey-phone { pointer-events:none; }
@media(max-width:760px) {
  .page-home .card-demo-copy h2 { font-weight:500; }
  .page-home .dc-journey-route { font-size:.62rem; }
  .page-home .dc-port-note { font-size:.59rem; }
  .page-home .dc-port-badge .dc-product-badge { min-height:50px; }
}


/* Final density pass after EN/KO mobile rendering. */
body.page-home:not(.page-actions) .card-home-hero.home-link-section { background:#f1f0e9; }
.page-home .dc-product-badge { overflow-wrap:anywhere; }
@media(max-width:760px) {
  .page-home .dc-traveler .sm-card { --card-name:2.2rem; }
  .page-home [data-static="true"] .dc-traveler .sm-card { --card-name:2rem; }
  .page-home .dc-port-index { font-size:.63rem; letter-spacing:.06em; }
  .page-home .dc-port-value { font-size:.61rem; }
  .page-home .dc-port-note { font-size:.65rem; }
  .page-home .dc-mini-code { font-size:.55rem; }
  .page-home .dc-caption { font-size:.63rem; }
  .page-home .dc-controls button { font-size:.58rem; }
  .page-home .dc-port .dc-product-badge strong { font-size:.94rem; }
  .page-home .dc-product-compact p { font-size:.57rem; }
  .page-home .dc-product-badge div > span { font-size:.62rem; }
}

/* Motion finishing: focus follows the pointer; the complete card gets the final beat. */
.page-home .dc-cursor { transition:opacity .25s; width:15px; height:19px; }
.page-home .dc-cursor.is-clicking::after { animation:none; width:13px; height:13px; top:-4px; left:-4px; opacity:.6; border-color:#7b9069; }
.page-home .dc-value { transition:background .2s,border-color .2s; }
.page-home .dc-value.is-hovered { background:#fafbf3; border-color:#8b9d7c; }
.page-home .dc-field.is-editing .dc-value > span::after { display:none; }
.page-home .dc-field.is-editing .dc-value.is-typing > span::after { display:inline-block; }
.page-home .dc-field.is-editing .dc-link-values .dc-value:not(.is-typing) > span::after { display:none; }
.page-home .dc-make-stage .dc-card :is(.link-profile-bio,.link-profile-items) { transition:none; }
.page-home .dc-making-card { transition:filter .5s; }
.page-home .dc-editor { transition:opacity .6s; }
.page-home [data-phase="ready"] .dc-editor { opacity:.82; }
.page-home [data-phase="ready"] .dc-making-card { filter:drop-shadow(0 8px 12px #74806413); }
.page-home .dc-make-stage .dc-action.is-clicked { background:#526848; transform:scale(.99); }
.page-home .dc-caption { color:#526347; }
.page-home .dc-controls button { color:#506247; text-decoration-color:#9baa8d; }
.page-home .dc-controls button:hover { color:#293e20; }
.page-home .dc-controls button[aria-pressed="true"] { color:#293e20; text-decoration-thickness:2px; }
.page-home [data-static="true"] .dc-controls { display:none; }
@media(max-width:760px) {
  .page-home .dc-caption { max-width:none; font-size:.68rem; line-height:1.6; }
  .page-home .dc-footer { min-height:82px; gap:18px; padding:12px 0; }
  .page-home .dc-controls button { font-size:.6rem; }
}

/* Final card experience: readable content, one hero action, deliberate completion. */
.page-home .card-hero-actions { margin-bottom:0; }
.page-home .card-preview-caption { font-size:.7rem; line-height:1.5; letter-spacing:.05em; }
.page-home .card-preview-footnote { font-size:.78rem; line-height:1.7; }
:is(.page-home,.page-links) .sm-card .link-identity { gap:20px; }
:is(.page-home,.page-links) .sm-card[data-name-size="medium"] :is(h1,h2) { font-size:calc(var(--card-name) * .82); line-height:1.2; }
:is(.page-home,.page-links) .sm-card[data-name-size="long"] :is(h1,h2) { font-size:calc(var(--card-name) * .67); line-height:1.25; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }
.sm-card .link-item-title { min-width:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; line-height:1.5; }
.page-links .link-photo-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.page-links .link-photo-label { margin:0; color:#384733; font-size:.95rem; font-weight:550; }
.page-links .link-photo-optional { color:#59664f; background:#e9eddf; border-radius:3px; padding:5px 9px; font-size:.875rem; line-height:1.5; }
.page-links [data-link-builder] .link-photo-field { display:grid; gap:15px; padding-top:22px; }
.page-links [data-link-builder] .tool-helper-text { font-size:.85rem; line-height:1.75; color:#65715c; margin:0; }
.page-links [data-link-photo-status]:empty,.page-links [data-link-status]:empty { display:none; }
.page-links [data-link-builder] .link-photo-actions { gap:10px; margin:2px 0; }
.page-links [data-link-builder] .tool-copy-button { font-size:.82rem; min-height:44px; padding:10px 15px; }
.page-links [data-link-builder] .link-form-section .tool-field > span { font-size:.8rem; }
.page-links .link-social-row { align-items:start; row-gap:10px; }
.page-links .link-social-row > label { gap:10px; }
.page-links .link-social-row > label > span:first-child { min-height:30px; display:flex; align-items:center; }
.page-links .link-social-row .link-address-caption { min-height:22px; gap:10px; }
.page-links .link-address-help-button { font-size:.75rem; min-height:26px; padding:0; border:0; border-radius:0; background:transparent; text-decoration:underline; text-underline-offset:3px; color:#576a4c; }
.page-links [data-link-builder] .link-social-row > button { min-height:34px; padding:6px 0; color:#677360; background:transparent; border:0; font-size:.75rem; }
.page-links .link-platform-picker { position:relative; min-width:0; }
.page-links .link-platform-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:10px 12px; background:#fdfdf8; border:1px solid #cfd3c5; border-radius:3px; color:#354330; font:inherit; font-size:.87rem; cursor:pointer; }
.page-links .link-platform-chosen { display:flex; align-items:center; min-width:0; gap:10px; }
.page-links .link-platform-picker svg { flex:0 0 20px; width:20px; height:20px; }
.page-links .link-platform-chosen > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.page-links .link-platform-trigger:focus-visible,.page-links .link-platform-menu button:focus-visible { outline:2px solid #647b52; outline-offset:2px; }
.page-links .link-platform-menu { position:absolute; top:calc(100% + 6px); left:0; width:max(100%,200px); max-width:calc(100vw - 64px); padding:7px; background:#fafbf4; border:1px solid #bac7ac; border-radius:4px; box-shadow:0 14px 32px -15px #34422a55; z-index:8; max-height:340px; overflow:auto; }
.page-links .link-platform-menu button { display:flex; align-items:center; gap:12px; width:100%; min-height:44px; padding:10px; border:0; border-radius:2px; color:#3c4c32; background:transparent; font:inherit; font-size:.84rem; text-align:left; cursor:pointer; }
.page-links .link-platform-menu button[aria-selected="true"] { background:#e6ecdD; }
.page-links .link-platform-menu button:hover { background:#edf1e5; }
.page-links .link-platform-menu button:disabled { color:#7d8675; cursor:default; }
.page-links .link-social-row:has(.link-platform-menu:not([hidden])) { position:relative; z-index:6; }
.page-links [data-link-builder] .link-publish-panel { display:grid; gap:22px; padding:27px; background:#e6ebdc; border:1px solid #ccd5bf; border-radius:4px; }
.page-links .link-completion-heading { display:flex; align-items:center; gap:16px; }
.page-links .link-completion-mark { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border:1px solid #9dae89; border-radius:50%; color:#526a42; font-size:1.1rem; }
.page-links .link-completion-kicker { margin:0 0 5px; color:#627652; font-size:.63rem; letter-spacing:.1em; line-height:1.6; }
.page-links .link-publish-panel h3 { margin:0; color:#31412b; font-size:1.25rem; font-weight:550; line-height:1.45; letter-spacing:-.03em; }
.page-links .link-completion-copy { margin:0; font-size:.85rem; line-height:1.75; color:#5c6c50; }
.page-links .link-completion-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.page-links [data-link-builder] .link-completion-actions .utility-primary { display:flex; justify-content:space-between; align-items:center; gap:35px; min-height:48px; padding:12px 18px; }
.page-links .link-completion-open { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:#3b512f; text-decoration:underline; text-underline-offset:4px; font-size:.85rem; }
.page-links .link-completion-utility { display:grid; gap:14px; padding-top:23px; border-top:1px solid #c5cfb7; }
.page-links .link-completion-utility > div { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.page-links .link-completion-utility h4 { margin:0; font-size:.82rem; line-height:1.6; font-weight:550; color:#4d6140; }
.page-links [data-link-builder] .link-completion-utility button { background:transparent; border-color:#bdc9ae; font-size:.78rem; padding:9px 11px; }
.page-links .link-publish-details { padding-top:19px; border-top:1px solid #c5cfb7; }
.page-links .link-publish-details > summary { color:#526545; font-size:.8rem; min-height:32px; cursor:pointer; }
.page-links .link-publish-details[open] { display:grid; gap:14px; }
/* Share reads as a card and five familiar ways to send it. */
.page-home .dc-share-stage { grid-template-rows:150px 150px 150px; column-gap:48px; row-gap:16px; height:566px; padding:42px 24px; }
.page-home .dc-share-core .sm-card { --card-height:482px; height:482px; --card-name:2.5rem; --card-avatar:64px; --card-pad:28px; }
.page-home .dc-port { max-width:290px; height:150px; padding:13px 0; border-top-color:#a6b397; opacity:1; transition:border-color .4s; }
.page-home .dc-port-heading { display:flex; align-items:center; gap:10px; }
.page-home .dc-port-heading > svg { width:22px; height:22px; flex:0 0 22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.page-home .dc-port-index { margin:0; color:#364b2e; font-size:.86rem; line-height:1.45; letter-spacing:0; font-weight:550; }
.page-home .dc-port-note { margin:7px 0 11px; color:#586c4b; font-size:.73rem; line-height:1.55; }
.page-home .dc-port-body { opacity:0; visibility:hidden; transform:translateY(5px); transition:opacity .4s,transform .4s,visibility .4s; }
.page-home .dc-port.is-selected { border-top-color:#536e40; }
.page-home .dc-port.is-selected .dc-port-heading { color:#2d4823; }
.page-home .dc-port.is-selected .dc-port-index { text-decoration:underline; text-underline-offset:5px; text-decoration-color:#789564; }
.page-home .dc-port.is-selected .dc-port-body,.page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-body { opacity:1; visibility:visible; transform:none; }
.page-home :is([data-phase="ready"],[data-static="true"]) .dc-port { opacity:1; }
.page-home .dc-mini-message { font-size:.8rem; padding:10px 12px; background:#f3f5ec; }
.page-home .dc-mini-message > span { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #d6decb; margin-top:7px; padding-top:7px; font:.9rem Georgia,serif; }
.page-home .dc-mini-social { gap:10px; }
.page-home .dc-mini-social :is(strong,p) { font-size:.77rem; line-height:1.5; }
.page-home .dc-mini-social p { margin:3px 0; }
.page-home .dc-mini-social div > span { font-size:.73rem; }
.page-home .dc-mini-social-card { display:block; padding:5px 8px; background:#f0f3e6; border-left:2px solid #a6b797; }
.page-home .dc-image-format { width:58px; height:66px; }
.page-home .dc-image-format .sm-card { transform:scale(.18); }
.page-home .dc-image-pair > svg { width:66px; height:66px; }
.page-home .dc-mini-browser > span { font-size:.6rem; line-height:23px; }
.page-home .dc-mini-browser .dc-product-compact p { display:none; }
.page-home .dc-mini-browser .dc-product-badge strong { font-size:1rem; }
.page-home .dc-product-badge div > span { font-size:.7rem; }
.page-home .dc-port-badge .dc-product-badge { min-height:64px; }
/* A title and a URL share the full text column. */
.page-home .dc-message-link { grid-template-columns:minmax(0,1fr); gap:10px; min-height:92px; }
.page-home .dc-message-link > span:first-child { grid-column:1; grid-row:1; font-size:.66rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.page-home .dc-message-link > strong { grid-column:1; grid-row:2; font-size:.9rem; line-height:1.5; min-width:0; word-break:keep-all; overflow-wrap:break-word; }
.page-home .dc-vignette-label { font-size:.74rem; line-height:1.6; letter-spacing:0; }
.page-home .dc-delivered { font-size:.66rem; display:block; margin-top:9px; }
.page-home .dc-social-heading { font-size:.85rem; }
.page-home .dc-social-heading > span:last-child { font-size:.66rem; }
.page-home .dc-social-link { font-size:.67rem; }
.page-home .dc-social-reply { font-size:.75rem; }
.page-home .dc-phone-label { font-size:.67rem; }
.page-home .dc-phone-address { font-size:.57rem; }
.page-home .dc-meeting > p { font-size:.78rem; line-height:1.6; }
.page-home .dc-portfolio-bar { font-size:.67rem; }
.page-home .dc-site-note { font-size:.7rem; }
.page-home .dc-journey-route { font-size:.7rem; }
.page-home [data-phase="ready"] .dc-editor { opacity:.58; }
.page-home [data-phase="ready"] .dc-making-card { transform:scale(1.015); }
.page-home .dc-making-card { transition:transform .6s,filter .6s; }
@media(max-width:1000px) and (min-width:761px) {
 .page-home .dc-share-stage { column-gap:30px; padding-inline:12px; }
 .page-home .dc-port-index { font-size:.8rem; }
}
@media(max-width:760px) {
 .page-home .card-hero-preview { margin:28px 0 0; padding:20px; }
 .page-home .card-preview-caption { font-size:.66rem; }
 .page-home .card-preview-footnote { font-size:.75rem; }
 .page-links .link-chapter-nav a span { font-size:.75rem; }
 .page-links .link-chapter-nav a { font-size:.57rem; }
 .page-links .link-social-row { gap:15px; }
 .page-links .link-platform-menu { width:100%; }
 .page-links [data-link-builder] .link-publish-panel { padding:22px 19px; gap:21px; }
 .page-links .link-completion-heading { align-items:flex-start; gap:12px; }
 .page-links .link-completion-mark { flex-basis:32px; width:32px; height:32px; margin-top:3px; }
 .page-links .link-completion-kicker { font-size:.63rem; }
 .page-links .link-publish-panel h3 { font-size:1.2rem; }
 .page-links .link-completion-actions { gap:13px; }
 .page-links [data-link-builder] .link-completion-actions .utility-primary { flex:1; gap:15px; }
 .page-links .link-completion-open { font-size:.8rem; gap:6px; }
 .page-links .link-completion-utility > div { gap:10px; }
 .page-home .dc-share-stage { height:760px; display:block; padding:0; transition:height .6s; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-share-stage { height:890px; }
 .page-home .dc-share-core { top:12px; max-width:310px; }
 .page-home .dc-share-core .sm-card { --card-height:320px; height:320px; --card-pad:25px; --card-avatar:62px; --card-name:2.5rem; }
 .page-home .dc-port { top:374px; left:18px; right:18px; height:185px; max-width:none; padding:16px 0; opacity:0; }
 .page-home .dc-port-index { font-size:.95rem; }
 .page-home .dc-port-note { font-size:.78rem; margin:9px 0 13px; }
 .page-home .dc-port-body { max-width:260px; }
 .page-home .dc-mini-message { font-size:.86rem; padding:12px 15px; }
 .page-home .dc-mini-message > span { font-size:1.05rem; }
 .page-home .dc-mini-social :is(strong,p) { font-size:.83rem; }
 .page-home .dc-mini-social div > span { font-size:.8rem; }
 .page-home .dc-image-format { width:70px; height:80px; }
 .page-home .dc-image-format .sm-card { transform:scale(.22); }
 .page-home .dc-image-pair > svg { width:78px; height:78px; }
 .page-home .dc-share-map { top:595px; left:18px; right:18px; font-size:.77rem; gap:22px 20px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port { top:372px; width:calc(50% - 28px); left:18px; right:auto; height:190px; padding-top:12px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-social { left:calc(50% + 10px); }
 .page-home :is([data-phase="ready"],[data-static="true"]) :is(.dc-port-image,.dc-port-embed) { top:574px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-embed { left:calc(50% + 10px); }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-badge { top:776px; width:calc(100% - 36px); height:96px; display:block; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-badge .dc-port-heading { width:46%; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-badge .dc-port-note { width:46%; font-size:.8rem; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-badge .dc-port-body { position:absolute; left:50%; right:0; top:12px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-heading { gap:7px; align-items:flex-start; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-heading svg { width:18px; height:18px; flex-basis:18px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-index { font-size:.84rem; line-height:1.5; letter-spacing:0; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-note { font-size:.8rem; margin:7px 0 9px; line-height:1.5; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-message { font-size:.75rem; padding:8px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-message > span { font-size:.82rem; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-social { gap:7px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-social :is(strong,p) { font-size:.8rem; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-social div > span { font-size:.8rem; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-image-format { width:52px; height:60px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-image-format .sm-card { transform:scale(.16); }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-image-pair { gap:14px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-image-pair > svg { width:52px; height:52px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-browser { padding:0 6px 7px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-browser > span { font-size:.58rem; line-height:23px; }
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-port-embed .dc-product-badge strong { font-size:.83rem; }
 .page-home .dc-message-link { min-height:72px; padding:12px 15px; }
 .page-home .dc-message-link > strong { font-size:.86rem; }
 .page-home .dc-journey-message { top:22px; }
 .page-home .dc-vignette-label { font-size:.73rem; }
 .page-home .dc-social-heading { font-size:.8rem; }
 .page-home .dc-social-heading > span:last-child { font-size:.64rem; }
 .page-home .dc-social-post > p { font-size:.78rem; }
 .page-home .dc-social-reply { font-size:.73rem; }
 .page-home .dc-journey-route { font-size:.72rem; }
 .page-home .dc-meeting > p { font-size:.75rem; }
 .page-home .dc-site-note { font-size:.64rem; }
 .page-home .dc-field > div:first-child { font-size:.67rem; }
 .page-home .dc-value { font-size:.78rem; }
 .page-home .dc-action { font-size:.72rem; }
}

/* Completion is the next action after publishing; editing restores the submit controls. */
.page-links .link-share-chapter:has([data-link-publish]:not([hidden])) .link-builder-submit { display:none; }
.page-links .link-share-chapter:has([data-link-publish]:not([hidden])) > h3 { margin-bottom:24px; }
.page-links .link-completion-actions [data-link-copy]:focus-visible { outline:2px solid #698052; outline-offset:4px; }
.page-home .dc-share-core .link-identity { gap:16px; }

/* The second mobile review caught split Korean words in the destination notes. */
html[lang="ko"] .page-home :is(.dc-port-note,.dc-mini-social p) { word-break:keep-all; overflow-wrap:normal; }
@media(max-width:760px) {
 .page-home :is([data-phase="ready"],[data-static="true"]) .dc-mini-social .dc-social-avatar { display:none; }
}
html[lang="ko"] .sm-card :is(h1,h2,.link-profile-bio,.link-item-title) { word-break:keep-all; overflow-wrap:anywhere; }
/* Compact embed typography stays compact even when the full card has a long name. */
.page-link-embed [data-variant="compact"] .sm-card[data-name-size] h1 { font-size:1.16rem; line-height:1.2; -webkit-line-clamp:2; }
.page-link-embed [data-variant="badge"] .sm-card[data-name-size] h1 { font-size:1rem; line-height:19px; display:block; white-space:nowrap; }
/* Actual-size readability: the studio labels and playback controls stay legible. */
.page-home .dc-studio-label { font-size:.76rem; color:#596c4b; }
.page-home .dc-field > div:first-child { font-size:.8rem; line-height:1.5; color:#506343; }
.page-home .dc-field-index { font-size:.65rem; }
.page-home .dc-value { font-size:.85rem; }
.page-home .dc-link-values .dc-value:last-child { font-size:.78rem; }
.page-home .dc-action { font-size:.8rem; }
.page-home .dc-ready { font-size:.76rem; }
.page-home .dc-caption { font-size:.78rem; line-height:1.65; }
.page-home .dc-controls button { font-size:.76rem; }
.page-home [data-phase="ready"] .dc-editor { opacity:.74; }
@media(max-width:760px) {
 .page-home .dc-field > div:first-child { font-size:.76rem; }
 .page-home .dc-ready { font-size:.72rem; }
 .page-home .dc-controls button { font-size:.75rem; }
}
html[lang="ko"] .page-home .dc-field > div:first-child { word-break:keep-all; overflow-wrap:normal; }
html[lang="ko"] .page-home .dc-bio-value > span { word-break:keep-all; overflow-wrap:anywhere; }
@media(max-width:760px) { .page-home .dc-make-stage { height:664px; } }
/* Product flow: one open chapter, with photo access always present. */
.page-links [data-link-builder].overview-card { gap:0; padding-bottom:0; }
.page-links .link-chapter-nav { margin-bottom:28px; padding:14px 0; border-top:0; }
.page-links .link-chapter-nav a { color:#5f695b; font-size:.7rem; gap:8px; }
.page-links .link-chapter-nav a span { font-size:.84rem; }
.page-links .link-chapter-nav a[aria-current] { color:#29382f; box-shadow:0 2px #7b8c6e; }
.page-links .link-chapter-nav a[aria-current] span { font-weight:650; }
.page-links .link-chapter { min-width:0; border:0; border-top:1px solid #ced2c5; padding:22px 0; margin:0; }
.page-links .link-chapter legend { width:100%; padding:0; margin:0; float:left; }
.page-links .link-chapter:after { content:''; display:block; clear:both; }
.page-links .link-share-chapter > h3 { margin:0; }
.page-links .link-chapter-toggle { display:grid; grid-template-columns:24px auto minmax(0,1fr); align-items:center; width:100%; gap:12px; padding:0 0 18px; border:0; background:transparent; text-align:left; cursor:pointer; color:#2d3830; font:inherit; font-size:1.27rem; line-height:1.5; }
.page-links .link-chapter-toggle .link-chapter-number { font-size:.7rem; color:#63725b; }
.page-links .link-chapter-summary { color:#626d5e; font-size:.82rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:right; font-weight:400; letter-spacing:0; }
.page-links .link-chapter-chevron { color:#687c5c; font-size:1rem; text-align:right; }
.page-links .link-chapter[data-active=true] .link-chapter-summary { visibility:hidden; }
.page-links .link-chapter[data-active=true] .link-chapter-chevron { transform:rotate(90deg); }
.page-links .link-chapter[data-active=false]:not(#link-identity) { padding-block:20px 2px; }
.page-links .link-chapter[data-active=false] .link-chapter-toggle { font-size:1.1rem; }
.page-links .link-chapter-body { clear:both; display:grid; gap:20px; padding:4px 0 10px; }
.page-links .link-chapter-body[hidden],.page-links [data-chapter-actions][hidden] { display:none; }
.page-links .link-chapter-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; }
.page-links #link-identity .link-chapter-actions { justify-content:flex-end; }
.page-links .link-flow-back { border:0; background:transparent; padding:10px 0; min-height:44px; font:inherit; font-size:.85rem; color:#54634a; cursor:pointer; }
.page-links [data-link-builder] :is(.tool-input,.tool-textarea,.batch-select) { border-radius:6px; font-size:.94rem; background:#fffefa; border-color:#c6ccbf; padding:13px 14px; }
.page-links [data-link-builder] .tool-field > span { font-size:.87rem; color:#43523e; line-height:1.6; }
.page-links [data-link-builder] .tool-helper-text { color:#5d6a55; font-size:.84rem; line-height:1.7; }
.page-links [data-link-builder] .tool-copy-button { font-size:.85rem; min-height:44px; padding:11px 15px; border-radius:5px; }
.page-links .link-subchapter { font-size:1rem; font-weight:550; }
.page-links #link-connect .link-links-chapter { margin:4px 0 0; padding-top:24px; border-top:1px solid #d0d5c7; }
.page-links #link-connect .link-links-chapter legend { width:auto; float:none; margin:0 0 6px; font-size:1rem; color:#34432f; }
.page-links .link-page-row,.page-links .link-social-row { gap:15px; }
.page-links [data-link-builder] :is(.link-page-row,.link-social-row) { background:#ecefe5; border-left:0; border-radius:7px; padding:18px; }
.page-links .link-page-row > button,.page-links .link-social-row > button { min-height:36px!important; padding:4px 0!important; justify-self:end; color:#576750; border:0; background:transparent; }
.page-links [data-link-builder] .link-photo-field { clear:both; margin:7px 0 0; padding:18px 0 0; gap:12px; }
.page-links .link-photo-heading { align-items:center; }
.page-links .link-photo-field .tool-helper-text { margin:0; font-size:.82rem; }
.page-links .link-photo-field [data-link-photo-status]:empty { display:none; }
.page-links .link-photo-field > .link-photo-actions { margin:0; }
.page-links .link-photo-field .link-photo-label { font-size:.95rem; }
.page-links #link-identity[data-active=false] .link-photo-field { padding-top:14px; margin-top:0; }
.page-links .link-preview-heading h2 { font-size:.78rem; color:#394832; }
.page-links .link-preview-heading > span { font-size:.76rem; color:#5a6852; }
.page-links .link-preview-panel > p { font-size:.81rem; color:#526249; }
.page-links .link-preview-panel { top:104px; padding:25px; }
.page-links .link-platform-trigger { border-radius:6px; min-height:48px; font-size:.9rem; }
.page-links .link-address-caption { font-size:.82rem; }
.page-links .link-address-help-button { font-size:.73rem; min-height:30px; }
.page-links .link-address-popover { max-width:min(340px,calc(100vw - 32px)); }
.page-links .link-native-choice { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; opacity:0; overflow:hidden; pointer-events:none; }
.page-links .link-style-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.page-links .link-style-choice { min-width:0; display:grid; justify-items:center; align-content:center; gap:10px; min-height:116px; padding:14px 8px; border:1px solid #c9d0c0; border-radius:7px; background:transparent; color:#4b5b43; font:inherit; font-size:.87rem; cursor:pointer; }
.page-links .link-style-choice[aria-checked=true] { border-color:#647c55; background:#e8eddf; box-shadow:inset 0 0 0 1px #647c55; color:#283d25; }
.page-links .link-style-sample { display:grid; place-items:center; width:46px; height:46px; background:#e0e5d7; color:#3b4931; font:1.55rem Georgia,serif; border-radius:24%; }
.page-links [data-choice=circle] .link-style-sample { border-radius:50%; }
.page-links [data-choice=square] .link-style-sample { border-radius:0; }
.page-links [data-style-choice=theme] .link-style-sample { width:58px; height:40px; border-radius:3px; background:#f8f5ee; color:#282e2c; border-top:2px solid #956c4b; }
.page-links [data-choice=soft] .link-style-sample { background:#eaf0f3; color:#243b46; border-color:#648493; }
.page-links [data-choice=ink] .link-style-sample { background:#26312e; color:#f0efe5; border-color:#c3aa85; }
.page-links .link-style-choice:focus-visible,.page-links .link-chapter-toggle:focus-visible,.page-links .link-flow-back:focus-visible { outline:2px solid #6f885e; outline-offset:4px; }
.page-links .link-share-chapter:has([data-link-publish]:not([hidden])) > h3 { margin:0; }
/* A complete composition grows with the details; a short introduction stays compact. */
.sm-card .link-identity-copy { display:contents; }
.sm-card .link-identity :is(h1,h2) { grid-column:1; grid-row:1; }
.sm-card .link-identity .link-avatar { grid-column:2; grid-row:1; }
.sm-card .link-profile-bio { grid-column:1/-1; grid-row:2; }
:is(.page-home,.page-links) .sm-card .link-identity-copy .link-profile-bio { margin:0; max-width:none; }
.page-home .dc-stage .link-identity { row-gap:12px; }
.page-home .dc-stage .sm-card .link-profile-bio { min-height:40px; }
.page-links:not(.page-link-embed) .sm-card[data-density=minimal] { min-height:280px; }
.page-links:not(.page-link-embed) .sm-card[data-density=minimal] .link-card-edition { margin-bottom:20px; }
.page-links:not(.page-link-embed) .sm-card[data-density=minimal] .link-identity { margin:6px 0 22px; }
.page-links:not(.page-link-embed) .sm-card[data-density=minimal] .link-card-brand { padding-top:22px; }
.page-links:not(.page-link-embed) .sm-card[data-composition=introduced],.page-links:not(.page-link-embed) .sm-card[data-composition=connected] { min-height:330px; }
.page-links:not(.page-link-embed) .sm-card[data-composition=linked] { min-height:360px; }
.page-links .sm-card .link-public-item { min-height:62px; }
.page-links:not(.page-link-embed) .sm-card .link-item-host { font-size:.76rem; line-height:1.5; }
.page-links .sm-card .link-card-edition,.page-links .sm-card .link-connect-label { font-size:.65rem; }
.sm-card .link-card-brand,.page-home .dc-stage .sm-card .link-card-brand,.page-links .sm-card .link-card-brand { display:block; font:400 12px/1.5 Arial,sans-serif; letter-spacing:0; text-transform:none; text-decoration:none; color:var(--lp-muted); white-space:nowrap; opacity:1; }
.sm-card .link-card-brand:hover { color:var(--lp-text); text-decoration:underline; text-underline-offset:3px; }
.page-link-embed [data-variant="compact"] .sm-card .link-card-brand { display:block; grid-column:1/-1; padding-top:12px; margin-top:0; }
.page-link-embed [data-variant="badge"] .sm-card .link-identity .link-avatar { grid-column:1; grid-row:1/3; width:40px; height:40px; min-width:40px; min-height:40px; flex:none; justify-self:start; }
.page-link-embed [data-variant="badge"] .sm-card h1 { grid-column:2; grid-row:1; min-width:0; max-width:100%; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.page-link-embed [data-variant="badge"] .sm-card .link-embed-cta { grid-column:2; grid-row:2; min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Sharing gallery: visual destinations above one focused result. */
.link-share-dialog { width:min(1000px,calc(100% - 48px)); border-radius:12px; border-color:#cad1c1; background:#f6f5ef; max-height:calc(100svh - 40px); box-shadow:0 28px 100px #101a1655; }
.link-share-dialog::backdrop { background:#16201899; backdrop-filter:blur(4px); }
.link-share-header { padding:26px 30px 20px; background:transparent; border-bottom:0; align-items:center; }
.link-share-eyebrow { font-size:.72rem; letter-spacing:.1em; color:#617155; margin:0 0 6px; }
.page-links .link-share-header h2 { font-size:1.8rem; font-weight:450; color:#293b2c; margin:0; }
.link-gallery-intro { margin:9px 0 0; color:#5c6a54; font-size:.88rem; line-height:1.6; }
.page-links .link-share-close { background:transparent; border-color:#bfc9b6; border-radius:5px; font-size:.85rem; }
.link-share-layout { display:flex; flex-direction:column; }
.link-share-nav { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; padding:0 30px 22px; border:0; }
.link-share-group { display:contents; }
.link-share-group h3 { display:none; }
.page-links .link-share-action { display:flex; flex-direction:column; align-items:start; gap:7px; min-width:0; border:1px solid #ced4c6; background:transparent; border-radius:7px; padding:13px 11px 12px; color:#3b4e34; }
.page-links .link-share-action:hover { background:#eaf0e1; }
.page-links .link-share-action[aria-pressed=true] { border-color:#648353; background:#e3ead9; box-shadow:inset 0 0 0 1px #648353; }
.link-gallery-visual { display:flex; align-items:center; min-width:0; gap:7px; height:37px; margin-bottom:4px; }
.link-gallery-visual svg { flex:0 0 27px; width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.link-gallery-paper { max-width:54px; font:12px/1.2 Georgia,serif; padding:7px 5px; background:#f8f5ee; border-bottom:1px solid #b6bfaa; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.link-gallery-label { font-size:.84rem; font-weight:550; line-height:1.4; }
.link-gallery-note { font-size:.73rem; color:#5b6d50; line-height:1.5; font-weight:400; }
.link-share-stage { margin:0 30px; border-top:1px solid #cdd5c2; padding:24px 0 27px; background:transparent; gap:16px; }
.page-links .link-share-stage h3 { font-size:1.2rem; font-weight:500; color:#2e432c; margin:0; }
.link-share-stage p { color:#5a6b51; font-size:.88rem; margin:0; }
.link-share-stage .tool-field > span { font-size:.84rem; color:#455b3e; }
.link-share-stage textarea { padding:12px; border-radius:5px; border:1px solid #c9d3bf; background:#fffefa; font-size:.8rem; line-height:1.6; min-height:80px; max-height:112px; }
.page-links .link-share-stage .tool-copy-button { min-height:44px; border-radius:5px; padding:11px 18px; font-size:.86rem; justify-self:start; }
.page-links .link-share-stage .utility-primary { background:#2e402e; color:#fff; border-color:#2e402e; }
.link-share-stage[data-share-kind=copy],.link-share-stage[data-share-kind=native] { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:42px; align-content:start; }
.link-share-stage[data-share-kind=copy] > :not(.link-share-card-preview),.link-share-stage[data-share-kind=native] > :not(.link-share-card-preview) { grid-column:2; }
.link-share-card-preview { grid-column:1; grid-row:1/7; margin:0; align-self:start; width:100%; max-width:390px; }
.link-share-stage[data-share-kind=copy] > h3,.link-share-stage[data-share-kind=native] > h3 { grid-row:1; }
.link-share-stage[data-share-kind=card] { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); column-gap:36px; }
.link-share-stage[data-share-kind=card] > :not(canvas) { grid-column:2; }
.link-share-stage[data-share-kind=card] > canvas { grid-column:1; grid-row:1/6; width:auto; max-width:100%; max-height:360px; border-radius:5px; background:transparent; }
.link-share-stage[data-share-kind=card] > h3 { grid-row:1; }
.link-share-segments { border-radius:6px; background:#e9eee2; border-color:#cbd4c1; }
.page-links .link-share-segment { color:#516847; border-radius:4px; font-size:.85rem; }
.page-links .link-share-segment[aria-checked=true] { border-color:#b5c5a5; background:#fafbf5; color:#293f24; }
.link-share-stage .link-format-meta { font-size:.81rem; color:#607653; margin:0; }
.link-share-stage[data-share-kind=qr] { grid-template-columns:210px minmax(0,1fr); column-gap:44px; padding-block:28px; }
.link-share-stage[data-share-kind=qr] > :not(canvas) { grid-column:2; }
.link-share-stage canvas[data-share-qr] { grid-column:1; grid-row:1/5; width:210px; max-width:100%; padding:12px; border:1px solid #d0d7c7; align-self:center; }
.link-share-stage[data-share-kind=qr] h3 { grid-row:1; }
.link-share-stage[data-share-kind=embed],.link-share-stage[data-share-kind=badge] { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:36px; }
.link-share-stage[data-share-kind=embed] > :not(.link-embed-preview),.link-share-stage[data-share-kind=badge] > :not(.link-embed-preview) { grid-column:2; }
.link-share-stage .link-embed-preview { grid-column:1; grid-row:1/8; margin:0; padding:20px 12px; align-self:start; background:#e9eee0; border-radius:7px; border-color:#ccd6bf; max-height:380px; }
.link-share-stage[data-share-kind=embed] h3,.link-share-stage[data-share-kind=badge] h3 { grid-row:1; }
.link-share-stage .link-preview-caption { font-size:.78rem; color:#5e7451; }
.link-share-status { padding:0 30px 22px; font-size:.84rem; color:#536a48; }
.page-links .link-share-action:focus-visible { outline:2px solid #6d875c; outline-offset:3px; }
/* The studio and public product use the same restrained palette and readable controls. */
.page-home .card-home-hero { padding:62px 0 56px; }
.page-home .card-demo-section { padding:70px 0; }
.page-home .card-preview-caption { font-size:.72rem; color:#526047; }
.page-home .card-preview-footnote { font-size:.81rem; line-height:1.65; }
.page-home .dc-controls { gap:9px; }
.page-home .dc-controls button { padding:8px 11px; border:1px solid #aebba0; border-radius:4px; color:#405b34; background:transparent; }
.page-home .dc-controls button[aria-pressed=true] { background:#dae4cf; border-color:#7c966c; }
.page-home .dc-progress { height:2px; }
.page-home .dc-journey-route { font-size:.76rem; }
.page-home .dc-phone-address,.page-home .dc-delivered,.page-home .dc-social-link { font-size:.71rem; }
html[lang=ko] .page-links :is(.link-chapter-toggle,.link-gallery-note,.link-style-choice,.link-gallery-label) { word-break:keep-all; overflow-wrap:anywhere; }
@media(max-width:1000px) {
 .link-share-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .page-links .link-share-action { display:grid; grid-template-columns:50px minmax(0,1fr); gap:3px 10px; }
 .link-gallery-visual { grid-column:1; grid-row:1/3; margin:0; }
 .link-gallery-label,.link-gallery-note { grid-column:2; }
 .link-gallery-paper { display:none; }
}
@media(max-width:760px) {
 .page-links [data-link-editor] .subpage-hero { padding:26px 0 8px; }
 .page-links [data-link-editor] .subpage-hero h1 { font-size:2rem; }
 .page-links .link-editor-layout { gap:20px; }
 .page-links .link-chapter-nav { top:64px; padding:12px 0; margin-bottom:20px; }
 .page-links .link-chapter-nav a { font-size:.66rem; gap:5px; }
 .page-links .link-chapter-nav a span { font-size:.8rem; }
 .page-links .link-chapter { padding:20px 0; }
 .page-links .link-chapter-toggle { gap:9px; grid-template-columns:21px auto minmax(0,1fr); font-size:1.18rem; }
 .page-links .link-chapter-summary { font-size:.76rem; max-width:18ch; justify-self:end; }
 .page-links .link-chapter-body { gap:18px; }
 .page-links .link-preview-panel { padding:20px; margin:0; }
 .page-links .link-preview-heading { align-items:center; gap:12px; }
 .page-links .link-preview-heading > span { font-size:.72rem; }
 .page-links:not(.page-link-embed) .sm-card[data-density=minimal] { min-height:248px; }
 .page-links:not(.page-link-embed) .sm-card[data-composition=introduced],.page-links:not(.page-link-embed) .sm-card[data-composition=connected] { min-height:292px; }
 .page-links:not(.page-link-embed) .sm-card[data-composition=linked] { min-height:320px; }
 .page-links .link-style-choice { min-height:110px; font-size:.83rem; }
 .page-links .link-chapter-actions { margin-top:16px; }
 .page-links .link-chapter-actions .utility-primary { min-width:118px; }
 .link-share-dialog { width:calc(100% - 16px); max-height:calc(100svh - 16px); border-radius:10px; }
 .link-share-header { padding:19px 17px 16px; gap:12px; align-items:start; }
 .page-links .link-share-header h2 { font-size:1.5rem; }
 .link-share-eyebrow { font-size:.65rem; }
 .link-gallery-intro { font-size:.82rem; margin-top:7px; max-width:24ch; }
 .link-share-nav { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 17px 18px; gap:8px; }
 .page-links .link-share-action { grid-template-columns:28px minmax(0,1fr); padding:11px 9px; gap:3px 8px; min-height:83px; }
 .link-gallery-visual { height:30px; }
 .link-gallery-visual svg { width:23px; height:23px; flex-basis:23px; }
 .link-gallery-label { font-size:.81rem; }
 .link-gallery-note { font-size:.73rem; }
 .link-share-stage { margin:0 17px; padding-top:20px; gap:15px; }
 .link-share-stage[data-share-kind] { display:grid; grid-template-columns:1fr; }
 .link-share-stage[data-share-kind] > *, .link-share-stage[data-share-kind] > :not(canvas):not(.link-embed-preview):not(.link-share-card-preview) { grid-column:1; grid-row:auto; }
 .link-share-stage[data-share-kind] > h3 { grid-row:1; }
 .link-share-card-preview { grid-row:2!important; width:100%; max-width:330px; justify-self:center; }
 .page-links .link-share-card-preview .sm-card { --card-pad:23px; --card-name:2.1rem; --card-avatar:56px; }
 .link-share-stage[data-share-kind=card] > canvas { grid-column:1; grid-row:2; max-height:300px; }
 .link-share-stage[data-share-kind=qr] canvas[data-share-qr] { grid-column:1; grid-row:2; width:176px; justify-self:center; }
 .link-share-stage[data-share-kind] .link-embed-preview { grid-column:1; grid-row:2; max-height:330px; padding:16px 8px; }
 .link-share-stage .tool-copy-button { justify-self:stretch!important; }
 .link-share-status { padding:0 17px 18px; }
 .page-home .card-home-hero { padding:32px 0 40px; }
 .page-home .card-demo-section { padding:48px 0; }
 .page-home .card-preview-caption { font-size:.7rem; }
 .page-home .card-preview-footnote { font-size:.8rem; }
 .page-home .dc-controls button { padding:8px 10px; }
 .page-home .dc-journey-route { font-size:.72rem; gap:14px; }
}


/* Second visual pass: compact chapters and a gallery with room to read. */
.page-links .link-chapter-body > :is(p,h3),.page-links .link-links-chapter > p { margin:0; }
.page-links .link-mobile-preview { display:none; }
.page-links [data-link-builder] .tool-textarea-compact { min-height:92px; height:92px; }
.page-links .link-theme-field { width:100%; max-width:none; }
.page-links .link-photo-field > p:empty { display:none; }
.page-links #link-identity[data-active=false] .link-photo-field { gap:9px; }
.page-links .link-chapter-body { gap:16px; }
.page-links .link-chapter-body .tool-actions { margin:0; }
.page-links .link-chapter-actions { margin-top:8px; }
.page-links .link-chapter:not(.link-share-chapter) { display:block; }
.page-links .link-chapter-body .link-links-chapter { gap:14px; }
.page-links .link-chapter-body .link-links-chapter:after { display:none; }
.link-share-nav { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.page-links .link-share-action { display:grid; grid-template-columns:62px minmax(0,1fr); align-content:center; min-height:94px; gap:5px 13px; padding:13px 15px; }
.link-gallery-visual { grid-column:1; grid-row:1/3; gap:5px; height:52px; margin:0; }
.link-gallery-visual svg { width:28px; height:28px; flex-basis:28px; }
.link-gallery-label,.link-gallery-note { grid-column:2; }
.link-gallery-label { font-size:.91rem; }
.link-gallery-note { font-size:.8rem; }
.link-gallery-paper { display:grid; place-items:center; width:30px; height:39px; padding:0; border:0; border-top:2px solid #956c4b; font:1.3rem Georgia,serif; }
.link-gallery-visual canvas { width:45px; height:45px; image-rendering:pixelated; }
[data-share-action=qr]:has(canvas) svg { display:none; }
.page-links .link-share-action[data-share-action=card] .link-gallery-visual svg { display:none; }
.page-links .link-share-action[data-share-action=card] .link-gallery-paper { width:48px; height:51px; }
@media(max-width:760px) {
 .page-links .link-chapter-body { gap:16px; }
 .page-links .link-editor-layout { padding-bottom:84px; }
 .page-links .link-preview-panel { scroll-margin-top:140px; }
 .page-links .link-mobile-preview { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); z-index:8; display:flex; align-items:center; justify-content:space-between; gap:34px; min-height:48px; padding:12px 20px; width:max-content; max-width:calc(100% - 40px); background:#2e402e; border:1px solid #2e402e; border-radius:7px; color:#fff; box-shadow:0 8px 25px #1b271d33; font:inherit; font-size:.88rem; cursor:pointer; }
 .page-links .link-mobile-preview:focus-visible { outline:2px solid #80966d; outline-offset:4px; }
 .page-links .link-chapter-summary { max-width:16ch; }
 .link-share-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .page-links .link-share-action { grid-template-columns:32px minmax(0,1fr); gap:4px 8px; min-height:86px; padding:11px 9px; }
 .link-gallery-label { font-size:.81rem; }
 .link-gallery-note { font-size:.78rem; }
 .link-gallery-visual { width:30px; height:40px; }
 .link-gallery-paper { display:none; }
 .page-links .link-share-action[data-share-action=card] .link-gallery-visual svg { display:block; }
 .link-gallery-visual canvas { width:29px; height:29px; }
}

/* Optional contact information keeps the printed card's identity first. */
.page-links:not(.page-link-embed) .sm-card[data-name-size=long] :is(h1,h2),
.page-link-embed [data-variant=full] .sm-card[data-name-size=long] h1 { display:block; -webkit-line-clamp:unset; overflow:visible; }
.page-links:not(.page-link-embed) .sm-card .link-item-title,
.page-link-embed [data-variant=full] .sm-card .link-item-title { display:block; -webkit-line-clamp:unset; overflow:visible; }
.link-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.link-contact-fields .tool-field { min-width:0; margin:0; }
.link-contact-notice { margin:0; color:#607055; font-size:.8rem; line-height:1.65; }
.sm-card .link-profession { grid-column:1/-1; grid-row:2; display:grid; gap:5px; min-width:0; margin:0; }
.sm-card .link-profession p { margin:0; font-size:.87rem; line-height:1.5; overflow-wrap:anywhere; color:var(--lp-text); }
.sm-card .link-profession [data-profile-company] { color:var(--lp-muted); font-size:.8rem; }
.sm-card .link-identity:has(.link-profession:not([hidden])) .link-profile-bio { grid-row:3; }
.sm-card .link-contact { display:grid; gap:12px; margin-top:23px; padding-top:18px; border-top:1px solid var(--lp-line); }
.sm-card .link-contact-row { display:grid; grid-template-columns:62px minmax(0,1fr); gap:12px; min-width:0; align-items:baseline; }
.sm-card .link-contact-label { color:var(--lp-muted); font-size:.65rem; line-height:1.5; }
.sm-card .link-contact-value { color:var(--lp-text); font-size:.81rem; line-height:1.55; overflow-wrap:anywhere; min-width:0; text-decoration:none; }
.sm-card a.link-contact-value:hover { text-decoration:underline; text-underline-offset:3px; }
.sm-card .link-contact:not([hidden]) + .link-connect { margin-top:18px; }
.link-contact-actions { display:flex; flex-wrap:wrap; gap:10px; }
.page-links .link-public-save { min-height:46px; background:#2e402e; border-color:#2e402e; color:#fff; border-radius:6px; padding:12px 20px; }
.link-visitor-content > .link-contact-actions { justify-content:center; margin:20px 0 0; }
.link-preview-save { margin-top:14px; }
.link-contact-summary { padding:22px; border:1px solid #cdd5c2; border-radius:7px; background:#fffdf7; min-width:0; }
.link-contact-summary h4 { font:400 1.8rem/1.2 Georgia,serif; margin:0 0 20px; overflow-wrap:anywhere; }
.link-contact-summary p { display:grid; grid-template-columns:90px minmax(0,1fr); gap:12px; padding:9px 0; border-top:1px solid #e5e8df; }
.link-contact-summary p > span:first-child { color:#728068; font-size:.75rem; }
.link-contact-summary p > span:last-child { overflow-wrap:anywhere; min-width:0; }
.link-share-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
.page-links .link-share-action { grid-template-columns:30px minmax(0,1fr); gap:5px 10px; }
.link-gallery-visual { width:30px; }
.link-gallery-paper { display:none; }
.page-links .link-share-action[data-share-action=card] .link-gallery-visual svg { display:block; }
.link-gallery-visual canvas { width:30px; height:30px; }
.link-gallery-label { font-size:.86rem; }
.link-gallery-note { font-size:.74rem; }
.link-share-stage[data-share-kind=qr] { grid-template-columns:260px minmax(0,1fr); }
.link-share-stage canvas[data-share-qr] { width:260px; padding:0; image-rendering:pixelated; }
.link-share-stage[data-share-kind=qr] .link-share-segments { grid-column:1/-1; }
.link-share-stage[data-share-kind=qr] > canvas { grid-row:2/6; }
.link-share-stage[data-share-kind=qr] h3 { grid-column:1/-1; }
.link-share-stage[data-share-kind=qr] .link-share-segments + canvas { grid-row:3/7; }
.page-link-embed .link-contact-actions { display:none; }
.page-link-embed .link-visitor:not([data-variant=full]) :is(.link-profession,.link-contact) { display:none; }
/* Meet Mode removes gallery chrome and gives the QR the whole stage. */
.link-share-dialog[data-meet=true] { width:min(580px,100%); max-height:100dvh; background:#f8f7f1; }
.link-share-dialog[data-meet=true] .link-share-header { position:absolute; top:16px; right:18px; padding:0; z-index:1; }
.link-share-dialog[data-meet=true] .link-share-header > div,
.link-share-dialog[data-meet=true] .link-share-nav { display:none; }
.link-share-dialog[data-meet=true] .link-share-close { min-height:42px; font-size:.76rem; }
.link-share-dialog[data-meet=true] .link-share-stage { display:flex; flex-direction:column; align-items:center; gap:20px; margin:0; padding:26px 36px 30px; border:0; }
.page-links .link-meet-back { align-self:flex-start; border:0; background:transparent; padding:10px 0; font-size:.76rem; margin-right:150px; }
.link-meet-identity { width:100%; text-align:center; padding-top:12px; min-width:0; }
.link-meet-identity .link-meet-kicker { font-size:.65rem; letter-spacing:.15em; margin-bottom:14px; }
.page-links .link-meet-identity h3 { font:400 clamp(1.9rem,5vw,2.8rem)/1.15 Georgia,serif; letter-spacing:-.03em; overflow-wrap:anywhere; color:#29372b; }
.link-meet-identity .link-meet-profession { margin:12px 0 0; font-size:.8rem; line-height:1.6; overflow-wrap:anywhere; }
.link-meet-qr { width:min(100%,370px); aspect-ratio:1; background:#fff; border:1px solid #d7dbcf; border-radius:8px; display:grid; place-items:center; }
.link-share-stage .link-meet-qr canvas { width:100%; height:auto; max-width:100%; max-height:none; padding:0; border:0; border-radius:7px; image-rendering:pixelated; }
.link-meet-qr:has(.link-qr-error) { aspect-ratio:auto; padding:24px; gap:18px; }
.link-share-stage .link-meet-note { max-width:36ch; text-align:center; font-size:.8rem; line-height:1.7; }
.link-share-dialog[data-meet=true] .link-share-status:empty { display:none; }
.link-share-dialog[data-meet=true] .link-share-status { text-align:center; padding:0 24px 20px; }
@media(max-width:760px) {
 .link-contact-fields { grid-template-columns:minmax(0,1fr); gap:16px; }
 .page-links .link-preview-panel { position:static; top:auto; }
 .page-links #link-connect .link-links-chapter { grid-row:auto; }
 .link-share-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .link-share-stage[data-share-kind=qr] { grid-template-columns:minmax(0,1fr); }
 .link-share-stage[data-share-kind=qr] > * { grid-column:1!important; grid-row:auto!important; }
 .link-share-stage canvas[data-share-qr] { width:min(100%,300px); justify-self:center; }
 .link-share-dialog[data-meet=true] { width:100%; height:100dvh; max-width:100%; max-height:100dvh; border:0; border-radius:0; }
 .link-share-dialog[data-meet=true] .link-share-stage { min-height:100dvh; justify-content:center; gap:18px; padding:76px 24px 30px; box-sizing:border-box; }
 .page-links .link-meet-back { position:absolute; left:24px; top:16px; margin:0; min-height:42px; padding:10px 0; }
 .link-meet-identity { padding-top:0; }
 .link-meet-qr { width:min(100%,340px); }
 .link-share-dialog[data-meet=true] .link-share-header { top:16px; right:20px; }
 .link-share-stage[data-share-kind=meet] .link-share-segments { width:100%; }
 .link-share-stage[data-share-kind=meet] .link-share-segment { flex:1; padding:10px 8px; font-size:.79rem; }
 .link-meet-identity .link-meet-kicker { margin-bottom:10px; }
 .link-share-stage[data-share-kind=meet] .link-contact-actions { width:100%; flex-wrap:nowrap; }
 .link-share-stage[data-share-kind=meet] .link-contact-actions button { flex:1; padding:11px 9px; font-size:.82rem; }
}

.ui-language {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  white-space: nowrap;
  order: 3;
  font-size: 12px;
}
.ui-language select { width:auto; max-width:120px; min-height:44px; padding:8px 22px 8px 9px; border:1px solid var(--line); border-radius:3px; background:var(--bg); color:var(--text); font:inherit; cursor:pointer; }
.ui-language select:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.top-bar-inner > .brand { margin-right: auto; }
.top-bar-inner > .site-nav { order: 2; }
.top-bar-inner > .nav-toggle { order: 4; flex-shrink: 0; }
html[lang="ko"] :is(h1, h2, h3, h4, p, label, a, button) { word-break: keep-all; overflow-wrap: break-word; }
@media (max-width: 760px) {
  .top-bar-inner { gap: 8px; }
  .top-bar-inner > .ui-language { order: 2; }
  .top-bar-inner > .nav-toggle { order: 3; }
  .top-bar-inner > .brand { letter-spacing: .04em; }
}
/* SignalMeaning editorial system. Local fonts, three inks, no decorative motion. */
:root { --bg:#f4f2e9; --surface:#eeeee4; --surface-strong:#faf9f3; --text:#20231d; --muted:#64695c; --line:#cbcec0; --line-soft:#dcddd2; --accent:#515d3c; --accent-soft:#e8ebdf; --primary-cta:#343f29; --primary-cta-hover:#242d1d; --shadow:none; --radius:3px; --radius-sm:3px; --container:1280px; --editorial-serif:Georgia,'Times New Roman','Batang',serif; }
body:not(.page-admin) { background:var(--bg); color:var(--text); }
body:not(.page-admin) :is(.site-header,.top-bar) { background:var(--bg); color:var(--text); box-shadow:none; border-bottom:1px solid var(--line); backdrop-filter:none; }
.top-bar-inner { min-height:86px; }
.top-bar-inner .brand { color:var(--text); font-size:15px; letter-spacing:.1em; font-weight:700; }
.brand-mark { filter:none; width:27px; }
.site-nav { gap:32px; }
.site-nav a,.ui-language { color:var(--muted); }
.site-nav a:is(:hover,.is-active) { color:var(--text); }
.site-nav a.is-active { text-decoration:underline; text-underline-offset:8px; text-decoration-thickness:1px; }
.ui-language select { min-height:44px; }
.nav-toggle { border-color:var(--line); background:transparent; width:44px; height:44px; }
.nav-toggle span { background:var(--text); }
body:not(.page-admin) .site-footer { background:#e8e9dd; border-top:1px solid var(--line); color:var(--text); padding-top:58px; }
.site-footer :is(a,.footer-heading,.footer-copy,.footer-support-label) { color:var(--muted); }
.site-footer .footer-brand-column .footer-heading { font:400 1.7rem var(--editorial-serif); letter-spacing:-.03em; color:var(--text); text-transform:none; }
body:not(.page-admin) :is(.button-pill,.tool-copy-button,.tool-chip-button) { border-radius:3px; box-shadow:none; min-height:44px; }
body:not(.page-admin) :is(.button-primary,.home-hero-primary,.utility-primary) { background:var(--primary-cta); border-color:var(--primary-cta); color:#fffdf5; }
body:not(.page-admin) :is(.button-primary,.home-hero-primary,.utility-primary):hover { background:var(--primary-cta-hover); border-color:var(--primary-cta-hover); transform:none; }
body:not(.page-admin) :is(.tool-input,.tool-textarea,.batch-select) { background:#fbfaf5; border-color:var(--line); border-radius:3px; color:var(--text); min-height:48px; }
body:not(.page-admin) :is(a,button,input,textarea,select,summary):focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
body:not(.page-admin) :is(.overview-card,.tool-card) { box-shadow:none; border-radius:3px; }
body:not(.page-admin) .section-kicker { color:var(--muted); font-size:.71rem; line-height:1.7; letter-spacing:.13em; font-weight:500; }
.page-home .card-home-hero { background:var(--bg); padding:86px 0 72px; border-bottom:1px solid var(--line); }
.page-home .card-hero-grid { grid-template-columns:1.1fr 1fr; gap:72px; align-items:center; min-height:540px; }
.page-home .home-link-intro { max-width:none; }
.page-home .card-home-hero h1 { font:400 clamp(3.8rem,5.5vw,5.4rem)/1.04 var(--editorial-serif); letter-spacing:-.052em; margin:36px 0 28px; max-width:none; }
.page-home .card-headline-second { color:#596644; font-style:italic; }
.page-home .card-hero-copy { font-size:1.03rem; color:var(--muted); max-width:36ch; line-height:1.85; margin:0; }
.page-home .card-hero-options { color:var(--muted); font-size:.8rem; margin-top:24px; }
.page-home .card-hero-actions { margin-top:26px; }
.page-home .card-hero-actions .button-pill { min-height:54px; padding:16px 24px; font-size:.88rem; letter-spacing:.01em; }
.page-home .card-hero-preview { padding:38px; border:1px solid #c6cbb8; background:#e5e8d9; position:relative; }
.page-home .card-preview-caption { font-size:.64rem; letter-spacing:.09em; color:#525d42; margin-bottom:24px; }
.page-home .card-preview-footnote { text-align:left; font-size:.74rem; line-height:1.65; color:#555f49; margin-top:22px; max-width:42ch; }
.page-home .card-preview-paper .sm-card { --card-pad:30px; --card-height:390px; --card-name:3.9rem; --card-avatar:66px; }
.page-home .editorial-introduction { padding:88px 0; }
.editorial-intro-grid { display:grid; grid-template-columns:1fr 2fr; gap:60px; }
.page-home .editorial-intro-grid h2,.page-home .editorial-share h2 { font:400 clamp(2.4rem,3.7vw,3.7rem)/1.12 var(--editorial-serif); letter-spacing:-.04em; margin:0; color:var(--text); }
.editorial-intro-grid p:not(.section-kicker) { max-width:48ch; font-size:1rem; line-height:1.85; color:var(--muted); margin:24px 0 0; }
.editorial-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px; margin-top:68px; }
.editorial-steps article { border-top:1px solid var(--line); padding-top:22px; }
.editorial-steps article > span { font-size:.73rem; color:var(--accent); }
.editorial-steps h3 { margin:32px 0 14px; font:400 1.65rem var(--editorial-serif); letter-spacing:-.025em; }
.editorial-steps p { font-size:.9rem; line-height:1.85; color:var(--muted); max-width:34ch; }
.page-home .editorial-share { background:#242c20; color:#f1f0e5; padding:90px 0; }
.editorial-share-grid { display:grid; grid-template-columns:1fr 1fr; gap:120px; }
.page-home .editorial-share h2 { color:#f1f0e5; margin:30px 0 36px; }
.page-home .editorial-share .section-kicker { color:#bec5ae; }
.editorial-text-link { display:inline-flex; gap:40px; align-items:center; min-height:48px; border-bottom:1px solid #8c987a; color:#f1f0e5; text-decoration:none; font-size:.86rem; }
.editorial-formats > div { display:grid; grid-template-columns:36px 1fr; column-gap:18px; border-top:1px solid #59624d; padding:24px 0; }
.editorial-formats > div > span { grid-row:1/3; color:#b5bfa4; font-size:.7rem; padding-top:5px; }
.editorial-formats h3 { font:400 1.65rem var(--editorial-serif); margin:0 0 12px; color:#f1f0e5; }
.editorial-formats p { font-size:.84rem; color:#bec5ae; line-height:1.8; margin:0; }
.editorial-discover { padding:76px 0; }
.editorial-discover .section-kicker { margin-bottom:28px; }
.editorial-discover a { display:grid; grid-template-columns:1fr 2fr 40px; gap:30px; align-items:center; padding:26px 0; border-top:1px solid var(--line); color:var(--text); text-decoration:none; }
.editorial-discover a > span:first-child { font:400 2rem var(--editorial-serif); }
.editorial-discover a > span:last-child { font-size:1.6rem; }
.editorial-discover p { margin:0; font-size:.94rem; color:var(--muted); }
.page-home .card-final-cta { background:var(--bg); border-top:1px solid var(--line); padding:70px 0 90px; text-align:left; }
.page-home .card-final-cta h2 { font:400 clamp(2.4rem,4vw,4rem)/1.1 var(--editorial-serif); color:var(--text); letter-spacing:-.035em; }
.page-home .card-final-cta p { text-align:left; color:var(--muted); margin:24px 0; }
.page-home .card-final-cta .button-primary { background:var(--primary-cta); }
/* A card is a typographic object: a quiet identity rail above an expansive name. */
:is(.page-home,.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full])) .sm-card.link-surface {
 --lp-bg:#fbf9f0; --lp-text:#262b21; --lp-muted:#626958; --lp-line:#d3d5c6; --lp-item:#e7e9dc; --card-accent:#69784f;
 border:1px solid var(--lp-line); border-left:4px solid var(--card-accent); border-radius:1px; box-shadow:none; padding:var(--card-pad); overflow:visible;
}
:is(.page-home,.page-links) .sm-card[data-theme=soft] { --lp-bg:#e8ecdf; --lp-text:#28351f; --lp-muted:#59674b; --lp-line:#bbc4ac; --lp-item:#d4ddc5; --card-accent:#697b50; }
:is(.page-home,.page-links) .sm-card[data-theme=ink] { --lp-bg:#20251e; --lp-text:#f2f0e5; --lp-muted:#bcc4ad; --lp-line:#4c5544; --lp-item:#363f2d; --card-accent:#b4c594; }
:is(.page-home,.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full])) .sm-card .link-card-edition { margin:0 0 28px; padding:0 0 16px; font-size:.6rem; letter-spacing:.13em; }
.sm-card .link-card-mark { width:22px; height:16px; background:transparent!important; border-left:2px solid var(--card-accent); border-right:2px solid var(--card-accent); transform:skew(-18deg); }
.sm-card .link-identity-note { grid-column:1; grid-row:1; align-self:center; color:var(--lp-muted); font:500 .57rem/1.6 var(--body); letter-spacing:.14em; }
.sm-card .link-identity:has(.link-profession:not([hidden])) .link-identity-note { display:none; }
:is(.page-home,.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full])) .sm-card .link-identity { display:grid; grid-template-columns:minmax(0,1fr) var(--card-avatar); row-gap:24px; margin:0; align-items:center; }
:is(.page-home,.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full])) .sm-card .link-identity :is(h1,h2) { grid-column:1/-1; grid-row:2; font-family:var(--editorial-serif); font-size:var(--card-name); letter-spacing:-.045em; line-height:1.05; word-break:normal; overflow-wrap:anywhere; display:block; -webkit-line-clamp:unset; overflow:visible; }
:is(.page-home,.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full])) .sm-card .link-identity .link-avatar { grid-column:2; grid-row:1; width:var(--card-avatar); height:var(--card-avatar); margin:0; background:var(--lp-item); }
:is(.page-home,.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full])) .sm-card .link-profession { grid-column:1; grid-row:1; gap:7px; align-self:center; padding-right:8px; }
.sm-card .link-profession [data-profile-title] { font-size:.87rem; }
.sm-card .link-profession [data-profile-company] { font-size:.79rem; }
:is(.page-home,.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full])) .sm-card .link-identity .link-profile-bio { grid-column:1/-1; grid-row:3; font-size:.91rem; line-height:1.8; margin:0; color:var(--lp-muted); }
.sm-card .link-contact { margin-top:27px; padding-top:20px; gap:12px; }
.sm-card .link-contact-label { font-size:.68rem; }
.sm-card .link-contact-value { font-size:.87rem; }
.sm-card .link-contact-row { grid-template-columns:66px minmax(0,1fr); }
.sm-card .link-contact-row a { min-height:30px; display:inline-flex; align-items:center; }
:is(.page-home,.page-links) .sm-card .link-public-item { padding:17px 30px 17px 0; min-height:70px; }
:is(.page-home,.page-links) .sm-card .link-social-icon { width:44px; height:44px; }
.sm-card .link-card-brand { margin-top:auto; padding-top:26px; font-size:10px!important; color:var(--lp-muted); }
.page-links:not(.page-link-embed) .sm-card[data-density=minimal] { min-height:360px; }
.page-links:not(.page-link-embed) .sm-card[data-density=minimal] .link-identity { margin:0 0 22px; }
.page-links:not(.page-link-embed) .sm-card[data-name-size=medium] { --card-name:3.1rem; }
.page-links:not(.page-link-embed) .sm-card[data-name-size=long] { --card-name:2.45rem; }
.page-links:not(.page-link-embed) .link-visitor { background:var(--bg); padding:64px 24px; }
.page-links:not(.page-link-embed) .link-visitor-content { width:100%; max-width:650px; }
.page-links:not(.page-link-embed) .link-visitor .sm-card { --card-pad:44px; --card-name:4.5rem; --card-avatar:90px; --card-height:470px; }
.page-links:not(.page-link-embed) .link-visitor .sm-card[data-name-size=long] { --card-name:3rem; }
.page-link-embed .link-visitor:not([data-variant=full]) .link-identity-note { display:none; }
/* Editor: optional information is a deliberate choice, not a wall of fields. */
.page-links [data-link-editor] .subpage-hero { padding:44px 0 24px; background:var(--bg); }
.page-links [data-link-editor] .subpage-hero h1 { font:400 clamp(2.6rem,4.3vw,4rem)/1.15 var(--editorial-serif); letter-spacing:-.04em; max-width:none; }
.page-links [data-link-editor] .hero-subtitle { color:var(--muted); font-size:.97rem; max-width:60ch; }
.page-links .link-editor-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:76px; align-items:start; }
.page-links [data-link-builder] { display:block; background:transparent; padding:0; border:0; min-width:0; }
.page-links .link-chapter { background:transparent; border-color:var(--line); padding:24px 0; margin:0; }
.page-links .link-chapter-nav { position:static; background:transparent; gap:20px; padding:0 0 18px; margin:0 0 30px; }
.page-links .link-chapter-nav a { min-height:44px; color:var(--muted); }
.page-links .link-chapter-body { gap:24px; padding-top:24px; }
.page-links .link-chapter-toggle { min-height:44px; font-size:1.05rem; color:var(--text); }
.page-links .link-chapter[data-active=false]:not(#link-identity) { padding:20px 0; }
.page-links .link-preview-panel { position:sticky; top:112px; background:#e5e8d9; border:1px solid #c9ceba; padding:30px; margin:0; }
.page-links .link-preview-heading { margin-bottom:24px; }
.page-links .link-preview-panel .sm-card { --card-pad:30px; --card-name:3.8rem; --card-avatar:64px; }
.page-links .link-preview-panel > p { text-align:left; margin:20px 0 0; color:#58614c; line-height:1.7; }
.page-links .link-preview-save { background:transparent; border-color:#aab397; color:#3e4c30; }
.page-links .link-information-fields { display:grid; gap:20px; }
.link-information-fields:has(> [hidden]):not(:has(> :not([hidden]))) { display:none; }
.link-information-field { position:relative; padding:18px 0 0; border-top:1px solid var(--line-soft); }
.link-information-field label > span { padding-right:86px; }
.page-links .link-information-field textarea { resize:vertical; min-height:110px; line-height:1.7; }
.link-information-remove { position:absolute; top:6px; right:0; min-height:44px; border:0; background:transparent; color:var(--muted); padding:0 0 0 14px; font:inherit; font-size:.75rem; cursor:pointer; }
.link-information-picker { border:1px solid var(--line); background:#efefe5; border-radius:3px; }
.link-information-picker summary { display:flex; gap:12px; align-items:center; padding:13px 18px; min-height:50px; cursor:pointer; font-size:.9rem; color:var(--text); list-style:none; }
.link-information-picker summary::-webkit-details-marker { display:none; }
.link-information-picker summary > span:first-child { font-size:1.3rem; color:var(--accent); }
.link-information-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:4px 12px 14px; }
.link-information-options button { display:flex; align-items:center; gap:8px; background:var(--bg); border:1px solid var(--line); color:var(--text); padding:10px; min-height:46px; border-radius:2px; cursor:pointer; font:inherit; font-size:.8rem; }
.link-information-options button:hover { border-color:var(--accent); }
.link-information-options button:disabled { opacity:.45; cursor:default; }
.page-links .link-information-note { margin:0; font-size:.76rem; line-height:1.8; color:var(--muted); }
.link-photo-disclosure { border-top:1px solid var(--line-soft); }
.link-photo-disclosure > summary { min-height:48px; padding:12px 0; cursor:pointer; font-size:.85rem; }
.link-photo-disclosure > summary > span:last-child { float:right; color:var(--muted); font-size:.72rem; }
.page-links .link-photo-field { border:0; background:transparent; padding:18px 0 0; }
.page-links .link-photo-heading { display:none; }
.page-links .link-share-dialog { border-radius:3px; background:var(--bg); box-shadow:none; border:1px solid var(--line); }
.page-links .link-share-stage,.page-links .link-share-action { background:var(--surface-strong); border-color:var(--line); border-radius:2px; }
.page-links .link-share-header h2 { font-family:var(--editorial-serif); font-weight:400; }
.page-links .link-share-dialog[data-meet=true] { background:var(--bg); border-left:4px solid var(--accent); }
.page-links .link-meet-identity { text-align:left; border-bottom:1px solid var(--line); padding-bottom:24px; }
.page-links .link-meet-identity h3 { font-family:var(--editorial-serif); color:var(--text); }
.page-links .link-meet-qr { border-radius:0; }
.page-links [data-style-choice=theme] [data-choice=soft] .link-style-sample { background:#e8ecdf; color:#28351f; border-color:#697b50; }
.page-links [data-style-choice=theme] [data-choice=ink] .link-style-sample { background:#20251e; color:#f2f0e5; border-color:#b4c594; }
html[lang=ko] :is(.card-home-hero h1,.editorial-intro-grid h2,.editorial-share h2,.card-final-cta h2) { font-family:'Batang','Malgun Gothic',serif; font-style:normal; letter-spacing:-.055em; line-height:1.25; }
@media(max-width:1050px) {
 .page-home .card-hero-grid { gap:36px; }
 .page-home .card-home-hero h1 { font-size:3.65rem; }
 .page-home .card-hero-preview { padding:24px; }
 .page-home .card-preview-paper .sm-card { --card-pad:24px; --card-name:3rem; }
 .page-links .link-editor-layout { gap:32px; }
 .page-links .link-preview-panel { padding:20px; }
 .page-links .link-preview-panel .sm-card { --card-pad:22px; --card-name:2.9rem; --card-avatar:56px; }
 .link-information-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .editorial-share-grid { gap:60px; }
}
@media(max-width:800px) {
 .top-bar-inner { min-height:70px; }
 .page-home .card-home-hero { padding:54px 0; }
 .page-home .card-hero-grid { grid-template-columns:1fr; gap:42px; }
 .page-home .card-home-hero h1 { font-size:clamp(3.2rem,8vw,4.5rem); }
 .page-home .card-hero-preview { max-width:580px; width:100%; justify-self:center; }
 .editorial-intro-grid { grid-template-columns:1fr; gap:24px; }
 .editorial-steps { gap:28px; }
 .editorial-share-grid { grid-template-columns:1fr; gap:42px; }
 .page-links .link-editor-layout { grid-template-columns:1fr; gap:28px; }
 .page-links [data-link-builder] { display:block; }
 .page-links .link-preview-panel { position:static; grid-row:auto; padding:24px; }
 .page-links .link-chapter { grid-row:auto!important; }
 .page-links .link-preview-panel .sm-card { --card-name:3.3rem; --card-pad:28px; }
}
@media(max-width:760px) {
 .top-bar-inner .brand { font-size:12px; letter-spacing:.055em; }
 .site-nav { background:var(--bg); border-bottom:1px solid var(--line); }
 .site-nav a { color:var(--text); }
 .ui-language { font-size:11px; }
 .page-links .link-mobile-preview { background:#343f29; border-color:#343f29; border-radius:3px; box-shadow:none; bottom:12px; }
 .page-links [data-link-editor] .subpage-hero { padding:28px 0 12px; }
 .page-links [data-link-editor] .subpage-hero h1 { font-size:2.7rem; }
 .page-links .link-chapter-nav { gap:8px; margin:0 0 8px; }
 .page-links .link-chapter-nav a { font-size:.65rem; }
 .page-links .link-chapter-nav a span { font-size:.78rem; }
 .page-links .link-editor-layout { padding-bottom:78px; }
 .page-links .link-preview-panel { padding:18px; scroll-margin-top:90px; }
 .page-links .link-preview-panel .sm-card { --card-name:2.9rem; --card-pad:24px; --card-avatar:56px; }
 .page-links:not(.page-link-embed) .sm-card[data-density=minimal] { min-height:320px; }
 .page-links:not(.page-link-embed) .sm-card[data-name-size=long] { --card-name:2rem; }
 .page-links:not(.page-link-embed) .link-visitor { padding:32px 18px; }
 .page-links:not(.page-link-embed) .link-visitor .sm-card { --card-pad:26px; --card-name:3.3rem; --card-avatar:68px; --card-height:400px; }
 .page-links:not(.page-link-embed) .link-visitor .sm-card[data-name-size=long] { --card-name:2.25rem; }
 .page-home .card-home-hero h1 { margin-top:22px; font-size:3.35rem; }
 .page-home .card-hero-copy { font-size:.96rem; }
 .page-home .card-hero-preview { padding:20px; }
 .page-home .card-preview-paper .sm-card { --card-pad:24px; --card-name:3.15rem; --card-height:365px; --card-avatar:58px; }
 .page-home .editorial-introduction,.page-home .editorial-share { padding:54px 0; }
 .editorial-steps { grid-template-columns:1fr; gap:28px; margin-top:38px; }
 .editorial-steps h3 { margin-top:18px; }
 .editorial-steps p { max-width:40ch; }
 .editorial-discover { padding:48px 0; }
 .editorial-discover a { grid-template-columns:1fr 24px; gap:14px; }
 .editorial-discover p { grid-column:1; grid-row:2; line-height:1.7; }
 .editorial-discover a > span:last-child { grid-column:2; grid-row:1/3; }
 .page-home .card-final-cta { padding:48px 0 60px; }
 .page-links .link-information-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .page-links .link-information-options button { min-height:48px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Final palette scope also replaces the earlier homepage-specific variables. */
body.page-home:not(.page-actions),body:not(.page-admin) { --bg:#f4f2e9; --text:#20231d; --muted:#64695c; --accent:#515d3c; --line:#cbcec0; --line-soft:#dcddd2; }
body.page-home:not(.page-actions) { background:var(--bg); }
body.page-home:not(.page-actions) .site-footer { background:#e8e9dd; padding:58px 0 28px; }
body.page-home:not(.page-actions) .card-hero-actions .button-pill { background:#343f29; border-color:#343f29; }
body.page-home:not(.page-actions) .editorial-introduction,body.page-home:not(.page-actions) .editorial-discover { background:var(--bg); }
.sm-card .link-card-edition .link-card-mark { width:22px; height:16px; }
:is(.page-tools,.page-links) main { --muted:#64695c; }

:is(.page-home,.page-links) .sm-card.link-surface[data-theme=soft] { --lp-bg:#e8ecdf; --lp-text:#28351f; --lp-muted:#59674b; --lp-line:#bbc4ac; --lp-item:#d4ddc5; --card-accent:#697b50; }
:is(.page-home,.page-links) .sm-card.link-surface[data-theme=ink] { --lp-bg:#20251e; --lp-text:#f2f0e5; --lp-muted:#bcc4ad; --lp-line:#4c5544; --lp-item:#363f2d; --card-accent:#b4c594; }

.page-links:not(.page-link-embed) .sm-card .link-identity :is(h1,h2) { line-height:1.14; }
:is(.page-home,.page-links:not(.page-link-embed)) .sm-card[data-name-script=ko] .link-identity :is(h1,h2) { line-height:1.28; word-break:keep-all; overflow-wrap:anywhere; }
.page-links:not(.page-link-embed) [data-link-public-share] { background:#f4f2e9; color:#343f29; border:1px solid #b6beaa; border-radius:3px; }
.link-report-action { display:inline-flex; min-height:44px; align-items:center; }
@media(max-width:760px) {
 .page-links:not(.page-link-embed) [data-link-public-share] { position:absolute; top:18px; right:18px; }
 .page-links:not(.page-link-embed) .link-visitor { padding-top:82px; }
}

/* The compact embed reserves its small height for the introduction and CTA. */
.page-link-embed [data-variant=compact] .sm-card .link-card-brand { display:none!important; }

/* Editorial typography across supporting pages; content and tools stay intact. */
:is(.page-about,.page-tools,.page-signals) .subpage-hero h1 { font-family:var(--editorial-serif); font-weight:400; letter-spacing:-.04em; line-height:1.12; color:var(--text); }
.page-about .about-hero-accent { color:#515d3c; }
.page-about .subpage-hero { text-align:left; }
.page-about .subpage-hero h1 { max-width:18ch; margin-left:0; }
.page-about .hero-subtitle { margin-left:0; max-width:60ch; }
:is(.page-about,.page-tools,.page-signals) .overview-card { background:#faf9f3; border-color:var(--line); border-radius:2px; }
:is(.page-about,.page-tools,.page-signals) .overview-card h2 { font-family:var(--editorial-serif); font-weight:400; font-size:1.85rem; letter-spacing:-.025em; line-height:1.2; }
.page-tools .more-tool > summary h2 { font-size:1.5rem; }
.page-tools .tool-link-feature { background:#e8ebdf; border-color:var(--line); border-radius:2px; }
.page-tools .word-counter-stats { border-radius:2px; }
.page-tools .word-counter .tool-textarea { background:#fbfaf5; }
body.page-home:not(.page-actions),body.page-home:not(.page-actions) .site-header { --container:1280px; }
body.page-home:not(.page-actions) .site-footer :is(.footer-heading,.footer-copy,.footer-explore a,.footer-contact a,.footer-support-label,.footer-legal-nav a) { color:#64695c; }
body.page-home:not(.page-actions) .footer-brand-column .footer-heading { color:#20231d; }
body.page-home:not(.page-actions) .button-pill { border-radius:3px; box-shadow:none; }

.page-tools .link-feature-card { background:#e8ebdf; border-color:var(--line); border-radius:2px; box-shadow:none; }
.page-tools .link-feature-card h2 { font:400 1.85rem/1.2 var(--editorial-serif); }
.page-signals .signals-intro h1 { font:400 clamp(2.6rem,5vw,4.5rem)/1.12 var(--editorial-serif); letter-spacing:-.04em; max-width:21ch; }
.page-signals .opportunity-engine { background:transparent; border:0; box-shadow:none; border-radius:0; padding-inline:0; }
.page-signals .opportunity-engine-head { text-align:left; max-width:none; margin-left:0; }
.page-signals :is(.opportunity-engine-head h2,.live-widget-intro h2) { color:var(--text); font-family:var(--editorial-serif); font-weight:400; font-size:2rem; letter-spacing:-.025em; }
.page-signals :is(.opportunity-profile-card,.opportunity-profile-form,.todays-actions,.live-widget-showcase-grid,.live-widget-code-panel) { background:#e8ebdf; border:1px solid var(--line); border-radius:2px; box-shadow:none; }
.page-signals :is(.opportunity-profile-card,.opportunity-profile-form,.todays-actions,.live-widget-code-panel) :is(h3,p) { color:var(--text); }
.page-signals :is(.opportunity-label,.live-widget-eyebrow) { color:var(--accent); }
.page-signals .opportunity-tabs { background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:0; }
.page-signals .opportunity-tabs button { min-height:48px; border-radius:0; color:var(--muted); }
.page-signals .opportunity-tabs button.is-active { background:transparent; border-bottom:2px solid var(--accent); box-shadow:none; color:var(--text); }
.page-signals .opportunity-card { background:#faf9f3; border:1px solid var(--line); border-radius:2px; box-shadow:none; }
.page-signals .opportunity-card.is-selected { background:#e8ebdf; border-color:var(--accent); box-shadow:none; }
.page-signals .live-widget-code { background:#faf9f3; border-color:var(--line); color:var(--muted); border-radius:2px; }
.page-signals .live-widget-benefits li { border-color:#9ca98a; }
.page-signals .live-widget-benefits :is(strong,span),.page-signals .live-widget-intro > p:not(.live-widget-eyebrow) { color:var(--muted); }

/* Approved Digital Card direction: cream, coral, photographed material and live cards. */
:root{--bg:#fffdf7;--surface:#f6f1e8;--surface-strong:#fffdf9;--text:#29221e;--muted:#776c63;--line:#e4ddd4;--line-soft:#eee7dd;--accent:#a64b3e;--accent-soft:#ffe4da;--primary-cta:#fa705c;--primary-cta-hover:#ef624f;--radius:16px;--radius-sm:10px;--editorial-serif:Georgia,'Times New Roman','Malgun Gothic',serif;--container:1280px}
body:not(.page-admin){font-family:Arial,'Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}
body:not(.page-admin) :is(.site-header,.top-bar){background:#fffdf7;border:0;box-shadow:none}
.top-bar-inner{min-height:94px}.top-bar-inner .brand{font-size:22px;font-weight:750;letter-spacing:-1px;gap:10px}.brand-mark{width:47px;height:25px;object-fit:contain}.site-nav{gap:30px}.site-nav a{font-size:13px;font-weight:600}.site-nav a.is-active{text-decoration-color:#fa705c;text-decoration-thickness:3px;text-underline-offset:9px}.ui-language{border-color:var(--line)}
body:not(.page-admin) :is(.button-pill,.tool-copy-button,.tool-chip-button){border-radius:40px;box-shadow:none;min-height:44px;transition:background .15s ease}
body:not(.page-admin) :is(.button-primary,.home-hero-primary,.utility-primary){color:#29221e;background:#fa705c;border-color:#fa705c;font-weight:700}
body:not(.page-admin) :is(.button-primary,.home-hero-primary,.utility-primary):hover{color:#29221e;background:#ef624f;border-color:#ef624f}
body:not(.page-admin) :is(.tool-input,.tool-textarea,.batch-select){background:#fffdf9;border-radius:10px;border-color:var(--line)}
body:not(.page-admin) :is(.overview-card,.tool-card){border-radius:16px;box-shadow:none}
body:not(.page-admin) :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #9a53bd;outline-offset:3px}
body:not(.page-admin) .site-footer{background:#f3ede2;border-top:1px solid var(--line);padding-top:55px}.site-footer .footer-brand-column .footer-heading{font-family:Arial,'Malgun Gothic',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.8px}.site-footer .footer-copy{line-height:1.8}
.a-home-hero{display:grid;grid-template-columns:1fr 1fr;margin:0 16px;min-height:744px}.a-hero-copy{padding:69px 7.5% 32px 9%;display:flex;align-items:flex-start;flex-direction:column;min-width:0}.a-eyebrow{font:600 11px/1.6 Arial,'Malgun Gothic',sans-serif;letter-spacing:1.7px;margin:0;color:inherit}.a-eyebrow>span{display:inline-block;width:7px;height:7px;background:#fa705c;border-radius:50%;margin-right:8px}.page-home .a-hero-copy h1{font:400 clamp(58px,5.28vw,80px)/1.035 var(--editorial-serif);letter-spacing:-.055em;margin:28px 0 27px;color:#29221e;text-wrap:balance;max-width:none}.a-hero-copy h1 em{color:#a64b3e;font-weight:400}.a-hero-description{font-size:17px;line-height:1.65;max-width:385px;margin:0}.a-hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px;flex-wrap:wrap}.a-hero-actions .button-pill,.a-share-copy .button-pill,.a-closing-cta .button-pill{min-height:56px;padding:17px 25px;gap:25px;font-size:14px;white-space:normal;text-align:center}.a-text-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:14px;font-weight:700;color:#29221e;text-decoration:none}.a-assurances{display:flex;gap:16px;font-size:11px;color:#776c63;margin-top:24px;flex-wrap:wrap}.a-hero-bottom{display:flex;justify-content:space-between;width:100%;max-width:430px;margin:auto 0 0;padding-top:58px;font-size:11px;color:#776c63}.a-hero-bottom>span{font-size:20px}
.a-hero-visual{position:relative;min-height:744px;min-width:0;border-radius:28px;overflow:hidden;isolation:isolate;background:#b88e7b}.a-studio-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-1}.a-scene-label{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#fff}.a-scene-caption{position:absolute;right:26px;bottom:24px;color:#fff;font-size:10px;margin:0;text-shadow:0 1px 5px #543a32}
.a-phone{width:324px;border-radius:48px;background:#151619;padding:9px;position:absolute;left:50%;top:77px;transform:translateX(-50%) rotate(-7deg);box-shadow:2px 1px 0 2px #b2b2ad,5px 7px 0 1px #252528,23px 32px 35px #20120755,-2px -2px 2px #e4e5e2;isolation:isolate}.a-phone-screen{overflow:hidden;border-radius:38px;background:#fffdf8;position:relative;padding-bottom:16px;min-height:580px}.a-phone-status{display:flex;justify-content:space-between;height:42px;align-items:center;padding:0 21px;background:#f7f2e8;font-size:10px;font-weight:bold}.a-phone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:88px;height:22px;border-radius:25px;background:#121216}.a-phone-home{position:absolute;bottom:6px;left:35%;width:30%;height:4px;border-radius:10px;background:#29221e}.a-sample-brand{display:flex;align-items:center;gap:7px;padding:0 19px;height:32px;font-size:6px;letter-spacing:1px}.a-sample-brand>span{margin-left:auto;font-size:15px}.a-sample-portrait{height:204px;width:calc(100% - 18px);object-fit:cover;object-position:50% 32%;margin:0 9px;border-radius:7px}.a-sample-details{padding:19px 20px 0}.a-sample-hello{font-size:6px;letter-spacing:1.5px;text-transform:uppercase;color:#776c63}.a-sample-card h2{font:400 35px/1.04 var(--editorial-serif);letter-spacing:-1.6px;margin:7px 0 8px}.a-sample-role{font-size:9px;margin:0 0 8px}.a-sample-role>span{color:#776c63}.a-sample-contact{display:flex;align-items:center;gap:9px;font-size:9px;min-height:38px;margin:0 0 5px}.a-sample-contact>span:first-child{display:grid;place-items:center;background:#fde3d7;width:25px;height:25px;border-radius:50%;font-size:12px}.a-sample-link{border:1px solid #e9e0d6;border-radius:8px;padding:11px 12px}.a-sample-link small{display:block;font-size:6px;color:#776c63;letter-spacing:1px;margin-bottom:6px}.a-sample-link strong{display:flex;justify-content:space-between;font-size:10px;font-weight:600;gap:15px}.a-sample-save{border-radius:40px;background:#fa705c;min-height:40px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:700;margin-top:15px}.a-sample-signature{text-align:center;font-size:5px;letter-spacing:1px;margin:17px 0 11px}
.a-qr-float{position:absolute;display:flex;align-items:center;gap:14px;padding:15px 18px 15px 14px;background:#fffdf7;border-radius:18px;z-index:2;bottom:56px;left:27px;box-shadow:0 12px 32px #2b130b22;transform:rotate(3deg);color:#29221e}.a-qr-float>img{width:79px;height:79px}.a-qr-float>div{display:flex;flex-direction:column;gap:6px}.a-qr-float small{font-size:8px;letter-spacing:1px;font-weight:bold}.a-qr-float strong{font:400 21px var(--editorial-serif);letter-spacing:-.6px}.a-qr-float span{font-size:8px;color:#776c63}
.a-benefit-strip{display:flex;justify-content:center;align-items:center;gap:65px;padding:37px 25px 39px;border-bottom:1px solid var(--line);font-size:14px}.a-benefit-strip>span{display:flex;align-items:center;justify-content:center;text-align:center}.a-benefit-strip b{font-size:20px;font-weight:400;color:#ac6756}.a-product-story{display:grid;grid-template-columns:1.05fr 1fr;gap:9.5%;align-items:center;max-width:1296px;margin:auto;padding:110px 26px}.a-story-visual{height:470px;background:#e8e2f0;border-radius:26px;position:relative;overflow:hidden;padding:56px 38px}.a-mini-editor{background:#fffdf9;border-radius:16px;padding:23px 25px;box-shadow:0 16px 40px #392b4218;width:90%;transform:rotate(-4deg)}.a-mini-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;font-size:8px;letter-spacing:1px;color:#657548}.a-mini-person{display:flex;align-items:center;gap:14px;margin-bottom:25px}.a-mini-person>img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 25%}.a-mini-person>div{display:flex;flex-direction:column;gap:5px}.a-mini-person small{font-size:8px;letter-spacing:1px;color:#887c73}.a-mini-person strong{font:400 25px var(--editorial-serif);letter-spacing:-.6px}.a-mini-person>span{margin-left:auto;background:#f7d7cb;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px}.a-demo-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.a-demo-chips>span{font-size:9px;border-radius:50px;background:#f1ede7;padding:7px}.a-demo-chips>span:last-child{background:#ffe4da}.a-mini-field{display:flex;justify-content:space-between;font-size:12px;padding-bottom:14px;border-bottom:1px solid #e8e2dc;color:#7f736c}.a-mini-swatches{display:flex;align-items:center;gap:9px;margin-top:22px}.a-mini-swatches>span{font-size:8px;margin-right:auto}.a-mini-swatches i{height:20px;width:20px;border-radius:50%;background:#f27e69}.a-mini-swatches i:nth-of-type(2){background:#b7c9df}.a-mini-swatches i:nth-of-type(3){background:#302d32}.a-mini-card{position:absolute;right:23px;bottom:28px;transform:rotate(8deg);background:#fa846d;color:#29221e;padding:20px 24px;width:245px;border-radius:14px;box-shadow:0 7px 30px #61342222}.a-mini-card strong{font:400 39px/1.02 var(--editorial-serif);letter-spacing:-1.8px;display:block;margin:14px 0}.a-mini-card strong>span{float:right;font:400 30px Arial;margin:15px 5px 0 0}.a-mini-card small{font-size:7px;letter-spacing:.8px}.a-art-sample{position:absolute;left:20px;bottom:12px;font-size:8px;color:#776c63}.a-story-copy h2,.a-share-copy h2{font:400 54px/1.08 var(--editorial-serif);letter-spacing:-.055em;margin:20px 0 24px;text-wrap:balance}.a-story-copy>p:not(.a-eyebrow),.a-share-copy>p:not(.a-eyebrow){font-size:16px;line-height:1.65;color:#776c63;max-width:360px}.a-story-copy ul{list-style:none;padding:0;display:grid;gap:16px;margin:28px 0 23px;font-size:13px}.a-story-copy li:before{content:'✓';color:#ba6253;margin-right:12px}
.a-share-story{background:#f3ede2;display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding:75px max(7%,calc((100% - 1200px)/2));align-items:center;min-height:590px}.a-share-copy h2 em{font-weight:400;color:#a64b3e}.a-share-copy .button-pill{margin-top:22px}.a-share-art{position:relative;height:420px;min-width:0}.a-wide-card{position:absolute;left:-20px;top:29px;display:flex;background:#fffdf8;padding:15px;gap:19px;width:470px;border-radius:16px;box-shadow:0 12px 28px #51423317;transform:rotate(-7deg)}.a-wide-card>img{height:150px;width:116px;object-fit:cover;border-radius:9px}.a-wide-card>div{display:flex;flex-direction:column;justify-content:center;gap:8px}.a-wide-card small{font-size:6px;letter-spacing:1px;margin-bottom:9px}.a-wide-card strong{font:400 30px var(--editorial-serif);letter-spacing:-1.2px}.a-wide-card span{font-size:8px}.a-wide-card span:last-child{margin-top:12px;font-size:9px}.a-wide-card>img.a-wide-logo{position:absolute;right:18px;top:18px;width:34px;height:14px}.a-meet-tile{position:absolute;width:190px;padding:20px;right:0;bottom:19px;background:#c6c3e2;border-radius:16px;display:flex;align-items:center;flex-direction:column;box-shadow:0 10px 28px #3028501a;transform:rotate(9deg)}.a-meet-tile>span{font-size:8px;letter-spacing:1px}.a-meet-tile>img{width:132px;border-radius:6px;margin:13px 0}.a-meet-tile strong{font:400 22px var(--editorial-serif);letter-spacing:-.8px}.a-meet-tile small{font-size:8px;margin-top:7px}.a-saved-pill{position:absolute;bottom:41px;left:-2px;background:#fffdf8;padding:15px 18px;font-size:10px;border-radius:30px;box-shadow:0 5px 18px #3b233012}
.a-format-section{max-width:1280px;margin:auto;padding:75px 26px 0}.a-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:28px}.a-formats article{border-top:1px solid var(--line);padding:22px 0}.a-formats article>span{font-size:10px;letter-spacing:1px;color:#a64b3e}.a-formats h3{font:400 26px var(--editorial-serif);letter-spacing:-.5px;margin:20px 0 12px}.a-formats p{color:#776c63;font-size:13px;line-height:1.8}.a-closing-cta{text-align:center;padding:100px 25px 90px}.a-closing-cta h2{font:400 61px/1.08 var(--editorial-serif);letter-spacing:-.055em;margin:21px 0 30px;text-wrap:balance}.a-closing-cta>p:last-child{font-size:12px;color:#776c63;margin:21px 0 0}.a-more-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:50px}.a-more-links>a{display:grid;grid-template-columns:1fr auto;gap:13px;color:inherit;text-decoration:none;border-top:1px solid var(--line);padding-top:22px}.a-more-links strong{font-size:19px}.a-more-links span{font-size:11px;color:#776c63;grid-column:1;grid-row:2}.a-more-links b{font-size:20px;font-weight:400;grid-column:2;grid-row:1}
/* One real data-driven card: portrait, introduction, actions and contact details. */
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card.link-surface{--lp-bg:#fffdf8;--lp-text:#29221e;--lp-muted:#7d6e65;--lp-line:#e9e0d6;--lp-item:#f8e6dc;--card-accent:#fa705c;--card-pad:28px;--card-name:45px;display:flex;flex-direction:column;width:100%;padding:0 28px 22px;border:0;border-radius:22px;background:var(--lp-bg);color:var(--lp-text);box-shadow:none;overflow:hidden;min-height:0;gap:0}
:is(.page-links,.link-preview-dialog) .sm-card[data-theme=soft]{--lp-bg:#edf3fb;--lp-text:#293c58;--lp-muted:#61738b;--lp-line:#cfdaea;--lp-item:#dce7f5;--card-accent:#aec7e7}
:is(.page-links,.link-preview-dialog) .sm-card[data-theme=ink]{--lp-bg:#272628;--lp-text:#fff7eb;--lp-muted:#bdb3b0;--lp-line:#494346;--lp-item:#403638;--card-accent:#e5b59c}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-card-edition{display:flex;align-items:center;gap:7px;margin:0;height:54px;flex-shrink:0;padding:0;border:0;font-size:8px;letter-spacing:1.5px;color:var(--lp-text)}
.sm-card .link-card-edition>img{width:30px;height:12px;object-fit:contain}.sm-card[data-theme=ink] .link-card-edition>img{filter:invert(1)}
.sm-card .link-card-mark{margin-left:auto;width:auto;height:auto;transform:none!important;border:0!important;background:none!important;color:var(--lp-text);font:400 20px Arial}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-identity{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0!important;text-align:left}
.sm-card .link-identity-note{display:none!important}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-identity-copy{display:contents}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-identity .link-avatar{order:-1;align-self:stretch;width:calc(100% + 24px);height:246px;margin:0 -12px 25px;border-radius:12px;background:var(--lp-item);border:0;box-shadow:none;overflow:hidden;position:relative;flex-shrink:0;aspect-ratio:auto}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;position:absolute;inset:0}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card[data-has-photo=false] .link-avatar{height:145px;background:var(--card-accent)}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-monogram{display:grid;place-items:center;width:100%;height:100%;font:400 76px var(--editorial-serif);color:var(--lp-text);background:none}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card[data-shape=circle] .link-identity .link-avatar{width:180px;height:180px;border-radius:50%;align-self:center;margin:8px 0 25px}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card[data-shape=square] .link-identity .link-avatar{border-radius:0}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-identity :is(h1,h2){font:400 var(--card-name)/1.07 var(--editorial-serif);letter-spacing:-.045em;overflow-wrap:anywhere;word-break:normal;margin:0 0 12px;padding:0;max-width:none;display:block;-webkit-line-clamp:unset;overflow:visible;color:var(--lp-text);text-wrap:balance}
:is(.page-links,.link-preview-dialog) .sm-card[data-name-size=medium]{--card-name:37px}:is(.page-links,.link-preview-dialog) .sm-card[data-name-size=long]{--card-name:30px}:is(.page-links,.link-preview-dialog) .sm-card[data-name-script=ko] [data-profile-name]{letter-spacing:-.05em;line-height:1.23;word-break:keep-all;overflow-wrap:anywhere}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-profession{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:0;margin:0 0 16px}.sm-card .link-profession [data-profile-title]{font-size:12px;line-height:1.6;color:var(--lp-text)}.sm-card .link-profession [data-profile-company]{font-size:12px;line-height:1.6;color:var(--lp-muted)}.sm-card .link-profession p{margin:0;overflow-wrap:anywhere;min-width:0}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-identity .link-profile-bio{font-size:13px;line-height:1.75;margin:0 0 20px;color:var(--lp-muted);white-space:pre-line}
.sm-card .link-contact-actions{display:flex;align-items:center;gap:9px;order:5;margin:22px 0 0;padding:0}.sm-card .link-contact-actions:has(>button[hidden]):not(:has(>button:not([hidden]))){display:none}
body .sm-card .link-contact-actions>button{position:static;transform:none;margin:0;min-height:48px;border-radius:40px;background:var(--card-accent);color:#29221e;border:0;box-shadow:none;flex:1;font-size:12px;font-weight:700;padding:12px 18px;width:auto;max-width:none}
body .sm-card .link-contact-actions>.link-public-share{flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid var(--lp-line);background:transparent;color:var(--lp-text);font-size:24px}
body .sm-card .link-contact-actions>button:disabled{opacity:.65}
.sm-card .link-contact{margin:6px 0 13px;padding:0;border:0;gap:0}.sm-card .link-contact-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:center;min-height:47px;padding:0}.sm-card .link-contact-label{font-size:0;width:30px;height:30px;border-radius:50%;background:var(--lp-item);display:grid;place-items:center;color:var(--lp-text)}.sm-card .link-contact-label:before{content:none}.sm-card .link-contact-label svg{width:16px;height:16px}.sm-card .link-contact-caption{position:absolute;font-size:12px;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sm-card .link-contact-value{font-size:12px;line-height:1.6;min-width:0;overflow-wrap:anywhere}.sm-card .link-contact-row a{min-height:44px;display:flex;align-items:center;text-decoration:none}
.sm-card .link-connect{margin:0;padding:0;border:0;order:4}.sm-card .link-connect-label{display:none}.sm-card .link-profile-socials{margin:12px 0 0;gap:8px}.sm-card .link-social-icon{width:44px;height:44px;background:var(--lp-item);border:0;border-radius:50%;color:var(--lp-text)}
:is(.page-links,.link-preview-dialog) .sm-card .link-profile-items{margin:0;gap:9px}:is(.page-links,.link-preview-dialog) .sm-card .link-public-item{min-height:56px;border:1px solid var(--lp-line);border-radius:11px;padding:16px 17px;background:none;box-shadow:none;color:var(--lp-text)}.sm-card .link-public-item strong{font-size:13px;line-height:1.5}.sm-card .link-public-item span{font-size:10px}.sm-card .link-public-item .link-item-host{color:var(--lp-muted)}.sm-card .link-public-item .link-item-title{color:var(--lp-text)}
.sm-card .link-card-brand{order:6;margin:0;padding:24px 0 0;font-size:8px!important;line-height:1.7;letter-spacing:.3px;text-align:center;border:0;color:var(--lp-muted)}
html[data-link-view=public] .page-links:not(.page-link-embed){background:#f3ede4}.page-links:not(.page-link-embed) .link-visitor{max-width:438px;padding:0;margin:48px auto 64px}.page-links .link-visitor-content{width:100%}.page-links .link-public-utilities{margin:18px 0 0;text-align:center}.page-links .link-public-utilities a{font-size:11px;color:#776c63;min-height:44px;display:inline-flex;align-items:center}.page-links:not(.page-link-embed) .sm-card[data-density=minimal]{min-height:0}.page-links:not(.page-link-embed) .sm-card[data-density=minimal] .link-contact-actions{margin-top:26px}
/* Four existing chapters remain available; the form is the making experience. */
.page-links [data-link-editor]>.subpage-hero{padding:28px 0 35px;background:#fffdf7;border:0}.page-links [data-link-editor]>.subpage-hero .container{max-width:1200px}.page-links [data-link-editor]>.subpage-hero h1{font:400 52px/1.1 var(--editorial-serif);letter-spacing:-.05em;margin:22px 0 14px}.page-links .hero-subtitle{font-size:14px;color:#776c63;line-height:1.7;max-width:none}.page-links .utility-back{font-size:11px;color:#776c63}.page-links [data-link-editor]>.section{padding:0 0 95px}
.page-links .link-editor-layout{max-width:1200px;grid-template-columns:minmax(0,1fr) minmax(350px,1fr);gap:76px;align-items:start;position:relative}.page-links [data-link-builder]{padding:0;border:0!important;background:transparent!important;border-radius:0;box-shadow:none}.page-links .link-chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 32px;padding:0;border:0}.page-links .link-chapter-nav a{position:relative;display:flex;gap:8px;align-items:center;min-height:49px;padding:10px 0;border:0;border-bottom:2px solid #e4ddd4;background:none;border-radius:0;font-size:10px;font-weight:400;color:#776c63;letter-spacing:0}.page-links .link-chapter-nav a span{font-size:12px;font-weight:600}.page-links .link-chapter-nav a[aria-current=step]{border-color:#fa705c;color:#29221e;background:none}.page-links .link-builder-heading{display:none}.page-links .link-chapter{border:0;margin:0;padding:0;min-width:0}.page-links .link-chapter[data-active=false]{display:none}.page-links .link-chapter>legend,.page-links .link-chapter>h3{display:none}.page-links .link-chapter-body{padding:0}.page-links .link-chapter-body>.tool-field>span{font-size:12px;color:#776c63}.page-links [data-link-name]{font:400 34px/1.3 var(--editorial-serif);letter-spacing:-1px;padding:18px 0 17px!important;background:none!important;border:0!important;border-bottom:1px solid #b7a99d!important;border-radius:0!important;height:auto;min-height:73px}.page-links [data-link-name]::placeholder{color:#a79b91;opacity:1}.page-links .link-information-fields{gap:22px}.page-links .link-information-field{border:0;padding:0 0 6px;margin-top:18px;position:relative}.page-links .link-information-field .tool-field>span{font-size:11px;color:#776c63}.page-links .link-information-field .tool-input{border:0;border-bottom:1px solid #d8cec2;border-radius:0;padding:12px 0;background:none;font-size:16px;min-height:48px}.page-links .link-information-remove{font-size:10px;min-height:44px;padding:8px 0 8px 12px;right:0;top:-14px;color:#8b6557;background:none}.page-links .link-information-picker{margin-top:25px;background:none;border:1px dashed #cabcaf;border-radius:10px;overflow:visible}.page-links .link-information-picker>summary{padding:16px;min-height:54px;justify-content:center;gap:8px;font-size:12px;background:transparent;color:#685c53}.page-links .link-information-picker[open]>summary{border-bottom:1px solid #e4ddd4}.page-links .link-information-options{padding:12px;gap:8px}.page-links .link-information-options button{background:#f4eee5;border:0;border-radius:8px;font-size:12px;min-height:44px}.page-links .link-information-note{font-size:11px;line-height:1.8;color:#776c63;margin:16px 0 25px}.page-links .link-photo-disclosure{border-top:1px solid #e4ddd4;border-bottom:1px solid #e4ddd4;padding:0;margin:0}.page-links .link-photo-disclosure>summary{font-size:13px;min-height:66px;align-items:center;padding:15px 0}.page-links .link-photo-field{padding:8px 0 20px}.page-links .tool-helper-text{font-size:11px;line-height:1.8}.page-links .link-chapter-actions{padding-top:26px;margin-top:0;gap:18px}.page-links .link-chapter-actions>.utility-primary{margin-left:auto;min-height:50px;padding:14px 23px;font-size:12px}.page-links .link-subchapter,.page-links .link-links-chapter>legend{font:400 25px var(--editorial-serif);letter-spacing:-.5px}.page-links .link-flow-back{font-size:12px}.page-links .link-preview-panel{position:sticky;top:22px;border:0;border-radius:22px;background:#e8e2f0;padding:28px 48px 24px;box-shadow:none;margin:0;min-width:0}.page-links .link-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px;border:0;padding:0}.page-links .link-preview-heading h2{font-size:10px;font-weight:600;letter-spacing:.7px;margin:0}.page-links .link-preview-heading>span{font-size:9px;color:#756883}.page-links .link-preview-frame{padding:0;border:0;background:transparent}.page-links .link-preview-panel>.tool-helper-text{text-align:center;font-size:10px;line-height:1.7;margin:17px 0 0;color:#756883}.page-links .link-preview-panel .sm-card{--card-name:38px;padding-left:24px;padding-right:24px;border-radius:18px}.page-links .link-preview-panel .sm-card .link-avatar{height:206px}.page-links .link-preview-panel .sm-card[data-has-photo=false] .link-avatar{height:135px}.page-links .link-preview-panel .sm-card[data-shape=circle] .link-avatar{height:160px;width:160px}.page-links .link-preview-panel .sm-card .link-card-edition{height:46px;font-size:7px}.page-links .link-preview-panel .sm-card[data-name-size=medium]{--card-name:32px}.page-links .link-preview-panel .sm-card[data-name-size=long]{--card-name:28px}.link-mobile-preview{display:none!important}
.page-links .link-style-choice{border-radius:12px}.page-links .link-style-choice[aria-checked=true]{border-color:#a64b3e;background:#fff3eb}.page-links .link-publish-panel{background:#f8eee4;border:1px solid #e4ddd4;border-radius:16px}.page-links .link-completion-heading h3{font-family:var(--editorial-serif);font-weight:400;font-size:28px}.page-links .link-completion-mark{background:#fa705c;color:#29221e}.page-links .link-completion-utility{border-color:#dfd2c5}.page-links .link-completion-actions .utility-primary{background:#fa705c;color:#29221e}
.link-preview-dialog{border:0;border-radius:20px;background:#e8e2f0;max-width:440px;width:calc(100% - 24px);padding:16px;max-height:calc(100dvh - 32px);color:#29221e}.link-preview-dialog::backdrop{background:#29221e88}.link-preview-dialog .link-preview-panel{position:static;padding:10px 0 0;display:block!important;border:0;background:none}.link-preview-close{display:block;width:100%;min-height:44px;border:0;border-bottom:1px solid #cfc5dd;background:none;color:#29221e;font-size:12px;margin:0 0 15px}.link-preview-dialog .link-preview-panel>.tool-helper-text{font-size:11px;text-align:center}.link-preview-dialog .link-preview-heading{display:none}.link-preview-dialog .link-preview-frame{padding:0}
.page-links .link-share-dialog{border-radius:20px;background:#fffdf7}.page-links .link-share-nav button[aria-selected=true]{background:#fa705c;color:#29221e;border-color:#fa705c}.page-links .link-meet-mode{background:#fffdf7;color:#29221e;border-radius:18px}.page-links .link-meet-mode h2{font-family:var(--editorial-serif);font-weight:400}.page-link-embed .link-card-edition>img{display:none}.page-link-embed:has([data-variant=full]) .link-card-edition>img{display:block}
@media(min-width:1100px){html[data-link-view=public] .page-links:not(.page-link-embed) .link-visitor{position:relative}html[data-link-view=public] .page-links:not(.page-link-embed) .link-visitor:before{content:'Nice to meet you.';position:absolute;right:calc(100% + 65px);top:175px;width:195px;font:italic 400 42px/1.1 var(--editorial-serif);letter-spacing:-1.7px;color:#ad7761}html[lang=ko][data-link-view=public] .page-links:not(.page-link-embed) .link-visitor:before{content:'반가워요.';font-style:normal;font-size:35px}}
@media(max-width:1100px) and (min-width:701px){.a-hero-copy{padding:55px 7% 30px}.page-home .a-hero-copy h1{font-size:57px}.a-hero-visual{min-height:710px}.a-home-hero{min-height:710px}.a-phone{width:295px;top:75px}.a-phone-screen{min-height:568px}.a-hero-actions{gap:10px}.a-qr-float{left:15px;bottom:35px;transform:rotate(3deg) scale(.85);transform-origin:left bottom}.a-product-story{gap:6%;padding:85px 30px}.a-story-copy h2,.a-share-copy h2{font-size:43px}.a-story-visual{padding:45px 25px;height:440px}.a-mini-editor{width:100%;padding:20px}.a-mini-card{width:220px}.a-share-story{padding:60px 6%;gap:5%}.a-wide-card{width:380px;left:-15px;gap:12px}.a-wide-card strong{font-size:24px}.a-wide-card>img{width:90px}.page-links .link-editor-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.page-links .link-preview-panel{padding:24px}.a-benefit-strip{gap:35px}}
@media(max-width:700px){
 .top-bar-inner{min-height:76px;gap:8px}.top-bar-inner .brand{font-size:16px;letter-spacing:-.8px;gap:5px}.brand-mark{width:31px;height:20px}.ui-language{margin-left:auto;gap:5px;font-size:10px}.ui-language select{max-width:84px;padding:6px 18px 6px 6px;font-size:10px}.nav-toggle{width:40px;height:44px;min-width:40px}.site-nav{background:#fffdf7;border-color:#e4ddd4}.site-nav a{min-height:48px;display:flex;align-items:center}.container{width:calc(100% - 40px)}
 .a-home-hero{display:flex;flex-direction:column;margin:0 12px;min-height:0}.a-hero-copy{padding:27px 12px 34px}.a-eyebrow{font-size:9px;letter-spacing:1.4px}.page-home .a-hero-copy h1{font-size:54px;line-height:1.01;letter-spacing:-2.7px;margin:22px 0 22px}.a-hero-description{font-size:14px;line-height:1.65;max-width:310px}.a-hero-actions{gap:18px;margin-top:24px;width:100%}.a-hero-actions .button-pill{min-height:51px;padding:15px 19px;gap:12px;font-size:12px}.a-text-link{font-size:11px;gap:8px}.a-assurances{font-size:9px;gap:13px;margin-top:18px}.a-hero-bottom{display:none}.a-hero-visual{min-height:623px;border-radius:22px}.a-scene-label{left:21px;right:21px;top:21px;font-size:7px;letter-spacing:1px}.a-phone{width:278px;border-radius:41px;padding:8px;top:63px;transform:translateX(-47%) rotate(-7deg)}.a-phone-screen{min-height:492px;border-radius:33px;padding-bottom:10px}.a-phone-status{height:35px;padding:0 18px;font-size:8px}.a-phone-island{width:76px;height:19px;top:7px}.a-sample-brand{height:29px;font-size:5px;padding:0 16px}.a-sample-brand img{width:25px}.a-sample-portrait{height:172px}.a-sample-details{padding:16px 17px 0}.a-sample-card h2{font-size:30px}.a-sample-hello{font-size:5px}.a-sample-role{font-size:8px}.a-sample-contact{font-size:8px;min-height:33px}.a-sample-link{padding:10px}.a-sample-link strong{font-size:9px}.a-sample-save{min-height:35px;font-size:9px;margin-top:12px}.a-sample-signature{margin:13px 0 9px}.a-qr-float{left:17px;bottom:30px;padding:12px;gap:10px;border-radius:15px}.a-qr-float>img{width:62px;height:62px}.a-qr-float small{font-size:6px}.a-qr-float strong{font-size:19px}.a-qr-float span{font-size:7px}.a-scene-caption{bottom:13px;right:18px;font-size:7px}.a-benefit-strip{padding:27px 19px;gap:15px;justify-content:space-between;font-size:9px}.a-benefit-strip>span{gap:6px;flex:1;line-height:1.6}.a-benefit-strip b{font-size:18px}
 .a-product-story{display:flex;flex-direction:column;padding:57px 24px 55px;gap:35px}.a-story-visual{height:367px;width:100%;padding:36px 22px;border-radius:21px}.a-mini-editor{width:95%;padding:20px 17px}.a-mini-top{margin-bottom:21px}.a-mini-person{gap:10px;margin-bottom:19px}.a-mini-person>img{width:43px;height:43px}.a-mini-person strong{font-size:23px}.a-demo-chips{gap:5px}.a-demo-chips>span{font-size:7px;padding:6px}.a-mini-field{font-size:10px}.a-mini-swatches{margin-top:18px}.a-mini-card{width:193px;right:16px;bottom:28px;padding:15px 18px}.a-mini-card strong{font-size:31px;margin:10px 0}.a-mini-card small{font-size:5.5px}.a-mini-card strong>span{font-size:25px}.a-art-sample{font-size:7px}.a-story-copy{width:100%}.a-story-copy h2,.a-share-copy h2{font-size:42px;letter-spacing:-2px;margin:18px 0 20px}.a-story-copy>p:not(.a-eyebrow),.a-share-copy>p:not(.a-eyebrow){font-size:14px;line-height:1.8}.a-story-copy ul{font-size:12px;gap:15px;margin:24px 0 18px}.a-story-copy .a-text-link{font-size:12px}.a-share-story{display:flex;flex-direction:column;padding:53px 24px 25px;gap:26px;overflow:hidden}.a-share-copy{width:100%}.a-share-copy .button-pill{margin-top:17px;font-size:12px;min-height:51px;padding:15px 20px}.a-share-art{width:100%;height:355px}.a-wide-card{left:-4px;top:31px;width:calc(100% - 4px);padding:12px;gap:12px;border-radius:13px}.a-wide-card>img{height:118px;width:87px}.a-wide-card strong{font-size:25px;letter-spacing:-1px}.a-wide-card small{font-size:5px;letter-spacing:.5px;margin-bottom:4px}.a-wide-card span{font-size:6px}.a-wide-card span:last-child{font-size:8px;margin-top:8px}.a-wide-card>img.a-wide-logo{width:26px;height:11px;right:14px;top:13px}.a-meet-tile{width:156px;padding:17px;right:2px;bottom:31px}.a-meet-tile>img{width:110px;height:110px;margin:11px 0}.a-meet-tile strong{font-size:19px}.a-saved-pill{bottom:49px;left:0;font-size:9px;padding:12px}.a-share-art .a-art-sample{left:0;bottom:3px}.a-format-section{padding:49px 24px 0}.a-formats{grid-template-columns:1fr;gap:7px;margin-top:23px}.a-formats article{padding:20px 0 15px}.a-formats h3{font-size:25px;margin:13px 0 9px}.a-formats p{font-size:12px;margin:0}.a-closing-cta{padding:59px 24px 58px}.a-closing-cta h2{font-size:43px;letter-spacing:-2px;margin:20px 0 26px}.a-closing-cta .button-pill{min-height:53px;font-size:13px;padding:16px 23px}.a-closing-cta>p:last-child{font-size:11px;line-height:1.7;max-width:280px;margin:20px auto 0}.a-more-links{grid-template-columns:1fr;gap:23px;padding-bottom:40px}.a-more-links>a{padding-top:19px;gap:9px}.a-more-links strong{font-size:17px}.a-more-links span{font-size:11px}body:not(.page-admin) .site-footer{padding-top:36px}
 .page-links [data-link-editor]>.subpage-hero{padding:18px 0 22px}.page-links [data-link-editor]>.subpage-hero h1{font-size:39px;letter-spacing:-1.8px;margin:18px 0 12px}.page-links .hero-subtitle{font-size:12px;line-height:1.8}.page-links .link-editor-layout{display:flex;flex-direction:column;gap:30px}.page-links [data-link-builder]{width:100%;order:1}.page-links .link-preview-panel{position:static;width:100%;padding:23px 18px;order:2;border-radius:18px}.page-links .link-preview-panel .sm-card{padding-left:23px;padding-right:23px;--card-name:36px}.page-links .link-preview-panel .sm-card .link-avatar{height:211px}.page-links .link-chapter-nav{gap:10px;margin:0 0 25px}.page-links .link-chapter-nav a{font-size:9px;gap:5px;min-height:45px}.page-links .link-chapter-nav a span{font-size:11px}.page-links [data-link-name]{font-size:30px;min-height:69px}.page-links .link-chapter-actions{padding-top:24px}.page-links .link-chapter-actions>.utility-primary{min-height:49px;font-size:12px}.page-links .link-photo-disclosure>summary{min-height:61px}.page-links .link-information-note{font-size:10px;line-height:1.8}.page-links .link-style-choice{min-height:76px}.page-links .link-preview-heading>span{font-size:8px}
 .page-links .link-mobile-preview{display:flex!important;order:0;position:sticky;top:0;z-index:20;bottom:auto;left:auto;right:auto;transform:none;width:calc(100% + 40px);margin:-2px -20px -9px;padding:11px 20px;min-height:69px;border:0;border-top:1px solid #e0d8e7;border-bottom:1px solid #e0d8e7;border-radius:0;background:#e8e2f0;color:#29221e;box-shadow:none;align-items:center;justify-content:space-between;gap:18px}.link-mobile-preview-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.link-mobile-preview-copy small{font-size:7px;letter-spacing:1px;color:#746883}.link-mobile-preview-copy strong{display:block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 20px var(--editorial-serif);letter-spacing:-.5px}.link-mobile-preview-open{flex-shrink:0;font-size:10px;background:#fffdf8;border-radius:40px;min-height:40px;padding:12px 15px}.page-links .link-share-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:16px}
 .page-links:not(.page-link-embed) .link-visitor{width:calc(100% - 28px);max-width:438px;margin:22px auto 34px}.page-links:not(.page-link-embed) .link-visitor .sm-card{padding-left:25px;padding-right:25px;--card-name:42px}.page-links:not(.page-link-embed) .link-visitor .sm-card .link-avatar{height:224px}.page-links:not(.page-link-embed) .link-visitor .sm-card[data-has-photo=false] .link-avatar{height:145px}.page-links:not(.page-link-embed) .link-visitor .sm-card[data-shape=circle] .link-avatar{width:180px;height:180px}.page-links:not(.page-link-embed) .link-visitor .sm-card[data-name-size=medium]{--card-name:35px}.page-links:not(.page-link-embed) .link-visitor .sm-card[data-name-size=long]{--card-name:28px}.page-links:not(.page-link-embed) .link-visitor .sm-card .link-contact-actions{order:0;margin:0 0 20px}.page-links:not(.page-link-embed) .link-visitor .sm-card[data-density=minimal] .link-contact-actions{margin-top:14px}.page-links .link-public-utilities{margin-top:10px}
 html[lang=ko] .a-hero-copy h1{font-size:47px;letter-spacing:-2.5px;line-height:1.2}html[lang=ko] .a-story-copy h2,html[lang=ko] .a-share-copy h2{font-size:37px;letter-spacing:-2px;line-height:1.25}html[lang=ko] .a-hero-actions{gap:16px}html[lang=ko] .a-hero-actions .button-pill{font-size:12px;padding:15px 17px}
}
@media(prefers-reduced-motion:reduce){.a-home-hero *,.page-links *{scroll-behavior:auto!important;transition:none!important}}

/* Specificity boundary against the previous product styles. */
body.page-home:not(.page-actions),body:not(.page-admin){--bg:#fffdf7;--text:#29221e;--muted:#776c63;--accent:#a64b3e;--line:#e4ddd4;--line-soft:#eee7dd;--body:Arial,'Malgun Gothic',sans-serif;background:var(--bg)}
body.page-home:not(.page-actions) .site-footer{background:#f3ede2}body.page-home:not(.page-actions) .site-footer :is(.footer-heading,.footer-copy,.footer-explore a,.footer-contact a,.footer-support-label,.footer-legal-nav a){color:#776c63}
body.page-home:not(.page-actions) :is(.a-home-hero,.a-share-story,.a-closing-cta) .button-pill.button-primary,.page-links [data-link-builder] .tool-copy-button.utility-primary{border-radius:40px;color:#29221e;background:#fa705c;border-color:#fa705c;box-shadow:none;font-family:Arial,'Malgun Gothic',sans-serif}
body.page-home:not(.page-actions) :is(.a-home-hero,.a-share-story,.a-closing-cta) .button-pill.button-primary:hover,.page-links [data-link-builder] .tool-copy-button.utility-primary:hover{background:#ef624f;border-color:#ef624f}
body.page-home:not(.page-actions) .a-share-story .button-pill.button-primary{background:#29221e;color:#fffdf7;border-color:#29221e}
.top-bar-inner .brand{text-transform:none}.page-links [data-link-editor]>.section{background:#fffdf7}.page-links [data-link-builder] .link-chapter-nav a{font-family:Arial,'Malgun Gothic',sans-serif;letter-spacing:0}
.page-links [data-link-builder] .link-chapter .tool-field>[data-link-name]{font:400 34px/1.3 var(--editorial-serif);color:#29221e}
.page-links [data-link-builder] .link-chapter .tool-field>span{font-family:Arial,'Malgun Gothic',sans-serif;font-size:12px;font-weight:500;color:#776c63}
.page-links .link-preview-panel .link-preview-frame{width:100%;max-width:358px;justify-self:center;margin:0 auto}.page-links .link-preview-panel{padding:28px 40px 30px}.page-links .link-preview-heading{margin-bottom:24px}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-profession{align-self:stretch;justify-content:flex-start;text-align:left;width:100%}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-identity .link-avatar img{object-position:50% 30%}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card .link-card-edition .link-card-mark{width:auto;height:auto}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface[data-theme=soft]{--lp-bg:#edf3fb;--lp-text:#293c58;--lp-muted:#61738b;--lp-line:#cfdaea;--lp-item:#dce7f5;--card-accent:#aec7e7}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface[data-theme=ink]{--lp-bg:#272628;--lp-text:#fff7eb;--lp-muted:#bdb3b0;--lp-line:#494346;--lp-item:#403638;--card-accent:#e5b59c}
.page-links:not(.page-link-embed) .link-visitor{background:transparent;padding:0}.page-links:not(.page-link-embed) .sm-card [data-link-public-share]{position:static;inset:auto;border-radius:50%;background:transparent;color:var(--lp-text);border-color:var(--lp-line)}
.page-links:not(.page-link-embed) .sm-card .link-social-icon{border-radius:50%;background:var(--lp-item);color:var(--lp-text)}
.page-links:not(.page-link-embed) .sm-card .link-item-title{font-size:13px;font-weight:600}.page-links:not(.page-link-embed) .sm-card .link-item-domain{font-size:10px}.page-links:not(.page-link-embed) .sm-card .link-public-item:before{display:none}
.link-public-companion{display:none}.link-public-companion canvas{box-sizing:content-box;width:auto;height:auto;max-width:none;background:#fff;border:14px solid #fff;border-radius:14px;image-rendering:pixelated}.link-public-companion>p{font:400 29px/1.12 var(--editorial-serif);letter-spacing:-1px;margin:24px 0 13px}.link-public-companion>small{font-size:9px;letter-spacing:1.2px;display:block;margin-bottom:22px}.link-public-companion>button{background:none;border:0;min-height:44px;padding:0;font-size:11px;font-weight:600;cursor:pointer}
@media(min-width:1100px){.page-links:not(.page-link-embed) .link-visitor{margin-top:70px}.link-public-companion:not([hidden]){display:block;position:absolute;left:calc(100% + 65px);top:200px;width:286px}html[data-link-view=public] .page-links:not(.page-link-embed) .link-visitor:before{color:#29221e;font-size:62px;letter-spacing:-3px;font-style:normal;width:225px;right:calc(100% + 70px);top:200px}}
@media(max-width:700px){.page-links [data-link-builder] .link-chapter .tool-field>[data-link-name]{font-size:30px}.page-links .link-preview-panel{padding:24px 18px}.page-links .link-preview-dialog .link-preview-panel{padding:0}.page-links .link-preview-dialog .sm-card{--card-name:36px}.page-links .link-preview-dialog .link-preview-frame{max-width:none}.page-links .link-preview-dialog{margin:auto;max-height:calc(100dvh - 24px)}body.page-home:not(.page-actions) .a-hero-actions .button-pill.button-primary{width:auto;min-width:0;flex:0 1 auto}.page-home .a-hero-actions{flex-wrap:nowrap;gap:17px}.page-home .a-hero-actions .a-text-link{white-space:nowrap;font-size:10px}.page-links .link-visitor .link-profile-bio{font-size:12px}}

@media(max-width:700px){.page-links .link-editor-layout [data-link-editor-form]{display:block;width:100%;order:1}.page-links .link-editor-layout{padding-bottom:0}.page-links .link-editor-layout .link-mobile-preview{max-width:none;width:calc(100% + 40px);order:0;flex-shrink:0}.page-links .link-preview-panel .link-preview-frame{width:100%}}

/* The same card language continues through the share kit and Meet Mode. */
body.page-links:not(.page-link-embed) .sm-card.link-surface .link-contact-actions>button.link-public-share{color:var(--lp-text);border-color:var(--lp-line);background:transparent;border-radius:50%}
.page-links .link-share-dialog{color:#29221e;border-color:#e4ddd4}.page-links .link-share-dialog::backdrop{background:#29221e88;backdrop-filter:none}
.page-links .link-share-dialog .link-share-action{border-radius:12px;background:#fffdf8;color:#29221e;border-color:#e4ddd4;box-shadow:none}.page-links .link-share-dialog .link-share-action:hover{background:#fff1e8}.page-links .link-share-dialog .link-share-action[aria-pressed=true]{background:#ffe4da;border-color:#b85847;box-shadow:inset 0 0 0 1px #b85847}
.page-links .link-share-dialog :is(.link-gallery-note,.link-gallery-intro,.link-share-eyebrow,.link-share-status,.link-format-meta,.link-share-stage p,.link-share-stage .tool-field>span){color:#776c63}
.page-links .link-share-dialog :is(.link-share-header h2,.link-share-stage h3){color:#29221e}.page-links .link-share-dialog .link-share-stage h3{font-family:var(--editorial-serif);font-size:26px;font-weight:400;letter-spacing:-.6px}.page-links .link-share-dialog .link-share-stage{background:transparent;border-color:#e4ddd4}
.page-links .link-share-dialog .link-share-stage .tool-copy-button{border-radius:40px;border-color:#dfd2c5}.page-links .link-share-dialog .link-share-stage .utility-primary{background:#fa705c;color:#29221e;border-color:#fa705c;font-weight:700}.page-links .link-share-dialog .link-share-close{border-color:#dfd2c5;border-radius:40px}
.page-links .link-share-dialog .link-share-segments{background:#f1e9de;border:1px solid #e0d4c7;border-radius:10px}.page-links .link-share-dialog .link-share-segment{color:#776c63;border-radius:7px;font-size:12px}.page-links .link-share-dialog .link-share-segment[aria-checked=true]{color:#29221e;border-color:#d4b9a7;background:#fffdf8}
.page-links .link-share-dialog .link-embed-preview{background:#e8e2f0;border-color:#d8cce0;border-radius:12px}.page-links .link-share-dialog .link-share-stage textarea{border-color:#e0d4c7;border-radius:10px;background:#fffdf8}
.page-links .link-share-dialog[data-meet=true]{border:1px solid #e4ddd4;border-radius:22px;background:#fffdf7}.page-links .link-share-dialog[data-meet=true] .link-meet-identity h3{font:400 42px/1.1 var(--editorial-serif);letter-spacing:-1.5px;color:#29221e}.page-links .link-share-dialog[data-meet=true] .link-meet-kicker{color:#a64b3e}.page-links .link-meet-qr{border:0;border-radius:14px;overflow:hidden;background:#fff}
.page-links [data-style-choice=theme] [data-choice=simple] .link-style-sample{background:#fffdf8;color:#29221e;border-color:#fa705c}.page-links [data-style-choice=theme] [data-choice=soft] .link-style-sample{background:#edf3fb;color:#293c58;border-color:#aec7e7}.page-links [data-style-choice=theme] [data-choice=ink] .link-style-sample{background:#272628;color:#fff7eb;border-color:#e5b59c}
.page-about .about-hero-accent{color:#a64b3e}.page-tools :is(.link-feature-card,.tool-link-feature){background:#f8e9de;border-radius:16px;border-color:#e4ddd4}.page-signals :is(.opportunity-profile-card,.opportunity-profile-form,.todays-actions,.live-widget-showcase-grid,.live-widget-code-panel){background:#f6f1e8;border-radius:14px;border-color:#e4ddd4}.page-signals .opportunity-card{background:#fffdf8;border-radius:12px;border-color:#e4ddd4}.page-signals .opportunity-card.is-selected{background:#fff0e6;border-color:#b85847}.page-signals .live-widget-code{background:#fffdf8;border-color:#e4ddd4;border-radius:10px}

@media(min-width:1100px) and (max-width:1279px){.page-links .link-public-companion:not([hidden]){display:none}}

/* Final A polish: a quiet identity seal and readable, integer-module QR display. */
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card.link-surface[data-has-photo=false] .link-identity .link-avatar{width:88px;height:88px;align-self:flex-start;margin:14px 0 28px;background:var(--lp-item);border:1px solid var(--lp-line)}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card.link-surface[data-has-photo=false] .link-monogram{font-size:36px;letter-spacing:-1px;line-height:1}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card.link-surface[data-has-photo=false][data-density=minimal] .link-identity{padding-bottom:24px}
.link-public-companion canvas{display:block;width:var(--qr-side);height:var(--qr-side);border-radius:12px}
.link-public-companion .link-public-qr-note{font:400 13px/1.65 Arial,'Malgun Gothic',sans-serif;color:#776c63;max-width:300px;margin:0 0 12px}
.link-public-companion>small{font-size:11px;letter-spacing:.8px;margin-bottom:16px}.link-public-companion>button{font-size:13px}
@media(min-width:1280px){.link-public-companion:not([hidden]){position:static;width:100%;max-width:none;margin:42px auto 0;padding-top:28px;border-top:1px solid #d9cfc3;text-align:center}.link-public-companion canvas{margin:0 auto}.link-public-companion>p{font-size:22px;letter-spacing:-.5px;margin:18px 0 10px}.link-public-companion .link-public-qr-note{margin:0 auto 8px;max-width:320px}}
@media(max-width:700px){
 .page-links .link-editor-layout .link-mobile-preview{top:calc(76px + env(safe-area-inset-top,0px))}
 .page-links .link-mobile-preview-copy small{font-size:10px;letter-spacing:.6px}.page-links .link-mobile-preview-open{font-size:12px;min-height:44px}
 .page-links .link-chapter-nav a{font-size:11px}.page-links .link-information-note,.page-links .tool-helper-text{font-size:12px;line-height:1.75}
 .page-links .link-preview-heading h2,.page-links .link-preview-heading>span{font-size:11px}.page-links .link-information-remove{font-size:12px}
 .page-links:not(.page-link-embed) .sm-card .link-item-domain{font-size:12px}.page-links .link-public-utilities a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
 .page-home .a-assurances{font-size:11px}.page-home .a-benefit-strip{font-size:11px}.page-home .a-scene-caption,.page-home .a-art-sample{font-size:9px}
}

/* Card content controls; global branding and footer attribution are unchanged. */
.link-text-size-control{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.link-text-size-control label>span{display:flex;justify-content:space-between;align-items:center}.link-text-size-control output{font-variant-numeric:tabular-nums;color:var(--text)}.link-text-size-control input[type=range]{width:100%;min-height:44px;accent-color:#a64b3e;cursor:pointer}.link-text-size-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.link-text-size-foot button{font-size:12px}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card.link-surface{padding-top:20px}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant=full]),.link-preview-dialog) .sm-card.link-surface .link-identity [data-profile-name]{font-size:calc(var(--card-name) * var(--item-text-scale,var(--card-text-scale,1)))}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-profession :is([data-profile-title],[data-profile-company]){font-size:calc(15px * var(--item-text-scale,var(--card-text-scale,1)))}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-identity .link-profile-bio{font-size:calc(15px * var(--item-text-scale,var(--card-text-scale,1)))}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-contact-value{font-size:calc(15px * var(--item-text-scale,var(--card-text-scale,1)))}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-item-title{font-size:calc(15px * var(--item-text-scale,var(--card-text-scale,1)));line-height:1.5}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-item-domain{font-size:calc(11px * var(--item-text-scale,var(--card-text-scale,1)));line-height:1.5}
.page-link-embed [data-variant=compact] .sm-card.link-surface [data-profile-name]{font-size:calc(1.16rem * var(--item-text-scale,var(--card-text-scale,1)))}
.page-link-embed [data-variant=badge] .sm-card.link-surface [data-profile-name]{font-size:calc(1rem * var(--item-text-scale,var(--card-text-scale,1)));line-height:1}
.page-link-embed [data-variant=badge] .sm-card.link-surface{grid-template-rows:20px 18px}
.page-link-embed :is([data-variant=compact],[data-variant=badge]) .sm-card.link-surface .link-monogram{font-size:18px;line-height:1;white-space:nowrap;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.page-links .link-share-dialog[data-meet=true] .link-meet-identity h3{font-size:calc(42px * var(--item-text-scale,var(--card-text-scale,1)))}.page-links .link-share-dialog[data-meet=true] .link-meet-profession{font-size:calc(13px * var(--item-text-scale,var(--card-text-scale,1)))}
@media(max-width:700px){:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-item-domain{font-size:calc(12px * var(--item-text-scale,var(--card-text-scale,1)))}}
.link-item-size{grid-column:1/-1;margin:8px 0 14px;min-width:0}.link-item-size>summary{cursor:pointer;display:flex;align-items:center;gap:10px;min-height:36px;font-size:12px;color:var(--muted);width:fit-content}.link-item-size>summary::before{content:'Aa';font-family:Georgia,serif;color:#a64b3e}.link-item-size[open]{padding:0 0 12px;border-bottom:1px solid var(--line)}.link-item-size .link-text-size-control{margin:8px 0 0;padding:0;border:0}.link-item-size .tool-helper-text{margin-top:8px;font-size:12px}.link-row-order{grid-column:1/-1;display:flex;gap:12px}.link-row-order button{min-height:36px;background:transparent;border:0;font-size:12px;color:var(--muted)}.link-row-order button:disabled{opacity:.35}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-item-host{font-size:calc(13px * var(--item-text-scale,var(--card-text-scale,1)));line-height:1.5;overflow-wrap:anywhere}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-social-icon{width:auto;max-width:100%;padding:10px 12px;gap:8px;border-radius:24px;height:auto;min-height:44px;display:inline-flex;align-items:center}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-social-icon svg{width:18px;height:18px;flex:0 0 18px}
:is(.page-links,.link-preview-dialog) .sm-card.link-surface .link-social-label{font-size:calc(15px * var(--item-text-scale,var(--card-text-scale,1)));line-height:1.4;overflow-wrap:anywhere}
.page-links .link-meet-profession span{font-size:calc(13px * var(--item-text-scale,var(--card-text-scale,1)))}


/* Two-step card studio: optional controls stay behind deliberate disclosures. */
.page-links [data-link-builder] :is(.link-photo-disclosure,.link-design-disclosure)>summary:has(.link-disclosure-hint)::after{margin-left:0}
.page-links [data-link-builder] .link-photo-field{border:0}
.page-links [data-link-builder] .link-photo-formats{margin-left:auto;align-self:center;font-size:11px;color:#8a796b;white-space:nowrap}
@media(max-width:700px){.page-links [data-link-builder] .link-photo-formats{font-size:10px;margin-left:0}}

.page-links [data-link-builder] .link-chapter-body{display:block}
.page-links [data-link-builder] .link-chapter-body[hidden]{display:none}
.page-links [data-link-builder] .link-information-fields:not(:has(>[data-information]:not([hidden]))){display:none}
.page-links [data-link-builder] .link-photo-field{gap:8px}
.page-links [data-link-builder] .link-photo-field p{margin:0}
.page-links [data-link-builder] .link-publish-panel{background:#fff5ec;border:1px solid #e7d6c7;border-radius:16px;padding:28px;box-shadow:none;color:#392c24}
.page-links [data-link-builder] .link-publish-panel :is(h3,h4,.link-completion-copy,.link-completion-open){color:#49372c}
.page-links [data-link-builder] .link-publish-panel :is(.link-completion-utility,.link-publish-details){border-color:#e7d6c7}
.page-links [data-link-builder] .link-publish-panel .tool-copy-button:not(.utility-primary){border-color:#dcc8b6;background:transparent;color:#624739;border-radius:8px}
.page-links [data-link-builder] .link-publish-panel .link-completion-kicker{color:#92715b}

.page-links [data-link-editor]>.subpage-hero{padding-bottom:28px}
.page-links .link-editor-layout{gap:72px;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr)}
.page-links [data-link-builder] .link-chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:30px}
.page-links [data-link-builder] .link-chapter-nav a{font-size:12px;min-height:52px;color:#8a7b70;border-bottom:2px solid #e8dfd5;box-shadow:none;gap:12px}
.page-links [data-link-builder] .link-chapter-nav a span{font-size:15px;font-weight:500}
.page-links [data-link-builder] .link-chapter-nav a[aria-current]{border-color:#f57563;color:#29221e}
.page-links [data-link-builder] .link-chapter-nav a[aria-current] span{font-weight:650}
.page-links [data-link-builder] [data-link-name]{font-size:42px;padding:12px 0 16px!important;min-height:66px}
.page-links [data-link-builder] .tool-field>span{font-size:13px;color:#796a60}
.page-links [data-link-builder] .link-item-size{margin:4px 0 8px}
.page-links [data-link-builder] .link-item-size>summary{min-height:36px;color:#796a60;font-size:12px;gap:7px}
.page-links [data-link-builder] .link-item-size[open]{padding-bottom:12px;border-color:#e8dfd5}
.page-links [data-link-builder] .link-information-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.page-links [data-link-builder] .link-information-field{margin:20px 0 0;min-width:0}
.page-links [data-link-builder] .link-information-field[data-information=bio]{grid-column:1/-1}
.page-links [data-link-builder] .link-information-remove{font-size:11px;top:-15px}
.page-links [data-link-builder] .link-information-field .tool-input{font-size:15px}
.page-links [data-link-builder] .link-information-picker{margin:18px 0 0;border:0;border-radius:0;background:transparent}
.page-links [data-link-builder] .link-information-picker>summary{display:inline-flex;width:auto;min-height:44px;padding:9px 0;font-size:15px;font-weight:600;color:#a64737;border:0;justify-content:flex-start}
.page-links [data-link-builder] .link-information-options{padding:10px 0;gap:8px}.page-links [data-link-builder] .link-information-options button{font-size:13px;background:#f5eee7;border-radius:5px}
.page-links [data-link-builder] .link-information-note{font-size:12px;line-height:1.65;margin:2px 0 24px;color:#827368}
.page-links [data-link-builder] :is(.link-photo-disclosure,.link-framing-disclosure,.link-design-disclosure){border:0;border-top:1px solid #e6ddd3;margin:0;padding:0;background:transparent;min-width:0}
.page-links [data-link-builder] :is(.link-photo-disclosure,.link-framing-disclosure,.link-design-disclosure)>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:64px;padding:18px 0;cursor:pointer;font-size:16px;font-weight:600;color:#302720}
.page-links [data-link-builder] :is(.link-photo-disclosure,.link-framing-disclosure,.link-design-disclosure)>summary::-webkit-details-marker{display:none}
.page-links [data-link-builder] :is(.link-photo-disclosure,.link-framing-disclosure,.link-design-disclosure)>summary>.link-disclosure-hint{margin-left:auto;font-size:12px;font-weight:400;color:#827368}
.page-links [data-link-builder] :is(.link-photo-disclosure,.link-framing-disclosure,.link-design-disclosure)>summary::after{content:'+';font-size:20px;font-weight:400;width:18px;margin-left:auto;text-align:center;color:#a64b3e}
.page-links [data-link-builder] :is(.link-photo-disclosure,.link-framing-disclosure,.link-design-disclosure)[open]>summary::after{content:'−'}
.page-links [data-link-builder] .link-photo-heading{display:none}
.page-links [data-link-builder] .link-photo-field{padding:0 0 18px}
.page-links [data-link-builder] .tool-helper-text{font-size:12px;line-height:1.7;color:#796a60}
.page-links [data-link-builder] [data-link-photo-status]:empty{display:none}
.page-links [data-link-builder] .link-photo-actions{gap:10px}
.page-links [data-link-builder] .link-photo-actions .tool-copy-button{font-size:13px;min-height:44px;border-radius:8px;padding:10px 16px}
.page-links [data-link-builder] .link-design-body{padding:4px 0 20px;display:grid;gap:18px}
.page-links [data-link-builder] .link-design-body>.tool-field{margin:0;gap:10px}
.page-links [data-link-builder] .link-style-choices{gap:8px}
.page-links [data-link-builder] .link-style-choice{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:9px 6px;border:1px solid transparent;border-bottom-color:#e3d7ca;border-radius:4px;background:transparent;color:#68584d;font-size:13px;line-height:1.4;box-shadow:none}
.page-links [data-link-builder] .link-style-choice[aria-checked=true]{color:#34251d;border-color:#dba58d;background:#fff1e8;box-shadow:none}
.page-links [data-link-builder] .link-style-choice:focus-visible{outline:2px solid #a64b3e;outline-offset:3px}
.page-links [data-link-builder] [data-style-choice=shape] .link-style-sample{width:18px;height:18px;flex:0 0 18px;background:#bba99a;border:0}
.page-links [data-link-builder] [data-style-choice=theme] .link-style-sample{width:30px;height:28px;font-size:16px;flex:0 0 30px}
.page-links [data-link-builder] .link-framing-disclosure[hidden]{display:none}
.page-links [data-link-builder] .link-framing-body{padding:0 0 18px}
.page-links [data-link-builder] .link-crop{margin:0;padding:0;border:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:'photo modes' 'photo zoom' 'photo actions' 'hint hint';gap:12px 24px;align-items:center}
.page-links [data-link-builder] .link-crop[hidden]{display:none}
.page-links [data-link-builder] .link-crop>.tool-helper-text{grid-area:hint;margin:0;font-size:12px;line-height:1.65}
.page-links [data-link-builder] .link-crop-modes{grid-area:modes;display:flex;padding:3px;border:0;border-radius:7px;width:100%;margin:0;background:#f3ece4}
.page-links [data-link-builder] .link-crop-modes label{flex:1;min-height:40px;padding:9px 5px;font-size:13px;border-radius:4px}
.page-links [data-link-builder] .link-crop canvas{grid-area:photo;width:100%;max-width:290px;margin:0;display:block;align-self:center}
.page-links [data-link-builder] .link-crop>.tool-field{grid-area:zoom;width:100%;margin:0;gap:2px}
.page-links [data-link-builder] .link-crop>.link-photo-actions{grid-area:actions;margin:0;justify-content:flex-start}
.page-links [data-link-builder] .link-crop>.link-photo-actions button{padding:6px 0;border:0;background:none;color:#9c4836;min-height:40px;font-size:13px}
.page-links [data-link-builder] .link-inline-action{display:block;min-height:44px;padding:8px 0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#9c4836;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.page-links [data-link-builder] .link-frame-details{margin-top:10px}
.page-links [data-link-builder] .link-frame-details>summary{font-size:12px;min-height:40px;padding:10px 0;color:#827368;cursor:pointer}
.page-links [data-link-builder] .link-photo-frame-info{gap:10px;padding:12px;border-radius:8px;margin:4px 0 8px;background:#f4eee6;font-size:12px}
.page-links [data-link-builder] .link-photo-frame-info dt{font-size:11px}
.page-links [data-link-builder] .link-photo-frame-info dd{font-size:12px;margin-top:5px}
.page-links [data-link-builder] .link-chapter-actions{padding-top:26px}
.page-links [data-link-builder] .link-chapter-actions>.utility-primary{width:auto;min-width:220px;min-height:52px;margin-left:0;font-size:14px;border-radius:30px}
.page-links [data-link-builder] :is(.link-optional-connections,.link-links-chapter){margin:24px 0;padding:0;border:0}
.page-links [data-link-builder] :is(.link-social-row,.link-page-row){padding:16px 0;margin:0;border:0;border-bottom:1px solid #e6ddd3;background:transparent;box-shadow:none;border-radius:0;gap:12px}
.page-links [data-link-builder] :is(.link-social-row,.link-page-row) .tool-input{font-size:15px;border-radius:8px}
.page-links [data-link-builder] :is(.link-subchapter,.link-links-chapter>legend){font-size:22px}
:is(.page-links [data-link-editor],.link-preview-dialog) .link-preview-panel{background:#f5ede4;padding:28px 34px;border-radius:20px;top:100px}
:is(.page-links [data-link-editor],.link-preview-dialog) .link-preview-heading h2{font-size:13px;font-weight:600;letter-spacing:0;color:#3e3026}
:is(.page-links [data-link-editor],.link-preview-dialog) .link-preview-heading>span{font-size:12px;color:#877362}
:is(.page-links [data-link-editor],.link-preview-dialog) .link-preview-panel>.tool-helper-text{font-size:11px;color:#877362}
@media(max-width:700px){
 .page-links [data-link-editor]>.subpage-hero{padding-bottom:22px}
 .page-links [data-link-editor] .hero-subtitle{font-size:14px;line-height:1.7}
 .page-links .link-editor-layout{gap:24px}
 .page-links [data-link-builder] .link-chapter-nav{gap:20px;margin-bottom:24px}
 .page-links [data-link-builder] .link-chapter-nav a{min-height:48px;font-size:11px;gap:8px}
 .page-links [data-link-builder] .link-chapter-nav a span{font-size:14px}
 .page-links [data-link-builder] [data-link-name]{font-size:34px}
 .page-links [data-link-builder] .link-information-fields{grid-template-columns:1fr}
 .page-links [data-link-builder] .link-information-field{margin-top:16px}
 .page-links [data-link-builder] .link-item-size>summary{min-height:40px;font-size:12px}
 .page-links [data-link-builder] .link-information-note{font-size:12px}
 .page-links [data-link-builder] .link-style-choice{font-size:12px;gap:6px;min-height:48px}
 .page-links [data-link-builder] .link-chapter-actions{padding-top:22px}
 .page-links [data-link-builder] .link-chapter-actions>.utility-primary{width:100%}
 .page-links [data-link-builder] .link-crop{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'photo photo' 'modes modes' 'zoom actions' 'hint hint';gap:12px 18px}
 .page-links [data-link-builder] .link-crop canvas{width:min(100%,280px);margin:auto}
 .page-links [data-link-builder] .link-crop-modes{width:min(100%,280px);margin:auto}
 .page-links [data-link-builder] .link-crop>.link-photo-actions{align-self:end;padding-bottom:4px}
 .page-links [data-link-builder] :is(.link-photo-disclosure,.link-framing-disclosure,.link-design-disclosure)>summary{min-height:60px;font-size:15px}
 :is(.page-links [data-link-editor],.link-preview-dialog) .link-preview-panel{padding:22px 18px;border-radius:18px}
 .page-links [data-link-editor] .link-mobile-preview{background:#f5ede4;border:1px solid #e4d6c7;box-shadow:none}
 .page-links [data-link-editor] .link-mobile-preview-open{background:#fffdf7;color:#6a4938}
 :is(.page-links [data-link-editor],.link-preview-dialog) .link-preview-heading>span{font-size:11px}
}

/* Approved C workspace: real form controls, contextual tools, and a shared live canvas. */
body .sm-card .link-contact-actions>:is([data-link-preview-save],[data-link-public-save],.utility-primary){background:#292d2a;color:#fff}
body .sm-card [data-card-viral].link-card-brand{color:#858981;font-size:8px!important;letter-spacing:.25px}
body .sm-card[data-theme=ink] [data-card-viral].link-card-brand{color:#b0b2ae}
.page-links [data-c-workspace]{font-family:Arial,'Malgun Gothic',sans-serif;background:#fffdf7}
.page-links [data-c-workspace]>.subpage-hero{padding:40px 0 28px;background:transparent}
.page-links [data-c-workspace]>.subpage-hero>.container{max-width:none;width:100%;padding:0 38px}
.page-links [data-c-workspace]>.subpage-hero .utility-back{display:none;font-size:10px;min-height:26px;margin:0 0 12px;color:#8a7767}
.page-links [data-c-workspace]>.subpage-hero h1.sm-page-heading{font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif!important;font-size:clamp(42px,4.5vw,73px)!important;font-weight:750!important;line-height:1.12!important;letter-spacing:-.045em!important;color:#2c2522;margin:0;display:block;max-width:min(780px,calc(100% - 350px));text-wrap:balance}
.page-links [data-c-workspace]>.subpage-hero h1.sm-page-heading em{display:block;font-family:Georgia,"Noto Serif CJK KR",Batang,serif;font-weight:400;font-style:italic;color:#a95b53;letter-spacing:-.045em}
.page-links [data-c-workspace] .hero-subtitle{font-size:15px;line-height:1.7;color:#786d65;display:block;margin:12px 0 0;max-width:780px}
.page-links [data-c-workspace]>.section{padding:0 38px 60px}
.page-links [data-c-workspace] .link-editor-layout{max-width:1364px;width:100%;padding:0;display:grid;grid-template-columns:368px minmax(0,1fr);gap:12px;align-items:stretch;border-top:1px solid #dfd8cd;border-bottom:1px solid #dfd8cd;position:relative}
.page-links [data-c-workspace] [data-link-builder]{min-width:0;width:100%;margin:0;padding:0;align-self:stretch}
.page-links [data-c-workspace] .link-chapter-nav{position:absolute;top:-72px;right:0;left:auto;width:325px;display:flex;justify-content:flex-end;gap:28px;margin:0;padding:0;background:transparent;border:0;z-index:2}
.page-links [data-c-workspace] [data-link-builder] .link-chapter-nav a{border:0;padding:8px 0;min-height:38px;font-size:10px;gap:8px;color:#8a8175;box-shadow:none}
.page-links [data-c-workspace] [data-link-builder] .link-chapter-nav a span{font-size:12px;font-weight:400;white-space:nowrap}
.page-links [data-c-workspace] [data-link-builder] .link-chapter-nav a[aria-current]{color:#292722}
.page-links [data-c-workspace] [data-link-builder] .link-chapter-nav a[aria-current] span{font-weight:600}
.page-links [data-c-workspace] #link-identity{display:block;}
.page-links [data-c-workspace] .c-editor-controls{display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:720px;gap:0;margin:0;padding:0;border:0}
.page-links [data-c-workspace] #link-identity[data-active=false]{display:none}
.page-links [data-c-workspace] #link-identity>legend{display:none}
.c-tool-rail{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:15px;padding:30px 0;border-right:1px solid #dfd8cd}
.c-tool-rail button{width:52px;min-height:59px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:9px 3px;border:0;border-radius:7px;background:transparent;color:#8a7463;font-size:10px;font-weight:400;cursor:pointer}
.c-tool-rail svg{width:21px;height:21px;flex:none}
.c-tool-rail button[aria-selected=true]{background:#fbede4;color:#a64b3e}
.c-tool-rail button:focus-visible{outline:2px solid #a64b3e;outline-offset:3px}
.page-links [data-c-workspace] #link-identity-body{grid-column:2;grid-row:1;padding:28px 22px 0;min-width:0}
.page-links [data-c-workspace] .c-panel-heading{margin-bottom:22px}
.c-panel-kicker{font-size:8px;letter-spacing:1.5px;color:#a1634d}
.page-links [data-c-workspace] .c-panel-heading h2{font-size:20px;font-weight:400;line-height:1.4;letter-spacing:-.5px;margin:13px 0 0;color:#292722}
.page-links [data-c-workspace] [data-workspace-panel][hidden]{display:none!important}
.page-links [data-c-workspace] .tool-field{margin:0;gap:6px}
.page-links [data-c-workspace] .tool-field>span{font-size:11px;color:#806c59;line-height:1.6}
.page-links [data-c-workspace] [data-link-builder] [data-link-name]{font:400 24px/1.45 Arial,'Malgun Gothic',sans-serif;letter-spacing:-.7px;padding:9px 0 14px!important;min-height:60px}
.page-links [data-c-workspace] [data-link-builder] [data-link-name]::placeholder{color:#a99a89}
.page-links [data-c-workspace] .link-information-fields{display:block;gap:0}
.page-links [data-c-workspace] .link-information-field{margin-top:22px;padding:0}
.page-links [data-c-workspace] .link-information-field .tool-input{font-size:15px;min-height:44px;padding:8px 0}
.page-links [data-c-workspace] .link-information-field .tool-field>span{font-size:11px}
.page-links [data-c-workspace] .link-information-remove{font-size:10px;min-height:32px;padding:3px 0 3px 10px;top:-9px}
.page-links [data-c-workspace] .link-information-picker{border:0;border-radius:0;margin-top:17px;padding:0;background:transparent}
.page-links [data-c-workspace] .link-information-picker>summary{justify-content:flex-start;padding:5px 0;min-height:40px;font-size:12px;color:#a64b3e;border:0}
.page-links [data-c-workspace] .link-information-options{grid-template-columns:1fr 1fr;gap:0 14px;padding:8px 0;background:none;border-top:1px solid #dfd8cd}
.page-links [data-c-workspace] .link-information-options button{font-size:11px;min-height:38px;padding:7px 0;border:0;background:none;text-align:left;justify-content:flex-start}
.page-links [data-c-workspace] .link-information-note{font-size:10px;line-height:1.7;color:#8b7765;margin:9px 0 0}
.page-links [data-c-workspace] .link-item-size{margin:4px 0 0}
.page-links [data-c-workspace] .link-item-size>summary{font-size:10px;min-height:30px;padding:4px 0;color:#8e7967}
.page-links [data-c-workspace] .link-text-size-control{padding:10px 0;border:0;background:transparent}
.page-links [data-c-workspace] .link-text-size-control .tool-helper-text{font-size:10px;line-height:1.6}
.page-links [data-c-workspace] .link-text-size-foot{font-size:10px;gap:8px}
.page-links [data-c-workspace] .link-text-size-foot button{font-size:10px;min-height:32px;padding:5px}
.page-links [data-c-workspace] :is(.link-photo-disclosure,.link-design-disclosure){padding:0;margin:0;border:0}
.page-links [data-c-workspace] :is(.link-photo-disclosure,.link-design-disclosure)>summary{display:none}
.page-links [data-c-workspace] .link-photo-field{padding:0}
.page-links [data-c-workspace] .link-photo-actions{display:flex;flex-wrap:wrap;gap:8px}
.page-links [data-c-workspace] .link-photo-actions .tool-copy-button{min-height:38px;font-size:11px;padding:8px 10px;border:1px solid #dfd8cd;border-radius:5px;background:transparent;color:#544638}
.page-links [data-c-workspace] .link-photo-formats{font-size:9px;display:block;margin:0;width:100%;color:#8f7864}
.page-links [data-c-workspace] .tool-helper-text{font-size:11px;line-height:1.7;color:#806e5d}
.page-links [data-c-workspace] [data-link-photo-status]{margin-top:10px;font-size:10px}
.page-links [data-c-workspace] .link-framing-disclosure{margin-top:20px;border-top:1px solid #dfd8cd}
.page-links [data-c-workspace] .link-framing-disclosure>summary{min-height:54px;padding:14px 0;font-size:13px}
.page-links [data-c-workspace] .link-framing-body{padding:0}
.page-links [data-c-workspace] .link-crop{display:grid;grid-template-columns:1fr auto;grid-template-areas:'photo photo' 'modes modes' 'zoom actions' 'hint hint';gap:12px 10px;margin:0;padding:0}
.page-links [data-c-workspace] .link-crop canvas{width:calc(100% - 28px);max-width:235px;margin:auto;grid-area:photo}
.page-links [data-c-workspace] .link-crop>.tool-helper-text{font-size:10px;line-height:1.7;margin:0;color:#917a65}
.page-links [data-c-workspace] .link-crop-modes{width:100%;background:#f1ece3;padding:3px;border:0;border-radius:6px}
.page-links [data-c-workspace] .link-crop-modes label{font-size:11px;min-height:34px;padding:8px 4px;border-radius:4px}
.page-links [data-c-workspace] .link-crop-modes label:has(input:checked){background:#fffdf7;color:#a64b3e}
.page-links [data-c-workspace] .link-crop>.tool-field>span{font-size:10px}
.page-links [data-c-workspace] .link-crop>.link-photo-actions{align-self:end;margin-bottom:2px}
.page-links [data-c-workspace] .link-crop>.link-photo-actions button{border:0;background:none;padding:4px 0;min-height:32px;font-size:10px;color:#a64b3e}
.page-links [data-c-workspace] input[type=range]{accent-color:#a64b3e}
.page-links [data-c-workspace] .link-frame-details{margin-top:8px}
.page-links [data-c-workspace] .link-frame-details>summary{font-size:10px;min-height:36px;padding:8px 0}
.page-links [data-c-workspace] .link-photo-frame-info{grid-template-columns:1fr;gap:8px;padding:10px;background:#f2ece2;font-size:10px}
.page-links [data-c-workspace] .link-photo-frame-info>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.page-links [data-c-workspace] .link-photo-frame-info dt,.page-links [data-c-workspace] .link-photo-frame-info dd{font-size:10px}
.page-links [data-c-workspace] .link-design-body{padding:0;gap:28px}
.page-links [data-c-workspace] .link-style-choices{gap:6px}
.page-links [data-c-workspace] .link-style-choice{font-size:10px;line-height:1.4;min-height:38px;padding:7px 3px;gap:5px;border:1px solid #dfd8cd;background:transparent;border-radius:5px;color:#73614f}
.page-links [data-c-workspace] .link-style-choice[aria-checked=true]{border-color:#c18770;background:#fbefe5;color:#a64b3e}
.page-links [data-c-workspace] [data-style-choice=shape] .link-style-sample{width:10px;height:10px;flex:0 0 10px;background:#bfaf9c}
.page-links [data-c-workspace] [data-style-choice=theme] .link-style-choice{border:0;padding:7px 2px;justify-content:flex-start;font-size:10px}
.page-links [data-c-workspace] [data-style-choice=theme] .link-style-sample{width:18px;height:18px;flex:0 0 18px;border-radius:50%;font-size:0;background:#f0e9dd;border:1px solid #d5c5af}
.page-links [data-c-workspace] [data-style-choice=theme] [data-choice=soft] .link-style-sample{background:#c6d0df}
.page-links [data-c-workspace] [data-style-choice=theme] [data-choice=ink] .link-style-sample{background:#35332e}
.page-links [data-c-workspace] [data-style-choice=theme] [aria-checked=true] .link-style-sample{outline:1px solid #a64b3e;outline-offset:3px}
.page-links [data-c-workspace] [data-style-choice=theme] [aria-checked=true]{background:none}
.page-links [data-c-workspace] .c-editor-controls>.link-chapter-actions{grid-column:2;grid-row:2;padding:25px 22px 28px;margin:0}
.page-links [data-c-workspace] .link-chapter-actions>.utility-primary{min-width:0;width:100%;min-height:48px;padding:12px 14px;font-size:12px;border-radius:28px;margin:0}
.page-links [data-c-workspace] :is(.link-social-row,.link-page-row){grid-template-columns:minmax(0,1fr);padding:16px 0;gap:10px}
.page-links [data-c-workspace] :is(.link-social-row,.link-page-row) .tool-input{border:0;border-bottom:1px solid #d7c9b7;border-radius:0;background:none;padding:9px 0;font-size:13px}
.page-links [data-c-workspace] :is(.link-subchapter,.link-links-chapter>legend){font-size:18px}
.page-links [data-c-workspace] .link-row-order{gap:8px}
.page-links [data-c-workspace] .link-row-order button{font-size:10px;min-height:32px;padding:4px}
.page-links [data-c-workspace] .link-preview-panel{align-self:start;position:sticky;top:95px;min-height:688px;display:flex;flex-direction:column;justify-content:space-between;margin:16px 0 16px 0;padding:28px 36px 24px;border:0;border-radius:0;background:#f0ede5;box-shadow:none;min-width:0}
.page-links [data-c-workspace] .link-preview-heading{width:100%;margin:0 0 30px;padding:0;gap:12px}
.page-links [data-c-workspace] .link-preview-heading h2{font-size:10px;letter-spacing:.5px;font-weight:400;color:#87715e}
.page-links [data-c-workspace] .link-preview-heading>span{font-size:10px;color:#87715e}
.page-links [data-c-workspace] .link-preview-frame{max-width:380px;width:100%;margin:auto;flex:none}
.page-links [data-c-workspace] .link-preview-panel .sm-card{border-radius:16px;padding-left:24px;padding-right:24px;--card-name:40px}
.page-links [data-c-workspace] .link-preview-panel>.tool-helper-text{font-size:10px;line-height:1.7;margin:30px 0 0;text-align:center;color:#8b7562}
[data-editable-card-name][contenteditable=true]{cursor:text;min-height:1.2em;outline-offset:6px}
[data-editable-card-name][contenteditable=true]:hover{outline:1px dashed #caa18b}
[data-editable-card-name][contenteditable=true]:focus{outline:1px solid #ae735b}
.page-links [data-c-workspace][data-workspace-stage=share] .link-editor-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:7%;border-bottom:0;padding-top:24px}
.page-links [data-c-workspace][data-workspace-stage=share] [data-link-builder]{grid-column:2;grid-row:1;padding:22px 0 0}
.page-links [data-c-workspace][data-workspace-stage=share] .link-preview-panel{grid-column:1;grid-row:1;margin-top:0;min-height:680px}
.page-links [data-c-workspace] #link-share{padding:0;border:0}
.page-links [data-c-workspace] .link-builder-submit{border:0;background:none;padding:25px 0}
.page-links [data-c-workspace] [data-link-builder]:has([data-link-publish]:not([hidden])) .link-builder-submit{display:none}
.page-links [data-c-workspace] [data-link-publish]{padding:0;border:0;background:none;border-radius:0}
.page-links [data-c-workspace] .link-completion-heading{display:block;margin-bottom:18px;padding:0}
.page-links [data-c-workspace] .link-completion-mark{display:none}
.page-links [data-c-workspace] .link-completion-kicker{font-size:9px;color:#a64b3e;letter-spacing:1.8px;margin-bottom:17px}
.page-links [data-c-workspace] #link-publish-heading{font-size:34px;font-weight:400;letter-spacing:-1px;line-height:1.3;text-wrap:balance}
.page-links [data-c-workspace] .link-completion-copy{font-size:13px;line-height:1.8;color:#8c7563}
.page-links [data-c-workspace] .link-completion-actions{margin:27px 0;padding:20px 0;border-top:1px solid #dfd8cd;border-bottom:1px solid #dfd8cd;gap:20px}
.page-links [data-c-workspace] .link-completion-actions .utility-primary{min-height:48px;font-size:12px;border-radius:28px}
.page-links [data-c-workspace] .link-completion-open{font-size:12px}
.c-share-options{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-bottom:25px}
.c-share-options button{min-height:100px;text-align:left;border:0;border-bottom:1px solid #dfd8cd;background:none;padding:22px 0;cursor:pointer}
.c-share-options button>span{display:block;font-size:15px;color:#483c32}
.c-share-options button>small{display:block;font-size:10px;line-height:1.7;margin-top:10px;color:#8b7562}
.c-share-options button:focus-visible{outline:2px solid #a64b3e;outline-offset:3px}
.page-links [data-c-workspace] .link-completion-utility{margin:22px 0;padding:0;border:0;background:none}
.page-links [data-c-workspace] .link-completion-utility h4{font-size:12px}
.page-links [data-c-workspace] .link-completion-utility .tool-copy-button{font-size:11px;padding:7px 12px;min-height:36px}
.page-links [data-c-workspace] .link-publish-details{border:0;border-top:1px solid #dfd8cd;padding-top:15px}
.page-links [data-c-workspace] .link-publish-details>summary{font-size:12px}
@media(min-width:701px) and (max-width:1050px){
 .page-links [data-c-workspace]>.section{padding-left:24px;padding-right:24px}
 .page-links [data-c-workspace] .link-editor-layout{grid-template-columns:344px minmax(0,1fr)}
 .page-links [data-c-workspace] .c-editor-controls{grid-template-columns:58px minmax(0,1fr)}
 .page-links [data-c-workspace] #link-identity-body{padding-left:18px;padding-right:18px}
 .page-links [data-c-workspace] .link-preview-panel{padding:24px 18px}
 .page-links [data-c-workspace] .hero-subtitle{display:block}
}
@media(max-width:700px){
 .page-links [data-c-workspace]>.subpage-hero{padding:26px 0 22px}
 .page-links [data-c-workspace]>.subpage-hero>.container{padding:0 22px}
 .page-links [data-c-workspace]>.subpage-hero .utility-back{display:none;font-size:10px;min-height:24px;margin-bottom:12px}
 .page-links [data-c-workspace]>.subpage-hero h1.sm-page-heading{font-size:clamp(36px,9vw,48px)!important;line-height:1.12!important;max-width:none}
 .page-links [data-c-workspace] .hero-subtitle{display:block;margin:12px 0 0;font-size:14px}
 .page-links [data-c-workspace]>.section{padding:0 22px 42px}
 .page-links [data-c-workspace] .link-editor-layout{display:flex;flex-direction:column;border:0;gap:0}
 .page-links [data-c-workspace] .link-chapter-nav{position:static;width:100%;justify-content:space-between;gap:22px;margin:0;padding:8px 0;border-top:1px solid #dfd8cd;border-bottom:1px solid #dfd8cd}
 .page-links [data-c-workspace] [data-link-builder] .link-chapter-nav a{font-size:10px;min-height:43px;gap:7px}
 .page-links [data-c-workspace] [data-link-builder] .link-chapter-nav a span{font-size:12px}
 .page-links [data-c-workspace] .link-editor-layout .link-mobile-preview{position:sticky;top:76px;width:calc(100% + 44px);margin:0 -22px;order:0;padding:9px 22px;min-height:44px;max-width:none;border:0;border-radius:0;background:#302c27;color:#fff9ee;z-index:25}
 .page-links [data-c-workspace] .link-mobile-preview-copy{flex-direction:row;align-items:center;gap:10px}
 .page-links [data-c-workspace] .link-mobile-preview-copy small{font-size:9px;color:#fff9ee;letter-spacing:.5px}
 .page-links [data-c-workspace] .link-mobile-preview-copy strong{font:400 11px Arial,'Malgun Gothic',sans-serif;max-width:150px;color:#dbc8b4;letter-spacing:0}
 .page-links [data-c-workspace] .link-mobile-preview-open{background:none;color:#fff9ee;padding:5px 0;min-height:28px;font-size:11px}
 .page-links [data-c-workspace] [data-link-builder]{order:1}
 .page-links [data-c-workspace] .c-editor-controls{display:flex;flex-direction:column;min-height:0;border:0}
 .page-links [data-c-workspace] #link-identity[data-active=false]{display:none}
 .c-tool-rail{flex-direction:row;justify-content:space-between;padding:12px 0;margin:0;gap:6px;border-right:0;border-bottom:1px solid #dfd8cd}
 .c-tool-rail button{width:auto;flex:1;flex-direction:row;gap:8px;padding:9px;min-height:40px;font-size:11px}
 .c-tool-rail svg{width:17px;height:17px}
 .page-links [data-c-workspace] #link-identity-body{padding:25px 2px 0;width:100%}
 .page-links [data-c-workspace] .c-panel-kicker{display:none}
 .page-links [data-c-workspace] .c-panel-heading{margin-bottom:25px}
 .page-links [data-c-workspace] .c-panel-heading h2{font-size:18px;margin:0}
 .page-links [data-c-workspace] [data-link-builder] [data-link-name]{font-size:28px;min-height:64px}
 .page-links [data-c-workspace] .tool-field>span,.page-links [data-c-workspace] .link-information-field .tool-field>span{font-size:12px}
 .page-links [data-c-workspace] .link-information-field .tool-input{font-size:16px}
 .page-links [data-c-workspace] .link-information-remove{font-size:11px;min-height:36px}
 .page-links [data-c-workspace] .link-information-picker>summary{font-size:13px;min-height:44px}
 .page-links [data-c-workspace] .link-information-options button{font-size:12px;min-height:42px}
 .page-links [data-c-workspace] .link-information-note{font-size:11px}
 .page-links [data-c-workspace] .link-item-size>summary{font-size:11px;min-height:35px}
 .page-links [data-c-workspace] .link-photo-actions .tool-copy-button{font-size:12px;min-height:42px}
 .page-links [data-c-workspace] .link-framing-disclosure>summary{font-size:14px;min-height:52px}
 .page-links [data-c-workspace] .link-crop{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:'photo modes' 'photo zoom' 'photo actions' 'hint hint';gap:10px 16px}
 .page-links [data-c-workspace] .link-crop canvas{width:100%;max-width:100%}
 .page-links [data-c-workspace] .link-crop-modes label{font-size:11px;min-height:36px;padding:8px 3px}
 .page-links [data-c-workspace] .link-crop>.link-photo-actions button{font-size:11px}
 .page-links [data-c-workspace] .link-frame-details>summary{font-size:11px;min-height:40px}
 .page-links [data-c-workspace] .link-style-choice{font-size:11px;min-height:42px;padding:7px}
 .page-links [data-c-workspace] [data-style-choice=theme] .link-style-choice{font-size:11px}
 .page-links [data-c-workspace] .c-editor-controls>.link-chapter-actions{padding:28px 2px 12px;width:100%}
 .page-links [data-c-workspace] .link-chapter-actions>.utility-primary{min-height:49px;font-size:13px}
 .page-links [data-c-workspace] .link-preview-panel{position:static;order:2;width:100%;min-height:0;margin:24px 0 0;padding:22px;border-radius:0;background:#f0ede5}
 .page-links [data-c-workspace] .link-preview-heading{margin-bottom:24px}
 .page-links [data-c-workspace] .link-preview-frame{max-width:380px}
 .page-links [data-c-workspace] .link-preview-panel>.tool-helper-text{font-size:10px;margin-top:23px}
 .page-links [data-c-workspace][data-workspace-stage=share] .link-editor-layout{display:flex;gap:24px;padding:0}
 .page-links [data-c-workspace][data-workspace-stage=share] [data-link-builder]{padding:0}
 .page-links [data-c-workspace][data-workspace-stage=share] .link-preview-panel{min-height:0;margin:0}
 .page-links [data-c-workspace][data-workspace-stage=share] .link-mobile-preview{display:none!important}
 .page-links [data-c-workspace] [data-link-publish]{padding-top:26px}
 .page-links [data-c-workspace] #link-publish-heading{font-size:30px;line-height:1.3}
 .page-links [data-c-workspace] .link-completion-copy{font-size:12px}
 .c-share-options{gap:0 20px}
 .c-share-options button>span{font-size:14px}
 .c-share-options button>small{font-size:11px}
 .page-links .link-preview-dialog{background:#f0ede5;border-radius:14px}
 .page-links .link-preview-dialog .c-workspace-preview{min-height:0;margin:0;padding:0;background:none;border-radius:0}
 .page-links .link-preview-dialog .c-workspace-preview>.tool-helper-text{font-size:11px}
}

.page-links [data-c-workspace][data-workspace-stage=share] .link-preview-panel>.tool-helper-text{visibility:hidden}

/* Native labels keep the same compact geometry as the selected C controls. */
.page-links [data-c-workspace] .link-crop-modes label{padding:0;min-height:36px;background:none}
.page-links [data-c-workspace] .link-crop-modes span{font-size:11px;line-height:1.4;min-height:36px;padding:8px 3px;white-space:nowrap;border-radius:4px}
.page-links [data-c-workspace] .link-crop-modes label:has(:checked) span{background:#fffdf7;color:#a64b3e;font-weight:600}
.page-links [data-c-workspace] .link-style-choice>span:not(.link-style-sample){font-size:inherit;white-space:nowrap}

/* C workspace: the information chooser follows every optional input. */
.page-links [data-c-workspace] .link-information-picker{margin-top:22px}
.page-links [data-c-workspace] .link-information-picker>summary{min-height:44px;padding:10px 14px;border:1px solid #c69580;border-radius:6px;background:#fbf0e7;color:#874536;font-size:12px;font-weight:600;gap:8px}
.page-links [data-c-workspace] .link-information-picker>summary:hover{background:#f7e7db;border-color:#a96750}
.page-links [data-c-workspace] .link-information-picker>summary:focus-visible{outline:2px solid #a64b3e;outline-offset:3px}
.page-links [data-c-workspace] .c-editor-controls>.link-chapter-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.page-links [data-c-workspace] .c-continue-next{text-align:center;font-size:11px;line-height:1.5;color:#806e5d}

/* Additional card palettes share the existing layout and public theme field. */
:is(.page-links,.link-preview-dialog) :is(.link-visitor,.sm-card.link-surface)[data-theme=sage]{--lp-bg:#e9eee4;--lp-text:#29362d;--lp-muted:#586650;--lp-line:#c7d2c0;--card-accent:#6c8157;--lp-item:#d9e3cf;}
body.page-link-embed:has(.link-visitor[data-theme=sage]){background:#e9eee4}
.page-links [data-c-workspace] [data-style-choice=theme] [data-choice=sage] .link-style-sample{background:#e9eee4;border-color:#6c8157}
:is(.page-links,.link-preview-dialog) :is(.link-visitor,.sm-card.link-surface)[data-theme=burgundy]{--lp-bg:#482934;--lp-text:#fff6e9;--lp-muted:#d7bec5;--lp-line:#745360;--card-accent:#d5a7a3;--lp-item:#5c3544;}
body.page-link-embed:has(.link-visitor[data-theme=burgundy]){background:#482934}
.page-links [data-c-workspace] [data-style-choice=theme] [data-choice=burgundy] .link-style-sample{background:#482934;border-color:#d5a7a3}
:is(.page-links,.link-preview-dialog) :is(.link-visitor,.sm-card.link-surface)[data-theme=lavender]{--lp-bg:#eae6f0;--lp-text:#342f40;--lp-muted:#696075;--lp-line:#d0c7dd;--card-accent:#88769a;--lp-item:#dcd3e8;}
body.page-link-embed:has(.link-visitor[data-theme=lavender]){background:#eae6f0}
.page-links [data-c-workspace] [data-style-choice=theme] [data-choice=lavender] .link-style-sample{background:#eae6f0;border-color:#88769a}
.page-links .sm-card.link-surface[data-theme=forest],.page-link-embed .sm-card.link-surface[data-theme=forest],.link-preview-dialog .sm-card.link-surface[data-theme=forest]{--lp-bg:#f4f6f0;--lp-text:#183b30;--lp-muted:#476252;--lp-line:#c8d8cb;--card-accent:#357256;--lp-item:#e3ecdf}
.page-links .sm-card.link-surface[data-theme=midnight],.page-link-embed .sm-card.link-surface[data-theme=midnight],.link-preview-dialog .sm-card.link-surface[data-theme=midnight]{--lp-bg:#f5f7fa;--lp-text:#1c3854;--lp-muted:#506780;--lp-line:#cad8e5;--card-accent:#3a6f9c;--lp-item:#e4ebf4}
.page-links .sm-card.link-surface[data-theme=champagne],.page-link-embed .sm-card.link-surface[data-theme=champagne],.link-preview-dialog .sm-card.link-surface[data-theme=champagne]{--lp-bg:#fcf8ec;--lp-text:#352d20;--lp-muted:#64563f;--lp-line:#dfd3b6;--card-accent:#b38a3d;--lp-item:#f1e6ca}
body.page-link-embed:has(.link-visitor[data-theme=forest]){background:#f4f6f0}
body.page-link-embed:has(.link-visitor[data-theme=midnight]){background:#f5f7fa}
body.page-link-embed:has(.link-visitor[data-theme=champagne]){background:#fcf8ec}
.page-links [data-c-workspace] [data-style-choice=theme] [data-choice=forest] .link-style-sample{background:#f4f6f0;border-color:#357256}
.page-links [data-c-workspace] [data-style-choice=theme] [data-choice=midnight] .link-style-sample{background:#f5f7fa;border-color:#3a6f9c}
.page-links [data-c-workspace] [data-style-choice=theme] [data-choice=champagne] .link-style-sample{background:#fcf8ec;border-color:#b38a3d}
.page-links:not(.page-link-embed) .sm-card.link-surface .link-identity [data-profile-name]{margin-bottom:10px;line-height:1.16}
.page-links:not(.page-link-embed) .sm-card.link-surface[data-name-script=ko] .link-identity [data-profile-name]{line-height:1.26}
.page-links:not(.page-link-embed) .sm-card.link-surface .link-profession{margin-bottom:15px;gap:3px 9px}
.page-links:not(.page-link-embed) .sm-card.link-surface .link-contact{margin-top:13px}
.page-links:not(.page-link-embed) .sm-card.link-surface .link-contact-row{min-height:43px}
.page-links:not(.page-link-embed) .sm-card.link-surface .link-avatar img{object-position:50% 30%}
.page-links .link-share-stage[data-share-kind=card] canvas{max-height:580px;background:transparent}
@media(max-width:700px){.page-links .link-share-stage[data-share-kind=card] .link-share-segments{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
body .sm-card[data-theme=burgundy] [data-card-viral].link-card-brand{color:#c9babf}
body .sm-card[data-theme=burgundy] .link-contact-actions>:is([data-link-preview-save],[data-link-public-save],.utility-primary){box-shadow:inset 0 0 0 1px #d7bec5}
.page-links [data-c-workspace] [data-style-choice=theme]{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}
/* Text-only calls to action retain their existing interaction targets. */
.page-home .a-hero-actions>.a-text-link{position:relative;top:16px}
.a-more-links>a{grid-template-columns:minmax(0,1fr)}
body.page-links:not(.page-link-embed) .sm-card.link-surface .link-contact-actions>button.link-public-share{flex:0 0 auto;width:auto;min-width:72px;min-height:48px;height:auto;padding:12px 16px;border-radius:40px;font-size:12px;font-weight:700;line-height:1.5}




/* Text-only signatures and meeting backgrounds share the existing, client-side gallery. */
.page-links .link-share-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.link-share-stage[data-share-kind=signature],.link-share-stage[data-share-kind=background]{grid-template-columns:minmax(0,1fr)}
.link-signature-fields{display:flex;flex-wrap:wrap;gap:8px 12px;min-width:0;margin:0;padding:0;border:0}
.link-signature-fields legend{font-size:12px;color:#776c63;margin-bottom:10px}
.page-links .link-share-check{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 13px;border:1px solid #e4ddd4;border-radius:12px;font-size:13px;line-height:1.5;cursor:pointer}
.page-links .link-share-check:has(input:checked){background:#fff1e8;border-color:#dca28e}
.page-links .link-share-check:has(input:disabled){cursor:default;color:#776c63}
.page-links .link-share-check input{appearance:auto;accent-color:#a64b3e;flex:0 0 18px;width:18px;height:18px;min-height:0;margin:0;padding:0}
.link-signature-preview{min-width:0;padding:30px;background:#fff;border:1px solid #e4ddd4;border-radius:12px;overflow-wrap:anywhere}
.link-signature-preview table{margin:0}.link-signature-preview td{border-top:0;border-right:0;border-bottom:0}
.link-signature-plain summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px}.link-signature-plain textarea{width:100%;box-sizing:border-box}
.page-links .link-share-stage .link-share-local-note{padding:12px 14px;border-left:2px solid #a64b3e;background:#fff1e8;font-size:13px;line-height:1.6}
.page-links .link-share-stage .link-share-local-note[hidden]{display:none}
.page-links .link-share-stage canvas.link-background-preview{width:100%;max-width:100%;height:auto;max-height:none;border:1px solid #e4ddd4;border-radius:12px}
@media(min-width:761px){
 .link-share-stage[data-share-kind=signature],.link-share-stage[data-share-kind=background]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:30px;align-content:start}
 .link-share-stage[data-share-kind=signature]>*,.link-share-stage[data-share-kind=background]>*{grid-column:2}
 .link-share-stage[data-share-kind=signature]>.link-signature-preview,.link-share-stage[data-share-kind=background]>canvas.link-background-preview{grid-column:1;grid-row:1/9;align-self:start}
 .link-share-stage[data-share-kind=signature]>h3,.link-share-stage[data-share-kind=background]>h3{grid-row:1}
}
@media(max-width:760px){
 .page-links .link-share-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .link-signature-preview{padding:20px 16px}
 .link-signature-fields{gap:8px}.page-links .link-share-check{font-size:13px;padding:8px 10px}
 .page-links .link-share-stage[data-share-kind=background] .link-share-segment{font-size:12px;min-height:44px}
}
.link-share-more{display:none!important}
.link-share-more-actions{display:contents}
.link-share-more-actions[hidden]{display:none!important}
@media(max-width:760px){
 .page-links .link-share-nav .link-share-more{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:86px;padding:11px 12px;border:1px solid #ced4c6;border-radius:7px;background:transparent;color:#3b4e34;font-family:inherit;font-size:.81rem;font-weight:550;line-height:1.4;text-align:left;cursor:pointer}
 .page-links .link-share-nav .link-share-more:hover{background:#eaf0e1}
 .page-links .link-share-nav .link-share-more:focus-visible{outline:2px solid #6d875c;outline-offset:3px}
 .link-share-more::after{content:'⌄';font-size:1.3rem;line-height:1;transition:transform .2s}
 .link-share-more[aria-expanded=true]::after{transform:rotate(180deg)}
}


.page-links .link-optional-connections { display:grid; gap:16px; }
.page-links [data-link-information][hidden] { display:none; }
.page-links [data-link-information="links"] { margin:0; padding:0; }
.sm-card.link-surface[data-photo-framed=true]:is([data-shape=rounded],[data-shape=square]) .link-identity .link-avatar { height:auto!important; min-height:0!important; align-self:start!important; aspect-ratio:var(--photo-aspect); }
.sm-card.link-surface[data-photo-framed=true] .link-avatar img { object-position:50% 30%; }
.sm-card.link-surface[data-photo-framed=true][data-photo-cropped=true]:is([data-shape=rounded],[data-shape=square]) .link-avatar img { object-fit:contain; object-position:center; }
/* The builder's empty frame uses the exact geometry of its cropped image. */
html[data-link-view=builder] .page-links .link-preview-panel .sm-card.link-surface[data-has-photo=false]:is([data-shape=rounded],[data-shape=square]) .link-identity .link-avatar { width:calc(100% + 24px); height:auto!important; min-height:0!important; aspect-ratio:8 / 5; align-self:start!important; margin:0 -12px 25px; border:0; background:var(--lp-item); }
html[data-link-view=builder] .page-links .link-preview-panel .sm-card.link-surface[data-has-photo=false][data-shape=circle] .link-identity .link-avatar { width:180px; height:180px; align-self:center; margin:8px 0 25px; border:0; background:var(--lp-item); }
html[data-link-view=builder] .page-links .link-preview-panel .sm-card.link-surface[data-has-photo=false][data-density=minimal] .link-identity { padding-bottom:0; }
html[data-link-view=builder] .page-links .link-preview-panel .sm-card.link-surface[data-has-photo=false] .link-monogram { font-size:76px; }
.page-links .link-answers { padding:0 24px 48px; background:#fffdf7; }
.page-links .link-answers .container { max-width:1100px; }
.page-links .link-answers h2 { margin:0 0 20px; font-size:18px; font-weight:600; }
.page-links .link-answers-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 36px; }
.page-links .link-answers h3 { margin:0 0 6px; font-size:14px; line-height:1.45; }
.page-links .link-answers p { margin:0; color:#6d6258; font-size:13px; line-height:1.65; }
@media(max-width:700px) { .page-links .link-answers { padding:0 18px 36px; } .page-links .link-answers-grid { grid-template-columns:1fr; gap:18px; } }
@media(max-width:360px) { .top-bar-inner .brand span { display:none; } }


/* Premium cards: scoped to the card service and explicit layouts only. */
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant="full"])) .sm-card[data-design] {container-type:inline-size;display:grid;grid-template-columns:65.8333% 34.1667%;padding:0;gap:0;border-radius:0;overflow:visible;min-height:0;--p-paper:#f3efe5;--p-ink:#15242a;--p-panel:#101e27;--p-panel-ink:#e8dcc7;--p-accent:#b5523e;background:var(--p-paper);color:var(--p-ink)}
:is(.page-links:not(.page-link-embed),.page-link-embed:has([data-variant="full"])) .sm-card[data-design="portfolio"] {grid-template-columns:53.1667% 46.8333%;--p-paper:#efe8db;--p-ink:#f4efe6;--p-panel:#1d2a29;--p-panel-ink:#1d2929;--p-accent:#c5a083;background:var(--p-panel)}
.page-links .sm-card[data-design] .p-info{padding:4.6667cqw;min-width:0;text-align:left}
.page-links .sm-card[data-design] .p-kicker{display:block;font:700 .9167cqw Arial,sans-serif;letter-spacing:.04em;margin:0 0 3.1cqw;color:var(--p-accent)}
.page-links .sm-card[data-design] .link-identity{display:block;position:relative;min-width:0}
.page-links .sm-card[data-design] .link-identity-note{display:none}
.page-links .sm-card[data-design] .link-identity-copy{display:block}
.page-links .sm-card[data-design] :is(h1,h2)[data-profile-name]{font:400 calc(8.3333cqw * var(--item-text-scale,var(--card-text-scale,1)))/1.13 Georgia,serif;letter-spacing:0;color:var(--p-ink);max-width:100%;margin:0 0 3cqw;overflow-wrap:anywhere;white-space:normal}
.page-links .sm-card[data-design="portfolio"] :is(h1,h2)[data-profile-name]{font-size:calc(7.1667cqw * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] .link-profession{display:block;border-top:.3333cqw solid var(--p-accent);padding-top:1.5cqw;margin-bottom:1.5cqw}
.page-links .sm-card[data-design] .link-profession p{color:var(--p-ink);font-size:calc(1.1667cqw * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] .link-profile-bio{font:italic calc(1.6667cqw * var(--item-text-scale,var(--card-text-scale,1)))/1.35 Georgia,serif;color:var(--p-ink);max-width:none;white-space:pre-wrap;margin:0 0 2cqw}
.page-links .sm-card[data-design] .link-avatar{width:10cqw;height:10cqw;margin:0 0 2cqw;background:var(--p-accent);color:var(--p-paper)}
.page-links .sm-card[data-design][data-has-photo="false"]:not([data-premium-photo-fallback="true"]) .link-avatar{display:none}
.page-links .sm-card[data-design] .link-contact{margin:1.5cqw 0;padding-top:1.5cqw;border-color:var(--p-accent);gap:.8cqw}
.page-links .sm-card[data-design] :is(.link-contact-label,.link-contact-value,.link-item-title,.link-item-host,.link-social-label){color:var(--p-ink)}
.page-links .sm-card[data-design] .link-contact-row{grid-template-columns:minmax(0,6cqw) minmax(0,1fr);gap:1cqw}
.page-links .sm-card[data-design] .link-contact-value{font-size:calc(1.1cqw * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] .link-contact-label{font-size:.9cqw}
.page-links .sm-card[data-design] .link-connect{margin:1.5cqw 0;border-color:var(--p-accent)}
.page-links .sm-card[data-design] .link-profile-items{margin:2cqw 0 0;display:flex}
.page-links .sm-card[data-design] .link-public-item{font-size:calc(1.0833cqw * var(--item-text-scale,var(--card-text-scale,1)));min-height:5cqw;padding:1.1cqw 2cqw 1.1cqw 0;border-color:var(--p-accent);color:var(--p-ink)}
.page-links .sm-card[data-design] .link-item-title{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:normal}
.page-links .sm-card[data-design] .link-item-host{font-size:1cqw}
.page-links .sm-card[data-design] .link-card-brand{white-space:normal;color:var(--p-ink);font-size:.8cqw;padding-top:2cqw}
.page-links .sm-card[data-design] .p-aside{position:relative;min-width:0;padding:4cqw 3cqw;background:var(--p-panel);color:var(--p-panel-ink);overflow:hidden;display:flex;flex-direction:column;gap:2cqw}
.page-links .sm-card[data-design="portfolio"] .p-aside{background:var(--p-paper)}
.page-links .sm-card[data-design] .p-label{font:400 1.25cqw Georgia,serif;letter-spacing:.08em;z-index:1}
.page-links .sm-card[data-design] .p-label small{display:block;font:1cqw Arial,sans-serif;margin-top:.8cqw}
.page-links .sm-card[data-design] .p-art{height:14cqw;position:relative;flex:0 0 auto}
.page-links .sm-card[data-design="stage"] .p-art i{position:absolute;border:1px solid #9f8764;border-radius:50%;width:calc(26cqw - var(--i)*4cqw);height:calc(26cqw - var(--i)*4cqw);left:calc(-10cqw + var(--i)*2cqw);top:calc(-10cqw + var(--i)*2cqw)}
.page-links .sm-card[data-design] .p-link{display:block;color:inherit;border-top:1px solid currentColor;padding:1cqw 0;font:400 1.4cqw/1.3 Georgia,serif;overflow-wrap:anywhere;z-index:1}
.page-links .sm-card[data-design] .p-qr{margin-top:auto;background:#fff;align-self:center;width:min(22.5cqw,270px);height:auto;aspect-ratio:1;z-index:2}
.page-links .sm-card[data-design] .p-qr-note{font:.75cqw Arial,sans-serif;text-align:center}
.page-link-embed :is([data-variant="badge"],[data-variant="button"],[data-variant="compact"]) .p-aside,.page-link-embed :is([data-variant="badge"],[data-variant="button"],[data-variant="compact"]) .p-kicker{display:none}
.page-link-embed :is([data-variant="badge"],[data-variant="button"],[data-variant="compact"]) .p-info{display:contents}
@media(max-width:700px){
 .page-links .sm-card[data-design]{grid-template-columns:1fr!important;container-type:normal}
 .page-links .sm-card[data-design] .p-info{padding:28px 24px}
 .page-links .sm-card[data-design] .p-kicker{font-size:10px;margin-bottom:28px}
 .page-links .sm-card[data-design] :is(h1,h2)[data-profile-name]{font-size:calc(48px * var(--item-text-scale,var(--card-text-scale,1)))!important;line-height:1.1;margin-bottom:26px}
 .page-links .sm-card[data-design] .link-profession{border-width:3px;padding-top:18px;margin-bottom:14px}
 .page-links .sm-card[data-design] .link-profession p{font-size:calc(12px * var(--item-text-scale,var(--card-text-scale,1)))}
 .page-links .sm-card[data-design] .link-profile-bio{font-size:calc(18px * var(--item-text-scale,var(--card-text-scale,1)));margin-bottom:26px}
 .page-links .sm-card[data-design] .link-avatar{width:90px;height:90px;margin-bottom:20px}
 .page-links .sm-card[data-design] .link-contact{margin:18px 0;padding-top:18px;gap:12px}
 .page-links .sm-card[data-design] .link-contact-row{grid-template-columns:56px minmax(0,1fr);gap:10px}
 .page-links .sm-card[data-design] .link-contact-label{font-size:11px}
 .page-links .sm-card[data-design] .link-contact-value{font-size:calc(13px * var(--item-text-scale,var(--card-text-scale,1)))}
 .page-links .sm-card[data-design] .link-connect{margin:18px 0}
 .page-links .sm-card[data-design] .link-public-item{font-size:calc(13px * var(--item-text-scale,var(--card-text-scale,1)));min-height:70px;padding:16px 24px 16px 0}
 .page-links .sm-card[data-design] .link-item-host{font-size:11px}
 .page-links .sm-card[data-design] .link-card-brand{font-size:10px;padding-top:24px}
 .page-links .sm-card[data-design] .p-aside{padding:28px 24px;gap:22px;min-height:330px}
 .page-links .sm-card[data-design] .p-label{font-size:16px}.page-links .sm-card[data-design] .p-label small{font-size:11px;margin-top:8px}
 .page-links .sm-card[data-design] .p-art{height:90px}.page-links .sm-card[data-design] .p-link{font-size:22px;padding:12px 0}
 .page-links .sm-card[data-design] .p-qr{width:202px}.page-links .sm-card[data-design] .p-qr-note{font-size:10px}
}

.page-links:not(.page-link-embed) .link-visitor:has(.sm-card[data-design]){max-width:1200px;width:calc(100% - 48px);margin:48px auto 64px}
.page-links:not(.page-link-embed) .link-visitor:has(.sm-card[data-design]):before{display:none}
.page-links .link-visitor:has(.sm-card[data-design]) .link-visitor-content{width:100%;max-width:none}
.page-links .link-visitor:has(.sm-card[data-design]) .link-public-companion{position:relative;left:auto;top:auto;margin:32px auto}
.page-links .sm-card[data-design] .link-contact-row{grid-template-columns:30px minmax(0,1fr)}
.page-links .sm-card[data-design] .link-contact-value{font-size:calc(max(13px,1.1cqw) * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] .link-item-title{font-size:calc(max(13px,1.0833cqw) * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] .link-profile-bio{color:var(--p-ink)}
.page-links .sm-card[data-design] .link-public-item{border-width:1px 0;border-radius:0;background:transparent!important}
.page-links .sm-card[data-design] .p-link{position:relative}
.page-links .sm-card.link-surface[data-design] .link-identity [data-profile-name]{font-size:calc(8.3333cqw * var(--item-text-scale,var(--card-text-scale,1)));line-height:1.13}
.page-links .sm-card.link-surface[data-design="portfolio"] .link-identity [data-profile-name]{font-size:calc(7.1667cqw * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] .p-name-line{display:block}
.page-links .sm-card[data-design] .p-gallery{display:block;color:var(--p-panel-ink);text-decoration:none}
.page-links .sm-card[data-design] .p-gallery strong{display:block;font:400 4.3333cqw/1.15 Georgia,serif;margin:2cqw 0 3cqw;overflow-wrap:anywhere}
.page-links .sm-card[data-design] .p-gallery strong span{display:block}.page-links .sm-card[data-design] .p-gallery small{font:1cqw Arial,sans-serif;overflow-wrap:anywhere}
.page-links .sm-card[data-design] .p-practice{border-top:1px solid currentColor;padding-top:2cqw;font:1.4167cqw/1.6 Georgia,serif;overflow-wrap:anywhere}
.page-links .sm-card[data-design] .p-practice span{display:block}.page-links .sm-card[data-design] .p-stage-signal{font:1.5cqw/1.3 Georgia,serif;position:relative;overflow-wrap:anywhere}
@container(max-width:700px){
 .page-links .sm-card[data-design] .p-info,.page-links .sm-card[data-design] .p-aside{grid-column:1/-1;padding:28px 24px}
 .page-links .sm-card[data-design] .p-kicker{font-size:10px;margin-bottom:28px}
 .page-links .sm-card[data-design] :is(h1,h2)[data-profile-name]{font-size:calc(48px * var(--item-text-scale,var(--card-text-scale,1)))!important;line-height:1.1;margin-bottom:26px}
 .page-links .sm-card[data-design] .link-profession p{font-size:calc(12px * var(--item-text-scale,var(--card-text-scale,1)))}
 .page-links .sm-card[data-design] .link-profile-bio{font-size:calc(18px * var(--item-text-scale,var(--card-text-scale,1)));margin-bottom:26px}
 .page-links .sm-card[data-design] .link-avatar{width:90px;height:90px;margin-bottom:20px}
 .page-links .sm-card[data-design] .p-aside{gap:22px;min-height:330px}
 .page-links .sm-card[data-design] .p-label{font-size:16px}.page-links .sm-card[data-design] .p-label small{font-size:11px;margin-top:8px}
 .page-links .sm-card[data-design] .p-art{height:90px}.page-links .sm-card[data-design] .p-link{font-size:22px;padding:12px 0}
 .page-links .sm-card[data-design] .p-qr{width:202px}.page-links .sm-card[data-design] .p-qr-note{font-size:10px}
 .page-links .sm-card[data-design] .p-gallery strong{font-size:32px}.page-links .sm-card[data-design] .p-gallery small{font-size:11px}.page-links .sm-card[data-design] .p-practice{font-size:20px}.page-links .sm-card[data-design] .p-stage-signal{font-size:18px}
}
@media(max-width:700px){.page-links .sm-card[data-design] .p-gallery strong{font-size:32px}.page-links .sm-card[data-design] .p-gallery small{font-size:11px}.page-links .sm-card[data-design] .p-practice{font-size:20px}.page-links .sm-card[data-design] .p-stage-signal{font-size:18px}}

.page-links .sm-card[data-design] .link-profession p{font-size:calc(max(14px,1.1667cqw) * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] .link-profile-bio{font-size:calc(max(18px,1.6667cqw) * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] :is(.link-contact-value,.link-item-title,.link-social-label){font-size:calc(max(14px,1.1667cqw) * var(--item-text-scale,var(--card-text-scale,1)))}
.page-links .sm-card[data-design] .link-contact-label{font-size:max(12px,1cqw)}
.page-links .sm-card[data-design] .link-item-host{font-size:max(13px,1.0833cqw);overflow-wrap:anywhere}
.page-links .sm-card[data-design] .link-public-item{min-width:0}
.page-links .sm-card.link-surface[data-design="portfolio"][data-premium-long-name="true"] .link-identity [data-profile-name]{font-size:calc(5.4cqw * var(--item-text-scale,var(--card-text-scale,1)))}
@media(max-width:700px){.page-links .sm-card.link-surface[data-design][data-premium-long-name="true"] .link-identity [data-profile-name]{font-size:calc(clamp(30px,10vw,48px) * var(--item-text-scale,var(--card-text-scale,1)))!important}}
@container(max-width:700px){.page-links .sm-card.link-surface[data-design][data-premium-long-name="true"] .link-identity [data-profile-name]{font-size:calc(clamp(30px,10cqw,48px) * var(--item-text-scale,var(--card-text-scale,1)))!important}}

/* Embeddable widgets: scoped additions to the existing site. */
.partner-request-card { padding: clamp(22px, 4vw, 44px); border: 1px solid #d6e4f3; border-radius: 24px; background: #f4f9ff; overflow-wrap: anywhere; }
.partner-request-card h2 { margin: 8px 0 14px; }
.partner-request-card form { max-width: 700px; }
.partner-request-card label { display: block; font-weight: 700; margin: 22px 0 8px; }
.partner-request-card input, .partner-request-card textarea { box-sizing: border-box; display: block; width: 100%; min-width: 0; padding: 14px; margin-bottom: 14px; border: 1px solid #a9bfd9; border-radius: 10px; font: inherit; color: #102c52; background: white; }
.partner-request-card textarea { resize: vertical; font-size: 14px; }
.partner-request-card .button-pill { max-width: 100%; white-space: normal; text-align: center; }
.partner-request-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.partner-request .partner-ko, html[lang="ko"] .partner-request .partner-en { display: none; }
html[lang="ko"] .partner-request .partner-ko { display: inline; }
.partner-request [hidden] { display: none; }
.live-widget-showcase { padding: 16px 0 34px; }
.live-widget-showcase-grid { display: grid; grid-template-columns: 1.15fr 1fr .85fr; gap: 22px; align-items: start; padding: 26px; border: 1px solid #d8e8fa; border-radius: 24px; background: linear-gradient(125deg, #f6faff, #eaf4ff); }
.live-widget-showcase-grid > *, .live-widget-dialog-grid > *, .live-widget-examples > * { min-width: 0; }
.live-widget-intro { color: #102c52; }
.live-widget-eyebrow { margin: 0 0 14px; color: #0071e3; font-size: .69rem; font-weight: 800; letter-spacing: .04em; }
.live-widget-intro h2 { margin: 0 0 14px; font-size: clamp(1.65rem, 2.4vw, 2.2rem); line-height: 1.15; letter-spacing: -.035em; }
.live-widget-intro > p:not(.live-widget-eyebrow) { color: #4b6485; line-height: 1.6; }
.live-widget-benefits { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 17px; }
.live-widget-benefits li { padding-left: 15px; border-left: 3px solid #9ac6fc; }
.live-widget-benefits strong, .live-widget-benefits span { display: block; }
.live-widget-benefits strong { font-size: .88rem; }
.live-widget-benefits span { margin-top: 3px; font-size: .78rem; color: #4b6485; }
.live-widget-preview { display: block; width: 100%; max-width: 440px; height: 560px; margin: 0 auto; border: 0; background: transparent; }
.live-widget-code-panel { padding: 20px; border: 1px solid #dae5f2; border-radius: 16px; background: rgba(255,255,255,.88); color: #102c52; }
.live-widget-code-panel h3 { margin: 0 0 7px; font-size: 1rem; }
.live-widget-code-panel > p { margin: 0 0 12px; font-size: .8rem; color: #4b6485; }
.live-widget-code { display: block; width: 100%; min-height: 205px; resize: vertical; padding: 12px; margin-bottom: 14px; border: 1px solid #dbe5f0; border-radius: 9px; background: #f4f7fb; color: #16365f; font: 11px/1.65 Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.live-widget-code-panel .button-pill { width: 100%; white-space: normal; text-align: center; }
.live-widget-code-panel .live-widget-copy-status { min-height: 1.3em; margin: 8px 0 0; }
.live-widget-dialog { width: min(850px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 24px; border: 1px solid #d8e8fa; border-radius: 24px; color: #102c52; background: #f8fbff; overflow: auto; }
.live-widget-dialog::backdrop { background: rgba(8, 27, 52, .6); }
.live-widget-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.live-widget-dialog-head h2 { margin: 0; font-size: 1.3rem; }
.live-widget-dialog-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 20px; }
.live-widget-note { color: #596e88; font-size: .82rem; line-height: 1.6; }
.live-widget-steps { list-style: none; padding: 0; margin: 0 0 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.live-widget-steps li { padding: 20px; border: 1px solid #d8e8fa; border-radius: 16px; background: #f5f9ff; }
.live-widget-steps strong, .live-widget-steps span { display: block; }
.live-widget-steps span { font-size: .88rem; margin-top: 8px; color: #4b6485; }
.live-widget-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 24px; margin-top: 32px; }
.live-widget-example { min-width: 0; }
.live-widget-example > h2 { font-size: 1.2rem; line-height: 1.35; overflow-wrap: anywhere; }
.live-widget-original { display: block; margin: 12px 8px 20px; color: #0069d4; font-weight: 650; font-size: .88rem; }
.live-trends-examples { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 960px; }
.live-trends-examples .live-widget-example > h3 { font-size: 1.2rem; }
.live-trends-examples .live-widget-code-panel { margin-top: 18px; }
.live-trends-preview { height: 920px; }
@media (max-width: 1000px) {
  .live-widget-showcase-grid { grid-template-columns: 1fr 1fr; }
  .live-widget-intro { grid-column: 1 / -1; }
  .live-widget-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .live-widget-examples { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .live-widget-showcase-grid { padding: 18px; gap: 20px; }
  .live-widget-showcase-grid, .live-widget-dialog-grid, .live-widget-examples, .live-widget-steps, .live-widget-benefits { grid-template-columns: 1fr; }
  .live-widget-intro h2 { font-size: 1.8rem; }
  .live-widget-dialog { padding: 16px; }
  .live-widget-dialog-head { align-items: flex-start; }
  .live-widget-code-panel { padding: 16px; }
}