/* process-info.html 전용 — dot-grid / module-grid / footer:split */
:root {
  --color-primary: hsl(297 44% 26%);
  --color-secondary: hsl(297 30% 42%);
  --color-accent: hsl(87 52% 48%);
  --color-bg: hsl(297 32% 96%);
  --color-surface: #FFFFFF;
  --color-text: hsl(297 26% 13%);
  --color-text-muted: hsl(297 15% 37%);
  --color-border: hsl(297 30% 20% / 0.14);
  --font-display: 'IBM Plex Sans KR', sans-serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.kw-hero--dot-grid { background-image: radial-gradient(hsl(297 30% 20% / 0.14) 1.6px, transparent 1.6px); background-size: 18px 18px; }
.kw-hero--dot-grid h1 { color: var(--color-primary); }


.kw-modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.kw-module { padding: var(--space-4); border-radius: var(--radius-sm); background: var(--color-surface); border: 1px solid var(--color-border); position: relative; }
.kw-module::before { content: ''; position: absolute; top: 0; left: 0; width: 28px; height: 4px; background: var(--color-accent); }
.kw-module h3 { margin-bottom: var(--space-2); font-size: var(--fs-base); }
.kw-module p { color: var(--color-text-muted); font-size: var(--fs-sm); }
@media (max-width: 860px) { .kw-modules { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .kw-modules { grid-template-columns: 1fr; } }


.footer--split .footer-grid { grid-template-columns: 1.2fr 1fr; }
.footer--split .footer-grid > div:nth-child(2) { order: 3; }
.footer--split .footer-grid > div:nth-child(3) { order: 4; }
.footer--split .footer-biz { order: 2; }
@media (max-width: 780px) { .footer--split .footer-grid { grid-template-columns: 1fr; } }

.kw-imgset { display: flex; justify-content: center; align-items: flex-end; gap: var(--space-4); flex-wrap: wrap; margin: 0 auto; max-width: 760px; }
.kw-imgset figure { margin: 0; width: 260px; text-align: center; }
.kw-imgset img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: var(--radius-md); display: block; }
.kw-imgset figcaption { margin-top: var(--space-2); font-size: var(--fs-sm); letter-spacing: 0.1em; color: var(--color-accent); font-weight: 600; }
