/* ============================================================
   AXTIVA medi — Design System v3 (Toss-inspired Korean SaaS)
   Calm cobalt blue · Pretendard · Clear hierarchy · No-clip
   ============================================================ */

:root{
  /* ─── Surfaces ─── */
  --ax-bg:        #F4F6F9;
  --ax-bg-soft:   #ECEFF4;
  --ax-surface:   #FFFFFF;
  --ax-surface-2: #F8F9FC;
  --ax-glass:     rgba(255,255,255,.86);

  /* ─── Text ─── */
  --ax-text:      #131722;
  --ax-text-2:    #4E5968;
  --ax-text-3:    #8B95A1;
  --ax-text-4:    #C8CDD5;

  /* ─── Borders ─── */
  --ax-border:    #E5E8EE;
  --ax-border-2:  #D1D6DF;

  /* ─── Brand (Toss-style cobalt blue — 한국향) ─── */
  --ax-primary:    #3182F6;
  --ax-primary-2:  #1B64DA;
  --ax-primary-3:  #1957B8;
  --ax-primary-50: #EAF2FE;
  --ax-primary-100:#D5E5FD;

  --ax-grad:       linear-gradient(135deg, #3182F6 0%, #1B64DA 100%);
  --ax-grad-soft:  linear-gradient(135deg, #EAF2FE 0%, #DCE9FD 100%);

  /* ─── Status ─── */
  --ax-success:   #00C471;
  --ax-warning:   #FF9F1C;
  --ax-danger:    #F04452;
  --ax-info:      #3182F6;
  --ax-gold:      #C9981E;

  /* ─── Radii ─── */
  --ax-radius:     14px;
  --ax-radius-sm:  10px;
  --ax-radius-lg:  20px;
  --ax-radius-pill:999px;

  /* ─── Shadows (subtle, neutral) ─── */
  --ax-shadow-xs:  0 1px 2px rgba(19,23,34,.04);
  --ax-shadow:     0 1px 3px rgba(19,23,34,.05), 0 4px 12px rgba(19,23,34,.04);
  --ax-shadow-md:  0 4px 16px rgba(19,23,34,.07), 0 2px 4px rgba(19,23,34,.04);
  --ax-shadow-pri: 0 6px 16px rgba(49,130,246,.28);

  /* ─── Type ─── */
  --ax-font: 'Pretendard Variable','Pretendard', -apple-system, BlinkMacSystemFont,
             'Segoe UI', Roboto, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

[data-theme="dark"]{
  --ax-bg:        #0E1116;
  --ax-bg-soft:   #161A21;
  --ax-surface:   #1A1F28;
  --ax-surface-2: #14181F;
  --ax-glass:     rgba(20,24,31,.80);
  --ax-text:      #ECEFF4;
  --ax-text-2:    #B0B8C4;
  --ax-text-3:    #6E7A8A;
  --ax-text-4:    #3D4654;
  --ax-border:    #242A33;
  --ax-border-2:  #323945;
  --ax-primary-50: rgba(49,130,246,.15);
  --ax-primary-100: rgba(49,130,246,.22);
  --ax-grad-soft:  linear-gradient(135deg, rgba(49,130,246,.18) 0%, rgba(27,100,218,.20) 100%);
}

/* ─── Pretendard Variable ─── */
@font-face{
  font-family: 'Pretendard Variable';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');
}

/* ─── Reset ─── */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family: var(--ax-font);
  background: var(--ax-bg);
  color: var(--ax-text);
  font-size: 15px;
  line-height: 1.55;
  letter-spacing:-0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'ss01','tnum';
}
a{color:inherit;text-decoration:none;transition:color .15s}
a:hover{color:var(--ax-primary)}
button{font-family:inherit;letter-spacing:-0.01em}
::selection{background: rgba(49,130,246,.18); color: var(--ax-text)}

/* ─── Scrollbar ─── */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--ax-border-2);border-radius:10px;border:2px solid var(--ax-bg)}
::-webkit-scrollbar-thumb:hover{background:var(--ax-text-3)}

/* ============================================================
   Layout
   ============================================================ */
.ax-shell{
  display:grid;
  grid-template-columns: 260px minmax(0,1fr);
  min-height:100vh;
}
.ax-sidebar{
  background: var(--ax-surface);
  border-right:1px solid var(--ax-border);
  display:flex;flex-direction:column;
  position:sticky;top:0;height:100vh;
  z-index:10;
  min-width:0;
}
.ax-main{display:flex;flex-direction:column;min-width:0}
.ax-topbar{
  height:64px;display:flex;align-items:center;gap:14px;
  padding:0 28px;
  background: var(--ax-glass);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom:1px solid var(--ax-border);
  position:sticky;top:0;z-index:20;
}
.ax-content{padding:28px 32px 60px;max-width:1640px;width:100%;margin:0 auto;flex:1;min-width:0}

/* ============================================================
   Sidebar
   ============================================================ */
.ax-brand{
  display:flex;align-items:center;gap:10px;
  padding:20px 22px 14px;
  min-width:0;
}
.ax-brand img{height:28px;width:auto;display:block;max-width:100%}

.ax-billing{
  margin:6px 16px 14px;padding:14px 16px;
  background: var(--ax-grad);
  color:#fff;
  border-radius: var(--ax-radius);
  box-shadow: var(--ax-shadow-pri);
  min-width:0;
}
.ax-billing .ax-billing-amt{
  font-weight:800;color:#fff;font-size:17px;
  letter-spacing:-0.02em;
  font-feature-settings:'tnum';font-variant-numeric:tabular-nums;
  line-height:1.2;
}
.ax-billing .ax-billing-sub{
  color:rgba(255,255,255,.88);font-size:12px;margin-top:3px;font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.ax-nav{padding:6px 12px 12px;flex:1;overflow-y:auto;min-width:0}
.ax-nav-section{
  font-size:11px;color:var(--ax-text-3);
  text-transform:uppercase;letter-spacing:.08em;
  padding:18px 10px 8px;font-weight:700;
}
.ax-nav-item{
  display:flex;align-items:center;gap:11px;
  padding:10px 12px;border-radius:10px;
  color:var(--ax-text-2);font-weight:600;font-size:14px;
  margin-bottom:2px;cursor:pointer;
  transition: background .15s ease, color .15s ease;
  min-width:0;
}
.ax-nav-item span{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;
}
.ax-nav-item i{
  width:22px;text-align:center;font-size:14px;color:var(--ax-text-3);
  transition:color .15s ease;flex-shrink:0;
}
.ax-nav-item:hover{color:var(--ax-text);background:var(--ax-bg-soft)}
.ax-nav-item:hover i{color:var(--ax-primary)}
.ax-nav-item.active{
  background: var(--ax-primary-50);
  color: var(--ax-primary-2);
  font-weight:700;
}
.ax-nav-item.active i{color:var(--ax-primary)}

.ax-tenant-card{
  margin:8px 14px;padding:12px 14px;
  border:1px solid var(--ax-border);
  border-radius: var(--ax-radius);
  background:var(--ax-surface-2);
  display:flex;align-items:center;gap:11px;
  transition: all .15s;
  min-width:0;
}
.ax-tenant-card:hover{border-color:var(--ax-primary);background:var(--ax-primary-50)}
.ax-tenant-dot{
  width:36px;height:36px;border-radius:50%;
  background: var(--ax-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;
  flex-shrink:0;
}
.ax-tenant-info{flex:1;min-width:0;overflow:hidden}
.ax-tenant-name{
  font-weight:700;font-size:13.5px;color:var(--ax-text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  letter-spacing:-0.01em;
}
.ax-tenant-role{
  font-size:11.5px;color:var(--ax-text-3);margin-top:1px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ax-tenant-card .ax-btn-ghost{flex-shrink:0;padding:6px 8px}

/* ============================================================
   Topbar
   ============================================================ */
.ax-topbar-spacer{flex:1;min-width:8px}
.ax-notice-bar{
  display:flex;align-items:center;gap:10px;
  padding:7px 14px 7px 7px;
  background: var(--ax-surface);
  border:1px solid var(--ax-border);
  border-radius: var(--ax-radius-pill);
  font-size:13.5px;color:var(--ax-text-2);
  max-width: 560px;min-width:0;
  overflow:hidden;
}
.ax-notice-bar > span:last-child{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}
.ax-notice-bar .badge{
  background: var(--ax-primary-50);color:var(--ax-primary-2);
  font-size:11px;padding:3px 9px;border-radius: var(--ax-radius-pill);
  font-weight:700;letter-spacing:.02em;flex-shrink:0;
}

.ax-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 14px;border-radius:10px;
  border:1px solid var(--ax-border);
  background:var(--ax-surface);color:var(--ax-text);
  cursor:pointer;font-size:13.5px;font-weight:600;
  transition: all .15s ease;
  letter-spacing:-0.01em;white-space:nowrap;
}
.ax-btn:hover{background:var(--ax-bg-soft);border-color:var(--ax-border-2)}
.ax-btn-primary{
  background: var(--ax-primary);color:#fff;border:1px solid var(--ax-primary);
  font-weight:700;
}
.ax-btn-primary:hover{background:var(--ax-primary-2);border-color:var(--ax-primary-2)}
.ax-btn-ghost{background:transparent;border:1px solid transparent;color:var(--ax-text-2)}
.ax-btn-ghost:hover{background:var(--ax-bg-soft);color:var(--ax-text)}

/* ============================================================
   Cards
   ============================================================ */
.glass, .ax-card{
  background:var(--ax-surface);
  border:1px solid var(--ax-border);
  border-radius: var(--ax-radius);
  padding:20px;
  box-shadow: var(--ax-shadow-xs);
  transition: box-shadow .18s ease, border-color .18s ease;
  min-width:0;
}
.ax-card:hover{box-shadow: var(--ax-shadow); border-color: var(--ax-border-2)}
.ax-card-title{
  font-size:13.5px;color:var(--ax-text-2);font-weight:700;
  display:flex;align-items:center;gap:8px;margin-bottom:14px;
  letter-spacing:-0.01em;
}
.ax-card-title i{color:var(--ax-primary);font-size:13px}
.ax-card-h{
  font-size:18px;font-weight:800;color:var(--ax-text);
  margin:0 0 4px;letter-spacing:-0.02em;
}

.ax-page-h1{
  font-size:24px;font-weight:800;letter-spacing:-0.025em;
  margin:0;color:var(--ax-text);line-height:1.25;
}

/* Metric card */
.metric-card{
  background: var(--ax-surface);
  border:1px solid var(--ax-border);
  border-radius: var(--ax-radius);
  padding:18px 20px;
  box-shadow: var(--ax-shadow-xs);
  transition: all .18s ease;
  min-width:0;
}
.metric-card:hover{box-shadow: var(--ax-shadow); border-color: var(--ax-border-2)}
.metric-card .label{
  font-size:13px;color:var(--ax-text-2);font-weight:600;
  letter-spacing:-0.005em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.metric-card .value{
  font-size:28px;font-weight:800;color:var(--ax-text);
  margin:8px 0 6px;letter-spacing:-0.025em;
  font-feature-settings: 'tnum';
  font-variant-numeric: tabular-nums;
  line-height:1.15;
  word-break:keep-all;
}
.metric-card .delta{
  display:inline-flex;align-items:center;gap:4px;
  font-size:12px;font-weight:600;color:var(--ax-success);
}
.metric-card .delta.down{color:var(--ax-danger)}
.metric-card .delta::before{content:"▲";font-size:9px}
.metric-card .delta.down::before{content:"▼"}

/* ============================================================
   Chips
   ============================================================ */
.chip{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;border-radius: var(--ax-radius-pill);
  background:var(--ax-bg-soft);color:var(--ax-text-2);
  font-size:12px;font-weight:600;border:1px solid transparent;
  letter-spacing:-0.005em;white-space:nowrap;
}
.chip.primary{background: var(--ax-primary-50);color:var(--ax-primary-2)}
.chip.success{background:rgba(0,196,113,.12);color:#008B50}
.chip.warning{background:rgba(255,159,28,.14);color:#A86600}
.chip.danger {background:rgba(240,68,82,.12);color:var(--ax-danger)}
.chip.gold   {background:rgba(201,152,30,.14);color:#8C6800}
.chip.info   {background: var(--ax-primary-50);color:var(--ax-primary-2)}
[data-theme="dark"] .chip.success{color:#3DDC97}
[data-theme="dark"] .chip.warning{color:#FFB94D}
[data-theme="dark"] .chip.gold{color:#FFCE5A}

/* ============================================================
   Insight banner
   ============================================================ */
.ax-insight{
  background: var(--ax-primary-50);
  color:var(--ax-text);
  border:1px solid var(--ax-primary-100);
  border-left:4px solid var(--ax-primary);
  border-radius: var(--ax-radius);
  padding:18px 22px;
  display:flex;align-items:flex-start;gap:14px;
}
.ax-insight i{
  font-size:18px;color:var(--ax-primary);
  margin-top:2px;flex-shrink:0;
  width:32px;height:32px;border-radius:8px;
  background:var(--ax-surface);
  display:inline-flex;align-items:center;justify-content:center;
}
.ax-insight > div{flex:1;min-width:0}
.ax-insight .label{
  font-size:12px;font-weight:700;color:var(--ax-primary-2);
  letter-spacing:-0.005em;margin-bottom:6px;
}
.ax-insight .text{
  font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ax-text);
  letter-spacing:-0.01em;word-break:keep-all;
}

/* ============================================================
   Dashboard P0/P1/P2 grid
   ============================================================ */
.ax-priority-grid{
  display:grid;gap:18px;margin-top:20px;
  grid-template-columns: 280px minmax(0,1fr) 300px;
}
@media (max-width: 1400px){
  .ax-priority-grid{grid-template-columns: 260px minmax(0,1fr) 280px}
}
@media (max-width: 1200px){
  .ax-priority-grid{grid-template-columns: 1fr;}
}
.ax-prio-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.ax-prio-col .ax-card{flex:0 0 auto}
.ax-prio-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;letter-spacing:.04em;
  padding:4px 10px;border-radius:6px;margin-bottom:12px;
}
.ax-prio-tag.p0{background: var(--ax-primary);color:#fff}
.ax-prio-tag.p1{background: var(--ax-primary-50);color:var(--ax-primary-2)}
.ax-prio-tag.p2{background:var(--ax-bg-soft);color:var(--ax-text-2)}

/* P0 metric grid (3 columns inside center column) */
.ax-prio-col .ax-grid-3{gap:14px}

/* Map (Kakao / Daum) */
#ax-map, .ax-kakao-map{
  width:100%;height:420px;border-radius: var(--ax-radius);
  overflow:hidden;border:1px solid var(--ax-border);background:var(--ax-bg-soft);
}
[data-theme="dark"] #ax-map img, [data-theme="dark"] .ax-kakao-map img{
  filter: invert(.92) hue-rotate(180deg) brightness(.95) contrast(.92) saturate(.7);
}

/* 우리 병원 마커 — 강조 펄스 */
.marker-self{
  display:inline-flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;
  background: linear-gradient(135deg, #3182F6, #1B64DA);
  color:#fff;font-weight:800;font-size:11.5px;line-height:1.1;text-align:center;
  border:3px solid #fff;
  box-shadow: 0 6px 18px rgba(49,130,246,.45), 0 0 0 6px rgba(49,130,246,.18);
  animation: ax-self-pulse 2.4s ease-in-out infinite;
  cursor:pointer;font-family:inherit;padding:0;
}
@keyframes ax-self-pulse{
  0%,100%{box-shadow: 0 6px 18px rgba(49,130,246,.45), 0 0 0 6px rgba(49,130,246,.18)}
  50%    {box-shadow: 0 6px 18px rgba(49,130,246,.45), 0 0 0 16px rgba(49,130,246,.06)}
}

/* 다음맵 공통 마커 베이스 */
.daum-marker{border:0;padding:0;cursor:pointer;font-family:inherit;line-height:1.15;transition: transform .15s ease}
.daum-marker:hover{transform:translateY(-1px) scale(1.05)}

/* 분석 대상(경쟁/자사분원) 풀네임 라벨 마커 */
.marker-selected{
  display:inline-flex;align-items:center;gap:6px;
  max-width:240px;padding:6px 12px;border-radius:999px;
  font-size:12px;font-weight:800;color:#fff;white-space:nowrap;
  box-shadow:0 8px 22px rgba(15,23,42,.28), 0 0 0 3px rgba(255,255,255,.85);
}
.marker-selected .ms-role{
  display:inline-block;padding:1px 7px;border-radius:999px;
  background:rgba(255,255,255,.22);font-size:10px;font-weight:700;letter-spacing:.02em;
}
.marker-selected .ms-name{overflow:hidden;text-overflow:ellipsis;max-width:170px}
.marker-selected.role-competitor {background: linear-gradient(135deg,#EF4444,#FB923C)}
.marker-selected.role-self_branch{background: linear-gradient(135deg,#0EA5E9,#22D3EE)}
.marker-selected.role-our        {background: linear-gradient(135deg,#3182F6,#1B64DA)}

/* 외부 검색 결과 이니셜 핀 */
.marker-pin{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  background:#94A3B8;color:#fff;font-weight:800;font-size:13px;
  border:2.5px solid #fff;
  box-shadow:0 4px 10px rgba(19,23,34,.28);
  cursor:pointer;font-family:inherit;
}

/* 다음맵 커스텀 팝업 */
.kakao-popup{
  position:relative;min-width:200px;max-width:280px;
  padding:13px 36px 13px 14px;border-radius:12px;
  background:var(--ax-surface);border:1px solid var(--ax-border);
  box-shadow:0 12px 32px rgba(19,23,34,.18);
  color:var(--ax-text);font-size:12.5px;line-height:1.6;white-space:normal;
}
.kakao-popup b{font-weight:800;color:var(--ax-text);font-size:13.5px}
.kakao-popup-close{
  position:absolute;right:8px;top:7px;width:24px;height:24px;
  border:0;border-radius:8px;background:var(--ax-bg-soft);color:var(--ax-text-2);
  font-size:16px;line-height:22px;cursor:pointer;padding:0;
}
.kakao-popup-close:hover{background:var(--ax-border)}

/* 반경 라벨 콜아웃 */
.ax-map-callout{
  display:inline-block;padding:3px 9px;border-radius:999px;
  background:var(--ax-surface);border:1px solid var(--ax-border);
  font-size:10.5px;font-weight:700;color:var(--ax-text-2);
  box-shadow: var(--ax-shadow-xs);
}

/* Tables */
.ax-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
.ax-table th,.ax-table td{
  padding:12px 14px;text-align:left;
  border-bottom:1px solid var(--ax-border);
}
.ax-table th{
  font-size:12px;color:var(--ax-text-3);font-weight:600;
  letter-spacing:-0.005em;
  background: var(--ax-surface-2);
}
.ax-table tbody tr{transition: background .12s}
.ax-table tbody tr:hover td{background:var(--ax-bg-soft)}
.ax-table tbody tr:last-child td{border-bottom:none}

/* Stage page */
.ax-stage-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  margin-bottom:8px;flex-wrap:wrap;
}
.ax-stage-head h1{
  font-size:24px;font-weight:800;margin:0;
  letter-spacing:-0.025em;line-height:1.25;color:var(--ax-text);
}
.ax-stage-head .q{
  color:var(--ax-text-2);font-size:14.5px;margin-top:8px;
  font-weight:500;letter-spacing:-0.005em;word-break:keep-all;
}

.ax-stages-tabs{
  display:flex;gap:4px;margin:18px 0;
  background: var(--ax-surface);
  border:1px solid var(--ax-border);
  padding:5px;border-radius: var(--ax-radius);
  overflow-x:auto;
}
.ax-stages-tabs a{
  flex:1;text-align:center;padding:9px 12px;border-radius:9px;
  color:var(--ax-text-2);font-weight:600;font-size:13.5px;
  transition: all .15s ease;letter-spacing:-0.01em;white-space:nowrap;min-width:max-content;
}
.ax-stages-tabs a:hover{background:var(--ax-bg-soft);color:var(--ax-text)}
.ax-stages-tabs a.active{
  background: var(--ax-primary);color:#fff;
}

/* Forms */
input[type=text], input[type=email], input[type=password], input[type=number],
input[type=color], input[type=date], select, textarea{
  font-family:inherit;font-size:14px;
  padding:10px 13px;border-radius:10px;
  border:1px solid var(--ax-border);
  background:var(--ax-surface);color:var(--ax-text);
  transition: all .15s ease;letter-spacing:-0.005em;
}
input:focus, select:focus, textarea:focus{
  outline:none;border-color:var(--ax-primary);
  box-shadow: 0 0 0 3px rgba(49,130,246,.16);
}
label{font-size:13px;font-weight:600;color:var(--ax-text-2);letter-spacing:-0.005em}

/* Helpers */
.ax-row{display:flex;align-items:center;gap:10px}
.ax-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ax-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ax-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width: 1200px){.ax-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 900px){.ax-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 720px){.ax-grid-2,.ax-grid-3,.ax-grid-4{grid-template-columns:1fr}}
.muted{color:var(--ax-text-2)}
.dim {color:var(--ax-text-3)}
.right{text-align:right}
.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}
.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}
.flex{display:flex}.flex-1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}
.between{justify-content:space-between}
.center{align-items:center}
hr.ax{border:none;border-top:1px solid var(--ax-border);margin:16px 0}
.tnum{font-variant-numeric: tabular-nums; font-feature-settings:'tnum'}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* Skeleton */
@keyframes ax-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.ax-skeleton{
  background: linear-gradient(90deg, var(--ax-bg-soft) 25%, var(--ax-bg) 37%, var(--ax-bg-soft) 63%);
  background-size: 200% 100%;
  animation: ax-shimmer 1.4s ease-in-out infinite;
  border-radius:8px;
}

.ax-divider{
  display:flex;align-items:center;gap:12px;
  color:var(--ax-text-3);font-size:11.5px;font-weight:600;
  letter-spacing:.04em;
  margin:24px 0 16px;
}
.ax-divider::before,.ax-divider::after{
  content:""; flex:1; height:1px; background: var(--ax-border);
}