/* ═══════════════ 퍼블 공통 — 리셋 · 타이포 · 공용 조각 ═══════════════ */

/* 베이스 */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: var(--ink); background: var(--bg);
}
section { position: relative; overflow: hidden; }

/* 공용: 섹션 킥커 라벨 */
.kicker {
    display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 1.6px;
    color: var(--accent); margin-bottom: 18px;
}

/* 공용: 타일 */
.tile {
    background: var(--surface); border-radius: var(--r-lg);
    box-shadow: var(--shadow-rest);
    transition: transform 0.25s, box-shadow 0.25s;
}

/* 공용: 에러 배너 (_pub_error.html) */
.pub-error {
    background: #FEF2F2; border: 1.5px solid #FECACA; color: #B91C1C;
    border-radius: 10px; padding: 12px 16px;
    font-size: 14px; font-weight: 600; margin-bottom: 18px;
}