/*
Theme Name:  KOC 2025 Child
Template:    twentytwentyfive
Description: KOREA ON CUE 구조 차일드 테마 — 와이어프레임 v0.2.1의 구조·시맨틱만. 최종 비주얼은 HOLD.
Version:     0.1.0
Requires PHP: 8.1
Text Domain: koc-2025-child
*/

/* 저충실도 구조 스타일 — 그레이스케일, 계약의 측정치만 반영 */

.koc-eyebrow { font-size: 0.75rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin: 0 0 .6em; }
.koc-deck { font-size: 1.2rem; max-width: 48rem; }
.koc-byline { font-size: .85rem; color: #555; }
.koc-status-badge { display: inline-block; border: 1px solid currentColor; padding: .1em .5em; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; }
.koc-status-badge.is-update { color: #8a5a00; }

.koc-update-banner { border: 1px solid #c8862f; border-left-width: 5px; background: #fdf3e4; padding: 1rem 1.2rem; margin: 1rem 0; }
.koc-update-banner strong { display: block; text-transform: uppercase; font-size: .75rem; letter-spacing: .05em; color: #8a5a00; }

.koc-hero img { width: 100%; height: auto; }

.koc-fact-strip { display: flex; flex-wrap: wrap; border: 1px solid #bbb; background: #fff; margin: 1.2rem 0; }
.koc-fact { flex: 1 1 9rem; padding: .8rem 1rem; border-right: 1px solid #ddd; min-width: 8rem; }
.koc-fact:last-child { border-right: 0; }
.koc-fact-label { display: block; font-size: .65rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #666; }
.koc-fact-value { display: block; margin-top: .3rem; font-weight: 600; font-size: .9rem; }

.koc-cue-card, .koc-route-card { border: 1px solid #bbb; background: #fff; padding: 1.2rem 1.4rem; margin: 1.4rem 0; }
.koc-cue-card ul { list-style: none; margin: 0; padding: 0; }
.koc-cue-card li { padding: .5rem 0; border-top: 1px solid #e2e2e2; font-size: .9rem; }
.koc-cue-card li:first-child { border-top: 0; }
.koc-summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.koc-summary-item span { display: block; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; color: #666; }
.koc-summary-item strong { display: block; margin-top: .2rem; }

.koc-timeline { list-style: none; margin: 0; padding: 0 0 0 1.6rem; border-left: 2px solid #333; }
.koc-stop { position: relative; padding: 0 0 1.8rem; }
.koc-stop::before { content: ""; position: absolute; left: -2.05rem; top: .35rem; width: .75rem; height: .75rem; background: #fff; border: 2px solid #333; border-radius: 50%; }
.koc-stop-time { font-size: .8rem; font-weight: 700; margin: 0 0 .2rem; }
.koc-stop h3 { margin: 0 0 .3rem; }
.koc-stop-note, .koc-stop-meta { font-size: .8rem; color: #555; margin: .2rem 0 0; }

.koc-backup { border: 1px solid #c8862f; border-left-width: 5px; background: #fdf3e4; padding: 1.2rem 1.4rem; margin: 1.4rem 0; }
.koc-backup dl { display: grid; grid-template-columns: minmax(7rem, auto) 1fr; gap: .4rem .9rem; margin: 0; }
.koc-backup dt { font-weight: 700; font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: #7a5a20; }
.koc-backup dd { margin: 0; font-size: .9rem; }
@media (max-width: 600px) { .koc-backup dl { grid-template-columns: 1fr; } }

.koc-verified-note { border: 1px solid #718999; border-left-width: 4px; background: #f2f6f8; padding: 1rem 1.2rem; margin: .8rem 0; font-size: .95rem; }
.koc-note-label { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #4d6b7d; margin-bottom: .3rem; }
.koc-note-source { display: block; margin-top: .5rem; font-size: .78rem; color: #555; }

.koc-cast-role { font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.koc-disclosure-box { border: 1px solid #333; background: #fff; padding: 1rem 1.2rem; margin: 1rem 0; max-width: 44rem; font-size: .95rem; }
.koc-cast-questions ul { list-style: none; margin: 0; padding: 0; }
.koc-cast-questions li { padding: .6rem 0; border-top: 1px solid #ddd; }
.koc-voice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 600px) { .koc-voice-grid { grid-template-columns: 1fr; } }
.koc-voice-box { border: 1px solid #bbb; background: #fff; padding: 1rem; font-size: .9rem; }
.koc-cast-disclosure p { font-size: .85rem; color: #555; }