/* ===== 무료 도구함 (/tools/…) — nc-kb.css 와 함께 로드 ===== */
.nc-tool-hero { padding: 40px 0 44px; }
.nc-tool-hero h1 { font-size: clamp(26px, 3vw, 34px); }
.nc-tool { background: var(--nc-mist); padding: 36px 0 56px; }
.nc-tool-body { color: var(--nc-ink); }
.nc-tool-body .fx-note { color: var(--nc-sub); }

/* 다른 도구 */
.nc-tool-more { background: var(--nc-mist); border-top: 1px solid var(--nc-line); padding: 40px 0 64px; }
.nc-tool-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.nc-tool-card { display: block; background: #fff; border: 1px solid var(--nc-line); border-radius: 6px; padding: 18px 20px; color: var(--nc-ink); }
.nc-tool-card:hover { border-color: var(--nc-navy); text-decoration: none; }
.nc-tool-card strong { display: block; font-size: 16px; }
.nc-tool-card:hover strong { color: var(--nc-navy); }
.nc-tool-card span { display: block; font-size: 13.5px; color: var(--nc-sub); margin-top: 4px; line-height: 1.55; }
.nc-tool-card.is-new strong::after { content: "NEW"; font-family: var(--nc-mono); font-size: 10.5px; font-weight: 700; color: #1b1405; background: var(--nc-gold); border-radius: 3px; padding: 1px 5px; margin-left: 6px; vertical-align: 2px; }

/* 도구함 첫 화면 */
.nc-tools-hub .nc-tool-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.nc-tools-hub .nc-tool-card { padding: 22px 22px 20px; }
.nc-tools-hub .nc-tool-card strong { font-size: 17.5px; }

@media (max-width: 560px) {
    .nc-tool-hero { padding: 32px 0 36px; }
    .nc-tool { padding: 24px 0 40px; }
}