/* 새 도메인 두 사이트(plan/27) 본문 — 틀(헤더 · 메뉴 · 상담 섹션 · 푸터 · 하단 바)은 지금 사이트 상세 페이지 것(nb.css · nb-sub.css)을 그대로 쓰고,
   여기는 본문만. 클래스는 지금 사이트와 부딪치지 않게 h-(영웅 방식 weedenlaw-probate.com) · l-(로어스 방식 weedenlaw-estateplan.com) · n-(둘 다)로 시작한다.
   토큰(--night · --gold …)은 nb.css 값. 시안 demo/상속-새도메인/css/h.css · l.css 를 옮긴 것 */
.wn main{background:#fff}
/* 틀(nb.css)의 기본 글자색은 밤 바탕용(--moon)이라 흰 · 밝은 섹션은 짙은 글자색을 따로 준다 */
.h-doc,.h-hubs,.n-glass,.n-white,.l-glass,.l-white{color:var(--ink)}
.n-k{color:var(--gold)}
.n-nw{white-space:nowrap}
.n-chips{display:flex;flex-wrap:wrap;gap:10px}
.n-chips a{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid var(--line-l,#C3CAD1);border-radius:2px;color:var(--ink,#12161C);font-size:17px;text-decoration:none;background:#fff}
.n-chips a:hover{border-color:var(--ink,#12161C)}
.n-subrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}
.n-subrow>b{font-weight:600;font-size:16px;color:var(--ink2);min-width:84px}
.n-subrow .n-chips a{min-height:42px;font-size:16px}
.n-mo{display:none}
.n-dark .n-chips a{background:transparent;color:var(--moon);border-color:var(--line-d)}

/* ── H 지역 × 키워드 · 키워드 허브 ── */
.h-band{margin-top:var(--hd);height:220px;background:var(--night) center 62%/cover no-repeat}
.h-doc{display:grid;grid-template-columns:minmax(0,760px) 300px;grid-template-areas:'a s' 'b s';justify-content:space-between;column-gap:56px;padding-top:44px;padding-bottom:88px}
.h-art1{grid-area:a;min-width:0}.h-art2{grid-area:b;min-width:0}
.h-doc--one{grid-template-columns:minmax(0,860px)}
.h-crumb ol{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--ink2);list-style:none;padding:0;margin:0 0 22px}
.h-crumb li+li::before{content:'›';margin-right:8px;color:#8A93A0}
.h-crumb a{color:var(--ink2);text-decoration:none}
.h-crumb a:hover{text-decoration:underline}
.h-byline{font-size:15px;color:var(--ink2);margin:0 0 14px}
.h-byline b{color:var(--ink);font-weight:600}
.h-sep{margin:0 8px;color:#8A93A0}
.h-h1{font-family:var(--serif);font-weight:700;font-size:54px;line-height:1.22;letter-spacing:-.02em;color:var(--ink);margin:0}
.h-h1 .h-k{color:var(--gold-ink)}
.h-worry{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.5;color:var(--ink2);margin:14px 0 0}
.h-sum{font-size:19px;line-height:1.75;margin:22px 0 0;max-width:680px}
.h-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;padding-bottom:36px;border-bottom:1px solid var(--line-l)}
.h-btn-ink{border:1px solid var(--ink);color:var(--ink);background:#fff}
.h-btn-ink:hover{background:var(--glass)}
.h-qa{padding:40px 0;border-bottom:1px solid var(--line-l)}
.h-qa-n{font-family:var(--serif);font-weight:800;font-size:16px;letter-spacing:.08em;color:var(--gold-ink);margin:0 0 10px}
.h-qa-q{font-family:var(--serif);font-weight:700;font-size:28px;line-height:1.45;letter-spacing:-.01em;margin:0}
.h-qa-q a{color:inherit;text-decoration:none}
.h-qa-kw{display:block;font-family:inherit;font-weight:600;font-size:17px;letter-spacing:0;color:var(--gold-ink);margin-bottom:6px}
.h-qa-when{margin:20px 0 0;padding:14px 20px;background:var(--glass2);font-size:17px;font-weight:600;line-height:1.6}
.h-qa-a{margin:18px 0 0;font-size:19px;line-height:1.85}
.h-qa-a+.h-qa-a{margin-top:12px}
.h-qa-law{margin:16px 0 0;font-size:16px;line-height:1.7;color:var(--ink2)}
.h-qa-law b{color:var(--ink);font-weight:700;margin-right:6px}
.h-ceo{display:grid;grid-template-columns:112px 1fr;gap:24px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line-l)}
.h-ceo img{width:112px;height:140px;object-fit:cover;object-position:50% 18%;display:block;background:var(--glass)}
.h-ceo-n{font-family:var(--serif);font-weight:700;font-size:24px;margin:0}
.h-ceo-n small{font-family:inherit;font-weight:500;font-size:16px;color:var(--ink2);margin-left:8px}
.h-ceo-c{font-size:16px;color:var(--ink2);margin:4px 0 0}
.h-ceo-p{font-size:18px;margin:10px 0 0}
.h-ceo-p b{font-family:var(--serif);font-weight:800;color:var(--gold-ink)}
.h-ceo a{font-size:16px;color:var(--ink);font-weight:600}
.h-sec{padding:44px 0 8px}
.h-sec h2{font-family:var(--serif);font-weight:700;font-size:27px;line-height:1.4;margin:0 0 20px}
.h-intro{font-size:17px;line-height:1.7;color:var(--ink2);margin:-8px 0 18px}
.h-orgs{width:100%;border-collapse:collapse;font-size:17px}
.h-orgs th,.h-orgs td{padding:14px 0;border-top:1px solid var(--line-l);vertical-align:top;text-align:left}
.h-orgs tr:last-child th,.h-orgs tr:last-child td{border-bottom:1px solid var(--line-l)}
.h-orgs th{width:88px;font-weight:500;color:var(--ink2);font-size:15px;padding-top:16px}
.h-orgs td b{display:block;font-weight:600;font-size:18px;margin-bottom:2px}
.h-orgs td span{color:var(--ink2)}
.h-fact{padding:20px 0;border-top:1px solid var(--line-l)}
.h-fact:last-child{border-bottom:1px solid var(--line-l)}
.h-fact-w{font-size:15px;color:var(--ink2);margin:0}
.h-fact-t{font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.45;margin:2px 0 4px}
.h-fact-d{font-size:17px;color:var(--ink2);margin:0}
.h-fact-r{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--ink2)}
.h-fact-r b{font-weight:600;color:var(--ink);margin-right:8px}
.h-cases{list-style:none;margin:0;padding:0}
.h-cases li{padding:18px 0;border-top:1px solid var(--line-l);line-height:1.6}
.h-cases li:last-child{border-bottom:1px solid var(--line-l)}
.h-case-t{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--ink);text-decoration:none}
.h-case-t:hover{text-decoration:underline}
.h-case-r{display:block;margin-top:4px;font-size:16px;color:var(--ink2);font-weight:600}
.h-side{grid-area:s;position:sticky;top:calc(var(--hd) + 24px);align-self:start}
.h-side .n-more{margin-top:16px;font-size:16px}
.h-side h2{font-family:var(--serif);font-weight:700;font-size:20px;margin:0 0 6px}
.h-side ul{list-style:none;margin:0;padding:0}
.h-side li a{display:block;padding:14px 0;border-bottom:1px solid var(--line-l);font-size:16px;line-height:1.55;color:var(--ink);text-decoration:none}
.h-side li a:hover{text-decoration:underline}
.h-what{margin:28px 0 0;padding:26px 28px;background:var(--glass)}
.h-what p{margin:0;font-size:18px;line-height:1.8}
.h-what .h-due{margin-top:16px;font-weight:600}
.h-what .h-due b{color:var(--gold-ink)}
.h-what .h-due>b:first-child{display:block;font-size:15px;color:var(--gold-ink);margin-bottom:4px}
.h-regions h3{font-family:var(--serif);font-weight:700;font-size:20px;margin:26px 0 12px}
.h-regions h3:first-child{margin-top:0}
.h-hubs{padding:8px 0 96px;color:var(--ink)}
.h-hubs .h-sec h2{font-size:34px}
.h-ceo--home{padding:0;border-bottom:0;grid-template-columns:160px 1fr;gap:32px}
.h-ceo--home img{width:160px;height:200px}
.h-ceo--home .h-ceo-n{font-size:30px}
.h-faq-g{padding:28px 0 4px}
.h-faq-g h3{font-family:var(--serif);font-weight:700;font-size:21px;margin:0 0 12px}

/* ── L 지역 × 키워드 · 지역 허브 · 전체 지역 ── */
.l-hero{background:var(--night);color:var(--moon);padding:calc(var(--hd) + 88px) 0 76px}
.l-crumb ol{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--mist);list-style:none;padding:0;margin:0 0 26px}
.l-crumb li+li::before{content:'›';margin-right:8px;color:#6B7587}
.l-crumb a{color:var(--mist);text-decoration:none}
.l-crumb a:hover{text-decoration:underline}
.l-h1{font-family:var(--serif);font-weight:800;font-size:78px;line-height:1.14;letter-spacing:-.025em;margin:0;color:var(--moon)}
.l-h1 .n-k{color:var(--gold)}
.l-lead{font-size:20px;line-height:1.7;color:var(--mist);margin:24px 0 0;max-width:620px}
.l-acts{display:flex;gap:12px;margin-top:40px}
.l-toc{position:sticky;top:var(--hd);z-index:40;background:var(--night2);border-top:1px solid var(--line-d)}
.l-toc ol{display:flex;gap:36px;list-style:none;margin:0;padding:0;height:64px;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.l-toc ol::-webkit-scrollbar{display:none}
.l-toc a{color:var(--mist);text-decoration:none;font-size:17px;white-space:nowrap;padding:20px 0;border-bottom:2px solid transparent}
.l-toc a[aria-current]{color:var(--moon);font-weight:600;border-bottom-color:var(--gold)}
.l-blk{padding:96px 0;scroll-margin-top:calc(var(--hd) + 64px)}
.l-blk h2{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1.3;letter-spacing:-.015em;margin:0}
.l-blk .l-sub{font-size:18px;color:var(--ink2);margin:10px 0 0}
.l-glass{background:var(--glass)}.l-white{background:#fff}.l-dark{background:var(--night2);color:var(--moon)}.l-night{background:var(--night);color:var(--moon)}
.l-dark .l-sub,.l-night .l-sub{color:var(--mist)}
.l-dark h2,.l-night h2{color:var(--moon)}
.l-what{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:64px;align-items:start}
.l-what-q{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.5;color:var(--ink2);margin:16px 0 0}
.l-what-p{font-size:19px;line-height:1.85;margin:0}
.l-due{margin-top:28px;background:#fff;padding:24px 28px}
.l-due>b{display:block;font-size:15px;font-weight:700;color:var(--gold-ink);margin-bottom:6px}
.l-due p{margin:0;font-size:18px;font-weight:600;line-height:1.65}
.l-due p b{color:var(--gold-ink);font-weight:800}
.n-finds{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-l)}
.n-finds li{border-bottom:1px solid var(--line-l)}
.n-finds a{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 2px;color:inherit;text-decoration:none}
.n-finds b{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink)}
.n-finds span{font-size:17px;color:var(--ink2);text-align:right}
.n-finds a:hover b{color:var(--gold-ink)}
.l-ceo{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:72px;align-items:center}
.l-ceo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;display:block;background:var(--night3)}
.l-ceo-top{font-size:20px;color:var(--mist);margin:0}
.l-pct{font-family:var(--serif);font-weight:800;line-height:1;margin:6px 0 10px;white-space:nowrap}
.l-pct .l-dan{font-size:42px;font-weight:700;color:var(--moon);margin-right:10px}
.l-pct .l-num{font-size:128px;font-weight:900;color:var(--gold);letter-spacing:0}
.l-pct .l-per{font-size:76px;color:var(--gold)}
.l-ceo-n{font-size:19px;color:var(--moon);margin:0}
.l-ceo-n b{font-family:var(--serif);font-weight:700;font-size:26px;margin-left:6px}
.l-ceo-qt{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.5;margin:22px 0 0}
.l-ceo-g{font-size:18px;line-height:1.85;color:var(--mist);margin:14px 0 0}
.l-ceo-cr{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line-d)}
.l-ceo-cr li{padding:12px 0;border-bottom:1px solid var(--line-d);font-size:17px}
.l-ceo a{color:var(--gold-hi)}
.l-acc{margin-top:36px;border-top:1px solid var(--line-l)}
.l-acc details{border-bottom:1px solid var(--line-l)}
.l-acc summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font-size:21px;font-weight:600;line-height:1.5}
.l-acc summary::-webkit-details-marker{display:none}
.l-acc summary svg{flex:none;width:24px;height:24px;transition:transform .3s var(--ease)}
.l-acc details[open] summary svg{transform:rotate(45deg)}
.l-acc .l-a{padding:0 0 28px;font-size:18px;line-height:1.85;max-width:860px}
.l-acc .l-a p{margin:0}
.l-acc .l-a p+p{margin-top:10px}
.l-acc .l-when{display:inline-block;padding:6px 12px;background:var(--glass2);font-size:15px;font-weight:600;margin-bottom:12px}
.l-acc .l-law{margin-top:12px;font-size:16px;color:var(--ink2)}
.l-acc .l-a p b{color:var(--gold-ink);font-weight:700;margin-right:6px}
.l-acc .l-law b{color:var(--ink);margin-right:6px}
.l-acc .l-more{margin-top:12px;font-size:16px}
.l-why{display:grid;grid-template-columns:1fr 1fr;gap:44px 72px;margin-top:48px}
.l-why-n{display:block;font-family:var(--serif);font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:8px}
.l-why h3{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.45;margin:0}
.l-why .l-tag{font-size:15px;font-weight:700;color:var(--gold-ink);margin:6px 0 0}
.l-why p{font-size:17px;line-height:1.8;color:var(--ink2);margin:10px 0 0}
.l-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:40px;align-items:start}
.l-area img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.l-area--wide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.l-area--wide img{aspect-ratio:4/3}
.l-night .l-sub{margin-top:8px}
.l-orgs{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:2px}
.l-org{background:var(--night3);padding:20px 22px}
.l-org i{font-style:normal;font-size:15px;color:var(--mist)}
.l-org b{display:block;font-weight:600;font-size:18px;margin:4px 0 6px;line-height:1.45}
.l-org p{font-size:16px;line-height:1.65;color:var(--mist);margin:0}
.l-evs-h{font-family:var(--serif);font-weight:700;font-size:22px;margin:0 0 14px;color:var(--moon)}
.l-evs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-d)}
.l-evs li{padding:18px 0;border-bottom:1px solid var(--line-d)}
.l-evs .l-w{font-size:15px;color:var(--mist);margin:0}
.l-evs b{display:block;font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.45;margin:2px 0 4px}
.l-evs li>p:last-child{font-size:16px;color:var(--mist);margin:0}
.l-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.l-card{background:#fff;padding:28px 30px}
.l-white .l-card{background:var(--glass)}
.l-card .l-kd{font-size:15px;font-weight:700;color:var(--gold-ink);margin:0}
.l-card a{display:block;font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.45;color:var(--ink);text-decoration:none;margin:6px 0 8px}
.l-card a:hover{text-decoration:underline}
.l-card .l-m{font-size:16px;color:var(--ink2);margin:0}
.l-card .l-r{font-family:var(--serif);font-weight:800;font-size:24px;margin:14px 0 0}
.l-card .l-r span{font-family:inherit;font-weight:500;font-size:15px;color:var(--ink2);margin-left:10px}
.l-kwcards{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:40px;background:var(--line-l);border:1px solid var(--line-l)}
.l-kwcards a{display:block;background:#fff;padding:22px 24px;color:var(--ink);text-decoration:none}
.l-kwcards a:hover b{color:var(--gold-ink)}
.l-kwcards i{display:block;font-style:normal;font-size:15px;font-weight:700;color:var(--gold-ink)}
.l-kwcards b{display:block;font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.4;margin:4px 0}
.l-kwcards span{font-size:16px;color:var(--ink2)}
.l-links h2{font-family:var(--serif);font-weight:700;font-size:24px;margin:0 0 16px}
.l-links .n-chips+h2{margin-top:44px}
.l-regions h3,.l-regions h2{font-family:var(--serif);font-weight:700;font-size:24px;margin:40px 0 14px}
.l-regions h2:first-child{margin-top:0}
.l-regions .l-sub+h3{margin-top:28px}
.l-regions h3 a{color:inherit}

/* ── 상담 칸: 페이지마다 사건 유형을 미리 골라 두므로 고른 유형(상속포기·한정승인 · 상속재산분할 …) · 연락처가 잘리지 않고 성함 칸이 좁아지지 않게.
      PC 는 사건 유형 · 성함 반씩 + 연락처 한 줄, 폰은 한 줄에 하나씩(11-09 사용자 「이름칸 모바일에서 작다」 · 「균형이 안 맞아」) ── */
.wn .cv4-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:dense}
.wn .cv4-tel,.wn .cv4-msg{grid-column:1/-1}
@media (max-width:760px){.wn .cv4-grid{grid-template-columns:minmax(0,1fr)}}
/* 폰 아래 줄(전화 · 상담 신청): 첫 화면 상담 신청 단추나 맨 아래 상담 칸 · 푸터가 화면에 있으면 숨긴다(wn.js, 11-09 사용자) */
.wn .bar{transition:opacity .3s var(--ease),visibility 0s}
.wn .bar.off{opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s linear .3s}

/* ── 홈(둘 다): 지금 사이트 첫 화면 장면 하나 + 문구, 인트로 없음(plan/27 3.4.5 · 4.5.4) ── */
.n-home{position:relative;min-height:min(86vh,820px);display:flex;align-items:flex-end;color:var(--moon);background:var(--night);overflow:hidden}
.n-home picture,.n-home picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.n-home::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,32,.72) 0%,rgba(11,18,32,.45) 55%,rgba(11,18,32,.2) 100%),linear-gradient(180deg,rgba(11,18,32,.2) 0%,rgba(11,18,32,.3) 45%,rgba(11,18,32,.88) 100%)}
.n-home-in{position:relative;z-index:1;padding-top:calc(var(--hd) + 80px);padding-bottom:84px;width:100%}
.n-home-follow{margin:0 0 14px;font-size:18px;font-weight:600;color:var(--gold-hi)}
.n-home-follow a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.n-home-h1{font-family:var(--serif);font-weight:800;font-size:64px;line-height:1.2;letter-spacing:-.02em;margin:0;color:var(--moon)}
.n-home-h1 .n-k{color:var(--gold);white-space:nowrap}
.n-home-p{font-size:20px;line-height:1.7;color:var(--moon);opacity:.9;margin:22px 0 0;max-width:640px}
.n-home-acts{display:flex;gap:12px;margin-top:36px}
.n-sec{padding:96px 0}
.n-sec h2{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1.3;letter-spacing:-.015em;margin:0}
.n-sec .n-sub{font-size:18px;color:var(--ink2);margin:10px 0 0}
.n-glass{background:var(--glass)}.n-white{background:#fff}.n-dark{background:var(--night2);color:var(--moon)}
.n-dark h2{color:var(--moon)}.n-dark .n-sub{color:var(--mist)}
.n-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:64px;align-items:start}
.n-qlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-l)}
.n-qlist li{border-bottom:1px solid var(--line-l)}
.n-qlist a{display:block;padding:18px 2px;color:var(--ink);text-decoration:none;font-size:19px;line-height:1.55}
.n-qlist a i{display:block;font-style:normal;font-size:15px;font-weight:700;color:var(--gold-ink);margin-bottom:2px}
.n-qlist a:hover{text-decoration:underline}
.n-more{margin-top:24px;font-size:17px;font-weight:600}
.n-more a{color:var(--ink)}
.n-dark .n-more a{color:var(--gold-hi)}
.n-region{background:var(--night);color:var(--moon);padding:72px 0}
.n-region[hidden]{display:none}
.n-region h2{font-family:var(--serif);font-weight:700;font-size:34px;margin:0 0 6px;color:var(--moon)}

@media (max-height:860px){.h-side{position:static}}
@media (max-width:1100px){
  .h-doc{grid-template-columns:1fr;grid-template-areas:'a' 's' 'b'}.h-side{position:static;margin:8px 0 12px}
  .l-what,.l-ceo,.l-area,.n-split{grid-template-columns:1fr;gap:36px}.l-ceo img{max-width:420px}
}
@media (max-width:760px){
  .h-band{height:132px}
  .h-doc{padding-top:26px;gap:32px;padding-bottom:56px}
  .h-h1{font-size:36px}.h-worry{font-size:20px}.h-sum{font-size:18px}
  .h-acts{flex-direction:column;padding-bottom:28px}.h-acts .btn{width:100%}
  .h-qa{padding:30px 0}.h-qa-q{font-size:23px}.h-qa-a{font-size:18px}
  .h-ceo{grid-template-columns:88px 1fr;gap:16px}.h-ceo img{width:88px;height:110px}
  .h-sec h2{font-size:23px}
  .l-hero{padding:calc(var(--hd) + 40px) 0 44px}
  .l-h1{font-size:42px}.l-lead{font-size:18px;margin-top:18px}
  .l-acts,.n-home-acts{flex-direction:column;margin-top:28px}.l-acts .btn,.n-home-acts .btn{width:100%}
  .l-toc ol{gap:24px;height:56px}.l-toc a{font-size:16px;padding:16px 0}
  .l-blk,.n-sec{padding:64px 0}.l-blk h2,.n-sec h2{font-size:30px}
  .l-what-q{font-size:20px}.l-what-p{font-size:18px}.l-due{padding:20px}
  .n-finds a{flex-direction:column;gap:2px}.n-finds span{text-align:left}
  .l-pct .l-num{font-size:96px}.l-pct .l-per{font-size:56px}.l-pct .l-dan{font-size:32px}
  .l-acc summary{font-size:19px;padding:20px 0}
  .l-why,.l-cards,.l-orgs,.l-kwcards{grid-template-columns:1fr}.l-why{gap:32px}
  .n-home{min-height:0}.n-home-in{padding-top:calc(var(--hd) + 120px);padding-bottom:52px}
  .n-home-h1{font-size:38px}.n-home-p{font-size:18px}
  .n-qlist a{font-size:18px}
  /* 칩: 두 칸 격자(한 줄에 하나씩 쌓이지 않게) */
  .n-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .n-chips a{min-height:52px;padding:8px 12px;font-size:16px;line-height:1.35;word-break:keep-all}
  .n-subrow>b{width:100%}
  /* 제목: 낱말 사이에서만 끊기고(<wbr>) 셋째 줄에 글자 하나가 남지 않게 */
  .l-h1{font-size:clamp(30px,9.2vw,42px)}.l-h1 .n-k{display:inline-block}
  .h-h1{font-size:clamp(28px,8.6vw,36px)}
  .h-acts{flex-direction:row}.h-acts .btn{flex:1;min-width:0;width:auto;padding:0 12px}
  /* 목차: 폰에서는 붙이지 않는다(떠 있는 것은 헤더 · 하단 줄 둘까지) */
  .l-toc{position:static}
  .l-card .l-r span{display:block;margin:4px 0 0}
  .h-ceo--home{grid-template-columns:96px 1fr;gap:18px}.h-ceo--home img{width:96px;height:120px}.h-ceo--home .h-ceo-n{font-size:24px}
  .n-pc{display:none}.n-mo{display:block}
  .h-hubs{padding:0 0 64px}.h-hubs .h-sec h2{font-size:28px}
  /* 첫 화면: 밝은 사진 위 글이 읽히게 덮개를 짙게 */
  .n-home::after{background:linear-gradient(180deg,rgba(11,18,32,.55) 0%,rgba(11,18,32,.62) 40%,rgba(11,18,32,.92) 100%)}
}