:root {
  --blue-950: #07162f;
  --blue-900: #092859;
  --blue-800: #0a4097;
  --blue-700: #0b63e5;
  --blue-600: #1878f2;
  --blue-500: #338dff;
  --cyan-400: #4fc6f4;
  --ink: #101c33;
  --muted: #65748a;
  --line: #dfe6ef;
  --soft: #f4f7fb;
  --white: #fff;
  --red: #e4283c;
  --yellow: #ffd84d;
  --black: #20252e;
  --purple: #7052c7;
  --sky: #2badcf;
  --radius-xl: 24px;
  --radius-lg: 20px;
  --radius-md: 12px;
  --shadow: 0 18px 50px rgba(16, 39, 77, .11);
  --shadow-soft: 0 8px 24px rgba(16, 39, 77, .065);
}

/* Content growth: change log, operator records and community signals */
.section-anchor { display: block; position: relative; top: -88px; visibility: hidden; }
.operator-content-heading { margin-top: 8px; padding: 17px 18px; border: 1px solid #cfe1fb; border-radius: 14px; background: #f4f8ff; }
.operator-content-heading strong { color: #0b63e5; font-size: 13px; }
.operator-content-heading p { margin: 0; color: #51647d; font-size: 12px; font-weight: 700; line-height: 1.65; }
.notice-channel-banner { display: grid !important; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 13px; padding: 15px 17px; border: 2px solid var(--blue-700); border-radius: 15px; color: #fff; background: var(--blue-700); box-shadow: 0 12px 28px rgba(11,99,229,.2); text-decoration: none; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.notice-channel-banner:hover { color: #fff; background: #0958cc; transform: translateY(-2px); box-shadow: 0 16px 32px rgba(11,99,229,.27); }
.notice-channel-mark { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: var(--blue-700); background: #fff; font-family: Arial,sans-serif; font-size: 22px; font-weight: 950; }
.notice-channel-banner > span:nth-child(2) { min-width: 0; }
.notice-channel-banner strong, .notice-channel-banner small { display: block; }
.notice-channel-banner strong { font-size: 14px; font-weight: 950; letter-spacing: -.025em; }
.notice-channel-banner strong em { display: inline-flex; margin-left: 5px; padding: 3px 6px; border-radius: 6px; color: var(--blue-700); background: #fff; font-size: 9px; font-style: normal; vertical-align: 2px; }
.notice-channel-banner small { margin-top: 4px; color: rgba(255,255,255,.78); font-size: 10px; font-weight: 700; }
.notice-channel-banner > b { white-space: nowrap; font-size: 11px; }
.admin-entry-wrap { min-height: 72vh; }
.admin-entry-card { max-width: 720px; margin: 60px auto 0; padding: 54px; text-align: center; }
.admin-entry-card .brand-mark { width: 66px; height: 66px; margin: 0 auto 18px; font-size: 34px; }
.admin-entry-card h1 { margin: 8px 0 12px; color: var(--ink); font-size: clamp(38px, 6vw, 58px); letter-spacing: -.06em; }
.admin-entry-card > p:not(.section-label) { max-width: 520px; margin: 0 auto 26px; color: var(--muted); font-weight: 650; line-height: 1.75; }
.admin-entry-card .button { margin: 4px; }
.operator-publish-consent { display: flex !important; flex-direction: row !important; align-items: center; gap: 11px; padding: 14px 16px; border: 2px solid var(--blue-700); border-radius: 13px; background: #f5f9ff; box-shadow: 0 5px 14px rgba(11,99,229,.09); cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.operator-publish-consent:hover { background: #fff; box-shadow: 0 8px 20px rgba(11,99,229,.13); }
.operator-publish-consent span { display: flex; min-width: 0; align-items: center; gap: 8px; color: #17355d; font-size: 13px; font-weight: 850; line-height: 1.5; }
.operator-publish-consent strong { flex: 0 0 auto; padding: 4px 8px; border-radius: 7px; color: #fff; background: var(--blue-700); font-size: 10px; font-weight: 950; letter-spacing: -.01em; }
.change-intro h1 { margin: 10px 0 16px; font-size: clamp(42px, 6vw, 72px); line-height: .98; letter-spacing: -.075em; }
.change-intro > p { max-width: 790px; color: #5d6d83; font-weight: 650; line-height: 1.8; }
.change-summary { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.change-summary span { padding: 10px 14px; border: 1px solid #dbe5f0; border-radius: 999px; color: #607086; background: #f7f9fc; font-size: 12px; font-weight: 750; }
.change-summary strong { color: #0b63e5; }
.change-log-list { display: grid; gap: 18px; }
.change-day { overflow: hidden; border: 1px solid #dfe7f0; border-radius: 16px; background: #fff; }
.change-day-head { padding: 14px 18px; border-bottom: 1px solid #e8eef5; background: #f7f9fc; }
.change-day-head > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.change-day-head time { color: #16243a; font-size: 17px; font-weight: 900; }
.change-day-head span { color: #0b63e5; font-size: 12px; font-weight: 900; }
.change-day ol, .profile-change-list { padding: 0; margin: 0; list-style: none; }
.change-day li { display: grid; grid-template-columns: minmax(160px, .55fr) 1fr; gap: 20px; padding: 15px 18px; border-bottom: 1px solid #eef2f7; }
.change-day li:last-child { border-bottom: 0; }
.change-day li a, .change-day li strong { color: #14233a; font-weight: 900; text-decoration: none; }
.change-day li small { display: block; margin-top: 5px; color: #7b899c; font-size: 11px; }
.change-day li p { margin: 0; color: #53647a; font-size: 13px; line-height: 1.65; }
.operator-content-card { border-color: #bfd7fa; }
.operator-content-image { display: block; width: 100%; max-height: 420px; margin: 4px 0 20px; border-radius: 16px; object-fit: cover; }
.operator-content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.operator-content-grid article { padding: 18px; border: 1px solid #e1e9f2; border-radius: 14px; background: #f8fafc; }
.operator-content-grid h3 { margin: 0 0 9px; color: #0b63e5; font-size: 14px; }
.operator-content-grid p { margin: 0; color: #4f6178; font-size: 13px; line-height: 1.75; white-space: pre-line; }
.operator-content-note { margin: 14px 0 0; color: #7a889a; font-size: 11px; line-height: 1.65; }
.profile-change-list { display: grid; gap: 8px; }
.profile-change-list li { display: grid; grid-template-columns: 130px 1fr; gap: 16px; padding: 13px 14px; border: 1px solid #e4eaf2; border-radius: 12px; }
.profile-change-list time { color: #0b63e5; font-size: 12px; font-weight: 850; }
.profile-change-list strong { display: block; color: #26364e; font-size: 13px; line-height: 1.55; }
.profile-change-list small { display: block; margin-top: 3px; color: #8491a1; font-size: 10px; }
.engagement-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-color: #cddff8; background: #f6f9ff; }
.engagement-card h2 { margin: 0; }
.engagement-card p { margin: 7px 0 0; color: #65748a; }
.engagement-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.engagement-actions .button { white-space: nowrap; }
.engagement-card > .form-status { flex-basis: 100%; }
.badge-share-preview img { width: min(100%, 520px); height: auto; }

@media (max-width: 720px) {
  .change-day li { grid-template-columns: 1fr; gap: 8px; }
  .operator-content-grid { grid-template-columns: 1fr; }
  .profile-change-list li { grid-template-columns: 1fr; gap: 5px; }
  .engagement-card { align-items: stretch; flex-direction: column; }
  .engagement-actions { justify-content: stretch; }
  .engagement-actions .button { flex: 1 1 100%; text-align: center; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--soft);
  font-family: Pretendard, "Noto Sans KR", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; }
.container { width: min(1440px, calc(100% - 48px)); margin-inline: auto; }
.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; }
[hidden] { display: none !important; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(247, 249, 252, .91);
  backdrop-filter: blur(20px) saturate(130%);
  border-bottom: 1px solid rgba(214, 223, 234, .92);
}
.nav-shell {
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: max-content; }
.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 12px;
  background: var(--blue-700);
  box-shadow: 0 7px 18px rgba(11, 99, 229, .22), inset 0 1px rgba(255,255,255,.28);
}
.brand-copy strong { display: block; font-size: 19px; letter-spacing: -.055em; }
.brand-copy small { display: block; margin-top: 2px; color: #79879b; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.main-nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.main-nav a, .nav-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  color: #314158;
  background: transparent;
  font-size: 14px;
  font-weight: 780;
  line-height: 1;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.main-nav a:hover, .nav-button:hover { color: var(--blue-700); background: #eaf2fd; }
.nav-button.primary { color: #fff; background: var(--blue-700); box-shadow: 0 7px 18px rgba(11, 99, 229, .19); }

.hero { padding: 22px 0 12px; }
.hero-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
  gap: 42px;
  min-height: 418px;
  overflow: hidden;
  padding: 46px 48px;
  border-radius: var(--radius-xl);
  color: #fff;
  background: var(--blue-700);
  box-shadow: 0 22px 54px rgba(8, 74, 166, .2);
}
.hero-shell::before {
  content: "";
  position: absolute;
  top: -310px;
  right: -190px;
  z-index: -1;
  width: 620px;
  height: 620px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
}
.hero-shell::after {
  content: "";
  position: absolute;
  right: 90px;
  bottom: -300px;
  z-index: -1;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 84px;
  transform: rotate(34deg);
}
.hero-content { align-self: center; }
.eyebrow { margin: 0 0 16px; color: #b9e5ff; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.hero h1 { margin: 0; font-size: clamp(58px, 6.2vw, 92px); line-height: .96; letter-spacing: -.078em; }
.hero-summary { max-width: 720px; margin: 20px 0 0; color: #e7f5ff; font-size: 14px; font-weight: 720; line-height: 1.7; }
.hero-copy { max-width: 680px; margin: 24px 0 0; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.65; font-weight: 760; letter-spacing: -.032em; }
.hero-copy strong { color: #fff; }
.hero-copy span { display: block; margin-top: 2px; color: #d4efff; font-weight: 650; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 850;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-1px); }
.button.white { color: #0b3b82; background: #fff; box-shadow: 0 9px 24px rgba(2, 31, 90, .16); }
.button.glass { color: #fff; border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.1); }
.button.blue { color: #fff; background: var(--blue-700); box-shadow: 0 8px 20px rgba(11, 99, 229, .2); }
.button.soft { color: var(--blue-700); background: #eaf2fc; }
.button.danger { color: #b11222; background: #fff0f2; }
.button.small { min-height: 38px; padding: 0 14px; border-radius: 10px; font-size: 13px; }

.live-panel {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 17px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 20px;
  color: var(--ink);
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 40px rgba(4, 48, 116, .2);
}
.live-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #52657f; font-size: 11px; font-weight: 900; letter-spacing: .03em; }
.live-date { padding: 7px 10px; border-radius: 9px; color: #31577f; background: #edf3fa; font-variant-numeric: tabular-nums; }
.live-card { position: relative; flex: 1; min-height: 176px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; color: #fff; background: var(--blue-950); }
.live-card::after { content: "OPEN"; position: absolute; right: 15px; top: 12px; color: rgba(255,255,255,.08); font-size: 46px; font-weight: 950; letter-spacing: -.05em; }
.live-card .mini-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }
.mini-tag { padding: 5px 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.09); font-size: 10px; font-weight: 850; }
.live-card h2 { margin: 0; font-size: 29px; letter-spacing: -.05em; }
.live-card p, .live-description { margin: 8px 0 0; color: #c9d7e9; font-size: 12px; line-height: 1.55; }
.stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.stat { padding: 12px; border: 1px solid #e3e9f0; border-radius: 11px; color: #6b7a8f; background: #f7f9fc; font-size: 10px; font-weight: 800; font-variant-numeric: tabular-nums; }
.stat strong { display: block; margin-top: 4px; color: var(--ink); font-size: 25px; line-height: 1; }

.section { padding: 12px 0; }
.surface { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-soft); }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.section-label { margin: 0 0 7px; color: var(--blue-700); font-size: 10px; font-weight: 950; letter-spacing: .12em; }
.section h2 { margin: 0; font-size: clamp(26px, 2.8vw, 38px); letter-spacing: -.055em; }
.section-lead { max-width: 680px; margin: 0; color: var(--muted); line-height: 1.7; font-weight: 650; }
.pick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }

.server-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 110px;
  overflow: hidden;
  padding: 13px 14px 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  color: #fff;
  box-shadow: 0 6px 16px rgba(21, 35, 61, .11);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.server-card:hover { z-index: 4; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(18, 39, 75, .18); filter: saturate(1.03); }
.tier-sparkle { background: var(--red); }
.tier-red {
  color: #231d08;
  border-color: rgba(158, 116, 0, .24);
  background: var(--yellow);
  box-shadow: 0 7px 18px rgba(203, 151, 0, .16);
}
.tier-black { background: var(--black); }
.tier-purple { background: var(--purple); }
.tier-sky { background: var(--sky); }
.reservation-card { cursor: default; border: 1px dashed #b8c7d8; color: #61758b; background: #eef3f8; box-shadow: none; }
.reservation-card:hover { transform: none; filter: none; box-shadow: none; }
.reservation-card .card-top, .reservation-card h3, .reservation-card .server-card-copy { color: #61758b; }
.reservation-card h3 { letter-spacing: -.025em; }
.tier-red .card-top { color: rgba(35,29,8,.68); }
.server-card.tier-red h3 { color: #231d08; }
.server-card.tier-red .server-card-copy { color: rgba(35,29,8,.7); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } }
.card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; color: rgba(255,255,255,.9); font-weight: 850; font-variant-numeric: tabular-nums; }
.card-wait-time { padding-top: 1px; font-size: 13px; font-weight: 950; letter-spacing: -.02em; white-space: nowrap; }
.card-spec { display: grid; min-width: 42px; justify-items: end; gap: 3px; line-height: 1; text-align: right; }
.card-spec b { max-width: 68px; overflow: hidden; font-size: 12px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.card-spec em { max-width: 68px; overflow: hidden; font-size: 11px; font-style: normal; font-weight: 850; opacity: .9; text-overflow: ellipsis; white-space: nowrap; }
.server-card h3 { margin: 9px 0 7px; color: #fff; font-size: 17px; line-height: 1.15; letter-spacing: -.04em; }
.server-card-copy { margin: auto 0 0; color: rgba(255,255,255,.82); font-size: 11px; line-height: 1.45; }
.server-keywords { display: flex; min-width: 0; gap: 2px; margin-top: auto; overflow: hidden; }
.server-keywords span { flex: 1 1 0; min-width: 0; overflow: hidden; padding: 4px 0; border: 1px solid rgba(255,255,255,.24); border-radius: 6px; color: #fff; background: rgba(255,255,255,.16); font-size: 11px; font-weight: 900; line-height: 1.1; letter-spacing: -.04em; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.tier-red .server-keywords span { border-color: rgba(35,29,8,.14); color: #231d08; background: rgba(255,255,255,.25); }
.server-card:not(.compact) .server-keywords { margin: 2px 0 7px; }
.server-card:not(.compact) .server-keywords span { flex: 0 1 auto; min-width: 58px; padding-inline: 9px; font-size: 11px; }
.server-card.compact { min-height: 100px; }

.calendar-shell { padding: 0; overflow: hidden; }
.calendar-title { padding: 25px 28px 20px; border-bottom: 1px solid var(--line); }
.calendar-title h2 { font-size: clamp(27px, 3vw, 39px); }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.day-column { min-width: 0; min-height: 456px; padding: 10px 7px 15px; border-right: 1px solid #e1e7ef; background: #fff; }
.day-column:last-child { border-right: 0; }
.day-column.today { background: #f4f9ff; box-shadow: inset 0 3px var(--blue-600); }
.day-head { min-height: 70px; display: flex; align-items: center; justify-content: center; padding: 9px 4px; text-align: center; font-variant-numeric: tabular-nums; }
.day-head[href] { border-radius: 11px; transition: color .2s ease, background .2s ease; }
.day-head[href]:hover { color: var(--blue-700); background: #edf5ff; }
.day-head-main { display: grid; justify-items: center; gap: 5px; }
.day-head strong { display: block; font-size: 18px; letter-spacing: -.035em; }
.day-sub { min-height: 19px; display: flex; align-items: center; justify-content: center; gap: 5px; }
.day-head span { color: #7a879a; font-size: 10px; font-weight: 800; line-height: 1; }
.day-head .today-chip { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 18px; padding: 0 7px; border-radius: 999px; color: #fff; background: var(--blue-700); box-shadow: 0 4px 10px rgba(11,99,229,.19); font-size: 9px; font-style: normal; font-weight: 900; line-height: 1; }
.day-stack { display: grid; gap: 7px; }
.empty-day { min-height: 110px; display: grid; place-items: center; padding: 14px; border: 1px dashed #d8e0ea; border-radius: 12px; color: #98a5b6; text-align: center; font-size: 11px; line-height: 1.5; }
.upcoming-wrap { margin-top: 0; border-top: 12px solid var(--soft); }
.upcoming-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 28px; border-bottom: 1px solid var(--line); }
.upcoming-head h3 { margin: 0; font-size: 24px; letter-spacing: -.04em; }
.archive-link { color: var(--blue-700); font-size: 13px; font-weight: 900; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.feature-card { display: flex; flex-direction: column; padding: 24px; border: 1px solid #e1e7ef; border-radius: 15px; background: #f8fafc; }
.feature-number { color: #c3cede; font-size: 40px; font-weight: 950; line-height: 1; }
.feature-card h3 { margin: 18px 0 9px; font-size: 20px; letter-spacing: -.04em; }
.feature-card p { margin: 0; color: var(--muted); line-height: 1.7; }
.feature-link { align-self: flex-start; margin-top: 16px; color: var(--blue-700); font-size: 12px; font-weight: 900; }
.feature-link:hover { color: var(--blue-900); }

.seo-intro { display: grid; grid-template-columns: 1.05fr .95fr; gap: 32px; align-items: start; }
.seo-intro-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.date-directory-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.date-directory-grid > a { min-height: 104px; display: flex; flex-direction: column; justify-content: center; padding: 16px; border: 1px solid #dce6f1; border-radius: 13px; background: #f8fafc; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.date-directory-grid > a:hover { transform: translateY(-2px); border-color: #a8c8ef; background: #f1f7ff; }
.date-directory-grid span { color: #61758e; font-size: 10px; font-weight: 850; }
.date-directory-grid strong { margin-top: 5px; color: #1d3756; font-size: 18px; letter-spacing: -.035em; }
.date-directory-grid small { overflow: hidden; margin-top: 8px; color: #7b8da4; font-size: 9px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.profile-directory-surface { overflow: hidden; }
.profile-directory-tools { display: grid; grid-template-columns: minmax(240px, 1.35fr) repeat(3, minmax(135px, .7fr)) auto; gap: 8px; padding: 14px; border: 1px solid #dce5ef; border-radius: 14px; background: #f6f9fd; }
.profile-directory-tools label { min-width: 0; }
.profile-directory-tools input, .profile-directory-tools select { width: 100%; min-height: 46px; padding: 0 13px; border: 1px solid #d4dfeb; border-radius: 10px; color: #20354f; background: #fff; font-size: 13px; font-weight: 750; outline: none; }
.profile-directory-tools input:focus, .profile-directory-tools select:focus { border-color: #7eb2f1; box-shadow: 0 0 0 3px rgba(11,99,229,.1); }
.profile-directory-result { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 15px 2px 10px; color: #71839b; font-size: 11px; }
.profile-directory-result strong { color: var(--blue-700); font-size: 13px; }
.profile-directory-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.profile-directory-card { position: relative; min-width: 0; display: flex; flex-direction: column; padding: 17px; border: 1px solid #dde6f0; border-radius: 13px; background: #fff; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.profile-directory-card:hover { z-index: 2; transform: translateY(-2px); border-color: #a8c8ef; box-shadow: 0 10px 23px rgba(16,39,77,.09); }
.profile-directory-card strong { overflow: hidden; margin-top: 13px; color: #1c324d; font-size: 17px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.profile-directory-card small { overflow: hidden; margin-top: 6px; color: #5f7490; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.profile-directory-card em { margin-top: 11px; color: #8291a5; font-size: 10px; font-style: normal; font-weight: 750; line-height: 1.5; }
.profile-directory-state { align-self: flex-start; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 950; }
.profile-directory-state.state-active { color: #0752b5; background: #e6f1ff; }
.profile-directory-state.state-past { color: #6e7c8e; background: #edf1f5; }
.profile-directory-empty { margin-top: 10px; }
.seo-copy h1 { margin: 0; font-size: clamp(42px, 5vw, 76px); line-height: 1.04; letter-spacing: -.075em; }
.seo-copy p { margin: 22px 0 0; color: #536b8e; font-size: 18px; line-height: 1.8; }
.info-panel { padding: 26px; border-radius: 18px; color: #fff; background: var(--blue-800); box-shadow: var(--shadow); }
.info-panel h2 { font-size: 26px; }
.info-panel ul { margin: 18px 0 0; padding-left: 20px; color: #d8ebff; line-height: 2; }
.list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.discovery-card { overflow: hidden; border: 1px solid #dde6f0; border-radius: 15px; background: #f8fafc; }
.discovery-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 17px 13px; border-bottom: 1px solid #e1e8f0; }
.discovery-card-head h3 { margin: 0; font-size: 20px; letter-spacing: -.04em; }
.discovery-card-head h3 a:hover { color: var(--blue-700); }
.discovery-card-head .facet-link { color: var(--blue-700); font-size: 10px; font-weight: 900; white-space: nowrap; }
.discovery-links { display: grid; padding: 5px 12px 11px; }
.discovery-links a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 5px; border-bottom: 1px solid #e6ebf1; }
.discovery-links a:last-child { border-bottom: 0; }
.discovery-links strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.discovery-links small { flex: 0 0 auto; color: #77879d; font-size: 10px; }
.verification-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.verification-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 15px; border: 1px solid #e0e7ef; border-radius: 12px; background: #f8fafc; }
.verification-row span { min-width: 0; }
.verification-row strong, .verification-row small { display: block; }
.verification-row strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.verification-row small { margin-top: 4px; color: #7b8ba1; font-size: 10px; }
.verification-row em { flex: 0 0 auto; color: var(--blue-700); font-size: 11px; font-style: normal; font-weight: 850; }
.update-surface { padding-bottom: 24px; }
.update-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.update-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 15px; border: 1px solid #dfe7f0; border-radius: 12px; background: #f8fafc; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.update-row:hover { border-color: #acd0fb; background: #f2f7ff; transform: translateY(-1px); }
.update-state { padding: 5px 7px; border-radius: 7px; color: var(--blue-700); background: #e6f1ff; font-size: 9px; font-weight: 950; white-space: nowrap; }
.update-copy { min-width: 0; }
.update-copy strong, .update-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.update-copy strong { font-size: 14px; }
.update-copy small { margin-top: 4px; color: #75879e; font-size: 10px; }
.update-row time { color: #75879e; font-size: 10px; font-weight: 800; white-space: nowrap; }
.editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.editorial-grid article { padding: 22px; border-left: 3px solid var(--blue-700); border-radius: 0 13px 13px 0; background: #f6f9fd; }
.editorial-grid h3 { margin: 0 0 10px; font-size: 18px; letter-spacing: -.035em; }
.editorial-grid p { margin: 0; color: #5d6f88; font-size: 13px; line-height: 1.8; }

.detail-wrap { padding: 26px 0 64px; }
.detail-topbar { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 15px; }
.back-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0 16px; border: 1px solid #d5dee9; border-radius: 11px; color: #3c506a; background: #fff; font-size: 13px; font-weight: 850; box-shadow: 0 4px 14px rgba(16,39,77,.05); }
.back-button:hover { color: var(--blue-700); border-color: #9fc8f7; }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: #7184a1; font-size: 13px; font-weight: 750; }
.page-breadcrumb { margin-bottom: 20px; }
.detail-hero { position: relative; display: grid; grid-template-columns: 340px 1fr; gap: 40px; align-items: center; overflow: hidden; padding: 40px; border: 1px solid #dbe4ee; border-radius: 22px; color: var(--ink); background: #fff; box-shadow: var(--shadow); }
.detail-hero-hit { position: absolute; inset: 0; z-index: 5; border-radius: inherit; }
.detail-hero-hit:focus-visible { outline: 4px solid #ffd43b; outline-offset: -6px; }
.site-preview { position: relative; z-index: 1; width: 340px; max-width: 100%; aspect-ratio: 8 / 5; overflow: hidden; border: 1px solid #d8e3ef; border-radius: 16px; background: #fff; box-shadow: 0 18px 38px rgba(16, 39, 77, .15); pointer-events: none; }
.site-preview-fallback { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; color: #17365f; background: #edf5ff; }
.site-preview-fallback img { width: 100%; height: 100%; object-fit: cover; }
.site-preview-fallback span { font-size: 64px; font-weight: 950; }
.site-preview-fallback b { position: absolute; left: 12px; right: 12px; bottom: 10px; overflow: hidden; padding: 7px 9px; border-radius: 8px; color: #fff; background: rgba(5, 29, 72, .78); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.detail-copy { position: relative; z-index: 1; }
.detail-copy .eyebrow { color: var(--blue-700); }
.detail-hero h1 { margin: 0; font-size: clamp(42px, 5.5vw, 76px); letter-spacing: -.075em; }
.detail-hero p { max-width: 760px; margin: 16px 0 0; color: #536b8e; line-height: 1.75; }
.detail-hero-actions { position: relative; z-index: 6; display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.official-cta, .operator-cta { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0 24px; border: 1px solid var(--blue-700); border-radius: 12px; color: #fff; background: var(--blue-700); box-shadow: 0 10px 24px rgba(11,99,229,.2); font-size: 16px; font-weight: 900; }
.operator-cta { color: var(--blue-700); background: #fff; box-shadow: 0 8px 20px rgba(16,39,77,.08); }
.official-cta:hover { color: #fff; background: #0757c9; }
.operator-cta:hover { color: #fff; background: var(--blue-700); }
.official-cta.disabled, .operator-cta.disabled { cursor: default; color: #8a99ad; border-color: #d8e0e9; background: #eef2f6; box-shadow: none; }
.facts { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-top: 16px; }
.fact { padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 5px 18px rgba(16,39,77,.05); }
.fact span { display: block; color: #778aa7; font-size: 11px; font-weight: 850; }
.fact strong { display: block; margin-top: 7px; font-size: 17px; letter-spacing: -.03em; }
.content-card { margin-top: 14px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-soft); }
.content-card h2 { margin: 0 0 14px; font-size: 27px; letter-spacing: -.05em; }
.content-card p { color: #536b8e; line-height: 1.85; }
.editorial-report { padding: 0; overflow: hidden; }
.editorial-art { position: relative; min-height: 340px; margin: 0; overflow: hidden; background: var(--blue-950); }
.editorial-art::after { content: ""; position: absolute; inset: 0; background: rgba(4,17,39,.22); }
.editorial-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.editorial-art-title { position: absolute; left: 36px; bottom: 36px; z-index: 2; display: grid; color: #fff; }
.editorial-art-title em { margin-bottom: 9px; color: #9fd8ff; font-size: 10px; font-style: normal; font-weight: 950; letter-spacing: .18em; }
.editorial-art-title strong { font-size: clamp(38px, 5vw, 68px); line-height: .95; letter-spacing: -.07em; text-shadow: 0 4px 22px rgba(0,0,0,.35); }
.editorial-art-title b { margin-top: 13px; color: #dcecff; font-size: 13px; }
.editorial-copy { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 34px; padding: 30px; }
.editorial-copy h2 { margin-bottom: 16px; }
.editorial-copy p { margin: 0 0 10px; color: #4f627c; font-size: 14px; line-height: 1.85; }
.editorial-points { display: grid; align-content: start; gap: 8px; margin: 0; }
.editorial-points div { padding: 14px 15px; border: 1px solid #dfe7f0; border-radius: 12px; background: #f7f9fc; }
.editorial-points dt { color: #7a8ca5; font-size: 10px; font-weight: 850; }
.editorial-points dd { margin: 6px 0 0; color: #20354f; font-size: 13px; font-weight: 900; line-height: 1.45; }
.notice { padding: 15px 17px; border-radius: 13px; color: #536b8e; background: #f2f7fd; font-size: 13px; line-height: 1.65; }
.notice a { color: var(--blue-700); font-weight: 900; text-decoration: underline; text-underline-offset: 3px; }
.detail-bottom-actions { display: flex; justify-content: flex-end; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.detail-information { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr); gap: 22px; align-items: start; }
.detail-information .notice { grid-column: 1 / -1; }
.verification-facts { display: grid; gap: 1px; overflow: hidden; margin: 0; border: 1px solid #dde6f0; border-radius: 12px; background: #dde6f0; }
.verification-facts div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; background: #f8fafc; }
.verification-facts dt { color: #76879e; font-size: 11px; font-weight: 800; }
.verification-facts dd { margin: 0; color: #243750; font-size: 12px; font-weight: 900; text-align: right; }
.knowledge-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.knowledge-stats article { min-width: 0; padding: 20px; border: 1px solid #dce6f1; border-radius: 15px; background: #f7f9fc; }
.knowledge-stats span, .knowledge-stats small { display: block; color: #7a8ca5; font-size: 10px; font-weight: 850; }
.knowledge-stats strong { display: block; overflow-wrap: anywhere; margin: 8px 0 6px; color: #183653; font-size: 22px; line-height: 1.25; letter-spacing: -.045em; }
.knowledge-guide-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.knowledge-guide-grid article { padding: 21px; border: 1px solid #dce6f1; border-radius: 15px; background: #fff; }
.knowledge-guide-grid b { display: block; color: var(--blue-700); font-size: 11px; font-weight: 950; }
.knowledge-guide-grid h3 { margin: 9px 0 8px; color: #183653; font-size: 18px; letter-spacing: -.035em; }
.knowledge-guide-grid p { margin: 0; color: #60748f; font-size: 12px; line-height: 1.75; }
.schedule-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 12px; }
.schedule-checklist > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 13px; align-items: start; padding: 16px; border: 1px solid #dce6f1; border-radius: 13px; background: #f7f9fc; }
.schedule-checklist span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--blue-700); font-size: 10px; font-weight: 950; }
.schedule-checklist p { margin: 0; color: #60748f; font-size: 12px; line-height: 1.65; }
.schedule-checklist strong { display: block; margin-bottom: 3px; color: #243750; font-size: 13px; }
.submission-planned-link { overflow-wrap: anywhere; color: var(--blue-700) !important; font-size: 10px !important; font-weight: 800; }
.server-profile { overflow: hidden; }
.profile-verification-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid #dce6f1; border-radius: 12px; background: #f7f9fc; }
.profile-verification-bar p { flex: 1; margin: 0; color: #647790; font-size: 11px; line-height: 1.5; }
.profile-verification-bar a { color: var(--blue-700); font-size: 10px; font-weight: 900; white-space: nowrap; }
.verification-chip { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; font-size: 9px; font-weight: 950; }
.verification-chip.verified { color: #0a7049; background: #e3f7ee; }
.verification-chip.linked { color: #0752b5; background: #e6f1ff; }
.verification-chip.pending { color: #8a5b00; background: #fff3d1; }
.profile-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.profile-stat-grid > div { min-width: 0; padding: 16px; border: 1px solid #dfe7f0; border-radius: 13px; background: #f8fafc; }
.profile-stat-grid span { display: block; color: #7a8ca5; font-size: 10px; font-weight: 850; }
.profile-stat-grid strong { display: block; overflow-wrap: anywhere; margin-top: 7px; color: #20354f; font-size: 14px; line-height: 1.45; }
.official-source-note { position: relative; margin-top: 14px; padding: 20px 22px 20px 25px; border: 1px solid #cfe0f5; border-radius: 14px; background: #f4f8fd; }
.official-source-note::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 0; width: 4px; border-radius: 0 4px 4px 0; background: var(--blue-600); }
.official-source-note > span { color: var(--blue-700); font-size: 10px; font-weight: 950; letter-spacing: .08em; }
.official-source-note > strong { display: block; margin-top: 6px; color: #1f3652; font-size: 16px; line-height: 1.5; }
.official-source-note > p { margin: 7px 0 0; color: #556d8d; font-size: 13px; line-height: 1.75; }
.official-source-note > small { display: block; margin-top: 8px; color: #8291a5; font-size: 10px; font-weight: 800; }
.content-card-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 15px; }
.content-card-head h2 { margin-bottom: 0; }
.content-card-head > span { color: var(--blue-700); font-size: 12px; font-weight: 900; }
.history-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.history-row a { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(180px, 1fr) auto; align-items: center; gap: 16px; padding: 13px 15px; border: 1px solid #e0e7ef; border-radius: 11px; background: #f8fafc; }
.metadata-history-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.metadata-history-row { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 20px; padding: 17px 18px; border: 1px solid #e0e7ef; border-radius: 13px; background: #f8fafc; }
.metadata-history-row.current { border-color: #bfd8fb; background: #f3f8ff; box-shadow: inset 3px 0 var(--blue-600); }
.metadata-history-date { display: flex; align-content: start; flex-wrap: wrap; gap: 7px; }
.metadata-history-date time { width: 100%; color: #405977; font-size: 12px; font-weight: 900; }
.metadata-history-date span { padding: 4px 7px; border-radius: 999px; color: var(--blue-700); background: #e7f1ff; font-size: 9px; font-weight: 950; }
.metadata-history-date small { width: 100%; color: #8190a4; font-size: 9px; font-weight: 800; }
.metadata-history-copy strong { display: block; color: #20354f; font-size: 15px; line-height: 1.45; }
.metadata-history-copy p { margin: 6px 0 0; color: #687b94; font-size: 12px; line-height: 1.65; }
.empty-panel.compact { padding: 22px; }
.history-row.current a { border-color: #a9cdf8; background: #eef6ff; }
.history-row time { color: #243750; font-size: 13px; font-weight: 900; }
.history-row span { color: #687a92; font-size: 12px; }
.history-row b { color: var(--blue-700); font-size: 10px; }
.related-discovery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.related-discovery-group { padding: 18px; border: 1px solid #e0e7ef; border-radius: 14px; background: #f8fafc; }
.related-discovery-group h3 { margin: 0 0 12px; font-size: 17px; }
.related-link-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.related-link-grid a { min-width: 0; padding: 10px; border-radius: 9px; background: #fff; box-shadow: inset 0 0 0 1px #e4eaf1; }
.related-link-grid strong, .related-link-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related-link-grid strong { font-size: 12px; }
.related-link-grid small { margin-top: 4px; color: #7b8ba1; font-size: 9px; }
.share-card { display: grid; grid-template-columns: 1fr minmax(320px, .8fr); gap: 24px; align-items: center; }
.share-card p { margin-bottom: 0; }
.share-code { display: grid; gap: 9px; padding: 12px; border: 1px solid #dce5ef; border-radius: 12px; background: #f5f8fc; }
.share-code code { overflow: hidden; padding: 10px; border-radius: 8px; color: #304761; background: #fff; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.badge-share-preview { justify-items: center; }
.badge-share-preview img { width: min(100%, 360px); height: auto; border-radius: 14px; }
.badge-share-preview .button { width: 100%; }

.badge-page { background: #f5f8fc; }
.badge-intro { padding: clamp(34px, 6vw, 72px) 0 26px; }
.badge-intro h1 { max-width: 820px; margin: 20px 0 18px; font-size: clamp(43px, 6vw, 76px); line-height: 1.01; letter-spacing: -.075em; }
.badge-intro > p:last-child { max-width: 770px; margin: 0; color: #536b8e; font-size: 16px; line-height: 1.9; }
.badge-studio { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(500px, 1.28fr); gap: 32px; padding: 34px; }
.badge-controls { display: grid; align-content: start; gap: 22px; padding-right: 30px; border-right: 1px solid var(--line); }
.badge-controls h2, .badge-result h2 { margin: 6px 0 0; font-size: 27px; letter-spacing: -.05em; }
.badge-controls .field { display: grid; gap: 8px; }
.badge-controls .field > span, .badge-choice-group > span { color: #405675; font-size: 12px; font-weight: 850; }
.badge-controls select { width: 100%; min-height: 50px; padding: 0 13px; border: 1px solid #d4dfeb; border-radius: 12px; color: #20354f; background: #fff; font-weight: 800; }
.badge-choice-group { display: grid; gap: 9px; }
.badge-choice-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.badge-choice { min-height: 40px; padding: 0 8px; border: 1px solid #d5dfeb; border-radius: 10px; color: #536b8e; background: #fff; font-size: 11px; font-weight: 850; }
.badge-choice:hover { border-color: #9fc4f2; color: var(--blue-700); }
.badge-choice.is-selected { color: #fff; border-color: var(--blue-700); background: var(--blue-700); box-shadow: 0 7px 16px rgba(11,99,229,.18); }
.badge-result { min-width: 0; }
.badge-result-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.badge-result-head > span { color: #71839c; font-size: 10px; font-weight: 800; }
.badge-preview-stage { min-height: 190px; display: grid; place-items: center; overflow: auto; margin: 20px 0 14px; padding: 26px; border: 1px solid #d9e4f0; border-radius: 17px; background: #eef3f8; }
.badge-preview-stage img { max-width: 100%; height: auto; border-radius: 16px; box-shadow: 0 16px 34px rgba(16,39,77,.16); }
.badge-code-box { padding: 16px; border: 1px solid #dce5ef; border-radius: 14px; background: #f8fafc; }
.badge-code-box label { display: block; margin-bottom: 8px; color: #405675; font-size: 11px; font-weight: 850; }
.badge-code-box textarea { width: 100%; min-height: 94px; resize: vertical; padding: 12px; border: 1px solid #d7e1ec; border-radius: 10px; color: #334a67; background: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 10px; line-height: 1.6; }
.badge-code-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 9px; }
.badge-code-actions .button { width: 100%; }
.badge-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.badge-guide article { padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-soft); }
.badge-guide span { color: var(--blue-600); font-size: 10px; font-weight: 950; letter-spacing: .12em; }
.badge-guide h2 { margin: 14px 0 9px; font-size: 22px; letter-spacing: -.04em; }
.badge-guide p { margin: 0; color: #667b96; font-size: 12px; line-height: 1.75; }
.badge-policy { display: grid; grid-template-columns: .75fr 1.25fr; gap: 30px; align-items: start; padding: 30px; }
.badge-policy h2 { margin: 7px 0 0; }
.badge-policy ul { display: grid; gap: 9px; margin: 0; padding-left: 19px; color: #60748f; font-size: 12px; line-height: 1.65; }
.trust-wrap { background: #f5f8fc; }
.trust-hero { padding: clamp(34px, 6vw, 72px); }
.trust-hero h1, .trust-document h1, .correction-copy h1 { margin: 20px 0 18px; font-size: clamp(42px, 6vw, 72px); line-height: 1.02; letter-spacing: -.075em; }
.trust-hero > p { max-width: 760px; margin: 0; color: #506987; font-size: 16px; line-height: 1.9; }
.trust-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.trust-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.trust-principles article { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow-soft); }
.trust-principles span { color: var(--blue-600); font-size: 11px; font-weight: 950; letter-spacing: .12em; }
.trust-principles h2 { margin: 15px 0 10px; font-size: 24px; letter-spacing: -.045em; }
.trust-principles p { margin: 0; color: #637896; font-size: 13px; line-height: 1.75; }
.trust-flow { padding: 30px; }
.trust-flow ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.trust-flow li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 11px; padding: 18px; border: 1px solid #dfe7f0; border-radius: 14px; background: #f8fafc; }
.trust-flow li > b { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; color: #fff; background: var(--blue-700); font-size: 11px; }
.trust-flow strong { display: block; color: #20354f; font-size: 14px; }
.trust-flow p { margin: 7px 0 0; color: #6d7f96; font-size: 11px; line-height: 1.65; }
.trust-callout { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 30px; }
.trust-callout h2 { margin-bottom: 8px; }
.trust-callout p { max-width: 820px; margin: 0; }
.trust-callout .button { flex: 0 0 auto; }
.trust-document { padding: clamp(30px, 5vw, 64px); }
.trust-document .document-lead { max-width: 820px; margin: 0 0 26px; color: #536b8e; font-size: 16px; line-height: 1.85; }
.policy-index { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 34px; padding: 14px; border-radius: 13px; background: #f2f6fb; }
.policy-index a { padding: 8px 11px; border-radius: 9px; color: #37516f; background: #fff; font-size: 11px; font-weight: 900; }
.trust-document > section { padding: 25px 0; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.trust-document > section h2 { margin: 0 0 10px; font-size: 23px; letter-spacing: -.04em; }
.trust-document > section p { max-width: 930px; margin: 0; color: #5a708e; font-size: 14px; line-height: 1.9; }
.document-link { display: inline-flex; margin-top: 14px; color: var(--blue-700); font-size: 13px; font-weight: 900; }
.document-updated { margin: 20px 0 0; color: #8594a7; font-size: 11px; font-weight: 800; }
.correction-layout { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(520px, 1.2fr); gap: 16px; align-items: start; }
.correction-copy, .correction-form { padding: clamp(26px, 4vw, 46px); }
.correction-copy { position: sticky; top: 94px; }
.correction-copy > p { color: #5a708e; line-height: 1.85; }
.correction-copy ul { display: grid; gap: 9px; margin: 24px 0; padding: 0; list-style: none; }
.correction-copy li { position: relative; padding-left: 18px; color: #677a92; font-size: 12px; line-height: 1.55; }
.correction-copy li::before { content: ""; position: absolute; top: 7px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-600); }
.correction-copy > a { color: var(--blue-700); font-size: 12px; font-weight: 900; }
.correction-form .form-grid { gap: 17px 12px; }
.consent-check { display: flex; align-items: flex-start; gap: 9px; color: #5e728d; font-size: 12px; line-height: 1.55; }
.consent-check input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 1px; accent-color: var(--blue-700); }
.information-request-card a { display: block; overflow: hidden; margin-top: 7px; color: var(--blue-700); font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }

.promotion-intro { padding: 28px 0 10px; }
.promotion-intro h1 { margin: 0; font-size: clamp(44px, 5.5vw, 72px); letter-spacing: -.07em; }
.promotion-intro > p:last-child { max-width: 760px; margin: 18px 0 0; color: #536b8e; font-size: 17px; line-height: 1.8; }
.promotion-board { padding: 0; overflow: hidden; }
.promotion-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; color: #64748a; border-bottom: 1px solid var(--line); font-size: 13px; }
.promotion-head strong { color: var(--ink); font-size: 20px; }
.promotion-row { display: grid; grid-template-columns: 38px 6px minmax(260px, 1fr) auto 88px; align-items: center; gap: 16px; min-height: 94px; padding: 15px 24px; border-bottom: 1px solid #e5eaf1; background: #fff; transition: background .2s ease, transform .2s ease; }
.promotion-row:last-child { border-bottom: 0; }
.promotion-row:hover { background: #f7f9fc; }
.promotion-rank { color: #a2b1c6; font-size: 13px; font-weight: 950; font-variant-numeric: tabular-nums; }
.promotion-color { width: 6px; height: 48px; border-radius: 999px; }
.promotion-sparkle { background: var(--red); }
.promotion-red { background: var(--yellow); }
.promotion-black { background: var(--black); }
.promotion-purple { background: var(--purple); }
.promotion-sky { background: var(--sky); }
.promotion-copy { min-width: 0; }
.promotion-copy strong { display: block; font-size: 18px; letter-spacing: -.035em; }
.promotion-copy small { display: -webkit-box; max-width: 760px; overflow: hidden; margin-top: 7px; color: #647694; font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.promotion-meta { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; max-width: 360px; }
.promotion-meta em, .promotion-meta i { padding: 5px 8px; border-radius: 999px; color: #52647b; background: #eef2f7; font-size: 10px; font-style: normal; font-weight: 800; }
.promotion-meta em { color: #fff; background: var(--blue-700); }
.promotion-action { color: var(--blue-700); font-size: 12px; font-weight: 900; text-align: right; }

.archive-groups { display: grid; gap: 14px; }
.archive-group { padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.archive-group h2 { margin: 0; font-size: 24px; }
.archive-group-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.archive-group-head h2 a:hover { color: var(--blue-700); }
.archive-group-head > a { color: var(--blue-700); font-size: 12px; font-weight: 900; }
.archive-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }

.date-intro { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 38px; align-items: stretch; }
.date-intro-copy h1 { margin: 0; font-size: clamp(38px, 5vw, 68px); line-height: 1.08; letter-spacing: -.07em; }
.date-intro-copy > p:last-child { max-width: 840px; margin: 20px 0 0; color: #536b8e; font-size: 16px; line-height: 1.8; }
.date-summary { display: grid; align-content: start; padding: 25px; border: 1px solid #d9e6f6; border-radius: 18px; background: #f3f8ff; }
.date-summary > span { color: var(--blue-700); font-size: 11px; font-weight: 950; letter-spacing: .08em; }
.date-summary > strong { margin-top: 10px; color: var(--blue-800); font-size: 58px; line-height: .95; letter-spacing: -.07em; }
.date-summary > b { margin-top: 7px; color: #536b8e; font-size: 13px; }
.date-summary dl { display: grid; gap: 1px; overflow: hidden; margin: 22px 0 0; border: 1px solid #dbe5f1; border-radius: 11px; background: #dbe5f1; }
.date-summary dl div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; background: #fff; }
.date-summary dt { color: #75869d; font-size: 10px; font-weight: 850; }
.date-summary dd { margin: 0; color: #253a55; font-size: 12px; font-weight: 950; }
.date-schedule-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.date-summary-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--line); }
.date-summary-chips span { padding: 7px 10px; border: 1px solid #dce6f2; border-radius: 999px; color: #667992; background: #f8fafc; font-size: 10px; font-weight: 800; }
.date-summary-chips strong { margin-right: 5px; color: #29405e; }
.date-guide { display: grid; grid-template-columns: minmax(240px, .45fr) minmax(0, 1.55fr); gap: 32px; align-items: center; }
.date-guide h2 { margin: 0; }
.date-guide > p { margin: 0; color: #60748f; font-size: 14px; line-height: 1.8; }
.date-navigation { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding: 8px 0 18px; }
.date-navigation > a:not(.date-navigation-home) { display: grid; gap: 4px; padding: 15px 17px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.date-navigation > a:last-child { justify-items: end; text-align: right; }
.date-navigation small { color: #8392a6; font-size: 9px; font-weight: 850; }
.date-navigation strong { color: #2e4663; font-size: 13px; }
.date-navigation a:hover strong { color: var(--blue-700); }
.date-navigation-home { padding: 10px 15px; color: #fff; border-radius: 999px; background: var(--blue-700); font-size: 11px; font-weight: 900; }

.facet-intro { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 38px; align-items: stretch; }
.facet-intro h1 { margin: 0; font-size: clamp(40px, 5.2vw, 72px); line-height: 1.06; letter-spacing: -.075em; }
.facet-intro > div > p:last-child { max-width: 840px; margin: 20px 0 0; color: #536b8e; font-size: 16px; line-height: 1.8; }
.facet-stats { padding: 24px; border: 1px solid #d9e6f6; border-radius: 18px; background: #f3f8ff; }
.facet-stats > span { display: block; margin-bottom: 14px; color: var(--blue-700); font-size: 12px; font-weight: 950; }
.facet-stats dl { display: grid; gap: 1px; overflow: hidden; margin: 0; border: 1px solid #dce6f2; border-radius: 12px; background: #dce6f2; }
.facet-stats dl div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; background: #fff; }
.facet-stats dt { color: #75869d; font-size: 11px; font-weight: 850; }
.facet-stats dd { margin: 0; color: #233a56; font-size: 13px; font-weight: 950; }
.facet-count { color: var(--blue-700); font-size: 12px; font-weight: 900; }
.related-facets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.related-facets a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 14px 16px; border: 1px solid #dfe7f0; border-radius: 12px; background: #f8fafc; transition: border-color .2s ease, background .2s ease; }
.related-facets a:hover { border-color: #aacbf2; background: #f1f7ff; }
.related-facets strong { color: #273e5a; font-size: 14px; }
.related-facets span { color: #7b8ca2; font-size: 10px; font-weight: 800; }

.quick-menu { position: fixed; right: 22px; top: 50%; z-index: 45; width: 153px; display: flex; gap: 10px; flex-direction: column; transform: translateY(-50%); }
.quick-promo-ribbon { position: relative; isolation: isolate; width: 153px; min-height: 218px; overflow: hidden; padding: 20px 13px 14px; border: 1px solid rgba(255,255,255,.72); border-radius: 27px; color: #fff; background: #075fe7; box-shadow: 0 22px 52px rgba(0,61,157,.3), inset 0 1px 0 rgba(255,255,255,.35); text-align: center; }
.quick-promo-ribbon::before { position: absolute; z-index: -1; top: -42px; right: -50px; width: 130px; height: 130px; border: 28px solid rgba(255,255,255,.09); border-radius: 50%; content: ""; }
.quick-promo-ribbon::after { position: absolute; z-index: -1; right: -58px; bottom: -76px; width: 170px; height: 170px; border: 1px solid rgba(255,221,84,.35); border-radius: 50%; box-shadow: 0 0 0 18px rgba(255,255,255,.035), 0 0 0 36px rgba(255,255,255,.025); content: ""; }
.quick-promo-ribbon small { display: inline-flex; min-height: 24px; padding: 0 8px; align-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 999px; color: #dbeaff; background: rgba(0,34,105,.22); font-size: 7px; font-weight: 950; letter-spacing: .16em; }
.quick-promo-ribbon strong { display: block; margin-top: 14px; color: #ffdb4d; font-family: "Arial Black", "Noto Sans KR", sans-serif; font-size: 28px; font-weight: 950; line-height: 1; letter-spacing: -.08em; text-shadow: 0 3px 0 #0444a7, 0 8px 20px rgba(0,31,98,.28); }
.quick-promo-ribbon b { display: block; margin-top: 10px; color: #fff; font-size: 20px; font-weight: 950; line-height: 1.13; letter-spacing: -.055em; }
.quick-promo-ribbon em { position: relative; display: flex; min-height: 38px; margin-top: 18px; padding: 0 8px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.38); border-radius: 13px; color: #073b91; background: #ffdc55; font-size: 10px; font-style: normal; font-weight: 950; box-shadow: 0 9px 22px rgba(0,27,89,.2); }
.quick-promo-spark { position: absolute; color: #ffdf62; font-size: 14px; text-shadow: 0 0 15px rgba(255,223,98,.9); }
.quick-promo-spark.spark-a { top: 18px; left: 17px; }
.quick-promo-spark.spark-b { top: 57px; right: 15px; font-size: 9px; }
.quick-promo-ribbon:hover { transform: translateY(-3px); box-shadow: 0 28px 62px rgba(0,61,157,.38), inset 0 1px 0 rgba(255,255,255,.4); }
.quick-actions { display: grid; gap: 8px; }
.quick-actions a, .quick-actions button { box-sizing: border-box; width: 153px; min-height: 70px; display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 8px; align-items: center; padding: 9px 10px; border: 1px solid #d7e0eb; border-radius: 23px; color: #31445d; background: rgba(255,255,255,.97); box-shadow: 0 13px 34px rgba(18,45,83,.13); backdrop-filter: blur(14px); text-align: left; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.quick-actions a:hover, .quick-actions button:hover { color: var(--blue-700); border-color: #9fc5f5; transform: translateX(-4px); box-shadow: 0 17px 38px rgba(18,45,83,.18); }
.quick-actions i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: var(--blue-700); font-family: Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 950; box-shadow: 0 8px 18px rgba(11,99,229,.2); }
.quick-actions i svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.quick-actions .quick-contact { color: #fff; border-color: var(--blue-700); background: var(--blue-700); box-shadow: 0 15px 36px rgba(11,99,229,.25); }
.quick-actions .quick-contact:hover { color: #fff; border-color: #0958cc; background: #0958cc; }
.quick-actions .quick-contact i { color: var(--blue-700); background: #fff; box-shadow: none; }
.quick-actions .quick-contact small { color: rgba(255,255,255,.76); }
.quick-actions span, .quick-actions b, .quick-actions small { display: block; min-width: 0; }
.quick-actions b { font-size: 13px; font-weight: 950; line-height: 1.2; letter-spacing: -.035em; }
.quick-actions small { margin-top: 4px; color: #7b8ca2; font-size: 8px; font-weight: 750; line-height: 1.25; }

.promo-rail {
  position: fixed;
  top: 92px;
  left: max(10px, calc((100vw - 1440px) / 2 - 226px));
  z-index: 34;
  width: 216px;
  max-height: calc(100vh - 112px);
  overflow: auto;
  padding: 10px 4px 16px;
  scrollbar-width: none;
}
.promo-rail::-webkit-scrollbar { display: none; }
.promo-rail-head { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin: 0 3px 8px; color: #728199; }
.promo-rail-head span { font-size: 8px; font-weight: 950; letter-spacing: .1em; }
.promo-rail-head b { color: #223650; font-size: 11px; }
.promo-rail-stack { display: grid; gap: 8px; }
.promo-banner {
  --banner-accent: #f7cb55;
  position: relative;
  isolation: isolate;
  min-height: 108px;
  display: block;
  overflow: hidden;
  padding: 14px 13px;
  border: 1px solid color-mix(in srgb, var(--banner-accent) 58%, #fff 10%);
  border-radius: 8px;
  color: #fff;
  background-color: #391715;
  background-image: var(--banner-image, none);
  background-position: center;
  background-size: cover;
  box-shadow: 0 8px 20px rgba(8, 18, 38, .2), inset 0 0 28px rgba(0,0,0,.25);
  transition: transform .18s ease, box-shadow .18s ease;
}
a.promo-banner:hover { transform: translateY(-2px); box-shadow: 0 13px 26px rgba(8,18,38,.28), inset 0 0 28px rgba(0,0,0,.25); }
.promo-banner::before { content: ""; position: absolute; right: -34px; top: -50px; z-index: -1; width: 124px; height: 124px; border: 24px solid color-mix(in srgb, var(--banner-accent) 18%, transparent); border-radius: 50%; transform: rotate(-18deg); }
.promo-banner::after { content: ""; position: absolute; right: 20px; bottom: -58px; z-index: -1; width: 110px; height: 110px; border: 1px solid color-mix(in srgb, var(--banner-accent) 42%, transparent); transform: rotate(45deg); }
.promo-banner-frame { position: absolute; inset: 5px; z-index: -1; border: 1px solid color-mix(in srgb, var(--banner-accent) 42%, transparent); border-radius: 5px; pointer-events: none; }
.promo-banner-crest { position: absolute; right: 12px; top: 16px; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--banner-accent) 76%, #fff 12%); border-radius: 50%; color: var(--banner-accent); background: rgba(0,0,0,.28); box-shadow: 0 0 18px color-mix(in srgb, var(--banner-accent) 28%, transparent); font-family: Georgia, serif; font-size: 21px; font-weight: 900; }
.promo-banner-glyph { position: absolute; z-index: 0; right: 7px; bottom: 2px; color: color-mix(in srgb, var(--banner-accent) 42%, transparent); font-family: Georgia, serif; font-size: 46px; font-weight: 900; line-height: 1; pointer-events: none; }
.promo-banner-copy { position: relative; z-index: 2; max-width: 164px; display: flex; flex-direction: column; align-items: flex-start; }
.promo-banner-copy small { padding: 3px 5px; border: 1px solid color-mix(in srgb, var(--banner-accent) 58%, transparent); color: var(--banner-accent); background: rgba(0,0,0,.24); font-size: 7px; font-weight: 950; letter-spacing: .08em; }
.promo-banner-copy strong { display: block; max-width: 170px; overflow: hidden; margin-top: 9px; color: #fff; font-family: Georgia, "Noto Serif KR", serif; font-size: 19px; line-height: 1.05; letter-spacing: -.055em; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 2px 8px rgba(0,0,0,.75); }
.promo-banner-copy em { display: -webkit-box; max-width: 175px; overflow: hidden; margin-top: 5px; color: rgba(255,255,255,.82); font-size: 8px; font-style: normal; font-weight: 750; line-height: 1.35; text-shadow: 0 1px 4px rgba(0,0,0,.85); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.promo-banner-arrow { position: absolute; right: 11px; bottom: 9px; color: var(--banner-accent); font-size: 12px; font-weight: 950; }
.promo-banner.theme-ember { --banner-accent: #ffd36a; background-color: #5d1518; }
.promo-banner.theme-royal { --banner-accent: #f3d36d; background-color: #102f68; }
.promo-banner.theme-frost { --banner-accent: #bff4ff; background-color: #075776; }
.promo-banner.theme-shadow { --banner-accent: #d6dbe5; background-color: #151922; }
.promo-banner.theme-forest { --banner-accent: #d4f4a5; background-color: #174d3b; }
.promo-banner.theme-celestial { --banner-accent: #fff0ac; background-color: #50556b; }
.promo-banner.theme-dragon { --banner-accent: #ffb14a; background-color: #491512; }
.promo-banner:not(.has-art).design-warlord { --banner-accent: #ffd568; border-left: 5px solid #d82e32; background-color: #5c1016; }
.promo-banner:not(.has-art).design-warlord::before { top: -38px; right: -45px; width: 128px; height: 150px; border: 0; border-left: 2px solid rgba(255,213,104,.4); border-radius: 0; transform: rotate(32deg); }
.promo-banner:not(.has-art).design-warlord .promo-banner-crest { border-radius: 4px; transform: rotate(45deg); }
.promo-banner:not(.has-art).design-warlord .promo-banner-crest::first-letter { transform: rotate(-45deg); }
.promo-banner:not(.has-art).design-royal { --banner-accent: #f4d77d; border-top: 3px solid #f4d77d; background-color: #102d64; }
.promo-banner:not(.has-art).design-royal::before { top: -72px; right: 29px; width: 142px; height: 142px; border: 1px solid rgba(244,215,125,.32); box-shadow: 0 0 0 13px rgba(244,215,125,.05); }
.promo-banner:not(.has-art).design-royal .promo-banner-copy { margin-inline: auto; align-items: center; text-align: center; }
.promo-banner:not(.has-art).design-royal .promo-banner-crest { display: none; }
.promo-banner:not(.has-art).design-frost { --banner-accent: #c8f7ff; border-right: 5px solid #8eeaff; background-color: #07546f; }
.promo-banner:not(.has-art).design-frost::before { top: -26px; right: -18px; width: 112px; height: 145px; border: 1px solid rgba(200,247,255,.35); border-radius: 0; clip-path: polygon(50% 0, 100% 100%, 0 78%); transform: rotate(8deg); }
.promo-banner:not(.has-art).design-frost .promo-banner-crest { right: auto; left: 11px; border-radius: 4px 18px 4px 18px; }
.promo-banner:not(.has-art).design-frost .promo-banner-copy { margin-left: auto; align-items: flex-end; text-align: right; }
.promo-banner:not(.has-art).design-shadow { --banner-accent: #e0e5ed; border-color: #727b8c; background-color: #141922; }
.promo-banner:not(.has-art).design-shadow::before { top: 11px; right: 14px; width: 54px; height: 54px; border: 10px solid rgba(224,229,237,.22); border-right-color: transparent; }
.promo-banner:not(.has-art).design-shadow::after { right: -8px; bottom: -28px; width: 95px; height: 95px; border-color: rgba(224,229,237,.22); transform: rotate(22deg); }
.promo-banner:not(.has-art).design-forest { --banner-accent: #d9f29d; border-bottom: 4px solid #95c654; background-color: #174a38; }
.promo-banner:not(.has-art).design-forest::before { top: -33px; right: -24px; width: 120px; height: 154px; border: 1px solid rgba(217,242,157,.28); border-radius: 56% 0 56% 0; transform: rotate(-16deg); }
.promo-banner:not(.has-art).design-forest::after { right: 42px; bottom: -74px; border-color: rgba(217,242,157,.24); transform: rotate(20deg); }
.promo-banner:not(.has-art).design-dragon { --banner-accent: #ffbc54; border-left: 3px solid #ff8a2b; border-right: 3px solid #ff8a2b; background-color: #4d1712; }
.promo-banner:not(.has-art).design-dragon::before { top: -54px; right: -28px; width: 143px; height: 143px; border: 24px double rgba(255,188,84,.2); border-radius: 50% 0 50% 50%; transform: rotate(27deg); }
.promo-banner:not(.has-art).design-dragon .promo-banner-crest { border-radius: 50% 8px 50% 8px; }
.promo-banner.has-art { background-color: #11151e; }
.promo-banner.has-art::before { inset: 0; z-index: 0; width: auto; height: auto; border: 0; border-radius: 0; background: linear-gradient(90deg, rgba(4,7,14,.94) 0%, rgba(4,7,14,.68) 42%, rgba(4,7,14,.06) 78%); transform: none; }
.promo-banner.has-art::after { right: auto; bottom: auto; inset: 0; z-index: 0; width: auto; height: auto; border: 0; background: linear-gradient(0deg, rgba(2,5,12,.76) 0%, transparent 52%, rgba(2,5,12,.16) 100%); transform: none; pointer-events: none; }
.promo-banner.has-art .promo-banner-frame { z-index: 3; border-color: color-mix(in srgb, var(--banner-accent) 54%, transparent); box-shadow: inset 0 0 22px rgba(0,0,0,.16); }
.promo-banner.has-art .promo-banner-copy { z-index: 4; }
.promo-banner.has-art .promo-banner-crest, .promo-banner.has-art .promo-banner-arrow, .promo-banner.has-art .promo-banner-glyph { z-index: 4; }
.promo-banner.layout-right.has-art::before { background: linear-gradient(270deg, rgba(4,7,14,.94) 0%, rgba(4,7,14,.68) 42%, rgba(4,7,14,.04) 80%); }
.promo-banner.layout-right .promo-banner-copy { margin-left: auto; align-items: flex-end; text-align: right; }
.promo-banner.layout-right .promo-banner-crest { right: auto; left: 12px; }
.promo-banner.layout-right .promo-banner-arrow { right: auto; left: 11px; }
.promo-banner.layout-bottom.has-art::before { background: linear-gradient(0deg, rgba(3,6,13,.97) 0%, rgba(3,6,13,.7) 38%, transparent 75%); }
.promo-banner.layout-bottom { display: flex; align-items: flex-end; }
.promo-banner.layout-bottom .promo-banner-copy { max-width: calc(100% - 18px); }
.promo-banner.layout-bottom .promo-banner-copy strong { margin-top: 5px; }
.promo-banner.layout-bottom .promo-banner-crest { top: 10px; }
.promo-banner.layout-center.has-art::before { background: radial-gradient(circle at center, rgba(5,8,16,.62) 0%, rgba(5,8,16,.24) 38%, rgba(5,8,16,.72) 100%); }
.promo-banner.layout-center { display: grid; place-items: center; text-align: center; }
.promo-banner.layout-center .promo-banner-copy { max-width: 92%; align-items: center; }
.promo-banner.layout-center .promo-banner-copy strong { font-size: 21px; }
.promo-banner.layout-center .promo-banner-crest { display: none; }
.promo-banner.layout-center .promo-banner-arrow { display: none; }
.promo-banner.layout-split.has-art::before { background: linear-gradient(112deg, rgba(4,7,14,.88) 0%, rgba(4,7,14,.18) 47%, rgba(4,7,14,.76) 100%); clip-path: polygon(0 0, 74% 0, 58% 100%, 0 100%); }
.promo-banner.layout-split .promo-banner-copy { max-width: 142px; padding-left: 3px; }
.promo-banner.layout-split .promo-banner-crest { width: 32px; height: 32px; top: 10px; font-size: 16px; }
.promo-banner.is-preview { width: 100%; min-height: 132px; cursor: default; }
.promo-banner.is-preview .promo-banner-copy strong { max-width: 250px; font-size: 24px; }
.promo-banner.is-preview .promo-banner-copy em { max-width: 270px; font-size: 10px; }

/* Six permanent fantasy art directions. Only schedule copy changes at midnight. */
.promo-banner.has-art {
  min-height: 124px;
  padding: 14px 13px;
  border-radius: 4px;
  background-color: #090b10;
  background-position: center;
  background-size: cover;
  box-shadow: 0 8px 22px rgba(2,8,20,.34), inset 0 0 34px rgba(0,0,0,.35);
}
.promo-banner.has-art::before { inset: 0; z-index: 0; width: auto; height: auto; border: 0; border-radius: 0; transform: none; }
.promo-banner.has-art::after { z-index: 1; pointer-events: none; }
.promo-banner.has-art .promo-banner-frame { inset: 4px; z-index: 3; border-radius: 1px; }
.promo-banner.has-art .promo-banner-rune { position: absolute; z-index: 2; pointer-events: none; }
.promo-banner.has-art .promo-banner-copy { z-index: 4; max-width: 178px; }
.promo-banner.has-art .promo-banner-copy small { padding: 3px 6px; font-size: 7px; letter-spacing: .13em; }
.promo-banner.has-art .promo-banner-copy strong { max-width: 178px; margin-top: 8px; font-family: Georgia, "Noto Serif KR", serif; font-size: 20px; font-weight: 950; letter-spacing: -.065em; text-shadow: 0 2px 2px #000, 0 4px 12px rgba(0,0,0,.9); }
.promo-banner.has-art .promo-banner-copy em { max-width: 178px; color: rgba(255,255,255,.9); font-size: 8px; font-weight: 850; }
.promo-banner.has-art .promo-banner-arrow { z-index: 5; padding: 3px 5px; border: 1px solid currentColor; background: rgba(0,0,0,.45); font-size: 7px; letter-spacing: .04em; }
.promo-banner.has-art .promo-banner-crest { z-index: 5; }

.promo-banner.has-art.design-warlord {
  --banner-accent: #ffe08a;
  border: 2px solid #9f1715;
  border-left: 7px solid #dc2c24;
  background-image: linear-gradient(90deg, rgba(23,2,3,.96) 0%, rgba(62,5,3,.72) 53%, rgba(12,1,1,.08) 100%), var(--banner-image);
  background-position: 64% center;
}
.promo-banner.has-art.design-warlord::before { background: repeating-linear-gradient(135deg, transparent 0 12px, rgba(255,194,70,.13) 12px 14px); clip-path: polygon(0 0, 73% 0, 56% 100%, 0 100%); }
.promo-banner.has-art.design-warlord::after { right: -26px; bottom: -46px; width: 118px; height: 118px; border: 16px double rgba(255,187,65,.46); border-radius: 50%; transform: rotate(-20deg); }
.promo-banner.has-art.design-warlord .promo-banner-frame { border-color: rgba(255,214,117,.56); box-shadow: inset 0 0 0 2px rgba(153,18,13,.55); }
.promo-banner.has-art.design-warlord .promo-banner-crest { right: 14px; top: 12px; border: 2px solid #ffd46a; border-radius: 4px 4px 50% 50%; color: #2d0804; background: #e7b539; box-shadow: 0 0 0 3px rgba(65,5,2,.78), 0 0 18px rgba(255,116,31,.72); transform: rotate(-5deg); }
.promo-banner.has-art.design-warlord .promo-banner-glyph { right: 47px; bottom: -5px; color: rgba(255,191,75,.38); font-size: 62px; transform: rotate(-14deg); }

.promo-banner.has-art.design-royal {
  --banner-accent: #ffe7a0;
  border: 2px solid #cba64f;
  border-top: 5px solid #f1d887;
  background-image: linear-gradient(0deg, rgba(2,13,43,.96) 0%, rgba(7,36,88,.56) 58%, rgba(3,20,58,.06) 100%), var(--banner-image);
  background-position: center 45%;
}
.promo-banner.has-art.design-royal::before { background: radial-gradient(ellipse at 50% -20%, rgba(255,230,145,.42), transparent 52%); }
.promo-banner.has-art.design-royal::after { left: 50%; bottom: -66px; width: 170px; height: 112px; border: 2px solid rgba(255,225,140,.4); border-radius: 50% 50% 0 0; transform: translateX(-50%); }
.promo-banner.has-art.design-royal .promo-banner-frame { border-color: rgba(255,229,150,.66); box-shadow: inset 0 0 0 2px rgba(25,55,111,.75); }
.promo-banner.has-art.design-royal .promo-banner-copy { margin: 17px auto 0; align-items: center; text-align: center; }
.promo-banner.has-art.design-royal .promo-banner-copy strong { max-width: 190px; color: #fff5cf; font-size: 22px; text-shadow: 0 2px 2px #061126, 0 0 16px rgba(47,141,255,.8); }
.promo-banner.has-art.design-royal .promo-banner-crest { display: grid; top: 8px; right: 50%; width: 25px; height: 25px; border: 0; color: #ffe497; background: transparent; box-shadow: none; font-size: 12px; transform: translateX(50%); }
.promo-banner.has-art.design-royal .promo-banner-glyph { top: 2px; right: 50%; bottom: auto; color: rgba(255,221,122,.7); font-size: 30px; transform: translateX(50%); }
.promo-banner.has-art.design-royal .promo-banner-arrow { display: none; }

.promo-banner.has-art.design-frost {
  --banner-accent: #d9fbff;
  border: 2px solid #75dced;
  border-right: 7px solid #b9f7ff;
  background-image: linear-gradient(270deg, rgba(0,35,58,.96) 0%, rgba(0,61,91,.7) 54%, rgba(5,39,67,.04) 100%), var(--banner-image);
  background-position: 24% center;
}
.promo-banner.has-art.design-frost::before { background: linear-gradient(128deg, transparent 0 43%, rgba(191,247,255,.16) 44% 46%, transparent 47% 62%, rgba(174,239,255,.13) 63% 65%, transparent 66%); }
.promo-banner.has-art.design-frost::after { left: -12px; bottom: -2px; width: 112px; height: 55px; border: 0; background: rgba(185,246,255,.26); clip-path: polygon(0 100%, 13% 18%, 30% 100%, 48% 0, 66% 100%, 82% 32%, 100% 100%); transform: none; }
.promo-banner.has-art.design-frost .promo-banner-frame { border-color: rgba(207,251,255,.72); }
.promo-banner.has-art.design-frost .promo-banner-copy { margin-left: auto; align-items: flex-end; text-align: right; }
.promo-banner.has-art.design-frost .promo-banner-copy strong { color: #ebfdff; text-shadow: 0 2px 2px #00283d, 0 0 15px #31cfff; }
.promo-banner.has-art.design-frost .promo-banner-crest { left: 12px; right: auto; border-radius: 50% 4px 50% 4px; color: #e7feff; background: rgba(0,76,111,.75); transform: rotate(-10deg); }
.promo-banner.has-art.design-frost .promo-banner-glyph { left: 16px; right: auto; bottom: 4px; color: rgba(198,250,255,.65); font-size: 42px; }
.promo-banner.has-art.design-frost .promo-banner-arrow { right: 10px; }

.promo-banner.has-art.design-shadow {
  --banner-accent: #dfc5ff;
  border: 2px solid #69507d;
  background-image: linear-gradient(110deg, rgba(7,5,13,.98) 0%, rgba(18,10,27,.8) 48%, rgba(4,15,19,.3) 100%), var(--banner-image);
  background-position: 76% center;
}
.promo-banner.has-art.design-shadow::before { background: linear-gradient(112deg, rgba(0,0,0,.12) 0 47%, transparent 48%), repeating-linear-gradient(90deg, transparent 0 24px, rgba(189,128,255,.07) 25px 26px); clip-path: polygon(0 0, 79% 0, 61% 100%, 0 100%); }
.promo-banner.has-art.design-shadow::after { right: 13px; top: 13px; bottom: auto; width: 54px; height: 54px; border: 10px solid rgba(223,197,255,.38); border-right-color: transparent; border-radius: 50%; transform: rotate(-28deg); box-shadow: 0 0 22px rgba(137,67,202,.36); }
.promo-banner.has-art.design-shadow .promo-banner-frame { border-color: rgba(213,173,255,.38); }
.promo-banner.has-art.design-shadow .promo-banner-copy strong { color: #f5eaff; text-shadow: 0 2px 2px #000, 0 0 14px #7138a8; }
.promo-banner.has-art.design-shadow .promo-banner-crest { display: none; }
.promo-banner.has-art.design-shadow .promo-banner-glyph { right: 20px; bottom: 1px; color: rgba(223,197,255,.5); }

.promo-banner.has-art.design-forest {
  --banner-accent: #e8f9a5;
  border: 2px solid #739c45;
  border-bottom: 6px solid #9acb54;
  background-image: linear-gradient(0deg, rgba(4,36,25,.96) 0%, rgba(10,59,43,.57) 59%, rgba(4,22,18,.08) 100%), var(--banner-image);
  background-position: center 52%;
}
.promo-banner.has-art.design-forest::before { background: radial-gradient(circle at 18% 28%, rgba(166,255,204,.35) 0 2px, transparent 3px), radial-gradient(circle at 81% 18%, rgba(226,255,171,.28) 0 2px, transparent 3px); background-size: 28px 25px, 34px 32px; }
.promo-banner.has-art.design-forest::after { left: 50%; bottom: -55px; width: 126px; height: 126px; border: 2px solid rgba(200,242,129,.36); border-radius: 50%; transform: translateX(-50%); box-shadow: inset 0 0 0 12px rgba(169,224,97,.07); }
.promo-banner.has-art.design-forest .promo-banner-frame { border-color: rgba(216,246,156,.5); border-radius: 17px 2px 17px 2px; }
.promo-banner.has-art.design-forest .promo-banner-copy { max-width: 188px; margin-top: 23px; }
.promo-banner.has-art.design-forest .promo-banner-copy strong { color: #f2ffd9; text-shadow: 0 2px 2px #06261a, 0 0 14px #49b270; }
.promo-banner.has-art.design-forest .promo-banner-crest { top: 9px; right: 11px; border-color: #d9f59c; border-radius: 50% 0 50% 0; background: rgba(14,78,54,.74); }
.promo-banner.has-art.design-forest .promo-banner-glyph { left: 9px; right: auto; top: 4px; bottom: auto; color: rgba(218,249,159,.66); font-size: 34px; }

.promo-banner.has-art.design-dragon {
  --banner-accent: #ffd071;
  border: 3px double #e66a22;
  background-image: linear-gradient(90deg, rgba(42,4,2,.96) 0%, rgba(91,15,3,.67) 52%, rgba(18,2,1,.05) 100%), var(--banner-image);
  background-position: 70% 48%;
}
.promo-banner.has-art.design-dragon::before { background: radial-gradient(circle at 82% 47%, rgba(255,103,22,.25), transparent 36%), linear-gradient(120deg, transparent 0 57%, rgba(255,179,64,.17) 58% 60%, transparent 61%); }
.promo-banner.has-art.design-dragon::after { right: -34px; top: -29px; bottom: auto; width: 116px; height: 116px; border: 17px double rgba(255,176,61,.45); border-radius: 50% 0 50% 50%; transform: rotate(25deg); box-shadow: 0 0 20px rgba(255,65,12,.42); }
.promo-banner.has-art.design-dragon .promo-banner-frame { border-color: rgba(255,194,86,.67); box-shadow: inset 0 0 20px rgba(255,50,11,.18); }
.promo-banner.has-art.design-dragon .promo-banner-copy strong { color: #fff0b9; font-size: 22px; text-shadow: 0 2px 2px #360500, 0 0 16px #e83a0b; }
.promo-banner.has-art.design-dragon .promo-banner-crest { right: 12px; top: 13px; border: 2px solid #ffb744; border-radius: 50% 7px 50% 7px; color: #481004; background: #e99c29; box-shadow: 0 0 0 3px rgba(61,8,1,.8), 0 0 18px rgba(255,81,14,.62); }
.promo-banner.has-art.design-dragon .promo-banner-glyph { right: 40px; bottom: -6px; color: rgba(255,177,69,.46); font-size: 60px; transform: rotate(45deg); }

.promo-banner.is-preview.has-art { min-height: 150px; }
.promo-banner.is-preview.has-art .promo-banner-copy strong { max-width: 260px; font-size: 26px; }

.site-footer { margin-top: 30px; padding: 34px 0; color: #8f9cb0; background: var(--blue-950); }
.footer-inner { display: flex; justify-content: space-between; gap: 28px; }
.site-footer strong { color: #fff; }
.site-footer p { max-width: 660px; margin: 9px 0 0; font-size: 12px; line-height: 1.7; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 14px; }
.footer-nav a { color: #c5d4e8; font-size: 11px; font-weight: 800; }
.footer-nav a:hover { color: #fff; }

.modal { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 18px; }
.modal.is-open { display: flex; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(2, 14, 38, .67); backdrop-filter: blur(8px); }
.modal-dialog { position: relative; z-index: 1; width: min(620px, 100%); max-height: min(880px, calc(100vh - 36px)); overflow: auto; padding: 28px; border: 1px solid rgba(255,255,255,.65); border-radius: 20px; background: #fff; box-shadow: 0 30px 90px rgba(0, 20, 63, .3); }
.modal-dialog.wide { width: min(1380px, 100%); }
.modal-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.modal-head h2 { margin: 0; font-size: 28px; letter-spacing: -.05em; }
.modal-head p { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.modal-close { width: 38px; height: 38px; border: 0; border-radius: 11px; color: #55708f; background: #edf3fa; font-size: 22px; }
.request-entry-dialog { width: min(500px, 100%); padding: 40px; overflow: hidden; text-align: center; }
.request-entry-close { position: absolute; top: 16px; right: 16px; }
.request-entry-symbol { display: grid; width: 64px; height: 64px; margin: 0 auto 20px; place-items: center; border-radius: 20px; color: #fff; background: var(--blue-700); font-family: Georgia, serif; font-size: 38px; font-weight: 900; box-shadow: 0 14px 28px rgba(11,99,229,.23); }
.request-entry-kicker, .submission-success-kicker { margin: 0; color: var(--blue-700); font-size: 10px; font-weight: 950; letter-spacing: .18em; }
.request-entry-dialog h2 { margin: 12px 0 0; color: var(--ink); font-size: 34px; line-height: 1.12; letter-spacing: -.055em; }
.request-entry-dialog > p:not(.request-entry-kicker) { margin: 14px auto 24px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.request-entry-dialog form { text-align: left; }
.request-entry-fields { display: grid; gap: 13px; }
.request-entry-next { display: flex; width: 100%; min-height: 52px; margin-top: 14px; align-items: center; justify-content: space-between; }
.request-entry-next span { font-size: 20px; }
.submission-success-dialog { width: min(440px, 100%); padding: 42px 36px 34px; overflow: hidden; text-align: center; }
.submission-success-mark { display: grid; width: 76px; height: 76px; margin: 0 auto 20px; place-items: center; border: 9px solid #e7f2ff; border-radius: 50%; color: #fff; background: var(--blue-700); box-shadow: 0 16px 34px rgba(11,99,229,.24); }
.submission-success-mark span { font-size: 35px; font-weight: 950; line-height: 1; }
.submission-success-dialog h2 { margin: 12px 0 0; font-size: 29px; letter-spacing: -.045em; }
.submission-success-dialog > p:not(.submission-success-kicker) { margin: 13px 0 25px; color: var(--muted); font-size: 14px; font-weight: 700; line-height: 1.7; }
.submission-success-dialog .button { width: 100%; min-height: 50px; }
.submission-success-actions { display: grid; gap: 9px; }
.submission-error-modal { z-index: 160; }
.submission-error-dialog { width: min(430px, 100%); padding: 40px 34px 32px; overflow: hidden; text-align: center; border: 3px solid var(--blue-700); }
.submission-error-mark { display: grid; width: 72px; height: 72px; margin: 0 auto 19px; place-items: center; border: 9px solid #e8f2ff; border-radius: 50%; color: #fff; background: #e23a49; box-shadow: 0 15px 32px rgba(226,58,73,.23); }
.submission-error-mark span { font-size: 38px; font-weight: 950; line-height: 1; }
.submission-error-kicker { margin: 0; color: var(--blue-700); font-size: 10px; font-weight: 950; letter-spacing: .18em; }
.submission-error-dialog h2 { margin: 11px 0 0; color: var(--ink); font-size: 28px; letter-spacing: -.045em; }
.submission-error-dialog > p:not(.submission-error-kicker) { margin: 13px 0 24px; color: #53677f; font-size: 14px; font-weight: 750; line-height: 1.7; }
.submission-error-dialog > .button { width: 100%; min-height: 51px; }
.bookmark-help-dialog { width: min(460px, 100%); padding: 42px 36px 34px; text-align: center; }
.bookmark-help-star { display: grid; width: 72px; height: 72px; margin: 0 auto 20px; place-items: center; border: 8px solid #e8f3ff; border-radius: 22px; color: #fff; background: var(--blue-700); font-size: 31px; box-shadow: 0 16px 34px rgba(11,99,229,.22); transform: rotate(-4deg); }
.bookmark-help-dialog h2 { margin: 12px 0 22px; color: var(--ink); font-size: 29px; line-height: 1.18; letter-spacing: -.045em; }
.bookmark-help-steps { display: grid; gap: 9px; margin-bottom: 18px; text-align: left; }
.bookmark-help-steps p { display: grid; grid-template-columns: 66px 1fr; min-height: 58px; margin: 0; padding: 12px 14px; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 15px; background: #f7faff; }
.bookmark-help-steps strong { color: var(--blue-700); font-size: 13px; }
.bookmark-help-steps span { color: var(--ink); font-size: 13px; font-weight: 800; line-height: 1.5; }
.bookmark-help-steps kbd { padding: 3px 7px; border: 1px solid #cbd8e9; border-bottom-width: 2px; border-radius: 6px; background: #fff; font: 800 12px/1 system-ui,sans-serif; }
.bookmark-help-dialog > .button { width: 100%; min-height: 50px; }
.operator-promo-modal { z-index: 130; padding: 24px; }
.operator-promo-modal .modal-backdrop { background: rgba(2, 10, 28, .78); backdrop-filter: blur(12px); }
.operator-promo-dialog { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(250px, .86fr) minmax(360px, 1.14fr); width: min(850px, 100%); max-height: calc(100vh - 48px); overflow: hidden; border: 1px solid rgba(255,255,255,.52); border-radius: 28px; background: #fff; box-shadow: 0 40px 110px rgba(0, 20, 64, .48); }
.operator-promo-close { position: absolute; z-index: 5; top: 16px; right: 16px; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #dbe7f4; border-radius: 50%; color: #627996; background: rgba(255,255,255,.94); font-size: 25px; line-height: 1; box-shadow: 0 7px 24px rgba(0,31,83,.12); }
.operator-promo-art { position: relative; display: grid; min-height: 520px; place-items: center; overflow: hidden; color: #fff; background: #075fe7; isolation: isolate; }
.operator-promo-art::before, .operator-promo-art::after { position: absolute; content: ""; border-radius: 50%; pointer-events: none; }
.operator-promo-art::before { top: -95px; left: -105px; width: 300px; height: 300px; border: 60px solid rgba(255,255,255,.09); }
.operator-promo-art::after { right: -100px; bottom: -145px; width: 360px; height: 360px; border: 1px solid rgba(255,255,255,.24); box-shadow: 0 0 0 36px rgba(255,255,255,.045), 0 0 0 72px rgba(255,255,255,.035); }
.operator-promo-orbit { position: absolute; z-index: -1; border: 1px solid rgba(255,255,255,.23); border-radius: 50%; transform: rotate(-25deg); }
.operator-promo-orbit.orbit-one { width: 470px; height: 170px; }
.operator-promo-orbit.orbit-two { width: 370px; height: 370px; border-color: rgba(255,209,79,.32); }
.operator-promo-spark { position: absolute; color: #ffda66; font-size: 24px; text-shadow: 0 0 18px rgba(255,215,83,.8); }
.operator-promo-spark.spark-one { top: 86px; right: 52px; }
.operator-promo-spark.spark-two { left: 46px; bottom: 118px; font-size: 16px; }
.operator-promo-callout { position: relative; z-index: 2; display: flex; width: 88%; min-height: 220px; padding: 24px 18px; align-items: center; flex-direction: column; justify-content: center; color: #fff; text-align: center; transform: rotate(-3deg) translateY(-20px); }
.operator-promo-callout::before { position: absolute; top: -40px; left: 6px; color: rgba(255,217,94,.88); content: "“"; font-family: Georgia, serif; font-size: 112px; line-height: 1; }
.operator-promo-callout small { padding: 6px 9px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; color: #dceaff; font-size: 8px; font-weight: 950; letter-spacing: .16em; }
.operator-promo-callout strong { display: block; margin-top: 16px; color: #fff; font-family: "Arial Black", "Noto Sans KR", sans-serif; font-size: clamp(44px, 4vw, 65px); font-weight: 950; line-height: .96; letter-spacing: -.09em; text-shadow: 0 6px 0 #03439f, 0 16px 30px rgba(0,32,93,.3); white-space: nowrap; }
.operator-promo-callout span { margin-top: 18px; padding-bottom: 5px; border-bottom: 4px solid #ffdc69; color: #e9f3ff; font-size: 12px; font-weight: 900; }
.operator-promo-art > b { position: absolute; bottom: 58px; color: rgba(255,255,255,.82); font-size: 11px; line-height: 1.45; letter-spacing: .32em; text-align: center; }
.operator-promo-copy { display: flex; min-width: 0; padding: 58px 56px 38px; align-items: flex-start; flex-direction: column; justify-content: center; }
.operator-promo-kicker { color: #086bec; font-size: 10px; font-weight: 950; letter-spacing: .2em; }
.operator-promo-copy h2 { margin: 15px 0 0; letter-spacing: -.065em; }
.operator-promo-copy h2 small { display: block; color: #526a87; font-size: 24px; font-weight: 850; line-height: 1.25; }
.operator-promo-copy h2 strong { display: block; margin-top: 7px; color: #081b37; font-size: clamp(42px, 5vw, 60px); font-weight: 950; line-height: .98; }
.operator-promo-slogan { margin: 18px 0 0; padding: 8px 12px; border-left: 4px solid #ffca35; color: #0b64df; background: #f1f7ff; font-size: 16px; font-weight: 950; }
.operator-promo-description { margin: 17px 0 0; color: #607590; font-size: 13px; font-weight: 680; line-height: 1.75; }
.operator-promo-benefits { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px; }
.operator-promo-benefits span { padding: 7px 10px; border: 1px solid #d9e7f8; border-radius: 999px; color: #3e5b7d; background: #f8fbff; font-size: 10px; font-weight: 850; }
.operator-promo-cta { display: flex; width: 100%; min-height: 56px; margin-top: 22px; padding: 0 20px; align-items: center; justify-content: space-between; border: 0; border-radius: 14px; color: #fff; background: #086bea; font-size: 16px; font-weight: 950; box-shadow: 0 14px 30px rgba(8,107,234,.24); }
.operator-promo-cta:hover { background: #0458c9; transform: translateY(-1px); }
.operator-promo-cta span { font-size: 22px; }
.operator-promo-today { align-self: center; margin-top: 14px; border: 0; color: #8392a5; background: transparent; font-size: 11px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
.field label { color: #30496c; font-size: 12px; font-weight: 900; }
.field input, .field select, .field textarea { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid #ccdced; border-radius: 11px; outline: 0; color: #142c4e; background: #fbfdff; }
.field textarea { min-height: 100px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue-500); box-shadow: 0 0 0 4px rgba(8, 120, 255, .1); }
.form-grid > .field.operator-publish-consent { min-height: 58px; align-self: start; }
.form-grid > .field.operator-publish-consent > input[type="checkbox"] { appearance: auto; -webkit-appearance: checkbox; width: 20px; min-width: 20px; max-width: 20px; height: 20px; min-height: 20px; padding: 0; margin: 0; flex: 0 0 20px; border: 0; border-radius: 4px; background: transparent; box-shadow: none; accent-color: var(--blue-700); }
.form-grid > .field.operator-publish-consent > input[type="checkbox"]:focus-visible { outline: 3px solid rgba(11,99,229,.2); outline-offset: 3px; box-shadow: none; }
.keyword-feature-field { margin-top: 2px; padding: 16px; border: 1px solid #b9d7fb; border-radius: 14px; background: #f3f8ff; box-shadow: inset 4px 0 #0b6feb; }
.keyword-field-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.keyword-field-head label { color: #0b5fc9; font-size: 14px; }
.keyword-field-head span { padding: 5px 8px; border-radius: 999px; color: #0b63d1; background: #dcecff; font-size: 9px; font-weight: 900; white-space: nowrap; }
.keyword-feature-field > p { margin: 0; color: #6a7f99; font-size: 11px; font-weight: 700; line-height: 1.55; }
.keyword-editor { display: grid; gap: 8px; }
.keyword-chips { display: flex; min-height: 31px; align-items: center; flex-wrap: wrap; gap: 6px; }
.keyword-chips:empty::before { content: "키워드를 추가하면 여기에 표시됩니다."; color: #91a3b7; font-size: 10px; font-weight: 700; }
.keyword-chip { display: inline-flex; min-height: 29px; align-items: center; gap: 5px; padding: 4px 5px 4px 10px; border-radius: 999px; color: #fff; background: #0b67df; box-shadow: 0 4px 10px rgba(11,103,223,.17); }
.keyword-chip b { font-size: 11px; font-weight: 900; }
.keyword-chip button { width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; color: #0b67df; background: #fff; font-size: 15px; line-height: 1; }
.keyword-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
.field .keyword-entry input { min-height: 42px; background: #fff; }
.keyword-entry button { min-width: 66px; border: 0; border-radius: 10px; color: #fff; background: #173e73; font-size: 11px; font-weight: 900; }
.keyword-entry button:hover { background: #0e315f; }
.keyword-editor small { color: #6c8098; font-size: 10px; font-weight: 750; }
.keyword-editor small.error { color: #c41f2d; }
.time-field { width: 100%; min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; border: 1px solid #ccdced; border-radius: 11px; color: #75869c; background: #fbfdff; text-align: left; }
.time-field:hover, .time-field:focus-visible { border-color: var(--blue-500); background: #fff; box-shadow: 0 0 0 4px rgba(8,120,255,.1); }
.time-field span { color: #72849b; font-weight: 780; }
.time-field.has-value span { color: #142c4e; font-size: 16px; font-weight: 900; font-variant-numeric: tabular-nums; }
.time-field small { color: #94a2b4; font-size: 10px; font-weight: 750; }
.form-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }
.form-status { min-height: 22px; margin-top: 12px; color: var(--blue-700); font-size: 13px; font-weight: 750; }
.form-status.error { color: #c41f2d; }
.admin-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.tab-button { padding: 10px 15px; border: 0; border-radius: 10px; color: #5d7291; background: #edf3fa; font-weight: 850; }
.tab-button.active { color: #fff; background: var(--blue-700); }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.submission-list { display: grid; gap: 10px; }
.submission-card { display: grid; grid-template-columns: 1fr auto; gap: 18px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: #fbfdff; }
.submission-card h3 { margin: 0; font-size: 17px; }
.submission-card p { margin: 7px 0 0; color: #637896; font-size: 12px; line-height: 1.6; }
.submission-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.submission-actions select { min-height: 38px; padding: 0 9px; border: 1px solid #ccdaeb; border-radius: 9px; }
.lead-history-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 13px; }
.lead-history-summary article { padding: 13px 15px; border: 1px solid #dce6f1; border-radius: 13px; background: #f7faff; }
.lead-history-summary span, .lead-history-summary strong { display: block; }
.lead-history-summary span { color: #71849c; font-size: 10px; font-weight: 850; }
.lead-history-summary strong { margin-top: 6px; color: #173758; font-size: 25px; line-height: 1; }
.lead-history-toolbar { display: grid; grid-template-columns: minmax(220px, 1fr) 160px 170px; gap: 8px; margin-bottom: 13px; }
.lead-history-toolbar input, .lead-history-toolbar select, .lead-history-editor input, .lead-history-editor select, .lead-history-editor textarea { width: 100%; min-height: 40px; padding: 9px 11px; border: 1px solid #d2deec; border-radius: 10px; color: #263f5d; background: #fff; font: inherit; font-size: 11px; }
.lead-history-list { display: grid; gap: 9px; max-height: 590px; overflow: auto; padding-right: 4px; }
.lead-history-card { display: grid; grid-template-columns: minmax(210px, .8fr) auto minmax(300px, 1.15fr); align-items: center; gap: 15px; padding: 15px; border: 1px solid #dfe7f0; border-left: 4px solid #8fa4bd; border-radius: 14px; background: #fff; }
.lead-history-card.lead-new { border-left-color: #0b6feb; background: #fbfdff; }
.lead-history-card.lead-follow_up { border-left-color: #e2a400; background: #fffdf8; }
.lead-history-card.lead-customer { border-left-color: #15956b; background: #f9fffc; }
.lead-history-card.lead-dormant { opacity: .72; }
.lead-history-identity { min-width: 0; }
.lead-history-status-row { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 7px; }
.lead-decision, .lead-stage { display: inline-flex; min-height: 23px; align-items: center; padding: 3px 8px; border-radius: 999px; color: #49627e; background: #edf3f9; font-size: 9px; font-weight: 900; }
.lead-decision.status-approved { color: #087552; background: #e2f7ee; }
.lead-decision.status-rejected { color: #a4424c; background: #fff0f1; }
.lead-history-card h4 { overflow: hidden; margin: 0; color: #142e4e; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.lead-history-card p { overflow: hidden; margin: 5px 0 0; color: #71839a; font-size: 10px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.lead-history-card .lead-history-contact { color: #224f80; font-size: 11px; font-weight: 850; }
.lead-history-actions { display: grid; gap: 6px; }
.lead-history-editor { display: grid; grid-template-columns: 135px 145px auto; gap: 7px; align-items: start; }
.lead-history-editor textarea { grid-column: 1 / -1; min-height: 64px; resize: vertical; }
.lead-history-editor .button { min-height: 40px; }
.lead-history-editor small { grid-column: 1 / -1; color: #8392a5; font-size: 9px; font-weight: 750; }
.outreach-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 15px; }
.outreach-summary article { padding: 13px 15px; border: 1px solid #dce6f1; border-radius: 13px; background: #f7faff; }
.outreach-summary span, .outreach-summary strong { display: block; }
.outreach-summary span { color: #71849c; font-size: 10px; font-weight: 850; }
.outreach-summary strong { margin-top: 6px; color: #173758; font-size: 25px; line-height: 1; }
.outreach-layout { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(520px, 1.28fr); gap: 15px; align-items: start; }
.outreach-template-card { overflow: hidden; border: 1px solid #dbe6f2; border-radius: 16px; background: #f7faff; }
.outreach-template-card > img { display: block; width: 100%; max-height: 330px; object-fit: cover; object-position: center 16%; background: #eaf2fb; }
.outreach-template-card > div { padding: 16px; }
.outreach-template-card h4 { margin: 5px 0 11px; color: #18334f; font-size: 20px; }
.outreach-template-card textarea { width: 100%; min-height: 240px; padding: 13px; border: 1px solid #cad9e9; border-radius: 12px; color: #263f5d; background: #fff; font: inherit; font-size: 11px; line-height: 1.6; resize: vertical; }
.outreach-template-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.outreach-workspace { min-width: 0; }
.outreach-toolbar { display: grid; grid-template-columns: minmax(220px, 1fr) 150px; gap: 8px; margin-bottom: 10px; }
.outreach-toolbar input, .outreach-toolbar select, .outreach-editor select, .outreach-editor textarea { width: 100%; min-height: 40px; padding: 9px 11px; border: 1px solid #d2deec; border-radius: 10px; color: #263f5d; background: #fff; font: inherit; font-size: 11px; }
.outreach-list { display: grid; gap: 9px; max-height: 690px; overflow: auto; padding-right: 4px; }
.outreach-card { display: grid; grid-template-columns: minmax(190px, .82fr) auto minmax(260px, 1fr); align-items: center; gap: 12px; padding: 14px; border: 1px solid #dfe7f0; border-left: 4px solid #0b6feb; border-radius: 14px; background: #fff; }
.outreach-card.outreach-sent { border-left-color: #15956b; background: #f9fffc; }
.outreach-card.outreach-hold { border-left-color: #e2a400; background: #fffdf8; }
.outreach-card.outreach-excluded { border-left-color: #9aa9ba; opacity: .68; }
.outreach-identity { min-width: 0; }
.outreach-status { display: inline-flex; min-height: 23px; align-items: center; padding: 3px 8px; border-radius: 999px; color: #155da7; background: #e7f2ff; font-size: 9px; font-weight: 900; }
.outreach-status.status-sent { color: #087552; background: #e2f7ee; }
.outreach-status.status-hold { color: #846000; background: #fff1bd; }
.outreach-status.status-excluded { color: #627184; background: #edf1f5; }
.outreach-identity h4 { overflow: hidden; margin: 7px 0 4px; color: #142e4e; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.outreach-identity a { display: block; overflow: hidden; color: #176bc4; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.outreach-identity small { display: block; margin-top: 6px; color: #8190a3; font-size: 9px; line-height: 1.45; }
.outreach-card-actions { display: grid; gap: 5px; }
.outreach-editor { display: grid; grid-template-columns: 120px 1fr; gap: 6px; }
.outreach-editor textarea { grid-column: 1 / -1; min-height: 58px; resize: vertical; }
.outreach-editor .button { min-height: 40px; }
.today-contact-summary { margin: -3px 0 13px; padding: 12px 15px; border-radius: 12px; color: #315274; background: #eef5fc; font-size: 12px; font-weight: 850; }
.today-contact-list { display: grid; gap: 8px; max-height: 570px; overflow: auto; padding-right: 4px; }
.today-contact-card { display: grid; grid-template-columns: 116px minmax(180px,1fr) auto; align-items: center; gap: 14px; padding: 13px 14px; border: 1px solid #dfe7f0; border-left: 4px solid var(--sky); border-radius: 13px; background: #fff; transition: opacity .18s ease, background .18s ease; }
.today-contact-card.tier-admin-sparkle { border-left-color: var(--red); }
.today-contact-card.tier-admin-red { border-left-color: var(--yellow); }
.today-contact-card.tier-admin-black { border-left-color: var(--black); }
.today-contact-card.tier-admin-purple { border-left-color: var(--purple); }
.today-contact-card.is-completed { opacity: .62; background: #f7fafc; }
.today-contact-check { display: flex; align-items: center; gap: 8px; color: #526982; font-size: 11px; font-weight: 900; cursor: pointer; }
.today-contact-check input { width: 19px; height: 19px; accent-color: var(--blue-700); }
.today-contact-copy { min-width: 0; }
.today-contact-copy strong, .today-contact-copy span { display: block; }
.today-contact-copy strong { overflow: hidden; color: #152d4b; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.today-contact-copy span { margin-top: 4px; color: #74869c; font-size: 10px; font-weight: 750; }
.today-contact-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.empty-panel { padding: 34px; border: 1px dashed #ceddec; border-radius: 15px; color: #8092ac; text-align: center; }
.admin-calendar-toolbar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin-bottom: 14px; }
.admin-calendar-toolbar > strong { font-size: 18px; letter-spacing: -.03em; text-align: center; font-variant-numeric: tabular-nums; }
.admin-calendar-nav { display: flex; gap: 6px; }
.admin-calendar-nav button { min-width: 40px; height: 40px; border: 1px solid #d4dfeb; border-radius: 10px; color: #3f5470; background: #fff; font-size: 13px; font-weight: 900; }
.admin-calendar-nav #adminTodayButton { min-width: 62px; color: #fff; border-color: var(--blue-700); background: var(--blue-700); }
.admin-calendar-filter { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.admin-calendar-filter .button { min-height: 40px; white-space: nowrap; }
.admin-calendar-filter input { width: 180px; min-height: 40px; padding: 8px 10px; border: 1px solid #d4dfeb; border-radius: 10px; color: var(--ink); background: #fff; }
.admin-calendar-filter input[type="date"] { width: 142px; }
.metadata-batch-status { min-height: 18px; margin: -5px 0 10px; color: #647995; font-size: 11px; font-weight: 750; text-align: right; }
.seo-audit-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; margin-bottom: 17px; }
.seo-audit-head h3 { margin: 5px 0 7px; font-size: 25px; letter-spacing: -.045em; }
.seo-audit-head p { max-width: 720px; margin: 0; color: #687b94; font-size: 12px; line-height: 1.65; }
.seo-audit-actions { display: flex; align-items: center; gap: 7px; }
.seo-audit-actions select { min-height: 40px; padding: 0 11px; border: 1px solid #d4dfeb; border-radius: 10px; color: #334a67; background: #fff; font-size: 12px; font-weight: 800; }
.seo-audit-summary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.seo-summary-card { padding: 15px 16px; border: 1px solid #dfe7f0; border-radius: 12px; background: #f8fafc; }
.seo-summary-card.attention { border-color: #f1c9cd; background: #fff6f7; }
.seo-summary-card span { display: block; color: #71849d; font-size: 10px; font-weight: 850; }
.seo-summary-card strong { display: block; margin-top: 6px; color: #1d3552; font-size: 28px; line-height: 1; }
.seo-summary-card.attention strong { color: #c72b3c; }
.seo-audit-issues { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
.seo-audit-issues span, .seo-card-issues span { padding: 5px 8px; border-radius: 999px; color: #667991; background: #edf2f7; font-size: 9px; font-weight: 800; }
.seo-audit-list { display: grid; gap: 8px; max-height: 560px; overflow: auto; padding-right: 4px; }
.seo-audit-card { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 14px 15px; border: 1px solid #e0e7ef; border-left: 4px solid #9bb0c8; border-radius: 13px; background: #fff; }
.seo-audit-card.status-noindex { border-left-color: #df3044; background: #fffafb; }
.seo-audit-card.status-improve { border-left-color: #e1a400; }
.seo-audit-card.status-strong { border-left-color: #15956b; }
.seo-audit-card.status-healthy { border-left-color: #15956b; }
.seo-audit-card.status-redirected { border-left-color: #2370d8; }
.seo-audit-card.status-restricted { border-left-color: #d69600; background: #fffdf7; }
.seo-audit-card.status-broken { border-left-color: #df3044; background: #fffafb; }
.seo-audit-card.status-unchecked { border-left-color: #9bb0c8; }
.seo-score { display: flex; align-items: baseline; justify-content: center; gap: 2px; color: #253b56; }
.seo-score strong { font-size: 29px; line-height: 1; letter-spacing: -.05em; }
.seo-score span { color: #8090a5; font-size: 9px; font-weight: 850; }
.seo-audit-copy { min-width: 0; }
.seo-audit-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.seo-audit-title > strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.seo-status { padding: 4px 7px; border-radius: 999px; font-size: 9px; font-weight: 950; }
.seo-status.status-noindex { color: #bd2638; background: #ffe5e8; }
.seo-status.status-improve { color: #906700; background: #fff1bd; }
.seo-status.status-strong { color: #0d7754; background: #dff7ee; }
.seo-status.status-healthy { color: #0d7754; background: #dff7ee; }
.seo-status.status-redirected { color: #175caf; background: #e3efff; }
.seo-status.status-restricted { color: #8d6500; background: #fff0bb; }
.seo-status.status-broken { color: #bd2638; background: #ffe5e8; }
.seo-status.status-unchecked { color: #61758d; background: #eaf0f6; }
.seo-audit-copy p { margin: 5px 0 7px; color: #71839a; font-size: 10px; }
.seo-card-issues { display: flex; flex-wrap: wrap; gap: 5px; }
.seo-audit-card-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.link-health-summary { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.link-health-card { grid-template-columns: 108px minmax(0, 1fr) auto; }
.link-health-signal { display: grid; justify-items: start; gap: 7px; }
.link-health-signal > strong { color: #253b56; font-size: 23px; line-height: 1; letter-spacing: -.04em; }
.link-health-url { overflow: hidden; color: #3f668f !important; text-overflow: ellipsis; white-space: nowrap; }
.admin-calendar-scroll { overflow-x: auto; padding-bottom: 7px; }
.admin-calendar { min-width: 1190px; display: grid; grid-template-columns: repeat(7, minmax(160px, 1fr)); border: 1px solid #dce4ee; border-radius: 15px; overflow: hidden; background: #f7f9fc; }
.admin-calendar-day { min-height: 430px; padding: 8px; border-right: 1px solid #dce4ee; background: #fff; }
.admin-calendar-day:last-child { border-right: 0; }
.admin-calendar-day.is-today { background: #f2f7ff; box-shadow: inset 0 3px var(--blue-600); }
.admin-calendar-day-head { min-height: 61px; display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 6px 3px 9px; }
.admin-calendar-day-head strong, .admin-calendar-day-head span { display: block; }
.admin-calendar-day-head strong { font-size: 17px; letter-spacing: -.035em; }
.admin-calendar-day-head span { margin-top: 3px; color: #8090a6; font-size: 10px; font-weight: 800; }
.admin-calendar-day-head button { min-width: 48px; height: 32px; border: 1px solid #cfe0f5; border-radius: 9px; color: var(--blue-700); background: #edf5ff; font-size: 10px; font-weight: 900; }
.admin-calendar-stack { display: grid; align-content: start; gap: 7px; }
.admin-calendar-empty { min-height: 92px; display: grid; place-items: center; border: 1px dashed #d5e0ec; border-radius: 11px; color: #98a5b6; font-size: 10px; }
.admin-schedule-card { position: relative; overflow: hidden; padding: 10px; border: 1px solid #dce4ee; border-left-width: 4px; border-radius: 11px; background: #fff; box-shadow: 0 4px 12px rgba(16,39,77,.05); }
.admin-schedule-card.tier-admin-sparkle { border-left-color: var(--red); }
.admin-schedule-card.tier-admin-red { border-left-color: var(--yellow); }
.admin-schedule-card.tier-admin-black { border-left-color: var(--black); }
.admin-schedule-card.tier-admin-purple { border-left-color: var(--purple); }
.admin-schedule-card.tier-admin-sky { border-left-color: var(--sky); }
.admin-schedule-top { display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 5px; }
.admin-schedule-top span { color: #9aa8ba; font-size: 9px; font-weight: 950; }
.admin-schedule-top strong { overflow: hidden; font-size: 13px; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
.admin-schedule-card > p { overflow: hidden; margin: 6px 0 8px; color: #72839a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.admin-schedule-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; }
.admin-schedule-actions .button { min-width: 0; min-height: 29px; padding: 0 3px; border-radius: 7px; font-size: 9px; box-shadow: none; }
.admin-schedule-actions .button:disabled { cursor: default; opacity: .35; transform: none; }
.time-picker-modal { z-index: 120; }
.modal-dialog.time-picker-dialog { width: min(520px, 100%); }
.time-picker-section { margin-top: 18px; }
.time-picker-section > strong { display: block; margin-bottom: 9px; color: #405675; font-size: 12px; }
.time-hour-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.time-hour-grid button, .time-minute-grid button { min-height: 40px; border: 1px solid #d5e0ec; border-radius: 9px; color: #324965; background: #f8fafc; font-weight: 850; font-variant-numeric: tabular-nums; }
.time-hour-grid button:hover, .time-minute-grid button:hover { border-color: #9cc5f6; background: #edf5ff; }
.time-hour-grid button.selected, .time-minute-grid button.selected { color: #fff; border-color: var(--blue-700); background: var(--blue-700); box-shadow: 0 6px 14px rgba(11,99,229,.18); }
.time-minute-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.time-picker-value { margin-top: 18px; padding: 14px; border: 1px solid #d8e5f2; border-radius: 12px; color: var(--blue-700); background: #f4f8fd; font-size: 27px; font-weight: 950; text-align: center; font-variant-numeric: tabular-nums; }
.sync-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sync-card { padding: 24px; border: 1px solid var(--line); border-radius: 15px; background: #f8fafc; }
.sync-card h3 { margin: 8px 0 10px; font-size: 22px; letter-spacing: -.04em; }
.sync-card p { min-height: 72px; margin: 0 0 18px; color: #647694; font-size: 13px; line-height: 1.7; }
.sync-card .field { margin-bottom: 12px; }
.sync-kicker { color: var(--blue-700); font-size: 10px; font-weight: 950; letter-spacing: .1em; }
.backup-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-bottom: 15px; }
.backup-summary-grid > .empty-panel { grid-column: 1 / -1; }
.backup-stat { min-width: 0; padding: 17px; border: 1px solid #dce6f1; border-radius: 14px; background: #f7faff; }
.backup-stat span, .backup-stat strong, .backup-stat small { display: block; }
.backup-stat span { color: #71849c; font-size: 10px; font-weight: 900; }
.backup-stat strong { margin-top: 7px; color: #173758; font-size: 24px; line-height: 1.05; letter-spacing: -.04em; }
.backup-stat small { margin-top: 8px; overflow: hidden; color: #8594a8; font-size: 9px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.backup-download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.backup-download-grid .sync-card p { min-height: 66px; }
.backup-download-grid .button { display: inline-flex; align-items: center; justify-content: center; }
.backup-run-panel { margin-top: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.backup-run-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.backup-run-title h3 { margin: 6px 0 0; font-size: 20px; letter-spacing: -.04em; }
.backup-run-title small { color: #7d8da2; font-size: 10px; font-weight: 750; }
.backup-run-list { display: grid; gap: 7px; }
.backup-run-row { display: grid; grid-template-columns: 96px 72px repeat(3, minmax(100px, auto)) minmax(150px, 1fr); gap: 10px; align-items: center; padding: 11px 13px; border: 1px solid #dfe8f2; border-radius: 11px; background: #f9fbfd; color: #526b88; font-size: 10px; }
.backup-run-row strong { color: #173758; font-size: 12px; font-variant-numeric: tabular-nums; }
.backup-run-row b { width: fit-content; padding: 4px 7px; border-radius: 999px; color: #137044; background: #e8f7ee; font-size: 9px; }
.backup-run-row small { overflow: hidden; color: #8492a4; text-overflow: ellipsis; white-space: nowrap; }
.backup-run-row.is-error b { color: #b32534; background: #fdecef; }

.banner-admin-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 20px; align-items: start; }
.banner-admin-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.banner-admin-heading h3 { margin: 6px 0 4px; font-size: 24px; letter-spacing: -.045em; }
.banner-admin-heading p { margin: 0; color: #71839c; font-size: 12px; line-height: 1.55; }
.banner-admin-list { display: grid; gap: 10px; }
.banner-admin-card { display: grid; grid-template-columns: minmax(260px, 1fr) 150px; gap: 12px; align-items: stretch; padding: 10px; border: 1px solid #dce5ef; border-radius: 14px; background: #f8fafc; }
.banner-admin-card.is-hidden { opacity: .5; }
.banner-admin-card .promo-banner { min-height: 118px; }
.banner-admin-controls { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }
.banner-state { align-self: flex-start; padding: 5px 7px; border-radius: 999px; color: #247247; background: #e8f7ee; font-size: 9px; font-weight: 900; }
.banner-admin-card.is-hidden .banner-state { color: #7b8798; background: #edf1f5; }
.banner-admin-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.banner-admin-actions .button { min-height: 32px; padding: 0 7px; font-size: 10px; box-shadow: none; }
.banner-admin-actions .button:disabled { opacity: .35; transform: none; }
.banner-editor { position: sticky; top: 0; padding: 17px; border: 1px solid #d9e4f0; border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(16,39,77,.08); }
.banner-editor-preview { margin-bottom: 16px; }
.banner-mode-notice { margin: -3px 0 16px; padding: 14px; border: 1px solid #cfe1f8; border-radius: 13px; background: #f3f8ff; }
.banner-mode-notice strong { display: block; color: #0c5fc8; font-size: 13px; }
.banner-mode-notice span { display: block; margin-top: 4px; color: #607894; font-size: 10px; line-height: 1.5; }
.ai-banner-box { display: grid; grid-template-columns: 1fr auto; gap: 11px 14px; align-items: center; margin: -3px 0 16px; padding: 14px; border: 1px solid #d8dce8; border-radius: 13px; background: #f7f5ff; }
.ai-banner-box strong { display: block; color: #372666; font-size: 13px; }
.ai-banner-box span { display: block; margin-top: 4px; color: #746b8d; font-size: 10px; line-height: 1.45; }
.button.ai-generate { min-height: 42px; color: #fff; background: #5a3dc2; box-shadow: 0 8px 18px rgba(90,61,194,.22); }
.button.ai-generate:disabled { cursor: wait; opacity: .65; transform: none; }
.ai-generation-status { grid-column: 1 / -1; min-height: 16px; color: #5c5272; font-size: 10px; line-height: 1.5; }
.ai-generation-status.error { color: #b11222; }
.banner-editor .form-grid { grid-template-columns: 1fr 1fr; gap: 10px; }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(51, 141, 255, .38);
  outline-offset: 2px;
}
::selection { color: #fff; background: var(--blue-700); }

@media (max-width: 1600px) {
  .promo-rail { display: none; }
  .quick-menu { top: auto; right: 18px; bottom: 18px; width: auto; display: block; transform: none; }
  .quick-promo-ribbon { display: none; }
  .quick-actions { grid-template-columns: repeat(2, minmax(124px, 1fr)); gap: 7px; }
  .quick-actions a, .quick-actions button { width: auto; min-height: 60px; border-radius: 18px; }
}

@media (max-width: 1180px) {
  .knowledge-stats, .knowledge-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .badge-studio { grid-template-columns: minmax(250px, .65fr) minmax(460px, 1.35fr); gap: 24px; }
  .trust-flow ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .correction-layout { grid-template-columns: 1fr; }
  .correction-copy { position: static; }
  .banner-admin-layout { grid-template-columns: 1fr; }
  .banner-editor { position: static; }
  .hero-shell { grid-template-columns: 1fr; }
  .live-panel { display: grid; grid-template-columns: 1.2fr .8fr; }
  .live-head { grid-column: 1 / -1; }
  .stat-row { align-self: stretch; }
  .pick-grid, .archive-cards, .date-schedule-grid { grid-template-columns: repeat(2, 1fr); }
  .facts { grid-template-columns: repeat(3, 1fr); }
  .discovery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .promotion-row { grid-template-columns: 36px 7px minmax(220px, 1fr) auto; }
  .related-facets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .promotion-action { display: none; }
  .calendar-grid { overflow-x: auto; grid-template-columns: repeat(7, minmax(184px, 1fr)); }
  .quick-menu { right: 14px; bottom: 14px; }
}

@media (max-width: 820px) {
  .outreach-layout { grid-template-columns: 1fr; }
  .outreach-template-card { display: grid; grid-template-columns: 180px 1fr; }
  .outreach-template-card > img { height: 100%; max-height: none; }
  .outreach-card { grid-template-columns: minmax(170px, 1fr) auto; }
  .outreach-editor { grid-column: 1 / -1; }
  .knowledge-stats, .knowledge-guide-grid, .schedule-checklist { grid-template-columns: 1fr; }
  .badge-intro { padding-top: 32px; }
  .badge-intro h1 { font-size: clamp(40px, 11vw, 60px); }
  .badge-studio { grid-template-columns: 1fr; padding: 22px 17px; }
  .badge-controls { padding: 0 0 22px; border-right: 0; border-bottom: 1px solid var(--line); }
  .badge-guide, .badge-policy { grid-template-columns: 1fr; }
  .badge-result-head { align-items: flex-start; flex-direction: column; }
  .trust-hero, .trust-document, .correction-copy, .correction-form { padding: 25px 19px; }
  .trust-principles, .trust-flow ol { grid-template-columns: 1fr; }
  .trust-callout { align-items: flex-start; flex-direction: column; }
  .trust-callout .button { width: 100%; }
  .container { width: min(100% - 22px, 1440px); }
  .nav-shell { min-height: 64px; }
  .brand-mark { width: 40px; height: 40px; border-radius: 11px; }
  .brand-copy strong { font-size: 17px; }
  .brand-copy small { display: none; }
  .main-nav a { display: none; }
  .main-nav { gap: 2px; }
  .nav-button { padding: 10px 9px; font-size: 12px; }
  .hero { padding-top: 11px; }
  .hero-shell { min-height: 0; gap: 28px; padding: 32px 23px; border-radius: 20px; }
  .hero h1 { font-size: clamp(52px, 16vw, 76px); }
  .hero-copy { font-size: 17px; }
  .hero-copy span { margin-top: 8px; }
  .live-panel { display: flex; }
  .section { padding: 9px 0; }
  .surface { padding: 22px 17px; }
  .section-head { align-items: start; flex-direction: column; }
  .pick-grid, .feature-grid, .list-grid, .archive-cards, .discovery-grid, .editorial-grid, .date-schedule-grid { grid-template-columns: 1fr; }
  .verification-list { grid-template-columns: 1fr; }
  .update-list { grid-template-columns: 1fr; }
  .calendar-shell { margin-inline: -1px; }
  .calendar-title, .upcoming-head { padding: 20px 17px; }
  .day-column { min-height: 400px; }
  .seo-intro { grid-template-columns: 1fr; }
  .date-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-directory-tools { grid-template-columns: 1fr 1fr; }
  .profile-directory-tools label:first-child { grid-column: 1 / -1; }
  .profile-directory-tools .button { width: 100%; }
  .profile-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-directory-result { align-items: flex-start; flex-direction: column; gap: 4px; }
  .date-intro, .date-guide { grid-template-columns: 1fr; }
  .facet-intro { grid-template-columns: 1fr; gap: 22px; }
  .date-intro { gap: 22px; }
  .date-summary { padding: 20px; }
  .date-navigation { grid-template-columns: 1fr 1fr; }
  .date-navigation-home { grid-column: 1 / -1; grid-row: 1; justify-self: center; }
  .detail-hero { grid-template-columns: 1fr; padding: 26px; }
  .site-preview { width: 320px; }
  .detail-topbar { align-items: flex-start; flex-direction: column-reverse; }
  .detail-topbar .back-button { align-self: flex-end; }
  .facts { grid-template-columns: repeat(2, 1fr); }
  .fact:last-child { grid-column: auto; }
  .detail-information, .share-card, .related-discovery, .editorial-copy { grid-template-columns: 1fr; }
  .profile-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-verification-bar { align-items: flex-start; flex-wrap: wrap; }
  .profile-verification-bar p { flex-basis: calc(100% - 130px); }
  .editorial-art { min-height: 300px; }
  .editorial-art-title { left: 22px; bottom: 24px; }
  .editorial-copy { gap: 20px; padding: 23px 18px; }
  .metadata-history-row { grid-template-columns: 1fr; gap: 10px; }
  .history-row a { grid-template-columns: 1fr auto; gap: 6px 12px; }
  .history-row span { grid-column: 1; }
  .history-row b { grid-column: 2; grid-row: 1 / span 2; }
  .footer-inner { flex-direction: column; }
  .form-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .submission-card { grid-template-columns: 1fr; }
  .today-contact-card { grid-template-columns: 1fr; gap: 10px; }
  .lead-history-card { grid-template-columns: 1fr; }
  .lead-history-actions { display: flex; flex-wrap: wrap; }
  .lead-history-editor { grid-template-columns: 1fr 1fr auto; }
  .today-contact-actions { justify-content: flex-start; }
  .sync-grid { grid-template-columns: 1fr; }
  .backup-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .backup-download-grid { grid-template-columns: 1fr; }
  .backup-run-title { align-items: flex-start; flex-direction: column; }
  .backup-run-row { grid-template-columns: 88px 1fr 1fr; }
  .backup-run-row span:nth-of-type(2), .backup-run-row span:nth-of-type(3), .backup-run-row small { grid-column: 1 / -1; }
  .banner-admin-card { grid-template-columns: 1fr; }
  .banner-admin-controls { flex-direction: row; align-items: center; }
  .ai-banner-box { grid-template-columns: 1fr; }
  .ai-banner-box .ai-generate { width: 100%; }
  .admin-calendar-toolbar { grid-template-columns: 1fr; }
  .admin-calendar-toolbar > strong { grid-row: 1; text-align: left; }
  .admin-calendar-filter { justify-content: stretch; }
  .admin-calendar-filter .button { flex: 0 0 auto; }
  .admin-calendar-filter input { flex: 1; width: auto; }
  .admin-calendar-filter input[type="date"] { width: 138px; flex: 0 0 138px; }
  .seo-audit-head { flex-direction: column; }
  .seo-audit-summary { grid-template-columns: repeat(2, 1fr); }
  .seo-audit-card { grid-template-columns: 58px minmax(0, 1fr); }
  .link-health-summary { grid-template-columns: repeat(4, 1fr); }
  .link-health-card { grid-template-columns: 100px minmax(0, 1fr); }
  .seo-audit-card-actions { grid-column: 1 / -1; justify-content: flex-end; }
  .time-hour-grid { grid-template-columns: repeat(4, 1fr); }
  .promotion-head { align-items: flex-start; flex-direction: column; }
  .promotion-row { grid-template-columns: 30px 6px minmax(0, 1fr); gap: 12px; padding: 17px; }
  .promotion-meta { grid-column: 3; justify-content: flex-start; }
  .quick-menu { left: 11px; right: 11px; bottom: 10px; }
  .quick-actions { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .quick-actions a, .quick-actions button { width: auto; min-height: 54px; grid-template-columns: 28px minmax(0,1fr); gap: 5px; padding: 6px 5px; border-radius: 13px; }
  .quick-actions i { width: 27px; height: 27px; border-radius: 9px; font-size: 11px; }
  .quick-actions b { font-size: 10px; }
  .quick-actions small { display: none; }
  .operator-promo-dialog { grid-template-columns: 210px minmax(0, 1fr); }
  .operator-promo-art { min-height: 480px; }
  .operator-promo-callout { width: 95%; min-height: 200px; }
  .operator-promo-callout strong { font-size: 47px; }
  .operator-promo-copy { padding: 52px 38px 32px; }
  .site-footer { padding-bottom: 102px; }
}

@media (max-width: 520px) {
  .profile-directory-tools { grid-template-columns: 1fr; }
  .profile-directory-tools label:first-child { grid-column: auto; }
  .profile-directory-grid { grid-template-columns: 1fr; }
  .update-row { grid-template-columns: auto minmax(0, 1fr); }
  .update-row time { grid-column: 2; }
  .badge-choice-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .badge-preview-stage { min-height: 150px; padding: 18px 10px; }
  .badge-code-actions { grid-template-columns: 1fr; }
  .trust-actions { display: grid; grid-template-columns: 1fr; }
  .trust-actions .button { width: 100%; }
  .policy-index { display: grid; grid-template-columns: 1fr 1fr; }
  .brand-copy small { display: none; }
  .hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .button { padding-inline: 14px; }
  .live-panel { padding: 13px; border-radius: 16px; }
  .live-card { min-height: 164px; padding: 18px; }
  .live-card h2 { font-size: 25px; }
  .hero-summary { font-size: 13px; }
  .date-directory-grid { grid-template-columns: 1fr; }
  .stat { padding: 10px 8px; }
  .stat strong { font-size: 22px; }
  .section h2, .calendar-title h2 { line-height: 1.15; }
  .modal { padding: 10px; }
  .modal-dialog { padding: 20px 17px; border-radius: 17px; }
  .modal-head h2 { font-size: 24px; }
  .request-entry-dialog { padding: 34px 20px 24px; }
  .request-entry-symbol { width: 58px; height: 58px; margin-bottom: 16px; border-radius: 18px; font-size: 34px; }
  .request-entry-dialog h2 { font-size: 29px; }
  .request-entry-dialog > p:not(.request-entry-kicker) { margin-bottom: 20px; }
  .submission-success-dialog { padding: 36px 22px 25px; }
  .submission-success-mark { width: 68px; height: 68px; border-width: 8px; }
  .submission-success-dialog h2 { font-size: 26px; }
  .submission-error-dialog { padding: 34px 21px 25px; }
  .submission-error-dialog h2 { font-size: 25px; }
  .operator-publish-consent { align-items: center; padding: 13px 14px; }
  .operator-publish-consent span { display: block; font-size: 12px; line-height: 1.5; }
  .operator-publish-consent strong { display: inline-flex; margin: 0 6px 0 0; vertical-align: 1px; }
  .notice-channel-banner { grid-template-columns: 38px minmax(0,1fr); padding: 13px 14px; }
  .notice-channel-mark { width: 36px; height: 36px; border-radius: 11px; font-size: 18px; }
  .notice-channel-banner > b { display: none; }
  .admin-entry-card { margin-top: 24px; padding: 34px 20px; }
  .operator-promo-modal { padding: 10px; }
  .operator-promo-dialog { display: block; width: 100%; max-height: calc(100vh - 20px); overflow-y: auto; border-radius: 23px; }
  .operator-promo-close { position: fixed; top: 22px; right: 22px; width: 36px; height: 36px; }
  .operator-promo-art { min-height: 190px; }
  .operator-promo-art::before { top: -120px; left: -120px; }
  .operator-promo-art::after { right: -135px; bottom: -220px; }
  .operator-promo-orbit.orbit-one { width: 330px; height: 118px; }
  .operator-promo-orbit.orbit-two { width: 235px; height: 235px; }
  .operator-promo-callout { width: 100%; min-height: 170px; padding: 20px 12px; transform: rotate(-2deg); }
  .operator-promo-callout::before { top: -28px; left: 18px; font-size: 78px; }
  .operator-promo-callout small { font-size: 7px; }
  .operator-promo-callout strong { margin-top: 12px; font-size: 42px; }
  .operator-promo-callout span { margin-top: 12px; font-size: 10px; }
  .operator-promo-art > b { right: 19px; bottom: 14px; font-size: 8px; text-align: right; }
  .operator-promo-spark.spark-one { top: 35px; right: 79px; }
  .operator-promo-spark.spark-two { left: 34px; bottom: 42px; }
  .operator-promo-copy { padding: 28px 23px 21px; }
  .operator-promo-copy h2 { margin-top: 9px; }
  .operator-promo-copy h2 small { font-size: 19px; }
  .operator-promo-copy h2 strong { margin-top: 5px; font-size: 39px; }
  .operator-promo-slogan { margin-top: 13px; font-size: 14px; }
  .operator-promo-description { margin-top: 12px; font-size: 12px; }
  .operator-promo-benefits { margin-top: 13px; }
  .operator-promo-cta { min-height: 52px; margin-top: 16px; }
  .admin-calendar-filter { display: grid; grid-template-columns: 1fr; }
  .admin-calendar-filter .button, .admin-calendar-filter input, .admin-calendar-filter input[type="date"] { width: 100%; }
  .metadata-batch-status { text-align: left; }
  .seo-audit-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .seo-audit-actions select, .seo-audit-actions .button { width: 100%; }
  .seo-audit-summary { grid-template-columns: 1fr 1fr; }
  .lead-history-summary { grid-template-columns: 1fr 1fr; }
  .outreach-summary { grid-template-columns: 1fr 1fr; }
  .outreach-layout { display: block; }
  .outreach-template-card { display: block; margin-bottom: 14px; }
  .outreach-template-card > img { max-height: 280px; }
  .outreach-toolbar { grid-template-columns: 1fr; }
  .outreach-card { grid-template-columns: 1fr; }
  .outreach-card-actions { display: flex; flex-wrap: wrap; }
  .outreach-card-actions .button { flex: 1 1 44%; }
  .outreach-editor { grid-column: auto; grid-template-columns: 1fr 1fr; }
  .outreach-editor select, .outreach-editor textarea { grid-column: 1 / -1; }
  .lead-history-toolbar { grid-template-columns: 1fr; }
  .lead-history-editor { grid-template-columns: 1fr; }
  .lead-history-editor textarea, .lead-history-editor small { grid-column: auto; }
  .seo-audit-card { grid-template-columns: 1fr; }
  .link-health-summary { grid-template-columns: 1fr 1fr; }
  .link-health-card { grid-template-columns: 1fr; }
  .seo-score { justify-content: flex-start; }
  .seo-audit-card-actions { grid-column: auto; justify-content: stretch; }
  .seo-audit-card-actions .button { flex: 1; }
  .time-field small { display: none; }
  .banner-editor .form-grid { grid-template-columns: 1fr; }
  .archive-group-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .date-navigation { grid-template-columns: 1fr; }
  .date-navigation > span { display: none; }
  .date-navigation-home { grid-column: auto; grid-row: auto; justify-self: stretch; text-align: center; }
  .date-navigation > a:last-child { justify-items: start; text-align: left; }
  .related-facets { grid-template-columns: 1fr; }
}
.lead-history-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.lead-history-keywords span{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:#e8f2ff;color:#075bcf;font-size:12px;font-weight:800}.lead-history-keywords span.is-empty{background:#f1f4f8;color:#7b8798}.lead-application-editor{grid-column:1/-1;margin-top:8px;border:1px solid #dce7f5;border-radius:14px;background:#f8fbff;overflow:hidden}.lead-application-editor summary{cursor:pointer;padding:13px 15px;color:#075bcf;font-weight:900;list-style-position:inside}.lead-application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 15px 15px}.lead-application-grid label{display:grid;gap:5px;color:#52647b;font-size:12px;font-weight:800}.lead-application-grid input,.lead-application-grid textarea{width:100%;min-height:42px;border:1px solid #cad8ea;border-radius:10px;background:#fff;padding:9px 11px;color:#10233f;font:inherit}.lead-application-grid textarea{min-height:76px;resize:vertical}.lead-application-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 15px 15px}@media(max-width:760px){.lead-application-grid{grid-template-columns:1fr}.lead-application-actions{flex-direction:column}.lead-application-actions .button{width:100%}}

/* Member community */
.member-nav-link{border:1px solid #c9dbf3!important;color:#075bcf!important;background:#f4f8ff!important}.member-nav-link.is-logged-in{border-color:#0b63e5!important;background:#0b63e5!important;color:#fff!important}.community-page{min-height:70vh;padding-bottom:80px}.community-hero{padding:28px 0 8px}.community-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:stretch;padding:42px 46px;border:1px solid #cdddf2;border-radius:26px;background:#fff;box-shadow:0 18px 46px rgba(16,39,77,.08)}.community-eyebrow{display:block;margin-bottom:12px;color:#0b63e5;font-size:11px;font-weight:950;letter-spacing:.14em}.community-hero h1,.community-write-hero h1,.community-account-hero h1{margin:0;color:#0d1b31;font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.07em}.community-hero p,.community-write-hero p,.community-account-hero p{max-width:780px;margin:18px 0 0;color:#5b6c83;font-size:15px;font-weight:650;line-height:1.75}.community-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.button.community-outline{border-color:#c7d6e9;color:#1d3b64;background:#fff}.community-hero aside{display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:20px;color:#fff;background:#0b63e5}.community-hero aside strong{font-size:50px;line-height:1;font-weight:950;letter-spacing:-.05em}.community-hero aside span{margin-top:9px;font-size:14px;font-weight:900}.community-hero aside small{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.28);color:#d9edff;font-size:11px;line-height:1.6}.community-content{padding-top:46px}.community-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:20px}.community-section-head span{color:#0b63e5;font-size:10px;font-weight:950;letter-spacing:.13em}.community-section-head h2{margin:7px 0 0;color:#14233a;font-size:28px;letter-spacing:-.045em}.community-section-head>p{max-width:520px;margin:0;color:#738197;font-size:12px;line-height:1.65;text-align:right}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.community-post-card{overflow:hidden;border:1px solid #dce5f0;border-radius:19px;background:#fff;box-shadow:0 8px 25px rgba(18,42,78,.05);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.community-post-card:hover{transform:translateY(-2px);border-color:#a9c9f3;box-shadow:0 15px 34px rgba(18,42,78,.1)}.community-post-card.is-boosted{border:2px solid #0b63e5}.community-card-link{display:block;height:100%;padding:24px}.community-card-top{display:flex;align-items:center;gap:8px}.community-card-top time{margin-left:auto;color:#8a96a7;font-size:10px;font-weight:750}.community-type-badge,.community-boost-badge,.community-reward-label{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:950}.community-type-badge.promotion{color:#075bcf;background:#e8f2ff}.community-type-badge.review{color:#6b3dc1;background:#f0ebff}.community-boost-badge{color:#8a5200;background:#fff0b5}.community-reward-label{margin-left:6px;color:#9f3a47;background:#fff0f2}.community-post-card h2{margin:17px 0 7px;color:#152238;font-size:21px;line-height:1.35;letter-spacing:-.04em}.community-card-server{margin:0;color:#0b63e5;font-size:13px;font-weight:900}.community-card-excerpt{min-height:69px;margin:15px 0;color:#596a80;font-size:13px;line-height:1.75}.community-card-tags,.community-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.community-card-tags span,.community-detail-tags span{padding:5px 8px;border:1px solid #dae3ee;border-radius:7px;color:#53637a;background:#f7f9fc;font-size:10px;font-weight:800}.community-card-foot{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding-top:15px;border-top:1px solid #edf1f6;color:#8290a2;font-size:10px;font-weight:700}.community-empty{grid-column:1/-1;padding:58px 24px;border:1px dashed #b9cce4;border-radius:20px;background:#fff;text-align:center}.community-empty b{display:block;font-size:22px}.community-empty p{margin:9px 0 21px;color:#708097}

.community-write-hero,.community-account-hero{padding:42px 0 36px;border-bottom:1px solid #dce5f0;background:#fff}.community-write-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;padding-top:30px}.community-write-guide{position:sticky;top:100px;padding:24px;border:1px solid #d8e4f2;border-radius:18px;background:#fff}.community-write-guide>strong{font-size:18px}.community-write-guide ul{display:grid;gap:10px;margin:17px 0;padding-left:19px;color:#5c6d83;font-size:12px;line-height:1.55}.community-write-guide a{color:#0b63e5;font-size:12px;font-weight:900}.community-write-form,.operator-verify-form{padding:28px;border:1px solid #d8e4f2;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(18,42,78,.06)}.community-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.community-type-picker label{cursor:pointer}.community-type-picker input{position:absolute;opacity:0}.community-type-picker span{display:flex;flex-direction:column;min-height:88px;padding:18px;border:2px solid #dbe5f1;border-radius:14px;background:#f8fafc;transition:border-color .18s ease,background .18s ease}.community-type-picker input:checked+span{border-color:#0b63e5;background:#eef5ff;box-shadow:0 7px 18px rgba(11,99,229,.1)}.community-type-picker b{color:#17263d;font-size:17px}.community-type-picker small{margin-top:6px;color:#718096;font-size:11px}.community-form-grid textarea{resize:vertical}.community-disclosure{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:14px;border:1px solid #e7cf9b;border-radius:11px;background:#fffaf0}.community-disclosure input{width:20px;height:20px;accent-color:#0b63e5}.community-disclosure span{color:#6a5122;font-size:12px;font-weight:750}.community-length{display:block;margin-top:5px;color:#8592a3;text-align:right}.community-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:21px;border-top:1px solid #e6ecf3}.community-submit-row b,.community-submit-row span{display:block}.community-submit-row b{font-size:13px}.community-submit-row span{margin-top:4px;color:#778599;font-size:10px}.community-form-status{margin:12px 0 0;color:#64758a;font-size:12px;font-weight:750}.community-form-status.error{color:#ca2639}.community-form-status.success{color:#087944}

.community-detail{width:min(920px,calc(100% - 48px));padding-top:28px}.community-back{display:inline-flex;margin-bottom:18px;color:#5f7188;font-size:12px;font-weight:850}.community-detail>header,.community-detail-body,.community-review-blocks,.community-comments{border:1px solid #dae4ef;background:#fff}.community-detail>header{padding:34px 38px;border-radius:22px 22px 0 0;border-bottom:0}.community-detail h1{margin:19px 0 8px;color:#111f35;font-size:clamp(30px,4vw,48px);line-height:1.17;letter-spacing:-.055em}.community-detail-server{margin:0;color:#0b63e5;font-size:16px;font-weight:950}.community-detail-meta{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:20px;color:#8190a2;font-size:11px;font-weight:700}.community-detail-tags{margin-top:16px}.community-detail-body{padding:35px 38px}.community-detail-body p{margin:0;color:#35475f;font-size:15px;line-height:2;white-space:pre-line}.community-review-blocks{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 38px 38px;border-top:0}.community-review-blocks article{padding:20px;border:1px solid #e0e7f0;border-radius:14px;background:#f8fafc}.community-review-blocks article.full{grid-column:1/-1}.community-review-blocks span{display:block;color:#0b63e5;font-size:11px;font-weight:950}.community-review-blocks p{margin:9px 0 0;color:#4d5f76;font-size:13px;line-height:1.75;white-space:pre-line}.community-detail-actions{display:flex;flex-wrap:wrap;gap:8px;padding:20px 38px;border:1px solid #dae4ef;border-top:0;border-radius:0 0 22px 22px;background:#f8fafc}.community-comments{margin-top:20px;padding:30px 34px;border-radius:20px}.community-comments-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;border-bottom:1px solid #e6edf5}.community-comments-head h2{margin:0;font-size:22px}.community-comments-head p{margin:0;color:#8491a2;font-size:10px}.community-comment-list article{position:relative;padding:18px 0;border-bottom:1px solid #eef2f6}.community-comment-list article>div{display:flex;align-items:center;gap:8px}.community-comment-list strong{font-size:13px}.community-comment-list article>div span{padding:3px 7px;border-radius:999px;color:#fff;background:#0b63e5;font-size:9px;font-weight:900}.community-comment-list time{margin-left:auto;color:#8b97a7;font-size:9px}.community-comment-list p{margin:9px 50px 0 0;color:#4d5d72;font-size:13px;line-height:1.7;white-space:pre-line}.community-comment-list article>button{position:absolute;right:0;bottom:18px;border:0;color:#99a3b0;background:transparent;font-size:10px}.community-comment-empty{padding:28px 0;color:#8b96a5;text-align:center;font-size:12px}.community-comment-form{margin-top:20px;padding-top:20px;border-top:1px solid #e6edf5}.community-comment-form>label{display:block;margin-bottom:8px;font-size:12px;font-weight:900}.community-comment-form>div{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px}.community-comment-form textarea{width:100%;padding:12px;border:1px solid #ccd9e9;border-radius:11px;resize:vertical}.community-login-callout{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding:17px;border-radius:13px;background:#f0f6ff}.community-login-callout p{margin:0;color:#52667f;font-size:12px}

.community-account-hero>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}.community-point-card{min-width:260px;padding:24px;border-radius:19px;color:#fff;background:#0b63e5;box-shadow:0 14px 32px rgba(11,99,229,.18)}.community-point-card small,.community-point-card strong,.community-point-card span{display:block}.community-point-card strong{margin-top:7px;font-size:38px;letter-spacing:-.05em}.community-point-card span{margin-top:8px;color:#d6ebff;font-size:10px}.community-dashboard{padding-top:28px}.dashboard-actions{display:flex;flex-wrap:wrap;gap:8px}.community-logout{margin-left:auto;color:#7a3540;background:#fff0f2}.community-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.dashboard-panel{padding:24px;border:1px solid #dbe4ef;border-radius:18px;background:#fff}.dashboard-panel.dashboard-wide{grid-column:1/-1}.dashboard-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:17px}.dashboard-panel-head span{display:block;color:#0b63e5;font-size:9px;font-weight:950;letter-spacing:.13em}.dashboard-panel-head h2{margin:4px 0 0;font-size:20px}.dashboard-panel-head>a{color:#0b63e5;font-size:11px;font-weight:900}#communityProfileForm label{display:block;margin-bottom:7px;color:#56677d;font-size:11px;font-weight:850}#communityProfileForm>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}#communityProfileForm input{min-width:0;padding:0 12px;border:1px solid #cad7e7;border-radius:10px}#communityProfileForm small{display:block;margin-top:8px;color:#8a95a5;font-size:9px}.dashboard-operator-row,.dashboard-post-row,.dashboard-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf1f5}.dashboard-operator-row:last-child,.dashboard-post-row:last-child,.dashboard-ledger-row:last-child{border-bottom:0}.dashboard-operator-row>div,.dashboard-post-row>div{min-width:0}.dashboard-operator-row strong,.dashboard-post-row a,.dashboard-post-row strong{font-size:13px;font-weight:900}.dashboard-operator-row span,.dashboard-post-row span{display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;background:#edf2f7;color:#6d7a8c;font-size:8px;font-weight:900}.dashboard-operator-row .status-approved,.dashboard-post-row .status-published{color:#087944;background:#e5f7ee}.dashboard-operator-row .status-pending,.dashboard-post-row .status-pending{color:#9b6700;background:#fff3cf}.dashboard-operator-row small,.dashboard-post-row small{display:block;overflow:hidden;margin-top:5px;color:#8591a0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.dashboard-ledger-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto}.dashboard-ledger-row b{font-size:13px}.dashboard-ledger-row b.plus{color:#07834d}.dashboard-ledger-row b.minus{color:#c7293e}.dashboard-ledger-row span{font-size:12px;font-weight:800}.dashboard-ledger-row small{color:#8793a2;font-size:9px}.community-empty-small,.community-loading{padding:22px;color:#8995a4;text-align:center;font-size:11px}

.operator-verify-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:22px;align-items:start;padding-top:30px}.operator-verify-layout>article{padding:30px;border-radius:20px;color:#fff;background:#0b63e5}.operator-verify-layout>article>span{color:#cde6ff;font-size:10px;font-weight:950;letter-spacing:.12em}.operator-verify-layout>article h2{margin:10px 0 20px;font-size:27px;line-height:1.15;letter-spacing:-.05em}.operator-verify-layout>article ul{display:grid;gap:10px;padding-left:20px;font-size:12px;line-height:1.55}.operator-verify-layout>article p{margin:25px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.28);color:#dceeff;font-size:11px;line-height:1.65}.operator-verify-form{display:grid;gap:15px}.operator-verify-notice{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid #c9ddf7;border-radius:11px;background:#f1f7ff}.operator-verify-notice b{font-size:12px}.operator-verify-notice span{color:#6c7d92;font-size:10px}

.community-admin-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:16px 0}.community-admin-summary article{padding:15px;border:1px solid #dce5ef;border-radius:13px;background:#f8fafc}.community-admin-summary span,.community-admin-summary strong{display:block}.community-admin-summary span{color:#728197;font-size:10px;font-weight:850}.community-admin-summary strong{margin-top:5px;color:#0b63e5;font-size:25px}.community-admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.community-admin-columns>section,.community-admin-reports,.community-point-adjust{padding:17px;border:1px solid #dce5ef;border-radius:15px;background:#f8fafc}.community-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.community-admin-heading h4{margin:0;font-size:15px}.community-admin-heading span{color:#8491a2;font-size:9px}.community-admin-list{display:grid;gap:9px;max-height:480px;overflow:auto}.community-admin-card{padding:14px;border:1px solid #dfe7f1;border-radius:12px;background:#fff}.community-admin-card h5{margin:0;font-size:13px}.community-admin-card small{display:block;margin-top:4px;color:#8793a3;font-size:9px}.community-admin-card p{display:-webkit-box;overflow:hidden;margin:10px 0 0;color:#56677e;font-size:11px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:4}.community-admin-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.community-admin-reports{margin-top:13px}.community-point-adjust{display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,1fr) 110px minmax(180px,1fr) auto;gap:8px;align-items:center;margin-top:13px}.community-point-adjust>div strong,.community-point-adjust>div span{display:block}.community-point-adjust>div strong{font-size:13px}.community-point-adjust>div span{margin-top:3px;color:#8692a1;font-size:9px}.community-point-adjust input{height:38px;min-width:0;padding:0 10px;border:1px solid #cedae9;border-radius:9px}.community-point-adjust p{grid-column:1/-1;margin:0;color:#68798f;font-size:10px}

@media(max-width:1180px){.main-nav a{padding-inline:9px;font-size:12px}.community-admin-columns{grid-template-columns:1fr}.community-point-adjust{grid-template-columns:1fr 100px 1fr auto}.community-point-adjust>div{grid-column:1/-1}}
@media(max-width:820px){.main-nav .member-nav-link{display:inline-flex;max-width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-nav-button{display:none}.community-hero-inner{grid-template-columns:1fr;padding:30px}.community-hero aside{min-height:180px}.community-section-head{align-items:flex-start;flex-direction:column}.community-section-head>p{text-align:left}.community-grid{grid-template-columns:1fr}.community-write-layout,.operator-verify-layout{grid-template-columns:1fr}.community-write-guide{position:static}.community-account-hero>.container{align-items:stretch;flex-direction:column}.community-point-card{min-width:0}.community-dashboard-grid{grid-template-columns:1fr}.dashboard-panel.dashboard-wide{grid-column:auto}.community-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.community-point-adjust{grid-template-columns:1fr}.community-point-adjust>div{grid-column:auto}}
@media(max-width:560px){.container,.community-detail{width:min(100% - 24px,1440px)}.nav-shell{gap:8px}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:17px}.main-nav{margin-left:auto}.main-nav .member-nav-link{max-width:96px;min-height:38px;padding:0 9px;font-size:10px}.community-page{padding-bottom:105px}.community-hero{padding-top:12px}.community-hero-inner{padding:25px 20px;border-radius:20px}.community-hero h1,.community-write-hero h1,.community-account-hero h1{font-size:39px}.community-hero p,.community-write-hero p,.community-account-hero p{font-size:13px}.community-hero aside strong{font-size:42px}.community-content{padding-top:32px}.community-section-head h2{font-size:23px}.community-card-link{padding:20px}.community-card-foot{align-items:flex-start;flex-direction:column;gap:5px}.community-write-hero,.community-account-hero{padding:28px 0}.community-write-layout,.operator-verify-layout{padding-top:16px}.community-write-guide{display:none}.community-write-form,.operator-verify-form{padding:18px;border-radius:16px}.community-type-picker{grid-template-columns:1fr}.community-submit-row{align-items:stretch;flex-direction:column}.community-submit-row .button{width:100%}.community-detail{padding-top:14px}.community-detail>header,.community-detail-body,.community-comments{padding:23px 19px}.community-detail h1{font-size:30px}.community-review-blocks{grid-template-columns:1fr;padding:0 19px 23px}.community-review-blocks article.full{grid-column:auto}.community-detail-actions{padding:17px 19px}.community-detail-actions .button{width:100%}.community-comments-head{align-items:flex-start;flex-direction:column;gap:5px}.community-comment-form>div{grid-template-columns:1fr}.community-login-callout{align-items:stretch;flex-direction:column}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-actions .community-logout{margin-left:0}.dashboard-panel{padding:19px}.dashboard-operator-row,.dashboard-post-row{align-items:flex-start;flex-direction:column}.dashboard-operator-row .button,.dashboard-post-row .button{width:100%}.dashboard-ledger-row{grid-template-columns:60px 1fr}.dashboard-ledger-row small{grid-column:1/-1}.operator-verify-layout>article{padding:23px}.community-admin-summary{grid-template-columns:1fr 1fr}.community-admin-columns>section,.community-admin-reports,.community-point-adjust{padding:12px}}

/* Independent directory identity */
:root{--blue-950:#112d31;--blue-900:#17484e;--blue-800:#086773;--blue-700:#087f8c;--blue-600:#1094a0;--blue-500:#29a7ad;--cyan-400:#8ed4cc;--ink:#173238;--muted:#657b7e;--line:#dfe9e8;--soft:#f3f7f6;--radius-xl:18px;--radius-lg:16px;--shadow:0 16px 48px rgba(24,61,63,.07)}
body{background:#f6f8f7;color:var(--ink)}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e1e9e7;box-shadow:none}
.brand-mark{display:flex;gap:1px;align-items:center;justify-content:center;background:#123b40;border:0;border-radius:10px;box-shadow:none;font-family:Georgia,serif;font-size:24px}
.brand-mark span{color:#a9dcd1;font-size:19px;transform:translateY(3px)}
.brand-copy strong{font-size:20px}.brand-copy small{font-size:8px;letter-spacing:.18em;color:#718d8e}
.main-nav a:hover{background:#edf5f2;color:#087f8c}
.button.blue{background:#087f8c;border-color:#087f8c;box-shadow:none}.button.blue:hover{background:#066a75}.button.soft{background:#edf4f1;color:#25676a}.surface{box-shadow:none;border:1px solid #e0e8e5;background:#fff}
.lf-hero{position:relative;overflow:hidden;border-bottom:1px solid #e2e9e4;background:radial-gradient(ellipse at 10% 20%,#edf5ed 0,transparent 50%),#f2f5ed;padding:76px 0 66px}
.lf-hero:after{content:"";position:absolute;width:430px;height:430px;right:-250px;top:-230px;border:1px solid #d5dfd4;border-radius:50%;box-shadow:0 0 0 60px #e7ede44d,0 0 0 120px #e7ede444;pointer-events:none}
.lf-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:80px;align-items:center}
.lf-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#507772;margin:0 0 22px}.lf-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#087f8c}
.lf-hero h1{font-size:15px;font-weight:750;color:#567271;letter-spacing:-.03em;margin:0 0 14px}
.lf-hero-heading{font-size:clamp(36px,4.1vw,62px);font-weight:850;letter-spacing:-.065em;line-height:1.18;margin:0;color:#183d40}.lf-hero-heading em{font-style:normal;color:#087f8c}
.lf-hero-description{font-size:15px;color:#65807e;line-height:1.85;margin:23px 0 28px;letter-spacing:-.02em}
.lf-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.lf-hero-actions .button{gap:30px;border-radius:9px;min-height:50px;font-size:13px}.lf-text-link{color:#3f6667;font-size:12px;font-weight:750}.lf-hero-note{font-size:10px;color:#7b928d;margin-top:25px}.lf-hero-note span{padding:0 8px}
.lf-brief{position:relative;background:#fff;border:1px solid #dfe7de;border-radius:18px;box-shadow:0 18px 42px #163b3410;padding:26px}.lf-brief-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;letter-spacing:.12em;color:#85968d;font-weight:800}.lf-status-dot{font-size:10px;letter-spacing:0;color:#087f8c}.lf-status-dot:before{content:"";display:inline-block;width:5px;height:5px;background:#087f8c;border-radius:50%;margin-right:5px}.lf-stat-main{padding:22px 0 20px;display:flex;align-items:baseline;gap:12px}.lf-stat-main>strong{font-size:66px;line-height:1;font-weight:650;letter-spacing:-.08em;color:#153b40}.lf-stat-main>span{font-size:12px;color:#7b918b}.lf-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e8eeeb;border-bottom:1px solid #e8eeeb;padding:18px 0}.lf-stats>div{display:flex;justify-content:space-between;align-items:center;padding-right:18px}.lf-stats>div+div{border-left:1px solid #e8eeeb;padding-left:18px;padding-right:0}.lf-stats span{font-size:11px;color:#78908c}.lf-stats strong{font-size:21px;color:#254d50}.lf-stats small{font-size:10px;margin-left:4px;font-weight:500}.lf-brief-note{padding-top:19px}.lf-brief-note>b{font-size:12px}.lf-brief-note p{font-size:11px;line-height:1.8;color:#7f938e;margin:8px 0 15px}.lf-brief-note button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;border:0;background:#edf5f1;border-radius:7px;color:#22646a;font-size:11px;font-weight:750;cursor:pointer}
.lf-principles{display:grid;grid-template-columns:repeat(3,1fr);padding:21px 0;border-bottom:1px solid #e0e8e4;gap:20px;margin-bottom:22px}.lf-principles>span{font-size:12px;color:#5a7671;display:flex;align-items:center;gap:13px}.lf-principles b{font-family:Georgia,serif;font-size:15px;color:#8aa59c;font-weight:400}
.section-label{color:#6e9990;letter-spacing:.16em;font-size:9px}.section-head h2{letter-spacing:-.04em}.profile-directory-surface{padding:32px}.profile-directory-tools{background:#f5f8f6;border:1px solid #e4ece7;border-radius:10px;padding:12px}.profile-directory-grid:has(>.empty-panel){display:block}.profile-directory-grid>.empty-panel{width:100%;padding:38px;border:1px dashed #cfded6;background:#fafcf9;color:#799289}.profile-directory-result{font-size:11px;color:#708982}
.calendar-title h2{color:#1c474b}.day-column.today{box-shadow:0 0 0 2px #168d97}.day-column.today .day-head{background:#edf6f1;color:#126870}.today-chip{background:#087f8c}.upcoming-wrap{background:#f6f9f6}.empty-day{color:#92a59b}.empty-panel{color:#6c867e}.lf-guide-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:30px 0}.lf-guide-main h2{font-size:clamp(25px,3vw,38px);line-height:1.3;letter-spacing:-.045em;font-weight:800;margin:17px 0}.lf-guide-main>p:not(.section-label){max-width:390px;font-size:13px;line-height:1.9;color:#758c83}.lf-guide-main>a{display:inline-block;margin-top:18px;color:#087f8c;font-size:12px;font-weight:750}.lf-checklist article{display:flex;gap:25px;padding:21px 0;border-top:1px solid #dce6df}.lf-checklist article>span{color:#87a399;font-family:Georgia,serif;font-size:18px}.lf-checklist h3{margin:0 0 8px;font-size:15px;letter-spacing:-.03em}.lf-checklist p{font-size:12px;line-height:1.85;color:#789085;margin:0}.lf-register{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:34px 38px;border-radius:14px;background:#e9f0e7;border:1px solid #dce5d8}.lf-register h2{margin:10px 0;font-size:23px;letter-spacing:-.04em}.lf-register p{font-size:12px;color:#748c7f}.lf-register .button{border-radius:8px;white-space:nowrap;font-size:12px;gap:24px}.lf-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:30px 0 45px}.lf-faq h2{font-size:26px;letter-spacing:-.04em}.lf-faq details{border-top:1px solid #dce5df;padding:21px 0;color:#43655b}.lf-faq summary{font-size:13px;cursor:pointer;font-weight:700}.lf-faq details p{font-size:12px;line-height:1.9;color:#7a9084;margin:15px 0 0}.lf-faq details p a{color:#087f8c;text-decoration:underline}.site-footer{background:#153739;color:#cee0d8;border:0}.footer-inner>div>p{color:#9bb5ab;font-size:11px;line-height:1.9}.footer-nav a{color:#a9c4b9;font-size:10px}.footer-inner>p{color:#a3bcb2;font-size:9px;white-space:nowrap}
.quick-promo-ribbon{display:none}.quick-menu{left:auto;top:auto;bottom:20px;right:20px;transform:none;width:auto}.quick-actions{display:flex;gap:6px}.quick-actions a,.quick-actions button{min-height:45px;width:auto;padding:10px 14px;border-radius:9px;border:1px solid #d8e6df;background:#fff;box-shadow:0 5px 22px #23443b15}.quick-actions i{display:none}.quick-actions small{display:none}.quick-actions b{font-size:10px}.quick-actions .quick-contact{display:none}.operator-promo-modal{display:none!important}.notice-channel-banner{background:#edf5ef;color:#296b66;border:1px solid #d0e4d8;box-shadow:none}.notice-channel-banner small{color:#769287}.notice-channel-banner:hover{background:#dfefe4;color:#266962}
@media(min-width:1601px){.container{width:min(100% - 100px,1340px)}}
@media(max-width:1180px){.lf-hero-grid{gap:35px;grid-template-columns:1.3fr 1fr}.lf-hero{padding:52px 0}.main-nav a{font-size:11px;padding-inline:8px}.brand-copy strong{font-size:18px}}
@media(max-width:820px){.lf-hero-grid{grid-template-columns:1fr;gap:35px}.lf-hero{padding:38px 0}.lf-hero-heading{font-size:42px}.lf-brief{padding:22px;max-width:none}.lf-stat-main{padding:15px 0}.lf-stat-main>strong{font-size:48px}.lf-hero-description{font-size:13px}.lf-principles{gap:10px}.lf-principles>span{font-size:9px;gap:6px}.lf-guide-grid{grid-template-columns:1fr;gap:20px}.lf-register{align-items:flex-start;flex-direction:column;padding:25px}.lf-register h2{font-size:21px}.lf-faq{grid-template-columns:1fr;gap:15px}.profile-directory-surface{padding:23px}.main-nav a[href='/lineage-free-server/']{display:inline-flex}.quick-menu{bottom:13px;right:13px;left:auto}.quick-actions{display:flex}.footer-inner{display:block}.footer-inner>p{margin-top:28px}.lf-hero-note{margin-top:18px}}
@media(max-width:520px){.lf-hero-heading{font-size:36px}.lf-hero-actions{gap:17px}.lf-hero-actions .button{font-size:11px;gap:18px;min-height:47px}.lf-text-link{font-size:10px}.lf-principles{grid-template-columns:1fr;gap:10px;padding:18px 0}.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}.lf-guide-main h2{font-size:29px}.lf-hero-grid{gap:28px}.lf-checklist article{gap:18px}.lf-register{padding:22px}.quick-actions a,.quick-actions button{min-height:40px;padding:10px 11px}.main-nav a[href='/lineage-free-server/']{font-size:10px;padding-inline:7px}.lf-hero{padding-top:32px}}

/* Energetic edition: clear electric blue, cyan and coral accents. */
:root{--blue-950:#071d4a;--blue-900:#073d97;--blue-800:#0757d4;--blue-700:#006bff;--blue-600:#1489ff;--blue-500:#3aa2ff;--cyan-400:#43e4ff;--ink:#132b53;--muted:#657b9d;--line:#dce7fa;--soft:#f2f7ff;--shadow:0 18px 50px #154fd112}
body{background:#f3f7ff;color:#132b53}.site-header{border-bottom:1px solid #dce7fa}.brand-mark{background:linear-gradient(135deg,#006bff,#00b9ee);box-shadow:0 6px 18px #006bff33}.brand-mark span{color:#bbf5ff}.brand-copy small{color:#2a87c9}.main-nav a:hover{background:#e6f1ff;color:#006bff}.button.blue{background:#006bff;border-color:#006bff;box-shadow:0 6px 20px #006bff22}.button.blue:hover{background:#0059db}.button.soft{background:#e8f1ff;color:#1263b7}
.lf-hero{background:radial-gradient(ellipse at 78% 5%,#00c5ff77,transparent 48%),radial-gradient(ellipse at 5% 95%,#3153ffbb,transparent 52%),linear-gradient(115deg,#071f5c,#074abb 60%,#087fe6);border-bottom:0;padding:68px 0 62px}
.lf-hero:after{border-color:#ffffff22;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}.lf-hero h1{color:#a5d9ff;font-size:17px}.lf-eyebrow{color:#8eeaff}.lf-eyebrow>span{background:#55f4d0;box-shadow:0 0 15px #55f4d077}.lf-hero-heading{color:#fff}.lf-hero-heading em{color:#64e8ff}.lf-hero-description{color:#c0dcff}.lf-hero .button.blue{background:#fff;color:#0758d8;border-color:#fff;box-shadow:0 8px 22px #001d6544}.lf-hero .button.blue:hover{background:#dcf7ff}.lf-text-link{color:#d0f5ff}.lf-hero-note{color:#97c9f6}
.lf-brief{border-color:#ffffff66;box-shadow:0 22px 50px #001d7040;border-radius:20px;background:#fffffffa}.lf-brief-top{color:#557fa9}.lf-status-dot{color:#0076db}.lf-status-dot:before{background:#00bad3;box-shadow:0 0 0 4px #00bad315}.lf-stat-main>strong{color:#0759d4}.lf-stat-main>span,.lf-stats span{color:#6e89a6}.lf-stats strong{color:#113f81}.lf-brief-note>b{color:#143972}.lf-brief-note p{color:#6e86a3}.lf-brief-note button{background:#e5f3ff;color:#0063c9}.lf-brief-note button:hover{background:#d5edff}
.lf-principles{padding:24px 0;border-bottom-color:#d5e5fa}.lf-principles>span{color:#315d95}.lf-principles b{background:#006bff;color:#fff;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;font-family:Arial,sans-serif;font-size:10px;font-weight:850}.lf-principles>span:nth-child(2) b{background:#00a9d6}.lf-principles>span:nth-child(3) b{background:#ff6d52}.section-label{color:#087ce6}.surface{border-color:#dbe7fa;box-shadow:0 8px 26px #1450a806}.profile-directory-tools{background:#eef5ff;border-color:#deebfc}.profile-directory-grid>.empty-panel{border-color:#bdd8fc;background:#f7fbff}.profile-directory-result{color:#6385b1}.profile-directory-state.state-active{background:#def5ff;color:#007bc5}.profile-directory-card:hover{border-color:#5aa3ff;box-shadow:0 9px 22px #1778ff15}.calendar-title h2{color:#084299}.calendar-shell{border-top:4px solid #006bff}.day-column.today{box-shadow:0 0 0 2px #008cff}.day-column.today .day-head{background:#006bff;color:#fff}.day-column.today .day-sub{color:#c4e8ff}.today-chip{background:#ffcf4b;color:#153869}.upcoming-wrap{background:#f1f7ff}.empty-day{color:#8aa3c4}.lf-guide-main h2{color:#123e80}.lf-guide-main>a{color:#006bff}.lf-checklist article{border-color:#dbe7f9}.lf-checklist article>span{color:#188eff}.lf-checklist h3{color:#173c73}.lf-checklist p{color:#6d86a5}.lf-register{background:linear-gradient(110deg,#e4f0ff,#dcf9ff);border-color:#bfdfff}.lf-register h2{color:#0f428e}.lf-register p{color:#527a9e}.lf-faq details{border-color:#d9e6fa;color:#24528b}.lf-faq details p{color:#6785a8}.site-footer{background:linear-gradient(110deg,#071c48,#073d77)}.footer-inner>div>p{color:#9fbcdf}.footer-nav a{color:#a5caf1}.footer-inner>p{color:#82a8d2}.quick-actions a,.quick-actions button{border-color:#c9ddfa;box-shadow:0 5px 25px #0b4d9820}.quick-actions button{background:#006bff;color:#fff}.notice-channel-banner{background:#edf5ff;color:#1762a3;border-color:#c5dcfb}.notice-channel-banner small{color:#6b8eb6}
.lf-live-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:20px auto;padding:15px 20px;background:#fff;border:1px solid #dbe8fc;border-left:4px solid #ff7756;border-radius:10px;font-size:12px;color:#406696}.lf-live-strip strong{color:#0c4d9c}.lf-live-strip a{color:#006bff;font-weight:800}.lf-today-cards{margin-bottom:25px}.lf-today-cards .pick-grid{margin-top:20px}.source-evidence ul{padding:0;list-style:none}.source-evidence li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-bottom:1px solid #e2ecfa;padding:12px 0;font-size:12px}.source-evidence li a{color:#006bff;font-weight:800}.source-evidence li span{color:#7188a7}.source-evidence>p:last-child{color:#7990ac;font-size:11px;line-height:1.7}.source-conflict{padding:13px 16px;border-radius:9px;background:#fff3e2;color:#9e6412;font-size:12px}.collection-source-list{display:grid;gap:9px;margin-top:15px}.collection-source-list article{display:grid;gap:6px;border:1px solid #dce7f7;background:#f8fbff;border-radius:10px;padding:13px}.collection-source-list strong{color:#0c63c4;font-size:12px}.collection-source-list span{font-size:11px;line-height:1.6;color:#6c829e}.card-wait-time{white-space:nowrap;font-size:11px}
@media(max-width:820px){.lf-hero{padding:40px 0}.lf-hero-grid{gap:28px}.lf-live-strip{font-size:10px;padding:13px 15px}.lf-today-cards .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-evidence li{display:block}.source-evidence li span{display:block;margin-top:6px}.card-wait-time{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.lf-status-dot:before{animation:lf-status 2.5s ease-in-out infinite}@keyframes lf-status{50%{box-shadow:0 0 0 7px #00bad300}}}
.ongoing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ongoing-grid>a{display:flex;flex-direction:column;gap:12px;border:1px solid #d6e8fb;background:#f6fbff;padding:20px;border-radius:12px;text-decoration:none}.ongoing-grid>a:hover{border-color:#4ba9ff;background:#eff9ff}.ongoing-grid span{font-size:9px;background:#d8f5ee;color:#17836e;align-self:flex-start;padding:5px 7px;border-radius:5px;font-weight:800}.ongoing-grid strong{font-size:17px;color:#194b84}.ongoing-grid small{font-size:10px;color:#6e8caa;line-height:1.7}@media(max-width:820px){.ongoing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Visible navigation with space reserved for the fixed controls. */
.quick-menu { left:auto; right:16px; top:50%; bottom:auto; width:164px; max-height:calc(100dvh - 32px); overflow-y:auto; transform:translateY(-50%); display:flex; gap:10px; scrollbar-width:thin; }
.quick-promo-ribbon { display:block; width:100%; min-height:150px; padding:15px 12px; border-radius:20px; background:linear-gradient(145deg,#0877ff,#0042ca); }
.quick-promo-ribbon strong { margin-top:10px; font-size:25px; }
.quick-promo-ribbon b { margin-top:8px; font-size:18px; }
.quick-promo-ribbon em { margin-top:12px; min-height:32px; }
.quick-actions { width:100%; display:grid; grid-template-columns:1fr; gap:8px; }
.quick-actions a,.quick-actions button { display:grid; width:100%; min-height:64px; grid-template-columns:36px minmax(0,1fr); gap:8px; padding:10px; border-radius:16px; border:1px solid #c6dcff; color:#173c73; background:#fff; box-shadow:0 8px 24px #075fe725; }
.quick-actions i { display:grid; width:34px; height:34px; border-radius:11px; background:#006bff; }
.quick-actions small { display:block; font-size:9px; }
.quick-actions b { font-size:13px; }
.quick-actions .quick-contact { display:grid; color:#fff; border-color:#006bff; background:#006bff; }
.quick-actions .quick-notice { background:#0844ba; border-color:#0844ba; }
.quick-actions .quick-contact i { color:#006bff; background:#fff; }
.quick-actions .quick-contact small { color:#e2edff; }
@media(min-width:1281px) and (max-width:1740px) { body { padding-right:190px; } }
@media(max-width:1280px) {
  body { padding-bottom:calc(92px + env(safe-area-inset-bottom)); }
  .quick-menu { left:10px; right:10px; top:auto; bottom:calc(10px + env(safe-area-inset-bottom)); width:auto; max-height:none; overflow:visible; transform:none; }
  .quick-promo-ribbon { display:none; }
  .quick-actions { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .quick-actions a,.quick-actions button { min-height:64px; padding:8px 5px; grid-template-columns:1fr; justify-items:center; gap:5px; text-align:center; border-radius:13px; }
  .quick-actions i { width:25px; height:25px; font-size:13px; border-radius:8px; }
  .quick-actions i svg { width:18px; height:18px; }
  .quick-actions b { font-size:11px; }
  .quick-actions small { display:none; }
}

.quick-actions a:focus-visible,.quick-actions button:focus-visible,.quick-promo-ribbon:focus-visible { outline:3px solid #ffbd36; outline-offset:3px; }
.facet-navigation { padding:26px 30px; }
.facet-navigation>p { margin:0 0 20px; color:#58779f; font-size:12px; line-height:1.8; }
.facet-navigation-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.facet-navigation h3 { margin:0 0 12px; color:#234e86; font-size:14px; }
.facet-navigation nav { display:flex; flex-wrap:wrap; gap:8px; }
.facet-navigation nav a { display:inline-flex; gap:10px; align-items:center; padding:10px 13px; border:1px solid #cbdffd; border-radius:9px; color:#0758c5; background:#f5f9ff; font-size:12px; font-weight:800; }
.facet-navigation nav a span { color:#6a85a9; font-size:10px; font-weight:600; }
.facet-navigation nav a:hover,.facet-navigation nav a:focus-visible { border-color:#006bff; background:#e6f1ff; }
@media(max-width:700px) { .facet-navigation { padding:22px; } .facet-navigation-grid { grid-template-columns:1fr; } }

.researched-brief { border-top:4px solid #0877ff; }
.brief-method,.brief-unknown { color:#617b9e; font-size:12px; line-height:1.8; }
.research-facts { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:22px; }
.research-facts article { padding:20px; border:1px solid #d9e7fb; border-radius:13px; background:#f7fbff; }
.research-facts h3,.research-checklist h3,.research-sources h3 { margin:0 0 12px; color:#174d95; font-size:16px; }
.research-facts p { margin:12px 0 0; color:#345371; font-size:13px; line-height:1.9; }
.brief-citation { color:#006bff; font-size:11px; white-space:nowrap; text-decoration:underline; }
.research-checklist { margin-top:24px; padding:22px; border-left:3px solid #0eb3df; background:#effbff; }
.research-checklist p,.research-checklist li { color:#486e8d; font-size:12px; line-height:1.9; }
.research-sources { padding-top:20px; margin-top:20px; border-top:1px solid #e0e9f6; }
.research-sources li { margin:10px 0; color:#59789b; font-size:12px; scroll-margin-top:100px; }
.research-sources a { color:#0866d5; }.research-sources small { margin-left:12px; color:#718bac; }
@media(max-width:760px) { .research-facts { grid-template-columns:1fr; } .research-sources small { display:block; margin:6px 0; } }