@charset "UTF-8";
/* BoostX Media v8（2026-09-30）— 記事以外のページ（ヘッダー・フッター・総合トップ・16業界の一覧・課題から探す）と、
   業界トップ・業務Hub・記事一覧（v7 の .bx7p）を v8 のトークンへ寄せる上書き。
   正本: docs/redesign-20260930/master-spec.md §5・§6・§14 / build-brief.md §1。トークンは v8-tokens.css。
   方針: 影なし・角丸は操作要素と画像だけ・均等なカードを並べない・ピル型のラベルを使わない・常時動くものなし・
         13px 未満の文字を作らない・押せる所は 44px 以上・フォーカスは 3px の輪。記事本文（.bx7・v8-article.css）には当てない。 */

/* ============ 0. 共通 ============ */
body.bxmt-v8{background:var(--v8-paper);color:var(--v8-body)}
.bxmt-v8 .bx8,.bxmt-v8 .bx8-mast,.bxmt-v8 .bx8-foot{font-family:var(--v8-sans);color:var(--v8-body);line-break:strict}
.bxmt-v8 .bx8,.bxmt-v8 .bx8-foot,.bxmt-v8 .bx8-mast,.bxmt-v8 .bx7p{word-break:auto-phrase}
.bxmt-v8 .bx8 :where(h1,h2,h3,p,a),.bxmt-v8 .bx8-foot :where(h2,dd),.bxmt-v8 .bx7p :where(h1,h2,h3){text-wrap:pretty}
.bxmt-v8 .bx8-wrap{max-width:var(--v8-wrap);margin:0 auto;padding:0 var(--v8-pad);box-sizing:border-box}
.bxmt-v8 :is(.bx8,.bx8-mast,.bx8-foot,.bx7p) :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--v8-focus);outline-offset:2px}
.bxmt-v8 .bx8 :where(a){color:var(--v8-ink)}
.bxmt-v8 .bx8 img{display:block;max-width:100%}

.bxmt-v8 .bx8-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid var(--v8-ink);border-radius:var(--v8-radius);background:var(--v8-paper);color:var(--v8-ink);font-family:var(--v8-sans);font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box}
.bxmt-v8 .bx8-btn--pri{background:var(--v8-ink);color:#fff}
.bxmt-v8 .bx8-btn:hover{text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx8-btn--s{min-height:44px;padding:0 16px;font-size:14px}
.bxmt-v8 .bx8-ico{flex:none;display:inline-block;vertical-align:middle}

/* 見出し・小見出し・カテゴリ・日付 */
.bxmt-v8 .bx8-kick{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-kick::before{content:"";flex:none;width:24px;height:2px;background:var(--v8-signal)}
.bxmt-v8 .bx8-h2{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-family:var(--v8-serif);font-size:clamp(22px,2.1vw,28px);font-weight:700;line-height:1.4;color:var(--v8-ink)}
.bxmt-v8 .bx8-h2::before{content:"";flex:none;width:22px;height:2px;background:var(--v8-signal)}
.bxmt-v8 .bx8-h2__note{margin:0 0 18px;font-size:14px;line-height:1.75;color:var(--v8-mute)}
.bxmt-v8 .bx8-h3{margin:0 0 8px;font-family:var(--v8-serif);font-size:18px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-sec{padding:56px 0}
.bxmt-v8 .bx8-sechd{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:4px 24px;margin:0 0 20px}
.bxmt-v8 .bx8-sechd .bx8-h2__note{margin:0}
.bxmt-v8 .bx8-sechd__more{margin:0}
.bxmt-v8 .bx8-sechd__more a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700}
.bxmt-v8 .bx8-cat{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.5;color:var(--v8-body)}
.bxmt-v8 .bx8-cat::before,.bxmt-v8 .bx8-pop__m [data-bx8-ind]::before{content:"";flex:none;display:inline-block;width:8px;height:8px;background:var(--bx8-ind,var(--v8-ink))}
.bxmt-v8 .bx8-meta{display:flex;flex-wrap:wrap;gap:2px 14px;margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--v8-mute)}
/* 業界の色は小さな印だけ（theme.css の業界アクセントと同じ値） */
.bxmt-v8 [data-bx8-ind="construction"]{--bx8-ind:#B4532A}
.bxmt-v8 [data-bx8-ind="real-estate"]{--bx8-ind:#1F5A46}
.bxmt-v8 [data-bx8-ind="manufacturing"]{--bx8-ind:#2E5A7A}
.bxmt-v8 [data-bx8-ind="renovation"]{--bx8-ind:#7A5A33}
.bxmt-v8 [data-bx8-ind="recruiting"]{--bx8-ind:#34518C}
.bxmt-v8 [data-bx8-ind="professional"]{--bx8-ind:#2A3550}
.bxmt-v8 [data-bx8-ind="logistics"]{--bx8-ind:#A0600F}
.bxmt-v8 [data-bx8-ind="automotive"]{--bx8-ind:#1E2A38}
.bxmt-v8 [data-bx8-ind="accounting"]{--bx8-ind:#2F6B3F}
.bxmt-v8 [data-bx8-ind="wholesale"]{--bx8-ind:#1F6B72}
.bxmt-v8 [data-bx8-ind="hotel"]{--bx8-ind:#7A2F46}
.bxmt-v8 [data-bx8-ind="medical"]{--bx8-ind:#1F5E6E}
.bxmt-v8 [data-bx8-ind="nursing-care"]{--bx8-ind:#4A6B3A}
.bxmt-v8 [data-bx8-ind="retail"]{--bx8-ind:#A8443A}
.bxmt-v8 [data-bx8-ind="finance"]{--bx8-ind:#233A63}
.bxmt-v8 [data-bx8-ind="education"]{--bx8-ind:#6B4A8C}

/* 記事の行（写真＋カテゴリ＋タイトル＋日付）。カードの枠は付けず、罫線で区切る */
.bxmt-v8 .bx8-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 18px;align-items:start;padding:16px 0;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-row__pic{display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx8-row__pic img{width:100%;height:100%;object-fit:cover}
.bxmt-v8 .bx8-row__t{min-width:0}
.bxmt-v8 .bx8-row__h{margin:2px 0 0;font-family:var(--v8-serif);font-size:17px;font-weight:700;line-height:1.55;color:var(--v8-ink)}
.bxmt-v8 .bx8-row__h a,.bxmt-v8 .bx8-hero__h a,.bxmt-v8 .bx8-hero__subh a,.bxmt-v8 .bx8-guide__h a,.bxmt-v8 .bx8-pop__t,.bxmt-v8 .bx8-ind__n a{color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-row__h a:hover,.bxmt-v8 .bx8-hero__h a:hover,.bxmt-v8 .bx8-hero__subh a:hover,.bxmt-v8 .bx8-guide__h a:hover,.bxmt-v8 .bx8-pop__t:hover,.bxmt-v8 .bx8-ind__n a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
/* 見出しのリンクは見た目を変えずに押せる高さを 44px 以上にする（上下の余白を内側へ取り込む） */
.bxmt-v8 :is(.bx8-row__h,.bx8-hero__subh,.bx8-ind__n,.bx8-guide__h) a,.bxmt-v8 .bx8-pop__t{display:block;padding:10px 0;margin:-10px 0}
.bxmt-v8 .bx8-row__d{margin:6px 0 0;font-size:14.5px;line-height:1.8;color:var(--v8-body)}
.bxmt-v8 .bx8-rows{max-width:900px;margin:0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}

/* ============ 1. ヘッダー ============ */
body.bxmt-v8{--bx4-nav:70px}
.bxmt-v8 .bx8-mast{position:sticky;top:0;z-index:50;background:var(--v8-paper);border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-mast .bx8-mast__in{display:flex;align-items:center;gap:0 26px;min-height:68px;padding-top:0;padding-bottom:0}
.bxmt-v8 .bx8-brand{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0;min-height:44px;color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-brand__logo{flex:none;width:94px;height:auto}
.bxmt-v8 .bx8-brand__name{min-width:0;padding-left:12px;border-left:1px solid var(--v8-rule-strong);font-family:var(--v8-serif);font-size:16px;font-weight:700;letter-spacing:.02em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bxmt-v8 .bx8-nav ul{display:flex;gap:0 22px;margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:700;color:var(--v8-ink);text-decoration:none;white-space:nowrap}
.bxmt-v8 .bx8-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.bxmt-v8 .bx8-nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--v8-signal)}
.bxmt-v8 .bx8-msearch{display:flex;align-items:center;gap:6px;flex:0 1 210px;min-width:150px;height:44px;margin:0 0 0 auto;padding:0 10px;border:1px solid var(--v8-rule-strong);border-radius:var(--v8-radius);background:#fff;color:var(--v8-mute);box-sizing:border-box}
.bxmt-v8 .bx8-msearch:focus-within{outline:3px solid var(--v8-focus);outline-offset:1px}
.bxmt-v8 .bx8-msearch input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;background:transparent;font:inherit;font-size:14px;color:var(--v8-ink);outline:none}
.bxmt-v8 .bx8-msearch input::placeholder{color:var(--v8-mute);opacity:1}
.bxmt-v8 .bx8-mast__cta{flex:none;margin:0}
.bxmt-v8 .bx8-mast__side{display:none;flex:none;gap:2px;margin-left:auto}
.bxmt-v8 .bx8-ib{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:48px;min-height:48px;padding:0 6px;border-radius:var(--v8-radius);color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-ib[aria-expanded="true"]{background:var(--v8-work)}
.bxmt-v8 .bx8-ib__l{font-size:13px;font-weight:700;line-height:1.2}
.bxmt-v8 .bx8-spanel,.bxmt-v8 .bx8-menu{border-top:1px solid var(--v8-rule);background:var(--v8-paper)}
.bxmt-v8 .bx8-spanel{padding:14px 0}
.bxmt-v8 .bx8-spanel__l{display:block;margin:0 0 6px;font-size:14px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-spanel__row{display:flex;gap:8px}
.bxmt-v8 .bx8-spanel input[type=search]{flex:1 1 auto;min-width:0;height:48px;padding:0 14px;border:1px solid var(--v8-rule-strong);border-radius:var(--v8-radius);background:#fff;font:inherit;font-size:16px;color:var(--v8-ink);box-sizing:border-box}
.bxmt-v8 .bx8-spanel__ex{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin:8px 0 0;font-size:14px;color:var(--v8-mute)}
.bxmt-v8 .bx8-spanel__ex a{display:inline-flex;align-items:center;min-height:44px;color:var(--v8-ink);font-weight:700}
.bxmt-v8 .bx8-menu{max-height:calc(100vh - 64px);overflow-y:auto}
.bxmt-v8 .bx8-menu__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 40px;padding-top:16px;padding-bottom:28px}
.bxmt-v8 .bx8-menu__close{grid-column:1 / -1;margin:0;text-align:right}
.bxmt-v8 .bx8-menu__h{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--v8-mute)}
.bxmt-v8 .bx8-menu__list{margin:0 0 12px;padding:0;list-style:none;border-top:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-menu__list li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-menu__list a,.bxmt-v8 .bx8-menu__list .bx7p-links__prep{display:flex;align-items:center;flex:1 1 auto;min-height:44px;font-size:15px;color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-menu__list .bx7p-links__prep{color:var(--v8-mute)}
.bxmt-v8 .bx8-menu__list a:hover{text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx8-menu__list a[aria-current]{font-weight:700}
.bxmt-v8 .bx8-menu__list--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.bxmt-v8 .bx8-menu__sub{margin:8px 0 4px;font-size:13px;font-weight:700;color:var(--v8-mute)}
.bxmt-v8 .bx8-menu__more{margin:0}
.bxmt-v8 .bx8-menu__more a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-menu .bx7p-cur{flex:none;padding:0 6px;border:1px solid var(--v8-ink);border-radius:var(--v8-radius);font-size:13px;font-weight:700;color:var(--v8-ink)}

/* ============ 2. フッター（2026-10-01 v8.2: 本体 https://boostx-inc.com/ の footer.site-footer と同じ色・同じ構成） ============ */
/* 本体の実測（2026-10-01）: 背景 linear-gradient(#0a0f1f→#0b1524)＋左上の青い光（rgba(30,79,199,.12)）＋右下の光（rgba(92,130,232,.06)）
   ＋48px の細い格子（白 2.4%）＋上端の光る線（rgba(92,130,232,.4)）。見出し #5C82E8・太字・字間広め（文字はメディアの最小 13px にそろえた）、リンク白 .78／13.5px／500、
   説明 白 .5〜.6、区切り 白 .08。下段は本体の白 .4 だと AA に届かないので .6（7:1）にした。見出しの青は最も明るい所でも 4.7:1 */
.bxmt-v8 .bx8-foot{position:relative;isolation:isolate;overflow:hidden;margin-top:0;padding:72px 0 28px;border-top:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.8;
  background:radial-gradient(70% 50% at 20% 0,rgba(30,79,199,.12) 0,rgba(0,0,0,0) 60%),radial-gradient(60% 50% at 80% 100%,rgba(92,130,232,.06) 0,rgba(0,0,0,0) 60%),linear-gradient(#0a0f1f 0,#0b1524 100%)}
.bxmt-v8 .bx8-foot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(92,130,232,.4),rgba(0,0,0,0));pointer-events:none}
.bxmt-v8 .bx8-foot::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.024) 1px,rgba(0,0,0,0) 1px) 0 0 / 48px 48px,linear-gradient(90deg,rgba(255,255,255,.024) 1px,rgba(0,0,0,0) 1px) 0 0 / 48px 48px;pointer-events:none}
.bxmt-v8 .bx8-foot :where(a){color:rgba(255,255,255,.78);text-decoration:none}
.bxmt-v8 .bx8-foot :where(a):hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx8-foot ul{margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-foot__top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:40px 48px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.08)}
.bxmt-v8 .bx8-foot__top--3{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
.bxmt-v8 .bx8-foot__top:focus{outline:none}
.bxmt-v8 .bx8-foot__brand{min-width:0}
.bxmt-v8 .bx8-foot__logo{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px}
.bxmt-v8 .bx8-foot__logo img{display:block;width:180px;height:auto}
.bxmt-v8 .bx8-foot__name{margin:0 0 6px;font-family:var(--v8-serif);font-size:18px;font-weight:700;line-height:1.5}
.bxmt-v8 .bx8-foot__name a{color:#fff}
.bxmt-v8 .bx8-foot__tag{max-width:26em;margin:0 0 18px;font-size:13.5px;font-weight:500;line-height:1.85;color:rgba(255,255,255,.78)}
.bxmt-v8 .bx8-foot__trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;max-width:30em}
.bxmt-v8 .bx8-foot__trust a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:6px 0;color:rgba(255,255,255,.6)}
.bxmt-v8 .bx8-foot__tk{font-size:13px;font-weight:700;letter-spacing:.08em;color:#5C82E8}
.bxmt-v8 .bx8-foot__tv{font-size:13px;line-height:1.6}
.bxmt-v8 .bx8-foot__h{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:800;letter-spacing:.16em;line-height:1.6;color:#5C82E8}
.bxmt-v8 .bx8-foot__col,.bxmt-v8 .bx8-foot__inds{min-width:0}
.bxmt-v8 .bx8-foot__col a,.bxmt-v8 .bx8-foot__inds a{display:inline-flex;align-items:center;min-height:36px;font-size:13.5px;font-weight:500;letter-spacing:.01em;line-height:1.5}
.bxmt-v8 .bx8-foot__inds{grid-column:1 / -1}
.bxmt-v8 .bx8-foot__inds ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px}
.bxmt-v8 .bx8-foot__inds a[aria-current]{color:#fff;font-weight:700}
.bxmt-v8 .bx8-foot__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;padding-top:22px;font-size:13px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.6)}
.bxmt-v8 .bx8-foot__bar p{margin:0}
.bxmt-v8 .bx8-foot__legal{display:flex;align-items:center;flex-wrap:wrap;gap:0 24px}
.bxmt-v8 .bx8-foot__legal a{display:inline-flex;align-items:center;min-height:36px;color:rgba(255,255,255,.6)}

/* 業界トップ v8.1（2026-10-01）: トップと同じ部品（bx8-hero・bx8-duo・bx8-guide）。色は包みの style で --v8-ink を業界色に（industry.php） */
.bxmt-v8 .bx8-indtop .bx8-hero{padding-top:28px}
.bxmt-v8 .bx8-pop__more{margin:10px 0 0}
.bxmt-v8 .bx8-indtop .bx8-itasks__prep{margin-top:12px}

/* ============ 3. 総合トップ ============ */
/* ヒーロー（左に主役の記事・右に大きな写真・写真の左下に副記事を重ねる。影は使わない） */
.bxmt-v8 .bx8-hero{padding:40px 0 64px;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-hero__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 56px;align-items:center}
.bxmt-v8 .bx8-id{margin:0 0 28px;padding:0 0 14px;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-id__n{display:block;font-family:var(--v8-serif);font-size:15px;font-weight:700;letter-spacing:.08em;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-id__t{display:block;margin-top:2px;font-size:14px;font-weight:500;line-height:1.7;color:var(--v8-body)}
.bxmt-v8 .bx8-hero__h{margin:0 0 18px;font-family:var(--v8-serif);font-size:clamp(28px,3.1vw,44px);font-weight:700;line-height:1.38;letter-spacing:.01em;color:var(--v8-ink)}
.bxmt-v8 .bx8-hero__deck{max-width:32em;margin:0 0 26px;font-size:16px;line-height:1.9;color:var(--v8-body)}
.bxmt-v8 .bx8-hero__go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0}
.bxmt-v8 .bx8-hero__meta{font-size:13.5px;color:var(--v8-mute)}
.bxmt-v8 .bx8-hero__media{position:relative;min-width:0;padding-bottom:48px}
.bxmt-v8 .bx8-hero__pic{position:relative;margin:0;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx8-hero__pic img{width:100%;height:100%;object-fit:cover}
.bxmt-v8 .bx8-hero__cap{position:absolute;right:0;bottom:0;padding:2px 10px;background:var(--v8-paper);font-size:13px;color:var(--v8-mute)}
.bxmt-v8 .bx8-hero__sub{position:absolute;left:-40px;bottom:0;display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 16px;width:min(470px,80%);padding:16px 18px 16px 16px;border:1px solid var(--v8-rule);border-left:3px solid var(--v8-ink);background:var(--v8-paper);box-sizing:border-box}
.bxmt-v8 .bx8-hero__subpic{display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--v8-radius)}
.bxmt-v8 .bx8-hero__subpic img{width:100%;height:100%;object-fit:cover}
.bxmt-v8 .bx8-hero__subt{min-width:0}
.bxmt-v8 .bx8-hero__subh{margin:0;font-family:var(--v8-serif);font-size:16px;font-weight:700;line-height:1.55;color:var(--v8-ink)}

/* 注目記事｜課題から探す */
.bxmt-v8 .bx8-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 0;padding-top:56px;padding-bottom:56px}
.bxmt-v8 .bx8-duo > .bx8-pop{padding-right:40px}
.bxmt-v8 .bx8-duo > .bx8-probs{padding-left:40px;border-left:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-duo > :only-child{grid-column:1 / -1;padding:0;border:0}
.bxmt-v8 .bx8-pop__list,.bxmt-v8 .bx8-probs__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}
.bxmt-v8 .bx8-pop__i{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-pop__t{font-family:var(--v8-serif);font-size:16.5px;font-weight:700;line-height:1.6}
.bxmt-v8 .bx8-pop__m{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:13px;color:var(--v8-mute)}
.bxmt-v8 .bx8-pop__m [data-bx8-ind]{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--v8-body)}
.bxmt-v8 .bx8-probs__list li{border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-probs__a{display:grid;grid-template-columns:12.5em minmax(0,1fr);gap:2px 16px;align-items:baseline;min-height:44px;padding:11px 0;text-decoration:none;box-sizing:border-box}
.bxmt-v8 .bx8-probs__k{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-probs__k .bx8-ico{align-self:center}
.bxmt-v8 .bx8-probs__n{font-size:14px;line-height:1.65;color:var(--v8-body)}
.bxmt-v8 .bx8-probs__a:hover .bx8-probs__k{text-decoration:underline;text-underline-offset:5px}

/* 実務ガイド（大 1 ＋小 3） */
.bxmt-v8 .bx8-guide{border-top:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-guide__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px 48px;align-items:start}
.bxmt-v8 .bx8-guide__pic{display:block;margin:0 0 16px;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx8-guide__pic img{width:100%;height:100%;object-fit:cover}
.bxmt-v8 .bx8-guide__h{margin:4px 0 10px;font-family:var(--v8-serif);font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.45;color:var(--v8-ink)}
.bxmt-v8 .bx8-guide__d{max-width:38em;margin:0;font-size:15px;line-height:1.85;color:var(--v8-body)}
.bxmt-v8 .bx8-guide__sm{margin:0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}

/* 診断の帯（横長・控えめ・1 回だけ） */
.bxmt-v8 .bx8-dg{padding:8px 0 56px}
.bxmt-v8 .bx8-dg__in{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px 36px;align-items:center;padding:24px 32px;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx8-dg__fig{color:var(--v8-ink)}
.bxmt-v8 .bx8-dg__fig svg{display:block;width:150px;height:auto}
.bxmt-v8 .bx8-dg__h{margin:0 0 6px;font-family:var(--v8-serif);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.45;color:var(--v8-ink)}
.bxmt-v8 .bx8-dg__facts{display:flex;flex-wrap:wrap;margin:0 0 6px;font-size:15px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-dg__facts span + span::before{content:"・"}
.bxmt-v8 .bx8-dg__l{max-width:34em;margin:0;font-size:14px;line-height:1.75;color:var(--v8-body)}
.bxmt-v8 .bx8-dgf{display:flex;flex-direction:column;gap:6px;margin:0}
.bxmt-v8 .bx8-dgf__l{font-size:13.5px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-dgf__row{display:flex;flex-wrap:wrap;gap:8px}
.bxmt-v8 .bx8-dgf__s{min-width:11em;height:48px;padding:0 10px;border:1px solid var(--v8-rule-strong);border-radius:var(--v8-radius);background:#fff;font:inherit;font-size:16px;color:var(--v8-ink)}

/* 最新記事（2 列の行・横に並べすぎない） */
.bxmt-v8 .bx8-latest{padding-top:24px}
.bxmt-v8 .bx8-latest__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin:0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}

/* 業務から探す・業界から探す（文字の索引） */
.bxmt-v8 .bx8-index{border-top:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-index__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px 64px}
.bxmt-v8 .bx8-index__fn{margin:0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}
.bxmt-v8 .bx8-index__fn a{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;min-height:44px;padding:10px 0;border-bottom:1px solid var(--v8-rule);text-decoration:none;box-sizing:border-box}
.bxmt-v8 .bx8-index__k{font-size:15.5px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-index__n{font-size:13px;color:var(--v8-mute)}
.bxmt-v8 .bx8-index__fn a:hover .bx8-index__k{text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx8-index__g{padding:8px 0 6px;border-top:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-index__g:first-of-type{border-top-color:var(--v8-rule-strong)}
.bxmt-v8 .bx8-index__gh{margin:4px 0 0;font-size:13.5px;font-weight:700;color:var(--v8-mute)}
.bxmt-v8 .bx8-index__ind{display:flex;flex-wrap:wrap;gap:0 20px;margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-index__ind a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;text-decoration:none}
.bxmt-v8 .bx8-index__ind a:hover{text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx8-index__prep{margin-left:6px;font-size:13px;color:var(--v8-mute)}

/* ============ 4. パンくず（16業界の一覧・課題） ============ */
.bxmt-v8 .bx8-path{border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-path ol{display:flex;flex-wrap:nowrap;align-items:center;gap:0 8px;margin:0 auto;list-style:none;font-size:13px;white-space:nowrap;overflow:hidden}
.bxmt-v8 .bx8-path li{flex:none}
.bxmt-v8 .bx8-path li:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bxmt-v8 .bx8-path li + li::before{content:"›";margin-right:8px;color:var(--v8-mute)}
.bxmt-v8 .bx8-path a{display:inline-flex;align-items:center;min-height:44px;color:var(--v8-body)}
.bxmt-v8 .bx8-path [aria-current]{color:var(--v8-ink);font-weight:700}

/* ============ 5. 16業界の一覧 ============ */
.bxmt-v8 .bx8-dhero{padding:36px 0 48px;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-dhero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px 56px;align-items:center}
.bxmt-v8 .bx8-dhero__h{margin:0 0 16px;font-family:var(--v8-serif);font-size:clamp(30px,3.5vw,48px);font-weight:700;line-height:1.32;color:var(--v8-ink)}
.bxmt-v8 .bx8-dhero__l{max-width:34em;margin:0 0 26px;font-size:16px;line-height:1.9;color:var(--v8-body)}
.bxmt-v8 .bx8-dsearch{max-width:580px;margin:0}
.bxmt-v8 .bx8-dsearch__l{display:block;margin:0 0 8px;font-size:15px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-dsearch__row{display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;border:1px solid var(--v8-ink);border-radius:var(--v8-radius);background:#fff;color:var(--v8-mute)}
.bxmt-v8 .bx8-dsearch__row:focus-within{outline:3px solid var(--v8-focus);outline-offset:2px}
.bxmt-v8 .bx8-dsearch__i{flex:1 1 auto;min-width:0;height:54px;padding:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--v8-ink);outline:none}
.bxmt-v8 .bx8-dsearch__i::placeholder{color:var(--v8-mute);opacity:1}
.bxmt-v8 .bx8-dsearch__row .bx8-btn{min-height:44px;padding:0 18px}
.bxmt-v8 .bx8-dsearch__help{display:block;margin:8px 0 0;font-size:13px;line-height:1.7;color:var(--v8-mute)}
.bxmt-v8 .bx8-dhero__alt{margin:10px 0 0;font-size:14px;color:var(--v8-body)}
.bxmt-v8 .bx8-dhero__alt a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.bxmt-v8 .bx8-dhero__pics{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:420px}
.bxmt-v8 .bx8-dhero__pic{display:block;overflow:hidden;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx8-dhero__pic--1{grid-row:1 / 3}
.bxmt-v8 .bx8-dhero__pic img{width:100%;height:100%;object-fit:cover}
.bxmt-v8 .bx8-dir__body{padding-top:4px;padding-bottom:32px}
.bxmt-v8 .bx8-dir__status{margin:24px 0 0;font-size:15px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-dir__status:empty{display:none}
.bxmt-v8 .bx8-dir__reset{margin:0}
.bxmt-v8 .bx8-dir__reset a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700}
.bxmt-v8 .bx8-dir__none{margin:16px 0 0;padding:20px 24px;border-left:3px solid var(--v8-ink);background:var(--v8-work)}
.bxmt-v8 .bx8-dir__nonelist{margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-dir__nonelist a{display:inline-block;padding:11px 0;font-size:15px;font-weight:700;line-height:1.5}
.bxmt-v8 .bx8-dir__probhit{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin:8px 0 0;font-size:14px;color:var(--v8-body)}
.bxmt-v8 .bx8-dir__probhit a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.bxmt-v8 .bx8-dgrp{padding:40px 0 0}
.bxmt-v8 .bx8-dgrp__hd{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 24px;padding:0 0 12px;border-bottom:2px solid var(--v8-ink)}
.bxmt-v8 .bx8-dgrp__h{margin:0;font-family:var(--v8-serif);font-size:clamp(22px,2.2vw,28px);font-weight:700;line-height:1.4;color:var(--v8-ink)}
.bxmt-v8 .bx8-dgrp__d{margin:0;font-size:14px;color:var(--v8-mute)}
.bxmt-v8 .bx8-dgrp__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-ind{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-ind[hidden],.bxmt-v8 .bx8-dgrp[hidden],.bxmt-v8 .bx8-dir__none[hidden],.bxmt-v8 .bx8-dir__reset[hidden]{display:none}
.bxmt-v8 .bx8-ind__pic{display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx8-ind__pic img{width:100%;height:100%;object-fit:cover}
.bxmt-v8 .bx8-ind__b{min-width:0}
.bxmt-v8 .bx8-ind__n{margin:0 0 2px;font-family:var(--v8-serif);font-size:18px;font-weight:700;line-height:1.45;color:var(--v8-ink)}
.bxmt-v8 .bx8-ind__tasks{margin:0;font-size:14px;line-height:1.8;color:var(--v8-body)}
.bxmt-v8 .bx8-ind__tasks a{color:var(--v8-ink);text-decoration:underline;text-decoration-color:var(--v8-rule-strong);text-underline-offset:4px}
.bxmt-v8 .bx8-ind__tasks a:hover{text-decoration-color:var(--v8-ink)}
.bxmt-v8 .bx8-ind__sep{color:var(--v8-mute)}
.bxmt-v8 .bx8-ind__hit{margin:2px 0 0;font-size:13px;color:var(--v8-mute)}
.bxmt-v8 .bx8-ind__go{margin:0}
.bxmt-v8 .bx8-ind__go a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:14px;font-weight:700;color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-ind__go a:hover{text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx8-dprob{padding-top:48px;padding-bottom:40px}
.bxmt-v8 .bx8-dprob .bx8-h2{margin-bottom:16px}
.bxmt-v8 .bx8-dprob__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px;margin:0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}
.bxmt-v8 .bx8-dprob__list li{border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-dprob__list a{display:flex;align-items:center;gap:10px;min-height:56px;font-size:15.5px;font-weight:700;color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-dprob__list a span{text-decoration:underline;text-decoration-color:var(--v8-rule-strong);text-underline-offset:5px}
.bxmt-v8 .bx8-dprob__list a:hover span{text-decoration-color:var(--v8-ink)}

/* ============ 6. 課題から探す ============ */
.bxmt-v8 .bx8-phead{padding:32px 0 24px}
.bxmt-v8 .bx8-phead__h{display:flex;align-items:center;gap:14px;margin:0 0 12px;font-family:var(--v8-serif);font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.35;color:var(--v8-ink)}
.bxmt-v8 .bx8-phead__ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--v8-rule-strong);border-radius:var(--v8-radius);color:var(--v8-ink)}
.bxmt-v8 .bx8-phead__l{max-width:40em;margin:0 0 8px;font-size:16px;line-height:1.9;color:var(--v8-body)}
.bxmt-v8 .bx8-phead__m{margin:0;font-size:13.5px;color:var(--v8-mute)}
.bxmt-v8 .bx8-ptabs{border-top:1px solid var(--v8-rule);border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-ptabs__list{display:flex;flex-wrap:wrap;gap:0 26px;margin:0;padding:4px 0;list-style:none}
.bxmt-v8 .bx8-ptabs__list a{position:relative;display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;color:var(--v8-body);text-decoration:none}
.bxmt-v8 .bx8-ptabs__k{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700}
.bxmt-v8 .bx8-ptabs__list a:hover .bx8-ptabs__k{text-decoration:underline;text-underline-offset:5px}
.bxmt-v8 .bx8-ptabs__list a[aria-current]{color:var(--v8-ink)}
.bxmt-v8 .bx8-ptabs__list a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--v8-signal)}
.bxmt-v8 .bx8-ptabs__list--index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;padding:0}
.bxmt-v8 .bx8-ptabs__list--index li{border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-ptabs__list--index a{padding:14px 0;color:var(--v8-ink)}
.bxmt-v8 .bx8-ptabs__list--index .bx8-ptabs__k{font-size:16.5px}
.bxmt-v8 .bx8-ptabs__n{display:block;margin:2px 0 0 28px;font-size:14px;line-height:1.7;color:var(--v8-body)}
.bxmt-v8 .bx8-ptabs:has(.bx8-ptabs__list--index){border-top:0;padding:8px 0 40px}
.bxmt-v8 .bx8-plist{padding-top:24px}
.bxmt-v8 .bx8-plist__in{max-width:calc(900px + 2 * var(--v8-pad))}
.bxmt-v8 .bx8-plist__list{margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-plist .bx8-row{grid-template-columns:180px minmax(0,1fr);gap:0 22px;padding:20px 0}
.bxmt-v8 .bx8-plist .bx8-row--first .bx8-row__h{font-size:20px}
.bxmt-v8 .bx8-few{margin:24px 0 0;padding:20px 24px;border-left:3px solid var(--v8-ink);background:var(--v8-work)}
.bxmt-v8 .bx8-few p{margin:0 0 6px;font-size:14.5px;line-height:1.8}
.bxmt-v8 .bx8-few__list{margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-few__list a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700}

/* ============ 7. 業界トップ・業務Hub・記事一覧（v7 の .bx7p を v8 のトークンへ） ============ */
.bxmt-v8 .bx7p{
  --bx-ink:var(--v8-ink);--bx-sub:var(--v8-body);--bx-mut:var(--v8-mute);--bx-paper:var(--v8-paper);--bx-mist:var(--v8-paper);
  --bx-rule:var(--v8-rule);--bx-rule-strong:var(--v8-rule-strong);--bx-link:var(--v8-ink);--bx4-head:var(--v8-serif);--bx4-hw:700;
  background:var(--v8-paper);color:var(--v8-body);line-break:strict}
.bxmt-v8 .bx7p .bx4-wrap{max-width:var(--v8-wrap);padding:0 var(--v8-pad);box-sizing:border-box}
.bxmt-v8 .bx7p .bx7p-h1{font-size:clamp(28px,3.2vw,42px);line-height:1.35}
.bxmt-v8 .bx7p .bx7p-h2{display:flex;align-items:center;gap:12px}
.bxmt-v8 .bx7p .bx7p-h2::before{content:"";flex:none;width:22px;height:2px;background:var(--v8-signal)}
.bxmt-v8 .bx7p .bx7p-btn{border-color:var(--v8-ink);color:var(--v8-ink);font-family:var(--v8-sans)}
.bxmt-v8 .bx7p .bx7p-btn--pri{background:var(--v8-ink);border-color:var(--v8-ink);color:#fff}
.bxmt-v8 .bx7p .bx7p-btn:hover{background:inherit;text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx7p .bx7p-btn--pri:hover{background:var(--v8-ink);color:#fff}
.bxmt-v8 .bx7p .bx7p-sec--mist{background:var(--v8-paper)}
/* 均等なカードの反復をやめ、1 列の記事リスト（タイトル・決められること・日付）にする */
.bxmt-v8 .bx7p .bx7p-cards,.bxmt-v8 .bx7p .bx7p-cards--3{grid-template-columns:minmax(0,1fr);max-width:900px}
.bxmt-v8 .bx7p .bx7p-card{padding:18px 0}
.bxmt-v8 .bx7p .bx7p-card__t{font-size:18px;line-height:1.55}
.bxmt-v8 .bx7p .bx7p-card__d{max-width:44em;font-size:14.5px}
.bxmt-v8 .bx7p .bx7p-card__dl{display:inline;margin:0 8px 0 0;font-size:13px;letter-spacing:0;color:var(--v8-ink)}
.bxmt-v8 .bx7p .bx7p-card__dl::after{content:"："}
/* 業界トップの「いま読む1本」は枠で囲まず、上の太い罫線で区切る */
.bxmt-v8 .bx7p .bx7p-today{padding:20px 0 0;border:0;border-top:2px solid var(--v8-ink);background:transparent}
.bxmt-v8 .bx7p .bx7p-today__k{color:var(--v8-ink);font-size:13.5px}
/* ピル型の絞り込みをやめ、下線のタブにする（影なし） */
.bxmt-v8 .bx7p .bx7p-filter{background:var(--v8-paper)}
.bxmt-v8 .bx7p .bx7p-filter__list{gap:0 20px}
.bxmt-v8 .bx7p .bx7p-filter__list a{position:relative;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:14.5px}
.bxmt-v8 .bx7p .bx7p-filter__list a:hover{text-decoration:underline;text-underline-offset:5px}
.bxmt-v8 .bx7p .bx7p-filter__list a[aria-current]{box-shadow:none;font-weight:700}
.bxmt-v8 .bx7p .bx7p-filter__list a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--v8-signal)}
.bxmt-v8 .bx7p .bx7p-shape__docs span,.bxmt-v8 .bx7p .bx7p-hubs__docs span{padding:0;border:0;font-size:13px;color:var(--v8-ink)}
.bxmt-v8 .bx7p .bx7p-shape__docs span::after,.bxmt-v8 .bx7p .bx7p-hubs__docs span::after{content:"："}
.bxmt-v8 .bx7p .bx7p-dg__sum{border:0;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx7p .bx7p-prep{border-style:solid;border-color:var(--v8-rule);background:transparent}
.bxmt-v8 .bx7p .bx7p-pager__a{border-color:var(--v8-rule-strong)}
.bxmt-v8 .bx7p .bx7p-pager__a.is-cur{border-color:var(--v8-ink);background:var(--v8-ink)}
.bxmt-v8 .bx7p .bx7p-hubs__c{color:var(--v8-body)}
.bxmt-v8 .bx7p .bx4-path{border-bottom:1px solid var(--v8-rule);background:var(--v8-paper)}
.bxmt-v8 .bx7p .bx4-path a{display:inline-flex;align-items:center;min-height:44px}
.bxmt-v8 .bx7p .bx4-path__in{align-items:center;padding-top:0;padding-bottom:0}
.bxmt-v8 .bx7p .bx4-path__in li{display:inline-flex;align-items:center}
/* 13px 未満の文字を作らない */
.bxmt-v8 .bx7p :is(.bx7p-card__cat,.bx7p-card__hit,.bx7p-card__min,.bx7p-hubs__c,.bx7p-hubs__docs,.bx7p-shape__no,.bx7p-shape__docs,.bx7p-shape__hubs span,.bx7p-figs__n,.bx7p-figs__s,.bx7p-links li span,.bx7p-filter__list a span,.bx7p-cur,.bx7p-ind__prep,.bx7p-steps__k,.bx7p-steps__n,.bx7p-fns__m,.bx7p-prep__l,.bx7p-dg__l,.bx7p-head__meta,.bx7p-kick,.bx4-path,.bx4-path__in,.bx4-path__in a,.bx4-path__in span,.bx7p-lane__tag,.bx7p-flow li::before,.bx7p-flow--time b,.bx7p-igroup__h span,.bx7p-sform__help,.bx7p-after b,th,.bx4-asset__k){font-size:13px}

/* ============ 7b. 業界トップ・業務Hub・記事一覧（v8 の部品で組み直し・2026-10-01） ============ */
/* 均等な角丸カードを並べない・影なし・罫線と余白で階層を作る・見出しは bx8-h2 で統一・13px 未満なし・押せる所 44px 以上 */

/* 業界トップ: ヒーロー（左=媒体名＋便益の副題＋導線／右=いま読む1本） */
.bxmt-v8 .bx8-ihero{padding:36px 0 44px;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-ihero__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px 56px;align-items:center}
.bxmt-v8 .bx8-ihero__h{margin:0 0 12px;font-family:var(--v8-serif);font-size:clamp(30px,3.4vw,46px);font-weight:700;line-height:1.3;color:var(--v8-ink)}
.bxmt-v8 .bx8-ihero__sub{margin:0 0 14px;font-size:16px;font-weight:700;line-height:1.75;color:var(--v8-ink)}
.bxmt-v8 .bx8-ihero__l{max-width:34em;margin:0 0 22px;font-size:15px;line-height:1.9;color:var(--v8-body)}
.bxmt-v8 .bx8-ihero__go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0}
.bxmt-v8 .bx8-ihero__media{min-width:0}
.bxmt-v8 .bx8-ifeat{display:block;border:1px solid var(--v8-rule);border-left:3px solid var(--v8-ink);background:var(--v8-paper)}
.bxmt-v8 .bx8-ifeat__pic{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--v8-work)}
.bxmt-v8 .bx8-ifeat__pic img{width:100%;height:100%;object-fit:cover}
.bxmt-v8 .bx8-ifeat__b{padding:16px 20px 18px}
.bxmt-v8 .bx8-ifeat__k{margin:0 0 6px;font-size:13px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-ifeat__h{margin:0 0 8px;font-family:var(--v8-serif);font-size:clamp(18px,1.7vw,22px);font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-ifeat__h a{display:block;padding:4px 0;margin:-4px 0;color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-ifeat__h a:hover{text-decoration:underline;text-underline-offset:5px}
.bxmt-v8 .bx8-ifeat__d{margin:0;font-size:14px;line-height:1.8;color:var(--v8-body)}
.bxmt-v8 .bx8-ifeat__dl{margin-right:6px;font-size:13px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-ifeat__dl::after{content:"："}
.bxmt-v8 .bx8-ifeat .bx8-meta{margin-top:8px}
.bxmt-v8 .bx8-ihero__pic{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx8-ihero__pic img{width:100%;height:100%;object-fit:cover}

/* 業務から探す: 工程の全体マップ（帳票のみ・リンクなし）→ 記事がある業務（唯一の遷移口）→ 準備中は一文 */
.bxmt-v8 .bx8-itasks .bx8-h2__note{margin-bottom:18px}
.bxmt-v8 .bx8-shape{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin:0 0 4px;padding:0;list-style:none}
.bxmt-v8 .bx8-shape__s{padding:14px 0;border-top:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-shape__n{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-shape__no{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border:1px solid var(--v8-rule-strong);border-radius:var(--v8-radius);font-size:13px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-shape__docs{margin:0;font-size:13px;line-height:1.7;color:var(--v8-body)}
.bxmt-v8 .bx8-shape__docs span{font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-shape__docs span::after{content:"："}
.bxmt-v8 .bx8-hubs{margin:14px 0 0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}
/* 業務が2つ以上のときは記事一覧と同じ2列の行リスト（PC・列の間に区切りは置かない。1〜2個のときは1列） */
.bxmt-v8 .bx8-hubs--cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.bxmt-v8 .bx8-hubs__i{padding:16px 0;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-hubs__top{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px}
.bxmt-v8 .bx8-hubs__n{margin:0;font-family:var(--v8-serif);font-size:18px;font-weight:700;line-height:1.5}
.bxmt-v8 .bx8-hubs__n a{display:inline-block;padding:11px 0;margin:-11px 0;color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-hubs__n a:hover{text-decoration:underline;text-underline-offset:5px}
.bxmt-v8 .bx8-hubs__c{font-size:13px;font-weight:700;color:var(--v8-body)}
.bxmt-v8 .bx8-hubs__s{margin:4px 0 0;max-width:46em;font-size:14px;line-height:1.75;color:var(--v8-body)}
.bxmt-v8 .bx8-hubs__docs{margin:4px 0 0;font-size:13px;line-height:1.7;color:var(--v8-mute)}
.bxmt-v8 .bx8-hubs__docs span{font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-hubs__docs span::after{content:"："}
.bxmt-v8 .bx8-itasks__prep{margin:14px 0 0;max-width:52em;font-size:14px;line-height:1.85;color:var(--v8-body)}
.bxmt-v8 .bx8-itasks__more{margin:16px 0 0}
.bxmt-v8 .bx8-itasks__more a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700}

/* 業界トップ・Hub の診断（既存の6問診断の機能はそのまま・見た目だけ v8 の控えめな帯に） */
.bxmt-v8 .bx8-idg__box{padding:28px 32px;border-radius:var(--v8-radius);background:var(--v8-work)}
.bxmt-v8 .bx8-idg__sum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 36px;align-items:center}
.bxmt-v8 .bx8-idg__t .bx8-kick{margin-bottom:8px}
.bxmt-v8 .bx8-idg__h{margin:0 0 8px;font-family:var(--v8-serif);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.4;color:var(--v8-ink)}
.bxmt-v8 .bx8-idg__facts{display:flex;flex-wrap:wrap;margin:0 0 10px;font-size:14px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-idg__facts span + span::before{content:"・"}
.bxmt-v8 .bx8-idg__list{margin:0;padding-left:1.2em;font-size:14px;line-height:1.85;color:var(--v8-body)}
.bxmt-v8 .bx8-idg__go{margin:0}
.bxmt-v8 .bx8-idg__panel{margin-top:20px}
.bxmt-v8 .bx8-idg__panel[hidden]{display:none}

/* 数字と根拠（出典つきの既存データだけ） */
.bxmt-v8 .bx8-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin:0;border-top:1px solid var(--v8-rule-strong)}
.bxmt-v8 .bx8-figs__i{padding:16px 0;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-figs__i dt{margin:0 0 4px;font-size:13.5px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-figs__v{margin:0;font-family:var(--v8-serif);font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.3;color:var(--v8-ink)}
.bxmt-v8 .bx8-figs__n{margin:4px 0 0;font-size:13px;line-height:1.7;color:var(--v8-body)}
.bxmt-v8 .bx8-figs__s{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--v8-mute)}
.bxmt-v8 .bx8-figs__s a{font-weight:700}
.bxmt-v8 .bx8-pains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:18px 0 0;border-top:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-pains > div{padding:14px 0;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-pains dt{margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-pains dd{margin:0;font-size:14px;line-height:1.75;color:var(--v8-body)}

/* この媒体について */
.bxmt-v8 .bx8-colo__dl{display:grid;grid-template-columns:9em minmax(0,1fr);gap:8px 20px;margin:0;max-width:760px}
.bxmt-v8 .bx8-colo__dl dt{font-size:14px;font-weight:700;line-height:1.6;color:var(--v8-ink)}
.bxmt-v8 .bx8-colo__dl dd{margin:0;font-size:14px;line-height:1.7;color:var(--v8-body)}

/* 業務Hub: 見出し・この業務の全体像（工程の流れ＋AIに任せる所／人が決める所の2レーン） */
.bxmt-v8 .bx8-hhead{padding:28px 0 20px}
.bxmt-v8 .bx8-hhead__h{margin:0 0 10px;font-family:var(--v8-serif);font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.35;color:var(--v8-ink)}
.bxmt-v8 .bx8-hhead__l{max-width:42em;margin:0 0 8px;font-size:16px;line-height:1.9;color:var(--v8-body)}
.bxmt-v8 .bx8-hhead__m{margin:0;font-size:13.5px;color:var(--v8-mute)}
.bxmt-v8 .bx8-flow{display:flex;flex-wrap:wrap;gap:6px 0;margin:0 0 22px;padding:0;list-style:none;counter-reset:bx8flow}
.bxmt-v8 .bx8-flow li{position:relative;display:flex;align-items:center;gap:8px;padding:8px 28px 8px 0;font-size:14px;line-height:1.5;color:var(--v8-body)}
.bxmt-v8 .bx8-flow li::before{counter-increment:bx8flow;content:counter(bx8flow);flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--v8-rule-strong);border-radius:var(--v8-radius);font-size:13px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-flow li:not(:last-child)::after{content:"›";position:absolute;right:10px;color:var(--v8-mute)}
.bxmt-v8 .bx8-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px}
.bxmt-v8 .bx8-lane{padding:16px 0 0;border-top:2px solid var(--v8-ink)}
.bxmt-v8 .bx8-lane__h{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-family:var(--v8-serif);font-size:17px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-lane__tag{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 6px;border:1px solid var(--v8-ink);border-radius:var(--v8-radius);font-size:13px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-lane ul{margin:0;padding-left:1.2em;font-size:14.5px;line-height:1.85;color:var(--v8-body)}
.bxmt-v8 .bx8-lane li{margin:0 0 4px}

/* Hub: タスク・詰まりやすい点・使うシステム・社内/データ設計・FAQ・ほかの業務 */
.bxmt-v8 .bx8-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px}
.bxmt-v8 .bx8-cols__c{min-width:0}
.bxmt-v8 .bx8-cols ul{margin:0;padding-left:1.2em;font-size:14.5px;line-height:1.85;color:var(--v8-body)}
.bxmt-v8 .bx8-cols li{margin:0 0 4px}
.bxmt-v8 .bx8-cols__n{margin:8px 0 0;font-size:13px;line-height:1.7;color:var(--v8-mute)}
.bxmt-v8 .bx8-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0;border-top:1px solid var(--v8-rule-strong)}
.bxmt-v8 .bx8-split__c{padding:16px 0 0}
.bxmt-v8 .bx8-split__n{margin:0 0 8px;font-family:var(--v8-serif);font-size:16px;font-weight:700;line-height:1.5;color:var(--v8-ink)}
.bxmt-v8 .bx8-split__l{margin:0;padding-left:1.2em;font-size:14.5px;line-height:1.85;color:var(--v8-body)}
.bxmt-v8 .bx8-split li{margin:0 0 4px}
.bxmt-v8 .bx8-faq{margin:0;border-top:1px solid var(--v8-rule-strong)}
.bxmt-v8 .bx8-faq > div{padding:16px 0;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-faq dt{margin:0 0 6px;font-family:var(--v8-serif);font-size:16px;font-weight:700;line-height:1.55;color:var(--v8-ink)}
.bxmt-v8 .bx8-faq dd{margin:0;max-width:46em;font-size:14.5px;line-height:1.85;color:var(--v8-body)}
.bxmt-v8 .bx8-linklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}
.bxmt-v8 .bx8-linklist li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-linklist a{flex:1 1 auto;display:inline-flex;align-items:center;min-height:46px;font-size:15px;font-weight:700;color:var(--v8-ink);text-decoration:none}
.bxmt-v8 .bx8-linklist a:hover{text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx8-linklist__prep{flex:1 1 auto;display:inline-flex;align-items:center;min-height:46px;font-size:15px;color:var(--v8-mute)}
.bxmt-v8 .bx8-linklist__c{flex:none;font-size:13px;color:var(--v8-mute)}
.bxmt-v8 .bx8-note{margin:16px 0 0;font-size:14px;line-height:1.85;color:var(--v8-body)}

/* 記事一覧: 業務で絞り込む（下線のタブ）・2列の行・ページ送り */
.bxmt-v8 .bx8-filter{border-top:1px solid var(--v8-rule);border-bottom:1px solid var(--v8-rule)}
.bxmt-v8 .bx8-filter__in{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px;padding:4px 0}
.bxmt-v8 .bx8-filter__l{flex:none;margin:0;font-size:13.5px;font-weight:700;color:var(--v8-mute)}
.bxmt-v8 .bx8-filter__list{display:flex;flex-wrap:wrap;gap:0 22px;margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-filter__list a{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14.5px;font-weight:700;color:var(--v8-body);text-decoration:none}
.bxmt-v8 .bx8-filter__list a:hover{text-decoration:underline;text-underline-offset:5px}
.bxmt-v8 .bx8-filter__list a[aria-current]{color:var(--v8-ink)}
.bxmt-v8 .bx8-filter__list a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--v8-signal)}
.bxmt-v8 .bx8-filter__list a span{font-size:13px;font-weight:700;color:var(--v8-mute)}
.bxmt-v8 .bx8-artlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin:0;padding:0;list-style:none;border-top:1px solid var(--v8-rule-strong)}
.bxmt-v8 .bx8-pager{margin:28px 0 0}
.bxmt-v8 .bx8-pager__pos{margin:0 0 10px;font-size:13.5px;color:var(--v8-mute)}
.bxmt-v8 .bx8-pager__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.bxmt-v8 .bx8-pager__a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--v8-rule-strong);border-radius:var(--v8-radius);font-size:14px;font-weight:700;color:var(--v8-ink);text-decoration:none;box-sizing:border-box}
.bxmt-v8 .bx8-pager__a:hover{text-decoration:underline;text-underline-offset:4px}
.bxmt-v8 .bx8-pager__a.is-cur{border-color:var(--v8-ink);background:var(--v8-ink);color:#fff}

/* 準備中の案内（bx8-few の近い業務の小見出し） */
.bxmt-v8 .bx8-few__sub{margin:12px 0 2px;font-size:14px;font-weight:700;color:var(--v8-ink)}
.bxmt-v8 .bx8-few__list a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;color:var(--v8-ink)}

/* Hub が使う既存データ部品（v4 の表・資産ページ）を v8 の最小サイズ・押せる高さに合わせる（13px 未満・44px 未満を作らない） */
.bxmt-v8 .bx8 .bx4-table thead th{font-size:13px}
.bxmt-v8 .bx8 .bx4-asset__k{font-size:13px}
.bxmt-v8 .bx8 .bx4-asset__n a{display:inline-flex;align-items:center;min-height:44px}

/* ============ 8. 画面幅 ============ */
@media (max-width:1180px){
  .bxmt-v8 .bx8-msearch{display:none}
  .bxmt-v8 .bx8-mast__side{display:flex;margin-left:0}
  .bxmt-v8 .bx8-nav{margin-left:auto}
  .bxmt-v8 .bx8-mast__side #bxmt-menu-toggle{display:none}
}
@media (max-width:1040px){
  .bxmt-v8 .bx8-nav{display:none}
  .bxmt-v8 .bx8-mast__cta{margin-left:auto}
  .bxmt-v8 .bx8-mast__side #bxmt-menu-toggle{display:inline-flex}
  .bxmt-v8 .bx8-hero__in{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-hero__media{padding-bottom:0}
  .bxmt-v8 .bx8-hero__pic{aspect-ratio:16 / 9}
  .bxmt-v8 .bx8-hero__sub{position:static;width:auto;margin-top:16px;border-width:0 0 1px;border-top:2px solid var(--v8-ink);padding:16px 0}
  .bxmt-v8 .bx8-duo{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-duo > .bx8-pop{padding-right:0}
  .bxmt-v8 .bx8-duo > .bx8-probs{padding-left:0;border-left:0}
  .bxmt-v8 .bx8-guide__grid{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-dg__in{grid-template-columns:110px minmax(0,1fr)}
  .bxmt-v8 .bx8-dg__fig svg{width:110px}
  .bxmt-v8 .bx8-dgf{grid-column:1 / -1}
  .bxmt-v8 .bx8-index__in{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-latest__list{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-guide__sm .bx8-row,.bxmt-v8 .bx8-latest .bx8-row{grid-template-columns:200px minmax(0,1fr)}
  .bxmt-v8 .bx8-dhero__in{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-dhero__pics{height:240px;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr}
  .bxmt-v8 .bx8-dhero__pic--1{grid-row:auto}
  .bxmt-v8 .bx8-dgrp__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt-v8 .bx8-dprob__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt-v8 .bx8-foot__top,.bxmt-v8 .bx8-foot__top--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bxmt-v8 .bx8-foot__brand{grid-column:1 / -1}
  .bxmt-v8 .bx8-foot__inds ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bxmt-v8 .bx8-menu__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt-v8 .bx8-ihero__in{grid-template-columns:minmax(0,1fr);gap:24px}
  .bxmt-v8 .bx8-shape{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt-v8 .bx8-figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bxmt-v8 .bx8-idg__box{padding:24px}
  .bxmt-v8 .bx8-artlist{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-hubs--cols{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  body.bxmt-v8{--bx4-nav:58px}
  .bxmt-v8 .bx8-mast .bx8-mast__in{min-height:56px;gap:0 8px}
  .bxmt-v8 .bx8-brand{gap:8px}
  .bxmt-v8 .bx8-brand__logo{width:72px}
  .bxmt-v8 .bx8-brand__name{padding-left:8px;font-size:14.5px}
  .bxmt-v8 .bx8-mast__cta{display:none}
  .bxmt-v8 .bx8-mast__side{margin-left:auto}
  .bxmt-v8 .bx8-ib{min-width:48px;padding:0 4px}
  .bxmt-v8 .bx8-menu__in{grid-template-columns:minmax(0,1fr);gap:12px}
  .bxmt-v8 .bx8-sec{padding:40px 0}
  .bxmt-v8 .bx8-hero{padding:22px 0 36px}
  .bxmt-v8 .bx8-id{margin-bottom:20px;padding-bottom:12px}
  .bxmt-v8 .bx8-id__t{font-size:13.5px}
  .bxmt-v8 .bx8-hero__h{font-size:clamp(25px,7vw,30px);line-height:1.42}
  .bxmt-v8 .bx8-hero__deck{font-size:15.5px;margin-bottom:20px}
  .bxmt-v8 .bx8-hero__go .bx8-btn{flex:1 1 100%}
  .bxmt-v8 .bx8-hero__sub{grid-template-columns:96px minmax(0,1fr);gap:0 14px}
  .bxmt-v8 .bx8-duo{padding-top:40px;padding-bottom:40px}
  .bxmt-v8 .bx8-probs__a{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-probs__n{padding-left:28px}
  .bxmt-v8 .bx8-row{grid-template-columns:104px minmax(0,1fr);gap:0 14px}
  .bxmt-v8 .bx8-row__h{font-size:16px}
  .bxmt-v8 .bx8-latest__list{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-dg{padding-bottom:40px}
  .bxmt-v8 .bx8-dg__in{grid-template-columns:minmax(0,1fr);padding:22px 18px}
  .bxmt-v8 .bx8-dg__fig{display:none}
  .bxmt-v8 .bx8-dgf__row{flex-direction:column}
  .bxmt-v8 .bx8-dgf__s,.bxmt-v8 .bx8-dgf .bx8-btn{width:100%}
  .bxmt-v8 .bx8-br{display:none}
  .bxmt-v8 .bx8-dhero{padding:22px 0 32px}
  .bxmt-v8 .bx8-dhero__h{font-size:clamp(26px,7.4vw,32px)}
  .bxmt-v8 .bx8-dhero__l{font-size:15.5px;margin-bottom:20px}
  .bxmt-v8 .bx8-dhero__pics{display:none}
  .bxmt-v8 .bx8-dsearch__row{padding:0 4px 0 10px}
  .bxmt-v8 .bx8-dsearch__row .bx8-btn{padding:0 14px}
  .bxmt-v8 .bx8-dgrp{padding-top:32px}
  .bxmt-v8 .bx8-dgrp__list{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-ind{grid-template-columns:88px minmax(0,1fr);gap:0 14px;padding:16px 0}
  .bxmt-v8 .bx8-ind__n{font-size:17px}
  .bxmt-v8 .bx8-dprob__list{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-phead__h{font-size:clamp(23px,6.4vw,28px);gap:10px}
  .bxmt-v8 .bx8-phead__ico{width:44px;height:44px}
  .bxmt-v8 .bx8-ptabs__list{gap:0 18px}
  .bxmt-v8 .bx8-ptabs__list--index{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-plist .bx8-row{grid-template-columns:104px minmax(0,1fr);gap:0 14px}
  .bxmt-v8 .bx8-plist .bx8-row--first .bx8-row__h{font-size:17px}
  .bxmt-v8 .bx8-foot{padding:56px 0 24px}
  .bxmt-v8 .bx8-foot__top,.bxmt-v8 .bx8-foot__top--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;padding-bottom:32px}
  .bxmt-v8 .bx8-foot__trust{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
  .bxmt-v8 .bx8-foot__inds ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .bxmt-v8 .bx8-foot__col a,.bxmt-v8 .bx8-foot__inds a,.bxmt-v8 .bx8-foot__legal a,.bxmt-v8 .bx8-foot__name a{display:inline-flex;align-items:center;min-height:44px}
  .bxmt-v8 .bx8-foot__bar{flex-direction:column;align-items:flex-start}
  .bxmt-v8 .bx7p .bx7p-h1{font-size:clamp(25px,7vw,30px)}
  .bxmt-v8 .bx7p .bx7p-filter__list{flex-wrap:wrap;overflow:visible}
  .bxmt-v8 .bx8-ihero{padding:22px 0 32px}
  .bxmt-v8 .bx8-ihero__h{font-size:clamp(26px,7.4vw,32px)}
  .bxmt-v8 .bx8-ihero__sub{font-size:15.5px}
  .bxmt-v8 .bx8-ihero__go .bx8-btn{flex:1 1 100%}
  .bxmt-v8 .bx8-shape{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-figs{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-pains{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-idg__box{padding:22px 18px}
  .bxmt-v8 .bx8-idg__sum{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-idg__go .bx8-btn{width:100%}
  .bxmt-v8 .bx8-lanes{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-cols{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-split{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-split__c + .bx8-split__c{border-top:1px solid var(--v8-rule)}
  .bxmt-v8 .bx8-linklist{grid-template-columns:minmax(0,1fr)}
  .bxmt-v8 .bx8-hhead__h{font-size:clamp(23px,6.4vw,28px)}
  .bxmt-v8 .bx8-colo__dl{grid-template-columns:minmax(0,1fr);gap:2px 0}
  .bxmt-v8 .bx8-colo__dl dt{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){.bxmt-v8 .bx8-mast{transition:none}}
@media print{.bxmt-v8 .bx8-mast,.bxmt-v8 .bx8-foot,.bxmt-v8 .bx8-path,.bxmt-v8 .bx8-dg{display:none !important}}