/* Marchive Direction Unified v1.0.0
   '즐기는 나' 화면을 기준으로 모든 대분류에 동일 적용 */

.mss-page-direction .mss-shell{
  width:100%;
  max-width:none;
  margin:0;
  display:block;
}

.mss-page-direction .mss-main{
  width:100%;
}

.mdr-direction,
.mdr-direction *{box-sizing:border-box}

.mdr-direction{
  width:100%;
  margin:0;
  padding:58px 18px 44px;
  background:#fff;
  color:#282720;
}

.mdr-inner{
  width:min(1200px,100%);
  margin:0 auto;
}

.mdr-hero{
  min-height:218px;
  padding:31px 42px 27px;
  border:1px solid rgba(110,103,78,.14);
  background:rgba(255,255,255,.94);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.mdr-kicker{
  margin:0 0 10px;
  color:#998a5f;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.12em;
}

.mdr-title{
  margin:0;
  color:#25241f;
  font-size:clamp(38px,3.4vw,48px);
  line-height:1.08;
  font-weight:760;
  letter-spacing:-.065em;
  word-break:keep-all;
}

.mdr-intro{
  max-width:850px;
  margin:12px 0 0;
  color:#625e54;
  font-size:14px;
  line-height:1.7;
  word-break:keep-all;
}

.mdr-emotion{
  margin:13px 0 0;
  color:#92815a;
  font-size:clamp(18px,1.5vw,22px);
  line-height:1.45;
  font-weight:700;
  letter-spacing:-.04em;
  word-break:keep-all;
}

.mdr-rule{
  display:block;
  width:50px;
  height:2px;
  margin-top:16px;
  background:#aa9b68;
}

.mdr-start{
  padding-top:18px;
}

.mdr-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:12px;
}

.mdr-section-head h2{
  margin:0;
  color:#2c2b26;
  font-size:20px;
  line-height:1.3;
  font-weight:760;
  letter-spacing:-.045em;
}

.mdr-section-head p{
  margin:0;
  color:#918a7a;
  font-size:12px;
  line-height:1.5;
}

.mdr-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.mdr-card{
  position:relative;
  display:flex;
  min-height:220px;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border:1px solid rgba(110,103,78,.14);
  background:#fff;
  color:#282720!important;
  text-decoration:none!important;
  box-shadow:0 4px 14px rgba(50,46,35,.025);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.mdr-card:hover{
  transform:translateY(-2px);
  border-color:rgba(110,103,78,.27);
  box-shadow:0 12px 28px rgba(50,46,35,.075);
}

.mdr-card-body{
  display:block;
}

.mdr-media{
  display:block;
  width:100%;
  height:92px;
  border-bottom:1px solid rgba(110,103,78,.10);
  background:#ece8dc;
  background-size:cover;
  background-position:center;
}

.mdr-card strong{
  display:block;
  margin:14px 16px 0;
  color:#282720;
  font-size:18px;
  line-height:1.35;
  font-weight:760;
  letter-spacing:-.045em;
}

.mdr-desc{
  display:block;
  margin:8px 16px 0;
  color:#706b60;
  font-size:12px;
  line-height:1.55;
  word-break:keep-all;
}

.mdr-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:16px;
  color:#8a8063;
  font-size:11px;
}

.mdr-error{
  width:min(1200px,calc(100% - 36px));
  margin:60px auto;
  padding:40px;
  border:1px solid #ddd;
}

@media(max-width:900px){
  .mdr-direction{padding:36px 14px 38px}
  .mdr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mdr-hero{min-height:200px;padding:28px 30px 24px}
}

@media(max-width:620px){
  .mdr-direction{padding:24px 10px 34px}
  .mdr-hero{padding:25px 21px 22px}
  .mdr-section-head{align-items:flex-start;flex-direction:column;gap:5px}
  .mdr-grid{grid-template-columns:1fr}
  .mdr-card{min-height:215px}
  .mdr-media{height:105px}
}

/* v1.1.0 — 대분류 페이지 헤더 중복 제거
   NSS 코어 헤더(.mss-core-header)는 건드리지 않습니다.
   GeneratePress/워드프레스 기본 헤더와 과거 대분류 자체 헤더만 숨깁니다. */
body.mss-page-direction .site-header,
body.mss-page-direction #masthead,
body.mss-page-direction .main-navigation,
body.mss-page-direction #site-navigation,
body.mss-page-direction .navigation-branding,
body.mss-page-direction .top-bar,
body.mss-page-direction .pf-top,
body.mss-page-direction .mhv1-topbar,
body.mss-page-direction .pfmh-top,
.mss-page-direction .site-header,
.mss-page-direction #masthead,
.mss-page-direction .main-navigation,
.mss-page-direction #site-navigation,
.mss-page-direction .navigation-branding,
.mss-page-direction .top-bar,
.mss-page-direction .pf-top,
.mss-page-direction .mhv1-topbar,
.mss-page-direction .pfmh-top{
  display:none!important;
}

/* 일부 옛 페이지 본문에 헤더 래퍼가 남아 있는 경우에만 제거 */
body.mss-page-direction .pf-header,
body.mss-page-direction .pf-common-header,
body.mss-page-direction .marchive-common-header{
  display:none!important;
}