:root {
  --bg: #eef1ed;
  --surface: #fbfbf7;
  --surface-2: #f2f0e8;
  --ink: #20231f;
  --muted: #697067;
  --line: #d8d8cf;
  --blue: #265f7e;
  --green: #3d6f54;
  --gold: #a06c22;
  --red: #a34e45;
  --shadow: 0 18px 48px rgba(33, 37, 31, 0.12);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(38, 95, 126, 0.1), transparent 38%),
    linear-gradient(225deg, rgba(160, 108, 34, 0.12), transparent 34%),
    var(--bg);
}

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

.app {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  border-right: 1px solid var(--line);
  background: rgba(251, 251, 247, 0.78);
  padding: 24px 18px;
  position: sticky;
  top: 0;
  height: 100vh;
}

.workspace-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--muted);
  font-size: 12px;
  background: rgba(242, 240, 232, .65);
}

.dot { width: 7px; height: 7px; border-radius: 50%; background: #5b936a; box-shadow: 0 0 0 3px rgba(91,147,106,.14); }
.nav a { position: relative; }
.nav em { float: right; font-style: normal; font-size: 11px; color: var(--gold); background: #f6ead5; border-radius: 99px; padding: 2px 6px; }
.sidebar-foot { position: absolute; bottom: 22px; left: 18px; right: 18px; border-top: 1px solid var(--line); padding-top: 16px; }
.sidebar-foot span, .sidebar-foot small { display: block; color: var(--muted); font-size: 11px; }
.sidebar-foot strong { display: block; margin: 5px 0; font-size: 13px; }

.eyebrow { display: inline-block; color: var(--blue); font-size: 11px; letter-spacing: .11em; font-weight: 800; }
.hero-home { display: flex; justify-content: space-between; gap: 28px; padding: 34px; background: linear-gradient(120deg, #fbfbf7 0%, #f5f0e5 100%); }
.hero-home h1, .inbox-hero h1 { margin-top: 12px; font-size: clamp(32px, 4vw, 52px); letter-spacing: -.04em; }
.hero h1 span { color: var(--blue); }
.hero-meta { align-self: end; min-width: 170px; padding-left: 20px; border-left: 1px solid var(--line); color: var(--muted); font-size: 12px; line-height: 1.6; }
.hero-meta strong { display: block; color: var(--ink); font-size: 18px; margin: 5px 0; }
.meta-label { color: var(--gold); font-weight: 700; }
.start-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 16px; }
.start-card { border: 1px solid var(--line); border-radius: 12px; padding: 24px; background: var(--surface); }
.start-card h2 { margin: 14px 0 8px; font-size: 24px; }
.start-card p { min-height: 46px; }
.ask-card { border-top: 4px solid var(--blue); }
.explore-card { border-top: 4px solid var(--green); }
.card-top { display: flex; align-items: center; justify-content: space-between; }
.number { color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.blue-tag { color: var(--blue); background: #e7eff3; }
.green-tag { color: var(--green); background: #e8f0e8; }
.subhead, .path-label { display: block; margin-top: 18px; color: var(--muted); font-size: 12px; font-weight: 700; }
.link-pills { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.link-pills a { padding: 8px 10px; border-radius: 7px; background: var(--surface-2); color: var(--muted); font-size: 12px; }
.link-pills a:hover { color: var(--ink); background: #e8e7de; }
.btn span { margin-left: 12px; font-size: 17px; }
.dark-outline { margin-top: 16px; border-color: var(--ink); width: 100%; }
.learning-path { margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--line); }
.learning-path div { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 9px; color: var(--ink); font-size: 12px; }
.learning-path i { color: var(--muted); font-style: normal; }
.section-head { display: flex; align-items: end; justify-content: space-between; margin: 30px 0 12px; }
.section-head h2 { margin: 5px 0 0; font-size: 23px; letter-spacing: -.03em; }
.section-head > a { color: var(--muted); font-size: 12px; }
.section-note { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.trigger-head { margin-top: 30px; }
.trigger-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.trigger-card { display: grid; grid-template-columns: 31px 1fr auto; gap: 12px; align-items: start; padding: 17px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.trigger-card:hover { border-color: var(--blue); box-shadow: 0 8px 20px rgba(33,37,31,.06); }
.trigger-index { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: var(--blue); background: #e7eff3; font-size: 12px; font-weight: 800; }
.trigger-card strong { display: block; font-size: 13px; }.trigger-card span:not(.trigger-index) { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.4; }.trigger-card > em { color: var(--gold); font-size: 11px; font-style: normal; font-weight: 800; }
.trigger-route { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 12px; }.trigger-route b { padding: 5px 7px; border-radius: 5px; color: var(--ink); background: var(--surface-2); font-size: 10px; }.trigger-route i { color: var(--muted); font-size: 11px; font-style: normal; }
.operator-playbook { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }.playbook-head { display: flex; justify-content: space-between; align-items: end; }.playbook-head h3 { margin: 6px 0 0; font-size: 20px; }.playbook-badge { padding: 5px 8px; border-radius: 5px; color: var(--green); background: #e8f0e8; font-size: 11px; font-weight: 700; }.playbook-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 16px; }.playbook-grid article { padding: 16px; border: 1px solid var(--line); border-radius: 9px; background: #fff; scroll-margin-top: 20px; }.step-label { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .1em; }.playbook-grid h4 { margin: 8px 0 6px; font-size: 14px; }.playbook-grid article > p { min-height: 34px; margin: 0 0 12px; font-size: 12px; }.check-row { display: grid; grid-template-columns: 20px 1fr; gap: 8px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 11px; }.check-row > b { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #fff; background: var(--ink); font-size: 10px; }.check-row strong { display: inline; margin-right: 5px; color: var(--ink); }.check-row span { color: var(--muted); line-height: 1.45; }
.recent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.recent-card { display: grid; grid-template-columns: 36px 1fr 16px; align-items: center; gap: 10px; min-height: 92px; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.recent-card:hover { border-color: var(--blue); transform: translateY(-1px); }
.recent-card strong { display: block; font-size: 13px; line-height: 1.4; }
.recent-card span:not(.recent-icon) { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.recent-card > b { color: var(--muted); }
.recent-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; font-weight: 800; }
.amber { color: var(--gold); background: #f6ead5; }.red { color: var(--red); background: #f6e3df; }.blue { color: var(--blue); background: #e7eff3; }
.today-head { margin-top: 30px; }.inbox-link { color: var(--ink) !important; font-weight: 700; }.inbox-link span { display: inline-grid; place-items: center; width: 20px; height: 20px; margin: 0 4px; border-radius: 50%; color: #fff; background: var(--ink); font-size: 11px; }
.today-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.today-card { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 17px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.today-card strong { font-size: 13px; }.today-card p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }.today-card b { color: var(--muted); font-size: 11px; white-space: nowrap; }
.today-count { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: #fff; font-weight: 800; }.orange { background: #c07a2d; }.purple { background: #8069a8; }.teal { background: #468d87; }
.pack-strip { display: flex; align-items: center; gap: 28px; margin-top: 30px; padding: 22px 24px; border-radius: 12px; background: var(--ink); color: var(--surface); }.pack-strip h2 { margin: 7px 0 4px; font-size: 18px; }.pack-strip p { margin: 0; color: #b6c0b8; font-size: 12px; }.pack-strip .eyebrow { color: #9bb7a2; }.pack-stats { display: flex; align-items: baseline; gap: 5px 9px; margin-left: auto; color: #c3cdc2; font-size: 11px; }.pack-stats strong { color: #fff; font-size: 23px; }.pack-stats span { margin-right: 8px; }.pack-strip .btn { flex-shrink: 0; background: var(--surface); color: var(--ink); border-color: var(--surface); }
.inbox-hero { display: flex; justify-content: space-between; align-items: end; background: linear-gradient(120deg, #fbfbf7, #f0eee6); }.inbox-summary { display: grid; grid-template-columns: auto auto; gap: 2px 10px; min-width: 180px; padding: 16px 0 2px 22px; border-left: 1px solid var(--line); color: var(--muted); font-size: 12px; }.inbox-summary strong { color: var(--ink); font-size: 28px; line-height: 1; }.inbox-summary hr { grid-column: 1 / -1; width: 100%; border: 0; border-top: 1px solid var(--line); margin: 10px 0; }
.filter-row { display: flex; gap: 8px; margin: 20px 0 12px; }.filter { border: 1px solid var(--line); border-radius: 99px; padding: 9px 13px; background: var(--surface); color: var(--muted); cursor: pointer; }.filter span { margin-left: 5px; color: var(--ink); font-weight: 700; }.filter.active { border-color: var(--ink); background: var(--ink); color: #fff; }.filter.active span { color: #fff; }
.inbox-list { display: grid; gap: 10px; }.inbox-item { display: grid; grid-template-columns: 10px 1fr auto; gap: 17px; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }.inbox-dot { width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; }.inbox-content h2 { margin: 7px 0 5px; font-size: 16px; }.inbox-content p { margin: 0; color: var(--muted); font-size: 13px; }.item-meta { display: flex; gap: 10px; color: var(--muted); font-size: 11px; }.item-meta span:first-child { color: var(--gold); font-weight: 700; }.item-actions { display: flex; gap: 8px; margin-top: 15px; }.item-actions .btn { padding: 8px 11px; font-size: 12px; }.confidence { height: fit-content; padding: 5px 8px; border-radius: 5px; color: var(--gold); background: #f6ead5; font-size: 11px; white-space: nowrap; }

.brand {
  margin-bottom: 24px;
}

.brand strong {
  display: block;
  font-size: 18px;
}

.brand span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

.nav {
  display: grid;
  gap: 8px;
}

.nav a {
  display: block;
  border-radius: 8px;
  padding: 12px;
  color: var(--muted);
}

.nav a.active,
.nav a:hover {
  background: var(--surface-2);
  color: var(--ink);
}

.main {
  padding: 28px;
}

.topbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 22px;
}

.crumb {
  color: var(--muted);
  font-size: 13px;
}

.status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--green);
  font-size: 13px;
  font-weight: 700;
}

.status:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green);
}

.hero {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  padding: 28px;
  margin-bottom: 18px;
}

.hero h1 {
  margin: 0 0 12px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.08;
  max-width: 860px;
}

.hero p {
  margin: 0;
  color: var(--muted);
  max-width: 760px;
  line-height: 1.6;
}

.question-box {
  margin-top: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.question-box input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  font: inherit;
  background: #fff;
}

.btn {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px 16px;
  background: var(--surface);
  color: var(--ink);
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn.primary {
  background: var(--ink);
  color: var(--surface);
  border-color: var(--ink);
}

.layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.75fr);
  gap: 18px;
}

.grid {
  display: grid;
  gap: 14px;
}

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

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

.panel,
.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.panel {
  padding: 22px;
}

.card {
  padding: 18px;
}

.panel h2,
.card h3 {
  margin: 0 0 12px;
}

.card p,
.panel p,
.card li,
.panel li {
  color: var(--muted);
  line-height: 1.55;
}

.card p,
.panel p {
  margin: 0;
}

ul {
  margin: 10px 0 0;
  padding-left: 18px;
}

li {
  margin: 7px 0;
}

.tag {
  display: inline-flex;
  border-radius: 999px;
  padding: 4px 9px;
  background: var(--surface-2);
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}

.route {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.route a {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 14px;
}

.route a.active {
  border-color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--ink);
}

.route strong {
  display: block;
  margin-bottom: 4px;
}

.route span {
  color: var(--muted);
  font-size: 13px;
}

.evidence {
  display: grid;
  gap: 10px;
}

.evidence-row {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 10px;
}

.evidence-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.evidence-row strong {
  font-size: 13px;
}

.evidence-row span {
  color: var(--muted);
  font-size: 13px;
}

.answer-section {
  border-left: 4px solid var(--line);
  padding-left: 14px;
  margin-top: 18px;
}

.answer-section.confirmed {
  border-left-color: var(--green);
}

.answer-section.need-check {
  border-left-color: var(--gold);
}

.answer-section.risk {
  border-left-color: var(--red);
}

.map {
  display: grid;
  gap: 10px;
}

.map-node {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 8px;
  padding: 14px;
}

.map-node strong {
  display: block;
}

.map-node span {
  color: var(--muted);
  display: block;
  font-size: 13px;
  margin-top: 3px;
}

.map-node.selected {
  border-color: var(--blue);
  box-shadow: inset 4px 0 0 var(--blue);
}

.split {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 300px;
  gap: 16px;
}

.object-list {
  display: grid;
  gap: 8px;
}

.object-list a {
  border-radius: 8px;
  padding: 11px 12px;
  background: var(--surface-2);
  color: var(--muted);
}

.object-list a.active {
  background: var(--ink);
  color: var(--surface);
}
.object-list a.pack-source { margin-top: 6px; background: #e8f0e8; color: var(--green); font-weight: 800; }
.knowledge-summary { margin-top: 22px; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #f7f6ef; }
.summary-head { display: flex; justify-content: space-between; align-items: end; gap: 12px; }.summary-head h3 { margin: 6px 0 0; font-size: 19px; }
.summary-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 15px; }.summary-grid article { padding: 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }.summary-grid article > span { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .04em; }.summary-grid strong { display: block; margin-top: 6px; font-size: 12px; line-height: 1.45; }.summary-grid p { margin-top: 6px; font-size: 11px; line-height: 1.45; }

.unit-library { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.unit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 15px; }
.unit-grid a { display: grid; grid-template-columns: 26px 1fr; gap: 2px 8px; padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.unit-grid a:hover { border-color: var(--blue); text-decoration: none; }
.unit-grid b { grid-row: span 2; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 7px; color: var(--blue); background: #e7eff3; font-size: 10px; }
.unit-grid strong { font-size: 12px; }.unit-grid span { color: var(--muted); font-size: 10px; line-height: 1.4; }
.home-minimal { background: #f7f8f6; }.home-main { min-height: 100vh; display: flex; flex-direction: column; }.home-content { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 54px; align-items: center; max-width: 1180px; width: 100%; margin: 0 auto; padding: 5vh 5vw 3vh; }.welcome-area { width: min(650px, 100%); margin: 0 auto; text-align: center; }.welcome-mark { display: flex; justify-content: center; gap: 6px; margin-bottom: 22px; }.welcome-mark span { width: 9px; height: 9px; border-radius: 50%; background: var(--blue); opacity: .35; }.welcome-mark span:nth-child(2) { background: var(--green); opacity: .85; transform: translateY(-3px); }.welcome-mark span:nth-child(3) { background: var(--gold); opacity: .55; }.welcome-area h1 { margin: 12px 0 8px; font-size: clamp(34px, 4.5vw, 54px); letter-spacing: -.06em; }.welcome-sub { margin: 0; color: var(--muted); font-size: 14px; }.home-ask { display: flex; align-items: center; gap: 10px; margin: 30px auto 0; padding: 7px 8px 7px 18px; border: 1px solid #cfd4cf; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(32,35,31,.08); text-align: left; }.home-ask:focus-within { border-color: var(--blue); box-shadow: 0 12px 34px rgba(38,95,126,.13); }.home-ask input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font: inherit; }.home-ask input::placeholder { color: #9da59e; }.home-ask button { display: grid; place-items: center; width: 35px; height: 35px; border: 0; border-radius: 11px; background: var(--ink); color: #fff; font-size: 20px; cursor: pointer; }.suggested-questions { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin-top: 14px; }.suggested-questions a { padding: 7px 10px; border: 1px solid #dfe3de; border-radius: 99px; color: var(--muted); background: rgba(255,255,255,.55); font-size: 11px; }.suggested-questions a:hover { color: var(--ink); border-color: var(--blue); text-decoration: none; }.explore-rail { width: 100%; padding: 22px; border: 1px solid #dde1dc; border-radius: 18px; background: rgba(255,255,255,.78); box-shadow: 0 16px 40px rgba(32,35,31,.06); }.rail-head { display: flex; align-items: end; justify-content: space-between; }.rail-head h2 { margin: 5px 0 0; padding: 0; border: 0; font-size: 21px; }.rail-head > a { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); }.explore-rail > p { margin: 7px 0 16px; color: var(--muted); font-size: 12px; }.rail-list { display: grid; gap: 7px; }.rail-list a { display: grid; grid-template-columns: 29px 1fr 12px; align-items: center; gap: 9px; padding: 10px; border-radius: 10px; background: #f4f5f1; }.rail-list a:hover { background: #eaf0eb; text-decoration: none; }.rail-icon { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; font-size: 9px; font-weight: 800; }.rail-icon.blue { color: var(--blue); background: #e3edf1; }.rail-icon.green { color: var(--green); background: #e4eee5; }.rail-icon.amber { color: var(--gold); background: #f5ead8; }.rail-icon.purple { color: #7862a0; background: #eee9f5; }.rail-list strong, .rail-list small { display: block; }.rail-list strong { font-size: 11px; }.rail-list small { margin-top: 3px; color: var(--muted); font-size: 10px; }.rail-list b { color: var(--muted); font-size: 18px; font-weight: 400; }.rail-footer { display: flex; justify-content: space-between; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--blue); font-size: 11px; font-weight: 700; }.home-bottom { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 0 0 24px; color: #8a948c; font-size: 11px; }.home-bottom a { color: var(--muted); }.home-bottom b { display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: 3px; border-radius: 99px; color: #fff; background: var(--ink); font-size: 10px; }.bottom-dot { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; }.bottom-dot.orange { background: var(--gold); }
.explore-hero { padding: 30px 34px; }.explore-hero h1 { margin: 12px 0 10px; font-size: clamp(30px, 4vw, 48px); }.explore-hero .btn { margin-top: 18px; }
.explore-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 16px; margin-top: 18px; }.unit-sidebar { align-self: start; position: sticky; top: 18px; }.unit-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 14px; }.unit-heading h2 { margin: 5px 0 0; font-size: 19px; }.unit-total { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--ink); color: var(--surface); font-size: 12px; font-weight: 800; }.unit-sidebar .object-list a { font-size: 12px; }.unit-detail { min-width: 0; }.detail-heading { display: flex; justify-content: space-between; gap: 16px; align-items: start; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.detail-heading h2 { margin: 8px 0 7px; border: 0; padding: 0; font-size: 25px; }.detail-heading p { margin: 0; }.requested-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }.requested-fields article { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 15px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }.field-number { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; background: #e7eff3; color: var(--blue); font-size: 10px; font-weight: 800; }.requested-fields h3 { margin: 0 0 6px; font-size: 14px; }.requested-fields p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }.detail-footer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }.detail-footer .btn { font-size: 12px; }
.embed-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.toolbar-chip { display: inline-flex; align-items: center; padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.72); color: var(--muted); font-size: 12px; font-weight: 700; }
.toolbar-chip.active, .toolbar-chip:hover { border-color: var(--ink); background: var(--ink); color: #fff; text-decoration: none; }
.embedded-pack-shell { overflow: hidden; min-height: calc(100vh - 120px); border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: var(--shadow); }
.pack-frame { width: 100%; height: calc(100vh - 120px); border: 0; background: #fff; }
.ask-query { margin-bottom: 16px; }.ask-query .question-box { margin-top: 12px; }.answer-hero { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(120deg, #fbfbf7, #f3eee4); }.answer-hero h1 { margin: 10px 0; font-size: clamp(28px, 4vw, 44px); }.answer-hero p { max-width: 760px; margin: 0; color: var(--muted); }.match-score { min-width: 120px; padding-left: 20px; border-left: 1px solid var(--line); }.match-score strong { display: block; color: var(--blue); font-size: 44px; line-height: 1; }.match-score span, .match-score small { display: block; color: var(--muted); font-size: 12px; }.match-score small { margin-top: 8px; }.result-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 10px; align-items: center; margin: 14px 0; }.flow-step { padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }.flow-step span { display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 5px; border-radius: 50%; background: var(--ink); color: #fff; font-size: 10px; }.flow-step strong { font-size: 12px; }.flow-step small { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.4; }.result-flow > i { color: var(--muted); font-style: normal; }.result-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .65fr); gap: 16px; }.result-main { min-width: 0; }.result-section { padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }.result-section:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }.result-label { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.result-section h2 { margin: 8px 0; padding: 0; border: 0; font-size: 22px; }.result-section p { margin: 0; color: var(--muted); line-height: 1.6; }.text-link { display: inline-block; margin-top: 12px; color: var(--blue); font-size: 12px; font-weight: 700; }.operation-table { display: grid; gap: 8px; margin-top: 12px; }.operation-table div { display: grid; grid-template-columns: 190px 1fr; gap: 12px; padding: 11px 12px; border-radius: 7px; background: var(--surface-2); }.operation-table b { font-size: 12px; }.operation-table span { color: var(--muted); font-size: 12px; line-height: 1.5; }.action-list { margin: 12px 0 0; padding-left: 22px; }.action-list li { color: var(--muted); font-size: 13px; line-height: 1.6; }.split-info { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }.history-box { padding: 16px; border: 1px solid #eadab9; border-radius: 8px; background: #fffaf0; }.history-note { display: block; margin-top: 10px; color: var(--gold); font-size: 11px; }.result-side { display: grid; align-content: start; gap: 16px; }.contact-list { display: grid; gap: 12px; margin-top: 14px; }.contact-list div { padding-bottom: 11px; border-bottom: 1px solid var(--line); }.contact-list div:last-child { border-bottom: 0; padding-bottom: 0; }.contact-list strong, .contact-list span { display: block; }.contact-list strong { font-size: 13px; }.contact-list span { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }.contact-caution { margin: 16px 0 0; color: var(--gold); font-size: 11px; line-height: 1.5; }.term-list { display: grid; gap: 10px; margin: 14px 0 0; }.term-list div { padding-bottom: 9px; border-bottom: 1px solid var(--line); }.term-list dt { font-weight: 800; font-size: 12px; }.term-list dd { margin: 3px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }.source-list { margin: 14px 0 0; padding-left: 18px; }.source-list li { margin: 8px 0; font-size: 12px; line-height: 1.4; }
.question-display { margin-top: 12px; font-size: 18px; font-weight: 700; }

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

.mini-table th,
.mini-table td {
  border-bottom: 1px solid var(--line);
  text-align: left;
  padding: 10px 0;
  color: var(--muted);
  font-size: 13px;
}

.mini-table th {
  color: var(--ink);
}

@media (max-width: 980px) {
  .app {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
  }

  .layout,
  .split,
  .grid.cols-2,
  .grid.cols-3,
  .route {
    grid-template-columns: 1fr;
  }
  .start-grid, .recent-grid, .today-grid { grid-template-columns: 1fr; }
  .trigger-grid, .playbook-grid { grid-template-columns: 1fr; }
  .summary-grid { grid-template-columns: 1fr; }
  .unit-grid { grid-template-columns: 1fr; }
  .pack-frame, .embedded-pack-shell { height: 72vh; min-height: 72vh; }
  .explore-layout { grid-template-columns: 1fr; }.unit-sidebar { position: static; }.requested-fields { grid-template-columns: 1fr; }.detail-heading { display: block; }.detail-heading .confidence { display: inline-block; margin-top: 12px; }
  .answer-hero { display: block; }.match-score { margin-top: 18px; padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--line); }.result-flow { grid-template-columns: 1fr; }.result-flow > i { transform: rotate(90deg); justify-self: center; }.result-layout, .split-info { grid-template-columns: 1fr; }.operation-table div { grid-template-columns: 1fr; gap: 4px; }
  .home-content { grid-template-columns: 1fr; gap: 28px; padding-top: 3vh; }.welcome-area { max-width: 600px; }.explore-rail { max-width: 600px; margin: 0 auto; }.home-bottom { padding-top: 4px; }
  .hero-home, .inbox-hero { display: block; }
  .hero-meta, .inbox-summary { margin-top: 22px; padding: 14px 0 0; border-left: 0; border-top: 1px solid var(--line); }
  .pack-strip { flex-wrap: wrap; }
  .pack-stats { margin-left: 0; }
}

@media (max-width: 640px) {
  .main {
    padding: 16px;
  }

  .question-box,
  .evidence-row {
    grid-template-columns: 1fr;
  }
}

/* ===== v2: 지식 DB 연동 화면 추가 스타일 ===== */
mark { background: rgba(240,143,54,.28); color: inherit; border-radius: 3px; padding: 0 2px; }
.side-text { margin: 6px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--ink, #17211c); }
.note-block { font-size: 13.5px; line-height: 1.7; }
.note-block .doc-table { min-width: 420px; }
.ext-source { display: inline-block; padding: 2px 8px; border-radius: 999px; background: rgba(240,143,54,.16); font-size: 12px; font-weight: 700; }
.related-list { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.related-list a { display: flex; align-items: baseline; gap: 8px; padding: 9px 11px; border: 1px solid rgba(23,33,28,.12); border-radius: 12px; font-size: 13px; text-decoration: none; }
.related-list a:hover { background: rgba(19,111,99,.06); }
.related-list b { font-size: 12px; letter-spacing: .04em; opacity: .7; }
.related-list small { margin-left: auto; opacity: .55; font-size: 11px; }
.why-panel .why { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 8px; }
.why-panel .why span { border-radius: 999px; padding: 3px 9px; background: rgba(19,111,99,.1); font-size: 11px; font-weight: 700; }
.why-note { font-size: 12px; opacity: .65; line-height: 1.6; margin: 6px 0 0; }
.empty-state { padding: 44px 40px; }
.empty-state h2 { margin: 0 0 10px; }
.empty-state p { max-width: 620px; line-height: 1.7; }

/* ===== v2: Explore ===== */
.embed-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.embed-toolbar .toolbar-chip { border: 1px solid rgba(23,33,28,.14); background: #fff; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; padding: 8px 14px; border-radius: 999px; color: inherit; }
.embed-toolbar .toolbar-chip.active { background: #0d3d38; color: #fff; border-color: #0d3d38; }
.tree-search { display: flex; gap: 6px; margin-left: auto; }
.tree-filter { min-width: 240px; padding: 8px 13px; border: 1px solid rgba(23,33,28,.14); border-radius: 999px; font: inherit; font-size: 13px; }
.tree-search .btn { padding: 8px 16px; border-radius: 999px; font-size: 13px; }
.toolbar-note { font-size: 12px; opacity: .55; }

.explore-shell { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 18px; align-items: start; margin-top: 16px; }
.explore-tree { position: sticky; top: 16px; max-height: calc(100vh - 150px); overflow: auto; padding: 12px; border: 1px solid rgba(23,33,28,.12); border-radius: 20px; background: rgba(255,255,255,.7); }
.tree-group { margin-bottom: 12px; }
.tree-group-head { display: flex; align-items: center; gap: 7px; width: 100%; padding: 7px 9px; font-size: 12px; font-weight: 800; letter-spacing: .02em; opacity: .72; border: 0; background: none; text-align: left; font-family: inherit; }
button.tree-group-head { cursor: pointer; border-radius: 10px; }
button.tree-group-head:hover { background: rgba(19,111,99,.07); opacity: 1; }
button.tree-group-head.on { background: rgba(19,111,99,.12); opacity: 1; }
.tree-group-head b { font-size: 11px; padding: 1px 6px; border-radius: 5px; background: rgba(19,111,99,.14); }
.tree-group-head em { margin-left: auto; font-style: normal; opacity: .6; font-size: 11px; }
.tree-item { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; margin-bottom: 2px; border: 0; border-radius: 11px; background: none; font: inherit; font-size: 13px; text-align: left; cursor: pointer; color: inherit; }
.tree-item:hover { background: rgba(19,111,99,.07); }
.tree-item.on { background: #0d3d38; color: #fff; }
.tree-item.sec { padding-left: 22px; font-size: 12.5px; opacity: .9; }
.unit-id { font-size: 11px; font-weight: 800; opacity: .65; min-width: 26px; }
.tree-item.on .unit-id { opacity: .85; }
.unit-title { flex: 1; line-height: 1.4; }
.unit-status { font-size: 10px; }
.unit-status.s3 { color: #2f9e6f; } .unit-status.s2 { color: #e0912f; } .unit-status.s1 { color: #c9553d; }
.tree-item.on .unit-status { color: #fff; }

.explore-content { min-width: 0; padding: 30px 34px; border: 1px solid rgba(23,33,28,.12); border-radius: 24px; background: rgba(255,255,255,.82); }
.unit-head { display: flex; gap: 20px; align-items: flex-start; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid rgba(23,33,28,.1); }
.unit-head h1 { margin: 10px 0 8px; font-size: 27px; letter-spacing: -.03em; }
.unit-trigger { margin: 0; max-width: 720px; line-height: 1.65; font-size: 14px; opacity: .85; }
.unit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; margin-top: 22px; }
.unit-field { padding: 16px 18px; border: 1px solid rgba(23,33,28,.1); border-radius: 16px; background: #fff; }
.unit-field p { margin: 7px 0 0; font-size: 13.5px; line-height: 1.7; }
.unit-field .action-list { margin: 8px 0 0; padding-left: 18px; }
.unit-field .action-list li { font-size: 13.5px; line-height: 1.65; margin-bottom: 7px; }
.unit-notes { margin-top: 22px; padding: 18px 20px; border: 1px solid rgba(240,143,54,.3); border-radius: 16px; background: rgba(255,247,232,.6); }
.unit-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(23,33,28,.1); }
.muted { opacity: .5; font-size: 13px; }

.doc-body { margin-top: 22px; }
.doc-section { padding: 16px 0; border-bottom: 1px solid rgba(23,33,28,.08); scroll-margin-top: 16px; }
.doc-section.focus { background: rgba(240,143,54,.09); border-radius: 14px; padding: 16px 18px; border-bottom: 0; box-shadow: 0 0 0 1px rgba(240,143,54,.32); }
.doc-section-title { margin: 0 0 10px; font-size: 17px; letter-spacing: -.02em; }
.doc-h { margin: 16px 0 8px; font-size: 14.5px; }
.doc-p { margin: 8px 0; font-size: 13.5px; line-height: 1.75; }
.doc-ul, .doc-ol { margin: 8px 0; padding-left: 20px; }
.doc-ul li, .doc-ol li { font-size: 13.5px; line-height: 1.7; margin-bottom: 5px; }
.doc-pre { padding: 14px 16px; border-radius: 12px; background: #10241f; color: #f7fff9; font-size: 12.5px; overflow: auto; }
.doc-table-wrap { overflow-x: auto; margin: 12px 0; border: 1px solid rgba(23,33,28,.12); border-radius: 12px; background: #fff; }
.doc-table { width: 100%; border-collapse: collapse; min-width: 460px; }
.doc-table th, .doc-table td { padding: 9px 11px; border-bottom: 1px solid rgba(23,33,28,.09); font-size: 12.5px; line-height: 1.6; text-align: left; vertical-align: top; }
.doc-table th { background: #f3efe3; font-weight: 800; }
.doc-table tr:last-child td { border-bottom: 0; }
.doc-link { text-decoration: underline; text-decoration-style: dotted; opacity: .8; }
@media (max-width: 1080px) { .explore-shell { grid-template-columns: 1fr; } .explore-tree { position: static; max-height: 320px; } }
.unit-head .btn { white-space: nowrap; flex-shrink: 0; align-self: flex-start; }
.unit-head > div:first-child { min-width: 0; }
.unit-head h1 { word-break: keep-all; }
.explore-shell { grid-template-columns: 268px minmax(0, 1fr); }
.doc-table { min-width: 780px; }
.doc-table th { white-space: nowrap; }
.doc-table td { min-width: 108px; word-break: keep-all; }
.doc-table td:first-child, .doc-table th:first-child { min-width: 92px; }

/* ===== v2: Update ===== */
.inbox-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 18px; align-items: start; }
.inbox-side { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 16px; }
.inbox-dot.grey { background: #9aa5a0; }
.confidence.sev-high { background: rgba(201,85,61,.14); color: #a8412c; }
.confidence.sev-medium { background: rgba(240,143,54,.16); color: #a4661f; }
.confidence.sev-low { background: rgba(19,111,99,.12); color: #0d5148; }
.review-note { margin-top: 6px; padding: 8px 11px; border-radius: 10px; background: rgba(19,111,99,.08); font-size: 12.5px; }
.accepted-list { margin-top: 10px; display: flex; flex-direction: column; gap: 8px; max-height: 260px; overflow: auto; }
.accepted-item { padding: 9px 11px; border: 1px solid rgba(19,111,99,.18); border-radius: 11px; background: rgba(19,111,99,.05); }
.accepted-item b { display: block; font-size: 11px; letter-spacing: .04em; opacity: .7; margin-bottom: 3px; }
.accepted-item span { font-size: 12.5px; line-height: 1.5; }

.review-dlg { width: min(720px, calc(100vw - 40px)); padding: 0; border: 0; border-radius: 24px; box-shadow: 0 30px 90px rgba(13,61,56,.3); }
.review-dlg::backdrop { background: rgba(13,61,56,.4); backdrop-filter: blur(3px); }
.review-body { padding: 28px 30px 24px; font: inherit; }
.review-body header h2 { margin: 10px 0 0; font-size: 21px; line-height: 1.35; letter-spacing: -.02em; }
.review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 20px 0; }
.review-grid p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.65; }
.review-target { padding: 14px 16px; border: 1px solid rgba(23,33,28,.12); border-radius: 14px; background: #fbfaf6; }
.target-line { margin: 6px 0 0; font-size: 14px; }
.target-current { margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(23,33,28,.16); }
.target-current span { font-size: 11px; font-weight: 800; letter-spacing: .06em; opacity: .55; }
.target-current p { margin: 4px 0 0; font-size: 13px; line-height: 1.6; }
.review-field { display: block; margin: 18px 0 6px; }
.review-field textarea { width: 100%; margin-top: 7px; padding: 11px 13px; border: 1px solid rgba(23,33,28,.16); border-radius: 12px; font: inherit; font-size: 13.5px; resize: vertical; }
.review-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.btn.ghost { margin-left: auto; background: none; border-color: transparent; opacity: .6; }
@media (max-width: 1080px) { .inbox-layout { grid-template-columns: 1fr; } .inbox-side { position: static; } .review-grid { grid-template-columns: 1fr; } }
.confidence-banner { margin-bottom: 16px; padding: 16px 20px; border-radius: 18px; border: 1px solid rgba(201,85,61,.28); background: rgba(201,85,61,.07); }
.confidence-banner.medium { border-color: rgba(240,143,54,.36); background: rgba(240,143,54,.09); }
.confidence-banner strong { display: block; font-size: 15px; margin-bottom: 5px; }
.confidence-banner p { margin: 0 0 8px; font-size: 13.5px; line-height: 1.65; }
.confidence-banner b { font-weight: 800; padding: 1px 5px; border-radius: 5px; background: rgba(255,255,255,.75); }

/* ===== v2: Copilot Home (도메인 포털) ===== */
.hero-note { margin: 10px 0 0; font-size: 12.5px; color: var(--muted); }
.domain-card { display: block; text-decoration: none; color: inherit; position: relative; transition: transform .12s ease, box-shadow .12s ease; }
a.domain-card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(13,61,56,.1); border-color: rgba(19,111,99,.35); }
.domain-card.is-example { opacity: .82; cursor: default; }
.domain-card.is-example:hover { transform: none; box-shadow: none; }
.status-live { background: rgba(47,158,111,.14); color: #1f7a4d; }
.status-example { background: rgba(23,33,28,.08); color: var(--muted); font-weight: 800; }
.card-enter { display: inline-block; margin-top: 12px; font-size: 12px; font-weight: 800; color: var(--blue); }
.card-enter.muted { color: var(--muted); font-weight: 700; }
.side-note { font-size: 12.5px; color: var(--muted); margin: 4px 0 0; }
.stat-card { text-align: left; }
.stat-card h3 { margin: 0; font-size: 28px; letter-spacing: -.02em; }
.stat-card p { margin: 4px 0 0 !important; font-size: 12.5px; font-weight: 700; }
.stat-card small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }

/* ===== v2: 사이드바 접기/펼치기 ===== */
.app { transition: grid-template-columns .16s ease; }
.app.sb-collapsed { grid-template-columns: 68px minmax(0, 1fr); }
.sidebar { transition: padding .16s ease; }
.sb-collapsed .sidebar { padding-left: 10px; padding-right: 10px; }
.sidebar-toggle {
  position: absolute; top: 22px; right: -13px; z-index: 5;
  width: 26px; height: 26px; display: grid; place-items: center;
  border: 1px solid var(--line); border-radius: 50%;
  background: var(--surface); color: var(--muted); font-size: 13px; line-height: 1;
  cursor: pointer; box-shadow: 0 2px 6px rgba(32,35,31,.14);
}
.sidebar-toggle:hover { color: var(--ink); border-color: var(--blue); }
.sb-collapsed .brand span,
.sb-collapsed .workspace-chip,
.sb-collapsed .sidebar-foot,
.sb-collapsed .nav em { display: none; }
.sb-collapsed .brand strong { font-size: 0; }
.sb-collapsed .brand strong::first-letter { font-size: 20px; font-weight: 900; }
.sb-collapsed .nav a { font-size: 0; text-align: center; padding: 12px 0; }
.sb-collapsed .nav a::first-letter { font-size: 15px; font-weight: 800; }

/* ===== v2: Copilot Home hero 축소 (포털 메인다운 절제) ===== */
.hero-portal { padding: 26px 30px; }
.hero-portal h1 { font-size: clamp(19px, 1.8vw, 23px); margin: 6px 0 0; letter-spacing: -.02em; }
.hero-portal .question-box { max-width: 620px; margin-top: 18px; word-break: keep-all; }
.hero-portal .question-box input { padding: 13px 16px; }
.hero-portal .btn { padding: 0 18px; }

/* ===== v2: 답변 → Explore 최상위 근거로 이동 ===== */
.jump-to-explore {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin: 12px 0 18px; padding: 13px 18px; border-radius: 12px;
  border: 1px solid rgba(19,111,99,.28); background: rgba(19,111,99,.06);
  text-decoration: none; color: inherit;
}
.jump-to-explore:hover { background: rgba(19,111,99,.11); }
.jump-to-explore span { font-size: 11.5px; font-weight: 800; letter-spacing: .02em; color: var(--blue); text-transform: uppercase; }
.jump-to-explore b { font-size: 13.5px; font-weight: 700; }
.jump-to-explore i { margin-left: auto; font-style: normal; color: var(--blue); font-weight: 800; }

/* ===== v2: mermaid 도식 (원본 팩 스타일 이식) ===== */
.diagram-shell { margin: 16px 0; border: 1px solid var(--line); border-radius: 16px; background: #fffdf6; overflow: hidden; }
.diagram-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; border-bottom: 1px solid var(--line); background: rgba(242,240,232,.7); color: var(--muted); font-size: 12px; font-weight: 700; }
.diagram-actions { display: flex; gap: 6px; }
.diagram-actions button { border: 1px solid var(--line); border-radius: 999px; padding: 5px 10px; background: #fff; color: var(--ink); font-weight: 800; font-size: 11px; cursor: pointer; }
.diagram-actions button:hover { border-color: var(--blue); color: var(--blue); }
.diagram-viewport { overflow: auto; max-height: min(70vh, 720px); cursor: grab; overscroll-behavior: contain; }
.diagram-viewport.dragging { cursor: grabbing; user-select: none; }
.mermaid { min-width: 760px; margin: 0; padding: 20px; transform-origin: top left; }
.mermaid svg { width: auto !important; max-width: none !important; height: auto !important; }
.diagram-error { margin: 10px 13px; color: var(--red); font-size: 12px; }

/* ===== v2: Explore 검색 결과 ===== */
.search-results { display: flex; flex-direction: column; gap: 16px; }
.search-group-head { padding: 4px 4px 8px; font-size: 12px; font-weight: 800; letter-spacing: .04em; opacity: .65; }
.search-group-head em { margin-left: 5px; font-style: normal; color: var(--blue, #265f7e); }
.search-result { display: block; width: 100%; padding: 11px 12px; margin-bottom: 6px; border: 1px solid rgba(23,33,28,.12); border-radius: 12px; background: #fff; text-align: left; cursor: pointer; font: inherit; }
.search-result:hover { border-color: rgba(19,111,99,.4); background: rgba(19,111,99,.05); }
.search-result-top { display: flex; align-items: baseline; gap: 7px; }
.search-result-top strong { font-size: 13px; line-height: 1.4; }
.search-result-doc { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; }
.search-result p { margin: 6px 0 0; font-size: 12px; line-height: 1.55; color: var(--ink); opacity: .85; }
.search-hit-fields { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.search-hit-fields span { padding: 2px 7px; border-radius: 999px; background: rgba(19,111,99,.1); font-size: 10.5px; font-weight: 700; }
.search-empty { padding: 24px 14px; text-align: center; }
.search-empty p { margin: 4px 0; font-size: 13px; }
.search-placeholder { padding: 60px 30px; text-align: center; color: var(--muted); }
.search-placeholder h2 { font-size: 18px; margin-bottom: 8px; color: var(--ink); }
.search-placeholder p { font-size: 13px; }