/* index.html 페이지 전용 — 퍼블 원본 head <style> 그대로(변환 누락분 2026-10-02) */
.index-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.index-hub-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s}
.index-hub-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cfe0dd}
.index-hub-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e5eae8}
.index-hub-card img.fit{object-fit:contain;background:#fafbfa;padding:12px}
.index-hub-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.index-hub-body strong{font-size:17px;letter-spacing:-.04em}
.index-hub-body span{font-size:12.5px;line-height:1.7;color:var(--muted);flex:1}
.index-hub-body em{font-style:normal;font-size:11px;font-weight:900;color:var(--brand-2)}
.index-cta-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.index-quick-note{margin-top:14px}
.index-lineup .dtable caption{padding:7px 2px 12px;line-height:1.5}
@media(max-width:1060px){.index-hub{grid-template-columns:1fr 1fr}.index-units .unit-card figure{height:300px}}
@media(max-width:720px){.index-hub{grid-template-columns:1fr}.index-cta-btns .btn{width:100%}.index-units .unit-card figure{height:260px}}