: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; }
.verified-details-card { border-color: #cfe0f6; }
.verified-details-intro { margin: 0 0 16px; padding: 16px 18px; border-left: 4px solid #0b63e5; border-radius: 0 12px 12px 0; background: #f1f7ff; color: #243b57; font-size: 14px; font-weight: 700; line-height: 1.75; }
.verified-details-card .operator-content-grid article { background: #fbfdff; }
.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); }
.server-card.reservation-card { cursor: default; border: 1px dashed #94a8c0; color: #425a78; background: #eaf0f7; box-shadow: none; }
.reservation-card:hover { transform: none; filter: none; box-shadow: none; }
.server-card.reservation-card .card-top, .server-card.reservation-card .server-card-copy { color: #425a78; }
.server-card.reservation-card h3 { color: #334b6b; }
.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-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.calendar-today-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 10px 17px; border: 1px solid #cbdcf5; border-radius: 12px; background: #edf4ff; color: #0857c5; font: inherit; font-size: 14px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.calendar-today-button:hover { background: #e0edff; }
.calendar-swipe-hint { display: none; }
.request-entry-edit { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 52px; margin-top: 14px; border: 1px solid #cfc1f0; background: #f3edff; color: #6035a1; font-weight: 800; }
.request-entry-edit span { font-size: 12px; font-weight: 600; }
.request-entry-rule { font-size: 12px !important; line-height: 1.7; color: #687b94 !important; margin-top: 14px !important; }
.modal-dialog.schedule-picker-dialog { width: min(1480px, calc(100vw - 36px)); max-width: none; }
.modal-dialog.request-entry-dialog { overflow-y: auto; }
.schedule-picker-content { min-height: 200px; padding: 20px; }
.schedule-picker-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.schedule-picker-toolbar strong { margin-inline: auto; font-size: 17px; }
.schedule-picker-next { margin-top: 20px; border-top: 2px solid #dce6f4; }
.schedule-picker-content button.server-card { width: 100%; text-align: left; font-family: inherit; cursor: pointer; }
.schedule-picker-content button.server-card:focus-visible { outline: 3px solid #0b63e5; outline-offset: 2px; }
.schedule-change-controls { margin: 0 0 24px; padding: 20px; border: 1px solid #cfc1f0; border-radius: 16px; background: #f8f5ff; }
.schedule-change-controls[hidden] { display: none; }
.schedule-change-target { margin-bottom: 16px; color: #462b74; font-size: 16px; font-weight: 800; }
.schedule-change-controls fieldset { display: flex; gap: 12px; margin: 0 0 18px; padding: 0; border: 0; flex-wrap: wrap; }
.schedule-change-controls legend { margin-bottom: 10px; font-size: 13px; font-weight: 800; }
.schedule-change-controls fieldset label { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 14px; border: 1px solid #cfc1f0; border-radius: 12px; background: white; font-size: 14px; font-weight: 700; cursor: pointer; }
.schedule-change-controls fieldset input { width: 18px; height: 18px; margin: 0; accent-color: #7045b5; }
.schedule-change-controls .removal-choice { color: #b4233e; border-color: #f1c3cb; }
.schedule-change-controls .field label span { display: block; margin-top: 5px; font-size: 12px; font-weight: 500; color: #69798e; }
.schedule-change-controls > p { margin-top: 12px; font-size: 12px; line-height: 1.7; color: #655477; }
.request-delete-mode .form-grid > * { display: none; }
.request-delete-mode .form-grid > .request-contact-field { display: block; grid-column: 1 / -1; }
.schedule-review-warning { padding: 13px 15px; border-radius: 11px; color: #835212; background: #fff5df; font-size: 13px; line-height: 1.7; }
.schedule-review-scroll { margin: 16px 0; overflow-x: auto; }
.schedule-review-table { width: 100%; min-width: 500px; table-layout: fixed; border-collapse: collapse; font-size: 12px; }
.schedule-review-table th, .schedule-review-table td { padding: 11px 12px; border: 1px solid #dce5f1; text-align: left; vertical-align: top; white-space: pre-wrap; overflow-wrap: anywhere; }
.schedule-review-table th { background: #edf4ff; color: #244a7b; }
.schedule-review-table th:first-child { width: 110px; }
.schedule-review-table td:last-child { background: #f8fbff; color: #184b8b; }
.schedule-review-links { display: flex; gap: 8px; flex-wrap: wrap; }
.information-request-card > div:first-child { min-width: 0; }
@media (max-width: 820px) {
  .schedule-picker-content { padding: 12px; }
  .schedule-picker-toolbar { gap: 8px; }
  .schedule-picker-toolbar strong { order: -1; flex: 0 0 100%; text-align: center; font-size: 15px; }
  .schedule-picker-toolbar .button { flex: 1; min-height: 44px; padding-inline: 10px; }
  .schedule-picker-dialog .modal-head { align-items: flex-start; }
  .schedule-picker-dialog .modal-head h2 { font-size: 20px; }
  .schedule-picker-dialog .modal-head p { font-size: 12px; }
}
.mobile-site-menu { display: none; }
.operator-inline-promo { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-block: 24px 4px; padding: 22px 26px; border: 1px solid #cbdffb; border-radius: 20px; background: #f1f7ff; }
.operator-inline-promo > div:first-child { display: flex; align-items: center; gap: 16px; }
.operator-inline-mark { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border-radius: 14px; color: white; background: #0b63e5; font-family: Georgia, serif; font-size: 34px; font-weight: 900; }
.operator-inline-promo strong { color: #132c50; font-size: 20px; letter-spacing: -.7px; }
.operator-inline-promo p { margin: 5px 0 0; color: #52657e; font-size: 14px; }
.operator-inline-actions { display: flex; gap: 8px; flex-shrink: 0; }
.mobile-site-menu summary:focus-visible, .mobile-site-menu a:focus-visible, .mobile-site-menu button:focus-visible, .calendar-today-button:focus-visible { outline: 3px solid #0b63e5; outline-offset: 3px; }
@media (max-width: 1180px) {
  .calendar-swipe-hint { display: block; margin: 0; padding: 12px 20px; border-bottom: 1px solid var(--line); color: #52657e; font-size: 12px; }
}
@media (max-width: 820px) {
  .nav-shell { position: relative; gap: 10px; }
  .mobile-site-menu { display: block; flex-shrink: 0; }
  .mobile-site-menu summary { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 64px; min-height: 44px; padding: 8px; border: 1px solid #d7e4f6; border-radius: 11px; color: #164478; background: #f3f7fd; font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
  .mobile-site-menu summary::-webkit-details-marker { display: none; }
  .mobile-site-menu[open] summary { color: white; background: #0b63e5; }
  .mobile-site-menu nav { position: absolute; z-index: 110; top: calc(100% + 8px); right: 0; display: grid; width: min(290px, calc(100vw - 24px)); padding: 8px; border: 1px solid #d7e4f6; border-radius: 16px; background: white; box-shadow: 0 14px 35px rgba(19,44,80,.13); }
  .mobile-site-menu nav a, .mobile-site-menu nav button { display: flex; align-items: center; min-height: 46px; padding: 12px 14px; border: 0; border-radius: 9px; color: #213955; background: white; text-align: left; font: inherit; font-size: 14px; font-weight: 700; text-decoration: none; }
  .mobile-site-menu nav a:hover, .mobile-site-menu nav button:hover { background: #edf4ff; color: #0b63e5; }
  .operator-inline-promo { align-items: stretch; flex-direction: column; gap: 17px; padding: 20px; border-radius: 16px; }
  .operator-inline-promo strong { font-size: 18px; }
  .operator-inline-promo p { font-size: 12px; }
  .operator-inline-actions .button { flex: 1; min-height: 44px; }
  .calendar-title { align-items: flex-start; gap: 12px; }
  .calendar-title h2 { font-size: 23px; }
  .calendar-today-button { min-height: 40px; padding: 8px 11px; font-size: 12px; }
}
.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; }
/* Six distinct editorial compositions, with date-only schedule metadata. */
.promo-banner{--banner-accent:#b9d6ff;position:relative;isolation:isolate;display:flex;align-items:center;min-height:128px;overflow:hidden;padding:17px 15px;border:1px solid #ffffff25;border-radius:15px;color:#fff;background:#11223a;background-size:cover;background-position:center;box-shadow:0 5px 16px #162f501c;transition:transform .22s ease,box-shadow .22s ease}
a.promo-banner:hover{transform:translateY(-3px);box-shadow:0 12px 25px #162f5033}
a.promo-banner:focus-visible{outline:3px solid #0b63e5;outline-offset:3px}
.promo-banner::before,.promo-banner::after{content:"";position:absolute;z-index:0;pointer-events:none}
.promo-banner-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0}
.promo-banner-copy small{color:var(--banner-accent);font-size:8px;font-weight:850;line-height:1.3;letter-spacing:.16em}
.promo-banner-copy strong{display:block;max-width:100%;margin-top:12px;color:inherit;font-family:inherit;font-size:25px;font-weight:850;line-height:1.18;letter-spacing:-.055em;overflow-wrap:anywhere;text-wrap:balance}
.promo-banner.is-long-name .promo-banner-copy strong{font-size:21px;letter-spacing:-.06em}
.promo-banner-copy em{display:flex;align-items:center;gap:8px;width:100%;min-width:0;margin-top:10px;color:#ffffffbf;font-size:10px;font-style:normal;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.promo-banner-copy em>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promo-banner-copy em>time{flex:0 0 auto;margin-left:auto;color:var(--banner-accent);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
/* 01 — crimson, left aligned with a narrow editorial rule. */
.promo-banner.design-warlord{--banner-accent:#ffbaa2;background-image:linear-gradient(105deg,#3d101af5,#471624b8 62%,#26101c55),var(--banner-image);border-radius:15px 4px 15px 4px;border-left:3px solid #ee9278}
.promo-banner.design-warlord::before{right:-16px;top:-24px;width:72px;height:178px;border-left:1px solid #ef9f7a66;transform:rotate(27deg)}
.promo-banner.design-warlord .promo-banner-copy small{padding-left:18px}
.promo-banner.design-warlord .promo-banner-copy small::before{content:"";position:absolute;top:4px;left:0;width:11px;height:2px;background:#ffbaa2}
/* 02 — midnight blue, centered beneath a restrained arc. */
.promo-banner.design-royal{--banner-accent:#b8d5ff;background-image:radial-gradient(ellipse at 50% 0,#4f82cf66,transparent 70%),linear-gradient(0deg,#081b3df2,#122c51b8),var(--banner-image);border-color:#87ade044;border-radius:18px;text-align:center}
.promo-banner.design-royal::before{width:190px;height:190px;top:-145px;left:calc(50% - 95px);border:1px solid #a4ceff66;border-radius:50%;box-shadow:0 0 0 15px #afd1ff08}
.promo-banner.design-royal .promo-banner-copy{align-items:center}
.promo-banner.design-royal .promo-banner-copy small{padding:4px 9px;border:1px solid #b8d5ff35;border-radius:20px;font-size:7px}
.promo-banner.design-royal .promo-banner-copy strong{margin-top:10px}
.promo-banner.design-royal .promo-banner-copy em{justify-content:center;gap:10px}
.promo-banner.design-royal .promo-banner-copy em>time{margin-left:0;padding-left:10px;border-left:1px solid #b8d5ff45}
/* 03 — pale ice, right aligned against a faceted image edge. */
.promo-banner.design-frost{--banner-accent:#1f6b88;color:#183c54;background-image:linear-gradient(270deg,#e5f6f9fa,#d6eff6e8 57%,#bce6ef8c),var(--banner-image);border-color:#c3dfe9;border-radius:5px 19px 5px 19px}
.promo-banner.design-frost::before{inset:0 53% 0 0;background:linear-gradient(135deg,#6cbcd441,#ffffff22);clip-path:polygon(0 0,100% 0,28% 100%,0 100%)}
.promo-banner.design-frost .promo-banner-copy{align-items:flex-end;text-align:right}
.promo-banner.design-frost .promo-banner-copy strong{font-weight:900}
.promo-banner.design-frost .promo-banner-copy em{color:#386279;justify-content:flex-end}
.promo-banner.design-frost .promo-banner-copy em>time{margin-left:0}
/* 04 — violet split, with an asymmetric translucent panel. */
.promo-banner.design-shadow{--banner-accent:#dfc5ff;background-image:linear-gradient(110deg,#24192ef5,#3b2455d9 64%,#3622498a),var(--banner-image);border-color:#be9bdd45;border-radius:4px 15px 15px 15px}
.promo-banner.design-shadow::before{top:0;right:0;width:56px;height:100%;background:linear-gradient(150deg,#dcb7ff40,#dcb7ff08);clip-path:polygon(64% 0,100% 0,100% 100%,0 100%)}
.promo-banner.design-shadow .promo-banner-copy small{letter-spacing:.22em;color:#e0baff}
.promo-banner.design-shadow .promo-banner-copy strong{margin-top:15px}
/* 05 — emerald, image above a grounded information band. */
.promo-banner.design-forest{--banner-accent:#b4edcb;align-items:flex-end;background-image:linear-gradient(0deg,#062b24fa 0,#0b3e31e0 54%,#0b3e3145),var(--banner-image);border-color:#77bda24d;border-radius:16px 16px 5px 5px}
.promo-banner.design-forest::before{height:3px;width:31px;top:16px;left:15px;background:#9eddbd;border-radius:3px}
.promo-banner.design-forest .promo-banner-copy small{align-self:flex-end;color:#b4edcbbb;font-size:7px}
.promo-banner.design-forest .promo-banner-copy strong{margin-top:13px}
.promo-banner.design-forest .promo-banner-copy em{padding-top:8px;border-top:1px solid #b4edcb29;margin-top:9px}
/* 06 — warm ivory, dark typography and an offset circular field. */
.promo-banner.design-dragon{--banner-accent:#956039;color:#493426;background-image:linear-gradient(100deg,#fff2dff9,#f6e3c9ec 65%,#e3ba859c),var(--banner-image);border:1px solid #e3c39c;border-radius:15px 5px 5px 15px}
.promo-banner.design-dragon::before{right:-48px;top:-34px;width:125px;height:125px;border:1px solid #b2864e45;border-radius:50%;box-shadow:0 0 0 14px #b2864e0c}
.promo-banner.design-dragon .promo-banner-copy small{align-self:flex-start;padding-bottom:5px;border-bottom:1px solid #b17b4c66}
.promo-banner.design-dragon .promo-banner-copy strong{font-weight:900;margin-top:9px}
.promo-banner.design-dragon .promo-banner-copy em{color:#75563c}
.promo-banner.is-preview{width:100%;min-height:150px}
.promo-banner.is-preview .promo-banner-copy strong{font-size:28px}

.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}}

/* Homepage-scoped operator profiles and explicit administrator calendar layouts. */
.profile-editor-page{max-width:980px}.profile-editor-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.profile-editor-heading h1{font-size:clamp(26px,4vw,38px);margin:8px 0}.profile-editor-heading p{overflow-wrap:anywhere;color:#52647a}.profile-editor-notice{padding:18px 22px;border:1px solid #d7e7ff;border-radius:16px;background:#f0f6ff;color:#214b86;line-height:1.8;margin:20px 0}.profile-editor-page form{background:#fff;border:1px solid #e0e8f1;padding:28px;border-radius:22px}.profile-editor-page fieldset{border:0;padding:0;margin:0;min-width:0}.profile-editor-page input:not([type=checkbox]),.profile-editor-page textarea,.profile-editor-page select,.profile-access-form input,.profile-access-form select{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cbd7e6;border-radius:10px;padding:12px;background:#fff;color:#132b46}.profile-editor-page .field span{font-weight:750;margin-bottom:8px;display:block}.profile-editor-page textarea{resize:vertical;line-height:1.7}.profile-editor-consent{display:flex;align-items:center;gap:12px;padding:18px;background:#f1f6ff;border-radius:12px;margin:24px 0}.profile-editor-consent input{flex:0 0 22px;width:22px;height:22px;accent-color:#0b63e5}.profile-owner-tools{display:flex;gap:16px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:18px 0;color:#61758c;font-size:13px}.profile-access-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;margin:24px 0}.profile-access-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dbe5ef;border-radius:14px;padding:18px;background:#fff;margin:12px 0;text-decoration:none;color:#15314c}.profile-access-row div{min-width:0}.profile-access-row p,.profile-account-id code{overflow-wrap:anywhere}.profile-access-row small,.profile-edit-log{color:#65798f}.profile-account-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;background:#eef5ff;border-radius:12px}.profile-account-id code{font-size:13px}.profile-feedback-dialog{border:0;border-radius:24px;box-shadow:0 24px 80px #0d24493d;max-width:440px;width:calc(100% - 48px);padding:32px;box-sizing:border-box;text-align:center;color:#142e49}.profile-feedback-dialog::backdrop{background:#081e426b}.profile-feedback-dialog p{line-height:1.8;white-space:pre-wrap}.profile-feedback-mark{display:inline-grid;place-items:center;width:54px;height:54px;background:#edf5ff;color:#0b63e5;font-size:28px;font-weight:900;border-radius:18px}.profile-feedback-dialog .button{margin-top:16px;min-width:140px}.admin-calendar-day-head{gap:6px}.admin-calendar-day-head>div{margin-right:auto}.admin-calendar-day-head>button{white-space:nowrap;font-size:11px;padding:6px}.profile-editor-page input:focus,.profile-editor-page textarea:focus,.profile-editor-page select:focus{outline:3px solid #c4ddff;border-color:#0b63e5}
@media(max-width:700px){.profile-access-form{grid-template-columns:1fr}.profile-editor-heading,.profile-access-row{align-items:stretch;flex-direction:column}.profile-editor-page form{padding:18px}.profile-owner-tools{justify-content:flex-start}.profile-editor-consent{align-items:flex-start}.profile-account-id{align-items:flex-start;flex-direction:column}.profile-feedback-dialog{padding:24px}}

.shared-profile-description{white-space:pre-wrap;line-height:1.9}

.pending-inbox-count{display:inline-flex;padding:12px 16px;border-radius:12px;background:#eef5ff;color:#174f99;font-size:13px;font-weight:750;line-height:1.7}.information-request-card{border-left:4px solid #8560c7}.submission-card h3{overflow-wrap:anywhere}

/* Compact community boards */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.community-board-page .community-hero{padding:24px 0 0}
.community-board-page .community-hero-inner{grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:27px 30px;border-radius:16px;box-shadow:none}
.community-board-page .community-eyebrow{margin-bottom:9px;font-size:9px}
.community-board-page .community-hero h1{font-size:32px;line-height:1.2;letter-spacing:-.055em}
.community-board-page .community-hero p{margin-top:10px;font-size:12px;line-height:1.6}
.community-board-page .community-hero aside{min-width:100px;min-height:0;padding:16px 22px;align-items:center;border-radius:12px;color:#075bcf;background:#eef5ff}
.community-board-page .community-hero aside strong{font-size:32px}
.community-board-page .community-hero aside span{margin-top:6px;font-size:10px}
.community-board-page .community-content{padding-top:24px}
.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.board-type-tabs{display:flex;gap:7px}
.board-type-tabs a{display:flex;align-items:center;min-height:40px;padding:0 16px;border-radius:8px;color:#708096;background:#edf1f6;font-size:12px;font-weight:800}
.board-type-tabs a[aria-current]{color:#fff;background:#0b63e5}
.board-write{min-height:40px;padding:0 17px;border-radius:8px;font-size:12px}
.community-board-wrap{overflow:hidden;border:1px solid #dce5f0;border-top:2px solid #153657;border-radius:0 0 12px 12px;background:#fff}
.community-board{width:100%;border-collapse:collapse;table-layout:fixed;color:#263b55;font-size:13px}
.community-board th{height:42px;padding:8px 12px;border-bottom:1px solid #dce5f0;color:#687b92;background:#f5f8fc;font-size:11px;font-weight:800;text-align:center}
.community-board td{height:54px;padding:10px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle}
.community-board tr:last-child td{border-bottom:0}
.community-board-row:hover{background:#f5f9ff}
.community-board-row.is-boosted{background:#f0f6ff}
.community-board .board-number{width:60px;color:#8795a7;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}
.board-pin{padding:4px 8px;border-radius:5px;color:#075bcf;background:#dcecff;font-size:10px;font-weight:900}
.community-board .board-author{width:145px;font-size:11px}
.community-board td.board-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-avatar{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;vertical-align:middle;border-radius:9px;color:#2264ae;background:#e7f1ff;font-size:10px;font-style:normal;font-weight:900}
.board-avatar.avatar-1,.board-avatar.avatar-4{color:#6950b7;background:#efeaff}.board-avatar.avatar-2,.board-avatar.avatar-5{color:#17847c;background:#e3f7f2}.board-avatar.avatar-3{color:#ad6b29;background:#fff2db}
.community-board .board-date{width:80px;color:#8b99aa;font-size:11px;text-align:center;white-space:nowrap}
.community-board .board-views{width:68px;color:#78889b;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}
.board-subject a{display:flex;align-items:center;gap:7px;min-width:0;min-height:30px;color:#223b59}
.board-subject a:hover strong{color:#075bcf;text-decoration:underline;text-underline-offset:4px}
.board-subject strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}
.board-server-tag{flex:0 0 auto;max-width:90px;overflow:hidden;padding:4px 6px;border-radius:5px;color:#53708f;background:#edf2f8;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.board-new{display:grid;place-items:center;flex:0 0 15px;height:15px;border-radius:4px;color:#fff;background:#0b63e5;font-size:8px;font-weight:950}
.board-comments{flex:0 0 auto;color:#0b63e5;font-size:11px;font-weight:800}.board-reward{flex:0 0 auto;color:#ad7380;font-size:9px}.board-mobile-meta{display:none}
.board-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}
.board-pagination{display:flex;gap:5px}.board-pagination a{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #d9e3ef;border-radius:7px;color:#6e8199;background:#fff;font-size:12px}.board-pagination a[aria-current]{border-color:#0b63e5;color:#fff;background:#0b63e5}
.board-search{display:flex;gap:5px;margin-left:auto}.board-search input{width:230px;max-width:100%;height:36px;padding:0 12px;border:1px solid #d5e0ed;border-radius:7px;font-size:11px}.board-search button{min-width:54px;border:0;border-radius:7px;color:#fff;background:#243e5f;font-size:11px;font-weight:800}
.board-guidance{margin:18px 0;color:#8a98aa;font-size:11px;line-height:1.7}.community-board .community-empty{border:0;border-radius:0;padding:60px 24px}.community-board .community-empty b{font-size:18px}

/* Real presence and authenticated lounge */
.quick-menu.site-live-rail{position:fixed;top:90px;right:16px;bottom:16px;left:auto;z-index:44;display:flex;flex-direction:column;gap:12px;width:280px;max-height:calc(100dvh - 106px);overflow-y:auto;padding:0 3px 10px;transform:none;scrollbar-width:thin;scrollbar-color:#c8d8ec transparent;overscroll-behavior:contain}
.site-live-rail>section,.site-live-rail>.quick-promo-ribbon,.site-live-rail>.quick-actions{flex:0 0 auto}
.live-presence-card,.live-chat-card{overflow:hidden;border:1px solid #dae5f3;border-radius:15px;background:#fff;box-shadow:0 6px 22px rgba(23,55,100,.06)}
.live-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;padding:10px 13px;color:#214261;border-bottom:1px solid #eaf0f7;font-size:11px;font-weight:900}
.live-panel-heading>span:first-child{display:flex;align-items:center;gap:7px}
.live-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#18b892;box-shadow:0 0 0 3px #e3f8f1;animation:live-breathe 2.6s ease-in-out infinite}
@keyframes live-breathe{0%,100%{opacity:1}50%{opacity:.45}}
.live-count-line{display:flex;align-items:center;gap:10px;padding:14px 14px 12px}
.live-count-line>strong{color:#0b63e5;font-size:35px;font-weight:900;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.live-count-line>span{color:#49617d;font-size:11px;font-weight:800}
.live-count-line small{display:block;margin-top:4px;color:#899aaf;font-size:9px;font-weight:500}.live-count-line small b{font-weight:650}
.live-count-line .live-status-pill{margin-left:auto;padding:4px 6px;border-radius:5px;color:#149d7c;background:#e8f8f2;font-size:8px;letter-spacing:.04em}.live-count-line .live-status-pill.is-offline{color:#a27d39;background:#fff6e6}
.live-visitor-list{display:grid;gap:7px;margin:0 13px 9px;padding-top:10px;border-top:1px solid #edf2f8}
.live-visitor{display:flex;align-items:center;gap:7px;min-width:0;animation:live-row-in .2s ease-out}.live-visitor i{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;color:#2b6fbd;background:#edf5ff;font-size:9px;font-weight:800;font-style:normal}.live-visitor>span{min-width:0;overflow:hidden;color:#627991;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.live-visitor>small{margin-left:auto;color:#9aa8b9;font-size:9px}.live-visitor-list>p{margin:0;color:#8798af;font-size:10px;line-height:1.6}
.live-count-note{display:block;padding:0 13px 11px;color:#9cabbc;font-size:8px}.live-mini-label{color:#0b63e5;font-size:8px;font-weight:700}
.live-chat-notice{margin:0;padding:9px 12px;color:#8090a5;background:#f8faff;font-size:9px;line-height:1.5}
.live-chat-messages{height:256px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:13px 10px;background:#fff;scroll-behavior:auto}
.live-chat-empty{margin:68px auto;max-width:190px;color:#8a9bb1;font-size:11px;line-height:1.8;text-align:center}
.live-message{display:flex;align-items:flex-start;gap:7px;margin-bottom:16px;animation:live-row-in .16s ease-out}.live-chat-avatar{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:10px;color:#4e76ad;background:#eaf2fd;font-size:11px;font-weight:800}.live-message-copy{min-width:0;flex:1}.live-message-head{display:flex;align-items:center;gap:5px;margin:1px 0 5px}.live-message-head b{min-width:0;max-width:145px;overflow:hidden;color:#4b627e;font-size:10px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.live-message-head time{flex:0 0 auto;color:#abb8c7;font-size:8px}.live-message p{margin:0;color:#334c68;font-size:11px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.live-message.is-mine .live-chat-avatar{color:#fff;background:#0b63e5}.live-message.is-mine .live-message-head b{color:#0b63e5}
@keyframes live-row-in{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.live-new-messages{display:block;width:calc(100% - 24px);margin:0 12px 8px;padding:6px;border:1px solid #bed8fc;border-radius:7px;color:#0b63e5;background:#edf5ff;font-size:10px}
.live-chat-form{margin:0;padding:9px 11px;border-top:1px solid #e8eff8;background:#fafcff}.live-chat-form textarea{box-sizing:border-box;display:block;width:100%;min-height:52px;max-height:110px;resize:vertical;padding:8px 9px;border:1px solid #d8e5f6;border-radius:8px;color:#304b6b;background:#fff;font-family:inherit;font-size:11px;line-height:1.6}.live-chat-form textarea:disabled{resize:none;color:#8a9db5;background:#f2f6fc}.live-chat-compose{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.live-chat-compose>span{color:#94a5b9;font-size:8px}.live-chat-compose button{display:flex;align-items:center;gap:7px;min-height:29px;padding:0 11px;border:0;border-radius:7px;color:#fff;background:#0b63e5;font-size:10px;font-weight:800}.live-chat-compose button:disabled{color:#a1b2c8;background:#e8eff8;cursor:not-allowed}
.live-chat-login{padding:9px 11px;border-top:1px solid #eaf0f7}.live-chat-login a{display:block;padding:8px;border-radius:8px;color:#0b63e5;background:#eaf3ff;font-size:10px;font-weight:800;text-align:center}.live-chat-feedback{min-height:0;margin:0;padding:0 12px;color:#248d79;font-size:9px;line-height:1.6}.live-chat-feedback:not(:empty){padding-bottom:9px}.live-chat-feedback.error{color:#bf4357}
.site-live-rail .quick-promo-ribbon{display:block;width:100%;min-height:160px;padding:17px 15px;border-radius:15px;box-shadow:none}.site-live-rail .quick-promo-ribbon small{min-height:19px;font-size:7px}.site-live-rail .quick-promo-ribbon strong{margin-top:10px;font-size:27px}.site-live-rail .quick-promo-ribbon b{margin-top:8px;font-size:19px}.site-live-rail .quick-promo-ribbon b br{display:none}.site-live-rail .quick-promo-ribbon em{min-height:30px;margin-top:12px;border-radius:8px;font-size:10px;box-shadow:none}
.site-live-rail .quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.site-live-rail .quick-actions>a,.site-live-rail .quick-actions>button{width:100%;min-height:63px;grid-template-columns:27px minmax(0,1fr);gap:6px;padding:9px 7px;border-radius:11px;box-shadow:none}.site-live-rail .quick-actions i{width:26px;height:26px;border-radius:9px;font-size:11px;box-shadow:none}.site-live-rail .quick-actions i svg{width:17px;height:17px}.site-live-rail .quick-actions b{font-size:10px}.site-live-rail .quick-actions small{display:block;margin-top:4px;font-size:7px}
.live-rail-close,.mobile-live-dock{display:none}
.live-admin-messages{display:grid;gap:9px}.live-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px;border:1px solid #dae6f5;border-radius:10px;background:#fff}.live-admin-row b{color:#436186;font-size:11px}.live-admin-row p{margin:6px 0 0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.6}.live-admin-row.is-hidden{background:#f4f6fa;opacity:.7}.live-admin-actions{display:flex;gap:6px}.live-demo{margin-top:25px;padding:18px;border:1px dashed #c4d5ed;border-radius:12px;background:#f7faff}.live-demo summary{color:#34629d;font-size:13px;font-weight:800;cursor:pointer}.live-demo>p{color:#8190a6;font-size:12px;line-height:1.7}.live-demo-messages{max-height:250px;overflow:auto;margin-top:15px}.live-demo-row{padding:12px;border-top:1px solid #dce6f4}.live-demo-row b{color:#7b65a7;font-size:11px}.live-demo-row p{margin:5px 0 0;font-size:13px}
@media(min-width:1680px){body.has-live-rail{padding-right:310px}.has-live-rail .container{width:min(1440px,calc(100% - 40px))}.has-live-rail .site-footer{padding-bottom:35px}.has-live-rail .nav-shell{gap:10px}.has-live-rail .main-nav{gap:4px}.has-live-rail .main-nav>a{padding-left:8px;padding-right:8px;font-size:11px}.has-live-rail .brand-copy strong{font-size:21px}.has-live-rail .brand-copy small{font-size:8px}.has-live-rail .brand-mark{width:39px;height:39px}.has-live-rail .promo-rail{display:none}}
@media(min-width:1850px){body.has-live-rail{padding-left:228px}.has-live-rail .promo-rail{display:block;left:10px;width:208px}.has-live-rail .main-nav>a{font-size:12px}}
@media(max-width:1679px){.quick-menu.site-live-rail{display:none;top:auto;left:auto;right:12px;bottom:86px;width:min(330px,calc(100% - 24px));max-height:calc(100dvh - 108px);padding:0 3px 10px;z-index:65;border-radius:16px;background:#f5f8fd;box-shadow:0 15px 55px #10264730}.quick-menu.site-live-rail.is-open{display:flex}.live-rail-close{display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:6px;color:#71859f;background:#eef3fa;font-size:20px}.mobile-live-dock{position:fixed;right:14px;bottom:max(12px,env(safe-area-inset-bottom));z-index:64;display:flex;gap:5px;padding:6px;border:1px solid #d7e4f4;border-radius:15px;background:#fff;box-shadow:0 8px 30px #193d6a25}.mobile-live-dock>a,.mobile-live-dock>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:0 13px;border:0;border-radius:10px;color:#235787;background:#edf5ff;font-size:11px;font-weight:800}.mobile-live-dock>[data-live-open]{color:#fff;background:#0b63e5}.mobile-live-dock>[data-live-open]>span{font-size:9px;opacity:.75}.mobile-live-dock>[data-live-open] .live-dot{box-shadow:none}.mobile-live-dock>a>span{font-size:10px}.live-chat-messages{height:235px}.live-admin-row{grid-template-columns:1fr}}
@media(max-width:760px){.community-board-page .community-hero-inner{padding:22px 20px;gap:12px}.community-board-page .community-hero h1{font-size:27px}.community-board-page .community-hero aside{min-width:65px;padding:13px}.community-board-page .community-hero aside strong{font-size:26px}.community-board-page .community-hero p{font-size:11px}.community-board .board-number{display:none}.community-board .board-author{width:90px}.community-board .board-date{width:60px}.community-board .board-views{width:45px}.board-avatar{display:none}.community-board th,.community-board td{padding:9px 8px}.board-server-tag{max-width:70px;font-size:9px}.board-subject strong{font-size:12px}.board-reward{display:none}.board-type-tabs a{min-height:36px;padding:0 12px;font-size:11px}.board-write{min-height:36px;padding:0 12px;font-size:11px}}
@media(max-width:560px){.community-board-page .community-hero-inner{display:block;border-radius:13px}.community-board-page .community-hero aside{display:none}.community-board-page .community-content{padding-top:18px}.community-board .board-author,.community-board .board-date{display:none}.community-board td{height:65px}.community-board .board-views{width:43px;font-size:10px}.board-subject a{gap:5px}.board-server-tag{display:none}.board-mobile-meta{display:block;margin-top:3px;color:#98a6b8;font-size:9px}.board-bottom{justify-content:center}.board-search{width:100%;margin-left:0}.board-search input{flex:1;min-width:0;width:auto}.board-toolbar{gap:5px}.board-type-tabs{gap:4px}.board-type-tabs a{padding:0 10px;font-size:10px}.board-write{padding:0 10px;font-size:10px}.mobile-live-dock{right:10px;left:10px;justify-content:stretch;bottom:max(10px,env(safe-area-inset-bottom))}.mobile-live-dock>a,.mobile-live-dock>button{flex:1;min-width:0;padding:0 7px;font-size:10px}.mobile-live-dock>[data-live-open]>span{display:none}.quick-menu.site-live-rail{bottom:83px;max-height:calc(100dvh - 105px)}.live-admin-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.live-dot,.live-message,.live-visitor{animation:none}}

/* One public nickname for boards and lounge. */
.nickname-setup-modal{z-index:220}
.nickname-setup-dialog{width:min(440px,calc(100% - 28px));padding:32px;border:1px solid #d3e3f7;border-radius:25px;background:#fff;box-shadow:0 30px 100px #09295a40;text-align:center}
.nickname-welcome-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;border-radius:16px;color:#fff;background:#0b63e5;font-family:Arial,sans-serif;font-size:29px;font-weight:900;box-shadow:0 9px 23px #0b63e52b}
.nickname-eyebrow{color:#3980df;font-size:9px;font-weight:850;letter-spacing:.15em}
.nickname-setup-dialog h2{margin:13px 0 14px;color:#183351;font-size:33px;line-height:1.22;letter-spacing:-.055em}
.nickname-setup-dialog>p{margin:0;color:#8697ab;font-size:12px;line-height:1.8}
.nickname-setup-dialog form{margin-top:25px;text-align:left}.nickname-setup-dialog label{display:block;margin-bottom:8px;color:#4b6686;font-size:11px;font-weight:850}
.nickname-setup-dialog input{box-sizing:border-box;width:100%;height:50px;padding:0 14px;border:1.5px solid #c1d9f8;border-radius:10px;color:#234a78;background:#f9fcff;font-size:16px;font-weight:700}
.nickname-setup-dialog small{display:block;margin:8px 0 20px;color:#94a4b9;font-size:10px}
.nickname-setup-dialog .button{width:100%;min-height:46px;margin-top:8px;border-radius:10px;font-size:12px}
.nickname-setup-dialog .button.soft{color:#5f7b9e;border-color:#dde8f6;background:#f4f8fe}
.nickname-setup-status{min-height:20px;margin-top:12px;color:#5087cc;font-size:11px;line-height:1.7;text-align:center}.nickname-setup-status.error{color:#c34959}
.nickname-signout{display:inline-block;margin-top:9px;color:#a1adbd;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.community-board-page{min-height:calc(100dvh - 90px);padding-bottom:35px}
.community-board-page .community-content{min-height:60vh}
.live-count-line{padding:11px 14px}.live-presence-card .live-panel-heading{min-height:33px;padding-top:8px;padding-bottom:8px}
.live-count-line>strong{font-size:32px}
.live-demo-count{padding:12px;margin:14px 0;border:1px solid #d2deef;border-radius:9px;color:#6b5699;background:#fff;font-size:13px;font-weight:800}
@media(min-width:1680px){
 .quick-menu.site-live-rail{top:12px;bottom:12px;max-height:calc(100dvh - 24px);gap:8px}
 .live-chat-messages{height:clamp(110px,calc(100dvh - 570px),240px)}
 .live-chat-notice{padding-top:7px;padding-bottom:7px;font-size:8px}
 .live-chat-form{padding:8px 10px}.live-chat-form textarea{min-height:43px;height:43px}.live-chat-compose button{min-height:26px}
 .live-chat-feedback:not(:empty){padding-bottom:5px}
 .site-live-rail .quick-promo-ribbon{min-height:110px;padding:12px}
 .site-live-rail .quick-promo-ribbon small{display:none}
 .site-live-rail .quick-promo-ribbon strong{margin-top:0;font-size:24px}
 .site-live-rail .quick-promo-ribbon b{margin-top:6px;font-size:18px}
 .site-live-rail .quick-promo-ribbon em{min-height:28px;margin-top:8px}
 .site-live-rail .quick-actions>a,.site-live-rail .quick-actions>button{min-height:56px;padding:7px}
}
@media(max-width:560px){.nickname-setup-dialog{padding:27px 22px;border-radius:20px}.nickname-setup-dialog h2{font-size:30px}.community-board-page{padding-bottom:100px}}

/* One leading red schedule per day, plus the home feature. */
/* The glow breathes; text and card backgrounds stay steady. */
.is-gold-highlight{border:5px solid #ffda4b;box-shadow:0 0 0 1px #d6a82a55;animation:gold-beacon 3.6s ease-in-out infinite}
.server-card.is-gold-highlight{padding:9px 10px 8px}
.is-gold-highlight::before{content:"";position:absolute;inset:-55% -80%;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fff5c100 45%,#fff5c12e 50%,#fff5c100 55%,transparent 60%);transform:translateX(-48%);animation:gold-sweep 5.4s ease-in-out infinite}
.server-card.is-gold-highlight>*{position:relative;z-index:1}
a.live-card.is-gold-highlight{color:#fff;text-decoration:none;border-width:6px;transition:transform .2s ease}
a.live-card.is-gold-highlight:hover{transform:translateY(-2px)}
.is-gold-highlight:focus-visible{outline:3px solid #0b63e5;outline-offset:4px}
@keyframes gold-beacon{0%,100%{border-color:#d6ad32;box-shadow:0 0 0 1px #d6a82a33,0 3px 12px #d4a52a12,inset 0 0 0 1px #fff0a610}48%,58%{border-color:#ffea83;box-shadow:0 0 0 1px #fff1aa99,0 0 13px #ffd7478c,0 0 24px #ffc62733,inset 0 0 10px #ffe16a38}}
@keyframes gold-sweep{0%,20%{transform:translateX(-48%);opacity:0}30%{opacity:1}72%{transform:translateX(48%);opacity:0}100%{transform:translateX(48%);opacity:0}}
/* Reclaimed heading space belongs to the representative server. */
.hero .live-panel{padding:13px;gap:11px}
.hero .live-card{min-height:242px;padding:27px 25px;background:radial-gradient(ellipse at 92% 5%,#25426388,transparent 62%),linear-gradient(140deg,#0d213e,#06142b)}
.hero .live-card>*{position:relative;z-index:1}
.hero .live-card::after{font-size:78px;right:17px;top:17px;color:#ffffff07;pointer-events:none}
.hero .live-card h2{font-size:clamp(30px,2.3vw,43px);line-height:1.13;letter-spacing:-.055em;text-wrap:balance}
.hero .live-card .mini-tags{margin-bottom:19px}
.hero .live-card .mini-tag{padding:6px 10px;border-color:#ffffff26;background:#ffffff0e;font-size:11px}
.hero .live-card .live-description{margin-top:13px;color:#d0def0;font-size:13px;line-height:1.7}
@media(max-width:1180px) and (min-width:761px){.hero .live-card{min-height:242px}.hero .live-panel .stat-row{grid-template-columns:1fr}}
@media(max-width:760px){.hero .live-card{min-height:232px;padding:24px 20px}.hero .live-card h2{font-size:34px}.hero .live-card .live-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.is-gold-highlight,.is-gold-highlight::before{animation:none}.is-gold-highlight{border-color:#ffdd58;box-shadow:0 0 0 1px #ffe99466,0 0 12px #ffcf3426}.is-gold-highlight::before{display:none}}
.live-example-count-note{margin:0;padding:0 14px 11px;color:#6e7892;font-size:9px;line-height:1.6}
.live-example-count-note[hidden], [data-live-example-note][hidden]{display:none}
[data-live-example-note]{display:block;margin-top:4px;color:#7b6995}
.live-message.is-example .live-chat-avatar{color:#8a6b9b;background:#f4eef8}
.live-example-badge{padding:1px 4px;border-radius:4px;color:#7e6296;background:#f3edf8;font-size:8px;white-space:nowrap}
@media(min-width:1680px){
 .quick-menu.site-live-rail{top:92px;bottom:20px;max-height:calc(100dvh - 112px);gap:12px;padding-bottom:0}
 .site-live-rail>.live-chat-card{display:flex;flex-direction:column;flex:1 0 280px;min-height:280px}
 .site-live-rail .live-chat-messages{height:0;min-height:110px;flex:1 1 auto}
 .site-live-rail .live-chat-card> :not(.live-chat-messages){flex-shrink:0}
 .site-live-rail .quick-promo-ribbon{min-height:120px;padding:14px}
 .site-live-rail .quick-actions>a,.site-live-rail .quick-actions>button{min-height:59px}
}

/* Other menus use a compact promotion rail; the lounge belongs to home. */
.quick-rail-page .site-live-rail.is-quick-only{gap:14px}
.quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon{min-height:208px;padding:22px 19px;border:1px solid #c2d8fa;border-radius:20px;background:radial-gradient(circle at 100% 0,#68aaff55,transparent 60%),linear-gradient(145deg,#1266ed,#0745bd);box-shadow:0 10px 26px #1c5fc51c;text-align:left}
.quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon small{display:block;min-height:0;color:#c6dfff;font-size:9px;letter-spacing:.16em}
.quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon strong{margin-top:19px;color:#ffe472;font-size:30px;letter-spacing:-.055em}
.quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon b{display:block;margin-top:8px;font-size:24px;line-height:1.32;letter-spacing:-.05em}
.quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon b br{display:block}
.quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon em{min-height:37px;margin-top:20px;border-radius:10px;font-size:11px;text-align:center}
.quick-rail-page .site-live-rail.is-quick-only .quick-actions{grid-template-columns:1fr;gap:9px}
.quick-rail-page .site-live-rail.is-quick-only .quick-actions>a,.quick-rail-page .site-live-rail.is-quick-only .quick-actions>button{min-height:68px;grid-template-columns:35px minmax(0,1fr);gap:10px;padding:12px 13px;border-radius:14px}
.quick-rail-page .site-live-rail.is-quick-only .quick-actions i{width:34px;height:34px;border-radius:11px;font-size:15px}
.quick-rail-page .site-live-rail.is-quick-only .quick-actions b{font-size:12px}
.quick-rail-page .site-live-rail.is-quick-only .quick-actions small{display:block;margin-top:4px;font-size:9px}
.quick-rail-page .mobile-live-dock{display:none}
@media(min-width:1680px){
 body.quick-rail-page{padding-right:282px}
 .quick-rail-page .quick-menu.site-live-rail.is-quick-only{top:92px;right:16px;bottom:auto;width:250px;max-height:calc(100dvh - 112px);padding-bottom:12px}
}
@media(max-width:1679px){
 .quick-rail-page .quick-menu.site-live-rail.is-quick-only{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:stretch;gap:14px;width:min(1440px,calc(100% - 40px));max-height:none;margin:18px auto 0;padding:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;z-index:1}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon{min-height:158px;padding:18px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon small{display:none}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon strong{margin-top:0;font-size:27px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon b{font-size:21px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon b br{display:none}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon em{min-height:32px;margin-top:12px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-actions{grid-template-columns:1fr 1fr;gap:10px}
 .quick-rail-page .site-footer{padding-bottom:34px}
}
@media(max-width:760px){
 .quick-rail-page .quick-menu.site-live-rail.is-quick-only{grid-template-columns:1fr;width:calc(100% - 32px);gap:9px;margin-top:12px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon{min-height:0;padding:15px 16px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;border-radius:14px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon strong{grid-column:1;font-size:22px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon b{grid-column:1;font-size:16px;margin-top:0}
 .quick-rail-page .site-live-rail.is-quick-only .quick-promo-ribbon em{grid-column:2;grid-row:1 / 3;align-self:center;margin:0;min-height:32px;padding:0 12px;font-size:9px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-actions{gap:7px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-actions>a,.quick-rail-page .site-live-rail.is-quick-only .quick-actions>button{min-height:53px;grid-template-columns:28px minmax(0,1fr);gap:7px;padding:8px 10px;border-radius:11px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-actions i{width:27px;height:27px;border-radius:9px;font-size:12px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-actions b{font-size:10px}
 .quick-rail-page .site-live-rail.is-quick-only .quick-actions small{font-size:8px}
}

/* Automatic promotions keep real clicks and generated exposure distinct. */
.board-automatic{flex:0 0 auto;padding:3px 5px;border:1px solid #bbd7f6;border-radius:4px;color:#2869a7;background:#eef6ff;font-size:8px;font-weight:750;white-space:nowrap}
.board-auto-exposure{display:block;margin-top:4px;color:#7691ac;font-size:8px;font-weight:500;white-space:nowrap}
.community-auto-notice{padding:13px 16px;border:1px solid #dce8f7;border-radius:10px;color:#6683a0;background:#f7fbff;font-size:12px;line-height:1.7}
.community-detail-body a{color:#0b63e5;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

.community-comment-list article>div.community-comment-actions{position:static;display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.community-comment-actions button{min-height:30px;padding:4px 10px;border:1px solid #e0e7f0;border-radius:6px;background:#fff;color:#6a7c93;font:inherit;font-size:11px;cursor:pointer}.community-comment-actions [data-community-delete-comment]{color:#d44545;border-color:#f2dada}.community-comment-actions button:disabled{opacity:.5;cursor:wait}.community-comment-actions button:focus-visible{outline:2px solid #0b63e5;outline-offset:2px}

.community-detail-body p{overflow-wrap:anywhere}

.operator-editor-access{padding-bottom:48px}.operator-editor-access .dashboard-panel{padding:24px}.operator-verify-form input[readonly]{background:#f1f5fa;color:#697c95;font-size:12px}.site-feature-form{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:18px;border:1px solid #dae4ef;border-radius:12px;background:#f8faff}.site-feature-form label{display:flex;align-items:center;gap:8px;font-weight:800}.site-feature-form p{flex-basis:100%;margin:0}.operator-approval-select{width:100%;max-width:480px;min-height:38px;padding:8px;border:1px solid #d5dfeb;border-radius:7px;background:#fff;font:inherit}.community-admin-card .operator-applicant{font-size:11px;overflow-wrap:anywhere}[data-reviews-enabled="false"] .review-only{display:none!important}

.live-history-button{display:block;width:100%;padding:9px 12px;border:0;border-bottom:1px solid #dce7f5;background:#f4f8ff;color:#42618a;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.live-history-button[hidden]{display:none}.live-history-button:hover{background:#eaf2ff}.live-history-button:disabled{opacity:.6;cursor:wait}

/* More readable header navigation, including desktop layouts with side rails. */
.site-header .nav-shell{min-height:90px;gap:24px;padding-block:14px}
.site-header .main-nav{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}
.site-header .main-nav>a{min-height:48px;padding:0 18px;font-size:16px;font-weight:800;line-height:1.3;white-space:nowrap;flex-shrink:0}
.site-header .main-nav>a:focus-visible{outline:3px solid #0b63e5;outline-offset:3px}
@media(max-width:1180px) and (min-width:821px){
 .site-header .nav-shell{gap:16px}
 .site-header .main-nav>a{min-height:46px;padding-inline:12px;font-size:15px}
}
@media(max-width:820px){
 .site-header .nav-shell{min-height:76px;gap:10px;padding-block:10px}
 .site-header .main-nav{flex-wrap:nowrap;gap:4px}
 .site-header .main-nav>.member-nav-link{min-height:44px;max-width:124px;padding-inline:12px;font-size:14px}
 .site-header .mobile-site-menu summary{min-height:46px;min-width:72px;padding:10px;font-size:15px}
 .site-header .mobile-site-menu nav{width:min(320px,calc(100vw - 24px));padding:10px}
 .site-header .mobile-site-menu nav a,.site-header .mobile-site-menu nav button{min-height:52px;padding:14px 16px;font-size:16px}
}
@media(max-width:560px){
 .site-header .nav-shell{gap:8px}
 .site-header .main-nav>.member-nav-link{max-width:104px;padding-inline:10px}
}
@media(max-width:420px){
 .site-header .brand{gap:8px}
 .site-header .brand-mark{width:36px;height:36px}
 .site-header .brand-copy strong{font-size:15px}
 .site-header .main-nav>.member-nav-link{max-width:84px;padding-inline:8px;font-size:13px}
 .site-header .mobile-site-menu summary{min-width:64px;padding-inline:8px;font-size:14px}
}

/* Put the main destinations beside the brand; keep account actions at the end. */
.site-header .main-nav{flex:1;margin-left:0;justify-content:flex-start}
.site-header .main-nav>#adminAddButton,.site-header .main-nav>.member-nav-link{margin-left:auto}
@media(min-width:821px){
 .site-header .main-nav>#adminAddButton:not([hidden])~.member-nav-link{margin-left:0}
}

.manual-promotion-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:24px;align-items:start}.manual-promotion-form,.manual-promotion-list-wrap{padding:24px;border:1px solid #d8e5f5;border-radius:18px;background:#fff}.manual-promotion-form h4{margin:0 0 20px;font-size:21px;color:#172c49}.manual-promotion-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;color:#334b6c;font-size:13px;font-weight:800}.manual-promotion-form input,.manual-promotion-form select,.manual-promotion-form textarea{width:100%;min-height:44px;padding:12px;border:1px solid #cdddf1;border-radius:10px;background:#fbfdff;color:#152c4b;font:inherit;font-size:14px;font-weight:500}.manual-promotion-form textarea{resize:vertical;line-height:1.65}.manual-promotion-dates{display:grid;grid-template-columns:1fr;gap:0}.manual-promotion-help{padding:14px;border-radius:10px;background:#f0f6ff;color:#587197;font-size:12px;line-height:1.8}.manual-promotion-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.manual-promotion-card{padding:20px 0;border-top:1px solid #e4edf7}.manual-promotion-card:first-child{border-top:0}.manual-promotion-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.manual-promotion-card-head strong{font-size:18px;color:#14365f}.manual-promotion-badge{padding:5px 9px;border-radius:999px;background:#e7f1ff;color:#075bcf;font-size:11px;font-weight:800;white-space:nowrap}.manual-promotion-badge.is-paused{background:#fff1d5;color:#996100}.manual-promotion-badge.is-ended{background:#edf0f4;color:#748096}.manual-promotion-card h5{margin:12px 0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.manual-promotion-period,.manual-promotion-counts,.manual-promotion-next{margin:7px 0;color:#657d9c;font-size:12px;line-height:1.7}.manual-promotion-next{color:#0b63e5}.manual-promotion-preview{margin-top:12px;padding:12px;border-radius:10px;background:#f6f9fd;color:#56708e;font-size:12px}.manual-promotion-preview summary{cursor:pointer;font-weight:700}.manual-promotion-preview p{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}#manualPromotionStatus{color:#1c589b;font-size:13px;line-height:1.6}
@media(max-width:1050px){.manual-promotion-layout{grid-template-columns:1fr}.manual-promotion-form,.manual-promotion-list-wrap{padding:18px}}

/* Keep the original brand dimensions while using the supplied Lineage emblem. */
.brand-logo{object-fit:contain;background:#050505!important;padding:0!important;border:0!important;flex-shrink:0}.brand .brand-logo{box-shadow:0 3px 10px #200d0626}.notice-channel-mark.brand-logo{border-radius:50%}.admin-entry-card .brand-logo{display:block}