/* item-concerns-heat-mure のページ固有スタイル（ワイヤーフレーム src/item/concerns/heat-mure/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}
  .figcap{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.7}
  .img-ph-fig{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px dashed #c4c4bd;background:repeating-linear-gradient(45deg,#fafaf7,#fafaf7 10px,#f3f3ee 10px,#f3f3ee 20px);color:var(--muted);text-align:center;padding:26px;min-height:200px;border-radius:2px}
  .img-ph-fig .tag{font-size:10px;letter-spacing:.2em;font-weight:600;color:var(--primary);background:#fff;border:1px solid var(--rule);padding:3px 10px;border-radius:9999px}
  .img-ph-fig .alt{font-size:13px;color:var(--dark);font-weight:600}
  .img-ph-fig .spec{font-size:11px;color:var(--muted);line-height:1.7;max-width:340px}
  .fig-illust{width:100%;height:auto;border:1px solid var(--rule);border-radius:2px;background:#fff}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .steps--2{grid-template-columns:repeat(2,1fr)}
  .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}
  }
  @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}
  }