@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600;700&display=swap');
/* === ads.ai.kr — 애즈 랩 (ADS LAB) · 광고 실무 계기판 (2026-10-29 신설) ===
   은유: 계기판·게이지·지표 카드·실험 노트. 남색 계기판(#0B1F3A) + 신호 주황(#FF5A1F), 라벨은 IBM Plex Mono.
   머리·첫 화면·분류 머리는 남색 한 판으로 이어지고, 본문 바탕은 옅은 청회색 위 흰 지표 카드. */
.skin-adslab {
    --adl-navy: #0b1f3a;
    --adl-navy2: #10284a;
    --adl-navy3: #1b3a66;
    --adl-dline: #25406a;
    --adl-orange: #ff5a1f;
    --adl-orange-t: #c43e0c;
    --adl-orange-l: #ffe7dd;
    --adl-bg: #eef2f7;
    --adl-card: #ffffff;
    --adl-ink: #0b1f3a;
    --adl-sub: #4a5b73;
    --adl-mute: #7a8aa0;
    --adl-line: #d5dde8;
    --adl-pale: #c9d6e8;
    --adl-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
    --adl-ticks: repeating-linear-gradient(90deg, var(--adl-pale) 0 1px, transparent 1px 8px);
    background: var(--adl-bg);
    color: var(--adl-ink);
}
.skin-adslab a { text-decoration: none; color: inherit; }
.skin-adslab h1, .skin-adslab h2, .skin-adslab h3, .skin-adslab p, .skin-adslab li { word-break: keep-all; overflow-wrap: break-word; }

/* 머리 — 계기판 윗판 */
.skin-adslab .main-header { background: var(--adl-navy); border-bottom: 1px solid var(--adl-dline); padding: 14px 0; }
.skin-adslab .containerHeader { flex-direction: row; justify-content: space-between; align-items: center; text-align: left; gap: 20px; }
.skin-adslab .main-header .brand-logo,
.skin-adslab .main-header .brand-logo a { font-size: 1.4rem; margin: 0; color: #fff; letter-spacing: -0.5px; font-weight: 800; display: flex; align-items: center; }
.skin-adslab .main-header .brand-logo a::before {
    content: ''; flex: 0 0 auto; width: 26px; height: 13px; margin-right: 10px; box-sizing: border-box;
    border: 3px solid var(--adl-orange); border-bottom: 0; border-radius: 26px 26px 0 0;
    background: linear-gradient(60deg, transparent 47%, #fff 47% 58%, transparent 58%) center bottom / 14px 12px no-repeat;
}
.skin-adslab .main-header .brand-logo a::after {
    content: 'ADS LAB'; margin-left: 10px; font-family: var(--adl-mono); font-size: .68rem; font-weight: 600; letter-spacing: 2px;
    color: var(--adl-pale); border: 1px solid var(--adl-dline); padding: 2px 6px; border-radius: 3px;
}
.skin-adslab .main-header nav { width: auto; border-top: 0; padding-top: 0; }
.skin-adslab .main-header nav ul { gap: 2px; margin: 0; justify-content: flex-end; }
.skin-adslab header nav ul li a { color: var(--adl-pale); font-weight: 600; font-size: .92rem; padding: 8px 11px; text-transform: none; border-radius: 4px; }
.skin-adslab header nav ul li a:hover { color: #fff; background: var(--adl-navy2); box-shadow: inset 0 -2px 0 var(--adl-orange); }
.skin-adslab .menu-toggle { background: var(--adl-orange); color: #fff; border-radius: 6px; }
.skin-adslab .mobile-menu-overlay { background: var(--adl-navy); }
.skin-adslab .mobile-menu-header { background: var(--adl-navy2); border-bottom: 1px solid var(--adl-dline); }
.skin-adslab .mobile-menu-header .logo { color: #fff; }
.skin-adslab .close-menu { background: var(--adl-orange); color: #fff; }
.skin-adslab .mobile-menu-overlay a { color: #e4ecf6; border-bottom: 1px solid var(--adl-dline); text-transform: none; }
.skin-adslab .mobile-menu-overlay a:hover { color: var(--adl-orange); }

/* 공통 라벨 */
.skin-adslab .adl-kicker { display: inline-block; font-family: var(--adl-mono); font-size: .78rem; font-weight: 600; letter-spacing: .5px; color: var(--adl-orange); text-transform: uppercase; }
.skin-adslab .adl-ch { display: inline-block; font-family: var(--adl-mono); font-size: .7rem; font-weight: 700; letter-spacing: 1px; color: #fff; background: var(--adl-navy); padding: 2px 7px; border-radius: 3px; white-space: nowrap; }
.skin-adslab .adl-h { display: flex; align-items: center; gap: 12px; font-size: 1.28rem; margin: 0 0 18px; padding-bottom: 12px; border-bottom: 2px solid var(--adl-navy); }
.skin-adslab .adl-h span { font-family: var(--adl-mono); font-size: .74rem; letter-spacing: 2px; color: var(--adl-orange-t); border: 1.5px solid var(--adl-orange); padding: 3px 8px; border-radius: 3px; }

/* 첫 화면 — 남색 계기판 (머리와 한 판으로 이어지게 좌우로 넓힘, 가로 넘침 없음) */
.skin-adslab .adl-hero {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 44px; align-items: center;
    background: var(--adl-navy); color: #fff; padding: 46px 0 52px; margin: 0;
    box-shadow: 0 0 0 100vmax var(--adl-navy); clip-path: inset(0 -100vmax);
}
.skin-adslab .adl-hero-text { min-width: 0; }
.skin-adslab .adl-hero h2 { font-size: 2.45rem; line-height: 1.3; letter-spacing: -1.2px; margin: 14px 0 16px; font-weight: 800; color: #fff; }
.skin-adslab .adl-hero-text p { margin: 0; font-size: 1.03rem; line-height: 1.78; color: var(--adl-pale); }
.skin-adslab .adl-chips { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.skin-adslab .adl-chips a { display: inline-flex; align-items: center; gap: 7px; font-size: .86rem; font-weight: 600; color: #e4ecf6; border: 1px solid var(--adl-dline); background: var(--adl-navy2); padding: 6px 11px; border-radius: 999px; }
.skin-adslab .adl-chips em { font-style: normal; font-family: var(--adl-mono); font-size: .68rem; color: var(--adl-orange); letter-spacing: .5px; }
.skin-adslab .adl-chips a:hover { border-color: var(--adl-orange); color: #fff; }
.skin-adslab .adl-hero-fig { min-width: 0; }
.skin-adslab .adl-fig { display: block; width: 100%; height: auto; max-width: 560px; margin: 0 auto; }

/* 안내 카드(HomeGuide) */
.skin-adslab .home-guide { margin: 40px auto 8px; padding: 0; }
.skin-adslab .home-guide .hg-label { display: flex; align-items: center; gap: 8px; color: var(--adl-orange-t); opacity: 1; letter-spacing: 0; font-size: .9rem; }
.skin-adslab .home-guide .hg-label::before { content: 'GUIDE'; font-family: var(--adl-mono); font-size: .68rem; letter-spacing: 2px; color: #fff; background: var(--adl-navy); padding: 2px 7px; border-radius: 3px; }
.skin-adslab .home-guide .hg-lead { color: var(--adl-sub); }
.skin-adslab .home-guide .hg-card a { background: var(--adl-card); border: 1px solid var(--adl-line); border-top: 3px solid var(--adl-navy); border-radius: 8px; }
.skin-adslab .home-guide .hg-card a:hover { border-color: var(--adl-orange); background: #fff; }
.skin-adslab .home-guide .hg-name { color: var(--adl-ink); }
.skin-adslab .home-guide .hg-count { color: var(--adl-orange-t); opacity: 1; font-family: var(--adl-mono); font-size: .76rem; }
.skin-adslab .home-guide .hg-links a { color: var(--adl-sub); }

/* 지표 카드 판 */
.skin-adslab .adl-board { margin: 44px 0 0; min-width: 0; }
.skin-adslab .adl-empty { padding: 34px; text-align: center; color: var(--adl-sub); background: var(--adl-card); border: 1px dashed var(--adl-line); border-radius: 8px; }
.skin-adslab .adl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.skin-adslab .adl-tile { min-width: 0; }
.skin-adslab .adl-tile > a { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; background: var(--adl-card); border: 1px solid var(--adl-line); border-radius: 10px; overflow: hidden; transition: border-color .15s, transform .15s; }
.skin-adslab .adl-tile > a:hover { border-color: var(--adl-orange); transform: translateY(-2px); }
.skin-adslab .adl-tile-top { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--adl-line); color: var(--adl-navy); min-width: 0; }
.skin-adslab .adl-tile-cat { flex: 1 1 auto; min-width: 0; font-size: .8rem; font-weight: 700; color: var(--adl-sub); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skin-adslab .adl-mini { flex: 0 0 auto; width: 40px; height: 25px; }
.skin-adslab .adl-tile-thumb { height: 158px; background-size: cover; background-position: center; background-color: var(--adl-pale); }
.skin-adslab .adl-tile-text { display: flex; flex-direction: column; flex: 1 1 auto; padding: 16px 16px 14px; min-width: 0; }
.skin-adslab .adl-tile h3 { font-size: 1.06rem; line-height: 1.45; margin: 0 0 8px; color: var(--adl-ink); }
.skin-adslab .adl-tile p { font-size: .87rem; line-height: 1.6; margin: 0 0 14px; color: var(--adl-sub); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.skin-adslab .adl-tile-foot { margin-top: auto; display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px dashed var(--adl-line); }
.skin-adslab .adl-tile-foot time, .skin-adslab time { font-family: var(--adl-mono); font-size: .74rem; color: var(--adl-mute); letter-spacing: .5px; }
.skin-adslab .adl-read { font-size: .78rem; font-weight: 700; color: var(--adl-orange-t); }
.skin-adslab .adl-read::after { content: ' →'; }
.skin-adslab .adl-tile > a:hover h3 { color: var(--adl-orange-t); }
/* 맨 앞 넓은 카드 — 주요 지표 */
.skin-adslab .adl-tile-wide { grid-column: 1 / -1; }
.skin-adslab .adl-tile-wide > a { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); border-color: var(--adl-navy); }
.skin-adslab .adl-tile-wide .adl-tile-top { grid-column: 1 / -1; background: var(--adl-navy); color: #fff; border-bottom: 0; }
.skin-adslab .adl-tile-wide .adl-tile-top .adl-ch { background: var(--adl-orange); }
.skin-adslab .adl-tile-wide .adl-tile-cat { color: var(--adl-pale); }
.skin-adslab .adl-tile-wide .adl-tile-thumb { height: auto; min-height: 260px; }
.skin-adslab .adl-tile-wide .adl-tile-text { padding: 26px 28px 20px; }
.skin-adslab .adl-tile-wide h3 { font-size: 1.5rem; line-height: 1.38; letter-spacing: -.5px; margin-bottom: 12px; }
.skin-adslab .adl-tile-wide p { -webkit-line-clamp: 4; font-size: .95rem; }

/* 하단 계기판 안내 */
.skin-adslab .adl-rail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; margin: 8px 0 56px; }
.skin-adslab .adl-panel { min-width: 0; display: flex; flex-direction: column; border-radius: 10px; padding: 22px 24px 18px; }
.skin-adslab .adl-order::after { content: ''; display: block; margin-top: auto; height: 14px; border-top: 1px solid var(--adl-dline); padding-top: 0;
    background: repeating-linear-gradient(90deg, var(--adl-orange) 0 2px, transparent 2px 48px) left bottom / 100% 14px no-repeat,
                repeating-linear-gradient(90deg, var(--adl-dline) 0 1px, transparent 1px 8px) left bottom / 100% 7px no-repeat; }
.skin-adslab .adl-order ol { margin-bottom: 16px; }
.skin-adslab .adl-panel h2 { display: flex; align-items: center; gap: 10px; font-size: 1.05rem; margin: 0 0 12px; }
.skin-adslab .adl-panel h2 span { font-family: var(--adl-mono); font-size: .68rem; letter-spacing: 2px; padding: 2px 7px; border-radius: 3px; }
.skin-adslab .adl-order { background: var(--adl-navy); color: var(--adl-pale); }
.skin-adslab .adl-order h2 { color: #fff; }
.skin-adslab .adl-order h2 span { background: var(--adl-orange); color: #fff; }
.skin-adslab .adl-order ol, .skin-adslab .adl-official ul { list-style: none; margin: 0; padding: 0; }
.skin-adslab .adl-order li { display: grid; grid-template-columns: 34px 48px minmax(0, 1fr); gap: 8px; align-items: baseline; padding: 10px 0; border-top: 1px solid var(--adl-dline); font-size: .9rem; line-height: 1.5; }
.skin-adslab .adl-order b { font-family: var(--adl-mono); font-size: .8rem; color: var(--adl-orange); }
.skin-adslab .adl-order strong { color: #fff; }
.skin-adslab .adl-official { background: var(--adl-card); border: 1px solid var(--adl-line); }
.skin-adslab .adl-official h2 span { border: 1.5px solid var(--adl-navy); color: var(--adl-navy); }
.skin-adslab .adl-official li + li { border-top: 1px dashed var(--adl-line); }
.skin-adslab .adl-official a { display: flex; flex-direction: column; gap: 2px; padding: 9px 0; }
.skin-adslab .adl-official strong { font-size: .93rem; }
.skin-adslab .adl-official span { font-size: .82rem; color: var(--adl-sub); }
.skin-adslab .adl-official a:hover strong { color: var(--adl-orange-t); }

/* 분류 머리 — 채널 계기 */
.skin-adslab .adl-cat-head {
    display: flex; align-items: center; gap: 28px; background: var(--adl-navy); color: #fff; padding: 34px 0 38px; margin: 0;
    box-shadow: 0 0 0 100vmax var(--adl-navy); clip-path: inset(0 -100vmax);
}
.skin-adslab .adl-cat-gauge { flex: 0 0 auto; width: 132px; height: auto; }
.skin-adslab .adl-cat-text { min-width: 0; }
.skin-adslab .adl-cat-head h1 { margin: 6px 0 6px; font-size: 2rem; letter-spacing: -.8px; color: #fff; }
.skin-adslab .adl-cat-head p { margin: 0; color: var(--adl-pale); line-height: 1.65; }

/* 글 화면 — 실험 노트 */
.skin-adslab .adl-post { position: relative; background: var(--adl-card); max-width: 840px; width: 100%; min-width: 0; margin: 36px auto 40px; padding: 44px 52px 48px; box-sizing: border-box; border-radius: 10px; border: 1px solid var(--adl-line); box-shadow: none; overflow: hidden; }
.skin-adslab .adl-post::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: linear-gradient(90deg, var(--adl-orange) 0 22%, var(--adl-navy) 22%); }
.skin-adslab .adl-post .post-header { text-align: left; margin-bottom: 26px; }
.skin-adslab .adl-post-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: .86rem; margin-bottom: 10px; }
.skin-adslab .adl-post-meta a { color: var(--adl-orange-t); font-weight: 700; }
.skin-adslab .adl-post .post-header h1 { font-size: 2rem !important; line-height: 1.38 !important; letter-spacing: -1px; margin: 0 !important; color: var(--adl-ink) !important; text-align: left; word-break: keep-all !important; }
.skin-adslab .adl-scale { height: 14px; margin-top: 20px; border-bottom: 1px solid var(--adl-line);
    background: repeating-linear-gradient(90deg, var(--adl-navy) 0 2px, transparent 2px 64px) left bottom / 100% 14px no-repeat,
                repeating-linear-gradient(90deg, var(--adl-mute) 0 1px, transparent 1px 8px) left bottom / 100% 7px no-repeat; }
.skin-adslab .adl-post .post-thumb-full { height: 400px; margin: 0 0 34px; border-radius: 8px; background-color: var(--adl-pale); }
.skin-adslab .adl-post .post-body.post-body.post-body { max-width: none; }
.skin-adslab .post-body { width: 100%; min-width: 0; box-sizing: border-box; font-size: 1.04rem; line-height: 1.86; color: #1f2d42; counter-reset: adlm; }
.skin-adslab .post-body p { margin: 0 0 1.25em; }
.skin-adslab .post-body h2 { counter-increment: adlm; display: flex; align-items: baseline; gap: 12px; font-size: 1.32rem; line-height: 1.45; margin: 2.1em 0 .8em; padding-bottom: 10px; border-bottom: 1px solid var(--adl-line); color: var(--adl-ink); }
.skin-adslab .post-body h2::before { content: 'M' counter(adlm, decimal-leading-zero); flex: 0 0 auto; font-family: var(--adl-mono); font-size: .72rem; font-weight: 700; letter-spacing: 1px; color: #fff; background: var(--adl-orange); padding: 2px 7px; border-radius: 3px; position: relative; top: -2px; }
.skin-adslab .post-body h3 { font-size: 1.12rem; color: var(--adl-navy3); margin: 1.6em 0 .6em; }
.skin-adslab .post-body ul, .skin-adslab .post-body ol { padding-left: 1.3em; margin: 0 0 1.3em; }
.skin-adslab .post-body li { margin: 0 0 .45em; }
.skin-adslab .post-body ul li::marker { color: var(--adl-orange); }
.skin-adslab .post-body a { color: var(--adl-orange-t); border-bottom: 1px solid rgba(196, 62, 12, .35); }
.skin-adslab .post-body strong { color: var(--adl-ink); background: linear-gradient(transparent 64%, var(--adl-orange-l) 64%); }
.skin-adslab .post-body img { max-width: 100%; height: auto; }
.skin-adslab .post-body table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 1.6em; font-size: .92rem; line-height: 1.6; -webkit-overflow-scrolling: touch; }
.skin-adslab .post-body th { background: var(--adl-navy); color: #fff; font-weight: 700; text-align: left; padding: 10px 12px; white-space: nowrap; border: 1px solid var(--adl-navy); }
.skin-adslab .post-body td { padding: 10px 12px; border: 1px solid var(--adl-line); vertical-align: top; min-width: 7em; }
.skin-adslab .post-body tbody tr:nth-child(even) td { background: #f6f8fb; }
.skin-adslab .post-body td:first-child { font-weight: 700; color: var(--adl-ink); white-space: nowrap; min-width: 0; }
.skin-adslab .adl-notice { display: flex; gap: 12px; align-items: flex-start; margin: 34px 0 0; padding: 14px 16px; border: 1px solid var(--adl-line); border-left: 4px solid var(--adl-orange); background: #f6f8fb; color: var(--adl-sub); font-size: .9rem; line-height: 1.65; border-radius: 0 6px 6px 0; }
.skin-adslab .adl-notice b { flex: 0 0 auto; font-family: var(--adl-mono); font-size: .7rem; letter-spacing: 1px; color: #fff; background: var(--adl-navy); padding: 2px 7px; border-radius: 3px; margin-top: 2px; }

/* 이어서 볼 기록 — 채널 기록표 */
.skin-adslab .adl-related { max-width: 840px; margin: 0 auto 56px; }
.skin-adslab .adl-log { list-style: none; margin: 0; padding: 0; background: var(--adl-card); border: 1px solid var(--adl-line); border-radius: 10px; overflow: hidden; }
.skin-adslab .adl-log li + li { border-top: 1px solid var(--adl-line); }
.skin-adslab .adl-log a { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 18px; }
.skin-adslab .adl-log a:hover { background: #f6f8fb; }
.skin-adslab .adl-log a:hover .adl-log-title { color: var(--adl-orange-t); }
.skin-adslab .adl-log-title { min-width: 0; font-weight: 700; font-size: .98rem; line-height: 1.45; }
.skin-adslab .adl-log-title em { display: block; font-style: normal; font-size: .76rem; font-weight: 600; color: var(--adl-mute); margin-bottom: 2px; }

/* 쪽 넘김 (인라인 스타일을 덮음) */
.skin-adslab .pagination-container { margin: 34px 0 44px !important; }
.skin-adslab .pagination { margin: 0 !important; background: var(--adl-card) !important; border: 1px solid var(--adl-line) !important; border-radius: 10px !important; box-shadow: none !important; }
.skin-adslab .pagination .page-link { color: var(--adl-sub) !important; font-family: var(--adl-mono); border-radius: 6px !important; }
.skin-adslab .pagination .page-link.active { background: var(--adl-navy) !important; color: #fff !important; box-shadow: inset 0 -3px 0 var(--adl-orange) !important; }

/* 분류 안내 · 정적 페이지 */
.skin-adslab .site-guide, .skin-adslab .site-page { color: #1f2d42; }
.skin-adslab .site-page { background: var(--adl-card); border: 1px solid var(--adl-line); border-top: 6px solid var(--adl-navy); border-radius: 10px; padding: 36px 40px 28px; margin-bottom: 56px; }
.skin-adslab .site-guide { border-top: 2px solid var(--adl-navy); }
.skin-adslab .site-guide .sg-label, .skin-adslab .site-page .sg-label { color: var(--adl-orange-t); opacity: 1; letter-spacing: 0; font-size: .88rem; }
.skin-adslab .site-page h1 { color: var(--adl-ink); }
.skin-adslab .site-guide h2, .skin-adslab .site-page h2 { color: var(--adl-ink); padding-left: 12px; border-left: 4px solid var(--adl-orange); }
.skin-adslab .site-guide th, .skin-adslab .site-page th { background: var(--adl-navy); color: #fff; border-color: var(--adl-navy); text-align: left; }
.skin-adslab .site-guide td, .skin-adslab .site-page td { border-color: var(--adl-line); }
.skin-adslab .site-guide a, .skin-adslab .site-page a { color: var(--adl-orange-t); }

/* 바닥글 */
.skin-adslab footer { background: var(--adl-navy); color: #a9b8cc; border-top: 4px solid var(--adl-orange); margin-top: 0; }
.skin-adslab footer p { line-height: 1.7; word-break: keep-all; }
.skin-adslab .site-footer-links a { color: #e4ecf6; }

@media (max-width: 1100px) {
    .skin-adslab .containerHeader { flex-wrap: wrap; }
}
@media (max-width: 960px) {
    .skin-adslab .adl-hero { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 34px 0 38px; }
    .skin-adslab .adl-fig { max-width: 480px; }
    .skin-adslab .adl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .skin-adslab .adl-rail { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
    .skin-adslab .main-header { padding: 10px 0; }
    .skin-adslab .containerHeader { flex-wrap: nowrap; }
    .skin-adslab .main-header .brand-logo, .skin-adslab .main-header .brand-logo a { font-size: 1.2rem; }
    .skin-adslab .menu-toggle { padding: .35rem .8rem; font-size: 1.3rem; }
    .skin-adslab .adl-hero { padding: 24px 0 28px; gap: 18px; }
    .skin-adslab .adl-hero h2 { font-size: 1.6rem; letter-spacing: -.8px; margin: 10px 0 10px; }
    .skin-adslab .adl-hero-text p { font-size: .93rem; line-height: 1.7; }
    .skin-adslab .adl-chips { display: none; }
    .skin-adslab .adl-fig { max-width: 340px; }
    .skin-adslab .home-guide { margin: 28px auto 4px; }
    .skin-adslab .adl-board { margin-top: 30px; }
    .skin-adslab .adl-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .skin-adslab .adl-tile-thumb { height: 150px; }
    .skin-adslab .adl-tile-wide > a { display: flex; }
    .skin-adslab .adl-tile-wide .adl-tile-thumb { min-height: 0; height: 180px; }
    .skin-adslab .adl-tile-wide .adl-tile-text { padding: 16px 16px 14px; }
    .skin-adslab .adl-tile-wide h3 { font-size: 1.2rem; }
    .skin-adslab .adl-tile-wide p { -webkit-line-clamp: 3; font-size: .88rem; }
    .skin-adslab .adl-rail { margin: 0 0 40px; gap: 14px; }
    .skin-adslab .adl-panel { padding: 18px 18px 12px; }
    .skin-adslab .adl-cat-head { gap: 16px; padding: 24px 0 26px; }
    .skin-adslab .adl-cat-gauge { width: 84px; }
    .skin-adslab .adl-cat-head h1 { font-size: 1.45rem; }
    .skin-adslab .adl-cat-head p { font-size: .9rem; }
    .skin-adslab .adl-post { padding: 26px 18px 32px; margin: 16px 0 28px; }
    .skin-adslab .adl-post .post-header h1 { font-size: 1.45rem !important; }
    .skin-adslab .adl-post .post-thumb-full { height: 200px; margin: 0 0 24px; }
    .skin-adslab .post-body { font-size: 1rem; }
    .skin-adslab .post-body h2 { font-size: 1.16rem; }
    .skin-adslab .adl-log a { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; padding: 12px 14px; }
    .skin-adslab .adl-log .adl-ch { grid-column: 1 / -1; justify-self: start; }
    .skin-adslab .site-page { padding: 24px 18px 26px; }
}

/* 정적 페이지 표 — 폰에서 첫 칸(용어·단계)이 한 글자씩 꺾이지 않게 낱말 단위로 줄을 바꾸고 첫 칸에 최소 폭을 준다(2026-10-29) */
.skin-adslab .site-page th, .skin-adslab .site-page td, .skin-adslab .site-guide th, .skin-adslab .site-guide td { word-break: keep-all; }
.skin-adslab .site-page td:first-child, .skin-adslab .site-guide td:first-child { min-width: 4.5em; font-weight: 600; }