html:root:not([data-theme="dark"]) {
  color-scheme: light;
  --paper: #f7f5f5; --surface: #ffffff; --surface-2: #efe9e9; --line: #e2d9d9; --line-strong: #c9bcbd;
  --ink: #171113; --ink-2: #4a3f42; --ink-3: #6e6265;
  --accent: #d90012; --accent-hover: #b0000e; --accent-ink: #ffffff; --accent-soft: #fbe6e8;
  --sel: #fadadd; --sel-ink: #9a000d; --sel-soft: #fbe6e8; --sel-text: #b0000e; --focus-line: #d90012; --focus: 0 0 0 3px rgba(217, 0, 18, .25);
  --ok: #0f7a4f; --ok-soft: #e3f4ec; --warn: #9a5b00; --warn-soft: #fdf1da; --err: #b42318; --err-soft: #fdeae8;
  --shadow: 0 1px 2px rgba(23, 17, 19, .06);
  --r-sm: 2px; --r-md: 2px; --r-lg: 4px; --opt-r: 2px; --chip-r: 2px; --card-r: 4px;
  --band: #ffffff; --band-2: #faf7f7; --band-3: #f1eaea; --band-ln: #e2d9d9; --band-tx: #171113; --band-mu: #4a3f42; --band-mu2: #6e6265;
  --band-hi: #171113; --band-ln2: #c9bcbd; --band-0: #f1eaea; --band-4: #e6dede;
  --top-bg: #141414; --top-2: #222222; --top-3: #2e2e2e; --top-ln: #3a3a3a; --top-tx: #ffffff; --top-mu: #d9d9d9; --top-line: #d90012; --top-btn: #d90012; --top-btn-tx: #ffffff;      
  --bg: #f7f5f5; --sf: #ffffff; --sf2: #efe9e9; --sf3: #e6dede; --ln: #e2d9d9; --ln2: #c9bcbd; --tx: #171113; --mu: #4a3f42; --mu2: #6e6265;
  --ac: #d90012; --ac-h: #b0000e; --ac-t: #fbe6e8; --ac-t2: #f6cfd3; --ac-tx: #ffffff; --btn: #d90012; --btn-h: #b0000e; --btn-tx: #ffffff;
  --ok-t: #e3f4ec; --warn-t: #fdf1da; --bad: #b42318; --bad-t: #fdeae8;
  --sh: 0 1px 2px rgba(23, 17, 19, .06); --sh2: 0 1px 3px rgba(23, 17, 19, .08); --sh3: 0 2px 8px rgba(23, 17, 19, .12);
  --ring: 0 0 0 3px #f6cfd3; --cb: #e2d9d9; --seg-on: #ffffff; --r: 4px;
  --s1: #4a3f42; --s2: #4a3f42; --s4: #4a3f42; --s5: #4a3f42; --s7: #4a3f42; --s8: #4a3f42;   
  --fav: #9a5b00; --fav-t: #fdf1da; --fav-tx: #9a5b00;
}
html:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0e0b0c; --surface: #171214; --surface-2: #211a1c; --line: #2e2527; --line-strong: #44383b;
  --ink: #f4eeee; --ink-2: #cbbfc1; --ink-3: #9b8e91;
  --accent: #ff4d5a; --accent-hover: #ff7883; --accent-ink: #1a0003; --accent-soft: #3a1016;
  --sel: #55161e; --sel-ink: #ffd0d5; --sel-soft: #3a1016; --sel-text: #ff7883; --focus-line: #ff4d5a; --focus: 0 0 0 3px rgba(255, 77, 90, .38);
  --ok: #3ddc97; --ok-soft: #0f2b22; --warn: #f0b44c; --warn-soft: #2d2410; --err: #ff8a7d; --err-soft: #331816;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4);
  --r-sm: 2px; --r-md: 2px; --r-lg: 4px; --opt-r: 2px; --chip-r: 2px; --card-r: 4px;
  --band: #0a0708; --band-2: #171214; --band-3: #211a1c; --band-ln: #2e2527; --band-tx: #f4eeee; --band-mu: #cbbfc1; --band-mu2: #9b8e91;
  --band-hi: #ffffff; --band-ln2: #4a3f42; --band-0: #0c090a; --band-4: #35292c;
  --top-bg: #0a0708; --top-2: #171214; --top-3: #211a1c; --top-ln: #2e2527; --top-tx: #f4eeee; --top-mu: #cbbfc1; --top-line: #ff4d5a; --top-btn: #ff4d5a; --top-btn-tx: #1a0003;
  --bg: #0e0b0c; --sf: #171214; --sf2: #211a1c; --sf3: #2a2224; --ln: #2e2527; --ln2: #44383b; --tx: #f4eeee; --mu: #cbbfc1; --mu2: #9b8e91;
  --ac: #ff4d5a; --ac-h: #ff7883; --ac-t: #3a1016; --ac-t2: #55161e; --ac-tx: #1a0003; --btn: #ff4d5a; --btn-h: #ff7883; --btn-tx: #1a0003;
  --ok-t: #0f2b22; --warn-t: #2d2410; --bad: #ff8a7d; --bad-t: #331816;
  --sh: 0 1px 2px rgba(0, 0, 0, .4); --sh2: 0 1px 3px rgba(0, 0, 0, .45); --sh3: 0 2px 8px rgba(0, 0, 0, .5);
  --ring: 0 0 0 3px #55161e; --cb: #2e2527; --seg-on: #2a2224; --r: 4px;
  --s1: #cbbfc1; --s2: #cbbfc1; --s4: #cbbfc1; --s5: #cbbfc1; --s7: #cbbfc1; --s8: #cbbfc1;
  --fav: #f0b44c; --fav-t: #2d2410; --fav-tx: #f0b44c;
}
h1, h2, h3, .arch-t, .ln-h1 { font-weight: 700; letter-spacing: -.03em; }
.logo { font-weight: 800; letter-spacing: -.04em; }
.top { background: var(--top-bg); border-bottom: 2px solid var(--top-line); backdrop-filter: none; -webkit-backdrop-filter: none;
  --paper: var(--top-bg); --surface: var(--top-2); --surface-2: var(--top-3); --line: var(--top-ln); --line-strong: var(--top-ln); --ink: var(--top-tx); --ink-2: var(--top-mu); --ink-3: var(--top-mu); color: var(--ink); }
.top .wrap { height: 56px; }
.top .logo, .top .nav a, .top .theme-toggle, .top .nav-auth-item { color: var(--top-tx); }
.top .logo .mk-body { fill: var(--top-tx); }
.top .nav a { border-radius: 0; }
.top .nav a:hover { background: var(--top-2); color: var(--top-tx); }
.top .nav a[aria-current="page"] { background: none; color: var(--top-tx); font-weight: 700; box-shadow: inset 0 -2px 0 var(--top-tx); }
.top .nav-sep { background: var(--top-ln); }
.top .btn.ghost { color: var(--top-tx); border-color: var(--top-ln); }
.top .icon-btn { background: var(--top-2); border-color: var(--top-ln); color: var(--top-tx); }
.top .btn:not(.ghost):not(.secondary), html .ln .top a.btn:not(.ghost):not(.secondary) { background: var(--top-btn); border-color: var(--top-btn); color: var(--top-btn-tx); }
.btn, .ln-btn { height: 40px; border-radius: 2px; letter-spacing: -.01em; }
.btn.sm { height: 32px; }
.btn.lg { height: 44px; border-radius: 2px; }
input[type=text], input[type=email], input[type=password], input[type=date], input[type=search], select, input:not([type]), textarea { border-radius: 2px; height: 40px; }
textarea { height: auto; }
.badge, .chip, .cchip, .srcb, .ln-chip, .ln-src b, .ln-me, .bst-l, .nbadge, .pk, .clsbadge { border-radius: 2px; }
.badge { height: 24px; padding: 0 8px; border: 1px solid var(--line); background: var(--surface-2); color: var(--ink-2); }
.badge::before { display: none; }
.srcb[class] { --src-c: var(--ink-2); }
.ln-src b { height: 22px; border: 1px solid var(--line); background: var(--surface-2); color: var(--ink-2) !important; }
.ln-src b::before { display: none; }
.ln-chip, .ln-chip .lb, .ln-chip i { color: var(--tx); }
.ln-chip { height: 30px; background: var(--ac-t); border: 1px solid var(--ac-t2); }   
.ln-chip:hover { background: var(--ac-t2); }
.ln-chip:hover i { background: var(--ac); color: var(--ac-tx); }
.ln-chip.clear { background: none; color: var(--mu); border: 1px solid var(--ln2); }
a { color: var(--ink); }
:where(p, li, td, dd, dt, small, label, .lead, .sub) a:not([class]) { text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; }   
:where(p, li, td, dd, dt, small, label, .lead, .sub) a:not([class]):hover { text-decoration-color: var(--ink); }
.eyebrow { color: var(--ink-3); }
.hero h1 em { color: inherit; }
.hero .proof svg { color: var(--ink-3); }
.hero .proof .proof-key { background: var(--surface-2); }
.tabs, .page-head .tabs { background: none; padding: 0; gap: 0; border-bottom: 2px solid var(--line); border-radius: 0; }
.tabs a, .page-head .tabs a { border-radius: 0; padding: 8px 14px; margin-bottom: -2px; border-bottom: 2px solid transparent; font-weight: 600; }
.tabs a[aria-current="page"], .page-head .tabs a[aria-current="page"] { background: none; box-shadow: none; border-bottom-color: var(--ink); color: var(--ink); }
.pager a, .ln-pg button { border-radius: 2px; }
.pagerbar { border-radius: 2px; }
.pagerbar.stuck { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--surface); border-color: var(--line); box-shadow: none; }
.panel { border-radius: 4px; }
.elev { box-shadow: none; border: 1px solid var(--line); }
.ln-side, .ln-det, .ln-list.rows, .ln-card .c-open { box-shadow: none; border-radius: 4px; }
.ln-card .c-open:hover { box-shadow: none; transform: none; border-color: var(--ln2); }
.ln-card.on .c-open { box-shadow: none; border-color: var(--ink); }
.ln-line { box-shadow: none; }
.ln-sum b { color: var(--tx); }
.ln-list.rows .ln-rowhead, .ln-list.rows .ln-card .c-open { gap: 0; }
.ln-list.rows .ln-rowhead > *, .ln-list.rows .ln-card .c-open > * { padding: 0 10px; border-left: 1px solid var(--ln); min-width: 0; }
.ln-list.rows .ln-rowhead > :first-child, .ln-list.rows .ln-card .c-open > :first-child { border-left: 0; }
.ln-list.rows .ln-rowhead { counter-reset: shcol; font-family: var(--mono); font-size: 11.5px; letter-spacing: 0; }
.ln-list.rows .ln-rowhead > span::before { counter-increment: shcol; content: counter(shcol, upper-alpha) "  "; color: var(--mu2); }
.ln-list.rows .ln-card.on .c-open { background: var(--sf2); box-shadow: inset 3px 0 0 var(--ink); }
@media (min-width: 901px) {
  .arch .ln-main > .ln-side { display: flex; }   
  .v-filters-top .ln-side { border-radius: 2px; background: var(--band-3); border: 1px solid var(--band-ln2); color: var(--band-tx);
    --bg: var(--band-3); --sf: var(--band); --sf2: var(--band-2); --sf3: var(--band-4); --ln: var(--band-ln); --ln2: var(--band-ln2); --tx: var(--band-tx); --mu: var(--band-mu); --mu2: var(--band-mu2); --cb: var(--band-ln); --seg-on: var(--band); }   
  .v-filters-top .ln-side-b > .fg { flex: 1 1 150px; max-width: 260px; border-bottom: 0; padding: 0; }
  .v-filters-top .ln-side-b .fg legend { color: var(--band-mu2); }
  .v-detail-drawer .ln-det { border: 0; border-left: 1px solid var(--ln); box-shadow: none; }   
  .v-detail-drawer .ln-det-h { background: var(--band); color: var(--band-tx); border-bottom: 0; }
  .v-detail-drawer .ln-det-h b { color: var(--band-hi); }
  .v-detail-drawer .ln-det-h .ln-x { color: var(--band-mu); }
}
.hero { background: var(--band); border-bottom: 1px solid var(--band-ln);
  --paper: var(--band); --surface: var(--band-2); --surface-2: var(--band-3); --line: var(--band-ln); --line-strong: var(--band-ln2); --ink: var(--band-tx); --ink-2: var(--band-mu); --ink-3: var(--band-mu2); color: var(--ink); }
.hero + .section { padding-top: clamp(28px, 5vw, 56px); }
.hero .lead { color: var(--ink-2); }
.mx-board { display: grid; gap: 18px; padding: clamp(18px, 2.4vw, 28px); border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
.mx-total { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.mx-k { flex-basis: 100%; font-size: var(--fs-sm); color: var(--ink-3); }
.mx-n { font-size: clamp(2.4rem, 1.8rem + 2.6vw, 3.75rem); font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.mx-u { font-size: var(--fs-lg); color: var(--ink-2); font-weight: 600; }
.mx-rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.mx-rows a { display: grid; grid-template-columns: 5.2em minmax(0, 1fr) auto; grid-template-areas: "l bar c" ". d d"; gap: 2px 12px; align-items: center; padding: 8px 6px; border-radius: 2px; color: var(--ink); text-decoration: none; }
.mx-rows a:hover { background: var(--surface-2); text-decoration: none; }
.mx-l { grid-area: l; font-weight: 650; }
.mx-bar { grid-area: bar; height: 8px; border-radius: 0; background: var(--surface-2); overflow: hidden; }
.mx-bar i { display: block; height: 100%; background: var(--ink-2); }
.mx-c { grid-area: c; font-variant-numeric: tabular-nums; font-size: var(--fs-lg); }
.mx-d { grid-area: d; font-size: var(--fs-xs); color: var(--ink-3); }
.xs-app { border-color: var(--band-ln); }
.xs-app .xs-titlebar { background: var(--band-0); color: var(--band-hi); }
.xs-app .xs-dots i:nth-child(1) { background: var(--band-mu2); }
.xs-app .xs-ribbon { background: var(--band-2); }
.xs-app .xs-ribbon span.on, .xs-app .xs-tabs span.on { color: var(--band-hi); }
.xs-app .hx-grid td.xs-sel { outline-color: var(--band-hi); background: var(--band-3); }
.xs-app .hx-grid thead th:nth-child(2), .xs-app .hx-grid tr.hd th { background: var(--band-3); color: var(--band-hi); }
.xs-app .xs-tabs span.on { border-bottom-color: var(--band-hi); }
.hero .hero-sheet .hx-sheet { box-shadow: none; border: 1px solid var(--band-ln); }
:root[data-theme="dark"] .xs-app .xs-ribbon span.on, :root[data-theme="dark"] .xs-app .hx-grid thead th:nth-child(2), :root[data-theme="dark"] .xs-app .hx-grid tr.hd th, :root[data-theme="dark"] .xs-app .xs-tabs span.on { color: #fff; }
.od-head h1 { padding-left: 12px; border-left: 4px solid var(--ac); line-height: 1.15; }
.od-no { padding-left: 16px; }
.od-view .panel { border-radius: 2px; }
.od-auth { gap: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 2px; }
.od-auth div { border-radius: 0; background: var(--surface); box-shadow: -1px 0 0 var(--line), 0 -1px 0 var(--line); }
.mxg { max-width: none; padding: 0 0 56px; gap: 0; }
.mxg-hero { background: var(--band); color: var(--band-tx); padding: clamp(32px, 6vh, 56px) 0; }
.mxg-hero .eyebrow { color: var(--band-mu2); }
.mxg-hero h1 { margin: 10px 0 0; color: var(--band-hi); font-size: clamp(2rem, 1.3rem + 2.6vw, 3.2rem); line-height: 1.12; letter-spacing: -.04em; }
.mxg-hero h1 em { font-style: normal; color: inherit; }
.mxg-lead { margin: 14px 0 0; max-width: 56ch; color: var(--band-mu); }
.mxg-steps { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.mxg-steps a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 8px; border: 1px solid var(--band-ln2); border-radius: 2px; color: var(--band-tx); text-decoration: none; font-weight: 600; font-size: var(--fs-sm); }
.mxg-steps a b { font-family: var(--mono); font-weight: 500; padding: 2px 6px; background: var(--sel); color: var(--sel-ink); border-radius: 2px; font-size: 12px; }
.mxg-steps a:hover { border-color: var(--band-hi); }
.mxg-body { display: grid; gap: 40px; padding-top: 36px; }
.mxg-sec { display: grid; gap: 18px; scroll-margin-top: 80px; }
.mxg-h { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; }
.mxg-h > b { font-family: var(--mono); font-weight: 500; font-size: 2.4rem; line-height: 1; color: var(--sel-ink); background: var(--sel); padding: 6px 10px; border: 2px solid var(--sel); border-radius: 2px; }
.mxg-h h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.03em; }
.mxg-h p { margin: 4px 0 0; color: var(--ink-2); }
.mxg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; align-items: start; }
.mxg-grid.three { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.mxg-aside { display: grid; gap: 8px; padding: 16px 18px; border-left: 1px solid var(--line-strong); background: var(--surface); color: var(--ink-2); line-height: 1.55; }
.mxg-aside p { margin: 0; }
.mxg-k { font-weight: 800; color: var(--ink); letter-spacing: -.02em; }
.mxg-aside .btn { justify-self: start; }
.mxg-install { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--line); border-radius: 2px; color: var(--ink-2); }
.mxg-install span { padding: 6px 10px; border-radius: 2px; background: var(--surface-2); font-size: var(--fs-sm); }
.mxg-install span b { color: var(--ink); }
.mxg-install .btn { margin-left: auto; }
.mxg .gshot { border-radius: 2px; border: 1px solid var(--line-strong); box-shadow: none; }
.mxg .gpin, .mxg .gnum { background: var(--sel); color: var(--sel-ink); border-radius: 2px; font-family: var(--mono); box-shadow: none; }
.mxg .gnotes li { padding-bottom: 8px; border-bottom: 1px dashed var(--line); }
.mxg .guide-at { padding-top: 8px; }
@media (max-width: 760px) { .mxg-grid, .mxg-grid.three { grid-template-columns: 1fr; } .mxg-install .btn { margin-left: 0; } }
.mx404 { background: var(--band); color: var(--band-tx); padding: clamp(48px, 10vh, 120px) 0; min-height: 60vh; display: grid; align-items: center; }
.mx404-no { margin: 0; font-family: var(--mono); font-weight: 500; font-size: clamp(5rem, 4rem + 9vw, 11rem); line-height: .9; color: var(--band-hi); letter-spacing: -.04em; }
.mx404-no span { color: var(--band-mu2); }
.mx404 h1 { margin: 18px 0 0; color: var(--band-hi); letter-spacing: -.03em; }
.mx404 p { color: var(--band-mu); max-width: 48ch; }
.mx404-links { display: flex; flex-wrap: wrap; gap: 10px; }
.ln-list .c-new, .c-new { background: var(--sel); color: var(--sel-ink); }   
.fg select.on { border-color: var(--ac); background-color: var(--ac-t); color: var(--sel-text); }
.fg-more, .fg-kt, .ln-side-clr { color: var(--tx); }
.fg-kt { border-color: var(--tx); }
.ln-side-clr:hover { background: var(--sf2); }
.ln-view button[aria-pressed="true"] { background: var(--sf3); color: var(--tx); }
.ln-sortb .si svg { color: var(--mu); }
.ln-pg button[aria-current="page"] { background: var(--sel); border-color: var(--ac); color: var(--sel-ink); }
.ln-pg button:hover:not(:disabled):not([aria-current]) { border-color: var(--tx); color: var(--tx); }
.ln-btn:hover { border-color: var(--tx); color: var(--tx); background: var(--sf2); }
.ln-list.rows .ln-card.on .c-open { background: var(--ac-t); box-shadow: inset 3px 0 0 var(--ac); }
.ln-card.on .c-open { border-color: var(--ac); }
.arch-bagn { background: var(--sel); color: var(--sel-ink); }
.arch-bagp .bag-add { color: var(--tx); border-color: var(--tx); }
.ln a { color: var(--tx); }
.ln a.btn:not(.ghost):not(.secondary) { color: var(--accent-ink); }
.arch .seg { display: flex; gap: 0; padding: 3px; background: var(--sf2); border: 0; border-radius: min(var(--opt-r), 12px); }
.arch .seg label { height: 28px; padding: 0 8px; border: 0; border-radius: min(calc(var(--opt-r) - 2px), 10px); font-size: 13px; font-weight: 500; color: var(--mu); background: none; box-shadow: none; }
.arch .seg label:has(input:checked) { background: var(--seg-on); color: var(--tx); font-weight: 700; box-shadow: none; }
.arch .seg label:has(input:focus-visible) { outline: 2px solid var(--focus-line); outline-offset: -1px; box-shadow: none; }
.bsrs { display: grid; gap: 4px; }
.bsr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "ck t n" "ck bar bar"; align-items: center; gap: 2px 8px; padding: 6px 8px; border: 1px solid var(--ln); border-radius: min(var(--opt-r), 10px); cursor: pointer; }
.bsr input { grid-area: ck; width: 16px; height: 16px; margin: 0; accent-color: var(--tx); }
.bsr .sr-ic { display: none; }
.bsr .bsr-t { grid-area: t; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; min-width: 0; font-size: 13px; line-height: 1.3; }
.bsr .bsr-t b { color: var(--tx); }
.bsr .bsr-t small { color: var(--mu2); font-size: 11.5px; }
.bsr .bsr-n { grid-area: n; color: var(--mu); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.bsr .bsr-bar { grid-area: bar; display: block; height: 3px; background: var(--sf3); border-radius: 2px; overflow: hidden; }
.bsr .bsr-bar i { display: block; height: 100%; background: var(--mu2); }
.bsr:has(input:checked) { border-color: var(--ac); background: var(--ac-t); }
@media (min-width: 901px) {
  .v-filters-top .ln-side-b > .fg-src { flex: 1 1 320px; max-width: 460px; }
  .v-filters-top .bsrs { grid-template-columns: 1fr 1fr; }
}
.src .ic { background: var(--surface-2); color: var(--ink-2); }
.src .go, .plan li svg, .app-cp-t em, .hx-facts b, .uc-q svg, .uc-no, .pick-save, .shk-note.save, .shk-ol em, .summary .total strong, .tk-head h1 em, .step b, .steps .step::before { color: var(--ink); }
.plan .tag, .pick-ribbon, .shk-no, .grade { background: var(--sel); color: var(--sel-ink); }
.v-checkout-sheet .choice label.shk-row:has(input:checked) { border-color: var(--ac); }
.shk-opt.on, .shk-opt.on .shk-radio { border-color: var(--ac); }
.shk-opt.on .shk-radio { background: var(--sel); }
.v-checkout-ticket .choice label:has(input:checked) { border-color: var(--ac); background: var(--sel-soft); box-shadow: inset 0 0 0 1px var(--ac); }
.v-checkout-ticket .paym label:has(input:checked) { border-color: var(--ac); box-shadow: inset 0 0 0 1px var(--ac); background: var(--sel-soft); }
.v-checkout-ticket .seg label:has(input:checked) { border-color: var(--ac); background: var(--sel); color: var(--sel-ink); }
.v-checkout-ticket .summary .total strong, .v-checkout-ticket .summary dd { color: var(--ink); border-color: var(--line); }
.fg-pk { color: var(--mu); }   
@media (min-width: 901px) { .v-filters-top .bsr .bsr-t small { display: none; } .v-filters-top .ln-side-b > .fg-src { max-width: 420px; } }   
@media (min-width: 901px) {   
  .v-filters-top .ln-side-b > .fg { flex: 0 1 auto; max-width: none; }
  .v-filters-top .ln-side-b > .fg:has(select) { flex: 1 1 150px; max-width: 220px; }
  .v-filters-top .ln-side-b > .fg-src { flex: 1 1 320px; max-width: 420px; }
}
html .arch .seg label:has(input:checked) { background: var(--seg-on); border-color: transparent; color: var(--tx); }
.app-cp { background: var(--surface); border-color: var(--line); }
.app-cp-ic { background: var(--sel-soft); color: var(--sel-text); }
.xs-app .xs-rows, .xs-app .xs-ribbon span { color: var(--band-mu); }
.v-checkout-steps .choice label:has(input:checked) { border-color: var(--ac); background: var(--sel-soft); }
.v-checkout-steps .choice label.pick-all { border-color: var(--ac); }
.v-checkout-steps .choice label:has(input:checked)::before, .v-checkout-steps .pick-ribbon, .tk-steps b { background: var(--sel); color: var(--sel-ink); }
.v-checkout-steps .seg label:has(input:checked) { background: var(--sel); color: var(--sel-ink); }
.v-checkout-steps .paym label:has(input:checked) { border-color: var(--ac); box-shadow: inset 0 0 0 1px var(--ac); background: var(--sel-soft); }
.tabs2 a[aria-current="page"] { background: var(--sel); border-color: var(--ac); color: var(--sel-ink); }
.span-pick.on > summary { background: var(--sel); border-color: var(--ac); color: var(--sel-ink); }
.choice label:has(input:checked), .paym label:has(input:checked) { border-color: var(--ac); box-shadow: inset 0 0 0 1px var(--ac); }
.refund-ok:has(input:checked) { border-color: var(--ac); }
.refund-ok:has(input:checked) .box { background: var(--ac); border-color: var(--ac); }
.check input, .pp-inputs input[type=range] { accent-color: var(--ac); }
.switch input:checked + .sw-track { background: var(--ac); }
.dep-code { border-color: var(--ac); }
.pager a[aria-current="page"], .ln-pg button[aria-current="page"] { border-color: var(--ac); }
html .arch .seg label:has(input:checked) { background: var(--seg-on); color: var(--tx); box-shadow: inset 0 0 0 1px var(--ln2); }
html .arch .seg:not(.def) label:has(input:checked) { background: var(--sel); color: var(--sel-ink); box-shadow: inset 0 0 0 1px var(--ac); }
:root[data-theme="dark"] .xf-file { color: #062a1c; }   
.mxg .gpin, .mxg .gnum { box-shadow: 0 0 0 2px var(--surface); }   
.ln-sortb .sdef, .ln-sortm .sdef { background: var(--sel-soft); color: var(--sel-text); }
html .arch .seg label:has(input:checked) { box-shadow: inset 0 0 0 1px var(--mu2); }
.qs-tab[aria-selected="true"], .v-checkout-steps .seg label:has(input:checked), .v-checkout-ticket .seg label:has(input:checked), .tabs a[aria-current="page"], .page-head .tabs a[aria-current="page"] { box-shadow: inset 0 0 0 1px var(--ac); }
.ln-view button[aria-pressed="true"], .kp-l1 button[aria-selected="true"], .my-nav a[aria-current="page"] { background: var(--sel); color: var(--sel-ink); box-shadow: inset 0 0 0 1px var(--ac); }
.choice label.pick-all:not(:has(input:checked)) { border-color: var(--line-strong); background: var(--surface); box-shadow: none; }
.bsr:has(input:checked) small { color: var(--mu); }
.bsr input, .ch input, .gp-ck input { accent-color: var(--ac); }
.bsr input:focus-visible, .ln-sortm [role="option"]:focus-visible { outline: 2px solid var(--focus-line); outline-offset: 1px; }
::placeholder { color: var(--ink-3); opacity: 1; }
h1, h2, h3, .grade, .ln-h1 { word-break: keep-all; overflow-wrap: break-word; }
.xf-sum { word-break: keep-all; }
:root:not([data-theme="dark"]) { --field-ln: #8a7f81; --switch-off: #8a7f81; }
:root[data-theme="dark"] { --field-ln: #7a6a6d; --switch-off: #7a6a6d; }
html :is(input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=search], input:not([type]), select, textarea):not(:focus):not(:focus-visible) { border-color: var(--field-ln); }
html .xf-sw:not(:checked), html .switch input:not(:checked) + .sw-track { background-color: var(--switch-off); }
@media (max-width: 1080px) {
  .top .nav { --paper: var(--bg); --surface: var(--sf); --surface-2: var(--sf2); --line: var(--ln); --line-strong: var(--ln2); --ink: var(--tx); --ink-2: var(--mu); --ink-3: var(--mu2); color: var(--tx); }
  .top .nav a, .top .nav .nav-auth-item, .top .nav .theme-toggle, .top .nav button.link { color: var(--tx); }
  .top .nav a[aria-current="page"] { color: var(--sel-ink); background: var(--sel); box-shadow: inset 0 -2px 0 var(--ac); }
  .top .nav a:hover { background: var(--sf2); color: var(--tx); }
}
.top :focus-visible { outline: 2px solid var(--top-tx); outline-offset: 2px; box-shadow: none; }
html:root:not([data-theme="dark"]) .top .logo svg > circle:first-of-type { fill: #ffffff; }
.pick-ribbon, html .shk-name em:not(.ok) { background: var(--sel); color: var(--sel-ink); }
.ch:has(input:checked), .gp-ck:has(input:checked), .xf-t em, .xf-xmx tr.x td:first-child, html .ln-sortm li[aria-selected="true"] { color: var(--sel-text); }
.hero .mx-board { border-color: var(--line-strong); }
@media (min-width: 961px) { .hero .wrap > .mx-board { order: -1; } }
.v-checkout-form .seg label:has(input:checked) { background: var(--sel); color: var(--sel-ink); box-shadow: inset 0 0 0 1px var(--ac); }
@media (max-width: 1080px) { .top .nav :focus-visible { outline: 2px solid var(--focus-line); outline-offset: -2px; } }
@media (max-width: 359px) { .arch-tools #ln-sortl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .arch-tools .ln-sortb { padding-inline: 10px; } }
@media (min-width: 901px) {
  .v-filters-side .ln-side { border-radius: 2px; background: var(--band-3); border: 1px solid var(--band-ln2); box-shadow: none;
    --sf: var(--band); --sf2: var(--band-2); --sf3: var(--band-4); --seg-on: var(--band); }
  .v-filters-side .ln-side-b .fg legend { color: var(--band-mu2); font-family: var(--mono); letter-spacing: 0; }
}
.mx-bar { display: flex; }
.mx-bar i { flex: none; }
.mx-bar i.o, .mx-s i.o { background: var(--ink-2); }
.mx-bar i.p, .mx-s i.p { background: var(--warn); }
.mx-bar i.c, .mx-s i.c { background: var(--line-strong); }
.mx-s { display: inline-flex; align-items: center; gap: 4px; margin-right: 8px; white-space: nowrap; }
.mx-s i { display: inline-block; width: 8px; height: 8px; }
html:root:not([data-theme="dark"]) { --mx-head: #f1eaea; --mx-grid: #d9cfd0; --mx-cell: #cdbfc1; }
html:root[data-theme="dark"] { --mx-head: #1d1719; --mx-grid: #3a2f32; --mx-cell: #4a3d40; }
.arch { --mx-num: "IBM Plex Mono", "Pretendard Variable", Pretendard, ui-monospace, monospace; }
.arch.v-search-bar .arch-top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 12px; padding-top: 0; }
.arch.v-search-bar .arch-top > .arch-search { position: relative; order: -1; flex: 1 1 100%; min-width: 0; margin: 0 0 14px; padding: 8px 0; background-color: var(--mx-head); border: 0; }
.arch.v-search-bar .arch-top > .arch-search::before { content: ''; position: absolute; inset: 0; background: var(--mx-head); box-shadow: 0 0 0 100vmax var(--mx-head), 0 1px 0 100vmax var(--mx-grid); clip-path: inset(0 -100vmax -1px); pointer-events: none; }
.arch.v-search-bar .arch-top > .arch-search > * { position: relative; }
.arch:is(.v-search-bar, .v-search-side) .arch-search .arch-q { width: 100%; max-width: none; height: 38px; margin: 0; padding: 0; gap: 0; border: 1px solid var(--field-ln); border-radius: 0; background: var(--sf); box-shadow: none; transition: none; }
.arch:is(.v-search-bar, .v-search-side) .arch-search .arch-q:focus-within { border-color: var(--ac); box-shadow: inset 0 0 0 1px var(--ac); }
.arch:is(.v-search-bar, .v-search-side) .arch-q > svg { flex: none; box-sizing: content-box; width: 18px; height: 18px; padding: 9px 11px; background: var(--mx-head); border-right: 1px solid var(--mx-cell); color: var(--mu); }
.arch:is(.v-search-bar, .v-search-side) .arch-q input { padding: 0 12px; }
.arch:is(.v-search-bar, .v-search-side) .arch-q > button { height: 100%; margin: 0; padding: 0 22px; border-radius: 0; font-size: 14px; }
.arch:is(.v-search-bar, .v-search-side) .arch-q .ln-sug { top: calc(100% + 1px); left: -1px; right: -1px; padding: 0; border-radius: 0; border-color: var(--mx-cell); box-shadow: var(--sh2); }
.arch:is(.v-search-bar, .v-search-side) .arch-q .ln-sug li { border-radius: 0; padding: 8px 12px; border-top: 1px solid var(--mx-grid); }
.arch:is(.v-search-bar, .v-search-side) .arch-q .ln-sug li:first-child { border-top: 0; }
.arch.v-search-bar .arch-h1 { margin: 0 0 12px; font-size: clamp(19px, 1.7vw, 22px); letter-spacing: -.035em; }
.arch.v-search-bar .arch-sum { margin: 0 0 12px; font-size: 13px; }
.arch .arch-sum b { display: inline-flex; align-items: center; gap: 2px; height: 26px; margin-left: 4px; padding: 0 9px; border: 1px solid var(--mx-cell); background: var(--sf); font-size: 14px; font-weight: 600; }
.arch .arch-sum #ln-total { font-family: var(--mx-num); font-weight: 500; letter-spacing: -.01em; }
@media (min-width: 901px) {
  .v-filters-side .ln-side { border-radius: 0; background: var(--mx-head); border: 1px solid var(--mx-grid); }
  .arch .ln-side > .arch-dlg { padding: 10px 12px 12px; border-top-color: var(--mx-grid); }
}
.arch .ln-side-b { counter-reset: mxfg; padding: 0; }
.arch .ln-side-b > .fg { padding: 0 12px 10px; border-bottom: 1px solid var(--mx-grid); }
.arch .ln-side-b > .fg:last-child { border-bottom: 0; }
.arch .ln-side-b > .fg > legend { counter-increment: mxfg; display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: calc(100% + 24px); height: 26px; margin: 0 -12px 8px; padding: 0 12px 0 0; background: var(--sf3); border-bottom: 1px solid var(--mx-grid); color: var(--tx); font-family: inherit; font-size: 12.5px; font-weight: 700; letter-spacing: 0; }
.arch .ln-side-b > .fg > legend::before { content: counter(mxfg, upper-alpha); flex: none; display: grid; place-items: center; width: 26px; height: 100%; border-right: 1px solid var(--mx-grid); font-family: var(--mx-num); font-size: 11.5px; font-weight: 500; color: var(--mu); }
.arch .ln-side-b > .fg > legend .fg-pk { font-weight: 500; color: var(--mu); }
.arch .ln-side-b > .fg > legend .fg-more { margin-left: auto; }
.arch .ln-side button.fg-pick { height: 34px; padding-left: 10px; border-radius: 0; border-color: var(--mx-cell); background-color: var(--sf); font-size: 14px; }
.arch .ln-side button.fg-pick.on { border-color: var(--ac); background-color: var(--sel); color: var(--sel-ink); }
.arch .ln-side .chs { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 1px 0 0 1px; }
.arch .ln-side .ch { justify-content: space-between; height: 30px; margin: -1px 0 0 -1px; padding: 0 8px; border-radius: 0; border-color: var(--mx-cell); background: var(--sf); color: var(--tx); font-size: 13px; }
.arch .ln-side .ch .n { font-family: var(--mx-num); color: var(--mu); }
.arch .ln-side .ch:hover { z-index: 1; border-color: var(--tx); color: var(--tx); }
.arch .ln-side .ch:has(input:checked) { z-index: 2; background: var(--sel); border-color: var(--ac); color: var(--sel-ink); font-weight: 600; }
.arch .ln-side .ch:has(input:checked) .n { color: var(--sel-ink); opacity: 1; }
.arch .ln-side .seg { gap: 0; padding: 0; background: var(--sf); border: 1px solid var(--mx-cell); border-radius: 0; }
.arch .ln-side .seg label { height: 30px; border-radius: 0; border-left: 1px solid var(--mx-grid); color: var(--mu); }
.arch .ln-side .seg label:first-child { border-left: 0; }
html .arch .ln-side .seg label:has(input:checked) { background: var(--sf); color: var(--tx); font-weight: 700; box-shadow: inset 0 0 0 2px var(--mu); }
html .arch .ln-side .seg:not(.def) label:has(input:checked) { background: var(--sel); color: var(--sel-ink); box-shadow: inset 0 0 0 2px var(--ac); }
.arch .ln-side .bsrs { gap: 0; padding-top: 1px; }
.arch .ln-side .bsr { position: relative; margin-top: -1px; padding: 5px 8px; border-radius: 0; border-color: var(--mx-cell); background: var(--sf); }
.arch .ln-side .bsr:hover { z-index: 1; border-color: var(--tx); }
.arch .ln-side .bsr:has(input:checked) { z-index: 2; background: var(--sel); border-color: var(--ac); }
.arch .ln-side .bsr .bsr-n { font-family: var(--mx-num); font-size: 12px; color: var(--tx); }
.arch .ln-side .bsr .bsr-bar { height: 2px; border-radius: 0; }
.arch .ln-side .fg select, .arch .ln-side .fg input[type="text"], .arch .ln-side .fg input[type="date"], .arch .ln-side .fg input[type="search"] { height: 32px; border-radius: 0; }
.arch .ln-side .fg-kt { border-radius: 0; }
.arch .arch-dlg .ln-btn, .arch .ln-side-f .ln-btn { height: 38px; border-radius: 0; }
.arch .arch-tools :is(.ln-tourb, button.ln-sortb, .ln-view, .ln-btn, .ln-myb) { border-radius: 0; }
.arch .ln-view { padding: 0; gap: 0; }
.arch .ln-view button { border-radius: 0; }
.arch .ln-view button + button { border-left: 1px solid var(--mx-grid); }
.arch .ln-sortb .sdef { border-radius: 0; }
.arch .ln-sortm { border-radius: 0; }
.arch .ln-sortm li { border-radius: 0; }
@media (min-width: 901px) {
  .arch .arch-bar { margin: 0 0 10px; padding: 6px; background: var(--mx-head); border: 1px solid var(--mx-grid); }
  .arch .arch-res:has(> .ln-list.rows):has(> .ln-note[hidden]) > .arch-bar { margin-bottom: 0; border-bottom: 0; }
  .arch .arch-tools { gap: 6px; }
  .arch .arch-tools :is(.ln-tourb, button.ln-sortb, .ln-view) { height: 34px; }
  .arch .arch-tools .ln-tourb { background: var(--sf); }
  .arch .arch-chips { margin-top: 6px; }
}
.arch .ln-chip { height: 28px; border-radius: 0; }
.arch .ln-chip i { border-radius: 0; }
.arch .ln-chip.clear { border-color: var(--mx-cell); }
.arch :is(.c-g, .ln-src b, .c-st) { border-radius: 0; }
.arch .ln-list .c-g { padding: 2px 5px; border-color: var(--mx-grid); }
.arch .ln-list .c-new { border-radius: 0; padding: 3px 5px; font-family: var(--mx-num); font-weight: 600; }
.arch .ln-list .c-dot { width: 8px; height: 8px; border-radius: 0; box-shadow: none; margin: 0 3px 0 0; }
.arch .ln-list .ln-src b { height: 19px; padding: 0 6px; font-size: 11px; }
.arch .ln-list.rows { counter-reset: mxrow; border: 1px solid var(--mx-grid); border-radius: 0; box-shadow: none; background: var(--sf); }
.arch .ln-list.rows .ln-card { counter-increment: mxrow; }
.arch .ln-list.rows .ln-rowhead, .arch .ln-list.rows .ln-card .c-open { position: relative; align-items: stretch; padding: 0 0 0 36px; }
.arch .ln-list.rows .ln-rowhead { background: var(--mx-head); border-bottom: 1px solid var(--mx-grid); color: var(--mu); font-size: 11.5px; font-weight: 600; }
.arch .ln-list.rows .ln-rowhead > *, .arch .ln-list.rows .ln-card .c-open > * { padding: 6px 10px; border-left: 1px solid var(--mx-grid); min-width: 0; }
.arch .ln-list.rows .ln-rowhead > * { display: flex; align-items: center; height: 30px; padding-block: 0; }
.arch .ln-list.rows .ln-rowhead > :first-child, .arch .ln-list.rows .ln-card .c-open > :first-child { border-left: 0; }
.arch .ln-list.rows .ln-rowhead > span::before { content: counter(shcol, upper-alpha); display: inline-grid; place-items: center; min-width: 16px; height: 16px; margin-right: 7px; padding: 0 3px; border: 1px solid var(--mx-cell); background: var(--sf); color: var(--mu); font-family: var(--mx-num); font-weight: 500; }
.arch .ln-list.rows :is(.ln-rowhead, .ln-card .c-open)::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 36px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: var(--mx-head); border-right: 1px solid var(--mx-grid); color: var(--mu); font-family: var(--mx-num); font-size: 11.5px; font-weight: 500; }
.arch .ln-list.rows .ln-card .c-open::before { content: counter(mxrow); }
.arch .ln-list.rows .ln-card .c-open { min-height: 38px; border-top: 1px solid var(--mx-grid); }
.arch .ln-list.rows .ln-rowhead + .ln-card .c-open { border-top: 0; }
.arch .ln-list.rows .c-h, .arch .ln-list.rows .c-k, .arch .ln-list.rows .c-a { align-items: center; }
.arch .ln-list.rows .c-c { align-items: center; align-content: center; gap: 1px 12px; }
.arch .ln-list.rows .c-f { justify-content: center; gap: 2px; }
.arch .ln-list.rows .c-n { font-size: 14px; }
.arch .ln-list.rows .c-k, .arch .ln-list.rows .c-a { font-size: 13px; }
.arch .ln-list .c-c > span:not(.none) > span, .arch .ln-list .c-d { font-family: var(--mx-num); }
.arch .ln-list.rows .c-c > span { font-size: 13px; font-weight: 500; letter-spacing: -.01em; }
.arch .ln-list.rows .c-d { font-size: 11px; }
.arch .ln-list.rows .ln-card .c-open:hover { background: var(--sf2); }
.arch .ln-list.rows .ln-card .c-open:hover::before { color: var(--tx); }
.arch .ln-list.rows .ln-card.on .c-open { background: var(--ac-t); box-shadow: inset 0 0 0 2px var(--ac); }
.arch .ln-list.rows .ln-card.on .c-open::before { background: var(--sel); color: var(--sel-ink); font-weight: 600; }
.arch .ln-list.rows .ln-card .c-open:focus-visible { outline: 2px solid var(--focus-line); outline-offset: -2px; }
.fav-on.arch .ln-list.rows .ln-rowhead, .fav-on.arch .ln-list.rows .ln-card .c-open { padding-left: 46px; }
.fav-on.arch .ln-list.rows :is(.ln-rowhead, .ln-card .c-open)::before { width: 46px; }
.fav-on.arch .ln-list.rows .ln-card .c-open::before { content: ''; }
.fav-on.arch .ln-list.rows button.c-fav { left: 8px; border-radius: 0; z-index: 1; }
.arch .ln-list:not(.rows) .ln-card .c-open { border-radius: 0; border-color: var(--mx-grid); }
.arch .ln-list:not(.rows) .ln-card.on .c-open { box-shadow: inset 0 0 0 1px var(--ac); }
.arch .ln-pg { gap: 0; }
.arch .ln-pg button { height: 34px; min-width: 36px; margin-left: -1px; border-radius: 0; border-color: var(--mx-cell); font-family: var(--mx-num); font-size: 13px; }
.arch .ln-pg button:first-child { margin-left: 0; }
.arch .ln-pg button[aria-current="page"], .arch .ln-pg button:hover:not(:disabled) { position: relative; z-index: 1; }
.arch .ln-det { border-radius: 0; }
.arch .ln-det-h { height: 46px; background: var(--mx-head); border-bottom: 1px solid var(--mx-grid); color: var(--tx); }
@media (min-width: 901px) {
  .v-detail-drawer .ln-det { border-left-color: var(--mx-cell); }
  .v-detail-drawer .ln-det-h { background: var(--mx-head); color: var(--tx); border-bottom: 1px solid var(--mx-grid); }
  .v-detail-drawer .ln-det-h b { color: var(--tx); }
}
.arch .ln-det .d-n { font-size: 20px; }
.arch .ln-det .d-tel > :is(a, span) { min-height: 44px; border-radius: 0; border: 1px solid var(--mx-cell); background: var(--sf); font-family: var(--mx-num); font-weight: 500; }
.arch .ln-det .d-tel > :is(a, span) small { font-family: var(--font); }
.arch .ln-det .d-tel > a:hover { border-color: var(--ac); }
.arch .ln-det .d-lock { border-radius: 0; }
.arch .ln-det .d-dl { gap: 0; border: 1px solid var(--mx-grid); font-size: 13.5px; }
.arch .ln-det .d-dl dt { padding: 7px 10px; background: var(--mx-head); border-top: 1px solid var(--mx-grid); border-right: 1px solid var(--mx-grid); }
.arch .ln-det .d-dl dd { padding: 7px 10px; border-top: 1px solid var(--mx-grid); }
.arch .ln-det .d-dl dt:first-of-type, .arch .ln-det .d-dl dd:first-of-type { border-top: 0; }
.arch .ln-det .d-why, .arch .ln-det .d-note, .arch .ln-det .d-src article { border-radius: 0; }
.arch .ln-det .d-note :is(select, input, textarea) { border-radius: 0; }
.arch .arch-bagp, .arch .arch-bagp :is(.bag-i, .bag-add, .bag-xg) { border-radius: 0; }
@media (max-width: 900px) {
  .arch.v-search-bar .arch-top > .arch-search { margin-bottom: 12px; }
  .arch.v-search-bar .arch-q > button { padding: 0 16px; }
  .arch .ln-list.rows .ln-card .c-open, .arch .ln-main.det-on .ln-list.rows .ln-card .c-open { gap: 2px; padding: 8px 12px 8px 42px; align-items: start; }
  .arch .ln-list.rows .ln-card .c-open > * { padding: 0; border-left: 0; }
  .arch .ln-list.rows :is(.ln-rowhead, .ln-card .c-open)::before { width: 32px; }
  .arch .ln-list.rows .c-c { align-content: start; }
  .fav-on.arch .ln-list.rows .ln-card .c-open { padding-left: 52px; }
  .fav-on.arch .ln-list.rows :is(.ln-rowhead, .ln-card .c-open)::before { width: 44px; }
  .fav-on.arch .ln-list.rows button.c-fav { left: 7px; }
}
.arch .ln-list.rows .ln-card .c-open > * { padding: 4px 10px; }
.arch .ln-list.rows .c-f { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; gap: 2px 6px; }
.arch .ln-list.rows .c-d { line-height: 1.35; }
@media (min-width: 1060px) {
  .arch.v-filters-side .ln-main:not(.det-on) .ln-list.rows :is(.ln-rowhead, .ln-card .c-open), .arch .ln-main:not(.det-on) .ln-list.rows :is(.ln-rowhead, .ln-card .c-open) { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.25fr) minmax(0, 1.4fr) minmax(0, 1.15fr) minmax(0, 1.15fr); }
}
@media (min-width: 1440px) {
  .arch .ln-main.det-on .ln-list.rows :is(.ln-rowhead, .ln-card .c-open) { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.25fr) minmax(0, 1.4fr) minmax(0, 1.15fr) minmax(0, 1.15fr); }
}
@media (max-width: 900px) {
  .arch .ln-list.rows { border-inline: 0; }
  .arch .ln-list.rows .ln-card .c-open > * { padding: 0; }
}
.arch .ln-dlg { border-radius: 4px; }
.arch .ln-dlg :is(.xf-ic, .xf-file, .xf-pv) { border-radius: 2px; }
.arch .ln-chip.qc { background: var(--sf); border: 1px solid var(--mx-cell); color: var(--tx); }
.arch .ln-chip.qc:hover { background: var(--sf2); }
.arch .ln-chip.qc:hover i { background: var(--ac); color: var(--ac-tx); }
@media (max-width: 359px) { .arch .ln-side .seg label { padding: 0 3px; } .arch .ln-side-b > .fg { padding-inline: 10px; } .arch .ln-side-b > .fg > legend { width: calc(100% + 20px); margin-inline: -10px; } }   
@media (max-width: 359px) { .arch .ln-pg button { min-width: 0; padding: 0 2px; } }   
.arch .ln-list .c-nts, .arch .ln-det .c-nts { border-radius: 0; }
.arch .ln-list.rows > .ln-empty { border: 0; border-radius: 0; box-shadow: none; }
.arch .ln-list:not(.rows) > .ln-empty, .arch .ln-empty-wait { border-radius: 0; box-shadow: none; }
@media (min-width: 901px) {
  .arch.v-title-tools .arch-tools { flex-wrap: nowrap; }   
  .arch.v-title-tools .arch-tools > .arch-h1 { display: block; flex: 0 1 auto; min-width: 0; box-sizing: border-box; height: 34px; margin: 0; padding: 0 16px; background: var(--sf); border: 1px solid var(--mx-cell); border-bottom: 2px solid var(--tx); color: var(--tx); font-size: 15px; font-weight: 700; line-height: 31px; letter-spacing: -.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .arch.v-count-side .ln-side > .arch-sum { align-items: stretch; gap: 0; padding: 8px 12px 0; border-top-color: var(--mx-grid); font-size: 13px; }
  .arch.v-count-side .ln-side > .arch-sum .ln-what { display: flex; align-items: center; flex: none; box-sizing: border-box; height: 34px; padding: 0 10px; background: var(--sf3); border: 1px solid var(--mx-cell); border-right: 0; color: var(--tx); font-size: 12.5px; font-weight: 700; }
  .arch.v-count-side .ln-side > .arch-sum b { flex: 1 1 auto; justify-content: flex-end; align-items: baseline; gap: 3px; box-sizing: border-box; height: 34px; margin: 0; padding: 0 10px; line-height: 32px; background: var(--sf); border: 1px solid var(--mx-cell); color: var(--mu); font-size: 12.5px; font-weight: 600; }
  .arch.v-count-side .ln-side > .arch-sum #ln-total { color: var(--tx); font-size: 17px; font-weight: 600; }
  .arch.v-count-side .ln-side > .arch-sum + .arch-dlg { padding: 8px 12px 12px; }
  .arch .ln-side > .ln-side-f { padding: 8px 12px; border-top-color: var(--mx-grid); }
  .arch .ln-side-f #ln-reset { height: 34px; gap: 6px; border-radius: 0; border-color: var(--mx-cell); background: var(--sf); color: var(--tx); font-size: 13px; font-weight: 600; }
  .arch .ln-side-f #ln-reset:hover { border-color: var(--tx); background: var(--sf2); }
  .arch .ln-side-f #ln-reset .ln-reset-i { color: var(--mu); }
  .arch .ln-side-f #ln-reset:hover .ln-reset-i { color: var(--tx); }
  .arch.v-search-bar.v-guide-side .ln-main > .ln-side { max-height: calc(100vh - var(--top) - 84px - var(--tour-res, 0px)); }
  .arch.v-guide-side .ln-side > .ln-tourb { height: 34px; padding: 0 12px 0 10px; border-radius: 0; border: 1px solid var(--mx-cell); background: var(--sf); color: var(--mu); font-size: 13px; font-weight: 600; }
  .arch.v-guide-side .ln-side > .ln-tourb:hover { border-color: var(--tx); color: var(--tx); }
}
@media (min-width: 901px) {
  .arch.v-title-tools .arch-tools > .arch-h1 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; margin: 0; padding: 0; border: 0; }
}
@media (min-width: 901px) {
  .arch.v-tools-top .arch-bar:not(:has(#ln-chips > *)) { display: none; }
}
.arch #ln-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.arch #ln-chips > .ln-chip, .arch #ln-chips > .ln-chip.clear { display: inline-flex; align-items: center; height: 28px; margin: 0; line-height: 1; box-sizing: border-box; }
@media (min-width: 901px) {
  .arch.v-tools-top .arch-bar { padding-top: 8px; padding-bottom: 8px; }
  .arch.v-tools-top .arch-bar > #ln-chips { margin: 0; }
}
@media (min-width: 901px) {
  .arch.v-search-side .ln-side > .arch-search { margin: 0; padding: 8px; background: var(--mx-head); border-bottom: 1px solid var(--mx-cell); }
  .arch.v-search-side .ln-side .arch-q input { font-size: 13.5px; }
  .arch.v-search-side .ln-side .arch-q > button { padding: 0 14px; }
}
:root { --si-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M12 2a7.5 7.5 0 0 0-7.5 7.5C4.5 15.3 12 22 12 22s7.5-6.7 7.5-12.5A7.5 7.5 0 0 0 12 2zm0 10.3a2.8 2.8 0 1 1 0-5.6 2.8 2.8 0 0 1 0 5.6z'/%3E%3C/svg%3E"); --si-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2.5 2 8.5V10.5h20V8.5z'/%3E%3Cpath d='M4 12h2.6v6.5H4zM8.5 12h2.6v6.5H8.5zM12.9 12h2.6v6.5h-2.6zM17.4 12H20v6.5h-2.6zM2 19.6h20v2.2H2z'/%3E%3C/svg%3E"); --si-8: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M2 3h3.5l.7 3.2H22l-2.4 9a1.6 1.6 0 0 1-1.6 1.2H8.5a1.6 1.6 0 0 1-1.6-1.3L4.7 5H2z'/%3E%3Ccircle cx='9' cy='20.3' r='1.8'/%3E%3Ccircle cx='17.5' cy='20.3' r='1.8'/%3E%3C/svg%3E"); --si-4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M3 2h12v20H3zm3 4v2h2V6zm4 0v2h2V6zm-4 4v2h2v-2zm4 0v2h2v-2zm-4 4v2h2v-2zm4 0v2h2v-2z'/%3E%3Cpath d='M16 8h5v14h-5z'/%3E%3C/svg%3E"); --si-5: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M6 2h8.5L20 7.5V22H6zm8 1.5V8h4.5zM9.2 14.6l1.2-1.2 1.9 1.9 3.8-3.8 1.2 1.2-5 5z'/%3E%3C/svg%3E"); }
.srci-place, .bsr.s-1 { --si: var(--si-1); }
.srci-local, .bsr.s-2 { --si: var(--si-2); }
.srci-openmarket, .bsr.s-8 { --si: var(--si-8); }
.srci-enterprise, .bsr.s-4 { --si: var(--si-4); }
.srci-procure, .bsr.s-5 { --si: var(--si-5); }
.srci { display: inline-flex; flex: none; align-items: center; justify-content: center; vertical-align: middle; margin-right: 7px; width:20px;height:20px;border-radius:2px; background: var(--ac); }
.srci::before { content: ''; width: 12px; height: 12px; background: #fff; -webkit-mask: var(--si) center / contain no-repeat; mask: var(--si) center / contain no-repeat; }
.bsr .bsr-t b::before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 5px; vertical-align: -2px; background: var(--ac); -webkit-mask: var(--si) center / contain no-repeat; mask: var(--si) center / contain no-repeat; }
.mx-rows a { grid-template-columns: 7.4em minmax(0, 1fr) auto; }   
.mx-l { display: inline-flex; align-items: center; white-space: nowrap; }
.arch #ln-chips .ln-chips-n { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; margin-right: 4px; border-radius: 2px; background: #111; color: #d9d9d9; font-size: 12.5px; white-space: nowrap; box-sizing: border-box; }
.arch #ln-chips .ln-chips-n b { color: #ff4d4d; font-size: 15px; font-weight: 800; font-family: var(--font-mono, ui-monospace, monospace); font-variant-numeric: tabular-nums; }
.arch #ln-chips .ln-chips-n .u { color: #d9d9d9; }
html body.arch .ln-side .ln-side-f #ln-reset { color: color-mix(in srgb, var(--ac) 60%, var(--tx)); border-color: color-mix(in srgb, var(--ac) 45%, transparent); background: color-mix(in srgb, var(--ac) 6%, transparent); font-weight: 600; }
html body.arch .ln-side .ln-side-f #ln-reset:hover { color: color-mix(in srgb, var(--ac) 75%, var(--tx)); border-color: var(--ac); background: color-mix(in srgb, var(--ac) 12%, transparent); }
html body.arch .ln-side .ln-side-f #ln-reset svg { color: inherit; }