/*
 * 인코몰 건강매거진 — 디자인 시안 13 (2026-09) · 모바일 우선, PC 반응형
 * 강조색: 시안 보라(--mag-accent #5c53d2, 사용자 확정) · 폰트 SUIT Variable
 * 구 화면(글 상세·백과 상세·태그)이 쓰는 클래스는 하단 '레거시' 블록에 유지.
 */
:root{
  color-scheme:light;
  --mag-accent:#5c53d2;
  --mag-accent-dark:#4a42b8;
  --mag-accent-soft:#f3f1fe;
  --mag-accent-soft2:#e4e1fa;
  --mag-accent-badge:#dcd9f7;
  --mag-text:#111827;
  --mag-sub:#4b5563;
  --mag-gray:#6b7280;
  --mag-faint:#9ca3af;
  --mag-line:#e5e7eb;
  --mag-line2:#eeeff2;
  --mag-bg:#f7f8fa;
  --mag-mint:#f3faf5;
  --mag-peach:#fdf5ee;
  --mag-sky:#f2f7fd;
  --mag-green:#22a06b;
  --mag-red:#ef4444;
  --mag-max:1160px;
  --mag-header-h:112px;
  --mag-top-h:56px;
  --inko-orange:#e65f2b;
  --inko-orange-dark:#c94e1f;
  --inko-orange-soft:#fff3ee;
  --inko-secondary:#4338ca;
  --inko-secondary-soft:#eef0ff;
  --inko-text:#111827;
  --inko-gray:#9ca3af;
  --inko-line:#EAEAEA;
  --inko-bg:#f7f8fa;
  --inko-max:1160px;
}
*{box-sizing:border-box;}
/* ⚠️ display:flex 를 가진 클래스가 UA의 [hidden]{display:none} 을 이겨 탭 패널·지우기 버튼이 보이던 문제 — 항상 우선 */
[hidden]{display:none !important;}
body{margin:0;font-family:'SUIT Variable',"Apple SD Gothic Neo","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--mag-text);background:#fff;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
input,button{font-family:inherit;}
html{scroll-padding-top:calc(var(--mag-header-h) + 12px);}
.mag-ic{flex-shrink:0;vertical-align:-2px;}
.mag-wrap{max-width:var(--mag-max);margin:0 auto;padding:0 16px;}

/* 짧은 페이지에서도 푸터가 화면 하단에 붙게 */
body.mag-shell{display:flex;flex-direction:column;min-height:100vh;}
@supports (min-height:100dvh){ body.mag-shell{min-height:100dvh;} }
.mag-shell > *{flex:0 0 auto;}
.mag-shell > .mag-main{flex:1 0 auto;min-width:0;}

.mag-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;pointer-events:none;}
.mag-progress span{display:block;height:100%;width:0;background:var(--mag-accent);transition:width .1s linear;}

/* ══════════ 헤더 (시안 0) 공통) ══════════ */
.mag-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;}
.mag-header__top{background:#fff;position:relative;z-index:3;}
.mag-header__inner{display:flex;align-items:center;gap:16px;max-width:var(--mag-max);margin:0 auto;padding:12px 16px;min-height:56px;}
.mag-logo{display:flex;align-items:center;flex-shrink:0;}
.mag-logo b{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1;}
.mag-logo img{height:24px;width:auto;}
.mag-header__tools{display:flex;align-items:center;gap:10px;margin-left:auto;}
.mag-header__sbtn{border:none;background:none;padding:4px;color:var(--mag-text);display:flex;}
.mag-header__bar{width:1px;height:18px;background:var(--mag-line);}
.mag-header__shop{display:inline-flex;align-items:center;gap:6px;color:var(--mag-accent);font-size:14px;font-weight:700;padding:4px 2px;white-space:nowrap;}
.mag-header__shop:hover{color:var(--mag-accent-dark);}
.mag-header__spacer{height:var(--mag-header-h);}

/* GNB */
.mag-gnb--pc{display:none;}
.mag-gnb--mo{background:#fff;border-bottom:1px solid var(--mag-line2);position:relative;z-index:2;}
.mag-gnb__inner{display:flex;align-items:center;gap:2px;padding:0 10px 0 12px;overflow-x:auto;scrollbar-width:none;}
.mag-gnb__inner::-webkit-scrollbar{display:none;}
.mag-gnb__burger{border:none;background:none;padding:10px 4px 10px 0;color:var(--mag-text);display:flex;flex-shrink:0;}
.mag-gnb__item{border:none;background:none;padding:12px 5px;font-size:13.5px;letter-spacing:-.2px;font-weight:700;color:var(--mag-text);white-space:nowrap;display:inline-flex;align-items:center;gap:2px;flex-shrink:0;}
.mag-gnb__item.is-active{color:var(--mag-accent);}
.mag-gnb__chev{color:var(--mag-gray);width:14px;height:14px;}
.mag-header.is-stuck{box-shadow:0 2px 12px rgba(0,0,0,.06);}

/* 네비 확장 (시안 2-1~2-4) */
.mag-nav{position:fixed;left:0;right:0;top:var(--mag-header-h);bottom:0;z-index:99;}
.mag-nav__panel{position:relative;background:#fff;height:100%;overflow:hidden;display:flex;flex-direction:column;}
.mag-nav__inner{display:flex;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 16px 20px;gap:10px;align-items:flex-start;}
.mag-nav__groups{width:44%;display:flex;flex-direction:column;flex-shrink:0;}
.mag-nav__group{border:none;background:none;text-align:left;padding:14px 4px;font-size:17px;font-weight:600;color:var(--mag-faint);}
.mag-nav__group.is-active{color:var(--mag-text);font-weight:800;}
.mag-nav__lists{flex:1;min-width:0;}
/* [SEO] 지연 로딩 중 패널이 접히지 않게 (nav-defer.php) */
.mag-nav__lists[data-nav-defer]{min-height:320px;}
.mag-nav__list{display:flex;flex-direction:column;}
.mag-nav__item{padding:14px 4px;font-size:17px;font-weight:500;color:var(--mag-gray);}
.mag-nav__item.is-active,.mag-nav__item:hover{color:var(--mag-text);font-weight:700;}
.mag-nav__dim{display:none;}
.mag-overlay__close{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;border:none;background:rgba(120,120,125,.85);color:#fff;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 8px 20px rgba(0,0,0,.15);}
.mag-search__panel .mag-overlay__close{position:absolute;}
/* MO 메뉴: 닫기 버튼은 스크롤 영역 아래 하단 띠에 흐름 배치 — 목록 위에 겹쳐 하위 항목을 가리지 않게 */
.mag-nav__panel .mag-overlay__close{position:static;flex:none;transform:none;margin:10px auto calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;}

/* 검색창 오버레이 (시안 1-1) */
.mag-search{position:fixed;left:0;right:0;top:var(--mag-top-h);bottom:0;z-index:99;}
.mag-search__panel{position:relative;background:#fff;height:100%;overflow-y:auto;display:flex;flex-direction:column;}
.mag-search__inner{flex:1 0 auto;padding:12px 16px 20px;}
.mag-search__block{margin-top:26px;}
.mag-search__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.mag-search__head b{font-size:17px;font-weight:800;}
.mag-search__clearall{border:none;background:none;font-size:13px;color:var(--mag-faint);text-decoration:underline;padding:0;}
.mag-search__chips{display:flex;flex-wrap:wrap;gap:8px;}
.mag-search__chips--reco{max-height:96px;overflow:hidden;} /* 최대 2줄 */
.mag-search__foot{padding:0 16px 110px;}
.mag-search__dim{display:none;}
.mag-kw{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--mag-line);border-radius:22px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--mag-sub);background:#fff;}
.mag-kw--accent{border-color:var(--mag-accent);color:var(--mag-accent);}
.mag-kw--accent:hover{background:var(--mag-accent-soft);}
.mag-kw--solid{background:var(--mag-accent);border-color:var(--mag-accent);color:#fff;font-weight:700;padding:9px 18px;}
.mag-kw--gray{background:var(--mag-line2);border-color:var(--mag-line2);color:var(--mag-gray);}
.mag-kw__x{display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0 -6px 0 0;border:0;background:none;color:var(--mag-faint);cursor:pointer;-webkit-appearance:none;appearance:none;}
.mag-kw__x:hover{color:var(--mag-sub);}

/* 검색 폼 */
.mag-searchform{position:relative;display:flex;align-items:center;background:var(--mag-bg);border:1px solid var(--mag-line2);border-radius:14px;padding:4px 8px 4px 18px;}
.mag-searchform:focus-within{border-color:var(--mag-accent);background:#fff;}
.mag-searchform input{flex:1;min-width:0;border:none;outline:none;font-size:16px;background:none;padding:12px 0;color:var(--mag-text);}
.mag-searchform input::placeholder{color:var(--mag-faint);}
.mag-searchform input::-webkit-search-cancel-button{display:none;}
.mag-searchform__btn,.mag-searchform__clear{border:none;background:none;color:var(--mag-text);padding:8px;display:flex;}
.mag-searchform__clear{color:var(--mag-faint);}
.mag-searchform--overlay{border-radius:12px;}
.mag-searchform--page{margin:14px 0 0;}
.mag-searchform--hero,.mag-searchform--enc{background:#fff;border-color:transparent;box-shadow:0 6px 20px rgba(60,50,150,.10);}
.mag-searchform--enc{padding:4px 4px 4px 18px;border-radius:30px;}
.mag-searchform--enc .mag-searchform__btn{width:52px;height:52px;border-radius:50%;background:var(--mag-accent);color:#fff;align-items:center;justify-content:center;}
.mag-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--mag-line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.10);padding:6px;z-index:60;max-height:420px;overflow-y:auto;text-align:left;}
.mag-suggest__item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;font-size:14px;}
.mag-suggest__item:hover{background:var(--mag-accent-soft);}
.mag-suggest__badge{font-size:10px;font-weight:800;color:var(--mag-accent);background:var(--mag-accent-soft);border-radius:6px;padding:2px 6px;flex-shrink:0;}
.mag-suggest__related{border-top:1px solid var(--mag-line);margin-top:6px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.mag-suggest__related > span{font-size:11px;font-weight:800;color:var(--mag-faint);width:100%;}
.mag-suggest__related a{font-size:12px;background:var(--mag-bg);border-radius:14px;padding:5px 11px;}

/* ══════════ 섹션 공통 ══════════ */
.mag-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.mag-home{max-width:var(--mag-max);margin:0 auto;padding:0 16px 40px;}
.mag-sec{margin:0 0 40px;}
.mag-sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;}
.mag-sec__title{font-size:20px;font-weight:800;margin:0;letter-spacing:-.3px;}
.mag-sec__count{font-weight:700;}
.mag-sec__more{font-size:13px;color:var(--mag-gray);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.mag-sec__more:hover{color:var(--mag-accent);}
.mag-empty{color:var(--mag-faint);padding:40px 0;text-align:center;}
/* 검색 무결과·빈 검색어 — 안내 + 인기 검색어 + 추천 글 */
.mag-empty--search{padding:32px 0 8px;}
.mag-empty__msg{margin:0 0 22px;color:var(--mag-gray);}
.mag-empty__label{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--mag-text);}
.mag-empty--search .mag-search__chips{justify-content:center;}
.mag-empty__reco{margin-top:36px;text-align:left;color:var(--mag-text);}

/* 칩 · 탭 */
.mag-chips,.mag-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px;margin:0 -16px 6px;padding-left:16px;padding-right:16px;}
.mag-chips::-webkit-scrollbar,.mag-tabs::-webkit-scrollbar{display:none;}
.mag-chips__item,.mag-tabs__item{flex-shrink:0;border:1px solid var(--mag-line);border-radius:22px;padding:8px 15px;font-size:14px;color:var(--mag-gray);background:#fff;white-space:nowrap;font-weight:500;}
.mag-chips__item.is-active,.mag-tabs__item.is-active{border-color:var(--mag-accent);color:var(--mag-accent);font-weight:700;}
.mag-chips__item:hover,.mag-tabs__item:hover{border-color:var(--mag-accent);}
.mag-chip{display:inline-flex;align-items:center;gap:4px;border-radius:16px;padding:5px 12px;font-size:13px;font-style:normal;font-weight:600;}
.mag-chip--accent{background:var(--mag-accent-soft);color:var(--mag-accent);}
.mag-chip--gray{background:var(--mag-line2);color:var(--mag-gray);}
.mag-pill{display:inline-flex;align-items:center;border:1px solid var(--mag-line);border-radius:22px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--mag-sub);background:#fff;}
.mag-pill:hover{border-color:var(--mag-accent);color:var(--mag-accent);}

/* 목록 행 */
.mag-rows{display:flex;flex-direction:column;}
.mag-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--mag-line2);}
.mag-rows > .mag-row:last-child{border-bottom:none;}
.mag-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.mag-row__chev{color:var(--mag-gray);display:flex;flex-shrink:0;}
.mag-row__title{font-size:16px;font-weight:700;line-height:1.45;color:var(--mag-text);}
.mag-row__en{font-style:normal;font-weight:600;color:var(--mag-sub);}
.mag-row__sum,.mag-row__a,.mag-row__excerpt{font-size:14px;color:var(--mag-gray);line-height:1.5;}
.mag-row--post{align-items:flex-start;padding:20px 0;}
.mag-row__crumb{font-size:13px;font-weight:600;color:var(--mag-accent);display:inline-flex;align-items:center;gap:2px;}
.mag-row__crumb i{display:inline-flex;}
.mag-row--post .mag-row__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mag-row__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mag-row__excerpt--1{-webkit-line-clamp:1;}
.mag-row__date{font-size:13px;color:var(--mag-faint);margin-top:4px;}
.mag-row__thumb{width:88px;height:88px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--mag-bg);}
.mag-row__thumb img{width:100%;height:100%;object-fit:cover;}
.mag-row--enc,.mag-row--faq{padding:14px 0;}
.mag-row--enc .mag-row__thumb{width:72px;height:72px;border-radius:8px;}
.mag-row__q{font-size:16px;font-weight:700;line-height:1.45;}
.mag-row__a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mag-row--tool{padding:12px 0;}
.mag-row__tthumb{width:76px;height:76px;flex-shrink:0;border-radius:10px;background:var(--mag-accent-soft);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--mag-accent);}
.mag-row__tthumb img{width:100%;height:100%;object-fit:cover;}
.mag-row__chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;}
.mag-row:hover .mag-row__title,.mag-row:hover .mag-row__q{color:var(--mag-accent);}

/* 더보기 · 페이징 */
.mag-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:14px;border:1px solid var(--mag-line);background:#fff;border-radius:10px;padding:14px;font-size:15px;font-weight:600;color:var(--mag-text);}
.mag-more:hover{border-color:var(--mag-accent);color:var(--mag-accent);}
.mag-more.is-loading{opacity:.5;pointer-events:none;}
.mag-pager{display:flex;gap:8px;justify-content:center;align-items:center;padding:26px 0 10px;}
.mag-pager__num,.mag-pager__nav{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;background:var(--mag-line2);color:var(--mag-faint);}
.mag-pager__num.is-active{background:var(--mag-accent);color:#fff;}
.mag-pager__nav{background:none;color:var(--mag-gray);}

/* ══════════ 메인 배너 카드 (시안 1) 메인) ══════════ */
.mag-hero{position:relative;border:1px solid var(--mag-line2);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(17,24,39,.05);margin:14px 0 28px;}
.mag-hero__track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);}
.mag-hero__slide{flex:0 0 100%;display:flex;flex-direction:column;min-width:0;}
.mag-hero__img{aspect-ratio:16/10;background:var(--mag-bg);overflow:hidden;}
.mag-hero__img img{width:100%;height:100%;object-fit:cover;}
.mag-hero__body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 36px;}
.mag-hero__top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.mag-hero__badge{display:inline-flex;background:var(--mag-accent-badge);color:var(--mag-accent);font-size:12px;font-weight:700;font-style:normal;border-radius:14px;padding:4px 10px;}
.mag-hero__date{font-size:13px;color:var(--mag-gray);}
.mag-hero__title{font-size:19px;font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mag-hero__desc{font-size:14px;color:var(--mag-sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mag-hero__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid var(--mag-line);border-radius:50%;background:#fff;align-items:center;justify-content:center;z-index:3;color:var(--mag-text);}
.mag-hero__nav:hover{border-color:var(--mag-accent);color:var(--mag-accent);}
.mag-hero__nav--prev{left:12px;}
.mag-hero__nav--next{right:12px;}
.mag-hero__dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3;}
.mag-hero__dots button{width:8px;height:8px;border-radius:4px;border:none;background:#d9dbe3;padding:0;transition:width .2s;}
.mag-hero__dots button.is-active{background:var(--mag-accent);width:22px;}

/* 바로가기 4카드 */
.mag-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mag-quick__card{display:flex;flex-direction:column;gap:8px;border-radius:12px;padding:16px 14px;background:var(--mag-accent-soft);min-height:112px;}
.mag-quick__card--tool{background:var(--mag-mint);}
.mag-quick__card--enc{background:var(--mag-peach);}
.mag-quick__card--faq{background:var(--mag-sky);}
.mag-quick__head{display:flex;align-items:center;gap:8px;}
.mag-quick__head b{font-size:16px;font-weight:800;flex:1;}
.mag-quick__ic{width:30px;height:30px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--mag-accent);flex-shrink:0;}
.mag-quick__card--tool .mag-quick__ic{color:#2f9e63;}
.mag-quick__card--enc .mag-quick__ic{color:#d9782f;}
.mag-quick__card--faq .mag-quick__ic{color:#2f7fd9;}
.mag-quick__chev{color:var(--mag-text);}
.mag-quick__desc{font-size:13px;color:var(--mag-gray);line-height:1.5;}
.mag-quick__card:hover{box-shadow:0 6px 16px rgba(17,24,39,.08);}

/* 쇼핑몰 CTA 배너 · 계산기 배너 */
.mag-cta,.mag-calcbn{display:flex;align-items:center;gap:14px;background:var(--mag-accent-soft);border-radius:14px;padding:18px 16px 18px 20px;}
.mag-cta__body,.mag-calcbn__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.mag-cta__brand{font-size:14px;font-weight:800;letter-spacing:-.2px;}
.mag-cta__title{font-size:15px;color:var(--mag-sub);}
.mag-cta__link,.mag-calcbn__body i{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:800;font-style:normal;margin-top:4px;color:var(--mag-text);}
.mag-cta__btn,.mag-calcbn__btn{width:60px;height:60px;border-radius:50%;background:var(--mag-accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mag-cta:hover .mag-cta__btn,.mag-calcbn:hover .mag-calcbn__btn{background:var(--mag-accent-dark);}
.mag-calcbn__ic{width:58px;height:58px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--mag-green);flex-shrink:0;}
.mag-calcbn__body b{font-size:16px;font-weight:800;}
.mag-calcbn__body span{font-size:13px;color:var(--mag-gray);}

/* ══════════ PLP 공통 ══════════ */
.mag-plp{padding-top:22px;}
.mag-plpsearch{position:relative;display:flex;align-items:center;border:1px solid var(--mag-line);border-radius:12px;background:#fff;padding:4px 8px 4px 18px;margin:14px 0 14px;}
.mag-plpsearch:focus-within{border-color:var(--mag-accent);}
.mag-plpsearch input{flex:1;min-width:0;border:none;outline:none;font-size:16px;padding:12px 0;background:none;}
.mag-plpsearch input::placeholder{color:var(--mag-faint);}
.mag-plpsearch button{border:none;background:none;padding:8px;display:flex;color:var(--mag-text);}
.mag-sec--pophero .mag-hero{margin-top:0;}

/* PLP 히어로 (백과 3종 · 계산기) */
.mag-plphero{background:var(--mag-accent-soft);padding:18px 16px 24px;position:relative;overflow:hidden;}
.mag-plphero--mint{background:var(--mag-mint);}
.mag-plphero--peach{background:var(--mag-peach);}
.mag-plphero__inner{max-width:var(--mag-max);margin:0 auto;position:relative;}
.mag-crumb{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--mag-sub);flex-wrap:wrap;margin-bottom:14px;}
.mag-crumb a:hover{color:var(--mag-accent);}
.mag-plphero__grid{display:flex;align-items:flex-start;gap:12px;}
.mag-plphero__text{flex:1;min-width:0;}
.mag-plphero__eyebrow{display:block;font-size:15px;font-weight:800;letter-spacing:.2px;color:var(--mag-accent);margin-bottom:4px;}
.mag-plphero--peach .mag-plphero__eyebrow{color:var(--inko-orange);}
.mag-plphero--mint .mag-plphero__eyebrow{color:#2f9e63;}
.mag-plphero__title{font-size:30px;font-weight:800;margin:0 0 10px;letter-spacing:-.5px;line-height:1.2;}
.mag-plphero__desc{font-size:15px;font-weight:600;color:var(--mag-sub);margin:0;line-height:1.55;}
.mag-plphero__art{flex-shrink:0;width:34%;max-width:160px;display:flex;justify-content:flex-end;color:var(--mag-accent);opacity:.55;margin-top:-6px;}
.mag-plphero--peach .mag-plphero__art{color:#e58a5a;}
.mag-plphero--mint .mag-plphero__art{color:#4fb27f;}
.mag-plphero__art svg{width:100%;height:auto;}
.mag-plphero__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.mag-plphero__search{margin-top:14px;}
.mag-plphero__search .mag-searchform{border-radius:12px;}
.mag-plphero--tool .mag-plphero__art{opacity:.8;}

/* 건강백과 메인 히어로 */
.mag-enchero{background:linear-gradient(180deg,#eeedfb 0%,#f5f4fd 60%,#fff 100%);padding:34px 16px 30px;position:relative;overflow:hidden;}
.mag-enchero__inner{max-width:var(--mag-max);margin:0 auto;position:relative;}
.mag-enchero__art{position:absolute;right:-10px;top:-14px;color:var(--mag-accent);opacity:.25;}
.mag-enchero__title{font-size:28px;font-weight:800;line-height:1.3;margin:0 0 12px;letter-spacing:-.5px;position:relative;}
.mag-enchero__desc{font-size:16px;color:var(--mag-sub);margin:0 0 20px;position:relative;line-height:1.55;}
.mag-enchero__hot{margin-top:22px;}
.mag-enchero__hot b{display:block;font-size:17px;font-weight:800;margin-bottom:12px;}
.mag-enchero__kws{display:flex;flex-wrap:wrap;gap:8px;}
.mag-encmain{padding-top:26px;}
.mag-enccats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.mag-enccat{display:flex;flex-direction:column;gap:6px;border-radius:12px;padding:16px 12px;background:var(--mag-accent-soft);min-height:130px;}
.mag-enccat--mint{background:var(--mag-mint);}
.mag-enccat--peach{background:var(--mag-peach);}
.mag-enccat b{font-size:16px;font-weight:800;}
.mag-enccat span{font-size:13px;color:var(--mag-sub);line-height:1.45;flex:1;}
.mag-enccat i{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:800;font-style:normal;color:var(--mag-accent);}

/* 검색 결과 (시안 1-2) */
.mag-searchpage{padding-top:12px;}
.mag-searchpage__title{margin:18px 0 0;font-size:18px;font-weight:700;line-height:1.4;color:var(--mag-text);}
.mag-searchpage__title b{color:var(--mag-accent);font-weight:800;}
.mag-stabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--mag-line);margin:16px -16px 24px;padding:0 16px;}
.mag-stabs::-webkit-scrollbar{display:none;}
.mag-stabs__item{flex-shrink:0;padding:12px 8px;font-size:15px;font-weight:600;color:var(--mag-faint);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;}
.mag-stabs__item.is-active{color:var(--mag-accent);border-bottom-color:var(--mag-accent);font-weight:800;}

/* 1분 FAQ 상세 (시안 4-2) */
.mag-faqsingle{padding-top:22px;max-width:860px;}
.mag-faq__title{font-size:24px;font-weight:800;line-height:1.35;margin:6px 0 10px;letter-spacing:-.4px;}
.mag-faq__date{font-size:14px;color:var(--mag-faint);margin:0 0 18px;}
.mag-faq__answer{background:var(--mag-accent-soft);border-radius:14px;padding:20px 18px 22px;}
.mag-faq__label{display:block;font-size:22px;font-weight:800;color:var(--mag-accent);margin-bottom:10px;}
.mag-faq__body{font-size:16px;line-height:1.7;color:var(--mag-text);}
.mag-faq__body p{margin:0 0 14px;}
.mag-faq__body p:last-child{margin-bottom:0;}
.mag-faq__body img{border-radius:10px;}
.mag-faq__tags,.mag-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 40px;} /* .mag-tags = inko_mag_post_tags_html() — 1분 FAQ·매거진 글 상세 공용 (QA #133) */
.mag-artpage .mag-tags{margin:28px 0 0;}
.mag-faq > .inko-mag-ctawrap{margin:22px 0;} /* 메타박스 CTA(본문 상단/하단) */
.mag-faqsingle .mag-sec{margin-bottom:44px;}

/* 핵심 요약 3줄 — 백과 3종·1분 FAQ 상세 공용(inko_mag_keysum_html), 상단 소개문 바로 아래 · 비면 미출력 */
.mag-keysum{border:1px solid var(--mag-accent-soft2);border-radius:14px;padding:16px 18px 18px;background:#fff;margin:0 0 38px;}
.mag-faq .mag-keysum{margin:0 0 22px;}
.mag-keysum__title{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800;color:var(--mag-accent);letter-spacing:-.3px;line-height:1.4;margin:0 0 10px;}
.mag-keysum__list{list-style:none;margin:0;padding:0;}
.mag-keysum__list li{position:relative;padding-left:14px;font-size:15px;line-height:1.65;color:var(--mag-text);}
.mag-keysum__list li + li{margin-top:6px;}
.mag-keysum__list li::before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--mag-accent);}

/* 상품 캐러셀 (쇼핑몰 카드 그대로) — 공용 캐러셀(.inko-carousel) 사용, 매거진 화면에서는 강조색만 보라로 */
.inko-carousel--magprod{--car-gap:10px;}
.inko-carousel--magprod .inko-carousel__track{grid-template-rows:1fr;row-gap:0;grid-auto-columns:calc((100% - var(--car-gap)) / 2);} /* 1행 고정 — 몰 기본 MO 캐러셀은 2행×2열이라 3번째 카드가 아래 줄로 떨어진다 */
.inko-carousel--magprod .inko-carousel__track > *{min-width:0;}
.inko-carousel--magprod .inko-carousel__arrow,.mag-shell .inko-cur--carousel .inko-carousel__arrow{top:30%;}
@media (max-width:767px){ /* MO: 화살표를 작게 + 좌우 여백(16px) 안쪽으로 — 가로 스크롤 방지 */
  /* 한 번 밀면 다음 2개로 — 마지막 항목은 end 정렬(홀수 개 대비) */
  .inko-carousel--magprod .inko-carousel__track > *:nth-child(even){scroll-snap-align:none;}
  .inko-carousel--magprod .inko-carousel__track > *:last-child{scroll-snap-align:end;}
  .inko-carousel--magprod .inko-carousel__arrow{width:32px;height:32px;}
  .inko-carousel--magprod .inko-carousel__arrow--prev{left:-8px;} .inko-carousel--magprod .inko-carousel__arrow--next{right:-8px;}
  .inko-carousel--magprod .inko-carousel__arrow svg{width:18px;height:18px;}
}
.mag-shell .inko-carousel__dots button.is-active{background:var(--mag-accent);}
.mag-shell .inko-carousel__arrow:hover{border-color:var(--mag-accent);color:var(--mag-accent);}
.mag-shell .inko-carousel img{-webkit-user-drag:none;user-select:none;}
/* 맞춤 추천(쇼핑몰 AI 큐레이션 슬롯) — 몰 섹션 여백·구분선을 걷어 매거진 섹션 모양에 맞춘다 */
.mag-shell .inko-cur.inko-section{padding:0;margin:0;border:0;}
.mag-shell .inko-cur--carousel .inko-section__title{font-size:20px;font-weight:800;margin:0 0 14px;letter-spacing:-.3px;display:flex;align-items:center;gap:6px;}
.mag-shell .inko-cur--carousel .inko-carousel{--car-gap:10px;}
.mag-shell .inko-cur--carousel .inko-carousel__dots{margin-top:18px;}

/* ══════════ 건강 계산기 (시안 5) ══════════ */
.mag-toolpage{padding-top:22px;max-width:760px;}
.mag-toolform{display:flex;flex-direction:column;gap:14px;}
.mag-field{display:flex;align-items:center;gap:14px;}
.mag-field--top{align-items:flex-start;}
.mag-field > label{width:84px;flex-shrink:0;font-size:16px;font-weight:600;padding-top:0;}
.mag-field--top > label{padding-top:12px;}
.mag-field__input{flex:1;display:flex;align-items:stretch;border:1px solid var(--mag-line);border-radius:8px;overflow:hidden;background:#fff;height:52px;}
.mag-field__input:focus-within{border-color:var(--mag-accent);}
.mag-field__input input{flex:1;min-width:0;border:none;outline:none;padding:0 14px;font-size:17px;background:none;color:var(--mag-text);-moz-appearance:textfield;}
.mag-field__input input::-webkit-outer-spin-button,.mag-field__input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.mag-field__input input::placeholder{color:var(--mag-faint);}
.mag-field__unit{display:flex;align-items:center;justify-content:center;min-width:56px;padding:0 12px;background:var(--mag-bg);border-left:1px solid var(--mag-line);font-size:15px;color:var(--mag-sub);}
.mag-field.is-invalid .mag-field__input{border-color:#e0453b;}
.mag-seg{flex:1;display:flex;border:1px solid var(--mag-line);border-radius:8px;overflow:hidden;height:52px;}
.mag-seg button{flex:1;border:none;background:#fff;font-size:16px;font-weight:600;color:var(--mag-sub);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.15;border-left:1px solid var(--mag-line);}
.mag-seg button:first-child{border-left:none;}
.mag-seg button small{font-size:11px;font-weight:500;color:var(--mag-faint);}
.mag-seg button.is-active{background:var(--mag-accent-soft);color:var(--mag-accent);box-shadow:inset 0 0 0 1.5px var(--mag-accent);}
.mag-seg button.is-active small{color:var(--mag-accent);}
.mag-opts{flex:1;display:flex;flex-direction:column;gap:8px;}
.mag-opts button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--mag-line);border-radius:10px;background:#fff;padding:12px 14px;position:relative;}
.mag-opts button::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--mag-line);flex-shrink:0;}
.mag-opts button b{font-size:15px;font-weight:700;}
.mag-opts button span{font-size:12.5px;color:var(--mag-gray);flex:1;line-height:1.4;}
.mag-opts button i{font-style:normal;font-size:12px;color:var(--mag-faint);font-weight:700;white-space:nowrap;}
.mag-opts button > b{width:auto;}
.mag-opts button{flex-wrap:wrap;}
.mag-opts button > span{flex:0 0 100%;width:100%;padding-left:26px;order:3;} /* flex:1(basis 0)이 같은 줄에 눌러 앉던 문제 — 반드시 다음 줄 전체 폭 */
.mag-opts button > i{margin-left:auto;}
.mag-opts button.is-active{border-color:var(--mag-accent);background:var(--mag-accent-soft);}
.mag-opts button.is-active::before{border-color:var(--mag-accent);background:radial-gradient(circle,var(--mag-accent) 45%,transparent 50%);}
.mag-toolform__err{margin:0;color:#e0453b;font-size:13px;}
.mag-toolform__submit{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:58px;border:none;border-radius:10px;background:var(--mag-accent);color:#fff;font-size:18px;font-weight:800;margin-top:6px;}
.mag-toolform__submit:hover{background:var(--mag-accent-dark);}

.mag-toolres{margin-top:36px;scroll-margin-top:calc(var(--mag-header-h) + 12px);}
.mag-toolres .mag-sec__title{margin-bottom:12px;}
.mag-toolres__card{border:1px solid var(--mag-line2);border-radius:14px;padding:22px 18px;background:#fff;box-shadow:0 4px 18px rgba(17,24,39,.04);}
.mag-tr__label{display:block;text-align:center;font-size:15px;font-weight:700;color:var(--mag-sub);}
.mag-tr__value{display:block;text-align:center;font-size:44px;font-weight:800;line-height:1.1;margin:4px 0 8px;color:var(--mag-green);letter-spacing:-1px;}
.mag-tr__value small{font-size:16px;font-weight:600;margin-left:3px;color:var(--mag-gray);letter-spacing:0;}
.mag-tr__pill{display:flex;justify-content:center;margin-bottom:22px;}
.mag-tr__pill span{display:inline-flex;border-radius:16px;padding:6px 16px;font-size:14px;font-weight:800;background:#dff6ea;color:var(--mag-green);}
.mag-tr--blue .mag-tr__value{color:#3b7dd8;} .mag-tr--blue .mag-tr__pill span{background:#e3edfb;color:#3b7dd8;}
.mag-tr--amber .mag-tr__value{color:#d98f12;} .mag-tr--amber .mag-tr__pill span{background:#fdf1d6;color:#d98f12;}
.mag-tr--red .mag-tr__value{color:#e04b3b;} .mag-tr--red .mag-tr__pill span{background:#fde3df;color:#e04b3b;}
.mag-tr--accent .mag-tr__value{color:var(--mag-accent);} .mag-tr--accent .mag-tr__pill span{background:var(--mag-accent-soft);color:var(--mag-accent);}
.mag-gauge{margin:6px 6px 0;}
/* 눈금 줄은 마커 위 화살표(트랙 위 12px)보다 높게 — 화살표가 눈금 숫자를 가리지 않게(QA #46) */
.mag-gauge__ticks{position:relative;height:30px;font-size:12px;color:var(--mag-sub);font-weight:600;}
.mag-gauge__ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap;}
.mag-gauge__track{position:relative;display:flex;height:12px;border-radius:6px;overflow:visible;}
.mag-gauge__zone{height:100%;}
.mag-gauge__zone:first-child{border-radius:6px 0 0 6px;} .mag-gauge__zone:last-child{border-radius:0 6px 6px 0;}
.mag-gauge__marker{position:absolute;top:-5px;width:4px;height:22px;background:var(--mag-text);border-radius:2px;transform:translateX(-50%);transition:left .4s ease;}
.mag-gauge__marker::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--mag-text);}
.mag-gauge__labels{display:flex;margin-top:8px;}
.mag-gauge__labels span{min-width:0;font-size:12px;color:var(--mag-sub);text-align:center;font-weight:600;white-space:nowrap;}
@media (max-width:767px){ .mag-gauge__labels span{font-size:11px;letter-spacing:-.04em;} } /* 좁은 구간 라벨('전단계')이 두 줄로 갈라지지 않게 */
.mag-tr__msg{margin-top:18px;background:var(--mag-bg);border-radius:10px;padding:16px 14px;text-align:center;}
.mag-tr__msg b{display:block;font-size:16px;font-weight:800;margin-bottom:6px;}
.mag-tr__msg b em{font-style:normal;color:var(--mag-green);}
.mag-tr--blue .mag-tr__msg b em{color:#3b7dd8;} .mag-tr--amber .mag-tr__msg b em{color:#d98f12;} .mag-tr--red .mag-tr__msg b em{color:#e04b3b;} .mag-tr--accent .mag-tr__msg b em{color:var(--mag-accent);}
.mag-tr__msg p{margin:0;font-size:14px;color:var(--mag-sub);line-height:1.6;}
.mag-tr__warn{margin-top:12px;border:1px solid #f6c3bb;background:#fde3df;border-radius:10px;padding:14px;text-align:left;}
.mag-tr__warn b{display:block;font-size:14px;font-weight:800;color:#c9382b;margin-bottom:4px;}
.mag-tr__warn p{margin:0;font-size:13px;color:var(--mag-text);line-height:1.6;}
.mag-tr__warn p b{display:inline;font-size:inherit;color:#c9382b;margin:0;}
.mag-tr__tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;}
.mag-tr__tiles--3{grid-template-columns:repeat(3,1fr);}
.mag-tr__tile{border:1px solid var(--mag-line2);border-radius:10px;padding:12px;background:#fff;}
.mag-tr__tile i{display:block;font-style:normal;font-size:12px;color:var(--mag-faint);font-weight:700;}
.mag-tr__tile b{display:block;font-size:19px;font-weight:800;margin-top:3px;}
.mag-tr__tile b small{font-size:12px;color:var(--mag-gray);font-weight:600;margin-left:2px;}
.mag-tr__tile span{display:block;font-size:11.5px;color:var(--mag-faint);margin-top:2px;}
.mag-tr__tile--accent{border-color:var(--mag-accent);background:var(--mag-accent-soft);}
.mag-tr__tile--accent b{color:var(--mag-accent);}
.mag-toolres__detail{margin-top:12px;display:flex;flex-direction:column;gap:10px;}
.mag-tooldet{border:1px solid var(--mag-line2);border-radius:12px;background:#fff;}
.mag-tooldet summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:800;}
.mag-tooldet summary::-webkit-details-marker{display:none;}
.mag-tooldet summary::after{content:"펼치기";font-size:12px;color:var(--mag-faint);font-weight:600;}
.mag-tooldet[open] summary::after{content:"접기";}
.mag-tooldet__body{padding:0 16px 16px;font-size:14px;color:var(--mag-sub);line-height:1.65;border-top:1px solid var(--mag-line2);padding-top:12px;}
.mag-tooldet__body p{margin:0 0 10px;}
.mag-tooldet__body p:last-child{margin-bottom:0;}
.mag-tooldet__body b{color:var(--mag-text);}
.mag-tooldet__row{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--mag-line);font-size:13.5px;}
.mag-tooldet__row:last-child{border-bottom:none;}
.mag-tooldet__row i{font-style:normal;color:var(--mag-faint);flex:0 0 96px;}
.mag-tooldet__row span{color:var(--mag-text);font-weight:600;}
.mag-tooldet__src{margin-top:10px;font-size:12px;color:var(--mag-faint);}
.mag-tooldet table{width:100%;border-collapse:collapse;font-size:13.5px;}
.mag-tooldet th{text-align:left;color:var(--mag-faint);font-weight:700;font-size:12px;padding:8px 6px;border-bottom:1px solid var(--mag-line);}
.mag-tooldet td{padding:9px 6px;border-bottom:1px solid var(--mag-line2);color:var(--mag-sub);}
.mag-tooldet tr.is-now td{color:var(--mag-accent);font-weight:800;background:var(--mag-accent-soft);}
.mag-sched{list-style:none;margin:0;padding:0;}
.mag-sched li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--mag-line);font-size:13.5px;}
.mag-sched li:last-child{border-bottom:none;}
.mag-sched li b{flex:0 0 auto;min-width:64px;text-align:center;background:var(--mag-bg);border-radius:12px;padding:3px 9px;font-size:12px;}
.mag-sched li span{flex:1;color:var(--mag-gray);}
.mag-sched li i{font-style:normal;font-weight:800;color:var(--mag-accent);}
.mag-toolinfo{display:flex;gap:10px;align-items:flex-start;background:#eef3fc;border-radius:12px;padding:14px 14px;margin-top:12px;}
.mag-toolinfo__ic{color:#3b7dd8;display:flex;flex-shrink:0;margin-top:1px;}
.mag-toolinfo__body{display:flex;flex-direction:column;gap:2px;}
.mag-toolinfo__body b{font-size:15px;font-weight:800;}
.mag-toolinfo__body span{font-size:13px;color:var(--mag-sub);line-height:1.55;}
.mag-toolact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;}
.mag-toolact__btn{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border:1px solid var(--mag-line);border-radius:10px;background:#fff;font-size:16px;font-weight:600;color:var(--mag-text);}
.mag-toolact__btn:hover{border-color:var(--mag-accent);color:var(--mag-accent);}
.mag-toolact__btn:disabled{opacity:.5;}
.mag-toolpage .mag-sec--others{margin-top:40px;}
.mag-toolres .mag-more{margin-top:12px;}

/* ══════════ 푸터 · 플로팅 ══════════ */
.mag-footer{border-top:1px solid var(--mag-line);background:var(--mag-bg);margin-top:20px;}
.mag-footer__inner{max-width:var(--mag-max);margin:0 auto;padding:28px 16px;display:flex;flex-direction:column;gap:12px;color:#666;font-size:12px;}
.mag-footer__links{display:flex;flex-wrap:wrap;gap:16px;}
.mag-footer__links a{font-weight:700;font-size:13px;color:#444;}
.mag-footer__links a:hover{color:var(--mag-accent);}
.mag-footer__sns{display:flex;gap:12px;}
.mag-footer__sns a{font-size:12px;color:var(--mag-faint);}
.mag-footer__copy{margin:0;color:var(--mag-faint);}
.mag-top{position:fixed;right:16px;bottom:20px;width:42px;height:42px;border-radius:50%;border:1px solid var(--mag-line);background:#fff;display:none;align-items:center;justify-content:center;z-index:80;box-shadow:0 4px 14px rgba(0,0,0,.10);}
.mag-top.is-show{display:flex;}
.mag-toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,16px);background:rgba(17,24,39,.92);color:#fff;font-size:13px;font-weight:600;border-radius:22px;padding:11px 20px;opacity:0;pointer-events:none;transition:.25s;z-index:140;white-space:nowrap;}
.mag-toast.is-show{opacity:1;transform:translate(-50%,0);}
.mag-stickyshop{display:none;position:fixed;left:16px;right:16px;bottom:16px;z-index:90;background:var(--mag-accent);color:#fff;font-weight:800;font-size:14px;border-radius:26px;padding:14px;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 24px rgba(92,83,210,.35);}
.mag-stickyshop.is-show{display:flex;}
body.mag-lock{overflow:hidden;}

/* ══════════ 레거시 (글 상세 · 백과 상세 · 태그 — 시안 미제공 화면) ══════════ */
.mag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 22px;}
.mag-grid--4{grid-template-columns:repeat(4,1fr);}
.mag-card{display:flex;flex-direction:column;gap:10px;}
.mag-card__thumb{aspect-ratio:16/10;background:#f4f5f7;border-radius:12px;overflow:hidden;}
.mag-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s;}
.mag-card:hover .mag-card__thumb img{transform:scale(1.04);}
.mag-card__body{display:flex;flex-direction:column;gap:5px;}
.mag-card__cat{font-size:12px;font-weight:700;color:var(--mag-accent);}
.mag-card__title{font-size:15px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mag-card__excerpt{color:#666;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mag-card__meta{color:var(--mag-faint);font-size:12px;display:flex;gap:10px;}
.mag-encgrid{display:flex;flex-direction:column;}
.mag-tagchips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;}
.mag-tagchip{background:#f4f5f7;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:600;color:#555;}
.mag-tagchip:hover{background:var(--mag-accent);color:#fff;}
.mag-tagchip em{font-style:normal;color:var(--mag-faint);font-size:11px;margin-left:2px;}
.mag-tagchip--cat{background:var(--mag-accent-soft);color:var(--mag-accent);}
.mag-tagtype{display:inline-block;background:var(--mag-accent-soft);color:var(--mag-accent);font-size:11px;font-weight:800;border-radius:10px;padding:3px 8px;margin-right:6px;}
.mag-head{padding:30px 0 6px;}
.mag-head h1{font-size:26px;font-weight:800;margin:0 0 6px;}
.mag-head p{color:var(--mag-faint);margin:0;}
.mag-sortbar{display:flex;gap:6px;padding:14px 0 22px;}
.mag-sortbar__item{border:1px solid var(--mag-line);border-radius:18px;padding:7px 14px;font-size:13px;color:#555;}
.mag-sortbar__item.is-active{background:var(--mag-text);color:#fff;border-color:var(--mag-text);font-weight:700;}
.mag-pagination{display:flex;gap:6px;justify-content:center;padding:26px 0 40px;}
.mag-pagination .page-numbers{border:1px solid var(--mag-line);border-radius:8px;padding:7px 12px;font-size:13px;}
.mag-pagination .current{background:var(--mag-accent);color:#fff;border-color:var(--mag-accent);}
.mag-single-wrap{max-width:820px;margin:0 auto;}
.mag-single{padding:26px 16px 70px;}
.mag-single .mag-crumb{margin-bottom:14px;}
.mag-single__title{font-size:28px;font-weight:800;line-height:1.32;margin:0 0 12px;letter-spacing:-.4px;}
.mag-single__meta{color:var(--mag-faint);font-size:13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px;}
.mag-single__meta span{display:inline-flex;align-items:center;gap:3px;}
.mag-single__thumb{border-radius:14px;overflow:hidden;margin-bottom:24px;}
.mag-summary{background:var(--mag-accent-soft);border-radius:14px;padding:18px 22px;margin-bottom:26px;}
.mag-summary__label{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--mag-accent);}
.mag-summary ul{margin:8px 0 0;padding-left:18px;}
.mag-summary li{font-size:14px;line-height:1.75;}
.mag-content{font-size:16px;line-height:1.85;}
.mag-content h2{font-size:22px;margin:36px 0 12px;}
.mag-content h3{font-size:18px;margin:28px 0 10px;}
.mag-content img{border-radius:10px;}
.mag-back{display:inline-flex;align-items:center;gap:3px;margin-top:26px;color:var(--mag-faint);font-size:13px;}
.mag-enchead{display:flex;gap:16px;align-items:flex-start;margin-bottom:6px;}
.mag-enchead__ic{width:56px;height:56px;border-radius:16px;background:var(--mag-accent-soft);color:var(--mag-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mag-enchead__en{font-size:13px;color:var(--mag-faint);font-weight:700;margin:2px 0 0;}
.mag-enchead__sum{font-size:15px;color:#444;margin:8px 0 0;}
.mag-encfields{display:grid;gap:12px;margin:24px 0 8px;}
.mag-encfield{border:1px solid var(--mag-line);border-radius:14px;padding:18px 20px;}
.mag-encfield h2{font-size:15px;font-weight:800;margin:0 0 6px;color:var(--mag-accent);}
.mag-encfield p{margin:0;font-size:14px;line-height:1.8;color:#333;}
/* 공유 — 상세(글·백과·1분 FAQ) 본문 끝, inko_mag_share_buttons() */
/* 이전 글 / 다음 글 — 같은 카테고리 기준 2칸 (inko_mag_adjacent_html, QA #133) */
.mag-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0;}
.mag-adjacent__item{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;border:1px solid var(--mag-line);border-radius:12px;background:#fff;color:var(--mag-text);text-decoration:none;}
.mag-adjacent__item--next{align-items:flex-end;text-align:right;}
a.mag-adjacent__item:hover{border-color:var(--mag-accent);color:var(--mag-accent);}
.mag-adjacent__item.is-empty{background:var(--mag-bg);color:var(--mag-faint);}
.mag-adjacent__label{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--mag-sub);}
.mag-adjacent__label .mag-ic{flex:none;}
.mag-adjacent__title{font-size:14px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;}
.mag-share{display:flex;flex-direction:column;gap:10px;margin:34px 0 0;padding-top:20px;border-top:1px solid var(--mag-line);}
.mag-share__label{font-size:13px;font-weight:700;color:var(--mag-sub);}
.mag-share__btns{display:flex;gap:8px;flex-wrap:wrap;}
.mag-share__btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;border:1px solid var(--mag-line);background:#fff;color:var(--mag-text);border-radius:20px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;}
.mag-share__btn .mag-ic{flex:none;color:var(--mag-gray);}
.mag-share__btn:hover{border-color:var(--mag-accent);color:var(--mag-accent);}
.mag-share__btn:hover .mag-ic{color:var(--mag-accent);}
.mag-prodgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.mag-prodgrid .inko-magp{margin:0;flex-direction:row;}
.mag-prodgrid .inko-magp__thumb{width:76px;height:76px;}
.inko-magp{display:flex;gap:14px;border:1px solid var(--mag-line);border-radius:12px;padding:14px;margin:18px 0;align-items:center;transition:border-color .15s;background:#fff;}
.inko-magp:hover{border-color:var(--mag-accent);}
.inko-magp__thumb{width:86px;height:86px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#f4f5f7;}
.inko-magp__thumb img{width:100%;height:100%;object-fit:cover;}
.inko-magp__body{display:flex;flex-direction:column;gap:3px;min-width:0;}
.inko-magp__sub{font-size:12px;color:var(--mag-faint);}
.inko-magp__name{font-size:14px;font-weight:700;}
.inko-magp__price{font-size:14px;font-weight:700;}
.inko-magp__price del{color:var(--mag-faint);font-weight:400;font-size:12px;margin-left:4px;}
.inko-magp__dc{color:var(--inko-orange);margin-right:4px;}
.inko-magp__cta{font-size:12px;color:var(--mag-accent);font-weight:700;margin-top:2px;}
.inko-mag-linked,.inko-mag-encrel,.inko-mag-tags,.inko-mag-revs,.inko-mag-rel{margin-top:36px;border-top:1px solid var(--mag-line);padding-top:22px;}
.inko-mag-linked h3,.inko-mag-encrel h3,.inko-mag-tags h3,.inko-mag-revs h3,.inko-mag-rel h3{font-size:17px;margin:0 0 12px;}
.inko-mag-linked__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
.inko-mag-linked__head h3{margin:0;}
.inko-mag-linked__more{font-size:13px;font-weight:700;color:var(--mag-accent);}
.inko-mag-linked__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;}
.inko-mag-linked__grid::-webkit-scrollbar{display:none;}
.inko-mag-linked__grid .inko-magp{flex:0 0 150px;scroll-snap-align:start;margin:0;flex-direction:column;align-items:stretch;gap:9px;padding:10px;}
.inko-mag-linked__grid .inko-magp__thumb{width:100%;height:auto;aspect-ratio:1/1;}
.inko-mag-linked__grid .inko-magp__name{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.inko-mag-linked__grid .inko-magp__price{font-size:13px;}
.inko-mag-linked__grid .inko-magp__cta{display:none;}
.inko-mag-encrel__grid{display:grid;grid-template-columns:1fr;gap:10px;}
.inko-mag-encrel__item{border:1px solid var(--mag-line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;}
.inko-mag-encrel__item:hover{border-color:var(--mag-accent);}
.inko-mag-encrel__item b{font-size:14px;}
.inko-mag-encrel__item span{font-size:12px;color:#666;}
.inko-mag-tags__list{display:flex;flex-wrap:wrap;gap:7px;}
.inko-mag-tag{background:#f4f5f7;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:600;color:#555;}
.inko-mag-tag:hover{background:var(--mag-accent);color:#fff;}
.inko-mag-revs__list{display:grid;grid-template-columns:1fr;gap:10px;}
.inko-mag-rev{border:1px solid var(--mag-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px;}
.inko-mag-rev__top{display:flex;justify-content:space-between;gap:8px;font-size:13px;}
.inko-mag-rev__top em{font-style:normal;color:var(--inko-orange);letter-spacing:-1px;}
.inko-mag-rev__body{font-size:13px;color:#444;line-height:1.6;}
.inko-mag-rev__meta{font-size:11px;color:var(--mag-faint);}
.inko-mag-ctawrap{text-align:center;margin:26px 0;}
.inko-mag-ctabtn{display:inline-block;color:#fff !important;font-size:15px;font-weight:800;border-radius:12px;padding:14px 34px;transition:opacity .15s;}
.inko-mag-ctabtn:hover{opacity:.88;}
.inko-mag-catlinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;}
.inko-mag-catlink{border:1.5px solid var(--mag-accent);color:var(--mag-accent);font-weight:700;font-size:13px;border-radius:20px;padding:9px 16px;}
.inko-mag-catlink:hover{background:var(--mag-accent);color:#fff;}
.inko-mag-rel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.inko-mag-rel__nav button{width:32px;height:32px;border:1px solid var(--mag-line);background:#fff;border-radius:50%;font-size:16px;margin-left:6px;}
.inko-mag-rel__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;}
.inko-mag-rel__track::-webkit-scrollbar{display:none;}
.inko-mag-rel__card{flex:0 0 226px;scroll-snap-align:start;display:flex;flex-direction:column;gap:7px;}
.inko-mag-rel__thumb{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#f4f5f7;}
.inko-mag-rel__thumb img{width:100%;height:100%;object-fit:cover;}
.inko-mag-rel__cat{font-size:11px;font-weight:700;color:var(--mag-accent);}
.inko-mag-rel__title{font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.inko-mag-currec:empty{display:none;}
.inko-mag-currec__ai{margin-left:8px;font-size:12px;font-style:normal;font-weight:600;color:var(--mag-accent);background:var(--mag-accent-soft);border-radius:10px;padding:2px 8px;vertical-align:middle;}
.mag-recent__row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;}
.mag-recent__item{flex:0 0 140px;display:flex;flex-direction:column;gap:6px;}
.mag-recent__thumb{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#f4f5f7;}
.mag-recent__thumb img{width:100%;height:100%;object-fit:cover;}
.mag-recent__title{font-size:12px;font-weight:700;line-height:1.4;}

/* ══════════ 반응형 — Tablet ≥ 768 ══════════ */
@media (min-width:768px){
  .mag-wrap,.mag-home{padding-left:20px;padding-right:20px;}
  .mag-header__inner{padding:14px 20px;}
  .mag-chips,.mag-tabs{margin-left:0;margin-right:0;padding-left:0;padding-right:0;flex-wrap:wrap;overflow:visible;}
  .mag-quick{grid-template-columns:repeat(4,1fr);gap:14px;}
  .mag-hero__slide{flex-direction:row;}
  .mag-hero__img{flex:0 0 56%;aspect-ratio:16/9;}
  .mag-hero__body{flex:1;justify-content:center;padding:28px 30px 44px;gap:12px;}
  .mag-hero__title{font-size:24px;}
  .mag-hero__desc{font-size:15px;}
  .mag-hero__nav{display:flex;}
  .mag-hero__dots{left:auto;right:30px;transform:none;}
  .mag-rows--post,.mag-rows--enc,.mag-rows--faq,.mag-rows--tool,.mag-rows--mag,.mag-rows--sym,.mag-rows--dis,.mag-rows--ing{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;}
  .mag-rows > .mag-row:nth-last-child(2):nth-child(odd){border-bottom:none;}
  .mag-rows > .mag-row:last-child:nth-child(odd){grid-column:1 / -1;} /* 홀수 개로 끝나면 마지막 행을 두 칸으로 — 빈 칸 금지 (QA #176) */
  .mag-row__thumb{width:104px;height:104px;}
  .mag-row--enc .mag-row__thumb{width:84px;height:84px;}
  .mag-cta,.mag-calcbn{padding:24px 28px;}
  .mag-cta__title{font-size:17px;}
  .mag-plphero{padding:26px 20px 30px;}
  .mag-plphero__title{font-size:36px;}
  .mag-plphero__art{max-width:200px;}
  .mag-plphero__search{max-width:640px;}
  .mag-enchero{padding:50px 20px 40px;}
  .mag-enchero__title{font-size:34px;}
  .mag-enchero .mag-searchform{max-width:640px;}
  .mag-enchero__art{right:40px;top:10px;opacity:.3;}
  .mag-enccats{gap:14px;}
  .mag-enccat{padding:22px 20px;}
  .mag-toolpage,.mag-faqsingle{padding-top:30px;}
  .mag-field > label{width:120px;}
  .mag-stabs{margin-left:0;margin-right:0;padding:0;}
  .mag-nav{top:var(--mag-header-h);bottom:auto;}
  .mag-nav__panel{height:auto;max-height:70vh;overflow-y:auto;border-top:1px solid var(--mag-line2);box-shadow:0 20px 40px rgba(17,24,39,.12);}
  .mag-nav__inner{width:100%;max-width:var(--mag-max);margin:0 auto;padding:24px 20px 30px;gap:30px;flex:1 0 auto;overflow:visible;align-items:stretch;} /* margin:auto 만 주면 flex 항목이 내용 폭으로 줄어 가운데로 몰린다 */
  .mag-nav__groups{width:220px;border-right:1px solid var(--mag-line2);}
  .mag-nav__list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;}
  .mag-nav__item{padding:11px 4px;font-size:16px;}
  .mag-nav__group{padding:11px 4px;font-size:16px;}
  .mag-nav__dim{display:block;position:fixed;left:0;right:0;top:var(--mag-header-h);bottom:0;z-index:-1;background:rgba(17,24,39,.35);} /* 헤더는 덮지 않아 GNB로 그룹 전환·재클릭 닫기 가능 */
  .mag-nav__panel .mag-overlay__close{position:absolute;bottom:auto;top:16px;left:auto;right:20px;transform:none;margin:0;width:40px;height:40px;background:var(--mag-line2);color:var(--mag-text);box-shadow:none;}
  .mag-search{top:var(--mag-top-h);bottom:auto;}
  .mag-search__panel{height:auto;max-height:80vh;border-top:1px solid var(--mag-line2);box-shadow:0 20px 40px rgba(17,24,39,.12);}
  .mag-search__inner{max-width:760px;margin:0 auto;padding:26px 20px 20px;width:100%;}
  .mag-search__foot{max-width:760px;margin:0 auto;width:100%;padding:0 20px 30px;}
  .mag-search__dim{display:block;position:fixed;left:0;right:0;top:var(--mag-top-h);bottom:0;z-index:-1;background:rgba(17,24,39,.35);}
  .mag-search__panel .mag-overlay__close{position:absolute;bottom:auto;top:16px;left:auto;right:20px;transform:none;width:40px;height:40px;background:var(--mag-line2);color:var(--mag-text);box-shadow:none;}
  .mag-grid,.mag-grid--4{grid-template-columns:repeat(3,1fr);}
  .mag-prodgrid{grid-template-columns:repeat(3,1fr);}
  .inko-mag-encrel__grid,.inko-mag-revs__list{grid-template-columns:1fr 1fr;}
}

/* ══════════ 반응형 — PC ≥ 1024 ══════════ */
@media (min-width:1024px){
  :root{--mag-header-h:66px;--mag-top-h:66px;}
  .mag-header__inner{gap:36px;min-height:66px;padding:0 20px;}
  .mag-gnb--mo{display:none;}
  .mag-gnb--pc{display:flex;gap:4px;align-self:stretch;}
  .mag-gnb--pc .mag-gnb__item{padding:0 14px;font-size:16px;height:100%;border-bottom:2px solid transparent;}
  .mag-gnb--pc .mag-gnb__item.is-active,.mag-gnb--pc .mag-gnb__item:hover{color:var(--mag-accent);}
  .mag-gnb--pc .mag-gnb__item.is-active{border-bottom-color:var(--mag-accent);}
  .mag-header__top{border-bottom:1px solid var(--mag-line2);}
  .mag-header__shop{font-size:15px;}
  .mag-sec{margin-bottom:56px;}
  .mag-sec__title{font-size:24px;}
  .mag-hero{margin:24px 0 40px;}
  .mag-hero__title{font-size:28px;}
  .mag-quick__card{min-height:130px;padding:20px 18px;}
  .mag-quick__head b{font-size:18px;}
  .mag-quick__desc{font-size:14px;}
  .mag-row__title,.mag-row__q{font-size:17px;}
  .mag-plphero__title{font-size:40px;}
  .mag-plphero__desc{font-size:17px;}
  .mag-plphero__art{max-width:240px;}
  .mag-faq__title{font-size:30px;}
  .mag-faq__answer{padding:28px 30px;}
  .mag-faq__label{font-size:24px;}
  .mag-keysum{padding:22px 26px 24px;}
  .mag-keysum__title{font-size:18px;}
  .mag-keysum__list li{font-size:16px;}
  .mag-toolres__card{padding:30px 28px;}
  .mag-tr__value{font-size:52px;}
  .mag-grid--4{grid-template-columns:repeat(4,1fr);}
  .mag-prodgrid{grid-template-columns:repeat(4,1fr);}
  .inko-mag-linked__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow:visible;}
  .inko-mag-linked__grid .inko-magp{flex:none;}
  .mag-top{right:24px;bottom:24px;}
}

/* ══════════ 매거진 글 상세 (시안 2-2 건강매거진 PDP · 확정 2026-09-21) ══════════ */
.mag-artpage{padding-top:18px;}
.mag-crumb--ellipsis{flex-wrap:nowrap;white-space:nowrap;}
.mag-crumb--ellipsis > a,.mag-crumb--ellipsis > svg{flex-shrink:0;}
.mag-crumb--ellipsis > span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.mag-arthead{margin:0 -16px;}
.mag-arthead__img{border-radius:16px 16px 0 0;overflow:hidden;aspect-ratio:16/9;background:var(--mag-bg);}
.mag-arthead__img img{width:100%;height:100%;object-fit:cover;}
.mag-arthead__info{background:var(--mag-bg);padding:14px 32px 18px;display:flex;flex-direction:column;gap:4px;}
.mag-arthead__cat{font-size:13px;font-weight:600;color:var(--mag-text);align-self:flex-start;}
.mag-arthead__cat:hover{color:var(--mag-accent);}
.mag-arthead__title{font-size:20px;font-weight:800;line-height:1.4;letter-spacing:-.4px;margin:0;}
.mag-arthead__sub{font-size:14px;color:var(--mag-text);margin:4px 0 0;}
.mag-arthead__date{font-size:12px;color:var(--mag-gray);margin-top:6px;}
.mag-artblock{margin-top:40px;}
.mag-artblock__title{font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 12px;}
.mag-artbox{border-radius:12px;padding:18px 16px;margin:0;background:var(--mag-bg);font-size:14px;line-height:1.8;color:var(--mag-sub);}
.mag-artbox--accent{background:var(--mag-accent-soft);}
.mag-artbox--gray{background:var(--mag-line2);}
.mag-artbox p{margin:0;}
.mag-toc{list-style:none;display:flex;flex-direction:column;gap:4px;}
.mag-toc a{text-decoration:underline;text-underline-offset:3px;color:var(--mag-sub);}
.mag-toc a:hover{color:var(--mag-accent);}
.mag-srclist{list-style:none;}
.mag-srclist li{position:relative;padding-left:12px;}
.mag-srclist li::before{content:"·";position:absolute;left:0;font-weight:800;}
.mag-srclist a{color:inherit;text-decoration:none;} /* 시안: 링크지만 일반 글자처럼 보이게 */
.mag-content--art{margin-top:36px;font-size:14px;line-height:1.8;color:var(--mag-sub);}
.mag-content--art > *{margin-left:16px;margin-right:16px;}
.mag-content--art > h2,.mag-content--art > .inko-mag-ctawrap{margin-left:0;margin-right:0;}
.mag-content--art h2{font-size:17px;font-weight:800;line-height:1.45;letter-spacing:-.3px;color:var(--mag-text);margin:30px 0 10px;}
.mag-content--art > h2:first-child{margin-top:0;}
.mag-content--art h3{font-size:15px;font-weight:800;color:var(--mag-text);margin:22px 16px 8px;}
.mag-content--art p{margin-top:0;margin-bottom:14px;}
.mag-content--art img{height:auto;margin:6px auto 14px;border-radius:0;}
.mag-content--art figure{margin-top:6px;margin-bottom:14px;}
.mag-content--art figure img{margin:0 auto;}
.mag-content--art figcaption{font-size:12px;color:var(--mag-faint);text-align:center;margin-top:6px;}
.mag-content--art a{color:var(--mag-accent);text-decoration:underline;text-underline-offset:3px;}
.mag-content--art a.inko-magp,.mag-content--art a.inko-mag-ctabtn{text-decoration:none;color:inherit;}
.mag-content--art a.inko-mag-ctabtn{color:#fff;}
.mag-content--art ul,.mag-content--art ol{padding-left:18px;margin-top:0;margin-bottom:14px;}
.mag-content--art ul{list-style:disc;} .mag-content--art ol{list-style:decimal;} /* 몰 style.css 의 ul reset(list-style:none) 복원 */
.mag-content--art li{margin-bottom:4px;}
.mag-content--art table{border-collapse:collapse;width:calc(100% - 32px);font-size:13px;margin-bottom:16px;}
.mag-content--art th,.mag-content--art td{border:1px solid var(--mag-line);padding:8px 10px;text-align:left;vertical-align:top;}
.mag-content--art th{background:var(--mag-bg);color:var(--mag-text);font-weight:700;}
.mag-content--art blockquote{border-left:3px solid var(--mag-accent);background:var(--mag-accent-soft);padding:12px 14px;border-radius:0 10px 10px 0;margin-top:0;margin-bottom:14px;}
.mag-artblock--src{margin-top:36px;}
.mag-artpage > .mag-sec{margin:56px 0 0;}
.mag-artpage > .mag-sec--recs{margin-top:44px;}
.mag-tbadge{display:inline-block;font-style:normal;font-size:11px;font-weight:700;line-height:1;color:#fff;border-radius:10px;padding:4px 7px;margin-right:4px;vertical-align:2px;background:var(--mag-accent);}
.mag-tbadge--dis{background:var(--mag-green);}
.mag-tbadge--ing{background:var(--mag-red);}
.mag-artcta{margin-top:48px;background:var(--mag-accent-soft);}
.mag-artcta .mag-cta{max-width:var(--mag-max);margin:0 auto;border-radius:0;padding:20px 24px;}
.mag-main:has(.mag-artcta) + .mag-footer{margin-top:0;}

@media (min-width:768px){
  .inko-carousel--magprod{--car-gap:14px;}
  .inko-carousel--magprod .inko-carousel__track,
  .mag-shell .inko-cur--carousel .inko-carousel__track{grid-auto-columns:calc((100% - 3 * var(--car-gap)) / 4);}
  .mag-shell .inko-cur--carousel .inko-carousel{--car-gap:14px;}
  .mag-artpage{max-width:860px;padding-top:30px;}
  .mag-artpage .mag-rows{display:flex;} /* 한 단 본문 폭이라 목록도 1열 유지 */
  .mag-arthead{margin:0;}
  .mag-arthead__info{padding:20px 32px 24px;border-radius:0 0 16px 16px;}
  .mag-arthead__title{font-size:26px;}
  .mag-arthead__sub{font-size:16px;}
  .mag-arthead__date{font-size:13px;}
  .mag-artbox{padding:22px 24px;font-size:15px;}
  .mag-content--art{font-size:16px;line-height:1.85;}
  .mag-content--art h2{font-size:21px;margin-top:40px;}
  .mag-content--art h3{font-size:17px;}
  .mag-content--art table{font-size:14px;}
  .mag-artcta{background:none;padding:0 20px;}
  .mag-artcta .mag-cta{max-width:820px;border-radius:14px;padding:24px 28px;}
}
@media (min-width:1024px){
  .mag-artpage{padding-top:36px;}
  .mag-arthead__title{font-size:30px;}
  .mag-artblock{margin-top:48px;}
  .mag-artblock__title{font-size:22px;}
  .mag-artpage > .mag-sec{margin-top:64px;}
  .mag-shell .inko-cur--carousel .inko-section__title{font-size:24px;}
  .mag-artcta{margin-top:64px;margin-bottom:56px;}
}

/* 페이지 없음 (magazine/404.php) */
.mag-404{padding-block:56px 72px;}
.mag-404__box{max-width:560px;margin:0 auto;text-align:center;}
.mag-404__code{display:block;font-size:64px;font-weight:800;line-height:1;color:var(--mag-accent);letter-spacing:-2px;}
.mag-404__title{font-size:24px;font-weight:700;color:var(--mag-text);margin:16px 0 8px;}
.mag-404__desc{font-size:14px;line-height:1.7;color:var(--mag-gray);margin:0 0 24px;}
.mag-404__search{text-align:left;margin-bottom:20px;}
.mag-404__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.mag-404__btn{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--mag-line);border-radius:20px;font-size:14px;font-weight:600;color:var(--mag-sub);background:#fff;}
.mag-404__btn:hover{border-color:var(--mag-accent);color:var(--mag-accent);}
.mag-404__btn--primary{background:var(--mag-accent);border-color:var(--mag-accent);color:#fff;}
.mag-404__btn--primary:hover{background:var(--mag-accent-dark);color:#fff;}

/* ══════════ 모바일 터치 영역 44px (접근성 QA #149) — 보이는 크기는 그대로, 누르는 영역만 넓힌다
   (몰 style.css 끝 블록과 같은 방식 — 가상요소 히트 영역은 검사 도구가 세지 않아 재수정됨:
    점은 버튼 박스 44×44(투명 테두리 18px + background-clip:padding-box 로 보이는 점 8px 유지, 음수 margin 으로 간격 유지),
    경로 링크는 실제 높이 44px + 음수 margin, 목차 링크는 실제 높이 44px(행 간격 0), 푸터 링크는 실제 높이) ══════════ */
@media (max-width:767px){
  .mag-hero__dots{gap:0;bottom:4px;}
  .mag-hero__dots button{
    box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;margin:0 -8px;padding:0;
    border:18px solid transparent;border-radius:22px;background-clip:padding-box;
  }
  .mag-hero__dots button.is-active{width:58px;background-clip:padding-box;}
  /* 매거진 안 몰 캐러셀(맞춤 추천) — 활성 색 단축 속성이 clip 을 되돌리므로 다시, 점 행 margin 은 몰 MO 규칙에 맞춤 */
  .mag-shell .inko-carousel__dots button.is-active{background-clip:padding-box;}
  .mag-shell .inko-cur--carousel .inko-carousel__dots{margin:0 0 -18px;}

  .mag-crumb{row-gap:24px;}
  .mag-crumb a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;}
  .mag-toc{gap:0;padding-top:6px;padding-bottom:6px;}
  .mag-toc a{display:inline-flex;align-items:center;min-height:44px;}

  .mag-footer__links{row-gap:0;}
  .mag-footer__links a,.mag-footer__sns a{display:inline-flex;align-items:center;min-height:44px;}
  .mag-footer__inner{gap:4px;}

  .mag-gnb__burger{min-width:44px;min-height:44px;}
}