/* 먹댕 공통 브랜드 레이어: 서비스별 기능은 달라도, 한 집에서 온 화면처럼 보이게 한다. */
:root{
  --md-paper:#fbf8f4;
  --md-surface:#fffdf9;
  --md-ink:#2d211b;
  --md-muted:#746860;
  --md-line:#e7ddd4;
  --md-coral:#d8482f;
  --md-coral-wash:#fff0ea;
  --md-action:#30261f;
  --md-width:960px;
}
html,body{background:var(--md-paper)!important;color:var(--md-ink)!important;}
body{font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif!important;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--md-coral)!important;outline-offset:3px!important;}
/* 공통 상단: 장식이 아니라 길을 알려 주는 얇은 기준선 */
.px-topbar,.topbar,.top-nav,.gnav{background:rgba(251,248,244,.96)!important;border-bottom:1px solid var(--md-line)!important;box-shadow:none!important;}
.px-topbar-inner,.topbar-inner{max-width:var(--md-width)!important;min-height:64px!important;margin:0 auto!important;padding-left:24px!important;padding-right:24px!important;}
.px-topbar a,.topbar a,.top-nav a,.gnav a{color:var(--md-ink)!important;border-radius:0!important;}
.px-topbar a:hover,.topbar a:hover,.top-nav a:hover,.gnav a:hover{color:var(--md-coral)!important;background:transparent!important;}
/* 서비스의 핵심 행동만 짙게, 나머지는 종이 위의 읽기 흐름으로 */
.px-btn,.btn-primary,.search-btn,.search-button,button[type='submit']{border-radius:0!important;background:var(--md-action)!important;color:#fff!important;box-shadow:none!important;}
.px-btn:hover,.btn-primary:hover,.search-btn:hover,.search-button:hover,button[type='submit']:hover{background:var(--md-coral)!important;}
.px-card,.card,.form-card,.result-card{border-radius:0!important;box-shadow:none!important;border-color:var(--md-line)!important;}
/* 페이지 제목과 본문의 온도를 고정한다. 서비스 특유의 판정색은 보존한다. */
h1,h2,h3{color:var(--md-ink)!important;letter-spacing:-.045em!important;}
p,.sub,.muted{color:var(--md-muted)!important;}
/* 각 서비스의 첫 장면은 같은 리듬으로 시작한다: 작은 맥락 → 큰 질문 → 한 가지 행동. */
#hero,.d-index-hero,.hero.px-hero-block{background:transparent!important;border-radius:0!important;box-shadow:none!important;border-bottom:2px solid var(--md-action)!important;}
#hero h1,.d-index-hero h1,.hero.px-hero-block h1{max-width:18ch!important;line-height:1.12!important;}
.search,.d-search-box,.form-card{background:transparent!important;border-radius:0!important;box-shadow:none!important;}
.search,.d-search-box{border-width:0 0 1px!important;border-color:var(--md-line)!important;}
/* 반복 카드 묶음은 타일이 아니라 차분한 목록으로 읽힌다. */
.ge-card,.d-card,.d-pop-card,.service-tab,.cpw-card{border-radius:0!important;box-shadow:none!important;border-color:var(--md-line)!important;}
.ge-card:hover,.d-card:hover,.d-pop-card:hover{background:var(--md-coral-wash)!important;transform:none!important;}
.d-search-chip,.search-help a{border-radius:0!important;}
/* 사주는 신비한 장식보다 보호자가 읽을 수 있는 편지를 택한다. */
.result-section .px-card,.result-section>div>.px-card{background:transparent!important;border-color:var(--md-line)!important;}
.service-tab.active{box-shadow:inset 0 -3px 0 var(--md-coral)!important;background:var(--md-coral-wash)!important;}
/* 제품군 공통 셸: 같은 좌우 폭과 3단계(맥락·질문·행동)만 사용한다. */
.human-start,.d-index-hero,#hero,.hero.px-hero-block{max-width:var(--md-width)!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;}
.human-start .eyebrow,.d-index-hero .eyebrow,#hero .eyebrow,.hero.px-hero-block .eyebrow{color:var(--md-coral)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;}
.md-global-nav{display:flex;align-items:center;gap:2px;margin-left:auto;}
.md-global-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 11px;color:var(--md-ink)!important;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:-.025em;}
.md-global-nav a:hover,.md-global-nav a.active{color:var(--md-coral)!important;background:transparent!important;}
.md-global-nav a.active{box-shadow:inset 0 -2px 0 var(--md-coral);}
/* 서브서비스 로고를 따로 키우지 않는다. 같은 먹댕 안에서, 기능만 작은 말로 구분한다. */
.topbar .brand>.wordmark-brand,.topbar .brand>.endorser{display:none!important;}
.topbar .brand::before{content:'먹댕';color:var(--md-coral);font-size:27px;font-weight:900;letter-spacing:-.11em;line-height:1;}
.topbar .brand::after{content:'음식 안전';margin-left:12px;padding-left:12px;border-left:1px solid var(--md-line);color:var(--md-muted);font-size:12px;font-weight:700;letter-spacing:-.02em;}
.px-topbar .px-brand.saju-shell>.wordmark{display:none!important;}
.px-topbar .px-brand.saju-shell::before{content:'먹댕';color:var(--md-coral);font-size:27px;font-weight:900;letter-spacing:-.11em;line-height:1;}
.px-topbar .px-brand.saju-shell .endorser{display:none!important;}
.px-topbar .px-brand.saju-shell::after{content:'사주 이야기';margin-left:12px;padding-left:12px;border-left:1px solid var(--md-line);color:var(--md-muted);font-size:12px;font-weight:700;letter-spacing:-.02em;}
.gnav-brand .endorser{margin-left:12px;padding-left:12px;border-left:1px solid var(--md-line);color:var(--md-muted);font-size:12px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;}
@media(max-width:1023px){.md-global-nav{display:none!important;}}
@media (max-width:700px){.px-topbar-inner,.topbar-inner,.human-start,.d-index-hero,#hero,.hero.px-hero-block{padding-left:16px!important;padding-right:16px!important;}}
@media (max-width:700px){
  .px-topbar,.topbar,.top-nav,.gnav{padding-left:16px!important;padding-right:16px!important;}
}