/* Shared visual layer for the existing page structures. Keep original layouts,
   form contracts, breakpoints, icon fonts, embedded content and print styles. */
@media screen {
  html[data-surface="admin"] .b2b-orders { background: transparent; font-family: var(--site-font); }
  html[data-surface="admin"] .b2b-orders .page-container { padding: 0; }
  html[data-surface="admin"] .b2b-orders .b2b-channel-note { margin: 0 0 20px; padding: 12px 16px; border-left: 3px solid #c3cdd9; border-radius: 0 5px 5px 0; background: #eef1f5; color: #66717f; }
  html[data-surface="admin"] .b2b-orders .b2b-channel-note p { margin: 0; font-size: 13px; line-height: 1.7; }
  html[data-surface="admin"] .b2b-orders :is(.search-section,.list-section) { padding: 20px; border: 1px solid #dfe2e6; box-shadow: none; }
  html[data-surface="admin"] .b2b-orders .search-label { font-weight: 650; }
  html[data-surface="admin"] .b2b-orders .search-row { gap: 8px; }
  html[data-surface="admin"] .b2b-orders .stat-card { box-shadow: none; padding: 18px 14px; border-color: #dfe2e6; }
  html[data-surface="admin"] .b2b-orders .stat-card.accent .value { color: #286a52; }
  html[data-surface="admin"] .b2b-orders .stat-card.minus .value { color: #b74332; }
  html[data-surface="admin"] .b2b-orders :is(.excel-btn,.bulk-btn) { border: 1px solid #d5dce4; background: #fff; color: #303743; box-shadow: none; }
  html[data-surface="admin"] .b2b-orders :is(.excel-btn,.bulk-btn):hover { border-color: #a9b5c3; background: #f3f5f8; }
  html[data-surface="admin"] .b2b-orders .bulk-btn.b2b-danger-action { background: #fff6f4; color: #a33828; border-color: #edcfc7; }
  html[data-surface="admin"] .b2b-orders .excel-btn.b2b-primary-action { background: #242931; color: white; border-color: #242931; }
}
@media screen {
  /* Original page widths include the original rem-sized document scrollbar. */
  html[data-surface="customer"] :is([data-original-content], [data-original-member="true"]) ::-webkit-scrollbar { width: .5rem; height: .5rem; }
  html[data-surface="customer"] :is([data-original-content], [data-original-member="true"]) ::-webkit-scrollbar-thumb { min-height: 0; border: 0; background: #ff6000; border-radius: 1rem; }
  html[data-surface="customer"] :is([data-original-content], [data-original-member="true"]) ::-webkit-scrollbar-track { background: rgba(0,0,0,.1); }
  html[data-surface="customer"]:has([data-original-content], [data-original-member="true"]) { scrollbar-gutter: auto; }
  html[data-surface="customer"]:has([data-original-content], [data-original-member="true"])::-webkit-scrollbar,
  html[data-surface="customer"]:has([data-original-content], [data-original-member="true"]) body::-webkit-scrollbar { width: .5rem; }
  html[data-surface="customer"]:has([data-original-content], [data-original-member="true"])::-webkit-scrollbar-thumb,
  html[data-surface="customer"]:has([data-original-content], [data-original-member="true"]) body::-webkit-scrollbar-thumb { background: #ff6000; border: 0; border-radius: 1rem; }
  html[data-surface="customer"]:has([data-original-content], [data-original-member="true"])::-webkit-scrollbar-track,
  html[data-surface="customer"]:has([data-original-content], [data-original-member="true"]) body::-webkit-scrollbar-track { background: rgba(0,0,0,.1); }
  html[data-site-theme="renewal"] {
    /* Reserve the page scrollbar space while a modal locks body scrolling. */
    scrollbar-gutter: stable;
    --site-font: "SUIT Variable", "Pretendard GOV", sans-serif;
    --site-ink: #1d2229;
    --site-muted: #626974;
    --site-line: #dfe2e6;
    --site-surface: #f4f5f7;
    --site-accent: #f56522;
    --site-accent-ink: #bf4818;
    --site-selected: #fff2e9;
    --site-action: #242931;
    --point: #d74710;
    --point2: #242931;
    --point3: #1d2229;
    --btn_c: #1d2229;
    --bor_c: #dfe2e6;
    --border_gray: #dfe2e6;
    --border_black: #242931;
    --table_th: #f4f5f7;
    --table_tit_bgc: #f4f5f7;
    --line-color: #dfe2e6;
    --skin_bg: #242931;
    --primary: #242931;
    --primary-600: #353c46;
    --primary-700: #1d2229;
    --ring: #a6afba33;
    --f_xxxsmall: 12px;
    --f_xxsmall: 13px;
    --f_xssmall: 14px;
    --f_xsmall: 14px;
    --f_small: 15px;
    --f_middle: 18px;
    --f_xmiddle: 20px;
    --f_big: 28px;
    --jalnan: var(--site-font);
    --play: var(--site-font);
  }

  html[data-site-theme] body:not(:has([data-board-print])) {
    font-family: var(--site-font);
    color: var(--site-ink);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
  }
  html[data-site-theme] body:not(:has([data-board-print]))
    :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,summary,table,th,td,li,dt,dd,strong,em,address,div,span):not(.fa):not([class*="fa-"]):not([class*="iconfont"]):not([style*="font-family"]) {
    font-family: var(--site-font) !important;
    letter-spacing: var(--site-letter-spacing, -0.02em);
  }

  /* Customer shell: keep every menu, hero, breadcrumb and content position. */
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) {
    color: var(--site-ink);
  }
  html[data-surface="customer"] #header {
    border-bottom: 1px solid var(--site-line);
    box-shadow: none;
  }
  html[data-surface="customer"] #header .tSchArea .tSch_in {
    border: 1.5px solid var(--site-accent);
    border-radius: 7px;
    background: #fff;
    box-shadow: none;
  }
  html[data-surface="customer"] #header .tSchArea .tSch_in input[type="text"] {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--site-ink);
    font-size: 14px;
  }
  html[data-surface="customer"] #header .placeholder-design .placeholder {
    font-size: 14px;
    color: var(--site-muted);
  }
  html[data-surface="customer"] #header #pcMenu :is(#list>li>a,.out_menu>li>a) {
    font-size: 14px;
    font-weight: 600;
    color: var(--site-ink);
  }
  html[data-surface="customer"]:not(.intro) #header .right-utill :is(a,button) {
    font-size: 12px;
    color: var(--site-muted);
  }
  html[data-surface="customer"] #header :is(.cart_li,.gnbSub) {
    border-color: var(--site-line);
    border-radius: 8px;
    box-shadow: 0 8px 24px #1d273312;
  }
  html[data-surface="customer"] #header #pcMenu #list>li:is(.oPage,.active)>a,
  html[data-surface="customer"] #header #pcMenu #list>li>a:hover {
    color: var(--site-accent-ink);
  }
  html[data-surface="customer"] #sVisual {
    background: #eef0f3;
    color: var(--site-ink);
    border-bottom: 1px solid var(--site-line);
  }
  html[data-surface="customer"] #sVisual h2 {
    font-size: 32px;
    line-height: 1.35;
    font-weight: 750;
    color: var(--site-ink);
  }
  html[data-surface="customer"] #sVisual .s-txt {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--site-muted);
  }
  html[data-surface="customer"] #sVisual .go-home {
    border-radius: 6px;
    background: var(--site-action);
    font-size: 14px;
  }
  html[data-surface="customer"] #pageTop h3 {
    font-size: 26px;
    font-weight: 750;
    color: var(--site-ink);
    line-height: 1.35;
  }
  html[data-surface="customer"] #pageNavi {
    font-size: 12px;
    color: var(--site-muted);
  }
  html[data-surface="customer"] #snb:not([data-original-navigation]), html[data-surface="customer"] #snb:not([data-original-navigation]) #nav {
    background: #f7f8fa;
    border-color: var(--site-line);
  }
  html[data-surface="customer"] #snb:not([data-original-navigation]) #nav>li>a {
    font-size: 13px;
    color: var(--site-muted);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(h4.bul,h4.txt,h5.txt,.nTit) {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--site-ink);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(h5.bul,h6.txt,.nTxt) {
    font-size: 16px;
    line-height: 1.6;
    color: var(--site-muted);
  }

  /* Forms, account cards and actions. Widths/order/visibility stay with each page. */
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],select,textarea) {
    border-color: var(--site-line);
    border-radius: 6px;
    font-size: 14px;
    color: var(--site-ink);
    box-shadow: none;
  }
  html[data-site-theme] :is(#wrap,.sub_wrap,.sp-wrap,.login-pg,.sp-login-wrap,.sp-pw-change-wrap,.option-section) :is(input,textarea)::placeholder {
    color: #828a96;
    font-weight: 400;
  }
  html[data-site-theme] :is(#wrap,.sub_wrap,.sp-wrap,.login-pg,.sp-login-wrap,.sp-pw-change-wrap,.option-section) :is(input,textarea):focus-visible {
    outline: none;
    border-color: #778291;
    box-shadow: 0 0 0 2px #7782911a;
  }
  html[data-site-theme] :is(#wrap,.sub_wrap,.sp-wrap) :is(input[type="checkbox"],input[type="radio"]) {
    accent-color: var(--site-accent-ink);
  }
  html[data-site-theme] :is(#wrap,.sub_wrap,.sp-wrap,.login-pg) :is(button,a):focus-visible {
    outline: 2px solid #778291 !important;
    outline-offset: 3px;
  }
  html[data-surface="customer"] #header .tSchArea input:focus-visible {
    box-shadow: none;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .skin-member {
    border: 1px solid var(--site-line);
    border-radius: 8px;
    box-shadow: none;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .skin-member .h1>dt {
    font-size: 28px;
    font-weight: 750;
    line-height: 1.35;
    color: var(--site-ink);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .skin-member .h1>dd {
    font-size: 14px;
    line-height: 1.6;
    color: var(--site-muted);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .skin-member .h2 {
    font-size: 14px;
    font-weight: 650;
    color: var(--site-ink);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .skin-member :is(input[type="text"],input[type="password"],input[type="email"]) {
    background-color: #fff;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.skin-member .btns,.skin-member input[type="submit"],.board_btn .click,.my-table .btns,.my-change-form .btns,#sit_ov_btn .btn,.board_write .btns) {
    border-radius: 6px;
    font-size: 14px;
    font-weight: 650;
    box-shadow: none;
    text-shadow: none;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.skin-member input[type="submit"],.skin-member .btns.black,.skin-member .btns.point,.board_btn .click.point,#sit_ov_btn .btn.point) {
    background-color: var(--site-action);
    border-color: var(--site-action);
    color: #fff;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.board_btn .click.bor,.skin-member .btns.bor) {
    background-color: #fff;
    border-color: var(--site-line);
    color: var(--site-ink);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.tabDepth,.depth3,.m-tab) > a {
    border-color: var(--site-line);
    font-size: 14px;
    font-weight: 600;
    box-shadow: none;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.tabDepth,.depth3,.m-tab) > a:is(.active,.on) {
    background: var(--site-selected);
    color: var(--site-accent-ink);
    border-color: #f2cbb6;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .my-menu>a {
    font-size: 14px;
    color: var(--site-muted);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .my-menu>a.active {
    color: var(--site-ink);
    font-weight: 700;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .my-sect {
    background: #f7f8fa;
    border: 1px solid var(--site-line);
    border-radius: 8px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .my-sect .tit_wr .sect_tit {
    font-size: 20px;
    font-weight: 700;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit { display: grid; grid-template-columns: 28px auto 1fr auto; align-items: center; gap: 12px; width: 100%; padding: 0 0 24px; border-bottom: 1px solid var(--site-line); border-radius: 0; background: transparent; color: var(--site-ink); text-align: left; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit .ico_box { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; padding: 0; color: var(--site-ink); }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit .ico_box svg { display: block; flex: none; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit .ico_box::after { display: none; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit em { font-size: 14px; line-height: 1.5; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit p { font-size: 28px; line-height: 1.3; font-variant-numeric: tabular-nums; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit a { height: 40px; margin: 0; padding: 0 16px; border: 1px solid var(--site-line); border-radius: 6px; background: #fff; color: var(--site-ink); font-size: 14px; font-weight: 600; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .his_list { width: 100%; min-width: 0; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .my-table { overflow-x: auto !important; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .my-table > table { width: 100% !important; min-width: 1080px; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.sr-search-row,.gb-search-row,.pl-search-row,.lr-search-row,.sh-search-row) > select { flex: 0 0 148px; min-width: 148px; white-space: nowrap; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.sr-search-row,.gb-search-row,.pl-search-row,.lr-search-row,.sh-search-row) > input { min-width: 0; }
  @media (min-width: 1200px) {
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .scroll_info { display: none; }
  }
  @media (max-width: 600px) {
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.sr-search-row,.gb-search-row,.pl-search-row,.lr-search-row,.sh-search-row) > select { flex-basis: auto; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit { grid-template-columns: 28px 1fr auto; gap: 4px 12px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit .ico_box { grid-row: 1 / 3; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit em { grid-column: 2; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit p { grid-column: 2; font-size: 24px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .sale_his .total_profit a { grid-column: 3; grid-row: 1 / 3; padding-inline: 12px; font-size: 12px; }
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .calculate {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .calculate .calculate_wr { width: 100%; min-width: 0; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .calculate .calculate_wr > .my-sect { border: 1px solid #dce1e7; border-radius: 8px; box-shadow: none; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .calculate_his { padding: 24px 28px; background: #fff; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .settlement-account { padding: 24px 28px; background: #fff; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .settlement-account > .my-sect { margin-top: 24px; }
  @media (max-width: 600px) {
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .calculate_his { padding: 20px 16px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .settlement-account { padding: 20px 16px; }
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .scroll_info {
    display: none !important;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .scroll_info::before {
    content: none;
  }

  /* Tables and board skins keep their original columns, widths and mobile rules. */
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.board_list,.board_write,.nTable,.my-table) {
    border-color: var(--site-line);
    border-top-color: var(--site-action);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.board_list,.board_write,.nTable,.my-table) :is(th,td) {
    border-color: var(--site-line);
    font-size: 14px;
    line-height: 1.6;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .my-table.card>table td {
    height: 60px;
    padding-block: 12px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.board_list,.board_write,.nTable,.my-table) th,
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .my-table :is(tr.th>*,td.th,tfoot td) {
    background-color: var(--site-surface);
    font-weight: 600;
    color: #454c56;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.board_list .bo_tit,.board_list .subject) {
    color: var(--site-ink);
    font-weight: 500;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.board_search,.board-search,.g-box,.my-info-box) {
    background-color: var(--site-surface);
    border-color: var(--site-line);
    border-radius: 8px;
    box-shadow: none;
  }
  /* Board search is a compact control, not a full-width background strip. */
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search {
    display: grid;
    grid-template-columns: 92px minmax(0,1fr) 84px;
    align-items: stretch;
    width: min(480px,100%);
    height: 44px;
    margin-left: auto;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search::after {
    content: "";
    position: absolute;
    left: 92px;
    top: 12px;
    height: 20px;
    border-left: 1px solid var(--site-line);
    pointer-events: none;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > :is(select,input,button) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 44px;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > select {
    border: 1px solid var(--site-line) !important;
    border-right: 0 !important;
    border-radius: 6px 0 0 6px !important;
    justify-content: space-between;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > input[type="text"] {
    padding: 0 16px;
    border: 1px solid var(--site-line);
    border-left: 0;
    border-radius: 0 6px 6px 0;
    background: #fff;
    color: var(--site-ink);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > input::placeholder { color: #9299a4; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > :is(input,button)[type="submit"] {
    width: calc(100% - 8px);
    margin-left: 8px;
    padding: 0 12px;
    border: 1px solid var(--site-action);
    border-radius: 6px;
    background: var(--site-action);
    color: #fff;
    font-weight: 650;
    cursor: pointer;
    transition: background-color 150ms ease;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > :is(input,button)[type="submit"]:hover { background: #353c46; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > :is(input,button):focus-visible {
    outline: 2px solid #a6afba;
    outline-offset: 2px;
  }
  @media (max-width: 640px) {
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search {
      grid-template-columns: 80px minmax(0,1fr) 72px;
      width: 100%;
      margin-bottom: 16px;
    }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search::after { left: 80px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > input[type="text"] { padding-inline: 12px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_board_search > .board_search > :is(select,input[type="text"]) { font-size: 16px; }
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .board-search-reset {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
    font-size: 13px;
    line-height: 20px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .board-search-reset a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    color: var(--site-muted);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.faqArea>li,.faq_list>li) {
    border-color: var(--site-line);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.faqArea>li .q,.faq_list>li .q) {
    font-size: 15px;
    color: var(--site-ink);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.faqArea>li .a,.faq_list>li .a) {
    background-color: var(--site-surface);
    color: var(--site-muted);
    font-size: 14px;
    line-height: 1.7;
  }
  /* Keep FAQ labels and rich-text answers aligned inside the open panel. */
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .q {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    font-family: inherit;
    cursor: pointer;
    padding: 24px 56px;
    line-height: 24px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .q:focus-visible {
    outline: 2px solid var(--site-action);
    outline-offset: -3px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a:not([hidden]) { display: block; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a[hidden] { display: none; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>.faq-empty {
    padding: 52px 20px;
    text-align: center;
    font-size: 15px;
    line-height: 1.7;
    color: var(--site-ink);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faq-empty p {
    margin-top: 8px;
    color: var(--site-muted);
    font-size: 13px;
  }
  html[data-surface="customer"] .account-loading {
    min-height: 360px;
    padding-block: 32px;
    color: var(--site-muted);
    font-size: 14px;
    line-height: 1.6;
  }
  html[data-surface="customer"] .account-loading>div {
    height: 48px;
    margin-top: 18px;
    background: var(--site-surface);
    border-radius: 6px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li :is(.q,.a)::before {
    left: 16px;
    top: 25px;
    width: 28px;
    height: 22px;
    font-size: 13px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a {
    padding: 24px 24px 24px 56px;
    margin-bottom: 16px;
    border-radius: 6px;
    background-image: none;
    overflow-wrap: anywhere;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a :is(p,li,span) {
    font-size: inherit;
    line-height: inherit;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a p { white-space: pre-line; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) #bo_cate_ul {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    padding-right: 28px;
    mask-image: linear-gradient(to right,#000 calc(100% - 24px),transparent);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) #bo_cate_ul::-webkit-scrollbar { display: none; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) #bo_cate_ul li { flex: 0 0 auto; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) #bo_cate_ul :is(a,span) { font-size: 13px; line-height: 22px; white-space: nowrap; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a> :first-child,
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a>div> :first-child {
    margin-top: 0;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a> :last-child,
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a>div> :last-child {
    margin-bottom: 0;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.paging_all,.paging) :is(a,strong,button) {
    border-color: var(--site-line);
    border-radius: 5px;
    font-size: 13px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.paging_all,.paging) :is(strong,a.on,a.active) {
    background-color: var(--site-action);
    border-color: var(--site-action);
    color: #fff;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.hs_basic_btn,.hs_basic_page_num,.hs_basic_page_arrow) {
    border-color: var(--site-line);
    border-radius: 5px;
    color: var(--site-muted);
    font-size: 13px;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_point_btn {
    background-color: var(--site-action);
    border-color: var(--site-action);
    color: #fff;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .hs_point_btn:hover {
    background-color: #353c46;
    color: #fff;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .basket_wrap .bsk_li {
    border-color: var(--site-line);
    border-radius: 8px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .basket_wrap :is(.it_name,.it_price) {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .basket_wrap .it_opt_count :is(button,input) {
    border-color: var(--site-line);
    border-radius: 4px;
    font-size: 13px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .basket_wrap .bsk_it_calculator .receipt_li {
    font-size: 14px;
    color: var(--site-muted);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .basket_wrap .bsk_it_calculator .total p {
    font-size: 22px;
    font-weight: 750;
    color: var(--site-ink);
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .basket_wrap .bsk_it_calculator .submit_btn {
    background-color: var(--site-action);
    border-color: var(--site-action);
    border-radius: 0 0 7px 7px;
    color: #fff;
    font-size: 15px;
    font-weight: 650;
  }
  /* Original B2B unavailable state must remain distinct from the order action. */
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .b2b_basket .bsk_it_calculator .submit_btn.off {
    background-color: #bbb;
    border-color: #bbb;
    cursor: not-allowed;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .it_name_area > .cart_hint {
    color: var(--site-muted);
    font-size: 13px;
    line-height: 20px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .it_name_area > .cart_hint_free { color: #277653; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .it_opt_count .num_input {
    font-size: 16px;
    font-variant-numeric: tabular-nums;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .receipt_li.proposal input {
    height: 44px;
    min-width: 0;
    font-size: 16px;
    line-height: 22px;
  }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .receipt_li.proposal input::placeholder { font-size: 14px; }
  @media (max-width: 680px) {
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) .bsk_it_li > ul > li {
      display: grid;
      grid-template-columns: minmax(0,1fr) auto;
      align-items: center;
      gap: 16px 12px;
      padding: 16px;
    }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) .bsk_it_li .it_info {
      display: flex;
      flex-flow: row nowrap;
      grid-column: 1 / -1;
      gap: 12px;
      width: 100%;
      min-width: 0;
      padding-right: 60px;
      box-sizing: border-box;
    }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) .it_info .thumb {
      flex: 0 0 56px;
      width: 56px;
      height: 56px;
      aspect-ratio: 1;
      border-radius: 6px;
    }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) .it_info .thumb img { object-fit: contain; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) .it_info .it_name_area {
      flex: 1;
      width: auto;
      min-width: 0;
      overflow-wrap: anywhere;
    }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) .it_info .it_name_area > p { margin-top: 4px; font-size: 13px; line-height: 20px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) .it_price { width: auto; text-align: left; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) .it_opt_count { grid-column: 2; justify-self: end; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) :is(.it_li_btn,li > .del_btn) {
      position: absolute;
      top: 16px;
      right: 16px;
      height: auto;
    }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list]:not(.b2b_basket) :is(.it_li_btn button,.del_btn) {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 44px;
      padding: 0;
      border: 1px solid var(--site-line);
      border-radius: 6px;
      background: #fff;
      color: var(--site-muted);
      font-size: 13px;
      line-height: 20px;
    }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .it_opt_count :is(button,input) { width: 44px; height: 44px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .it_opt_count .num_input { width: 48px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .it_opt_count button img { width: 12px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .receipt_li { flex-wrap: wrap; gap: 4px 12px; }
    html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) [data-cart-list] .receipt_li > p { margin-left: auto; }
  }
  html[data-surface="customer"] #footer:not([data-original-footer]) {
    background-color: #f7f8fa;
    border-color: var(--site-line);
    color: var(--site-muted);
  }
  html[data-surface="customer"] #footer:not([data-original-footer]) .in-link {
    border-color: var(--site-line);
  }
  html[data-surface="customer"] #footer:not([data-original-footer]) :is(.in-link a,.footer-info,.footer-info p,address) {
    font-size: 12px;
    line-height: 1.8;
    color: var(--site-muted);
  }

  /* Management surfaces use the same palette without moving navigation or data. */
  html[data-surface="admin"] :is(.sub_wrap,.sub_wrap .contents_wrap,.goods-admin) {
    background-color: #f7f8fa;
  }
  html[data-surface="admin"] header {
    background: #fff;
    border-bottom: 1px solid var(--site-line);
  }
  html[data-surface="admin"] header :is(h1 a,nav ul.gnb li a,p.top_menu a) {
    color: var(--site-ink);
  }
  html[data-surface="admin"] header h1 a {
    font-size: 20px;
    font-weight: 750;
  }
  html[data-surface="admin"] header a.all_btn :is(span),
  html[data-surface="admin"] header a.all_btn::before,
  html[data-surface="admin"] header a.all_btn::after {
    background-color: var(--site-ink);
  }
  html[data-surface="admin"] header p.top_menu a::before {
    filter: brightness(0.25);
  }
  html[data-surface="admin"] .sub_wrap .snb {
    background-color: #fff;
    border-color: var(--site-line);
  }
  html[data-surface="admin"] .sub_wrap .snb h2 {
    color: var(--site-ink);
    border-color: var(--site-line);
    font-size: 18px;
    font-weight: 750;
  }
  html[data-surface="admin"] .sub_wrap .snb>ul>li {
    border-color: var(--site-line);
  }
  html[data-surface="admin"] .sub_wrap .snb ul li :is(a,strong) {
    color: var(--site-muted);
    font-size: 13px;
    font-weight: 550;
  }
  html[data-surface="admin"] .sub_wrap .snb>ul>li>strong {
    font-size: 14px;
    font-weight: 650;
  }
  html[data-surface="admin"] .sub_wrap .snb>ul>li>strong::after {
    filter: brightness(0.35);
  }
  html[data-surface="admin"] .sub_wrap .snb ul li:has(>strong.active),
  html[data-surface="admin"] .sub_wrap .snb ul li strong.active {
    background: var(--site-selected);
    color: var(--site-accent-ink);
  }
  html[data-surface="admin"] .sub_wrap .snb ul li ul li.active {
    background: #fff2e9;
  }
  html[data-surface="admin"] .sub_wrap .snb :is(a[aria-current="page"],a:hover) {
    color: var(--site-accent-ink);
    font-weight: 700;
  }
  html[data-surface="admin"] .sub_wrap .snb ul li.board-group-header {
    color: var(--site-muted);
  }
  html[data-surface="admin"] .sub_wrap .snb ul li.depth3 a {
    border-color: var(--site-line);
  }
  html[data-surface="admin"] :is(.tlt_style_01,.page-header) {
    background: #fff;
    color: var(--site-ink);
    border: 1px solid var(--site-line);
    border-radius: 8px;
    box-shadow: none;
    font-size: 22px;
    font-weight: 750;
  }
  html[data-surface="admin"] .tlt_style_01 span {
    color: var(--site-muted);
    font-size: 12px;
  }
  html[data-surface="admin"] :is(.search-section,.search_box,.search-box,.form-section,.table-section,.table-container,.data-section,.section-box,.card,.white-box,.box_wrap) {
    background-color: #fff;
    border-color: var(--site-line);
    border-radius: 8px;
    box-shadow: none;
  }
  html[data-surface="admin"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),select,textarea),
  html[data-surface="admin-popup"] :is(input,select,textarea) {
    border-color: var(--site-line);
    border-radius: 5px;
    font-size: 13px;
    color: var(--site-ink);
    box-shadow: none;
  }
  html[data-surface="admin"] :is(.btn,.search-btn,.reset-btn,.bbs_color_btn,.bbs_gray_btn,.order_color_btn,.order_gray_btn,.order_white_btn,.write_color_btn,.write_gray_btn,.write_white_btn,.top_confirm_btn),
  html[data-surface="admin-popup"] .btn {
    border-radius: 5px;
    font-size: 13px;
    font-weight: 650;
    box-shadow: none;
  }
  html[data-surface="admin"] :is(.search-btn,.btn-primary,.bbs_color_btn,.order_color_btn,.write_color_btn,.top_confirm_btn),
  html[data-surface="admin-popup"] .btn-primary {
    background-color: var(--site-action);
    border-color: var(--site-action);
    color: #fff;
  }
  html[data-surface="admin"] :is(.reset-btn,.btn-default,.btn-secondary,.order_white_btn,.write_white_btn) {
    background-color: #fff;
    border: 1px solid var(--site-line);
    color: var(--site-muted);
  }
  html[data-surface="admin"] table :is(th,td),
  html[data-surface="admin-popup"] table :is(th,td) {
    border-color: var(--site-line);
    font-size: 13px;
    line-height: 1.5;
  }
  html[data-surface="admin"] table th,
  html[data-surface="admin-popup"] table th {
    background-color: var(--site-surface);
    color: #454c56;
    font-weight: 650;
  }
  html[data-surface="admin"] .stats-grid { gap: 12px; }
  html[data-surface="admin"] .stat-card {
    padding: 18px 20px;
    border: 1px solid var(--site-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
  }
  html[data-surface="admin"] .stat-card .label { color: var(--site-muted); font-size: 12px; }
  html[data-surface="admin"] .stat-card .value { color: var(--site-ink); font-size: 24px; font-weight: 750; }
  html[data-surface="admin"] .stat-card.accent { background: var(--site-surface); border-color: var(--site-line); }
  html[data-surface="admin"] :is(.list-section,.search-panel) { border-radius: 8px; box-shadow: none; border-color: var(--site-line); }
  html[data-surface="admin"] :is(.bulk-btn,.excel-btn) { min-height: 36px; padding: 8px 12px; border-radius: 5px; font-size: 13px; font-weight: 600; line-height: 1.5; }
  html[data-surface="admin"] .excel-btn { background: #fff; color: var(--site-ink); border: 1px solid var(--site-line); }
  html[data-surface="admin"] :is(.excel-btn,.bulk-btn):disabled { opacity: .4; cursor: not-allowed; }
  html[data-surface="admin"] .det-overlay { background: rgb(32 37 44 / 16%); backdrop-filter: none; }
  html[data-surface="admin"] .det-box { border: 1px solid var(--site-line); border-radius: 10px; box-shadow: 0 12px 40px rgb(32 37 44 / 12%); }
  html[data-surface="admin"] .det-head { background: white; border-color: var(--site-line); padding: 18px 24px; }
  html[data-surface="admin"] .det-head h3 { font-size: 18px; font-weight: 700; color: var(--site-ink); }
  html[data-surface="admin"] .det-head .cls { width: 44px; height: 44px; border-radius: 5px; color: var(--site-muted); }
  html[data-surface="admin"] .det-section-title { font-size: 14px; font-weight: 700; }
  html[data-surface="admin"] .det-cell { font-size: 13px; line-height: 1.7; border-color: var(--site-line); }
  html[data-surface="admin"] .order-detail-link { background: none; color: var(--site-ink); padding: 6px 0; font: inherit; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #c4c9d0; }
  html[data-surface="admin"] .order-detail-link:focus-visible { outline: 2px solid var(--site-accent-ink); outline-offset: 3px; }
  html[data-surface="admin"] :is(.pagination,.paging) :is(a,button,strong) {
    border-radius: 5px;
    border-color: var(--site-line);
  }
  html[data-surface="admin"] :is(.pagination,.paging) :is(.active,strong) {
    background-color: var(--site-action);
    color: #fff;
  }
  html[data-surface="admin"] .login-pg .login-wrapper,
  html[data-surface="supplier"] :is(.sp-login-box,.sp-pw-change-box) {
    border: 1px solid var(--site-line);
    border-radius: 8px;
    box-shadow: none;
  }
  html[data-surface="admin"] .login-pg .login-area h1 {
    font-size: 28px;
    color: var(--site-ink);
  }
  html[data-surface="admin"] .login-pg .login-area button[type="submit"] {
    background: var(--site-action);
    font-size: 15px;
    border-radius: 6px;
  }
  html[data-surface="admin-popup"] :is(.option-section,.add-option-form) {
    background: #f7f8fa;
    border-color: var(--site-line);
    border-radius: 8px;
  }

  /* Supplier order, stock and settlement layouts retain their existing density. */
  html[data-surface="supplier"] .sp-header {
    background: #fff;
    border-bottom: 1px solid var(--site-line);
    box-shadow: none;
  }
  html[data-surface="supplier"] :is(.sp-logo a,.sp-gnb ul li a,.sp-header-right,.sp-company-name) {
    color: var(--site-ink);
  }
  html[data-surface="supplier"] :is(.sp-logo a span,.sp-logout-btn) {
    color: var(--site-muted);
    border-color: var(--site-line);
  }
  html[data-surface="supplier"] .sp-gnb ul li.active a {
    color: var(--site-accent-ink);
    background: var(--site-selected);
    font-weight: 700;
  }
  html[data-surface="supplier"] .sp-gnb ul li a:hover {
    background: var(--site-surface);
    color: var(--site-ink);
  }
  html[data-surface="supplier"] :is(.sp-title,.sp-page-title,.sp-login-logo h1) {
    color: var(--site-ink);
    font-weight: 750;
  }
  html[data-surface="supplier"] :is(.sp-card,.sp-filter,.sp-filter-box,.sp-search-box,.sp-table-wrap,.sp-summary,.sp-stat-card) {
    background-color: #fff;
    border-color: var(--site-line);
    border-radius: 8px;
    box-shadow: none;
  }
  html[data-surface="supplier"] :is(input,select,textarea) {
    border-color: var(--site-line);
    border-radius: 6px;
    color: var(--site-ink);
    font-size: 13px;
  }
  html[data-surface="supplier"] :is(.sp-btn,.sp-submit-btn,.sp-search-btn) {
    border-radius: 6px;
    font-weight: 650;
    box-shadow: none;
  }
  html[data-surface="supplier"] :is(.sp-submit-btn,.sp-search-btn,.sp-btn-primary,.sp-btn-dark,.sp-btn.primary) {
    background: var(--site-action);
    color: #fff;
    border-color: var(--site-action);
  }
  html[data-surface="supplier"] .sp-table a:not(.sp-btn) {
    color: var(--site-ink);
  }
  html[data-surface="supplier"] .sp-table a:not(.sp-btn):hover {
    color: var(--site-accent-ink);
  }
  html[data-surface="supplier"] table :is(th,td) {
    border-color: var(--site-line);
    font-size: 13px;
    line-height: 1.5;
  }
  html[data-surface="supplier"] table th {
    background: var(--site-surface);
    color: #454c56;
    font-weight: 650;
  }
}

@media screen and (max-width: 680px) {
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .q { padding: 20px 44px 20px 52px; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .q::after { right: 16px; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li :is(.q,.a)::before { left: 12px; top: 21px; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .faqArea>li .a { padding: 20px 16px 20px 52px; margin-bottom: 12px; }
  html[data-surface="customer"] #sVisual h2 { font-size: 26px; }
  html[data-surface="customer"] #sVisual .s-txt { font-size: 13px; }
  html[data-surface="customer"] #pageTop h3 { font-size: 23px; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) .skin-member .h1>dt { font-size: 24px; }
  html[data-surface="customer"] #wrap:not(:has([data-original-member="true"], [data-original-content])) :is(.board_list,.board_write,.nTable,.my-table) :is(th,td) { font-size: 12px; }
  html[data-surface="admin"] .tlt_style_01 { font-size: 19px; }
}