/* スリング診断ツール（見た目）
   写し元: 今のサイトの WordPress の Snippets ID:6「スリング診断ツール」（v5）の <style> を 2026-10-23 にそのまま写した。
   今のサイトでは記事 15312（スリングのおすすめ記事）と 15516 のページだけに出す。試しのサイトでは本文に id="sling-diag" がある記事だけで読み込む（src/pages/[slug].astro） */
  .sd-af{display:inline-block;padding:8px 14px;border-radius:5px;font-size:12px;font-weight:bold;text-decoration:none;position:relative;top:0;transition:all 0.08s;overflow:hidden;cursor:pointer;border:none;line-height:1.3;}
  .sd-af::after{
  .sd-af:hover{filter:brightness(0.8);}
  .sd-af:active{top:3px!important;box-shadow:none!important;}
  21%{left:-60%;}}
  .sd-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:14px;margin:10px 0;}
  .sd-card img{width:100px;height:100px;object-fit:contain;border-radius:6px;flex-shrink:0;background:#f5f5f5;}
  .sd-card-body{flex:1;min-width:0;}
  .sd-card-name{font-size:14px;font-weight:bold;margin:0 0 4px 0;color:#333;}
  .sd-card-note{font-size:12px;color:#666;margin:0 0 4px 0;}
  .sd-card-price{font-size:13px;color:#e53935;font-weight:bold;margin:0 0 8px 0;}
  .sd-btns{display:flex;gap:6px;flex-wrap:wrap;}
  @media(max-width:600px){.sd-card{flex-direction:column;align-items:center;text-align:center;}.sd-btns{justify-content:center;}.sd-card img{width:120px;height:120px;}}