/* =========================================================================
   DEPTHS COFFEE — b2b.css · body.pg-b2b (b2b.html · wholesale.html · business-apply.html)
   No direct design. Composed from 「장바구니 리디자인」 55-237 (page head, step pills,
   underline order form, dashed notice, summary aside, numlist), 「마이페이지 리디자인」 56-108
   (profile aside + section panel) and 「상세페이지 리디자인」 160-183 (weight buttons, chips);
   390 from tmp-board 98-193 (form, tinted summary, bar) and 236-245 (sticky tab strip).
   Markup: b2b.html (forms.js) · wholesale.html (wholesale.js → #wh-body, #wh-bar) ·
           business-apply.html (inline script → #panel). Components come from base.css.
   ========================================================================= */
@layer pages {

  /* ---- shared ------------------------------------------------------------ */
  body.pg-b2b :where(h1, h2) .acc { color: var(--acc); }
  body.pg-b2b .inner-head .ih-t { min-width: 0; }

  /* dashed notice with a solid tag (CART 187-190) */
  body.pg-b2b .notice { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; border: 1px dashed var(--ink-22); background: var(--panel); font: 400 11.5px/1.9 var(--mono); letter-spacing: .01em; color: var(--ink-70); }
  body.pg-b2b .notice .tag { flex: none; padding: 5px 9px; font-size: 10px; letter-spacing: .1em; }
  body.pg-b2b .notice p { flex: 1 1 auto; min-width: 0; }
  body.pg-b2b .notice b { font-weight: 600; color: var(--ink); }

  /* summary-card head, Archivo uppercase (CART 201-203) */
  body.pg-b2b :is(.b2b-proc, .wh-sum) .panel-head { padding: 16px 18px; }
  body.pg-b2b :is(.b2b-proc, .wh-sum) .panel-head h2 { font-family: var(--grot); font-stretch: var(--st-l); font-weight: 800; font-size: 18px; line-height: 1.2; letter-spacing: -.02em; text-transform: uppercase; }
  body.pg-b2b .numlist .f:last-child { border-bottom: 0; }

  /* step tracker (business-apply aside, wholesale gate): upcoming muted · done ink · current acc */
  body.pg-b2b :is(.ba-steps, .wh-steps) .f .n { color: var(--ink-40); }
  body.pg-b2b :is(.ba-steps, .wh-steps) .f.done :is(.n, .d) { color: var(--ink); }
  body.pg-b2b :is(.ba-steps, .wh-steps) .f.cur :is(.n, .d) { color: var(--acc); font-weight: 600; }

  /* forms (b2b + business-apply): underline fields in 2-up rows (CART 146-166) */
  body.pg-b2b .frm { container-type: inline-size; }
  @container (max-width: 479.98px) {
    body.pg-b2b .frm-row > .field { padding-inline: 0; border-left: 0; }
    body.pg-b2b .frm-row > .field + .field { border-top: 1px solid var(--line-soft); }
  }
  body.pg-b2b .frm > .field.col { padding: 14px 0; border-bottom: 1px solid var(--line); }
  body.pg-b2b .frm .field > :is(.opt-row--grind, .addr) { margin-top: 10px; }
  body.pg-b2b .frm .field > select.inp { margin-top: 8px; }
  body.pg-b2b .frm .field > textarea.inp { display: block; min-height: 96px; margin-top: 10px; padding: 12px 13px; }
  body.pg-b2b .frm .field > :is(select, textarea).inp:focus { box-shadow: none; }

  /* radio groups as chips (PDP 178-183): label > input.sr-only */
  body.pg-b2b .opt-row--grind label { position: relative; display: inline-flex; align-items: center; padding: 10px 14px; border: 1.5px solid var(--line); color: var(--ink-62); font: 400 12px/1.2 var(--mono); white-space: nowrap; cursor: pointer; -webkit-user-select: none; user-select: none; transition: background var(--t-base), border-color var(--t-base), color var(--t-base); }
  body.pg-b2b .opt-row--grind label:hover { border-color: var(--ink); color: var(--ink); }
  body.pg-b2b .opt-row--grind label:has(:checked) { border-color: var(--ink); background: var(--ink); color: var(--paper); }
  body.pg-b2b .opt-row--grind label:has(:focus-visible) { outline: 2px solid var(--acc); outline-offset: 2px; }

  @media (max-width: 900px) {
    body.pg-b2b :is(.b2b-aside, .wh-aside) { position: static; }
  }

  /* ==== b2b.html ========================================================== */
  body.pg-b2b .b2b-steps { --cell-min: 240px; margin-top: clamp(20px,2.6vw,32px); list-style: none; }
  body.pg-b2b .b2b-steps > li { display: flex; flex-direction: column; }
  body.pg-b2b .b2b-steps .ix { font: 600 11.5px/1.4 var(--mono); letter-spacing: .1em; color: var(--acc); }
  body.pg-b2b .b2b-steps h3 { margin-top: 16px; font-size: clamp(18px,1.7vw,21px); font-weight: 700; line-height: 1.3; letter-spacing: -.03em; }
  body.pg-b2b .b2b-steps p { margin: 8px 0 20px; font-size: 14px; line-height: 1.7; color: var(--ink-62); }
  body.pg-b2b .b2b-steps .sp { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); font: 400 11.5px/1.5 var(--mono); letter-spacing: .04em; }
  body.pg-b2b .b2b-steps .sp span { color: var(--ink-62); }
  body.pg-b2b .b2b-steps .sp b { font-weight: 600; color: var(--acc); }

  /* forms | sticky process aside (CART 69-237) */
  body.pg-b2b .b2b-split { align-items: flex-start; gap: clamp(20px,3vw,40px); padding-block: clamp(32px,4vw,56px) clamp(48px,6vw,88px); }
  body.pg-b2b .b2b-forms { flex: 1.7 1 400px; }
  body.pg-b2b .b2b-aside { flex: 1 1 300px; position: sticky; top: calc(var(--head-h) + 20px); }
  body.pg-b2b .b2b-forms > h2 { margin-top: 14px; font-size: clamp(24px,3.4vw,38px); letter-spacing: -.045em; }
  body.pg-b2b .b2b-sub { margin-top: 10px; font-size: 14.5px; line-height: 1.7; color: var(--ink-62); }

  /* form tabs = step pills (CART 60-66) */
  body.pg-b2b .frm-tabs { margin-top: 22px; list-style: none; }
  body.pg-b2b .frm-tabs > li { display: flex; align-items: center; }
  body.pg-b2b .frm-tabs .st { transition: background var(--t-base), border-color var(--t-base), color var(--t-base); }
  body.pg-b2b .frm-tabs .st:not(.on):hover { border-color: var(--ink); color: var(--ink); }
  body.pg-b2b .frm-pane { margin-top: 20px; }
  body.pg-b2b .frm-pane:not(.on) { display: none; }

  body.pg-b2b form[data-form] > .notice { margin-bottom: 20px; }
  body.pg-b2b form[data-form] .agree { padding: 16px 0 0; }
  body.pg-b2b .frm-submit.btn { margin-top: 18px; padding-block: 17px; }

  /* success card */
  body.pg-b2b .form-done { padding: clamp(28px,4vw,48px) clamp(22px,3vw,36px); border: 1px solid var(--ink); }
  body.pg-b2b .form-done:focus { outline: none; }
  body.pg-b2b .form-done .mk { font-family: var(--grot); font-stretch: var(--st-xl); font-weight: 800; font-size: 48px; line-height: 1; color: var(--acc); }
  body.pg-b2b .form-done h3 { margin-top: 18px; font-size: clamp(22px,2.6vw,28px); line-height: 1.2; letter-spacing: -.04em; }
  body.pg-b2b .form-done p { margin-top: 10px; font: 400 12px/1.8 var(--mono); letter-spacing: .02em; color: var(--ink-62); }

  /* process aside */
  body.pg-b2b .b2b-proc .numlist { margin: 4px 18px 0; border-top: 0; }
  body.pg-b2b .b2b-proc .ctc { margin: 8px 18px 0; }
  body.pg-b2b .b2b-proc .kakao-btn { display: flex; margin: 10px 18px 18px; }

  body.pg-b2b #b2b-bar .btn--ghost { flex: none; min-width: 92px; }
  body.pg-b2b #b2b-bar .btn--acc { flex: 1 1 auto; }

  /* ==== wholesale.html ==================================================== */
  body.pg-b2b .wh-body { padding-block: clamp(20px,2.6vw,32px) clamp(48px,6vw,88px); }
  body.pg-b2b .wh-body > .mp-empty { padding-block: 60px; }

  /* access gate */
  body.pg-b2b .wh-gate { max-width: 520px; margin: clamp(8px,3vw,36px) auto 0; padding: clamp(24px,3vw,36px); }
  body.pg-b2b .wh-gate h2 { margin-top: 16px; font-size: clamp(22px,2.6vw,28px); line-height: 1.2; letter-spacing: -.04em; }
  body.pg-b2b .wh-gate > p { margin-top: 10px; font-size: 14.5px; line-height: 1.75; color: var(--ink-66); }
  body.pg-b2b .wh-gate > p b { font-weight: 600; color: var(--ink); }
  body.pg-b2b .wh-gate .kv { margin-top: 16px; padding: 12px 14px; border: 1px solid var(--line); background: var(--panel); }
  body.pg-b2b .wh-gact { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
  body.pg-b2b .wh-gact .btn { flex: 1 1 180px; }
  body.pg-b2b .wh-steps { margin-top: 24px; }

  /* mall: product rows | sticky B2B Order */
  body.pg-b2b .wh-split { align-items: flex-start; gap: clamp(20px,3vw,40px); margin-top: 14px; }
  body.pg-b2b .wh-main { flex: 1.7 1 400px; }
  body.pg-b2b .wh-aside { flex: 1 1 300px; position: sticky; top: calc(var(--head-h) + 20px); }
  body.pg-b2b .wh-grid { border: 1px solid var(--line); }
  body.pg-b2b .wh-card { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 14px clamp(12px,2vw,18px); padding: clamp(14px,2vw,20px); border-bottom: 1px solid var(--line-soft); }
  body.pg-b2b .wh-card:last-child { border-bottom: 0; }
  body.pg-b2b .wh-thumb { width: 72px; height: 72px; overflow: hidden; border: 1px solid var(--line-2); background: var(--panel); }
  body.pg-b2b .wh-thumb img { width: 100%; height: 100%; object-fit: cover; }
  body.pg-b2b .wh-info { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
  body.pg-b2b .wh-info h3 { margin-top: 8px; font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: -.025em; }
  body.pg-b2b .wh-price { margin-top: 5px; font: 400 11px/1.5 var(--mono); letter-spacing: .03em; color: var(--ink-66); }
  body.pg-b2b .wh-price b { font-weight: 600; color: var(--ink); }
  body.pg-b2b .wh-ctl { grid-column: 2; min-width: 0; }
  body.pg-b2b .wh-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 10px; }
  body.pg-b2b .wh-row .wh-g { flex: 0 1 190px; width: auto; min-width: 120px; height: 41px; padding-block: 0; font-size: 13px; }
  body.pg-b2b .wh-line { margin-left: auto; font-family: var(--grot); font-stretch: var(--st-l); font-weight: 700; font-size: 17px; line-height: 1.2; letter-spacing: -.02em; white-space: nowrap; }
  body.pg-b2b .wh-add { min-width: 76px; height: 41px; padding-block: 0; }

  body.pg-b2b .wh-sum-bd { padding: 16px 18px 18px; }
  body.pg-b2b .wh-rows .sr { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; font: 400 13px/1.5 var(--mono); color: var(--ink-70); }
  body.pg-b2b .wh-rows .sr b { font-weight: 600; color: var(--ink); white-space: nowrap; }
  body.pg-b2b .wh-tot { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 16px; border-top: 1px solid var(--ink); }
  body.pg-b2b .wh-tot .k { font: 400 11px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-62); white-space: nowrap; }
  body.pg-b2b .wh-tot .v { font-family: var(--grot); font-stretch: var(--st-xl); font-weight: 800; font-size: clamp(24px,3vw,30px); line-height: 1.1; letter-spacing: -.03em; white-space: nowrap; }
  body.pg-b2b .wh-sum-bd > .btn { margin-top: 16px; padding-block: 17px; }
  body.pg-b2b .wh-sum-bd > .numlist { margin-top: 16px; }

  /* ==== business-apply.html =============================================== */
  body.pg-b2b .ba-split { align-items: flex-start; gap: clamp(20px,3vw,44px); padding-block: clamp(20px,3vw,34px) clamp(48px,6vw,88px); }
  body.pg-b2b .ba-aside { flex: 1 1 280px; padding: clamp(20px,2.4vw,28px); }
  body.pg-b2b .ba-aside h1 { margin-top: 16px; font-size: clamp(26px,3vw,32px); line-height: 1.18; letter-spacing: -.04em; }
  body.pg-b2b .ba-aside .lead { margin-top: 12px; font-size: 14px; line-height: 1.75; color: var(--ink-62); }
  body.pg-b2b .ba-aside .lead b { font-weight: 600; color: var(--ink); }
  body.pg-b2b .ba-steps { margin-top: 20px; }
  body.pg-b2b .ba-aside .notice { margin-top: 14px; }
  body.pg-b2b .ba-main { flex: 2 1 460px; }
  body.pg-b2b .ba-meta { font: 400 10.5px/1.4 var(--mono); letter-spacing: .08em; color: var(--ink-62); white-space: nowrap; }
  body.pg-b2b .ba-body { padding: clamp(18px,2.4vw,28px); }
  body.pg-b2b .ba-body > .mp-empty { padding-block: 40px; }

  body.pg-b2b .ba-status h3 { margin-top: 14px; font-size: clamp(19px,2vw,22px); line-height: 1.25; letter-spacing: -.035em; }
  body.pg-b2b .ba-status p { margin-top: 8px; font-size: 14px; line-height: 1.75; color: var(--ink-66); }
  body.pg-b2b .ba-status p b { font-weight: 600; color: var(--ink); }
  body.pg-b2b .ba-status .kv { margin-top: 14px; padding: 12px 14px; border: 1px solid var(--line); background: var(--panel); }
  body.pg-b2b .ba-act { margin-top: 20px; }
  body.pg-b2b .ba-status + .ba-form { margin-top: 28px; }
  body.pg-b2b .ba-intro { margin-bottom: 18px; font: 400 12px/1.7 var(--mono); letter-spacing: .02em; color: var(--ink-62); }
  body.pg-b2b .ba-form .frm { margin-bottom: 22px; }
  body.pg-b2b .ba-file-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; }
  body.pg-b2b .ba-file-row label.btn { position: relative; }
  body.pg-b2b .ba-file-row label.btn:has(:focus-visible) { outline: 2px solid var(--acc); outline-offset: 3px; }
  body.pg-b2b .ba-fname { min-width: 0; font: 400 12px/1.5 var(--mono); letter-spacing: .02em; color: var(--ink-45); overflow-wrap: anywhere; }
  body.pg-b2b .ba-fname.has { color: var(--ink); }
  body.pg-b2b .ba-hint { margin-top: 8px; font: 400 10.5px/1.6 var(--mono); color: var(--ink-62); }

  /* ==== 390 =============================================================== */
  @media (max-width: 760px) {
    body.pg-b2b .inner-head { gap: 12px; }
    body.pg-b2b .inner-head .lead { font-size: 14px; }
    body.pg-b2b .inner-head .meta { font-size: 10px; }
    body.pg-b2b .notice { gap: 12px; padding: 14px; font-size: 11px; line-height: 1.8; }
    body.pg-b2b .notice .tag { padding: 5px 8px; font-size: 9.5px; letter-spacing: .08em; }

    /* forms: stacked fields ≥44px, chip scroller (BOARD 149-168) */
    body.pg-b2b .frm-row { border-bottom-color: var(--line-2); }
    body.pg-b2b .frm-row > .field + .field { border-top: 1px solid var(--line-2); }
    body.pg-b2b .frm > .field.col { padding: 12px 0; border-bottom-color: var(--line-2); }
    body.pg-b2b .frm .field > select.inp { min-height: 46px; }
    body.pg-b2b .frm .field > textarea.inp { min-height: 80px; padding: 11px 12px; }
    body.pg-b2b .frm .opt-row--grind { flex-wrap: nowrap; gap: 6px; margin-inline: calc(-1 * var(--gut)); padding: 0 var(--gut) 4px; overflow-x: auto; scroll-padding-inline: var(--gut); scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    body.pg-b2b .frm .opt-row--grind::-webkit-scrollbar { display: none; }
    body.pg-b2b .opt-row--grind label { flex: none; min-height: 44px; padding: 0 14px; font-size: 11.5px; }
    body.pg-b2b .frm .addr { gap: 7px; }
    body.pg-b2b .frm .addr .row { flex-wrap: nowrap; gap: 7px; }
    body.pg-b2b .frm .addr .row > .zc { flex: 1 1 auto; }
    body.pg-b2b form[data-form] .agree, body.pg-b2b .agree { min-height: 44px; font-size: 13px; }

    /* b2b */
    body.pg-b2b .b2b-steps { margin-top: 18px; }
    body.pg-b2b .b2b-steps > li { display: grid; grid-template-columns: 58px minmax(0, 1fr); column-gap: 12px; padding: 16px; }
    body.pg-b2b .b2b-steps .ix { grid-row: 1 / span 3; padding-top: 3px; font-size: 10.5px; letter-spacing: .06em; }
    body.pg-b2b .b2b-steps h3 { margin-top: 0; font-size: 16px; }
    body.pg-b2b .b2b-steps p { margin: 4px 0 0; font-size: 13px; line-height: 1.6; }
    body.pg-b2b .b2b-steps .sp { margin-top: 10px; padding-top: 8px; font-size: 10.5px; }

    body.pg-b2b .b2b-split { display: block; padding-block: 28px 0; }
    body.pg-b2b .b2b-sub { font-size: 13.5px; }
    /* sticky tab strip under the 54px header (BOARD 238-245) */
    body.pg-b2b .frm-tabs { position: sticky; top: var(--head-h); z-index: 40; flex-wrap: nowrap; margin: 16px calc(-1 * var(--gut)) 0; padding: 0; background: rgba(252,252,250,.96); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-block: 1px solid var(--ink); }
    body.pg-b2b .frm-tabs > li:not(.sep) { flex: 1 1 0; min-width: 0; }
    body.pg-b2b .frm-tabs > .sep { display: none; }
    body.pg-b2b .frm-tabs .st { justify-content: center; width: 100%; min-height: 46px; padding: 0 6px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--ink-62); font-size: 11px; white-space: nowrap; }
    body.pg-b2b .frm-tabs .st:not(.on):hover { color: var(--ink); }
    body.pg-b2b .frm-tabs .st.on { border-bottom-color: var(--acc); background: none; color: var(--ink); font-weight: 600; }
    body.pg-b2b .frm-tabs .st.on b { color: var(--acc); }
    body.pg-b2b .frm-pane { margin-top: 0; scroll-margin-top: calc(var(--head-h) + 60px); }
    /* the tab strip's ink rule already opens the form — no second rule right under it */
    body.pg-b2b .frm-pane form > .frm:not(.notice ~ .frm) { border-top: 0; }
    body.pg-b2b form[data-form] > .notice { margin: 16px 0; }
    body.pg-b2b .frm-pane .form-done { margin-top: 18px; }
    body.pg-b2b .frm-submit.btn { margin-top: 16px; padding-block: 15px; }
    body.pg-b2b .form-done { padding: 28px 20px; }
    body.pg-b2b .form-done .mk { font-size: 40px; }
    body.pg-b2b .form-done h3 { font-size: 21px; }

    /* process aside → tinted full-bleed section */
    body.pg-b2b .b2b-aside { margin: 32px calc(-1 * var(--gut)) 0; padding: 22px var(--gut) 26px; border-top: 1px solid var(--ink); background: var(--panel); }
    body.pg-b2b .b2b-proc { border: 0; background: none; }
    body.pg-b2b .b2b-proc .panel-head { padding: 0; border: 0; }
    body.pg-b2b .b2b-proc .panel-head h2, body.pg-b2b .wh-sum .panel-head h2 { gap: 9px; font: 600 10px/1.4 var(--mono); letter-spacing: .2em; color: var(--ink-62); }
    body.pg-b2b .b2b-proc .panel-head h2::before, body.pg-b2b .wh-sum .panel-head h2::before { content: ""; flex: none; width: 20px; height: 1px; background: var(--acc); }
    body.pg-b2b .b2b-proc .numlist { margin: 10px 0 0; border-top: 1px solid var(--line); }
    body.pg-b2b .b2b-proc .ctc { margin: 14px 0 0; padding: 14px; background: var(--paper); }
    body.pg-b2b .b2b-proc .kakao-btn { min-height: 48px; margin: 10px 0 0; }

    /* wholesale */
    body.pg-b2b:has(#wh-bar[hidden]) { padding-bottom: 0; }
    body.pg-b2b:has(#wh-bar[hidden]) .toast { bottom: 26px; }
    body.pg-b2b .wh-body { padding-block: 18px 0; }
    body.pg-b2b .wh-body > .wh-gate { margin: 0 0 40px; padding: 22px 18px; }
    body.pg-b2b .wh-gate h2 { font-size: 22px; }
    body.pg-b2b .wh-gate > p { font-size: 14px; }
    body.pg-b2b .wh-gact .btn { flex-basis: 100%; }
    body.pg-b2b .wh-split { display: block; margin-top: 14px; }
    body.pg-b2b .wh-grid { margin-inline: calc(-1 * var(--gut)); border-width: 1px 0; border-top-color: var(--ink); }
    body.pg-b2b .wh-card { grid-template-columns: 76px minmax(0, 1fr); gap: 12px; padding: 16px var(--gut); border-bottom-color: var(--line-2); }
    body.pg-b2b .wh-thumb { width: 76px; height: 76px; }
    body.pg-b2b .wh-info h3 { font-size: 14.5px; }
    body.pg-b2b .wh-price { font-size: 10.5px; }
    body.pg-b2b .wh-ctl { grid-column: 1 / -1; }
    body.pg-b2b .wh-ws { gap: 6px; }
    body.pg-b2b .wh-ws button { min-height: 44px; padding: 10px 8px; font-size: 12px; }
    body.pg-b2b .wh-ws button small { font-size: 10.5px; }
    body.pg-b2b .wh-ws .per { font-size: 10px; }
    body.pg-b2b .wh-row { gap: 8px; }
    body.pg-b2b .wh-row .wh-g { flex: 1 1 100%; height: 46px; font-size: 14px; }
    body.pg-b2b .wh-row .qtyx--sm button { width: 44px; height: 44px; font-size: 15px; }
    body.pg-b2b .wh-row .qtyx--sm input { width: 46px; height: 44px; font-size: 13px; }
    body.pg-b2b .wh-line { font-size: 16px; }
    body.pg-b2b .wh-add { height: 47px; }
    body.pg-b2b .wh-aside { margin: 0 calc(-1 * var(--gut)); padding: 22px var(--gut) 26px; background: var(--panel); }
    body.pg-b2b .wh-sum { border: 0; background: none; }
    body.pg-b2b .wh-sum .panel-head { padding: 0; border: 0; }
    body.pg-b2b .wh-sum-bd { padding: 10px 0 0; }
    body.pg-b2b .wh-rows .sr { padding: 6px 0; font-size: 12px; }
    body.pg-b2b .wh-tot .v { font-size: 26px; }
    body.pg-b2b .wh-sum-bd > .btn { display: none; }

    /* business-apply */
    body.pg-b2b .ba-split { display: block; padding-block: 0 32px; }
    body.pg-b2b .ba-aside { margin-inline: calc(-1 * var(--gut)); padding: 22px var(--gut); border: 0; }
    body.pg-b2b .ba-aside h1 { font-size: 26px; }
    body.pg-b2b .ba-main { margin-inline: calc(-1 * var(--gut)); border-width: 1px 0; border-top-color: var(--ink); }
    body.pg-b2b .ba-main .panel-head { padding: 16px var(--gut); }
    body.pg-b2b .ba-body { padding: 18px var(--gut) 24px; }
    body.pg-b2b .ba-file-row .btn { min-height: 44px; }
  }
  @media (max-width: 760px) and (pointer: coarse) {
    body.pg-b2b .wh-row :is(.wh-g, .wh-q) { font-size: 16px; }
  }
}