/* イナカムサポーター — blade から外部化 2026-07-16 趙 */
  .sup-wrap{max-width:80vw;margin:0 auto;padding:clamp(32px,6vw,72px) 20px clamp(56px,8vw,96px)}
  .sup-head{text-align:center;margin-bottom:clamp(28px,4vw,44px)}
  .sup-head h1{font-family:"Zen Kaku Gothic New",sans-serif;font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:700;color:#1e2430;letter-spacing:.02em;line-height:1.4}
  .sup-head p{margin-top:16px;font-size:clamp(13px,1.5vw,15px);color:#5b6472;line-height:1.9}

  .sup-tools{display:flex;justify-content:center;margin-bottom:14px}
  .sup-search{position:relative;width:100%;max-width:480px}
  .sup-search input{width:100%;padding:13px 44px 13px 20px;font-size:15px;color:#1e2430;
    background:#fff;border:1px solid #d7dbe0;border-radius:999px;outline:none;
    transition:border-color .2s,box-shadow .2s}
  .sup-search input:focus{border-color:#1e2430;box-shadow:0 0 0 3px rgba(30,36,48,.1)}
  .sup-search::after{content:"";position:absolute;top:50%;right:18px;width:16px;height:16px;
    transform:translateY(-50%);pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a2abb8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat center/contain}
  .sup-count{text-align:center;font-size:13px;color:#8a93a1;margin-bottom:26px}
  .sup-count b{color:#1e2430;font-weight:700}

  .sup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  @media(max-width:768px){.sup-grid{grid-template-columns:1fr;gap:16px}}

  .sup-card{display:flex;gap:24px;padding:24px;background:#fff;border:1px solid #e6e8ec;border-radius:14px;
    box-shadow:0 1px 3px rgba(20,30,50,.04);transition:box-shadow .22s ease,transform .22s ease}
  .sup-card:hover{box-shadow:0 8px 24px rgba(20,30,50,.09);transform:translateY(-2px)}
  .sup-logo{flex:0 0 clamp(148px,14vw,220px);height:clamp(104px,10vw,150px);display:flex;align-items:center;justify-content:center;
    padding:12px;background:#fff;border-radius:9px;overflow:hidden}
  .sup-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
  .sup-logo.is-empty{color:#c2c8d0;font-size:11px;letter-spacing:.1em}
  .sup-body{flex:1;min-width:0}
  .sup-name{font-size:clamp(.88rem,.84rem + .2vw,.93rem);font-weight:700;color:#1e2430;line-height:1.45;margin-bottom:8px;word-break:break-word}
  .sup-desc{font-size:clamp(.76rem,.73rem + .15vw,.8rem);color:#5b6472;line-height:1.75;margin-bottom:12px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sup-links{display:flex;flex-wrap:wrap;gap:10px}
  .sup-link{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:7px 18px;line-height:1;
    gap:6px;font-size:.84rem;font-weight:600;color:#1e2430;text-decoration:none;border:1px solid #e6e8ec;
    border-radius:999px;background:#fff;transition:color .18s,background-color .18s,border-color .18s}
  .sup-link:hover{color:#fff;background:#1e2430;border-color:#1e2430}
  .sup-link::after{content:"↗";font-size:.72em;opacity:.55}
  .sup-link.is-dummy{color:#c2c8d0;border-color:#f0f1f3;pointer-events:none}
  .sup-link.is-dummy::after{content:""}

  .sup-empty{display:none;text-align:center;padding:56px 20px;color:#8a93a1;font-size:14px}
  @media(max-width:768px){
    .sup-wrap{max-width:100%;padding-left:16px;padding-right:16px}
    .sup-card{display:block}
    .sup-logo{width:100%;height:130px;margin-bottom:16px}
    .sup-link{flex:1 1 140px}
  }