/* KINDERGARTEN-OFFICIAL-INFO-01 — 생활정보 → 유치원·학교 (site-life-education.js).
   지역정보 시안 02 (owner 2026-10-15/16): the same look as 내 아이 학교·유치원 —
   「학교 | 유치원」 as one segmented control, a search field with its icon,
   result cards with an icon tile and a chevron, the source as one quiet line.
   Only the 지역정보 tokens (var(--ri-…), site-regional-info-ds.css), which follow
   light / dark. Scoped like the design system (":not(#ri)"). Controls ≥ 48px. */

.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu { display: grid; gap: 16px; min-width: 0; color: var(--ri-text); word-break: keep-all; overflow-wrap: anywhere; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu :is(button, a, summary, select, input):focus-visible { outline: 2px solid var(--ri-blue); outline-offset: 2px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-tabs.consumer-tabs {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 4px; border: 0; border-radius: 14px; background: var(--ri-sub);
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-tabs.consumer-tabs .lotbi-edu-tab {
  min-height: 48px; margin: 0; padding: 0 12px; border: 0; border-radius: 11px; background: transparent;
  color: var(--ri-text-2); font: inherit; font-size: 17px; font-weight: 700; cursor: pointer;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-tabs.consumer-tabs .lotbi-edu-tab[aria-selected="true"] {
  background: var(--ri-surface); color: var(--ri-text); font-weight: 800; box-shadow: 0 1px 3px rgb(25 31 40 / 14%);
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-panel { display: grid; gap: 14px; min-width: 0; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-tile { display: inline-grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 14px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-tile .lotbi-edu-icon { width: 24px; height: 24px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-tile.is-amber { background: var(--ri-amber-soft); color: var(--ri-amber); }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-tile.is-violet { background: var(--ri-violet-soft); color: var(--ri-violet); }

/* search field with its icon */
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .consumer-life-form { display: grid; gap: 12px; min-width: 0; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-searchbox {
  display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 52px; box-sizing: border-box; padding: 0 14px;
  border: 1px solid var(--ri-line-strong); border-radius: 14px; background: var(--ri-surface); color: var(--ri-text-3); cursor: text;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-searchbox:focus-within { border-color: var(--ri-blue); box-shadow: 0 0 0 3px var(--ri-blue-soft); }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-searchbox .lotbi-edu-icon { flex: 0 0 auto; width: 22px; height: 22px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .lotbi-edu-searchbox input {
  flex: 1 1 auto; width: 100%; min-width: 0; min-height: 48px; margin: 0; padding: 0; border: 0; outline: 0; box-shadow: none;
  background: transparent; color: var(--ri-text); font: inherit; font-size: 17px;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .lotbi-edu-searchbox input::placeholder { color: var(--ri-text-3); }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .consumer-life-form > .consumer-action { justify-self: stretch; min-height: 52px; border-radius: 14px; font-size: 17px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .consumer-life-field { display: grid; gap: 6px; color: var(--ri-text-2); font-size: 14px; font-weight: 700; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .consumer-life-field input {
  min-height: 52px; border: 1px solid var(--ri-line-strong); border-radius: 14px; background: var(--ri-surface); color: var(--ri-text); font-size: 17px;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-region { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-search select {
  width: 100%; min-height: 52px; box-sizing: border-box; padding: 0 12px; border: 1px solid var(--ri-line-strong); border-radius: 14px;
  background: var(--ri-surface); color: var(--ri-text); font: inherit; font-size: 16px; font-weight: 600;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-status { margin: 0; color: var(--ri-text-2); font-size: 15px; line-height: 22px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-status:empty { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* result cards: icon tile, name + kind, address, facts, chevron */
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-card {
  display: flex; align-items: center; gap: 14px; width: 100%; min-height: 76px; box-sizing: border-box; padding: 14px 16px;
  border: 1px solid var(--ri-line); border-radius: 18px; background: var(--ri-surface); color: var(--ri-text); font: inherit; text-align: left; cursor: pointer;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-card:hover { border-color: var(--ri-blue-line); }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-card > .lotbi-edu-icon { flex: 0 0 auto; width: 20px; height: 20px; color: var(--ri-text-3); }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-card-words { flex: 1 1 auto; display: grid; gap: 2px; min-width: 0; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-card-top { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-card-top strong { color: var(--ri-text); font-size: 17px; line-height: 24px; font-weight: 800; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-card-line { color: var(--ri-text-2); font-size: 14px; line-height: 20px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-badge {
  display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 8px;
  background: var(--ri-sub); color: var(--ri-text-2); font-size: 13px; font-weight: 700; white-space: nowrap;
}

/* one 유치원 */
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-title { margin: 4px 0 0; color: var(--ri-text); font-size: 26px; line-height: 34px; font-weight: 800; letter-spacing: -0.02em; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-title:focus { outline: none; }
.consumer-workspace[data-workspace="life"]:not(#ri) :is(.lotbi-kinder-detail, .lotbi-kinder-mine, .lotbi-kinder-state) {
  display: grid; gap: 14px; padding: 20px; border: 1px solid var(--ri-line); border-radius: 20px; background: var(--ri-surface); color: var(--ri-text);
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-state :is(h4, p) { margin: 0; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-state h4 { font-size: 18px; font-weight: 800; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-state p { color: var(--ri-text-2); line-height: 1.55; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-mine-head { display: flex; align-items: center; gap: 14px; min-width: 0; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-mine-words { display: grid; gap: 2px; min-width: 0; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-mine-words strong { color: var(--ri-text); font-size: 18px; font-weight: 800; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-mine-label { color: var(--ri-amber); font-size: 13px; font-weight: 800; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-mine-area { color: var(--ri-text-2); font-size: 14px; }
.consumer-workspace[data-workspace="life"]:not(#ri) :is(.lotbi-kinder-facts, .lotbi-kinder-items) { display: grid; gap: 10px; margin: 0; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-fact { display: grid; grid-template-columns: 8.5em minmax(0, 1fr); gap: 10px; align-items: baseline; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-fact dt { color: var(--ri-text-3); font-size: 14px; font-weight: 600; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-fact dd { margin: 0; color: var(--ri-text); font-size: 15px; line-height: 22px; overflow-wrap: anywhere; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-fact a { color: var(--ri-blue-text); text-decoration: underline; text-underline-offset: 2px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu :is(.lotbi-kinder-actions, .lotbi-kinder-state, .lotbi-edu-panel) > .consumer-action,
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .lotbi-kinder-actions .consumer-action { min-height: 48px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu-panel > .consumer-action[data-subview-back] { justify-self: start; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-sections { display: grid; gap: 8px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-sections-title { margin: 6px 0 0; color: var(--ri-text); font-size: 18px; font-weight: 800; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-section {
  padding: 0 16px; border: 1px solid var(--ri-line); border-radius: 16px; background: var(--ri-surface); color: var(--ri-text);
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-section summary {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 52px; cursor: pointer; list-style: none;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-section summary::-webkit-details-marker { display: none; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-section summary::after { content: '＋'; color: var(--ri-text-3); }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-section[open] summary::after { content: '－'; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-section-label { font-size: 16px; font-weight: 700; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-section-meta { margin-left: auto; color: var(--ri-text-3); font-size: 13px; white-space: nowrap; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-section[open] { padding-bottom: 14px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-part-label { margin: 10px 0 4px; color: var(--ri-text-2); font-size: 14px; font-weight: 700; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-part-note { margin: 6px 0 0; color: var(--ri-text-3); font-size: 13px; line-height: 1.5; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-source { margin: 0; padding: 0 4px; color: var(--ri-text-3); font-size: 13px; line-height: 1.6; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-source a { color: var(--ri-blue-text); }
@media (max-width: 600px) {
  .consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-fact { grid-template-columns: 1fr; gap: 2px; }
  .consumer-workspace[data-workspace="life"]:not(#ri) :is(.lotbi-kinder-detail, .lotbi-kinder-mine, .lotbi-kinder-state) { padding: 16px; }
}
@media (max-width: 359px) {
  .consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-kinder-region { grid-template-columns: 1fr; }
}

/* 소유자 10-29 (내 아이 학교 칸과 같은 상자): one focus ring, the box's :focus-within. */
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .lotbi-edu-searchbox input { -webkit-appearance: none; appearance: none; }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-edu .lotbi-edu-searchbox input:is(:focus, :focus-visible) { outline: none !important; border: 0 !important; box-shadow: none !important; }