/* solutions/aiot.php 의 인라인 <style> 을 그대로 옮긴 것 (2026-08-20 CSP 강화 — style-src self).
   페이지 전용 규칙이라 다른 페이지에 싣지 않는다. 여기 규칙은 sub.css 보다 늦게 로드되어
   기존 인라인과 같은 캐스케이드 순서를 유지한다. */
/* ---- page-only helpers (AIoT solutions) ---- */
    /* .steps--3 (incl. its 1024/900 behaviour) now lives in sub.css — shared with
       support/inquiry.php instead of being redeclared per page. */
    .hiw { margin-top: clamp(30px, 4.5vw, 52px); }
    .hiw > .steps, .hiw > .icard-grid { margin-top: 16px; }
    .pcard {
      display: flex; align-items: center; gap: 16px;
      margin-top: 22px; padding: 13px 18px;
      border-radius: var(--r-med);
      border: 1px solid rgba(21,142,206,.25);
      background: rgba(21,142,206,.06);
      box-shadow: 0 2px 12px rgba(16,32,56,.06);
      text-decoration: none;
      transition: border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);
    }
    .pcard:hover { border-color: rgba(21,142,206,.45); background: rgba(21,142,206,.1); box-shadow: 0 6px 18px rgba(16,32,56,.1); transform: translateY(-2px); }
    .pcard img { width: 58px; height: 58px; object-fit: contain; }
    .pcard__txt { display: flex; flex-direction: column; gap: 3px; }
    .pcard__txt strong { font-size: .95rem; font-weight: 700; color: var(--ink); }
    .pcard__txt span { font-size: .82rem; color: var(--gray-600); }