/* nb-skin.css — NB Fun Tools (nb21.mhna98.com) 사이트 전용 스킨. 생성: _shared/skins/make_skins.py — 직접 고치지 말고 생성기를 고친다 */
/* 콘셉트: 파티 — 장난스러운 손글씨 제목 + 브루탈 카드 + 사선 무늬 | hero=center card=brutal sect=thick win=chart motif=diag */
:root { --sk-head: "Yeon Sung", Pretendard, "Malgun Gothic", sans-serif; --sk-r: 22px; }
html:not([data-theme="light"]) { --dark: #0d060b; }
.hero h1, .tools-head h2, .channel-hub > h2, .ws-head h3, .site-blueprint h2, .brand strong, .ft-brand strong, main.latest-posts > article > h1, main.latest-posts > article h2, .affiliate-deals .section-head > span, .latest-posts > .section-head > span, .blog-thumb strong, .nbp-win b { font-family: var(--sk-head) !important; }
.hero h1, .tools-head h2, .channel-hub > h2, main.latest-posts > article > h1, .blog-thumb strong { font-weight: 400 !important; letter-spacing: -0.01em !important; }
html:not([data-theme="light"]) body { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--text), transparent 95%) 0 1px, transparent 1px 16px), radial-gradient(1100px 520px at 85% -5%, color-mix(in srgb, var(--brand), transparent 80%), transparent 60%), var(--dark) !important; }
html[data-theme="light"] body { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--text), transparent 95%) 0 1px, transparent 1px 16px), radial-gradient(1100px 520px at 85% -5%, color-mix(in srgb, var(--brand), transparent 86%), transparent 60%), #f5f6f9 !important; }
body:has(.site-header) :is(.latest-posts, .channel-hub, .tools-section, .affiliate-deals) { border-radius: calc(var(--sk-r) + 6px) !important; }
body .tool-grid > .tool-card, body .blog-mini, body .workspace-panel { border-radius: var(--sk-r) !important; }
body .hero .hero-grid { grid-template-columns: minmax(0, 1fr) !important; text-align: center; gap: 30px; }
body .hero .hero-copy { max-width: 820px; margin: 0 auto; }
body .hero .hero-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
body .hero .hero-actions, body .hero .hero-stats { justify-content: center; }
body .hero .hero-art { width: min(100%, 980px); margin: 0 auto; min-height: 330px; }
/* 브루탈: 굵은 테두리 + 단단한 그림자 */
body .tool-grid > .tool-card {
  border: 2px solid color-mix(in srgb, var(--text), transparent 25%) !important;
  box-shadow: 5px 5px 0 var(--brand) !important; background: var(--panel-2) !important;
}
body .tool-grid > .tool-card:hover { transform: translate(-2px, -2px) !important; box-shadow: 8px 8px 0 var(--brand) !important; }
body .tool-grid > .tool-card.is-active { background: color-mix(in srgb, var(--brand), transparent 80%) !important; }
@media (max-width: 640px) { body .tool-grid > .tool-card { box-shadow: 3px 3px 0 var(--brand) !important; } }
/* 굵은 테두리 섹션 + 단단한 그림자 */
body:has(.site-header) :is(.latest-posts, .channel-hub, .tools-section, .affiliate-deals) {
  border: 2px solid color-mix(in srgb, var(--text), transparent 72%) !important;
  box-shadow: 8px 8px 0 color-mix(in srgb, var(--brand), transparent 55%) !important;
}
body:has(.site-header) .tools-section::before { display: none !important; }
@media (max-width: 640px) { body:has(.site-header) :is(.latest-posts, .channel-hub, .tools-section, .affiliate-deals) { box-shadow: 4px 4px 0 color-mix(in srgb, var(--brand), transparent 55%) !important; } }
/* 차트: 막대 + 기준선 */
.nbp-art .nbp-bars { background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--text), transparent 92%) 0 1px, transparent 1px 22px); }
.nbp-art .nbp-bars span { opacity: 0.8; }
.hero .eyebrow { transform: rotate(-3deg); }
body .hero .hero-grid h1 { letter-spacing: 0 !important; }
@media (prefers-reduced-motion: reduce) { .nbp-art .nbp-rows::before, .hero .eyebrow::before { animation: none !important; } }
html.perf-lite .nbp-art .nbp-rows::before, html.perf-lite .hero .eyebrow::before { animation: none !important; }