/* 2026-11-06 ipsi-thumbfix2: 16:9 cover matching HC thumbs; no instruction UI */
.ipsi-hero{position:relative;overflow:hidden;border-radius:22px;padding:28px 28px 24px;margin:8px 0 22px;background:linear-gradient(145deg,#f0f9ff 0%,#eef2ff 48%,#f8fafc 100%);border:1px solid #e2e8f0}
.ipsi-hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ipsi-hero__blob{position:absolute;border-radius:50%;filter:blur(28px);opacity:.55}
.ipsi-hero__blob--a{width:220px;height:220px;background:#bae6fd;top:-60px;right:8%}
.ipsi-hero__blob--b{width:180px;height:180px;background:#c7d2fe;bottom:-50px;left:12%}
.ipsi-hero__eye{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#0369a1}
.ipsi-hero__title{margin:0 0 8px;font-size:clamp(24px,3.2vw,34px);font-weight:900;letter-spacing:-.03em;color:#0f172a;line-height:1.25}
.ipsi-hero__tag{margin:0 0 10px;font-size:16px;font-weight:700;color:#334155}
.ipsi-hero__desc{margin:0;max-width:54ch;font-size:14.5px;line-height:1.65;color:#475569}
.ipsi-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.ipsi-tab{appearance:none;border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .12s;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.ipsi-tab:hover{border-color:#93c5fd;background:#f0f9ff;color:#0369a1}
.ipsi-tab.is-on{background:#0ea5e9;border-color:#0284c7;color:#fff;box-shadow:0 6px 16px rgba(14,165,233,.25)}
.ipsi-tab:active{transform:scale(.98)}
.ipsi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0 0 28px}
.ipsi-card{position:relative;display:flex;flex-direction:column;border:1px solid #e8edf5;border-radius:16px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;text-decoration:none;color:inherit;min-height:100%}
.ipsi-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(15,23,42,.08);border-color:#bfdbfe}
/* thumbs are exactly 1280x720 — cover fills card media with zero crop */
.ipsi-card__img{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#fffbeb;display:block}
.ipsi-card__body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.ipsi-card__k{font-size:11px;font-weight:800;letter-spacing:.04em;color:#0284c7}
.ipsi-card__t{margin:0;font-size:15.5px;font-weight:800;line-height:1.4;color:#0f172a;letter-spacing:-.02em}
.ipsi-card__x{margin:0;font-size:13px;line-height:1.55;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ipsi-card__meta{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}
.ipsi-card__meta b{color:#0f172a;font-weight:800}
.ipsi-sec{margin:8px 0 28px}
.ipsi-sec__hd{margin:0 0 14px}
.ipsi-sec__eye{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#64748b}
.ipsi-sec__h{margin:0 0 6px;font-size:20px;font-weight:900;color:#0f172a;letter-spacing:-.02em}
.ipsi-sec__s{margin:0;font-size:14px;line-height:1.6;color:#64748b;max-width:60ch}
.ipsi-empty{padding:28px;text-align:center;color:#94a3b8;border:1px dashed #e2e8f0;border-radius:14px;background:#f8fafc}
.ipsi-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px}
.ipsi-tile{border:1px solid #e8edf5;border-radius:14px;padding:16px 14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}
.ipsi-tile:hover,.ipsi-tile.is-on{border-color:#7dd3fc;background:#f0f9ff;transform:translateY(-2px)}
.ipsi-tile__ic{font-size:22px;line-height:1;margin-bottom:8px}
.ipsi-tile__t{font-size:13.5px;font-weight:800;color:#0f172a;margin:0 0 4px}
.ipsi-tile__x{font-size:12px;color:#64748b;margin:0;line-height:1.45}
@media (max-width:900px){.ipsi-mosaic{grid-template-columns:repeat(2,1fr)}.ipsi-hero{padding:22px 18px}}
@media (max-width:520px){.ipsi-mosaic{grid-template-columns:1fr 1fr}.ipsi-grid{grid-template-columns:1fr}}
.sec--ipsi .blog-content u,.sec--ipsi .blog-content .ipsi-u{text-decoration:underline;text-decoration-color:#7dd3fc;text-underline-offset:3px;text-decoration-thickness:2px}
.sec--ipsi .blog-content figcaption{font-size:13px;color:#64748b;margin-top:6px;text-align:center}

/* bnwgold mobile-safe figures */
.sec--ipsi .blog-content .ipsi-fig{margin:18px 0;max-width:100%}
.sec--ipsi .blog-content .ipsi-fig img{width:100%!important;max-width:100%!important;height:auto!important;display:block;border-radius:14px}
.sec--ipsi .blog-content figcaption{font-size:13px;line-height:1.55;color:#334155;margin-top:8px;text-align:center;padding:0 8px}
.sec--ipsi .blog-content .ipsi-yt{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;margin:16px 0}
.sec--ipsi .blog-content .ipsi-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
@media (max-width:640px){
  .sec--ipsi .blog-content figcaption{font-size:12.5px;text-align:left}
  .sec--ipsi .blog-content h3{font-size:1.05rem;line-height:1.45}
}