/* survey 固有CSS (共通style.cssに無い分。元HTML <style>より自動抽出)
        カテゴリハブ。目玉=2種測量へのカードグリッド（.insp-grid） */
  .intro-lead{max-width:820px;margin:0 auto;text-align:center;font-size:15px;line-height:2;color:var(--ink-sub)}
  @media(min-width:880px){.intro-lead{font-size:16.5px}}
  .intro-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
  .intro-tag{display:inline-flex;align-items:center;gap:7px;background:var(--sky);color:var(--navy);
    font-size:13.5px;font-weight:800;padding:9px 16px;border-radius:999px;border:1px solid var(--line)}
  .intro-tag .ico-sm{color:var(--blue)}
  .insp-grid{display:grid;gap:24px;grid-template-columns:1fr}
  @media(min-width:760px){.insp-grid{grid-template-columns:repeat(2,1fr)}}
  .insp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
    border-radius:18px;overflow:hidden;box-shadow:0 2px 8px rgba(11,46,89,.05);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
  .insp-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(7,31,61,.14);border-color:var(--blue-light)}
  .insp-card .ic-thumb{position:relative;aspect-ratio:16/10;background:var(--sky);overflow:hidden}
  .insp-card .ic-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
  .insp-card:hover .ic-thumb img{transform:scale(1.05)}
  .insp-card .ic-chip{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;
    justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.94);
    color:var(--blue);box-shadow:0 4px 12px rgba(7,31,61,.18)}
  .insp-card .ic-chip .ico{width:23px;height:23px}
  .insp-card .ic-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
  .insp-card h3{font-size:19px;font-weight:900;color:var(--navy);line-height:1.4}
  @media(min-width:880px){.insp-card h3{font-size:20px}}
  .insp-card .ic-desc{margin-top:9px;font-size:13.5px;color:var(--ink-sub);line-height:1.8;flex:1}
  .insp-card .ic-more{margin-top:16px;display:inline-flex;align-items:center;gap:6px;
    font-size:14px;font-weight:800;color:var(--accent)}
  .insp-card .ic-more .ico-sm{transition:transform .2s ease}
  .insp-card:hover .ic-more .ico-sm{transform:translateX(4px)}
  .insp-card.coming{background:var(--sky-2);border-style:dashed;box-shadow:none}
  .insp-card.coming:hover{transform:none;box-shadow:none;border-color:var(--line)}
  .insp-card.coming .ic-ph{flex:1;min-height:200px;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:12px;color:var(--ink-sub);text-align:center;padding:30px}
  .insp-card.coming .ic-ph .ico-lg{color:var(--blue-light)}
  .insp-card.coming .ic-ph b{font-size:16px;font-weight:800;color:var(--navy)}
  .insp-card.coming .ic-ph span{font-size:13px}
  .anim-ready .intro-lead,
  .anim-ready .intro-tags,
  .anim-ready .insp-card{opacity:0}
  @media (prefers-reduced-motion: reduce){ .anim-ready *{opacity:1!important;transform:none!important} }