/* item-concerns-back-pain のページ固有スタイル（ワイヤーフレーム src/item/concerns/back-pain/index.html の <style> から変換） */
.art-hero{background:var(--white);padding:48px 0 56px;border-bottom:1px solid var(--rule)}
  .art-hero .badges{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
  .art-hero h1{font-family:var(--serif);font-size:42px;font-weight:700;letter-spacing:.04em;line-height:1.45;color:var(--dark);max-width:880px}
  .art-hero h1 .accent{color:var(--primary)}
  .art-hero .lead{font-size:15.5px;line-height:2.05;color:var(--text);max-width:760px;margin-top:22px}
  .art-sec{padding:84px 0}
  .art-sec.alt{background:var(--light)}
  .art-h2{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--dark);letter-spacing:.04em;line-height:1.5;position:relative;padding-bottom:18px;margin-bottom:28px}
  .art-h2 .n{color:var(--primary);margin-right:14px}
  .art-h2::after{content:'';position:absolute;left:0;bottom:0;width:56px;height:2px;background:var(--primary)}
  .art-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .art-grid p{font-size:14.5px;line-height:2.05;color:var(--text);margin-bottom:16px}
  .art-grid p:last-child{margin-bottom:0}
  /* 体圧マップ図解 */
  .figbox{background:#fff;border:1px solid var(--rule);padding:30px 30px 26px;border-radius:2px}
  .figbox .ft{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700;margin-bottom:18px}
  .pmap{display:flex;border:1px solid var(--rule);border-radius:3px;overflow:hidden;height:72px}
  .pmap .z{flex:1;display:grid;place-items:center;font-size:11.5px;font-weight:600;color:var(--muted);border-right:1px solid rgba(255,255,255,.5)}
  .pmap .z:last-child{border-right:0}
  .pmap .z.lo{background:#eeeea}
  .pmap .z.mi{background:var(--primary-tint);color:#fff}
  .pmap .z.hi{background:var(--primary);color:#fff}
  .pmap-labels{display:flex;margin-top:10px}
  .pmap-labels span{flex:1;text-align:center;font-size:11px;color:var(--text)}
  .pmap-legend{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:11px;color:var(--muted)}
  .pmap-legend i{height:10px;flex:1;border-radius:2px;background:linear-gradient(90deg,#eeeeea,var(--primary-tint),var(--primary))}
  .figcap{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.7}
  .fig-illust{width:100%;height:auto;border:1px solid var(--rule);border-radius:2px;background:#fff}
  .figbox.solo{margin-top:34px}
  /* steps */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:st}
  .step{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--primary);padding:26px 22px 24px;position:relative}
  .step .no{font-family:var(--serif);font-size:30px;font-weight:700;color:var(--primary);line-height:1}
  .step h3{font-size:15px;font-weight:700;color:var(--dark);margin:12px 0 8px;letter-spacing:.03em}
  .step p{font-size:12.5px;color:var(--muted);line-height:1.85}
  /* 実物体験帯 */
  .try-band{position:relative;color:#fff;overflow:hidden;padding:80px 0}
  .try-band .bg{position:absolute;inset:0;z-index:0}
  .try-band .bg img{width:100%;height:100%;object-fit:cover}
  .try-band::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(26,26,26,.85),rgba(26,26,26,.55))}
  .try-band .inner{position:relative;z-index:2;max-width:620px}
  .try-band .eyebrow{color:var(--accent-tint)}
  .try-band h2{font-family:var(--serif);font-size:30px;font-weight:700;letter-spacing:.04em;line-height:1.5;margin:12px 0 16px}
  .try-band p{font-size:14px;color:#e4e4e4;line-height:1.95;margin-bottom:26px}
  @media (max-width:920px){
    .art-hero h1{font-size:31px}
    .art-grid{grid-template-columns:1fr;gap:30px}
    .steps{grid-template-columns:1fr 1fr}
  }
  @media (max-width:560px){ .steps{grid-template-columns:1fr} .pmap .z{font-size:9.5px} }
  @media (max-width:560px){
    .figbox{padding:20px 14px 18px}
    .fig-illust{margin-inline:-14px;width:calc(100% + 28px);max-width:none;border-left:0;border-right:0;border-radius:0}
  }