:root {
  --bg:#fbfbfa; --bg-soft:#f3f4f2; --bg-mute:#e8eae6; --ink:#14181a; --ink-2:#454c50; --ink-3:#5d656a; --line:#e3e5e1; --ring:#00000010;
  /* brand = 서비스 강조색(호박색). 글자·링크로 쓰므로 흰 바탕 4.5:1 이상인 진한 쪽(--link #8A5A00, 6.0:1) */
  --brand:#8a5a00; --brand-hover:#6e4700; --on-brand:#ffffff; --brand-soft:#f2b5442b;
  --note:#1f5bc9; --note-soft:#1f5bc914; --caution:#955400; --caution-soft:#c2780014; --danger:#bd2a2f; --danger-soft:#bd2a2f12;
  --shadow-card:0 1px 2px rgba(16,22,24,.04), 0 4px 12px rgba(16,22,24,.04);
  --font-sans:Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px;
  --radius-xs:4px; --radius-sm:8px; --radius-md:12px; --radius-full:999px;
  --nav-h:60px; --sidebar-w:272px; --content-w:720px; --toc-w:224px; --touch:44px;
  --ease:cubic-bezier(.22,1,.36,1);
  --i-tip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.3 1 2.3h6c0-1 .4-1.8 1-2.3A7 7 0 0 0 12 2z'/%3E%3C/svg%3E");
  --i-note:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
  --i-caution:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0zM12 9v4M12 17h.01'/%3E%3C/svg%3E");
  --i-danger:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 2h8.2L22 7.9v8.2L16.1 22H7.9L2 16.1V7.9z'/%3E%3Cpath d='M15 9l-6 6M9 9l6 6'/%3E%3C/svg%3E");
  --i-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
  --i-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E");
  --i-menu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
  --i-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {:root:where(:not([data-theme=light])){
    --bg:#0d1012; --bg-soft:#15191c; --bg-mute:#22282c; --ink:#f0f2f1; --ink-2:#c6ccca; --ink-3:#98a19e; --line:#252b2f; --ring:#ffffff1c;
    --brand:#f2b544; --brand-hover:#f7dfa5; --on-brand:#15110a; --brand-soft:#f2b5441f;
    --note:#8db4ff; --note-soft:#8db4ff1a; --caution:#f1b45b; --caution-soft:#f1b45b1a; --danger:#ff8e8a; --danger-soft:#ff8e8a1a;
    --shadow-card:0 1px 2px rgba(0,0,0,.4);
  }}
:root:where([data-theme=dark]){
    --bg:#0d1012; --bg-soft:#15191c; --bg-mute:#22282c; --ink:#f0f2f1; --ink-2:#c6ccca; --ink-3:#98a19e; --line:#252b2f; --ring:#ffffff1c;
    --brand:#f2b544; --brand-hover:#f7dfa5; --on-brand:#15110a; --brand-soft:#f2b5441f;
    --note:#8db4ff; --note-soft:#8db4ff1a; --caution:#f1b45b; --caution-soft:#f1b45b1a; --danger:#ff8e8a; --danger-soft:#ff8e8a1a;
    --shadow-card:0 1px 2px rgba(0,0,0,.4);
  }
html, body { margin:0; }
html { background:var(--bg); }
body.um-body { background:var(--bg); color:var(--ink); font-family:var(--font-sans); font-size:16px; line-height:1.75; -webkit-font-smoothing:antialiased;
  word-break:keep-all; overflow-wrap:anywhere; }
.um-body :where(h1,h2,h3) { text-wrap:balance; }
.um-body :where(p,li) { text-wrap:pretty; }
.um-body :focus-visible { outline:2px solid var(--brand); outline-offset:2px; border-radius:var(--radius-xs); }
@media (prefers-reduced-motion: reduce) { .um-body * { transition:none !important; animation:none !important; } }
.um-ico { display:inline-block; width:16px; height:16px; flex:none; background:currentColor; -webkit-mask:var(--i) center / contain no-repeat; mask:var(--i) center / contain no-repeat; }
.um-i-copy { --i:var(--i-copy); }

/* ---------- 위 띠 ---------- */
.um-nav { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:var(--space-4); height:var(--nav-h); padding:0 var(--space-6);
  border-bottom:1px solid var(--line); background:var(--bg-soft); box-sizing:border-box; }
.um-brand { display:flex; align-items:center; gap:var(--space-2); min-width:0; font-weight:700; font-size:16px; color:var(--ink); text-decoration:none; }
.um-brand span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.um-brand-mark { width:24px; height:24px; border-radius:6px; flex:none; }
.um-search { display:flex; align-items:center; gap:var(--space-2); width:300px; height:38px; margin:0; padding:0 var(--space-3); border-radius:var(--radius-sm);
  background:var(--bg); box-shadow:inset 0 0 0 1px var(--ring); color:var(--ink-3); box-sizing:border-box; }
.um-search .um-ico { --i:var(--i-search); }
.um-search input { flex:1; min-width:0; height:100%; border:0; background:transparent; color:var(--ink); font:inherit; font-size:16px; outline:none; }
.um-search input::placeholder { color:var(--ink-3); }
.um-nav-right { margin-left:auto; display:flex; align-items:center; gap:var(--space-4); font-size:14px; white-space:nowrap; }
.um-nav-right a { color:var(--ink-2); text-decoration:none; font-weight:700; }
.um-nav-right a:hover { color:var(--ink); }
.um-back { display:inline-flex; align-items:center; min-height:36px; padding:0 var(--space-3); border-radius:var(--radius-sm); box-shadow:inset 0 0 0 1px var(--ring); background:var(--bg); }
.um-drawer { display:none; }

/* ---------- 골격 ---------- */
.um-shell { display:grid; grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--toc-w); min-height:calc(100vh - var(--nav-h)); }
.um-side { position:sticky; top:var(--nav-h); align-self:start; max-height:calc(100vh - var(--nav-h)); overflow-y:auto; box-sizing:border-box;
  padding:var(--space-6) var(--space-4); border-right:1px solid var(--line); background:var(--bg-soft); font-size:14px; line-height:22px; }
.um-shell > .um-side { min-height:calc(100vh - var(--nav-h)); }
.um-side-title { margin:var(--space-4) 0 var(--space-1); padding:0 var(--space-2); font-size:12px; font-weight:700; letter-spacing:.06em; color:var(--ink-3); }
.um-side-title:first-child { margin-top:0; }
.um-side a, .um-drawer-panel > a { display:block; padding:6px var(--space-2); border-radius:var(--radius-xs); color:var(--ink-2); text-decoration:none; }
.um-side a:hover, .um-drawer-panel > a:hover { color:var(--ink); background:var(--bg-mute); }
.um-side a[aria-current="page"], .um-drawer-panel > a[aria-current="page"] { color:var(--brand); font-weight:700; background:var(--brand-soft); }
.um-main { padding:var(--space-8); min-width:0; }
.um-toc { position:sticky; top:var(--nav-h); align-self:start; padding:var(--space-8) var(--space-4); font-size:13px; line-height:20px; }
.um-toc-title { margin-bottom:var(--space-2); font-size:12px; font-weight:700; letter-spacing:.06em; color:var(--ink-3); }
.um-toc a, .um-m-toc nav a { display:block; padding:4px 0 4px var(--space-3); border-left:1px solid var(--line); color:var(--ink-3); text-decoration:none; }
.um-toc a:hover { color:var(--brand); border-left-color:var(--brand); }
.um-m-toc { display:none; }
.um-landing { max-width:var(--content-w); margin:0 auto; }

/* ---------- 본문 ---------- */
.sl-markdown-content { max-width:var(--content-w); }
.sl-markdown-content h1 { margin:0 0 var(--space-3); font-size:32px; line-height:40px; font-weight:700; letter-spacing:-.02em; }
.sl-markdown-content .um-lead { margin:0 0 var(--space-6); font-size:18px; line-height:30px; color:var(--ink-2); }
.sl-markdown-content h2 { margin:var(--space-12) 0 var(--space-4); padding-top:var(--space-6); border-top:1px solid var(--line); font-size:24px; line-height:32px;
  font-weight:700; letter-spacing:-.01em; scroll-margin-top:calc(var(--nav-h) + 8px); }
.sl-markdown-content h3 { margin:var(--space-8) 0 var(--space-3); font-size:19px; line-height:28px; font-weight:700; }
.sl-markdown-content p { margin:0 0 var(--space-4); }
.sl-markdown-content ul, .sl-markdown-content ol:not(.sl-steps) { margin:0 0 var(--space-4); padding-left:1.4em; }
.sl-markdown-content li { margin:0 0 var(--space-2); }
.sl-markdown-content a { color:var(--brand); font-weight:500; text-decoration:underline; text-decoration-color:var(--brand-soft); text-decoration-thickness:2px; text-underline-offset:4px; }
.sl-markdown-content a:hover { color:var(--brand-hover); text-decoration-color:currentColor; }
.sl-markdown-content :not(pre) > code { padding:2px 6px; border-radius:var(--radius-xs); background:var(--bg-mute); font-family:var(--font-mono); font-size:13px; }

/* ---------- 안내 상자 ---------- */
.starlight-aside { margin:var(--space-4) 0; padding:var(--space-4); border-radius:var(--radius-sm); box-shadow:inset 0 0 0 1px var(--ring); font-size:14px; line-height:22px; }
.starlight-aside__title { display:flex; align-items:center; gap:var(--space-2); margin:0 0 var(--space-1) !important; font-size:12px; line-height:20px; font-weight:700; letter-spacing:.06em; color:var(--aside-ink); }
.starlight-aside__title::before { content:""; width:18px; height:18px; flex:none; background:currentColor; -webkit-mask:var(--i) center / contain no-repeat; mask:var(--i) center / contain no-repeat; }
.starlight-aside__content { color:var(--ink); padding-left:26px; }
.starlight-aside__content p { margin:0 0 var(--space-1); }
.starlight-aside__content p:last-child { margin:0; }
.starlight-aside--tip { --i:var(--i-tip); --aside-ink:var(--brand); background:var(--brand-soft); }
.starlight-aside--note { --i:var(--i-note); --aside-ink:var(--note); background:var(--note-soft); }
.starlight-aside--caution { --i:var(--i-caution); --aside-ink:var(--caution); background:var(--caution-soft); }
.starlight-aside--danger { --i:var(--i-danger); --aside-ink:var(--danger); background:var(--danger-soft); }

/* ---------- 접기 ---------- */
details.um-details { margin:var(--space-2) 0; border-radius:var(--radius-sm); box-shadow:inset 0 0 0 1px var(--ring); background:var(--bg); }
details.um-details > summary { display:flex; align-items:center; gap:var(--space-2); min-height:var(--touch); padding:var(--space-2) var(--space-4); box-sizing:border-box;
  cursor:pointer; list-style:none; font-weight:700; font-size:15px; line-height:22px; }
details.um-details > summary::-webkit-details-marker { display:none; }
details.um-details > summary::before { content:""; width:16px; height:16px; flex:none; background:var(--ink-3); -webkit-mask:var(--i-chevron) center / contain no-repeat; mask:var(--i-chevron) center / contain no-repeat; transition:transform .2s var(--ease); }
details.um-details[open] > summary::before { transform:rotate(90deg); }
details.um-details > :not(summary) { margin:0; padding:0 var(--space-4) var(--space-4) 40px; color:var(--ink-2); font-size:15px; line-height:26px; }

/* ---------- 단계 ---------- */
ol.sl-steps { counter-reset:step; list-style:none; margin:var(--space-6) 0; padding:0; }
ol.sl-steps > li { counter-increment:step; position:relative; margin:0; padding:0 0 var(--space-6) 44px; }
ol.sl-steps > li::before { content:counter(step); position:absolute; left:0; top:0; width:28px; height:28px; border-radius:var(--radius-full); background:var(--brand);
  color:var(--on-brand); font-size:13px; font-weight:700; line-height:28px; text-align:center; font-variant-numeric:tabular-nums; }
ol.sl-steps > li::after { content:""; position:absolute; left:13px; top:36px; bottom:6px; width:2px; background:var(--line); }
ol.sl-steps > li:last-child { padding-bottom:0; }
ol.sl-steps > li:last-child::after { display:none; }
ol.sl-steps .um-step-title { display:block; font-weight:700; line-height:28px; }
ol.sl-steps .um-step-body { display:block; color:var(--ink-2); font-size:15px; line-height:26px; }

/* ---------- 경로 · 본문 안 표시 ---------- */
.um-path { display:inline-flex; flex-wrap:wrap; align-items:center; gap:var(--space-1); margin:0 0 var(--space-3); padding:var(--space-1) var(--space-3);
  border-radius:var(--radius-full); background:var(--brand-soft); font-size:13px; line-height:20px; }
.um-path span { color:var(--ink-2); }
.um-path span:last-child { color:var(--brand); font-weight:700; }
.um-path span + span::before { content:"›"; margin-right:var(--space-1); color:var(--ink-3); }
.um-btn { display:inline-block; padding:0 var(--space-2); border-radius:var(--radius-xs); background:var(--bg-mute); box-shadow:inset 0 0 0 1px var(--ring);
  font-size:.875em; font-weight:700; line-height:1.6; color:var(--ink); white-space:normal; }
.um-badge { display:inline-flex; align-items:center; height:20px; padding:0 var(--space-2); border-radius:var(--radius-xs); font-size:12px; font-weight:700; line-height:20px; }
.um-badge.is-req { background:var(--danger-soft); color:var(--danger); }
.um-badge { white-space:nowrap; }
.um-badge.is-opt { background:var(--bg-mute); color:var(--ink-2); }
.um-fields td.um-req { width:4.5em; }

/* ---------- 항목 표 (휴대폰 = 카드) ---------- */
.um-fields { width:100%; margin:0 0 var(--space-4); border-collapse:separate; border-spacing:0; border-radius:var(--radius-sm); box-shadow:inset 0 0 0 1px var(--ring);
  overflow:hidden; font-size:14px; line-height:22px; }
.um-fields th { background:var(--bg-soft); color:var(--ink-2); font-weight:700; text-align:left; padding:10px var(--space-4); border-bottom:1px solid var(--line); }
.um-fields td { padding:10px var(--space-4); border-bottom:1px solid var(--line); vertical-align:top; color:var(--ink-2); }
.um-fields td:first-child { color:var(--ink); font-weight:700; }
.um-fields:not(.um-grid) td:first-child { width:11em; }
.um-fields tr:last-child td { border-bottom:0; }

/* ---------- 화면 그림 · 발급 주소 (2026-11-14) ---------- */
.um-shot { margin:var(--space-3) 0 var(--space-4); max-width:100%; }
.um-shot img { display:block; max-width:100%; height:auto; border-radius:var(--radius-sm); box-shadow:0 0 0 1px var(--line), var(--shadow-card); background:#fff; }
.um-shot figcaption { margin-top:var(--space-2); font-size:13px; line-height:20px; color:var(--ink-3); }
.um-shot-link { display:block; cursor:zoom-in; }
.um-shot-at { display:block; margin-top:2px; font-size:12px; color:var(--caution); }
.um-shots { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:var(--space-4); align-items:start; margin:var(--space-4) 0; }
.um-shots .um-shot { margin:0; }
ol.sl-steps .um-shot { margin-top:var(--space-3); }
.um-ext { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); }
.sl-markdown-content .um-ext a { display:inline-flex; align-items:center; min-height:36px; padding:0 var(--space-3); border-radius:var(--radius-sm); background:var(--bg);
  box-shadow:inset 0 0 0 1px var(--ring); color:var(--brand); font-size:14px; font-weight:700; text-decoration:none; }
.sl-markdown-content .um-ext a:hover { background:var(--bg-soft); }
.um-ext span { font-size:13px; color:var(--ink-3); }

/* ---------- 카드 ---------- */
.um-cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:var(--space-3); margin:var(--space-8) 0 var(--space-4); }
.sl-markdown-content .sl-link-card { display:flex; flex-direction:column; gap:var(--space-1); padding:var(--space-4); border-radius:var(--radius-sm); background:var(--bg);
  box-shadow:inset 0 0 0 1px var(--ring); text-decoration:none; color:inherit; transition:background .15s var(--ease), box-shadow .15s var(--ease); }
.sl-markdown-content .sl-link-card:hover { background:var(--bg-soft); box-shadow:inset 0 0 0 1px var(--brand); }
.sl-link-card .title { font-size:15px; font-weight:700; line-height:22px; color:var(--ink); }
.sl-link-card .description { font-size:13px; line-height:20px; color:var(--ink-2); }
.um-results { grid-template-columns:1fr; }

/* ---------- 페이지 동작 ---------- */
.um-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); margin:0 0 var(--space-6); padding-bottom:var(--space-4); border-bottom:1px solid var(--line); }
.sl-markdown-content .um-action { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 var(--space-3); border:0; border-radius:var(--radius-sm); background:var(--bg);
  box-shadow:inset 0 0 0 1px var(--ring); color:var(--ink-2); font:inherit; font-size:13px; font-weight:700; cursor:pointer; text-decoration:none; }
.sl-markdown-content .um-action:hover { background:var(--bg-soft); color:var(--ink); }
.um-actions + h2 { margin-top:var(--space-6); padding-top:0; border-top:0; }

/* ---------- 수정일 · 바뀐 내용 · 고지 ---------- */
.um-feedback { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-3); margin-top:var(--space-8); padding-top:var(--space-4); border-top:1px solid var(--line); font-size:14px; color:var(--ink-2); }
.um-feedback .um-updated { margin-left:auto; font-size:13px; color:var(--ink-3); }
.um-changes { margin:var(--space-4) 0; padding:0 !important; list-style:none; border-left:2px solid var(--line); }
.um-changes li { position:relative; padding:0 0 var(--space-4) var(--space-4); font-size:14px; line-height:22px; color:var(--ink-2); }
.um-changes li::before { content:""; position:absolute; left:-6px; top:6px; width:10px; height:10px; border-radius:50%; background:var(--bg); box-shadow:inset 0 0 0 2px var(--brand); }
.um-changes time { display:block; font-family:var(--font-mono); font-size:12px; color:var(--ink-3); }
.um-changes b { color:var(--ink); }
.um-foot { max-width:var(--content-w); margin-top:var(--space-8); padding:var(--space-4); border-radius:var(--radius-sm); background:var(--bg-soft);
  box-shadow:inset 0 0 0 1px var(--ring); font-size:13px; line-height:20px; color:var(--ink-2); }
.um-foot p { margin:0; }
.um-foot p + p { margin-top:var(--space-1); }

/* ---------- 1280 아래 = 오른쪽 목차 대신 본문 위 접기 ---------- */
@media (max-width: 1279px) {
  .um-shell { grid-template-columns:var(--sidebar-w) minmax(0,1fr); }
  .um-toc { display:none; }
  .um-m-toc { display:block; max-width:var(--content-w); margin:0 0 var(--space-6); border-radius:var(--radius-sm); box-shadow:inset 0 0 0 1px var(--ring); }
  .um-m-toc > summary { display:flex; align-items:center; justify-content:space-between; gap:var(--space-2); min-height:var(--touch); padding:0 var(--space-4);
    font-size:14px; font-weight:700; color:var(--ink-2); list-style:none; cursor:pointer; }
  .um-m-toc > summary::-webkit-details-marker { display:none; }
  .um-m-toc > summary span { color:var(--brand); font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .um-m-toc nav { padding:0 var(--space-4) var(--space-3); font-size:14px; line-height:22px; }
  .um-m-toc nav a { padding:8px 0 8px var(--space-3); }
}
/* ---------- 1024 아래 = 왼쪽 메뉴는 서랍 ---------- */
@media (max-width: 1023px) {
  .um-shell { display:block; }
  .um-shell > .um-side { display:none; }
  .um-nav { padding:0 var(--space-2) 0 var(--space-2); gap:var(--space-2); }
  .um-drawer { display:block; }
  .um-drawer > summary { list-style:none; }
  .um-drawer > summary::-webkit-details-marker { display:none; }
  .um-m-icon { display:inline-flex; align-items:center; justify-content:center; width:var(--touch); height:var(--touch); border-radius:var(--radius-sm); color:var(--ink-2); cursor:pointer; }
  .um-m-icon .um-ico { width:20px; height:20px; }
  .um-m-icon.is-menu .um-ico { --i:var(--i-menu); }
  .um-drawer-panel { position:fixed; left:0; top:var(--nav-h); bottom:0; z-index:30; width:min(var(--sidebar-w), 86vw); overflow-y:auto; box-sizing:border-box;
    padding:var(--space-4); background:var(--bg-soft); border-right:1px solid var(--line); box-shadow:0 12px 32px rgba(16,22,24,.14); font-size:15px; line-height:22px; }
  .um-drawer-panel > a { padding:10px var(--space-2); }
  .um-search-m { width:100%; margin-bottom:var(--space-4); height:var(--touch); }
  .um-nav > .um-search { display:none; }
  .um-other { display:none; }
}
/* ---------- 768 아래 = 휴대폰 ---------- */
@media (max-width: 767px) {
  :root { --nav-h:56px; }
  .um-main { padding:var(--space-6) var(--space-4); }
  .um-brand { font-size:15px; }
  .um-back { min-height:var(--touch); }
  .sl-markdown-content h1 { font-size:26px; line-height:34px; }
  .sl-markdown-content h2 { font-size:21px; line-height:30px; margin-top:36px; }
  .um-fields, .um-fields tbody, .um-fields tr, .um-fields td { display:block; width:100%; box-sizing:border-box; }
  .um-fields thead { display:none; }
  .um-fields { box-shadow:none; overflow:visible; }
  .um-fields tr { margin-bottom:var(--space-2); padding:var(--space-3) var(--space-4); border-radius:var(--radius-sm); box-shadow:inset 0 0 0 1px var(--ring); }
  .um-fields td { padding:2px 0; border:0; }
  .um-fields:not(.um-grid) td:first-child { width:100%; }
  .um-fields td.um-req { width:auto; padding-top:var(--space-1); }
  .um-fields td[data-label]::before { content:attr(data-label) " · "; color:var(--ink-3); font-weight:400; }
  .um-cards { grid-template-columns:1fr; }
}

:root[data-theme=light] { color-scheme:light; } :root[data-theme=dark] { color-scheme:dark; }