/* アメ車トラブル解決ブログ 共通スタイル
   以前は全記事に86行がコピーされていた。ここ1箇所に集約している。 */
  :root{
    --paper:#f4eee1; --paper-2:#ece3d2; --ink:#2a2620; --ink-soft:#5a5043;
    --burgundy:#6b2737; --burgundy-d:#511c29; --brass:#9c7a3c; --brass-l:#c2a05a;
    --rule:#bcae90; --navy:#21262e;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0; background:var(--paper); color:var(--ink);
    font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
    line-height:1.9; font-size:17px; letter-spacing:.01em;
  }
  .wrap{max-width:780px; margin:0 auto; padding:0 20px;}
  header.site{background:var(--navy); color:var(--paper); border-bottom:4px double var(--brass-l);}
  header.site .wrap{padding:14px 20px; display:flex; align-items:baseline; gap:12px;}
  header.site .logo{font-family:"Playfair Display","Yu Mincho","Hiragino Mincho ProN",serif; font-size:21px; font-weight:700; color:var(--paper); letter-spacing:.04em;}
  header.site .tag{font-size:12px; color:var(--brass-l); letter-spacing:.18em;}
  .crumb{padding:12px 0 0;}
  .crumb a{color:var(--burgundy); text-decoration:none; font-size:14px;}
  .crumb a:hover{text-decoration:underline;}
  .hero{border-bottom:1px solid var(--rule); padding:30px 0 26px; text-align:center; background:linear-gradient(0deg,var(--paper),var(--paper-2));}
  .kicker{font-family:"Playfair Display",serif; font-style:italic; color:var(--burgundy); font-size:16px; letter-spacing:.05em; margin:0 0 10px;}
  h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-weight:700; font-size:27px; line-height:1.5; margin:0 auto; max-width:22em; color:var(--ink);}
  .lead{color:var(--ink-soft); font-size:15px; margin-top:14px;}
  .eyecatch{width:100%; height:auto; display:block; margin:22px 0 0; border:1px solid var(--rule);}
  article{padding:30px 0 10px;}
  article h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-size:23px; font-weight:700; color:var(--burgundy); margin:46px 0 14px; padding-bottom:8px; border-bottom:2px solid var(--rule);}
  article h2::before{content:"◆"; color:var(--brass); font-size:13px; margin-right:10px; vertical-align:middle;}
  article h3{font-size:18px; margin:28px 0 8px; color:var(--ink); font-weight:700;}
  p{margin:14px 0;} strong{color:var(--burgundy-d);}
  .note{background:var(--paper-2); border-left:4px solid var(--brass); padding:14px 18px; margin:20px 0; font-size:15.5px;}
  .note.warn{border-left-color:var(--burgundy);}
  /* 現場知（書き手の一次体験）を目立たせる箱。バーガンディ地＋ブラス見出しで「生の声」を示す */
  .note.field{background:#efe6d2; border-left:5px solid var(--burgundy); position:relative;}
  .note.field .h{color:var(--burgundy-d); font-size:15px; letter-spacing:.02em;}
  .note.field .h::before{content:"🔧 "; }
  .note.field p{margin:8px 0 0;}
  .note.field p:first-of-type{margin-top:2px;}
  .note .h{display:block; font-weight:700; color:var(--burgundy-d); margin-bottom:4px;}
  .tablewrap{overflow-x:auto; margin:20px 0; border:1px solid var(--rule);}
  table{border-collapse:collapse; width:100%; min-width:420px; font-size:15px; background:#fbf7ee;}
  th,td{border:1px solid var(--rule); padding:10px 12px; text-align:left; vertical-align:top;}
  thead th{background:var(--navy); color:var(--paper); font-weight:700;}
  tbody tr:nth-child(even){background:var(--paper-2);}
  ul,ol{padding-left:1.3em;} li{margin:6px 0;}
  hr.fancy{border:0; height:18px; margin:40px 0; text-align:center;}
  hr.fancy::before{content:"— ◆ —"; color:var(--brass); letter-spacing:.3em; font-size:14px;}
  .small{font-size:13px; color:var(--ink-soft);}

  /* CTA boxes (B2C) */
  .cta{padding:24px 22px; margin:26px 0; text-align:center; border:2px solid var(--brass-l);}
  .cta.sell{background:#2f3a30; color:#f4eee1;}
  .cta.sell .h{font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-size:18px; color:var(--brass-l); margin-bottom:8px;}
  .cta.repair{background:var(--navy); color:#f4eee1;}
  .cta.repair .h{font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-size:18px; color:var(--brass-l); margin-bottom:8px;}
  .cta p{color:#f4eee1; margin:8px 0;}
  .cta a.btn{display:inline-block; margin-top:12px; background:var(--brass-l); color:var(--navy); padding:13px 30px; border-radius:6px; text-decoration:none; font-weight:700;}
  .cta .fine{font-size:12px; color:#c2b89a; margin-top:12px;}

  /* Pro section divider + accordion */
  .pro-divider{margin:50px 0 0; text-align:center;}
  .pro-divider .line{border-top:3px double var(--brass-l); margin-bottom:14px;}
  .pro-divider .label{font-family:"Playfair Display",serif; font-style:italic; color:var(--burgundy-d); font-size:15px; letter-spacing:.04em;}

  details.pro{
    background:#efe6d2; border:1px solid var(--brass); margin:18px 0 40px;
  }
  details.pro > summary{
    cursor:pointer; list-style:none; padding:18px 22px; font-weight:700;
    color:var(--burgundy-d); font-size:16.5px; display:flex; align-items:center; gap:10px;
  }
  details.pro > summary::-webkit-details-marker{display:none;}
  details.pro > summary::before{content:"▶"; color:var(--brass); font-size:13px; transition:transform .15s;}
  details.pro[open] > summary::before{transform:rotate(90deg);}
  details.pro > summary .badge{
    font-size:11px; background:var(--burgundy); color:#fff; padding:2px 8px; letter-spacing:.05em;
  }
  details.pro .inner{padding:6px 24px 26px;}
  details.pro article h2, details.pro .inner h2{font-size:20px; margin-top:34px;}

  .related{background:var(--navy); color:var(--paper); padding:20px 22px; margin:26px 0;}
  .related b{color:var(--brass-l); display:block; margin-bottom:8px; font-size:14px; letter-spacing:.06em;}
  .related a{color:var(--paper); text-decoration:none; font-weight:500; border-bottom:1px solid var(--brass-l);}

  .sources{font-size:13px; color:var(--ink-soft); margin-top:24px;}
  .sources li{margin:4px 0;}
  .sources a{color:var(--burgundy);}

  footer.site{border-top:4px double var(--brass-l); background:var(--navy); color:var(--brass-l); text-align:center; padding:24px 20px; font-size:13px; margin-top:50px; letter-spacing:.06em;}
  footer.site .nm{font-family:"Playfair Display",serif; color:var(--paper); font-size:16px; display:block; margin-bottom:6px;}
  @media(max-width:600px){ body{font-size:16px;} h1{font-size:22px;} article h2{font-size:20px;} }

  /* CTA box (B2B / LINE) — 1950〜80年代の旧車記事のみで使用 */
  .cta.line{background:var(--navy); color:#f4eee1;}
  .cta.line .h{font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-size:18px; color:var(--brass-l); margin-bottom:10px;}
  .cta.line a.btn{background:#06C755; color:#fff;}
  .cta.line .fine{color:var(--brass);}