*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#172033;font-family:Arial,"Malgun Gothic",sans-serif}.landing-wrap{max-width:1180px;margin:auto;padding:54px 20px 80px}.landing-hero{max-width:800px}.landing-hero>span{color:#2463eb;font-weight:900}.landing-hero h1{font-size:40px;margin:10px 0}.landing-hero p{color:#66758b;line-height:1.7}.landing-hero a{display:inline-flex;margin-top:12px;color:#2463eb;font-weight:900}.landing-count{margin:34px 0 12px;font-weight:900}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-card{background:#fff;border:1px solid #dfe6f0;border-radius:16px;padding:18px;text-decoration:none;color:inherit}.badges{display:flex;gap:6px;flex-wrap:wrap}.badges span{padding:5px 9px;border-radius:999px;background:#eef4ff;color:#2862cc;font-size:12px;font-weight:900}.landing-card h2{font-size:17px;min-height:44px}.landing-card strong{font-size:27px}.landing-card small{font-size:14px}.spec{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.spec span{background:#f6f8fb;border-radius:9px;padding:10px;color:#718096;font-size:12px}.spec b{display:block;color:#172033;font-size:14px;margin-top:4px}@media(max-width:850px){.landing-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.landing-grid{grid-template-columns:1fr}.landing-hero h1{font-size:31px}}

/* =========================================================
   V11.19 에디터형 검색 랜딩
   ========================================================= */
.editor-landing{max-width:1180px}
.editor-nav{display:flex;gap:7px;overflow:auto;margin:18px 0 10px;padding:2px 0 5px}
.editor-nav a{white-space:nowrap;text-decoration:none;color:#5d6878;background:#fff;border:1px solid #dde4ed;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:850}
.editor-nav a.active{background:#193f79;color:#fff;border-color:#193f79}
.editor-landing .landing-hero{padding:32px 34px;border-radius:22px;background:linear-gradient(135deg,#f7faff 0%,#fff 65%);border:1px solid #e0e7f0}
.editor-landing .landing-hero>span,.section-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;color:#2365c7}
.editor-landing .landing-hero h1{font-size:31px;line-height:1.22;margin:8px 0 10px}
.editor-landing .landing-hero p{font-size:14px;line-height:1.7;color:#566276;max-width:850px}
.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 5px}
.hero-meta>*{font-size:10.5px;border:1px solid #dfe6ef;border-radius:999px;padding:6px 9px;background:#fff;color:#6a7586}
.hero-meta b{color:#174d9b}
.editor-summary{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin:20px 0}
.editor-copy,.summary-numbers,.method-box,.guide-section,.faq-section,.update-note{background:#fff;border:1px solid #e1e7ef;border-radius:17px}
.editor-copy{padding:22px 24px}
.editor-copy h2,.section-title-row h2,.faq-section h2{font-size:20px;margin:6px 0 10px}
.editor-lead{font-size:14px;line-height:1.72;color:#34445a;margin:0 0 13px}
.editor-copy ul{margin:0;padding-left:18px;color:#607086;font-size:12.5px;line-height:1.7}
.fallback-notice{margin-top:14px;padding:10px 12px;border-radius:10px;background:#fff7e8;border:1px solid #ffdfa1;color:#81520a;font-size:12px}
.summary-numbers{display:grid;grid-template-columns:1fr 1fr;padding:10px}
.summary-numbers div{padding:15px;border-bottom:1px solid #edf0f4}
.summary-numbers div:nth-child(odd){border-right:1px solid #edf0f4}
.summary-numbers div:nth-child(3),.summary-numbers div:nth-child(4){border-bottom:0}
.summary-numbers span{display:block;font-size:10px;color:#748095;font-weight:800}
.summary-numbers b{display:block;margin-top:5px;font-size:20px;color:#172941}
.highlight-section,.plans-section{margin:24px 0}
.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.section-title-row p{font-size:10.5px;color:#7b8797;margin:0;max-width:470px;text-align:right}
.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.highlight-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e0e7ef;border-radius:15px;padding:16px;min-height:112px}
.highlight-card span{display:block;font-size:10px;color:#748095;font-weight:850}
.highlight-card strong{display:block;font-size:20px;margin:8px 0 5px;color:#174f9d}
.highlight-card small{display:block;font-size:10px;line-height:1.4;color:#788497}
.method-box{padding:15px 18px;margin:18px 0;background:#f8fbff;border-color:#dce8f8}
.method-box b{font-size:12px;color:#164b91}.method-box p{font-size:11.5px;line-height:1.65;color:#53647b;margin:5px 0 0}
.editor-landing .landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.editor-landing .landing-card{position:relative;border-radius:16px;padding:17px;min-height:230px}
.editor-landing .landing-card h2{font-size:15px;line-height:1.4;margin:11px 0 10px}
.editor-landing .landing-card>strong{font-size:22px}
.lifetime-badge{background:#eaf8ef!important;color:#157347!important}
.price-path{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}
.price-path span{font-size:9.5px;padding:4px 6px;border-radius:6px;background:#f3f5f8;color:#687588}
.price-path .avg12{background:#edf4ff;color:#1858ad;font-weight:850}
.editor-landing .spec{margin-top:10px}
.empty-landing{grid-column:1/-1;padding:35px;text-align:center;background:#fff;border:1px solid #e0e7ef;border-radius:16px}
.empty-landing b{display:block;font-size:16px}.empty-landing p{font-size:12px;color:#788497}.empty-landing a{font-size:12px;font-weight:850}
.guide-section{padding:21px;margin:26px 0}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.guide-grid article{background:#f8fafc;border-radius:12px;padding:14px}
.guide-grid b{font-size:12px}.guide-grid p{font-size:10.5px;line-height:1.55;color:#667489;margin:7px 0 0}
.faq-section{padding:22px 24px;margin:22px 0}
.faq-section details{border-top:1px solid #edf0f4;padding:13px 2px}
.faq-section summary{cursor:pointer;font-size:12px;font-weight:850;color:#28394f}
.faq-section details p{font-size:11.5px;line-height:1.7;color:#65738a;margin:9px 0 2px}
.update-note{padding:15px 18px;margin:18px 0 28px;background:#fffdf7;border-color:#ede3c7}
.update-note b{font-size:11px}.update-note p{font-size:10.5px;line-height:1.6;color:#706853;margin:5px 0 0}

.theme-zero .landing-hero,.theme-ten .landing-hero{background:linear-gradient(135deg,#fff9ee,#fff 70%)}
.theme-zero .landing-hero>span,.theme-ten .landing-hero>span{color:#bd6700}
.theme-qos1 .landing-hero,.theme-qos5 .landing-hero{background:linear-gradient(135deg,#f0fbff,#fff 70%)}
.theme-lifetime .landing-hero{background:linear-gradient(135deg,#f3fbf5,#fff 70%)}

@media(max-width:900px){
  .editor-summary{grid-template-columns:1fr}
  .highlight-grid,.guide-grid{grid-template-columns:1fr 1fr}
  .editor-landing .landing-grid{grid-template-columns:1fr 1fr}
  .section-title-row{align-items:flex-start;flex-direction:column}
  .section-title-row p{text-align:left}
}
@media(max-width:620px){
  .editor-landing .landing-hero{padding:24px 20px}
  .editor-landing .landing-hero h1{font-size:25px}
  .summary-numbers,.highlight-grid,.guide-grid,.editor-landing .landing-grid{grid-template-columns:1fr}
  .summary-numbers div:nth-child(odd){border-right:0}
  .summary-numbers div:nth-child(3){border-bottom:1px solid #edf0f4}
}


/* =========================================================
   v11.20.6 랜딩 가독성 / 배지 균형 / 스펙 아이콘
   ========================================================= */

/* 상단 추천 탭: 내용 길이와 상관없이 가로 폭을 균등하게 */
.editor-nav{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  overflow:visible;
}
.editor-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:42px;
  padding:8px 8px;
  text-align:center;
  white-space:nowrap;
}

/* '현재가 최저 / 12개월 평균 최저 / 할인기간 긴 후보 / 비교 대상' 가독성 */
.highlight-card span{
  font-size:12px;
}
.highlight-card strong{
  font-size:22px;
}
.highlight-card small{
  font-size:12px;
  line-height:1.5;
}

/* 요금제 카드 안의 현재가 기간 / 이후 요금 / 12개월 평균 배지 */
.price-path{
  gap:6px;
}
.price-path span{
  font-size:11.5px;
  padding:5px 7px;
  line-height:1.25;
}
.price-path .avg12{
  font-size:11.5px;
}

/* 데이터 / 통화 / 문자 / QoS: 기존 요금제 카드와 같은 원형 아이콘 규칙 */
.editor-landing .spec{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.editor-landing .spec .spec-item{
  position:relative;
  min-height:70px;
  padding:10px 10px 10px 44px;
  background:#f6f8fb;
  border-radius:10px;
  color:#718096;
  font-size:12px;
}
.editor-landing .spec .spec-item i{
  position:absolute;
  left:11px;
  top:12px;
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-style:normal;
  font-weight:950;
  line-height:1;
}
.editor-landing .spec .spec-item em{
  display:block;
  font-style:normal;
  font-size:12px;
  color:#718096;
}
.editor-landing .spec .spec-item b{
  display:block;
  margin-top:5px;
  color:#172033;
  font-size:15px;
}

/* 아이콘은 기존 규칙과 동일한 의미/색상 사용 */
.editor-landing .spec-data i{
  background:#e9f3ff;
  color:#216fe0;
}
.editor-landing .spec-data i::before{
  content:"⇅";
  font-size:14px;
}
.editor-landing .spec-call i{
  background:#e8f8f1;
  color:#10966b;
}
.editor-landing .spec-call i::before{
  content:"☎";
  font-size:12px;
}
.editor-landing .spec-sms i{
  background:#fff6d9;
  color:#a27418;
}
.editor-landing .spec-sms i::before{
  content:"✉";
  font-size:12px;
}
.editor-landing .spec-qos i{
  background:#f0edff;
  color:#6750c7;
}
.editor-landing .spec-qos i::before{
  content:"↯";
  font-size:13px;
}

/* 태블릿/폰에서는 탭이 잘리지 않게 3열/2열로 */
@media(max-width:820px){
  .editor-nav{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .editor-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .editor-nav a{
    min-height:40px;
    font-size:11px;
  }
}


/* =========================================================
   v11.20.7 추천 우선순위 + 3스펙 한줄 + QoS 분리
   ========================================================= */

/* 데이터 / 통화 / 문자는 언제나 한 줄 3칸 */
.editor-landing .spec{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.editor-landing .spec .spec-item{
  min-height:68px;
  padding:10px 8px 10px 39px;
}
.editor-landing .spec .spec-item i{
  left:9px;
  top:11px;
  width:23px;
  height:23px;
}
.editor-landing .spec .spec-item em{
  font-size:11.5px;
}
.editor-landing .spec .spec-item b{
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* QoS는 네 번째 카드로 만들지 않고 별도 한 줄 배지로 */
.qos-strip{
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin:8px 0 7px;
  padding:6px 9px;
  border-radius:999px;
  background:#f1efff;
  color:#5e4fbd;
  font-size:10.5px;
  line-height:1;
}
.qos-strip i{
  width:20px;
  height:20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#e4dfff;
  font-style:normal;
}
.qos-strip i::before{
  content:"↯";
  font-size:12px;
  font-weight:950;
}
.qos-strip span{
  color:#766bb2;
}
.qos-strip b{
  font-size:11px;
  color:#4f3fa8;
}

/* 기존 4번째 QoS spec 규칙은 더 이상 사용하지 않음 */
.editor-landing .spec-qos{display:none}

@media(max-width:620px){
  .editor-landing .spec{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
  }
  .editor-landing .spec .spec-item{
    min-height:64px;
    padding:9px 5px 9px 33px;
  }
  .editor-landing .spec .spec-item i{
    left:7px;
    width:20px;
    height:20px;
  }
  .editor-landing .spec .spec-item em{
    font-size:10px;
  }
  .editor-landing .spec .spec-item b{
    font-size:12px;
  }
}


/* =========================================================
   v11.23 랜딩페이지 최종 품질 보강
   ========================================================= */
.landing-breadcrumb{
  display:flex;
  align-items:center;
  gap:7px;
  margin:16px 2px 10px;
  min-width:0;
  font-size:11px;
  color:#8792a4;
}
.landing-breadcrumb a{color:#66758c;text-decoration:none}
.landing-breadcrumb span{color:#aeb7c4}
.landing-breadcrumb b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#546177;font-weight:700}

.landing-quality-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:20px 0 24px;
}
.quality-panel{
  background:#fff;
  border:1px solid #e1e7ef;
  border-radius:17px;
  padding:21px 22px;
}
.quality-panel h2{font-size:18px;margin:6px 0 12px}
.quality-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.quality-panel li{position:relative;padding-left:19px;font-size:12px;line-height:1.6;color:#56667d}
.quality-panel li::before{content:"✓";position:absolute;left:0;top:0;color:#2463eb;font-weight:950}
.quality-checks{display:grid;gap:8px}
.quality-checks>div{padding:10px 11px;border-radius:10px;background:#f7f9fc}
.quality-checks b{font-size:11.5px;color:#29394f}
.quality-checks p{margin:4px 0 0;font-size:10.5px;line-height:1.55;color:#718095}

.related-landings{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin:24px 0;
  padding:20px 22px;
  border:1px solid #e1e7ef;
  border-radius:17px;
  background:#f9fbff;
}
.related-landings h2{font-size:18px;margin:6px 0 0}
.related-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.related-links a{
  display:flex;align-items:center;gap:8px;
  padding:8px 11px;border:1px solid #d9e3f0;border-radius:999px;background:#fff;
  color:#34506f;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap;
}
.related-links a span{color:#2463eb}

@media(max-width:720px){
  .landing-quality-grid{grid-template-columns:1fr}
  .related-landings{align-items:flex-start;flex-direction:column}
  .related-links{justify-content:flex-start}
}


/* =========================================================
   v11.24 랜딩 정확도/가독성 미세조정
   ========================================================= */

/* 상단 현재 위치(홈 > 요금제 추천 > 현재 페이지) */
.landing-breadcrumb{
  font-size:14px;
  line-height:1.45;
  gap:8px;
  margin-bottom:14px;
}
.landing-breadcrumb a{font-weight:700}
.landing-breadcrumb b{font-weight:850}

/*
  요금제 제목과 가격 사이의 큰 여백은 향후 콘텐츠용 빈칸이 아니라
  제목이 2줄일 때 카드 가격 위치를 맞추기 위해 있던 min-height 때문.
  v11.24에서는 제목 바로 아래에 가격이 자연스럽게 오도록 축소한다.
*/
.editor-landing .landing-card h2{
  min-height:0;
  margin:10px 0 6px;
}
.editor-landing .landing-card>strong{
  display:block;
  margin-top:0;
  line-height:1.2;
}

/* 카드 높이도 콘텐츠에 맞춰 자연스럽게 사용 */
.editor-landing .landing-card{
  min-height:0;
}

@media(max-width:620px){
  .landing-breadcrumb{
    font-size:13px;
  }
}


/* =========================================================
   v11.26 요금제 카드 제목-가격 간격 최종 보정
   ========================================================= */

/*
  제목이 2줄인 경우에도 카드가 무너지지 않으면서,
  1줄 제목에서 가격까지 과도하게 비어 보이지 않도록
  제목 예약 높이를 2줄 전체 높이보다 작게 줄였습니다.
*/
.editor-landing .landing-card{
  min-height:0 !important;
  height:auto !important;
}

.editor-landing .landing-card h2{
  min-height:36px !important;
  height:auto !important;
  margin:8px 0 4px !important;
  line-height:1.35 !important;
}

.editor-landing .landing-card > strong{
  display:block;
  margin:0 !important;
  padding:0 !important;
  line-height:1.15;
}

/* 일반 landing-card에도 같은 시각 간격 적용 */
.landing-card h2{
  min-height:36px;
  margin-bottom:4px;
}
.landing-card > strong{
  display:block;
  margin-top:0;
}


/* =========================================================
   v11.26.1 카드 세로 간격 통일
   제목↔요금 = 6px / 요금↔할인정보 = 6px
   ========================================================= */

.editor-landing .landing-card h2,
.landing-card h2{
  margin-bottom:6px !important;
}

.editor-landing .landing-card > strong,
.landing-card > strong,
.editor-landing .landing-card .price,
.landing-card .price,
.editor-landing .landing-card .plan-price,
.landing-card .plan-price{
  margin-top:0 !important;
  margin-bottom:6px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.editor-landing .landing-card .price-meta,
.landing-card .price-meta,
.editor-landing .landing-card .promo-meta,
.landing-card .promo-meta,
.editor-landing .landing-card .promo-line,
.landing-card .promo-line,
.editor-landing .landing-card .after-price,
.landing-card .after-price{
  margin-top:0 !important;
}

/* =========================================================
   v11.28.4 랜딩 가독성/헤더/버튼 개선
   ========================================================= */
.editor-nav a{
  font-size:14.5px;
  min-height:48px;
  padding:10px 10px;
}
.editor-landing .landing-hero>span,
.section-kicker{
  font-size:13px;
  letter-spacing:.06em;
}
.editor-landing .landing-hero h1{
  font-size:34px;
  line-height:1.24;
}
.editor-landing .landing-hero p{
  font-size:17px;
  line-height:1.8;
}
.hero-meta>*{
  font-size:13px;
  padding:8px 11px;
}
.editor-copy h2,
.section-title-row h2,
.faq-section h2,
.quality-panel h2,
.related-landings h2{
  font-size:30px;
  line-height:1.3;
}
.editor-lead{
  font-size:17px;
  line-height:1.8;
}
.editor-copy ul{
  font-size:15px;
  line-height:1.8;
}
.summary-numbers span{
  font-size:12px;
}
.summary-numbers b{
  font-size:28px;
}
.section-title-row p{
  font-size:14px;
  line-height:1.7;
}
.highlight-card span{
  font-size:13px;
}
.highlight-card strong{
  font-size:24px;
}
.highlight-card small{
  font-size:14px;
  line-height:1.6;
}
.method-box b{
  font-size:15px;
}
.method-box p{
  font-size:15px;
  line-height:1.75;
}
.guide-grid b{
  font-size:14px;
}
.guide-grid p{
  font-size:14px;
  line-height:1.7;
}
.faq-section summary{
  font-size:15px;
}
.faq-section details p{
  font-size:14px;
  line-height:1.8;
}
.update-note b{
  font-size:13px;
}
.update-note p{
  font-size:14px;
  line-height:1.7;
}
.landing-breadcrumb{
  font-size:15px;
}
.quality-panel{
  padding:24px 24px;
}
.quality-panel ul{
  gap:11px;
}
.quality-panel li{
  padding-left:22px;
  font-size:16px;
  line-height:1.7;
}
.quality-checks{
  gap:12px;
}
.quality-checks>div{
  padding:14px 15px;
  border-radius:12px;
}
.quality-checks b{
  font-size:16px;
}
.quality-checks p{
  margin-top:6px;
  font-size:15px;
  line-height:1.7;
}
.related-links a{
  font-size:14px;
  padding:10px 14px;
}

@media(max-width:900px){
  .editor-copy h2,
  .section-title-row h2,
  .faq-section h2,
  .quality-panel h2,
  .related-landings h2{
    font-size:26px;
  }
}

@media(max-width:620px){
  .editor-nav{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .editor-nav a{
    min-height:46px;
    font-size:14px;
  }
  .editor-landing .landing-hero h1{
    font-size:28px;
  }
  .editor-landing .landing-hero p,
  .editor-lead,
  .quality-panel li,
  .quality-checks p,
  .guide-grid p,
  .method-box p,
  .section-title-row p{
    font-size:15px;
  }
  .quality-checks b,
  .guide-grid b,
  .method-box b{
    font-size:15px;
  }
  .editor-copy h2,
  .section-title-row h2,
  .faq-section h2,
  .quality-panel h2,
  .related-landings h2{
    font-size:23px;
  }
}

/* =========================================================
   v11.42.7 추천/SEO 랜딩 심야모드 가독성 전면 보정
   - /discover/monthly-best, /0won, /10won, /1mbps, /5mbps,
     /lifetime 및 같은 seo_landing.html 기반 페이지 공통 적용
   - 전역 다크모드가 제목/본문만 밝게 바꾸고 카드 배경은 흰색으로
     남겨 글자가 사라지던 충돌을 페이지 단위로 해소한다.
   ========================================================= */
html[data-hp-theme="dark"] .landing-wrap,
html[data-hp-theme="dark"] .editor-landing{
  background:#0a1020!important;
  color:#f2f6fc!important;
}

html[data-hp-theme="dark"] .editor-nav a{
  background:#111a2d!important;
  border-color:#30415e!important;
  color:#cbd7e9!important;
}
html[data-hp-theme="dark"] .editor-nav a:hover{
  background:#182641!important;
  border-color:#527fd0!important;
  color:#9fc0ff!important;
}
html[data-hp-theme="dark"] .editor-nav a.active{
  background:#285ca8!important;
  border-color:#285ca8!important;
  color:#fff!important;
}

html[data-hp-theme="dark"] .landing-breadcrumb,
html[data-hp-theme="dark"] .landing-breadcrumb a,
html[data-hp-theme="dark"] .landing-breadcrumb span,
html[data-hp-theme="dark"] .landing-breadcrumb b{
  color:#aebbd0!important;
}
html[data-hp-theme="dark"] .landing-breadcrumb b{color:#e8eef9!important}

html[data-hp-theme="dark"] .editor-landing .landing-hero,
html[data-hp-theme="dark"] .theme-zero .landing-hero,
html[data-hp-theme="dark"] .theme-ten .landing-hero,
html[data-hp-theme="dark"] .theme-qos1 .landing-hero,
html[data-hp-theme="dark"] .theme-qos5 .landing-hero,
html[data-hp-theme="dark"] .theme-lifetime .landing-hero{
  background:#111a2d!important;
  background-image:none!important;
  border-color:#30415e!important;
  color:#f2f6fc!important;
}
html[data-hp-theme="dark"] .editor-landing .landing-hero>span,
html[data-hp-theme="dark"] .section-kicker{
  color:#7fb0ff!important;
}
html[data-hp-theme="dark"] .theme-zero .landing-hero>span,
html[data-hp-theme="dark"] .theme-ten .landing-hero>span{
  color:#ffb66e!important;
}
html[data-hp-theme="dark"] .editor-landing .landing-hero h1,
html[data-hp-theme="dark"] .editor-landing .landing-hero p{
  color:#f2f6fc!important;
}
html[data-hp-theme="dark"] .editor-landing .landing-hero p{color:#b3c0d2!important}
html[data-hp-theme="dark"] .editor-landing .landing-hero>a{color:#82adff!important}

html[data-hp-theme="dark"] .hero-meta>*{
  background:#0e1728!important;
  border-color:#30415e!important;
  color:#b7c5d8!important;
}
html[data-hp-theme="dark"] .hero-meta b{color:#8db7ff!important}

html[data-hp-theme="dark"] :is(
  .editor-copy,.summary-numbers,.method-box,.guide-section,.faq-section,.update-note,
  .quality-panel,.related-landings,.landing-card,.highlight-card,.empty-landing
){
  background:#111a2d!important;
  border-color:#30415e!important;
  color:#f2f6fc!important;
  box-shadow:none!important;
}

html[data-hp-theme="dark"] .editor-copy h2,
html[data-hp-theme="dark"] .section-title-row h2,
html[data-hp-theme="dark"] .faq-section h2,
html[data-hp-theme="dark"] .quality-panel h2,
html[data-hp-theme="dark"] .related-landings h2,
html[data-hp-theme="dark"] .landing-card h2,
html[data-hp-theme="dark"] .landing-card>strong,
html[data-hp-theme="dark"] .empty-landing b{
  color:#f2f6fc!important;
}

html[data-hp-theme="dark"] :is(
  .editor-lead,.editor-copy ul,.section-title-row p,.highlight-card small,
  .method-box p,.guide-grid p,.faq-section details p,.update-note p,
  .quality-panel li,.quality-checks p,.empty-landing p
){
  color:#b3c0d2!important;
}

html[data-hp-theme="dark"] .summary-numbers div{
  border-color:#2a3954!important;
}
html[data-hp-theme="dark"] .summary-numbers span{color:#9eacc1!important}
html[data-hp-theme="dark"] .summary-numbers b{color:#f2f6fc!important}

html[data-hp-theme="dark"] .highlight-card span{color:#a8b6ca!important}
html[data-hp-theme="dark"] .highlight-card strong{color:#8db7ff!important}
html[data-hp-theme="dark"] .method-box{
  background:#101f39!important;
  border-color:#284873!important;
}
html[data-hp-theme="dark"] .method-box b{color:#9fc0ff!important}

html[data-hp-theme="dark"] .fallback-notice{
  background:#2a2114!important;
  border-color:#6c5228!important;
  color:#e7c997!important;
}
html[data-hp-theme="dark"] .fallback-notice b{color:#ffd18b!important}

html[data-hp-theme="dark"] .landing-card{
  background:#111a2d!important;
  border-color:#30415e!important;
  color:#f2f6fc!important;
}
html[data-hp-theme="dark"] .landing-card:hover{
  background:#16223a!important;
  border-color:#527fd0!important;
}
html[data-hp-theme="dark"] .badges span{
  background:#1a2944!important;
  color:#9fc0ff!important;
  border:1px solid #34537d!important;
}
html[data-hp-theme="dark"] .badges .lifetime-badge{
  background:#173527!important;
  color:#80deb1!important;
  border-color:#2f7452!important;
}
html[data-hp-theme="dark"] .landing-card>strong small{color:#aebbd0!important}
html[data-hp-theme="dark"] .price-path span{
  background:#0e1728!important;
  color:#b5c2d4!important;
  border:1px solid #2b3b57!important;
}
html[data-hp-theme="dark"] .price-path .avg12{
  background:#102646!important;
  color:#8db7ff!important;
  border-color:#2e5687!important;
}

html[data-hp-theme="dark"] .editor-landing .spec .spec-item,
html[data-hp-theme="dark"] .quality-checks>div,
html[data-hp-theme="dark"] .guide-grid article{
  background:#0e1728!important;
  border-color:#2b3b57!important;
  color:#b3c0d2!important;
}
html[data-hp-theme="dark"] .editor-landing .spec .spec-item em{color:#9eacc1!important}
html[data-hp-theme="dark"] .editor-landing .spec .spec-item b{color:#eef3fb!important}
html[data-hp-theme="dark"] .quality-checks b,
html[data-hp-theme="dark"] .guide-grid b{color:#eef3fb!important}

html[data-hp-theme="dark"] .editor-landing .spec-data i{background:#153054!important;color:#82adff!important}
html[data-hp-theme="dark"] .editor-landing .spec-call i{background:#123b31!important;color:#69d5af!important}
html[data-hp-theme="dark"] .editor-landing .spec-sms i{background:#3b3117!important;color:#e5c36a!important}
html[data-hp-theme="dark"] .editor-landing .spec-qos i{background:#2b2550!important;color:#ad9cff!important}

html[data-hp-theme="dark"] .qos-strip{
  background:#29244a!important;
  color:#c8bcff!important;
  border:1px solid #4b4381!important;
}
html[data-hp-theme="dark"] .qos-strip i{background:#393164!important}
html[data-hp-theme="dark"] .qos-strip span{color:#b8adef!important}
html[data-hp-theme="dark"] .qos-strip b{color:#d7d0ff!important}

html[data-hp-theme="dark"] .related-landings{background:#10192b!important}
html[data-hp-theme="dark"] .related-links a{
  background:#16223a!important;
  border-color:#30415e!important;
  color:#cbd7e9!important;
}
html[data-hp-theme="dark"] .related-links a:hover{
  background:#1a2944!important;
  border-color:#527fd0!important;
  color:#9fc0ff!important;
}
html[data-hp-theme="dark"] .related-links a span{color:#82adff!important}

html[data-hp-theme="dark"] .faq-section details{border-color:#2b3b57!important}
html[data-hp-theme="dark"] .faq-section summary{color:#eef3fb!important}
html[data-hp-theme="dark"] .update-note{
  background:#211e17!important;
  border-color:#554b32!important;
}
html[data-hp-theme="dark"] .update-note b{color:#f1ddb0!important}
html[data-hp-theme="dark"] .update-note p{color:#c8bda2!important}

html[data-hp-theme="dark"] .empty-landing a{color:#8db7ff!important}

/* =========================================================
   v11.42.9 추천 카드 배지/가격경로 통일
   ========================================================= */
.editor-landing .badges .carrier-badge-recommend{
  background:#f4f6fa;color:#69768a;border:1px solid #dfe6ef
}
.editor-landing .badges .network-badge-recommend.hp-network-badge{
  min-height:28px!important;padding:0 11px!important
}
.editor-landing .badges .tech-badge-recommend.hp-tech-badge{
  min-height:28px!important;padding:0 11px!important
}
.editor-landing .price-path .promo-path-badge{
  display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;
  background:#fff0ef;color:#d94b45;border:1px solid #ffc9c5;font-size:11.5px;font-weight:900;line-height:1.35
}
.editor-landing .price-path .promo-path-badge.lifetime-path{
  background:#eaf8ef;color:#157347;border-color:#bfe6ce
}
.editor-landing .price-path .avg12{
  display:inline-flex;align-items:center;min-height:30px;border-radius:999px
}

/* landing.css가 public_header.css 뒤에 로드되므로 네트워크/5G 전역색을 이곳에서도 최종 고정 */
.editor-landing .badges span.hp-network-skt{background:#fff1e9!important;color:#e84a1b!important;border-color:#f7a27e!important}
.editor-landing .badges span.hp-network-kt{background:#fff0f1!important;color:#e60012!important;border-color:#f6a0a8!important}
.editor-landing .badges span.hp-network-lgu{background:#fff0f8!important;color:#e6007e!important;border-color:#f29ac8!important}
.editor-landing .badges span.hp-tech-5g{background:#e8edff!important;color:#3f46d8!important;border-color:#aab4ff!important;box-shadow:0 0 0 2px rgba(84,92,230,.08)!important}
.editor-landing .badges span.hp-tech-lte{background:#eef3f9!important;color:#52647d!important;border-color:#cbd6e5!important}
.editor-landing .badges span.hp-tech-3g{background:#fff2e3!important;color:#ad5c10!important;border-color:#efc58d!important}

html[data-hp-theme="dark"] .editor-landing .badges .carrier-badge-recommend{background:#202b3d!important;color:#c2cedd!important;border-color:#465774!important}
html[data-hp-theme="dark"] .editor-landing .badges span.hp-network-skt{background:#3a2118!important;color:#ff9a63!important;border-color:#8d4b2f!important}
html[data-hp-theme="dark"] .editor-landing .badges span.hp-network-kt{background:#3a171b!important;color:#ff6f79!important;border-color:#8b3038!important}
html[data-hp-theme="dark"] .editor-landing .badges span.hp-network-lgu{background:#3b1730!important;color:#ff72b9!important;border-color:#8c3568!important}
html[data-hp-theme="dark"] .editor-landing .badges span.hp-tech-5g{background:#28306d!important;color:#dce1ff!important;border-color:#737ff2!important;box-shadow:0 0 0 2px rgba(123,135,255,.16)!important}
html[data-hp-theme="dark"] .editor-landing .badges span.hp-tech-lte{background:#202b3d!important;color:#c5d2e3!important;border-color:#465774!important}
html[data-hp-theme="dark"] .editor-landing .badges span.hp-tech-3g{background:#3b2b18!important;color:#ffc57f!important;border-color:#76532a!important}
html[data-hp-theme="dark"] .editor-landing .price-path .promo-path-badge{background:#3b201f!important;color:#ff9a94!important;border-color:#7d3c39!important}
html[data-hp-theme="dark"] .editor-landing .price-path .promo-path-badge.lifetime-path{background:#173527!important;color:#80deb1!important;border-color:#2f7452!important}

/* =========================================================
   v11.42.11 HOME/RECOMMEND SPEC TILE UNIFY
   추천 랜딩의 데이터/통화/문자 칸도 홈과 같은 2행 레이아웃 사용.
   ========================================================= */
.editor-landing .spec .spec-item{
  min-height:72px;
  padding:9px 8px 10px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  grid-template-rows:24px auto;
  column-gap:6px;
  row-gap:3px;
  align-items:center;
  background:#f6f8fb;
  border:0;
}
.editor-landing .spec .spec-item i{
  position:static;
  grid-column:1;
  grid-row:1;
  width:23px;
  height:23px;
  margin:0;
  align-self:center;
  justify-self:center;
}
.editor-landing .spec .spec-item em{
  grid-column:2;
  grid-row:1;
  align-self:center;
  margin:0;
  text-align:left;
  line-height:1.2;
}
.editor-landing .spec .spec-item b{
  grid-column:1 / -1;
  grid-row:2;
  width:100%;
  margin:1px 0 0;
  text-align:center;
  line-height:1.25;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:keep-all;
}
html[data-hp-theme="dark"] .editor-landing .spec .spec-item{
  background:#0e1728!important;
  border:0!important;
  color:#b3c0d2!important;
}


/* =========================================================
   v11.42.28 추천 랜딩 스펙 배지 경계 강화
   데이터/통화/문자 영역이 다크모드에서도 서로 붙어 보이지 않도록
   아주 얇은 중성 테두리만 추가한다.
   ========================================================= */
.editor-landing .spec .spec-item{
  border:1px solid #dce4ef!important;
}
html[data-hp-theme="dark"] .editor-landing .spec .spec-item{
  border:1px solid rgba(226,232,240,.30)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}