/* ══════════════════════════════════════════════════════════════
   표쌤코딩 메인 홈 — 밝고 친근·둥근 교육 브랜드 재스킨 (오버라이드)
   ▸ 맨 마지막 로드. 기존 CSS/JS/마크업 무수정, 스킨만 덮어씀.
   ▸ 로고색: 로열 블루 #194A98 + 골드 옐로우 #FFDD2B.
   ▸ 방향: '테크(모노·격자·샤프)' 제거 → 밝은 화이트/소프트블루 + 둥근 모서리
           + 알약 버튼 + 부드러운 그림자 + 경쾌한 브랜드 컬러.  그라디언트 금지.
   ══════════════════════════════════════════════════════════════ */

:root{
  --pw-accent:#2E6BD6; --pw-accent-ink:#1F55BC; --pw-accent-soft:#E9F1FE;   /* 브랜드 블루(밝게) */
  --pw-blue-bright:#3E82F0;                                                   /* 더 밝은 보조 블루 */
  --pw-yellow:#FFDD2B; --pw-yellow-soft:#FFF7D1; --pw-yellow-hi:#FFEC9E;      /* 브랜드 옐로우 */
  --pw-ink:#20293A; --pw-ink-2:#5B6A82; --pw-ink-3:#94A1B5;
  --pw-sky:#7FC9E4; --pw-sky-2:#A9DCEE;                                       /* 리플렛 스카이 블루 */
  --pw-paper:#FFFFFF; --pw-soft:#E9F6FB; --pw-soft-2:#DBEFF7;                  /* 스카이 톤 배경 */
  --pw-line:#E1EEF4; --pw-line-2:#CFE5EF;
  --pw-r:18px; --pw-r-sm:12px; --pw-pill:999px;
  --pw-shadow:0 12px 30px rgba(25,74,152,.09);
  --pw-shadow-lg:0 20px 44px -14px rgba(25,74,152,.20);

  /* 기존 style.css :root 토큰 재정의 */
  --bg:#FFFFFF; --bg-soft:#F4F8FF; --surface:#FFFFFF; --surface-strong:#FFFFFF;
  --line:#E7EDF6; --text:#20293A; --muted:#5B6A82;
  --primary:#2E6BD6; --primary-strong:#1F55BC; --accent:#2E6BD6; --violet:#2E6BD6;
  --shadow:0 12px 30px rgba(25,74,152,.09);
  --radius-xl:20px; --radius-lg:18px; --radius-md:14px;
}

/* 쿨 그라디언트 배경 제거 → 밝은 화이트 */
body{ background:var(--pw-paper) !important; color:var(--pw-ink); font-family:"Pretendard Variable",Pretendard,-apple-system,"Noto Sans KR",sans-serif !important; }

/* ── 네비 (밝게, 알약 링크) ── */
.navbar{ background:rgba(255,255,255,.9) !important; border-bottom:1px solid var(--pw-line) !important; }
.nav-brand .nav-logo{ background:var(--pw-accent) !important; color:#fff !important; box-shadow:none !important; border-radius:12px !important; }
.nav-title strong{ color:var(--pw-ink) !important; }
.nav-title small{ color:var(--pw-ink-3) !important; }
.nav-right-menu .nav-pill{ color:#2A3547 !important; border-radius:var(--pw-pill) !important; font-weight:700 !important; }
.nav-right-menu .nav-pill:hover{ background:var(--pw-accent-soft) !important; border-color:transparent !important; color:var(--pw-accent) !important; }
/* 디지털 학습지 — .nav-right-menu .nav-pill 회색보다 우선하도록 같은 specificity로 지정 */
.nav-right-menu .nav-pill-worksheet{ background:var(--pw-accent) !important; color:#fff !important; box-shadow:none !important; font-weight:800 !important; border-color:transparent !important; }
.nav-right-menu .nav-pill-worksheet:hover{ filter:none !important; background:var(--pw-blue-bright) !important; color:#fff !important; }
.nav-toggle{ border-color:var(--pw-line-2) !important; background:#fff !important; border-radius:12px !important; }
.nav-toggle span{ background:var(--pw-accent) !important; }

/* ══ 히어로 — 밝은 소프트블루 배경 + 친근한 타이포 ══ */
.pw-hero{ position:relative; overflow:hidden; padding:96px 0 84px; background:linear-gradient(180deg,var(--pw-soft-2) 0%,var(--pw-soft) 46%,#fff 100%); border-bottom:1px solid var(--pw-line); }
.pw-hero-grid{ position:relative; z-index:1; }
.pw-hero-copy{ max-width:880px; }
.pw-eyebrow{ display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; background:#fff; border:1px solid var(--pw-line-2); padding:7px 14px 7px 10px; border-radius:var(--pw-pill); box-shadow:var(--pw-shadow); }
.pw-eyebrow-rule{ width:9px; height:9px; border-radius:50%; background:var(--pw-yellow); }
.pw-eyebrow-txt{ font-size:.78rem; font-weight:800; letter-spacing:.02em; color:var(--pw-accent); }
.pw-hero-title{ font-size:clamp(2.3rem,5.2vw,4rem); line-height:1.18; letter-spacing:-.02em; font-weight:900; color:var(--pw-ink); margin:0 0 22px; }
.pw-hl{ color:var(--pw-accent); background:linear-gradient(transparent 55%, var(--pw-yellow-hi) 55%); padding:0 .08em; border-radius:6px; }
.pw-hero-sub{ font-size:1.12rem; color:var(--pw-ink-2); line-height:1.85; max-width:620px; margin:0 0 34px; }
.pw-hero-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:32px; }
.pw-hero-chips{ display:flex; gap:9px; flex-wrap:wrap; align-items:center; }
.pw-hero-chips span{ font-size:.82rem; font-weight:700; color:var(--pw-ink-2); border:1px solid var(--pw-line-2); border-radius:var(--pw-pill); padding:7px 15px; background:#fff; }
.pw-hero-chips span.kw{ color:var(--pw-accent) !important; border-color:transparent !important; background:var(--pw-accent-soft) !important; }

/* ── 버튼 (알약) ── */
.btn-primary{ background:var(--pw-accent) !important; color:#fff !important; border:1px solid transparent !important; border-radius:var(--pw-pill) !important; box-shadow:0 8px 18px -6px rgba(25,74,152,.45) !important; font-weight:800 !important; padding:14px 26px !important; transition:background .16s,transform .16s,box-shadow .16s !important; }
.btn-primary:hover{ background:var(--pw-blue-bright) !important; transform:translateY(-2px) !important; box-shadow:0 12px 24px -6px rgba(25,74,152,.5) !important; }
.btn-ghost{ background:#fff !important; color:var(--pw-accent) !important; border:1.5px solid var(--pw-line-2) !important; border-radius:var(--pw-pill) !important; box-shadow:none !important; font-weight:800 !important; padding:14px 24px !important; }
.btn-ghost:hover{ border-color:var(--pw-accent) !important; background:var(--pw-accent-soft) !important; transform:translateY(-2px) !important; }

/* ── 섹션 헤더 (친근, 배지형 eyebrow) ── */
.section-eyebrow{ margin-bottom:16px !important; }
.section-eyebrow.center{ justify-content:center !important; }
.eyebrow-line{ display:none !important; }
.eyebrow-text{ display:inline-block; background:var(--pw-accent-soft) !important; color:var(--pw-accent) !important; font-weight:800 !important; letter-spacing:.04em !important; font-size:.74rem !important; padding:7px 15px !important; border-radius:var(--pw-pill) !important; }
.section-headline{ color:var(--pw-ink) !important; font-weight:900 !important; letter-spacing:-.02em !important; line-height:1.35 !important; }
/* 강조 단어 → 브랜드 블루 + 옐로우 하이라이터 (경쾌) */
.section-headline .grad,.grad{
  -webkit-text-fill-color:var(--pw-accent) !important; color:var(--pw-accent) !important;
  background:linear-gradient(transparent 56%, var(--pw-yellow-hi) 56%) !important;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
  padding:0 .06em; border-radius:6px;
}
.section-lead{ color:var(--pw-ink-2) !important; }

/* ── 카드 (둥글게·부드럽게·살짝 떠오르는 호버) ── */
.business-card,.about-card,.program-card,.content-card,
.blog-card,.review-card,.contact-info-card,
.program-grid>*,.content-grid>*,.store-grid>*,.blog-grid>*{
  border-radius:var(--pw-r) !important; border:1px solid var(--pw-line) !important;
  background:#fff !important; box-shadow:var(--pw-shadow) !important; backdrop-filter:none !important;
}
.business-card:hover,.about-card:hover,.program-card:hover,.content-card:hover,
.blog-card:hover,.review-card:hover{
  transform:translateY(-6px) !important; border-color:var(--pw-line-2) !important; box-shadow:var(--pw-shadow-lg) !important;
}
.about-card::before{ display:none !important; }

/* 비즈니스 3카드 */
.business-card-hero{ border-radius:var(--pw-r) var(--pw-r) 0 0 !important; }
.business-num{ background:var(--pw-yellow) !important; color:var(--pw-accent-ink) !important; }
.business-card-label{ color:var(--pw-accent) !important; font-weight:800 !important; }
.business-card h3{ color:var(--pw-ink) !important; }
.business-card p{ color:var(--pw-ink-2) !important; }
.business-card-link{ color:var(--pw-accent) !important; font-weight:800; }
.accent-slate{ --accent:#2E6BD6 !important; --accent-soft:rgba(46,107,214,.10) !important; }
.accent-amber{ --accent:#3E82F0 !important; --accent-soft:rgba(62,130,240,.11) !important; }
.accent-sage{ --accent:#1F55BC !important; --accent-soft:rgba(31,85,188,.10) !important; }
.content-card-title,.program-card-title{ color:var(--pw-ink) !important; }
.content-card-desc,.program-card-desc{ color:var(--pw-ink-2) !important; }
.content-card-meta,.program-card-meta{ color:var(--pw-ink-3) !important; }

/* ── 탭 (알약) ── */
.tab-btn{ border-radius:var(--pw-pill) !important; color:var(--pw-ink-2) !important; font-weight:700 !important; }
.tab-btn.active{ background:var(--pw-accent) !important; color:#fff !important; box-shadow:0 6px 14px -5px rgba(25,74,152,.5) !important; }

/* ── 디지털 학습지 / 스토어 CTA 패널 — 밝은 브랜드 블루 ── */
.worksheet-section .store-cta-panel,#store .store-cta-panel{ background:var(--pw-accent) !important; color:#fff !important; border:none !important; border-radius:var(--pw-r) !important; box-shadow:var(--pw-shadow-lg) !important; }
.store-cta-panel .store-cta-text h3{ color:#fff !important; }
.store-cta-panel .store-cta-text p{ color:rgba(255,255,255,.82) !important; }
.store-cta-badge{ background:rgba(255,255,255,.18) !important; color:#fff !important; border-radius:var(--pw-pill) !important; font-weight:700; }
.store-cta-button{ background:var(--pw-yellow) !important; color:var(--pw-accent-ink) !important; border-radius:var(--pw-pill) !important; box-shadow:none !important; font-weight:800 !important; }
.store-cta-button:hover{ background:#FFE873 !important; transform:translateY(-2px) !important; }
.store-cta-button--alt{ background:rgba(255,255,255,.14) !important; color:#fff !important; border:1.5px solid rgba(255,255,255,.55) !important; }
.store-cta-button--alt:hover{ background:rgba(255,255,255,.24) !important; }
.store-bulk-notice{ border-radius:var(--pw-r) !important; border:1px solid var(--pw-line) !important; background:var(--pw-soft) !important; box-shadow:none !important; }
.store-bulk-icon{ color:var(--pw-accent) !important; }
.store-bulk-link{ color:var(--pw-accent) !important; font-weight:800; }

/* 스마트스토어 상품 카드 (store-feed.js 주입 · 노출 유지) */
.store-card{ overflow:hidden !important; transition:transform .16s,box-shadow .16s !important; }
.store-card:hover{ transform:translateY(-6px) !important; box-shadow:var(--pw-shadow-lg) !important; }
.store-card-thumb{ border-radius:var(--pw-r) var(--pw-r) 0 0 !important; background:var(--pw-soft) !important; }
.store-card-body h3{ color:var(--pw-ink) !important; }
.store-card-soldout{ background:var(--pw-accent) !important; color:#fff !important; border-radius:var(--pw-pill) !important; }

/* ── 블로그 ── */
.blog-loading{ color:var(--pw-ink-3) !important; }
.blog-cta-row .btn-ghost{ color:var(--pw-accent) !important; }

/* ── 리뷰 (친근) ── */
.reviews-section{ background:var(--pw-soft) !important; }
.review-stars{ color:var(--pw-yellow) !important; }
.review-quote{ color:var(--pw-ink) !important; }
.review-info strong{ color:var(--pw-ink) !important; }
.review-info span{ color:var(--pw-ink-3) !important; }
.review-avatar{ background:var(--pw-accent) !important; }
.reviews-grid .review-card:nth-child(2) .review-avatar{ background:var(--pw-yellow) !important; color:var(--pw-accent-ink) !important; }
.reviews-grid .review-card:nth-child(3) .review-avatar{ background:var(--pw-blue-bright) !important; }

/* ── 문의 ── */
.contact-info-card{ border-radius:var(--pw-r) !important; }
.contact-info-icon{ border-radius:14px !important; }
.contact-info-icon.icon-blue{ background:var(--pw-accent-soft) !important; color:var(--pw-accent) !important; }
.contact-info-icon.icon-purple{ background:var(--pw-yellow-soft) !important; color:#A57A00 !important; }
.contact-info-icon.icon-green{ background:var(--pw-accent-soft) !important; color:var(--pw-accent) !important; }
.contact-info-icon.icon-orange{ background:var(--pw-yellow-soft) !important; color:#A57A00 !important; }
.contact-info-row strong{ color:var(--pw-ink) !important; }
.contact-info-row span{ color:var(--pw-ink-2) !important; }
.contact-map iframe{ border-radius:var(--pw-r) !important; }
.contact-cta{ border-radius:var(--pw-pill) !important; }

/* 디지털 학습지 버튼 레이아웃 (기존 인라인에서 이관) */
.worksheet-cta-buttons{ display:flex; flex-wrap:wrap; gap:12px; }
.worksheet-section .store-cta-button{ display:inline-flex; align-items:center; gap:8px; }

/* ── 푸터 ── */
.site-footer{ background:var(--pw-soft) !important; border-top:1px solid var(--pw-line) !important; }
.site-footer a{ color:var(--pw-ink-2) !important; font-weight:600; }
.site-footer a:hover{ color:var(--pw-accent) !important; }
.footer-copy,.footer-info p{ color:var(--pw-ink-3) !important; }

@media(max-width:860px){ .pw-hero{ padding:60px 0 52px; } }

/* ══ AI 티 감소: 영어 대문자 라벨 제거 + 아이콘 절제 ══ */
.sec-label,.eyebrow,.eyebrow-text,.section-eyebrow,.pick-label,.banner-label,
.section-header .label,.section-eyebrow .eyebrow-text{ display:none !important; }
.ic-in{ display:none !important; }

/* ══ AI 티 제거: 가짜 후기 숨김 + 스톡 사진 제거 ══ */
.reviews-section{ display:none !important; }             /* ○○ 가짜 후기 → 실제 후기 생기면 해제 */
.business-card-hero img{ display:none !important; }       /* Unsplash 스톡 제거 */
.business-card-hero{ background:linear-gradient(160deg,var(--pw-accent),#2358B8) !important; min-height:130px; display:flex !important; align-items:center; justify-content:center; }
.business-num{ font-size:2rem !important; }

/* ══ 사업분야/제품 카드: 실제 표쌤 이미지 다시 표시 (앞의 스톡제거 규칙 취소) ══ */
.business-card-hero{ background:none !important; min-height:170px !important; display:block !important; position:relative; overflow:hidden; }
.business-card-hero img{ display:block !important; width:100% !important; height:100% !important; min-height:170px; object-fit:cover !important; }
.business-num{ font-size:1.5rem !important; }

/* ══ 사업분야·문의 카드: 교재/교구 사진 대신 아이콘+브랜드 패널 (제품소개만 실제 제품사진 유지) ══ */
.business-card-hero.biz-iconhero{ background:linear-gradient(160deg,var(--pw-accent-soft) 0%,#DCEAFC 100%) !important; display:flex !important; align-items:center; justify-content:center; min-height:170px !important; }
.biz-hero-ic{ width:58px; height:58px; color:var(--pw-accent); }