/* AI시대 부모백과 — 시안 C '근거 사전'(2026-10-31 휴먼쌤 선택) + 휴먼티처닷컴 가독성(11-01: 고운돋움 본문 · 주아 제목, 큰 글씨, 넓은 글줄, 두툼한 단추).
   폰 먼저, PC는 가운데 한 줄(최대 680px) */
:root{
  --bg:#F7F6FB; --card:#FFFFFF; --ink:#24203D; --ink2:#36324F; --soft:#56526E; --line:#E3E0EF; --line2:#EEECF5;
  --brand:#3A2F7A; --brand-ink:#3A2F7A; --brand-dark:#2A2260; --tint:#EDEAF8; --amber:#F2B733; --amber-dk:#B9860F; --foot:#221B4D; --mark:rgba(242,183,51,.42);
  --font:"Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --display:"Jua","Gowun Dodum","Apple SD Gothic Neo",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{--bg:#13111E;--card:#1C1A2C;--ink:#ECEAF6;--ink2:#D3CFE6;--soft:#ABA7C4;--line:#2E2A45;--line2:#26233A;--brand:#4A3E99;--brand-ink:#B9AEFF;--brand-dark:#E4E0FF;--tint:#2A2550;--amber-dk:#9A700C;--foot:#0E0C18;--mark:rgba(242,183,51,.28);color-scheme:dark}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{color:var(--brand-ink)}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:400;text-wrap:balance}
p{margin:0}
b,strong{font-weight:700}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.in{max-width:680px;margin:0 auto;padding-inline:18px}

/* 머리 · 꼬리 */
.bar{background:var(--card);border-bottom:2px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.bar .in{display:flex;align-items:center;justify-content:space-between;height:62px;padding-right:8px}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:22px;color:var(--brand-ink);text-decoration:none;line-height:1}
.logo img{width:36px;height:36px;border-radius:50%;background:var(--tint);flex:none}
.logo>span{display:flex;flex-direction:column;line-height:1.05}
.logo small{font-family:var(--font);font-size:12px;line-height:1.1;color:var(--soft);margin-bottom:3px}
.nav{display:flex;align-items:center;gap:4px}
.nav .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.nav .pill{height:38px;padding:0 15px;border-radius:999px;background:var(--tint);color:var(--brand-ink);font-family:var(--display);font-size:15px;text-decoration:none;display:flex;align-items:center}
.foot{background:var(--foot);color:#D6D1F0;padding:32px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:14px;line-height:1.75}
.foot .logo{display:flex;color:#fff;font-size:21px;margin-bottom:12px}
.foot .logo small{color:#B9B2DA}
.foot a{color:#fff}
.foot .fl{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.foot .fl a{padding:7px 14px;border:1.5px solid #6F66A8;border-radius:999px;text-decoration:none;font-size:14px}

/* 흰 띠(첫 화면 머리 · 글 머리)와 그 아래 본문 */
.top{background:var(--card);border-bottom:2px solid var(--line)}
.wrap{max-width:680px;margin:0 auto;padding:28px 18px 52px;display:grid;gap:40px}
.wrap>section{display:grid;gap:14px;scroll-margin-top:12px}
/* 절 제목: 휴먼티처닷컴처럼 앞에 굵은 막대 */
.wrap h2{display:flex;align-items:center;gap:10px;font-size:23px;line-height:1.3;color:var(--brand-dark)}
.wrap h2::before{content:"";flex:none;width:5px;height:21px;border-radius:3px;background:var(--brand-ink)}
.sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sh span{font-size:14px;color:var(--soft);white-space:nowrap}
.sub{margin-top:-6px;font-size:15px;color:var(--soft)}
.card{background:var(--card);border:2px solid var(--line);border-radius:18px}
.back{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:var(--display);font-size:17px;color:var(--brand-ink);text-decoration:none}
mark{background:var(--mark);color:inherit;padding:0 2px;border-radius:3px}

/* 첫 화면 */
.hero{text-align:center;padding:40px 18px 34px}
.hero h1{font-size:34px;line-height:1.3;color:var(--brand-dark)}
.lede{margin-top:14px;font-size:16.5px;line-height:1.7;color:var(--ink2)}
.lede b{color:var(--brand-ink)}
.search{display:flex;height:56px;max-width:520px;margin:24px auto 0;border:2px solid var(--brand-ink);border-radius:16px;overflow:hidden;background:var(--card);scroll-margin-top:16px}
.search:focus-within{box-shadow:0 0 0 4px var(--tint)}
.search input{flex:1;min-width:0;border:0;outline:0;padding:0 18px;font:inherit;font-size:17px;color:var(--ink);background:transparent}
.search button{width:58px;border:0;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.chips{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14.5px}
.chips span{color:var(--soft);padding:0 2px}
.chips button{font-family:var(--display);font-size:15px;color:var(--brand-ink);background:var(--card);border:2px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer}
.progress{background:var(--brand);color:#fff;border-radius:20px;padding:24px 22px;display:grid;gap:10px}
.progress .pt{font-family:var(--display);font-size:21px;line-height:1.4}
.pn{display:flex;justify-content:space-between;margin-top:4px;font-size:15px;color:#E0DCF6}
.pb{height:10px;border-radius:999px;background:rgba(255,255,255,.2);overflow:hidden}
.pb i{display:block;height:100%;border-radius:999px;background:var(--amber)}
.go{justify-self:start;margin-top:10px;display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 20px;border-radius:14px;background:var(--amber);color:#1C1A33;font-family:var(--display);font-size:18px;text-decoration:none;box-shadow:0 4px 0 var(--amber-dk)}
.latest{padding:22px 20px;display:grid;gap:16px}
.mt{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.tag{font-family:var(--display);font-size:14.5px;color:var(--brand-ink);background:var(--tint);border-radius:999px;padding:4px 12px}
.qno{font-family:var(--display);color:var(--soft);white-space:nowrap}
.latest h3{font-size:23px;line-height:1.38}
.latest h3 a{color:var(--ink);text-decoration:none}
.latest dl{margin:0;display:grid;gap:12px}
.latest dl div{display:flex;gap:12px}
.latest dt{flex:none;width:40px;padding-top:1px;font-family:var(--display);font-size:15px;color:var(--brand-ink)}
.latest dd{margin:0;font-size:16px;line-height:1.75}
.refs-s{display:flex;flex-wrap:wrap;gap:6px}
.refs-s span{font-size:14px;border:2px solid var(--line);border-radius:999px;padding:1px 10px}
.more{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:2px dashed var(--line);font-family:var(--display);font-size:17px;text-decoration:none}
/* 상황별 색인: 아이콘 동그라미 + 큰 글씨 한 줄씩 */
.idx a{display:flex;align-items:center;gap:14px;padding:13px 18px;color:var(--ink);text-decoration:none}
.idx .iw{flex:none;width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--soft);display:flex;align-items:center;justify-content:center}
.idx .iw .ic{width:19px;height:19px}
.idx a.on .iw{background:var(--brand);color:#fff}
.idx .t{flex:1;font-size:16.5px;line-height:1.45}
.idx a.on .t{font-weight:700}
.idx .n{font-family:var(--display);font-size:15px;color:var(--brand-ink)}
.idx .z{font-size:14px;color:var(--soft);white-space:nowrap}
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.seg button{height:50px;font-family:var(--display);font-size:17px;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:14px;cursor:pointer}
.seg button[aria-pressed="true"]{color:var(--brand-ink);background:var(--tint);border-color:var(--brand-ink)}
.hint{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15.5px;color:var(--ink2)}
.hint button{font-family:var(--display);font-size:16px;color:var(--brand-ink);background:none;border:0;padding:8px 4px;cursor:pointer}
/* 질문 목록 · ACT 칸: 숨긴 줄이 있어도 맨 위 선이 겹치지 않게 선 두께만큼 당기고 상자에서 자른다 */
.idx,.rows,.acts{overflow:hidden}
.idx a,.row,.acts li{border-top:2px solid var(--line2);margin-top:-2px}
.row{display:flex;align-items:baseline;gap:12px;padding:16px 18px;color:var(--ink);text-decoration:none}
.row .no{min-width:30px;font-family:var(--display);font-size:15px;color:var(--soft)}
.row b{flex:1;font-size:16.5px;font-weight:400;line-height:1.55}
.row .st{font-size:14px;color:var(--soft);white-space:nowrap}
.row.live b{font-weight:700}
.row.live .st{font-family:var(--display);font-size:15px;color:var(--brand-ink)}
.empty{font-size:15.5px;color:var(--soft)}
.more-btn{height:54px;font-family:var(--display);font-size:17px;color:var(--brand-ink);background:var(--card);border:2px solid var(--line);border-radius:16px;cursor:pointer}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.steps li{padding:18px 16px}
.steps i{display:block;font-family:var(--display);font-style:normal;font-size:26px;line-height:1.1;color:var(--brand-ink)}
.steps b{display:block;margin-top:8px;font-family:var(--display);font-weight:400;font-size:18px}
.steps span{display:block;margin-top:4px;font-size:15px;line-height:1.55;color:var(--soft)}

/* 글 화면 */
.head{padding-top:26px;padding-bottom:30px}
.head[id]{scroll-margin-top:12px}
.title{margin-top:16px;font-size:31px;line-height:1.32;color:var(--ink)}
.byline{margin-top:12px;font-size:15px;line-height:1.6;color:var(--soft)}
.summary{margin-top:22px;background:var(--tint);border-radius:20px;padding:22px 20px;display:grid;gap:12px}
.summary .lab{font-size:16px;color:var(--brand-ink)}
.summary .big{font-family:var(--display);font-size:30px;line-height:1.3;color:var(--brand-dark)}
.summary p,.summary ol{font-size:17px;line-height:1.85}
.summary ol{margin:0;padding-left:24px}
.today{margin-top:6px;background:var(--card);border-radius:14px;padding:16px 18px;font-size:16.5px;line-height:1.8}
.today b{display:block;margin-bottom:6px;font-family:var(--display);font-weight:400;font-size:16px;color:var(--brand-ink)}
.toc{margin-top:18px;padding:8px 0;display:grid}
.toc a{display:flex;gap:14px;padding:11px 18px;font-size:16.5px;color:var(--ink);text-decoration:none}
.toc span{width:16px;font-family:var(--display);color:var(--brand-ink)}
.status{margin-top:22px;background:var(--tint);border-radius:20px;padding:22px 20px;display:grid;gap:8px}
.status b{font-family:var(--display);font-weight:400;font-size:20px;color:var(--brand-dark)}
.status p{font-size:16.5px;line-height:1.8}
.shorts video{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:9/16;margin:0 auto;border-radius:18px;background:#1C1A33}
/* 근거: 접지 않고 글처럼 읽히게. 상자 안 여백을 줄여 글줄을 넓게 */
.ev{padding:22px 18px}
.ev h3{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:21px;line-height:1.42;color:var(--ink)}
.ev .k{font-size:15px;color:var(--brand-ink);background:var(--tint);border-radius:999px;padding:3px 12px}
.ev .body{margin-top:16px;display:grid;gap:14px}
.ev .body p{font-size:17px;line-height:1.85}
.ev ol{margin:0;padding:16px 16px 16px 38px;background:var(--bg);border-radius:14px;font-size:16.5px;line-height:1.8;display:grid;gap:6px}
.take{background:var(--tint);border-radius:14px;padding:16px 18px}
.ev .note{font-size:14.5px!important;line-height:1.65!important;color:var(--soft)}
.unk{padding:20px 18px;display:grid;gap:8px}
.unk b{font-family:var(--display);font-weight:400;font-size:16px;color:var(--brand-ink)}
.unk p{font-size:17px;line-height:1.85}
.wrapup{background:var(--foot);color:#E0DCF6;border-radius:20px;padding:24px 20px;display:grid;gap:12px}
.wrapup .lab{font-family:var(--display);font-size:16px;color:var(--amber)}
.wrapup p{font-size:16.5px;line-height:1.8}
.wrapup p.last{font-family:var(--display);font-size:22px;line-height:1.5;color:#fff}
.acts{list-style:none;margin:0;padding:0}
.acts li{display:flex;gap:16px;padding:20px 18px}
.acts .L{flex:none;width:24px;font-family:var(--display);font-size:28px;line-height:1.1;color:var(--brand-ink)}
.acts b{font-family:var(--display);font-weight:400;font-size:19px}
.acts small{margin-left:6px;font-family:var(--font);font-size:14px;color:var(--soft)}
.acts p{margin-top:6px;font-size:16.5px;line-height:1.8;color:var(--ink2)}
/* 활동지: 휴먼티처닷컴 '바로 들어가기'처럼 크고 두툼한 단추 */
.kit{display:grid;gap:16px;padding:20px 18px;background:var(--card);border:2px solid var(--brand-ink);border-radius:20px}
.kit .nm b{display:block;font-family:var(--display);font-weight:400;font-size:19px;line-height:1.4}
.kit .nm span{display:block;margin-top:4px;font-size:15px;color:var(--soft)}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:58px;border-radius:16px;background:var(--amber);color:#1C1A33;font-family:var(--display);font-size:20px;text-decoration:none;box-shadow:0 5px 0 var(--amber-dk);transition:transform .12s,box-shadow .12s}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--amber-dk)}
.btn.off{background:var(--line);color:var(--soft);box-shadow:none}
.wb{font-size:15px;color:var(--soft)}
.wrap .refs-h{font-size:18px;color:var(--ink)}
.wrap .refs-h::before{display:none}
.refs{margin:0;padding-left:20px;display:grid;gap:10px;font-size:14.5px;line-height:1.7;color:var(--soft)}
.prose{padding:22px 20px;display:grid;gap:12px}
.wrap .prose h2{font-size:21px}
.prose p{font-size:17px;line-height:1.85}
/* 첫 화면 시안 B '사전처럼'(11-08): 오늘의 질문 띠 · 상황 타일 · 접힌 질문 목록 · 답하는 사람 */
.todaystrip{display:flex;align-items:center;gap:12px;background:var(--brand);color:#fff;border-radius:18px;padding:16px 18px;text-decoration:none}
.todaystrip small{display:block;font-size:13.5px;color:#D6D1F0;margin-bottom:3px}
.todaystrip b{font-family:var(--display);font-weight:400;font-size:19px;line-height:1.35}
.todaystrip .arrow{margin-left:auto;flex:none;width:46px;height:46px;border-radius:50%;background:var(--amber);color:#1C1A33;display:flex;align-items:center;justify-content:center}
/* 대표 키워드 6개(11-08): 검색창 바로 아래, 키워드 글자만 있는 낮은 단추. 누르면 키워드 쪽 s/<id>/ */
.kwarea{max-width:520px;margin:26px auto 0;text-align:left;display:grid;gap:12px}
.kwarea h2{display:flex;align-items:center;gap:10px;font-size:21px;line-height:1.3;color:var(--brand-dark)}
.kwarea h2::before{content:"";flex:none;width:5px;height:19px;border-radius:3px;background:var(--brand-ink)}
.kwbs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kwb{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 10px;border:2px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-family:var(--display);font-size:18px;line-height:1.2;text-decoration:none}
.kwb:hover{border-color:var(--brand-ink)}
.kwb[aria-expanded="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.kwb:active{transform:translateY(2px)}
.kpanel{display:grid;gap:10px;scroll-margin-top:12px}
.kt{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 0}
.kt b{font-family:var(--display);font-weight:400;font-size:18px;color:var(--brand-dark)}
.kt span{font-size:14px;color:var(--soft);white-space:nowrap}
/* 한 편은 이렇게 정리해요(휴먼티처닷컴 '이렇게 답해요' 블록 차용) */
.howto{display:grid;gap:12px}
.hsteps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hsteps li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;background:var(--card);border:2px solid var(--line);border-radius:18px;padding:14px 16px}
.hsteps i{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;font-style:normal;font-family:var(--display);font-size:20px;display:flex;align-items:center;justify-content:center}
.hsteps b{display:block;font-family:var(--display);font-weight:400;font-size:19px;color:var(--brand-dark);line-height:1.3;margin-bottom:2px}
.hsteps p{font-size:16px;line-height:1.7;color:var(--ink2)}
.actchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.actchips span{font-family:var(--display);font-size:14px;color:#fff;border-radius:999px;padding:4px 11px}
.actchips .a{background:#C9482A}.actchips .c{background:#187E6C}.actchips .t{background:#223A5E}
/* 왼쪽 위 '이전으로'와 키워드 쪽 질문 카드 */
.prevbar{padding-top:10px;padding-bottom:2px;background:var(--card)}
.prev{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 8px;margin-left:-8px;border-radius:999px;font-family:var(--display);font-size:16px;color:var(--brand-ink);text-decoration:none}
.prev:hover{background:var(--tint)}
.prev .ic{width:20px;height:20px}
.qcs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.qc{display:grid;gap:8px;padding:18px;color:var(--ink);text-decoration:none}
.qc .qm{display:flex;justify-content:space-between;align-items:center;gap:8px}
.qc .st{font-size:14px;color:var(--soft);background:var(--line2);border-radius:999px;padding:2px 10px}
.qc .st.on{font-family:var(--display);color:var(--brand-ink);background:var(--tint)}
.qc b{font-family:var(--display);font-weight:400;font-size:20px;line-height:1.4}
.qc .ql{font-size:16px;line-height:1.7;color:var(--ink2)}
.qc .go{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:12px;border-top:2px dashed var(--line);font-family:var(--display);font-size:16px;color:var(--brand-ink)}
.qc.live{border-color:var(--brand-ink)}
.fold{padding:0 18px}
.fold summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:58px;font-family:var(--display);font-size:18px;color:var(--brand-dark)}
.fold summary .cnt{margin-left:auto;font-family:var(--font);font-size:14px;color:var(--soft)}
.fold summary::-webkit-details-marker{display:none}
.fold summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;font-size:20px}
.fold[open] summary::after{content:"–"}
.fold .inner{padding:4px 0 18px;display:grid;gap:12px}
.whoam{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:18px;align-items:start}
.whoam img{width:52px;height:52px;border-radius:50%;background:var(--tint)}
.whoam p{font-size:15.5px;line-height:1.7;color:var(--ink2)}
.whoam p b{font-family:var(--display);font-weight:400;font-size:18px;color:var(--ink);display:block;margin-bottom:2px}
.whoam{align-items:center}
.whoam p b{text-wrap:balance;margin-bottom:4px}
.whoam .btn{grid-column:1/-1;height:54px;font-size:18px}
.whoam .btn+.btn{margin-top:-4px}
/* 소개 카드 단추(11-08): 보라 바탕에 어울리게. 소개는 테두리, 자료 받기는 보라 */
.btn.ghost{background:var(--card);color:var(--brand-ink);border:2px solid var(--brand-ink);box-shadow:none}
.btn.brand{background:var(--brand);color:#fff;box-shadow:0 5px 0 var(--brand-dark)}
.btn.brand:active{box-shadow:0 2px 0 var(--brand-dark)}
@media (prefers-color-scheme: dark){.btn.brand{box-shadow:0 5px 0 #2A2260}}
@media (min-width:700px){.kwbs{grid-template-columns:repeat(3,1fr)}.hsteps{grid-template-columns:1fr 1fr}}
@media (min-width:700px){.hero{padding:60px 18px 44px}.hero h1{font-size:44px}.title{font-size:38px}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.kit{grid-template-columns:1fr auto;align-items:center}.kit .btn{padding:0 28px}}

.qres{margin:12px 0 18px;text-align:left}.qres-t{margin:0 0 8px;font-size:14.5px;color:var(--ink2,#444)}
.kwarea{margin-top:12px;gap:8px}.kwarea h2{font-size:15px}.kwarea h2::before{height:14px;width:4px}.kwbs,.kwbs[class]{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.kwbs::-webkit-scrollbar{display:none}.kwb{flex:none;min-height:0;padding:7px 13px;border-width:1.5px;border-radius:999px;font-size:14.5px;white-space:nowrap}@media (min-width:700px){.kwbs{display:flex}}
.qres-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:14.5px;color:var(--ink2,#444)}.qres-x{flex:none;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:5px 12px;font:inherit;font-size:13.5px;cursor:pointer}@media (min-width:700px){.hsteps{grid-template-columns:1fr}}
.kwhead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nav .pill.collab{background:var(--brand);color:#fff}@media (max-width:400px){.nav .pill{padding-left:11px;padding-right:11px;font-size:13.5px}}
.kwbs{padding-top:7px;padding-right:7px}.kwb{position:relative}.kwb[aria-expanded="true"]::after{content:"\00d7";position:absolute;top:-6px;right:-5px;width:17px;height:17px;border-radius:50%;background:#D93A2B;color:#fff;font:700 13px/17px sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.kwbs{padding-right:0}.kwbs::after{content:"";flex:none;width:8px}
/* 11-13 키워드 일곱: 옆으로 넘기지 않고 줄을 바꿔 한눈에 다 보이게 */
.kwbs,.kwbs[class]{flex-wrap:wrap;overflow:visible;gap:7px 6px}.kwbs::after{display:none}

/* 협업 문의 연락처 팝업 (2026-11-12 휴먼쌤 "구글폼 말고 연락처 팝업되도록"). JS 없이 :target으로 연다 */
.cpop{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:16px}
.cpop:target{display:flex}
.cpop-bg{position:absolute;inset:0;background:rgba(20,24,36,.55)}
/* 2026-11-13 다크모드 점검: 팝업만 밝은 색이 박혀 있어 어두운 화면에서 흰 상자로 튐 → 이 사이트의 색 변수(밝은 판 · 어두운 판)를 타게 함 */
.cpop-box{position:relative;background:var(--card);border:1.5px solid var(--line);border-radius:22px;width:100%;max-width:380px;padding:28px 22px 22px;box-shadow:0 18px 50px rgba(0,0,0,.25);text-align:left}
.cpop-box>b{display:block;font-family:var(--display);font-weight:400;font-size:24px;color:var(--ink);margin:0 0 6px}
.cpop-box>p{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--soft)}
.cpop-row{display:flex;flex-direction:column;gap:2px;padding:12px 16px;margin-top:10px;border:2px solid var(--line);border-radius:14px;color:var(--ink);font-size:18px;font-weight:700;text-decoration:none;word-break:break-all}
.cpop-row small{font-size:13px;font-weight:400;color:var(--soft)}
.cpop-row:hover,.cpop-row:focus{border-color:var(--brand-ink)}
.cpop-x{position:absolute;top:10px;right:14px;font-size:28px;line-height:1;color:var(--soft);text-decoration:none;padding:4px 8px}
/* 2026-11-13 새 글 꼴(초등편 33개): 장면 · 근거 종류 · 출처 · 표 · 휴먼쌤 원칙 */
.scene{margin:14px 0 4px;padding:14px 16px;border-left:4px solid var(--amber);background:var(--card);border-radius:0 14px 14px 0}
.scene b{display:block;font-family:var(--display);font-weight:400;font-size:15px;color:var(--brand-ink);margin-bottom:4px}
.scene p{margin:0;font-size:16px;line-height:1.75;color:var(--ink2)}
.summary .pl,.v2p .pl{margin:10px 0 0;padding-left:20px;display:grid;gap:6px;font-size:16px;line-height:1.7}
.summary .big{line-height:1.45}
.today.say{margin-top:10px}
.ev h3 .kd{display:inline-block;margin:0 8px 0 0;font-family:var(--font);font-size:13px;line-height:1;color:var(--brand-ink);border:1.5px solid var(--line);border-radius:999px;padding:4px 9px;vertical-align:3px}
.ev .src,.v2x .src{margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--soft)}
.ev .nob,.v2x .nob{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:15px;line-height:1.7;color:var(--ink2)}
.ev .nob b{font-family:var(--display);font-weight:400;color:var(--brand-ink);margin-right:6px}
.ev .pq,.v2x .pq{margin:12px 0 0;padding:12px 14px;background:var(--tint);border-radius:12px;font-family:var(--display);font-size:17px;line-height:1.5}
.tw{overflow-x:auto;margin:10px 0}.tw table{border-collapse:collapse;min-width:100%;font-size:14.5px;line-height:1.55}
.tw th,.tw td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.tw th{background:var(--tint);font-weight:700}
.v2x{margin-top:14px}.v2x .xh{display:block;font-family:var(--display);font-weight:400;font-size:17px;margin-bottom:6px}
.unk p{margin:6px 0 0}.v2p .pl{margin-top:0}
.ev .body ol,.ev .body .pl{margin:8px 0;padding-left:22px;display:grid;gap:6px}
.ev .body a,.summary a,.v2p a,.unk a{color:var(--brand-ink)}
.tw table{min-width:440px}.tw th:first-child,.tw td:first-child,.tw th:last-child,.tw td:last-child{white-space:nowrap}
/* 2026-11-13 새 로고: 머리 · 꼬리 로고 그림, 꼬리 저작권 줄 */
.logo img.lockup{width:auto;height:40px;border-radius:0;background:none}
.foot .flogo{display:block;height:44px;width:auto;margin-bottom:14px}
.foot .copy{margin-top:16px;font-size:13px;color:#A9A3CC}