/* ===================== ここから最新版CSS（そのまま） ===================== */


/* コンテナと余白 */
.nmj-wrap{padding-inline:1rem}

/* ボタン・ピル */
.brand-btn{
  display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;
  background:var(--brand);color:#fff;padding:.5rem 1rem;font-weight:800;
  box-shadow:0 6px 18px rgba(249,115,22,.25);transition:.2s
}
.brand-btn:hover{background:var(--brand-600);transform:translateY(-1px)}
.brand-pill{
  display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--pill-bd);
  background:var(--pill-bg);color:#9a3412;border-radius:9999px;
  padding:.25rem .75rem;font-weight:700;font-size:.9rem;transition:.15s
}
.brand-pill:hover{filter:saturate(1.1)}

/* カード */
.card{
  border-radius:1rem;background:rgba(255,255,255,.92);
  box-shadow:0 2px 10px rgba(2,6,23,.06);border:1px solid rgba(2,6,23,.06)
}
.card-hover{transition:.2s}
.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,6,23,.10)}

/* サムネ */
.thumb{
  width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.75rem;
  background:linear-gradient(135deg,#fde68a,#fca5a5)
}

/* ヒーロー */
.hero{
  padding:0;
  background-image:
    radial-gradient(1200px 600px at 90% -10%, rgba(249,115,22,0.12), transparent 70%),
    radial-gradient(800px 400px at -10% 110%, rgba(249,115,22,0.08), transparent 60%);
}
.hero-bg{
  background-image:
    linear-gradient(rgba(255,255,255,.85), rgba(255,255,255,.85)),
    var(--nmj-hero, url('https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?q=80&w=1600&auto=format&fit=crop'));
  background-size:cover;background-position:center;
}

/* グリッド共通 */
.nmj-grid{margin-top:1.5rem}

/* 横スクロール */
.nmj-hscroll .snap-start{scroll-snap-align:start}
.nmj-hscroll .grid{scroll-snap-type:x mandatory}

/* トーンカード高さ */
.nmj-tone-card{height:100%}

/* Cocoonの余白と干渉しにくい微調整 */
.entry-content .brand-btn{line-height:1.25}
.entry-content .brand-pill{line-height:1.1}

/* 投稿カードの補助（行数制御） */
.line-clamp-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.pills{display:flex;flex-wrap:wrap;gap:.5rem}
.pill{display:inline-block;border:1px solid #d1d5db;border-radius:9999px;padding:.4rem .75rem;background:#fff;cursor:pointer;user-select:none}
.pill.active{background:#2563eb;border-color:#2563eb;color:#fff}

/* ========== 乗り換え名人 共通トーン ========== */
:root{
  --brand: var(--nmj-btn1);
  --brand2: var(--nmj-btn1-600);
  --text:  #334155;
  --muted: #64748b;
  --ring:  #e5e7eb;
  --card:  #ffffff;
  --soft:  #f8fafc;
  --shadow-sm: 0 6px 18px rgba(15,23,42,.06);
  --shadow-md: 0 8px 24px rgba(15,23,42,.08);
}

/* ベース */
html,body{color:var(--text)}

/* ▼▼ 見出しのグローバル指定を削除し、7596ページ内の .nmj-wrap のみに限定 ▼▼ */
body.page-id-7596 .nmj-wrap .sec-title,
body.page-id-7596 .nmj-wrap .sec-h2,
body.page-id-7596 .nmj-wrap h2,
body.page-id-7596 .nmj-wrap h3{
  color:var(--ink);
  font-weight:800;
  letter-spacing:.02em;
}
/* ▲▲ ここまでスコープ化（.article h2/h3/h4/h5/h6 は不干渉） ▲▲ */

.sec-h2{position:relative;padding-bottom:.4rem}
.sec-h2:after{content:"";position:absolute;left:0;bottom:-6px;width:84px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--brand),var(--brand2))}

/* ボタン */
.brand-btn,.btn-cta,.nmj .btn{
  display:inline-flex;align-items:center;gap:.5rem;
  background:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));color:#fff!important;
  padding:.7rem 1.05rem;border-radius:9999px;font-weight:800;box-shadow:var(--shadow-sm);
}
.brand-btn:hover,.btn-cta:hover{filter:brightness(.96);transform:translateY(-1px);transition:all .2s ease}
.brand-pill{
  display:inline-flex;align-items:center;gap:.4rem;
  background:#fff;border:1px solid var(--ring);color:var(--ink);padding:.45rem .7rem;border-radius:9999px;font-weight:800;
}
.brand-pill:hover{box-shadow:inset 0 0 0 2px rgba(245,158,11,.15);border-color:#fcd34d}

/* カード */
.card{background:var(--card);border:1px solid var(--ring);border-radius:16px;box-shadow:var(--shadow-sm)}
.card-hover{transition:transform .12s ease, box-shadow .2s ease}
.card-hover:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
.card .thumb{width:100%;height:auto;display:block}

/* ======= TOP：GBごとの最安 ======= */
.gb-grid{display:grid;gap:16px}
@media(min-width:768px){.gb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.gb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gb-card{border:1px solid var(--ring);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;background:#fff}
.gb-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:linear-gradient(90deg,var(--brand),#ffb265);color:#111}
.gb-head .tag{background:rgba(255,255,255,.9);padding:.25rem .6rem;border-radius:.6rem;font-weight:800;font-size:.8rem}
.gb-body{padding:1rem}
.gb-line{display:flex;align-items:center;gap:.5rem;color:#334155}
.gb-price{font-size:1.6rem;font-weight:900;color:#ef4444;line-height:1}
.gb-cta{display:flex;gap:.5rem;margin-top:.75rem}
.gb-cta a{flex:1;text-align:center;padding:.55rem .8rem;border-radius:.6rem;font-weight:800}
.gb-cta .primary{background:var(--brand);color:#fff}
.gb-cta .outline{border:2px solid var(--brand);color:var(--brand);background:#fff}
.badge-pill{background:#f1f5f9;padding:.25rem .6rem;border-radius:9999px;font-weight:700;font-size:.8rem}
.card-opt{
  display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-radius:.9rem;border:2px solid var(--ring);background:#fff;font-weight:700
}
.card-opt.is-active{border-color:var(--brand);box-shadow:0 0 0 3px rgba(245,158,11,.15) inset}

/* ======= シミュレーション（[nmj_sim]） ======= */
.section{padding:56px 0}
.sim-card{background:#fff;border:1px solid var(--ring);border-radius:16px;box-shadow:var(--shadow-md);padding:18px}
.sim-group-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sim-group-tabs .tab{
  padding:8px 12px;border-radius:999px;border:1px solid var(--ring);background:#fff;color:#0f172a;cursor:pointer;font-weight:800
}
.sim-group-tabs .tab.active{background:#0ea5e9;color:#fff;border-color:transparent}
.sim-grid{display:grid;grid-template-columns:1fr;gap:16px}
.q-block{background:#f8fafc;border-radius:12px;padding:14px;border:1px solid var(--ring)}
.q-title{font-weight:800;margin-bottom:10px;color:#0f172a;display:flex;align-items:center;gap:8px}
.q-title .num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#0f172a;color:#fff;font-size:12px}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pill{padding:10px 14px;border-radius:10px;border:1px solid #dce3eb;background:#fff;color:#0f172a;cursor:pointer;font-weight:800}
.pill.active{background:var(--brand);color:#111;border-color:transparent}
.form-actions{display:flex;gap:12px;align-items:center;margin-top:6px}
.btn-search{background:var(--brand);color:#111}
.btn-reset{background:#e2e8f0;color:#111}

/* ======= 診断結果カード ======= */
.result-toolbar{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}
.sort-tabs{display:flex;gap:8px;flex-wrap:wrap}
.sort-tabs .tab{padding:8px 12px;border-radius:999px;border:1px solid var(--ring);background:#fff;color:#0f172a;cursor:pointer;font-weight:800}
.sort-tabs .tab.active{background:#0ea5e9;color:#fff;border-color:transparent}
.match-msg{margin:10px 0 18px;padding:10px 14px;border:1px dashed #94a3b8;border-radius:10px;background:#fff;font-weight:800}
.result-list{display:grid;gap:16px}

.result-list .card .head{padding:16px 16px 8px}
.top-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:42px;border-radius:8px;object-fit:cover;border:1px solid var(--ring)}
.brand .name{font-weight:900;font-size:20px}
.pill-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f1f5ff;color:#1f2a44;border:1px solid #dbe5ff;font-weight:800}
.pill-chip .dot{width:6px;height:6px;border-radius:999px;background:#a3bffa}
.stat-chips{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:6px}
.stat{display:flex;align-items:center;gap:8px;border:1px dashed var(--ring);padding:10px 12px;border-radius:12px;background:#fff}
.stat .label{color:#64748b;font-weight:700;font-size:12px}
.stat .value{font-weight:900}
.stat .value.highlight{color:#ef4444}
.actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px dashed var(--ring);border-bottom:1px dashed var(--ring);background:#fcfcfd}
.actions .btn{padding:10px 12px;border-radius:10px;font-weight:800}

/* ======= 共通横スクロール（キャンペーン） ======= */
.nmj-hscroll{overflow:hidden}
.nmj-hscroll .grid{scroll-snap-type:x mandatory}
.nmj-hscroll .card{scroll-snap-align:start}

/* ======= その他（HowTo など） ======= */
.nmj-tone-card .font-bold{color:var(--ink)}

/* ========== Base / Tone ========== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700;900&display=swap');

:root{
  --brand: #f59e0b;        /* accent */
  --brand-2: #a855f7;      /* secondary accent */
  --text-strong:#0f172a;   /* slate-900 */
  --text:#334155;          /* slate-700 */
  --muted:#64748b;         /* slate-500 */
  --surface:#fff;
  --surface-soft:#f8fafc;  /* slate-50 */
  --ring:#e5e7eb;
  --shadow-sm:0 4px 14px rgba(15,23,42,.06);
  --shadow-md:0 8px 28px rgba(15,23,42,.08);
}

html,body{ font-family:'Noto Sans JP',system-ui,-apple-system,Segoe UI,Roboto,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif !important; color:var(--text); }
.container{ max-width:1180px; }

/* ▼▼ Headings（グローバル）を page-id-7596 の .nmj-wrap に限定 ▼▼ */
body.page-id-7596 .nmj-wrap h1,
body.page-id-7596 .nmj-wrap h2,
body.page-id-7596 .nmj-wrap h3,
body.page-id-7596 .nmj-wrap .sec-h2,
body.page-id-7596 .nmj-wrap .section-title{
  color:var(--text-strong);
  font-weight:800 !important;
  letter-spacing:.02em;
}
/* ▲▲ ここまでスコープ化（.article h4/h5/h6 は不干渉） ▲▲ */

/* Accent underline for section titles */
.sec-h2{ position:relative; padding-bottom:.4rem; }
.sec-h2:after{
  content:""; position:absolute; left:0; bottom:-6px; width:72px; height:6px; border-radius:6px;
  background:linear-gradient(90deg,var(--brand),var(--brand-2));
}

/* Buttons */
.btn-cta,.btn,.button,a.button,.cta-button,.cta,.more-btn{
  display:inline-flex; align-items:center; gap:.5rem;
background:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  color:#fff !important; border:none; border-radius:9999px; padding:.78rem 1.15rem; font-weight:800; text-decoration:none;
  box-shadow:var(--shadow-sm); position:relative; overflow:hidden; transition:all .2s ease;
}
.btn-cta:hover,.btn:hover,.button:hover,a.button:hover,.cta:hover{ filter:brightness(.96); transform:translateY(-1px); }

/* Cards */
.card,.result-card,.plan-card,.faq-item,.brand-card,.gb-card,.yt-card,.article-card{
  background:var(--surface); border:1px solid var(--ring); border-radius:16px; box-shadow:var(--shadow-sm);
}
.card-hover:hover{ box-shadow:var(--shadow-md); transform:translateY(-1px); transition:all .15s ease; }

.card-opt{
  display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .8rem;
  border-radius:.9rem; border:2px solid var(--ring); background:#fff; font-weight:700;
}
.card-opt.is-active{ border-color:var(--brand); box-shadow:0 0 0 3px rgba(245,158,11,.15) inset; }

/* Chips & badges */
.q-chip,.badge,.pill,.tag{
  display:inline-flex; align-items:center; gap:.35rem; padding:.28rem .6rem;
  border-radius:999px; font-weight:700;
  color:var(--brand); background:rgba(245,158,11,.10); border:1px solid rgba(245,158,11,.20);
}

/* Dots divider */
.dot{ border-top:2px dotted #cbd5e1; opacity:.9; }

/* ===== Campaign slider ===== */
.camp-track{ display:flex; gap:16px; transition:transform .6s ease; }
.camp-card{ flex:0 0 calc(33.333% - 11px); }
@media (max-width:1024px){ .camp-card{ flex-basis: calc(50% - 8px);} }
@media (max-width:640px){ .camp-card{ flex-basis: 100%; } }

/* ===== GB cards ===== */
.gb-grid{ display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:16px; }
@media(min-width:768px){ .gb-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:1024px){ .gb-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.gb-card{ border:1px solid var(--ring); border-radius:1rem; overflow:hidden; background:#fff; box-shadow:0 8px 20px rgba(15,23,42,.05); }
.gb-head{ display:flex; align-items:center; justify-content:space-between; padding:.6rem .9rem; background:linear-gradient(90deg,var(--brand),#ffb265); color:#111; }
.gb-head .tag{ background:rgba(255,255,255,.85); padding:.25rem .6rem; border-radius:.6rem; font-weight:800; font-size:.8rem; }
.gb-body{ padding:1rem; }
.gb-line{ display:flex; align-items:center; gap:.5rem; margin:.35rem 0; color:#334155; }
.gb-price{ font-size:1.6rem; font-weight:900; color:#ef4444; line-height:1; }
.gb-meta{ display:flex; gap:1rem; color:#475569; font-size:.9rem; }
.gb-cta{ display:flex; gap:.5rem; margin-top:.75rem; }
.gb-cta a{ flex:1; text-align:center; padding:.55rem .8rem; border-radius:.6rem; font-weight:800; }
.gb-cta .primary{ background:var(--brand); color:#fff; }
.gb-cta .outline{ border:2px solid var(--brand); color:var(--brand); background:#fff; }
.badge-pill{ background:#f1f5f9; padding:.25rem .6rem; border-radius:999px; font-weight:700; font-size:.8rem; }

/* ===== FAQ ===== */
.faq details{ border:1px solid var(--ring); border-radius:1rem; padding:1rem; background:#fff; }
.faq summary{ cursor:pointer; font-weight:800; list-style:none; display:flex; justify-content:space-between; align-items:center; }

/* Minor utils */
.link-row a{ color:var(--brand); font-weight:700; text-decoration:none; }
.link-row a:hover{ text-decoration:underline; }

/* ===== Simulation v8 inspired ===== */
.nmj-sim-hero{
  position:relative; background:#0b132a; color:#fff; padding:56px 0; isolation:isolate;
}
.nmj-sim-hero::before{
  content:""; position:absolute; inset:0;
  background: url('https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
  opacity:.18;
}
.nmj-sim-hero .inner{position:relative; z-index:1; max-width:1200px; margin:auto; padding:0 16px}
.nmj-sim-hero .badge{display:inline-flex;align-items:center;font-weight:800;background:#fff;color:#111;padding:8px 12px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.nmj-sim-hero h1{margin:.5rem 0;font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1.15}
.nmj-sim-hero p{color:#e2e8f0}
.select-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.mode-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0f172a;border:1px solid #e2e8f0;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(15, 23, 42, .08)}
.mode-chip.active,
.mode-chip.is-active{
  background:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  color:#fff;
  border-color:var(--nmj-btn1);
}

.nmj-sim-monthly{max-width:1200px;margin: -20px auto 0; padding:0 16px}
.nmj-sim-monthly .title-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.nmj-sim-monthly .pr{background:#dcfce7;color:#14532d;font-weight:800;border-radius:999px;padding:4px 10px}

.nmj-sim-results{max-width:1200px;margin:24px auto;padding:0 16px}
.nmj-sim-results .toolbar{display:flex;justify-content:flex-end}
.nmj-sim-results .tabs{display:flex;gap:8px}
.nmj-sim-results .tab{padding:8px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800}
.nmj-sim-results .tab.is-active{background:#0ea5e9;color:#fff;border-color:transparent}
.nmj-sim-results .match{margin:12px 0;padding:10px 14px;border:1px dashed #94a3b8;border-radius:10px;background:#fff;font-weight:800}
.nmj-sim-results .list{display:grid;gap:16px}

/* result card */
.sim-card-v8{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.08);overflow:hidden}
.sim-card-v8 .head{padding:16px 16px 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sim-card-v8 .brand{display:flex;align-items:center;gap:12px}
.sim-card-v8 .brand img{height:42px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb}
.sim-card-v8 .brand .name{font-weight:900;font-size:20px}
.sim-card-v8 .net-pill{margin-left:auto;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#1f2a44;border:1px solid #dbe5ff;font-weight:800}

.sim-card-v8 .stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:6px 16px 0}
.sim-card-v8 .st{display:flex;align-items:center;gap:8px;border:1px dashed #e5e7eb;padding:10px 12px;border-radius:12px;background:#fff}
.sim-card-v8 .st .lb{color:#64748b;font-weight:700;font-size:12px}
.sim-card-v8 .st .vl{font-weight:900;color:#e11d48}

.sim-card-v8 .tags{display:flex;gap:8px;flex-wrap:wrap;margin:10px 16px 0}
.sim-card-v8 .tag{padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px dashed #d1d5db;color:#334155;font-weight:800}

.sim-card-v8 .actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px dashed #e5e7eb;border-bottom:1px dashed #e5e7eb;background:#fcfcfd}
.sim-card-v8 .btn-article{background:#eef2ff;color:#3730a3;padding:10px 12px;border-radius:10px;font-weight:800}
.sim-card-v8 .btn-official{background:#ecfeff;color:#155e75;padding:10px 12px;border-radius:10px;font-weight:800}
.sim-card-v8 .btn-detail{background:#fff;color:#111;border:1px solid #e2e8f0;padding:10px 12px;border-radius:10px;font-weight:800}

.sim-card-v8 .detail{padding:14px 16px 0}
.spec-table{width:100%;border-collapse:collapse;background:#fff}
.spec-table th,.spec-table td{border:1px solid #eee;padding:10px 12px;text-align:left}
.spec-table th{width:240px;background:#fafafa;color:#333;font-weight:700}

.campaign-bar{background:linear-gradient(90deg,#fff7ed,#ffe7c2);padding:10px 16px;border-top:1px dashed #fdba74;display:flex;justify-content:space-between;align-items:center}
.campaign-bar .right{font-size:12px;color:#92400e}

/* recommended (PR) banner inserted between results */
.reco-banner{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.08);border:1px solid #e5e7eb}
.reco-banner .reco-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-weight:800}
.reco-banner .reco-head .pr{color:#0b8dc6;font-weight:800}
.reco-body{display:grid;grid-template-columns:1fr auto auto auto 160px;gap:12px;align-items:center;padding:16px}
.reco-body .logo{display:flex;align-items:center;gap:12px}
.reco-body .logo img{width:56px;height:56px;border-radius:12px;border:1px solid #e5e7eb}
.reco-body .ttl{font-weight:900}
.reco-body .badge{display:inline-block;background:#e6fffb;color:#0b8dc6;padding:4px 8px;border-radius:999px;font-weight:800}
.reco-body .label{color:#64748b;font-weight:700;font-size:12px}
.reco-body .value{font-weight:900}
.reco-body .btn-cta{
  display:inline-block;
  background:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  color:#fff;
  padding:10px 14px;
  border-radius:12px;
  font-weight:900
}
.reco-foot{background:linear-gradient(90deg,#ffedd5,#ffd6a5);display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px dashed #f59e0b}
.reco-foot .big{font-size:18px;font-weight:900;color:#ef4444}
.reco-foot .exp{margin-left:auto;font-weight:800}

@media (max-width:900px){
  .sim-card-v8 .stats{grid-template-columns:repeat(2,minmax(120px,1fr))}
  .reco-body{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(32px,auto)}
  .reco-body .reco-cta{grid-column:1/-1}
}
/* ===== 最新版TOPトーン同期 ===== */
:root{
  --brand:#FF7A1A;
  --brand-2:#FFCC00;
  --ring:#E5E7EB;
}
.container{ max-width:1180px; }
.sec-h2{ position:relative; font-weight:800 }
.sec-h2:after{
  content:""; position:absolute; left:0; bottom:-6px; width:120px; height:6px;
  background:linear-gradient(90deg,var(--brand),#ffb265);
}
.btn-cta{
  display:inline-flex; align-items:center; gap:.5rem;
  background:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  color:#fff; border-radius:9999px;
  padding:.7rem 1.1rem; font-weight:800;
}
.btn-cta:hover{ filter:brightness(.95) }
.card{ border:1px solid var(--ring); border-radius:1rem; background:#fff; overflow:hidden; box-shadow:0 6px 18px rgba(15,23,42,.06) }

/* ===== シミュ：タブ／質問／結果 ===== */
.sim-tabbar{ display:flex; gap:.5rem; flex-wrap:wrap }
.sim-tab{
  border:1px solid var(--ring); background:#fff; border-radius:999px; padding:.5rem 1rem;
  font-weight:800; color:#334155;
}
.sim-tab.is-active{ outline:3px solid rgba(255,122,26,.15); border-color:var(--brand); }
.card-opt{ display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .8rem; border-radius:.9rem; border:2px solid var(--ring); background:#fff; font-weight:700 }
.card-opt.is-active{ border-color:var(--brand); box-shadow:0 0 0 3px rgba(255,122,26,.15) inset }
.more-btn{
  display:inline-flex; align-items:center; gap:.5rem; padding:.6rem 1.1rem;
  background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; border-radius:9999px; font-weight:800
}

/* 会社カードの共通サムネ */
.thumb{ aspect-ratio:16/9; object-fit:cover; width:100%; border-radius:.75rem; }

/* === CTA ボタン === */
.btn-cta{
  display:inline-flex;align-items:center;gap:.5rem;
  background:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  background-image:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  color:#fff;border-radius:12px;
  padding:.6rem 1rem;font-weight:700;box-shadow:0 6px 18px rgba(var(--nmj-sec-rgb,192,50,59),.25);
}
.btn-cta:hover{
  background:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  background-image:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  color:#fff;
  filter:brightness(.96);
}

/* === クリック可能なオプション === */
.card-opt{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:12px;
  background:#fff;cursor:pointer;user-select:none
}
.card-opt.is-active{border-color:#f97316;background:#fff7ed}

/* === 会社検索ツールバー === */
.nmj-company-toolbar{margin-top:.5rem}
.nmj-searchbar{
  display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.4rem .8rem;min-width:260px
}
.nmj-searchbar i{color:#94a3b8}
.nmj-search-input{border:none;outline:none;background:transparent;width:220px}
.nmj-count{font-weight:700;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.35rem .6rem}

/* 結果カード */
.nmj-result-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff}

.entry-content > h1:first-of-type{ display:none !important; }

/* companies_最新 風 */
.nmj-grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); }
.post-card, .company-card, .card { border:1px solid #e2e8f0; border-radius:12px; background:#fff; overflow:hidden; }
.post-card .thumb, .company-card .thumb { width:100%; aspect-ratio:16/9; object-fit:cover; }
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border:1px solid #e5e7eb;border-radius:9999px;background:#fff}

/* 最新ショート：縦動画カード */
#social-latest .card .aspect-\[9\/16\] iframe{ border:0; border-radius:12px; }

/* 会社検索の見た目（モック準拠） */
.brand-pill select { background: transparent; border: 0; }
#companies .thumb{ aspect-ratio:16/10; object-fit:cover; border-radius:.75rem; }

/* ▼▼ ページネーション横並び：7596ページ限定 ▼▼ */
body.page-id-7596 .page-numbers{
  display:inline-flex; align-items:center; justify-content:center; padding:.4rem .7rem; margin:.15rem; border-radius:.6rem; background:#fff;
}
body.page-id-7596 .page-numbers.current{
  background:linear-gradient(90deg,#f59e0b,#f97316); color:#fff; border-color:transparent;
}
/* ▲▲ ほかのページはテーマ準拠のまま ▲▲ */

/* ================================
   Quick Patch for Cocoon（7596ページのみ）
   1) 横幅フル化（特に横画面）
   2) .page-numbers を横並び（UL/直列 両対応）
   ================================ */

/* 1) 横幅フル化（7596ページのみ） */
body.page-id-7596{
  max-width:100%;
  overflow-x:hidden;
}
body.page-id-7596 .wrap,
body.page-id-7596 .container,
body.page-id-7596 #container,
body.page-id-7596 #main,
body.page-id-7596 .content,
body.page-id-7596 .main,
body.page-id-7596 .l-container,
body.page-id-7596 .entry-content,
body.page-id-7596 .article,
body.page-id-7596 .article-body{
  max-width: none !important;
  width: 100% !important;
}

/* 横画面時は左右パディングを最小化（Safe Area 対応・7596ページのみ） */
@media (orientation: landscape){
  body.page-id-7596 .wrap,
  body.page-id-7596 .container,
  body.page-id-7596 #container,
  body.page-id-7596 #main,
  body.page-id-7596 .content,
  body.page-id-7596 .main,
  body.page-id-7596 .l-container{
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }
}

/* 2) ページネーション（UL型）— 7596ページのみ */
body.page-id-7596 ul.page-numbers{
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding-left: 0;
  margin: 1rem 0;
}
body.page-id-7596 ul.page-numbers > li{ display: inline; }
body.page-id-7596 ul.page-numbers a,
body.page-id-7596 ul.page-numbers span{
  display: inline-flex;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  text-decoration: none;
  line-height: 1;
}
body.page-id-7596 ul.page-numbers .current{
  background: var(--brand, #0ea5e9);
  color: #fff;
  border-color: transparent;
}

/* 2) ページネーション（.nav-links直列型）— 7596ページのみ */
body.page-id-7596 .nav-links{
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
}
body.page-id-7596 .nav-links > .page-numbers{
  display: inline-flex !important;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1;
  border-radius:8px;
}
body.page-id-7596 .nav-links > .page-numbers.current{
  background: var(--brand, #0ea5e9);
  color: #fff;
  border-color: transparent;
}

/* 念のため、テーマ側の縦積み指定を打ち消し（7596ページのみ） */
body.page-id-7596 .page-numbers,
body.page-id-7596 .nav-links > .page-numbers{
  float: none !important;
}

/* （オプション）他ページでグローバル上書きが残っていた場合の応急処置 */
@supports (all: revert){
  body:not(.page-id-7596) .page-numbers{ all: revert; }
  body:not(.page-id-7596) .nav-links > .page-numbers{ all: revert; }
}

/* ===================== ここまで最新版CSS（そのまま） ===================== */


/* =================================================================
   ▼▼ 7596ページ専用：Cocoonの見出し＆paginationを完全無効化して独自適用（修正版） ▼▼
   （このブロックは必ずファイルの一番最後に置いてください）
   ================================================================= */
/* NMJ base styles (generated) */
:root{
  --nmj-radius: 14px;
}
.nmj-btn-primary,
.brand-btn,
.brand-pill,
.button-primary,
.button.button-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:.65rem 1rem;
  border-radius:9999px;
  font-weight:700;
  text-decoration:none!important;
  border:1px solid transparent;
  cursor:pointer;
  background:linear-gradient(90deg,var(--nmj-btn1),var(--nmj-btn1-600));
  color:#fff!important;
  box-shadow:0 10px 25px rgba(0,0,0,.10);
}
.nmj-btn-primary:hover,
.brand-btn:hover,
.brand-pill:hover,
.button-primary:hover,
.button.button-primary:hover{filter:brightness(.97)}
.nmj-btn-secondary{
  background:linear-gradient(90deg,var(--nmj-btn2),var(--nmj-btn2-600));
  border-color:var(--nmj-btn2);
  color:#fff!important;
}
.nmj-btn-line,.nmj-btn-line2{
  background:linear-gradient(90deg,var(--nmj-btn3),var(--nmj-btn3-600));
  border-color:var(--nmj-btn3);
  color:#fff!important;
}
.nmj-btn-sub,.brand-btn-sub{
  background:linear-gradient(90deg,var(--nmj-btn4),var(--nmj-btn4-600));
  border-color:var(--nmj-btn4);
  color:#fff!important;
}
.nmj-accent-text{color:var(--nmj-base, var(--nmj-btn1, #f97316))!important}
.nmj-accent-text-600{color:var(--nmj-base600, var(--nmj-btn1-600, #ea580c))!important}
.nmj-accent-bg{background:var(--nmj-base)!important;color:#fff!important}
.nmj-accent-soft-bg{background:color-mix(in srgb, var(--nmj-base, var(--nmj-btn1, #f97316)) 12%, white)!important}
.nmj-accent-soft-bd{border-color:color-mix(in srgb, var(--nmj-base, var(--nmj-btn1, #f97316)) 24%, white)!important}


/* ===== NMJ article readability upgrade (safe append) ===== */
.nmj-company-article,
.nmj-campaign-article,
.nmj-purpose-article,
.nmj-ranking-article{
  color:#1f2937;
}
.nmj-company-article p,
.nmj-campaign-article p,
.nmj-purpose-article p,
.nmj-ranking-article p{
  font-size:16px;
  line-height:1.95;
}
.nmj-company-article strong,
.nmj-campaign-article strong,
.nmj-purpose-article strong,
.nmj-ranking-article strong{
  font-weight:800;
  color:#111827;
}
.nmj-company-article .nmj-box-title,
.nmj-campaign-article .nmj-box-title,
.nmj-purpose-article .nmj-box-title,
.nmj-ranking-article .nmj-box-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:#9a5a00;
  font-size:16px;
}
.nmj-box-title-mark{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#f59e0b;
  flex:0 0 10px;
}
.nmj-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:18px 0 24px;
}
.nmj-table-wrap .nmj-table{margin:0; min-width:620px;}
.nmj-feature-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid;
  gap:12px;
}
.nmj-feature-item{
  list-style:none !important;
  margin:0 !important;
  padding:12px 12px 12px 14px;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(148,163,184,.25);
  box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.nmj-card-good .nmj-feature-item{border-left:4px solid #10b981; background:#ffffff;}
.nmj-card-bad .nmj-feature-item{border-left:4px solid #ef4444; background:#ffffff;}
.nmj-card-fit .nmj-feature-item{border-left:4px solid #2563eb; background:#ffffff;}
.nmj-card-notfit .nmj-feature-item{border-left:4px solid #64748b; background:#ffffff;}
.nmj-feature-item-title{
  display:block;
  font-weight:800;
  margin-bottom:6px;
  color:#111827;
  line-height:1.55;
}
.nmj-feature-item-text{
  display:block;
  font-size:14px;
  line-height:1.75;
  color:#334155;
}
.nmj-company-article .nmj-card-good,
.nmj-company-article .nmj-card-bad,
.nmj-company-article .nmj-card-fit,
.nmj-company-article .nmj-card-notfit,
.nmj-campaign-article .nmj-card-good,
.nmj-campaign-article .nmj-card-bad,
.nmj-purpose-article .nmj-card-good,
.nmj-purpose-article .nmj-card-bad{
  border-radius:14px;
  padding:18px;
  box-shadow:0 6px 18px rgba(15,23,42,.05);
}
.nmj-company-article .nmj-link-list a,
.nmj-campaign-article .nmj-link-list a,
.nmj-purpose-article .nmj-link-list a{
  text-decoration:underline;
  text-underline-offset:2px;
  font-weight:600;
}
.nmj-company-article .nmj-faq,
.nmj-campaign-article .nmj-faq,
.nmj-purpose-article .nmj-faq{
  border-radius:14px;
  padding:16px 16px 14px;
  box-shadow:0 4px 14px rgba(15,23,42,.04);
}
.nmj-faq-q,
.nmj-faq-a{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.nmj-faq-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  border-radius:999px;
  background:#f59e0b;
  color:#fff;
  font-size:12px;
  font-weight:800;
  margin-top:2px;
  flex:0 0 24px;
}
.nmj-faq-badge-a{background:#2563eb;}
.nmj-faq-a{color:#334155; line-height:1.8;}
.nmj-company-article .nmj-btn-apply,
.nmj-company-article .nmj-btn-line,
.nmj-company-article .nmj-btn-sub,
.nmj-campaign-article .nmj-btn-apply,
.nmj-campaign-article .nmj-btn-line,
.nmj-campaign-article .nmj-btn-sub,
.nmj-purpose-article .nmj-btn-apply,
.nmj-purpose-article .nmj-btn-line,
.nmj-purpose-article .nmj-btn-sub{
  min-height:48px;
  text-align:center;
  line-height:1.45;
  box-shadow:0 8px 18px rgba(15,23,42,.10);
}
.nmj-company-article .hl-yellow,
.nmj-campaign-article .hl-yellow,
.nmj-purpose-article .hl-yellow{
  background:linear-gradient(transparent 56%, #fff1a8 56%);
}
.nmj-company-article .txt-red,
.nmj-campaign-article .txt-red,
.nmj-purpose-article .txt-red{
  font-weight:700;
}
.nmj-hide,
.nmj-company-article [href=""],
.nmj-company-article [href="#"],
.nmj-campaign-article [href=""],
.nmj-campaign-article [href="#"],
.nmj-purpose-article [href=""],
.nmj-purpose-article [href="#"]{
  display:none !important;
}
@media (max-width:768px){
  .nmj-company-article,
  .nmj-campaign-article,
  .nmj-purpose-article,
  .nmj-ranking-article{padding:16px 14px !important;}
  .nmj-company-article p,
  .nmj-campaign-article p,
  .nmj-purpose-article p,
  .nmj-ranking-article p{font-size:15px; line-height:1.88;}
  .nmj-table-wrap .nmj-table{min-width:540px;}
  .nmj-company-article .nmj-grid-2,
  .nmj-campaign-article .nmj-grid-2,
  .nmj-purpose-article .nmj-grid-2{grid-template-columns:1fr !important;}
  .nmj-company-article .nmj-btn-apply,
  .nmj-company-article .nmj-btn-line,
  .nmj-company-article .nmj-btn-sub,
  .nmj-campaign-article .nmj-btn-apply,
  .nmj-campaign-article .nmj-btn-line,
  .nmj-campaign-article .nmj-btn-sub,
  .nmj-purpose-article .nmj-btn-apply,
  .nmj-purpose-article .nmj-btn-line,
  .nmj-purpose-article .nmj-btn-sub,
  .nmj-company-article .nmj-sim-sub-links a,
  .nmj-campaign-article .nmj-sim-sub-links a,
  .nmj-purpose-article .nmj-sim-sub-links a{width:100%;}
  .nmj-company-article .nmj-next,
  .nmj-campaign-article .nmj-next,
  .nmj-purpose-article .nmj-next{text-align:left;}
  .nmj-company-article .nmj-next a,
  .nmj-campaign-article .nmj-next a,
  .nmj-purpose-article .nmj-next a{display:flex; justify-content:center; width:100%;}
}


/* ===== Feature + ranking completion ===== */
.nmj-feature-article,.nmj-normal-article{color:#1f2937;}
.nmj-feature-article p,.nmj-normal-article p{font-size:16px;line-height:1.92;}
.nmj-feature-article .nmj-box,.nmj-feature-article .nmj-check,.nmj-feature-article .nmj-danger,.nmj-feature-article .nmj-mid-cta-box,.nmj-ranking-article .nmj-box,.nmj-ranking-article .nmj-check,.nmj-ranking-article .nmj-mid-cta-box{border-radius:14px;box-shadow:0 4px 14px rgba(15,23,42,.05);}
.nmj-ranking-article .nmj-box strong,.nmj-feature-article .nmj-box strong{display:inline-block;margin-bottom:8px;}
.nmj-ranking-article .nmj-rank-badge{font-size:13px;padding:7px 14px;}
@media (max-width:768px){.nmj-feature-article p,.nmj-normal-article p{font-size:15px;line-height:1.86;}.nmj-feature-article .nmj-btn-apply,.nmj-feature-article .nmj-btn-line,.nmj-feature-article .nmj-btn-sub,.nmj-ranking-article .nmj-btn-apply,.nmj-ranking-article .nmj-btn-sub{width:100%;}}


/* ===== Readability refresh: feature cards + FAQ fix ===== */
.nmj-company-article .nmj-grid-2,
.nmj-campaign-article .nmj-grid-2,
.nmj-purpose-article .nmj-grid-2,
.nmj-feature-article .nmj-grid-2,
.nmj-ranking-article .nmj-grid-2{
  align-items:start;
  gap:18px;
}

.nmj-company-article .nmj-card-good,
.nmj-company-article .nmj-card-bad,
.nmj-company-article .nmj-card-fit,
.nmj-company-article .nmj-card-notfit,
.nmj-campaign-article .nmj-card-good,
.nmj-campaign-article .nmj-card-bad,
.nmj-purpose-article .nmj-card-good,
.nmj-purpose-article .nmj-card-bad,
.nmj-feature-article .nmj-card-good,
.nmj-feature-article .nmj-card-bad,
.nmj-feature-article .nmj-card-fit,
.nmj-feature-article .nmj-card-notfit{
  position:relative;
  padding:20px 18px 18px;
  border:1px solid #d7dee8;
  border-left-width:1px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.nmj-company-article .nmj-card-good::before,
.nmj-company-article .nmj-card-bad::before,
.nmj-company-article .nmj-card-fit::before,
.nmj-company-article .nmj-card-notfit::before,
.nmj-campaign-article .nmj-card-good::before,
.nmj-campaign-article .nmj-card-bad::before,
.nmj-purpose-article .nmj-card-good::before,
.nmj-purpose-article .nmj-card-bad::before,
.nmj-feature-article .nmj-card-good::before,
.nmj-feature-article .nmj-card-bad::before,
.nmj-feature-article .nmj-card-fit::before,
.nmj-feature-article .nmj-card-notfit::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  border-radius:14px 14px 0 0;
}
.nmj-card-good::before{background:#22c55e;}
.nmj-card-bad::before{background:#ef4444;}
.nmj-card-fit::before{background:#3b82f6;}
.nmj-card-notfit::before{background:#64748b;}

.nmj-company-article .nmj-card-title,
.nmj-campaign-article .nmj-card-title,
.nmj-purpose-article .nmj-card-title,
.nmj-feature-article .nmj-card-title,
.nmj-ranking-article .nmj-card-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid #e5e7eb;
  font-size:18px;
  line-height:1.5;
}
.nmj-card-good .nmj-card-title::before,
.nmj-card-bad .nmj-card-title::before,
.nmj-card-fit .nmj-card-title::before,
.nmj-card-notfit .nmj-card-title::before{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:999px;
  font-size:15px;
  font-weight:800;
}
.nmj-card-good .nmj-card-title::before{content:"✓"; background:#dcfce7; color:#15803d;}
.nmj-card-bad .nmj-card-title::before{content:"!"; background:#fee2e2; color:#b91c1c;}
.nmj-card-fit .nmj-card-title::before{content:"◎"; background:#dbeafe; color:#1d4ed8;}
.nmj-card-notfit .nmj-card-title::before{content:"△"; background:#e5e7eb; color:#475569;}

.nmj-feature-list{gap:10px;}
.nmj-feature-item{
  position:relative;
  padding:14px 14px 14px 44px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:none;
}
.nmj-feature-item::before{
  content:"";
  position:absolute;
  left:14px;
  top:14px;
  width:20px;
  height:20px;
  border-radius:999px;
}
.nmj-card-good .nmj-feature-item::before{background:#22c55e1f; box-shadow:inset 0 0 0 6px #22c55e;}
.nmj-card-bad .nmj-feature-item::before{background:#ef44441f; box-shadow:inset 0 0 0 6px #ef4444;}
.nmj-card-fit .nmj-feature-item::before{background:#3b82f61f; box-shadow:inset 0 0 0 6px #3b82f6;}
.nmj-card-notfit .nmj-feature-item::before{background:#64748b1f; box-shadow:inset 0 0 0 6px #64748b;}
.nmj-feature-item-title{font-size:16px; margin-bottom:8px;}
.nmj-feature-item-text{font-size:15px; line-height:1.85;}

.nmj-company-article .nmj-faq,
.nmj-campaign-article .nmj-faq,
.nmj-purpose-article .nmj-faq,
.nmj-feature-article .nmj-faq,
.nmj-ranking-article .nmj-faq{
  border:1px solid #dfe3ea;
  border-radius:16px;
  padding:16px 18px;
  background:#fff;
}
.nmj-faq-q,
.nmj-faq-a{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  column-gap:12px;
  align-items:start;
}
.nmj-faq-q{margin-bottom:10px;}
.nmj-faq-q-body,
.nmj-faq-a-body{
  min-width:0;
  line-height:1.85;
}
.nmj-faq-q-body{font-weight:800; color:#0f172a;}
.nmj-faq-a-body{color:#334155;}
.nmj-faq-a-body p:first-child,
.nmj-faq-q-body p:first-child{margin-top:0;}
.nmj-faq-a-body p:last-child,
.nmj-faq-q-body p:last-child{margin-bottom:0;}
.nmj-faq-a-body strong,
.nmj-faq-q-body strong{word-break:keep-all;}

@media (max-width:768px){
  .nmj-company-article .nmj-card-title,
  .nmj-campaign-article .nmj-card-title,
  .nmj-purpose-article .nmj-card-title,
  .nmj-feature-article .nmj-card-title,
  .nmj-ranking-article .nmj-card-title{font-size:17px;}
  .nmj-feature-item{padding:13px 13px 13px 40px;}
  .nmj-feature-item::before{left:13px; top:13px; width:18px; height:18px;}
  .nmj-feature-item-title{font-size:15px;}
  .nmj-feature-item-text{font-size:14px; line-height:1.8;}
  .nmj-faq-q,
  .nmj-faq-a{grid-template-columns:22px minmax(0,1fr); column-gap:10px;}
}


/* ===== Mobile-first table + content tuning ===== */
.nmj-table-wrap{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
}
.nmj-table-wrap table,
.nmj-table-wrap .nmj-table{
  width:max-content !important;
  min-width:100% !important;
  table-layout:auto !important;
}
.nmj-table-wrap th,
.nmj-table-wrap td,
.nmj-table-wrap .nmj-table th,
.nmj-table-wrap .nmj-table td{
  min-width:120px;
  white-space:normal;
  overflow-wrap:anywhere;
}
.nmj-table-wrap th:first-child,
.nmj-table-wrap td:first-child,
.nmj-table-wrap .nmj-table th:first-child,
.nmj-table-wrap .nmj-table td:first-child{
  min-width:140px;
}
@media (max-width:768px){
  .nmj-table-wrap table,
  .nmj-table-wrap .nmj-table{
    min-width:560px !important;
  }
  .nmj-table-wrap th,
  .nmj-table-wrap td,
  .nmj-table-wrap .nmj-table th,
  .nmj-table-wrap .nmj-table td{
    min-width:140px;
    padding:10px 12px !important;
    font-size:13px;
    line-height:1.6;
  }
  .nmj-feature-item-title{
    font-size:18px;
    line-height:1.55;
  }
  .nmj-feature-item-text{
    font-size:15px;
    line-height:1.85;
  }
  .nmj-company-article p,
  .nmj-campaign-article p,
  .nmj-purpose-article p,
  .nmj-feature-article p,
  .nmj-ranking-article p{
    font-size:15px;
    line-height:1.82;
  }
}


/* === v8 feature/ranking/purpose/campaign polish === */
.nmj-feature-article .nmj-table-wrap,
.nmj-normal-article .nmj-table-wrap,
.nmj-ranking-article .nmj-table-wrap,
.nmj-company-article .nmj-table-wrap,
.nmj-campaign-article .nmj-table-wrap,
.nmj-purpose-article .nmj-table-wrap{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;margin:16px 0 24px;}
.nmj-feature-article .nmj-table,
.nmj-normal-article .nmj-table,
.nmj-ranking-article .nmj-table,
.nmj-company-article .nmj-table,
.nmj-campaign-article .nmj-table,
.nmj-purpose-article .nmj-table{width:max-content !important;min-width:100% !important;table-layout:auto !important;}
.nmj-campaign-article,.nmj-purpose-article{color:#1f2937;}
.nmj-campaign-article p,.nmj-purpose-article p{font-size:16px;line-height:1.9;}
.nmj-campaign-article .nmj-box,.nmj-campaign-article .nmj-check,.nmj-campaign-article .nmj-danger,.nmj-campaign-article .nmj-mid-cta-box,.nmj-campaign-article .nmj-review-box,.nmj-campaign-article .nmj-apply-box,
.nmj-purpose-article .nmj-box,.nmj-purpose-article .nmj-check,.nmj-purpose-article .nmj-danger,.nmj-purpose-article .nmj-mid-cta-box,.nmj-purpose-article .nmj-review-box,.nmj-purpose-article .nmj-apply-box,.nmj-purpose-article .nmj-line-box{border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,.05);}
.nmj-campaign-article .nmj-faq,.nmj-purpose-article .nmj-faq{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;margin:0 0 14px;}
.nmj-campaign-article .nmj-link-list a,.nmj-purpose-article .nmj-link-list a,.nmj-feature-article .nmj-link-list a,.nmj-ranking-article .nmj-link-list a{color:#2563eb;text-decoration:underline;text-underline-offset:2px;}
.nmj-campaign-article .nmj-btn-apply,.nmj-campaign-article .nmj-btn-line,.nmj-campaign-article .nmj-btn-sub,
.nmj-purpose-article .nmj-btn-apply,.nmj-purpose-article .nmj-btn-line,.nmj-purpose-article .nmj-btn-sub,
.nmj-feature-article .nmj-btn-apply,.nmj-feature-article .nmj-btn-line,.nmj-feature-article .nmj-btn-sub,
.nmj-ranking-article .nmj-btn-apply,.nmj-ranking-article .nmj-btn-line,.nmj-ranking-article .nmj-btn-sub{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:999px;font-weight:800;text-align:center;text-decoration:none;}
.nmj-campaign-article .nmj-card-good,.nmj-campaign-article .nmj-card-bad,.nmj-campaign-article .nmj-card-fit,.nmj-campaign-article .nmj-card-notfit,
.nmj-purpose-article .nmj-card-good,.nmj-purpose-article .nmj-card-bad,.nmj-purpose-article .nmj-card-fit,.nmj-purpose-article .nmj-card-notfit,
.nmj-ranking-article .nmj-card-good,.nmj-ranking-article .nmj-card-bad,.nmj-ranking-article .nmj-card-fit,.nmj-ranking-article .nmj-card-notfit{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 16px 14px;box-shadow:0 4px 12px rgba(15,23,42,.05);position:relative;overflow:hidden;}
.nmj-campaign-article .nmj-card-good::before,.nmj-purpose-article .nmj-card-good::before,.nmj-ranking-article .nmj-card-good::before{content:"✓";position:absolute;top:12px;left:12px;width:26px;height:26px;border-radius:999px;background:#dcfce7;color:#166534;display:flex;align-items:center;justify-content:center;font-weight:900;}
.nmj-campaign-article .nmj-card-bad::before,.nmj-purpose-article .nmj-card-bad::before,.nmj-ranking-article .nmj-card-bad::before{content:"!";position:absolute;top:12px;left:12px;width:26px;height:26px;border-radius:999px;background:#fee2e2;color:#b91c1c;display:flex;align-items:center;justify-content:center;font-weight:900;}
.nmj-campaign-article .nmj-card-fit::before,.nmj-purpose-article .nmj-card-fit::before,.nmj-ranking-article .nmj-card-fit::before{content:"◎";position:absolute;top:12px;left:12px;width:26px;height:26px;border-radius:999px;background:#dbeafe;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:900;}
.nmj-campaign-article .nmj-card-notfit::before,.nmj-purpose-article .nmj-card-notfit::before,.nmj-ranking-article .nmj-card-notfit::before{content:"△";position:absolute;top:12px;left:12px;width:26px;height:26px;border-radius:999px;background:#e5e7eb;color:#4b5563;display:flex;align-items:center;justify-content:center;font-weight:900;}
.nmj-campaign-article .nmj-feature-list,.nmj-purpose-article .nmj-feature-list,.nmj-ranking-article .nmj-feature-list{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none;}
.nmj-campaign-article .nmj-feature-item,.nmj-purpose-article .nmj-feature-item,.nmj-ranking-article .nmj-feature-item{position:relative;padding:12px 12px 12px 38px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;}
.nmj-campaign-article .nmj-feature-item::before,.nmj-purpose-article .nmj-feature-item::before,.nmj-ranking-article .nmj-feature-item::before{content:"";position:absolute;left:12px;top:12px;width:16px;height:16px;border-radius:999px;background:#f3f4f6;box-shadow:inset 0 0 0 5px #cbd5e1;}
.nmj-campaign-article .nmj-feature-item-title,.nmj-purpose-article .nmj-feature-item-title,.nmj-ranking-article .nmj-feature-item-title{display:block;font-size:16px;font-weight:800;line-height:1.6;margin-bottom:6px;}
.nmj-campaign-article .nmj-feature-item-text,.nmj-purpose-article .nmj-feature-item-text,.nmj-ranking-article .nmj-feature-item-text{display:block;font-size:15px;line-height:1.82;color:#374151;}
@media (max-width:768px){
  .nmj-feature-article .nmj-table,.nmj-normal-article .nmj-table,.nmj-ranking-article .nmj-table,.nmj-company-article .nmj-table,.nmj-campaign-article .nmj-table,.nmj-purpose-article .nmj-table{min-width:560px !important;}
  .nmj-campaign-article p,.nmj-purpose-article p,.nmj-feature-article p,.nmj-normal-article p,.nmj-ranking-article p{font-size:15px;line-height:1.86;}
  .nmj-campaign-article .nmj-btn-apply,.nmj-campaign-article .nmj-btn-line,.nmj-campaign-article .nmj-btn-sub,.nmj-purpose-article .nmj-btn-apply,.nmj-purpose-article .nmj-btn-line,.nmj-purpose-article .nmj-btn-sub,.nmj-feature-article .nmj-btn-apply,.nmj-feature-article .nmj-btn-line,.nmj-feature-article .nmj-btn-sub,.nmj-ranking-article .nmj-btn-apply,.nmj-ranking-article .nmj-btn-line,.nmj-ranking-article .nmj-btn-sub{width:100%;}
}

/* ==== v12 company-like unify on top of v8 base ==== */
.nmj-company-like-article{max-width:860px;margin:0 auto;}
.nmj-company-like-article h1{font-size:2em;line-height:1.5;margin:0 0 18px;color:#0f3d4a;}
.nmj-company-like-article h2{font-size:1.58em;line-height:1.6;margin:2.4em 0 1em;padding-bottom:.45em;border-bottom:3px solid #ffa500;color:#0f3d4a;}
.nmj-company-like-article h3{font-size:1.18em;line-height:1.7;margin:1.8em 0 .8em;padding-left:.8em;border-left:5px solid #ffa500;color:#333;}
.nmj-company-like-article .nmj-summary-box,
.nmj-company-like-article .nmj-box,
.nmj-company-like-article .nmj-check,
.nmj-company-like-article .nmj-danger,
.nmj-company-like-article .nmj-line-box,
.nmj-company-like-article .nmj-apply-box,
.nmj-company-like-article .nmj-review-box,
.nmj-company-like-article .nmj-sns-box,
.nmj-company-like-article .nmj-ref-box,
.nmj-company-like-article .nmj-related-box,
.nmj-company-like-article .nmj-toc,
.nmj-company-like-article .nmj-link-summary-box,
.nmj-company-like-article .nmj-mid-cta-box{
  border-radius:14px; padding:18px 18px; margin:24px 0 30px; box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.nmj-company-like-article .nmj-summary-box{background:#fff8f0;border:1px solid #f5c087;position:relative;padding:28px 20px 20px;}
.nmj-company-like-article .nmj-summary-box::before{content:attr(data-label);position:absolute;top:-18px;left:20px;background:#ffa500;color:#fff;font-weight:700;padding:6px 14px;border-radius:999px;font-size:13px;}
.nmj-company-like-article .nmj-box,.nmj-company-like-article .nmj-link-summary-box{background:#fffdf7;border:1px solid #f1d48a;}
.nmj-company-like-article .nmj-check{background:#fffdf5;border:1px solid #f4df9b;}
.nmj-company-like-article .nmj-danger{background:#fff6f6;border:1px solid #efbcbc;}
.nmj-company-like-article .nmj-line-box{background:#f3fff6;border:1px solid #9fdfae;}
.nmj-company-like-article .nmj-apply-box{background:#fff8f4;border:1px solid #f2c1a4;}
.nmj-company-like-article .nmj-review-box{background:#f9fbff;border:1px solid #cfe0ff;}
.nmj-company-like-article .nmj-ref-box{background:#fafcff;border:1px solid #dbe7ff;}
.nmj-company-like-article .nmj-related-box{background:#fcfcfc;border:1px solid #e8e8e8;}
.nmj-company-like-article .nmj-toc{background:#fff;border:1px solid #e4e4e4;}
.nmj-company-like-article .nmj-box-title,.nmj-company-like-article strong{font-weight:800;}
.nmj-company-like-article .nmj-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0 22px;}
.nmj-company-like-article .nmj-table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed;}
.nmj-company-like-article .nmj-table th,.nmj-company-like-article .nmj-table td{border:1px solid #ddd;padding:12px 10px;vertical-align:top;line-height:1.7;}
.nmj-company-like-article .nmj-table th{background:#fff7ea;}
.nmj-company-like-article .nmj-next{margin:18px 0 0;text-align:right;}
.nmj-company-like-article .nmj-next a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#2f6fed;font-weight:700;background:#f7fbff;border:1px solid #d9e8ff;border-radius:999px;padding:10px 16px;}
.nmj-company-like-article .nmj-cta-embed{margin:20px 0 28px;}
.nmj-company-like-article .nmj-faq{border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;margin:0 0 12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.04);}
.nmj-company-like-article .nmj-faq-q,.nmj-company-like-article .nmj-faq-a{display:flex;gap:10px;align-items:flex-start;}
.nmj-company-like-article .nmj-faq-q{margin-bottom:8px;}
.nmj-company-like-article .nmj-faq-badge{flex:0 0 24px;width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff;font-size:12px;font-weight:700;line-height:1;}
.nmj-company-like-article .nmj-faq-badge-a{background:#2563eb;}
.nmj-company-like-article .nmj-faq-q-body,.nmj-company-like-article .nmj-faq-a-body{flex:1 1 auto;min-width:0;line-height:1.75;}

/* company-like cards for non-company articles */
.nmj-company-like-article .nmj-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.nmj-company-like-article .nmj-card-good,
.nmj-company-like-article .nmj-card-bad,
.nmj-company-like-article .nmj-card-fit,
.nmj-company-like-article .nmj-card-notfit{
  position:relative;background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:18px 16px 16px;box-shadow:0 6px 18px rgba(15,23,42,.05);overflow:hidden;
}
.nmj-company-like-article .nmj-card-good::before,
.nmj-company-like-article .nmj-card-bad::before,
.nmj-company-like-article .nmj-card-fit::before,
.nmj-company-like-article .nmj-card-notfit::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;}
.nmj-company-like-article .nmj-card-good::before{background:#38b26d;}
.nmj-company-like-article .nmj-card-bad::before{background:#e26666;}
.nmj-company-like-article .nmj-card-fit::before{background:#2f6fed;}
.nmj-company-like-article .nmj-card-notfit::before{background:#9ca3af;}
.nmj-company-like-article .nmj-card-title{font-weight:800;margin:0 0 12px;font-size:1.05em;padding-bottom:10px;border-bottom:1px solid #e5e7eb;line-height:1.6;}
.nmj-company-like-article .nmj-feature-list,.nmj-company-like-article .nmj-link-list{margin:0;padding-left:1.15em;}
.nmj-company-like-article .nmj-feature-item{margin:0 0 10px;list-style:none;padding-left:0;}
.nmj-company-like-article .nmj-feature-item-title{display:block;font-weight:800;margin-bottom:6px;line-height:1.6;color:#1f2937;}
.nmj-company-like-article .nmj-feature-item-text{display:block;line-height:1.85;color:#374151;font-size:15px;}
.nmj-company-like-article .nmj-card-good ul,
.nmj-company-like-article .nmj-card-bad ul,
.nmj-company-like-article .nmj-card-fit ul,
.nmj-company-like-article .nmj-card-notfit ul{margin:0;padding-left:0;list-style:none;}
.nmj-company-like-article .nmj-card-good li,
.nmj-company-like-article .nmj-card-bad li,
.nmj-company-like-article .nmj-card-fit li,
.nmj-company-like-article .nmj-card-notfit li{margin:0 0 10px;line-height:1.85;}
.nmj-company-like-article .nmj-card-good li strong,
.nmj-company-like-article .nmj-card-bad li strong,
.nmj-company-like-article .nmj-card-fit li strong,
.nmj-company-like-article .nmj-card-notfit li strong{display:block;margin-bottom:6px;}

/* restore original CTA/ranking shortcodes positioning wrappers only */
.nmj-company-like-article .nmj-cta-campaign-wrap,
.nmj-company-like-article .nmj-cta-ranking-wrap,
.nmj-company-like-article .nmj-cta-campaign,
.nmj-company-like-article .nmj-cta-ranking{margin:22px 0 30px;}

/* feature/ranking plainness reduction */
.nmj-feature-article .nmj-sec-01,
.nmj-feature-article .nmj-sec-02,
.nmj-feature-article .nmj-sec-03,
.nmj-feature-article .nmj-sec-04,
.nmj-feature-article .nmj-sec-05,
.nmj-feature-article .nmj-sec-06,
.nmj-feature-article .nmj-sec-07,
.nmj-feature-article .nmj-sec-08,
.nmj-feature-article .nmj-sec-09,
.nmj-feature-article .nmj-sec-10,
.nmj-feature-article .nmj-sec-11,
.nmj-feature-article .nmj-sec-12{margin-bottom:4px;}
.nmj-ranking-article .nmj-rank-badge{display:inline-flex;align-items:center;gap:6px;background:#fff7d6;color:#8a6200;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;margin-bottom:10px;}
.nmj-ranking-article .nmj-box + .nmj-box{margin-top:14px;}

@media (max-width: 768px){
  .nmj-company-like-article{padding-left:14px;padding-right:14px;}
  .nmj-company-like-article p{font-size:15px;line-height:1.85;}
  .nmj-company-like-article .nmj-grid-2{grid-template-columns:1fr;}
  .nmj-company-like-article .nmj-table{min-width:560px !important;}
  .nmj-company-like-article .nmj-table th,.nmj-company-like-article .nmj-table td{font-size:13px;padding:10px 8px;}
  .nmj-company-like-article .nmj-btn-line,
  .nmj-company-like-article .nmj-btn-apply,
  .nmj-company-like-article .nmj-btn-sub{width:100%;text-align:center;justify-content:center;}
  .nmj-company-like-article .nmj-next{text-align:left;}
  .nmj-company-like-article .nmj-next a{width:100%;justify-content:center;}
  .nmj-company-like-article .nmj-feature-item-text{font-size:14px;line-height:1.8;}
}
/* ==== end v12 overrides ==== */


/* === v13 feature CTA fallback and purpose mobile card tuning === */
.nmj-feature-article.nmj-company-like-article .nmj-cta-embed{display:block;margin:22px 0 30px;}
.nmj-feature-article.nmj-company-like-article .nmj-summary-box,.nmj-feature-article.nmj-company-like-article .nmj-toc{box-shadow:0 8px 24px rgba(15,23,42,.06);}

.nmj-purpose-article .nmj-card-profile,
.nmj-purpose-article .nmj-card-case,
.nmj-purpose-article .nmj-card-pattern,
.nmj-purpose-article .nmj-card-how{
  border-radius:16px;
  padding:18px 16px;
  border:1px solid #e5e7eb;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
  position:relative;
  overflow:hidden;
}
.nmj-purpose-article .nmj-card-profile::before,
.nmj-purpose-article .nmj-card-case::before,
.nmj-purpose-article .nmj-card-pattern::before,
.nmj-purpose-article .nmj-card-how::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;}
.nmj-purpose-article .nmj-card-profile::before{background:#2f6fed;}
.nmj-purpose-article .nmj-card-case::before{background:#38b26d;}
.nmj-purpose-article .nmj-card-pattern::before{background:#f59e0b;}
.nmj-purpose-article .nmj-card-how::before{background:#9ca3af;}
.nmj-purpose-article .nmj-card-title{margin:4px 0 12px;font-size:16px;line-height:1.6;font-weight:800;padding-bottom:10px;border-bottom:1px solid #e5e7eb;color:#1f2937;}
.nmj-purpose-article .nmj-card-profile p,
.nmj-purpose-article .nmj-card-case p,
.nmj-purpose-article .nmj-card-pattern p,
.nmj-purpose-article .nmj-card-how p{margin:0;line-height:1.85;color:#374151;}
.nmj-purpose-article .nmj-card-profile strong,
.nmj-purpose-article .nmj-card-case strong,
.nmj-purpose-article .nmj-card-pattern strong,
.nmj-purpose-article .nmj-card-how strong{display:inline;font-weight:800;color:#111827;}

@media (max-width: 768px){
  .nmj-purpose-article .nmj-grid-2{grid-template-columns:1fr !important;gap:12px !important;}
  .nmj-purpose-article .nmj-card-profile,
  .nmj-purpose-article .nmj-card-case,
  .nmj-purpose-article .nmj-card-pattern,
  .nmj-purpose-article .nmj-card-how{padding:16px 14px;border-radius:14px;}
  .nmj-purpose-article .nmj-card-title{font-size:15px;line-height:1.55;margin:2px 0 10px;padding-bottom:8px;}
  .nmj-purpose-article .nmj-card-profile,
  .nmj-purpose-article .nmj-card-case,
  .nmj-purpose-article .nmj-card-pattern,
  .nmj-purpose-article .nmj-card-how,
  .nmj-purpose-article .nmj-card-profile p,
  .nmj-purpose-article .nmj-card-case p,
  .nmj-purpose-article .nmj-card-pattern p,
  .nmj-purpose-article .nmj-card-how p{font-size:14px;line-height:1.8;}
}


/* === v15 mobile intro polish and safe list cleanup === */
.nmj-company-like-article .nmj-lead-stack{margin:0 0 18px;}
.nmj-company-like-article .nmj-lead-stack p:last-child{margin-bottom:0;}
.nmj-feature-article.nmj-company-like-article .nmj-balloon{margin:18px 0 22px;}
.nmj-feature-article.nmj-company-like-article .nmj-feature-intro-cta{margin:18px 0 22px;}
.nmj-company-like-article .nmj-summary-box ol,.nmj-company-like-article .nmj-toc ol{margin:.85em 0 0 1.2em;padding:0;}
.nmj-company-like-article .nmj-summary-box li,.nmj-company-like-article .nmj-toc li{margin:0 0 .7em;line-height:1.75;}
.nmj-company-like-article .nmj-summary-box a,.nmj-company-like-article .nmj-toc a{word-break:break-word;text-underline-offset:2px;}
.nmj-company-like-article .nmj-summary-box li:last-child,.nmj-company-like-article .nmj-toc li:last-child{margin-bottom:0;}
.nmj-company-like-article .nmj-balloon-body{line-height:1.85;}
.nmj-company-like-article .nmj-mid-cta-box p,.nmj-company-like-article .nmj-summary-box p,.nmj-company-like-article .nmj-toc p{font-size:15px;line-height:1.85;}
.nmj-company-like-article .nmj-box-title{line-height:1.6;}
@media (max-width:768px){
  .nmj-company-like-article h1{font-size:1.7em;line-height:1.42;margin-bottom:14px;}
  .nmj-company-like-article .nmj-summary-box,.nmj-company-like-article .nmj-toc,.nmj-company-like-article .nmj-box,.nmj-company-like-article .nmj-check,.nmj-company-like-article .nmj-danger,.nmj-company-like-article .nmj-line-box,.nmj-company-like-article .nmj-apply-box,.nmj-company-like-article .nmj-review-box,.nmj-company-like-article .nmj-ref-box,.nmj-company-like-article .nmj-related-box,.nmj-company-like-article .nmj-mid-cta-box{padding:16px 14px;margin:18px 0 22px;}
  .nmj-company-like-article .nmj-summary-box::before{left:14px;top:-14px;font-size:12px;padding:5px 11px;}
  .nmj-company-like-article .nmj-balloon{gap:10px;align-items:flex-start;}
  .nmj-company-like-article .nmj-balloon-icon{width:52px;flex-basis:52px;}
  .nmj-company-like-article .nmj-balloon-icon img{width:52px;height:52px;}
  .nmj-company-like-article .nmj-balloon-body{max-width:calc(100% - 62px);padding:12px 13px;font-size:14px;line-height:1.8;}
  .nmj-company-like-article .nmj-summary-box li,.nmj-company-like-article .nmj-toc li{font-size:14px;line-height:1.72;}
  .nmj-feature-article.nmj-company-like-article .nmj-cta-embed{margin:18px 0 22px;}
  .nmj-feature-article.nmj-company-like-article .nmj-feature-intro-cta .nmj-btn-sub{width:100%;display:flex;justify-content:center;}
  .nmj-purpose-article .nmj-card-good,.nmj-purpose-article .nmj-card-bad,.nmj-purpose-article .nmj-card-fit,.nmj-purpose-article .nmj-card-notfit{padding:14px 14px 13px;}
  .nmj-purpose-article .nmj-card-title{font-size:15px;line-height:1.55;}
}


/* v16 feature/purpose/campaign/article completion */
.nmj-company-like-article .nmj-mitchy-comment-box{padding-bottom:10px;}
.nmj-company-like-article .nmj-mitchy-comment-box .nmj-balloon{margin:8px 0 0;}
.nmj-company-like-article .nmj-recommend-box{background:#fffdf7;border:1px solid #f1d48a;}
.nmj-company-like-article .nmj-recommend-box .nmj-grid-2{margin-top:10px;}
.nmj-company-like-article .nmj-purpose-recommend-box .nmj-card-fit,
.nmj-company-like-article .nmj-purpose-recommend-box .nmj-card-notfit,
.nmj-company-like-article .nmj-feature-recommend-box .nmj-card-fit,
.nmj-company-like-article .nmj-feature-recommend-box .nmj-card-good{padding:18px 16px 16px;border-radius:14px;box-shadow:0 6px 16px rgba(15,23,42,.05);}
.nmj-company-like-article .nmj-purpose-recommend-box p{margin:0 0 .85em;line-height:1.82;font-size:15px;}
.nmj-company-like-article .nmj-cta-embed:empty{display:none !important;}
.nmj-company-like-article .nmj-cta-embed .recommend-wrapper,
.nmj-company-like-article .nmj-cta-embed .cta-ranking-container{margin:0;}
.nmj-feature-article.nmj-company-like-article .nmj-summary-box,
.nmj-feature-article.nmj-company-like-article .nmj-toc{margin-top:20px;}
.nmj-feature-article.nmj-company-like-article .nmj-mid-cta-box{margin-bottom:20px;}
@media (max-width:768px){
  .nmj-company-like-article .nmj-purpose-recommend-box p{font-size:14px;line-height:1.8;}
  .nmj-company-like-article .nmj-mitchy-comment-box .nmj-box-title{font-size:15px;}
}


/* v16-final: feature comment balloon should use the same simple speech-bubble pattern */
.nmj-feature-article .nmj-feature-comment-balloon,
.nmj-company-like-article .nmj-feature-comment-balloon{
  display:flex;
  gap:14px;
  align-items:flex-end;
  justify-content:flex-end;
  margin:18px 0 28px;
}
.nmj-feature-article .nmj-feature-comment-balloon .nmj-balloon-icon,
.nmj-company-like-article .nmj-feature-comment-balloon .nmj-balloon-icon{
  width:74px;
  flex:0 0 74px;
  text-align:center;
}
.nmj-feature-article .nmj-feature-comment-balloon .nmj-balloon-icon img,
.nmj-company-like-article .nmj-feature-comment-balloon .nmj-balloon-icon img{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:50%;
  border:1px solid #ddd;
  background:#fff;
}
.nmj-feature-article .nmj-feature-comment-balloon .nmj-balloon-name,
.nmj-company-like-article .nmj-feature-comment-balloon .nmj-balloon-name{
  font-size:12px;
  line-height:1.4;
  color:#555;
  margin-top:6px;
}
.nmj-feature-article .nmj-feature-comment-balloon .nmj-balloon-body,
.nmj-company-like-article .nmj-feature-comment-balloon .nmj-balloon-body{
  max-width:620px;
  background:#f3fafe;
  border:1px solid #cfdde8;
  border-radius:6px;
  padding:14px 16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
@media (max-width:600px){
  .nmj-feature-article .nmj-feature-comment-balloon,
  .nmj-company-like-article .nmj-feature-comment-balloon{
    gap:10px;
  }
  .nmj-feature-article .nmj-feature-comment-balloon .nmj-balloon-icon,
  .nmj-company-like-article .nmj-feature-comment-balloon .nmj-balloon-icon{
    width:58px;
    flex-basis:58px;
  }
  .nmj-feature-article .nmj-feature-comment-balloon .nmj-balloon-icon img,
  .nmj-company-like-article .nmj-feature-comment-balloon .nmj-balloon-icon img{
    width:58px;
    height:58px;
  }
  .nmj-feature-article .nmj-feature-comment-balloon .nmj-balloon-body,
  .nmj-company-like-article .nmj-feature-comment-balloon .nmj-balloon-body{
    max-width:calc(100% - 72px);
  }
}


/* icon-specific token for site-color interference prevention */
:root{
  --nmj-icon-color:#ffffff;
  --nmj-icon-bg:var(--nmj-base, var(--nmj-btn1, #1f2937));
}
.nmj-accent-soft-bg,
.nmj-icon-chip,
.nmj-icon-badge,
.nmj-icon-wrap{
  background:var(--nmj-icon-bg)!important;
  color:var(--nmj-icon-color)!important;
}
.nmj-accent-soft-bg > i,
.nmj-accent-soft-bg > svg,
.nmj-icon-chip > i,
.nmj-icon-chip > svg,
.nmj-icon-badge > i,
.nmj-icon-badge > svg,
.nmj-icon-wrap > i,
.nmj-icon-wrap > svg{
  color:var(--nmj-icon-color)!important;
  fill:var(--nmj-icon-color)!important;
  stroke:var(--nmj-icon-color)!important;
}


/* phase8fix_v5: robust white-icon and alignment rules */
:is(i,svg,.svg-inline--fa)[class~="fa-magnifying-glass"],
:is(i,svg,.svg-inline--fa)[class~="fa-layer-group"],
:is(i,svg,.svg-inline--fa)[class~="fa-comment-dots"],
:is(i,svg,.svg-inline--fa)[class~="fa-circle-info"],
:is(i,svg,.svg-inline--fa)[class~="fa-arrow-up-wide-short"],
:is(i,svg,.svg-inline--fa)[class~="fa-star"],
:is(i,svg,.svg-inline--fa)[class~="fa-mobile-screen-button"],
:is(i,svg,.svg-inline--fa)[class~="fa-right-left"]{color:#fff!important;fill:#fff!important;stroke:#fff!important}
:is(i,svg,.svg-inline--fa)[class~="fa-magnifying-glass"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-layer-group"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-comment-dots"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-circle-info"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-arrow-up-wide-short"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-star"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-mobile-screen-button"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-right-left"]::before{color:#fff!important}
.nmj-iconbox-fix{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 2.5rem!important;width:2.5rem!important;height:2.5rem!important;line-height:1!important;vertical-align:middle!important}
.nmj-iconbox-fix > :is(i,svg,.svg-inline--fa){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1em!important;height:1em!important;line-height:1!important;vertical-align:middle!important;flex:none!important}
.nmj-heading-fix{margin:0!important;line-height:1.35!important}


/* phase8fix_v6: white icon classes + wider search input */
:is(i,svg,.svg-inline--fa)[class~="fa-rotate"],
:is(i,svg,.svg-inline--fa)[class~="fa-fire"],
:is(i,svg,.svg-inline--fa)[class~="fa-ranking-star"],
:is(i,svg,.svg-inline--fa)[class~="fa-clock-rotate-left"],
:is(i,svg,.svg-inline--fa)[class~="fa-circle-question"],
:is(i,svg,.svg-inline--fa)[class~="fa-up-right-from-square"],
.brand-pill.cursor-pointer :is(i,svg,.svg-inline--fa),
summary.brand-pill.cursor-pointer :is(i,svg,.svg-inline--fa){color:#fff!important;fill:#fff!important;stroke:#fff!important}
:is(i,svg,.svg-inline--fa)[class~="fa-rotate"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-fire"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-ranking-star"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-clock-rotate-left"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-circle-question"]::before,
:is(i,svg,.svg-inline--fa)[class~="fa-up-right-from-square"]::before,
.brand-pill.cursor-pointer i::before,
summary.brand-pill.cursor-pointer i::before{color:#fff!important}

.nmj-search-form{width:100%!important}
.nmj-search-form .nmj-search-input-wrap{flex:1 1 42rem!important;min-width:min(100%,26rem)!important}
.nmj-search-form .nmj-search-sort{flex:0 0 auto!important;width:auto!important;min-width:11rem!important;max-width:100%!important}
.nmj-search-form .nmj-search-submit{flex:0 0 auto!important;white-space:nowrap!important}
@media (min-width: 768px){
  .nmj-search-form{display:flex!important;align-items:center!important;gap:.75rem!important}
  .nmj-search-form .nmj-search-input-wrap{min-width:0!important;width:100%!important}
}