/* 생성 파일: tools/design/article.css 수정 후 node tools/build-design-t1.mjs */
/* 클래식 아티클 (글 읽기·글 상세): 단일 열 700px, 사이드 레일·채팅 패널 없음. 색은 T1 + 섹션 색조(body[data-sec]) */
body.t1-article main{display:block;padding:48px 0 24px}
.a-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);box-sizing:border-box}
/* 읽기 폭 예외: 본문 텍스트 740, 제목 영역 740, 대표 이미지·관련 글 980 */
.a-wrap>.a-crumb,.a-wrap>.a-head{max-width:740px;margin-left:auto;margin-right:auto}
.a-wrap>.a-hero,.a-wrap>.a-rel{max-width:980px;margin-left:auto;margin-right:auto}
.a-wrap>.a-body,.a-wrap>.a-share,.a-wrap>.a-pn{max-width:740px;margin-left:auto;margin-right:auto}
.a-hero img{max-height:600px}
.a-rel ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.a-rel li{border-top:1px solid rgba(40,40,39,.15)}
@media(max-width:860px){.a-rel ul{grid-template-columns:1fr}}
.a-crumb{font:400 13px/20px Pretendard,sans-serif;margin:0 0 28px;color:#282827}.a-crumb a{color:#282827;text-underline-offset:4px}
.a-cat{display:inline-block;margin:0 0 12px;font:600 14px/20px Pretendard,sans-serif;color:rgb(var(--sec-r),var(--sec-g),var(--sec-b))}
.a-head h1{font:700 40px/1.3 Pretendard,sans-serif;letter-spacing:-.025em;margin:0;color:#282827;word-break:keep-all}
.a-excerpt{margin:16px 0 0;font:400 18px/1.7 Pretendard,sans-serif;color:#282827}
.a-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid rgba(40,40,39,.2);font:400 14px/22px Pretendard,sans-serif;color:#282827}
.a-meta>*+*::before{content:"·";margin-right:16px}
.a-hero{margin:32px 0 0}.a-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#F1F1F1}
.a-hero figcaption{margin:8px 0 0;font:400 13px/20px Pretendard,sans-serif;color:#282827}
.a-body{margin-top:40px;font:400 18px/1.8 Pretendard,sans-serif;color:#282827;word-break:keep-all;overflow-wrap:break-word}
.a-body p{margin:0 0 1.35em}
.a-body h2{font:700 26px/1.4 Pretendard,sans-serif;letter-spacing:-.02em;margin:2.2em 0 .7em;padding-top:.4em}
.a-body h3{font:700 21px/1.4 Pretendard,sans-serif;margin:1.8em 0 .5em}
.a-body blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid rgb(var(--sec-r),var(--sec-g),var(--sec-b));font-size:19px;line-height:1.7}
.a-body ul,.a-body ol{margin:0 0 1.35em;padding-left:1.4em}.a-body li{margin:.35em 0}
.a-body a{color:#282827;text-underline-offset:4px}
.a-body img,.a-body figure img{max-width:100%;height:auto;display:block;margin:1.6em auto}
.a-body figure{margin:1.6em 0}.a-body figcaption{font-size:14px;line-height:22px}
.a-table{overflow-x:auto;margin:1.6em 0}.a-table table,.a-body table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}
.a-table th,.a-table td,.a-body th,.a-body td{border:1px solid rgba(40,40,39,.25);padding:10px 12px;text-align:left;vertical-align:top}
.a-table th,.a-body th{background:#F1F1F1;font-weight:600}
.a-source{font-size:14px!important;line-height:1.7;padding-top:1.2em;border-top:1px solid rgba(40,40,39,.2)}
.a-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:48px 0 0;padding:20px 0;border-top:1px solid rgba(40,40,39,.2);border-bottom:1px solid rgba(40,40,39,.2)}
.a-share>span{font:600 14px/1 Pretendard,sans-serif;margin-right:8px}
.a-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #282827;background:#fff;color:#282827;font:600 14px/1 Pretendard,sans-serif;text-decoration:none;cursor:pointer;border-radius:0}
.a-btn:hover{background:#F1F1F1}
.a-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0 0}
.a-pn a{display:block;padding:16px 0;text-decoration:none;color:#282827;border-top:1px solid rgba(40,40,39,.2)}.a-pn a small{display:block;font:400 13px/20px Pretendard,sans-serif}.a-pn a span{display:block;margin-top:4px;font:600 16px/1.5 Pretendard,sans-serif}.a-pn a:hover span{text-decoration:underline;text-underline-offset:4px}.a-next{text-align:right}
.a-rel{margin-top:48px}.a-rel h2{font:700 22px/32px Pretendard,sans-serif;margin:0 0 8px}.a-rel ul{list-style:none;margin:0;padding:0}.a-rel li{border-top:1px solid rgba(40,40,39,.15)}.a-rel a{display:block;padding:16px 0;text-decoration:none;color:#282827}.a-rel strong{display:block;font:600 17px/1.5 Pretendard,sans-serif}.a-rel a:hover strong{text-decoration:underline;text-underline-offset:4px}.a-rel time{font:400 13px/20px Pretendard,sans-serif}
/* 목록 */
.a-listpage>*{max-width:none}.a-filter{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px}
.a-chip{min-height:40px;padding:0 16px;border:1px solid #282827;background:#fff;color:#282827;font:400 14px/1 Pretendard,sans-serif;cursor:pointer;border-radius:0}.a-chip[aria-pressed=true]{background:#282827;color:#fff}
.a-list{list-style:none;margin:16px 0 0;padding:0}.a-list li{border-top:1px solid rgba(40,40,39,.2)}.a-list li[hidden]{display:none}
.a-list a{display:block;padding:24px 0;text-decoration:none;color:#282827}.a-list strong{display:block;font:600 20px/1.45 Pretendard,sans-serif;letter-spacing:-.02em}.a-list a:hover strong{text-decoration:underline;text-underline-offset:4px}
.a-li-ex{display:block;margin-top:6px;font:400 15px/1.7 Pretendard,sans-serif}.a-list .a-meta{margin:10px 0 0;padding:0;border:0;font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:860px){body.t1-article main{padding-top:28px}.a-head h1{font-size:28px}.a-excerpt{font-size:17px}.a-body{font-size:17px}.a-body h2{font-size:22px}.a-pn{grid-template-columns:1fr}.a-next{text-align:left}}
.a-search{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.a-search input{flex:1 1 280px;min-height:48px;padding:0 14px;border:1px solid #282827;border-radius:0;font:400 16px/1 Pretendard,sans-serif;background:#fff;color:#282827}.a-search-hint{font:400 13px/20px Pretendard,sans-serif}
.a-more{margin:24px 0 0;text-align:center}.a-more[hidden],.a-more button[hidden]{display:none}
/* 목록 클래식: 작은 고정 비율 썸네일 + 제목·날짜·한 줄 요약 */
.a-list a{display:flex;gap:16px;align-items:flex-start}
.a-th{flex:none;width:180px;height:120px;object-fit:cover;background:#F1F1F1;display:block}
.a-lt{display:block;min-width:0;flex:1}.a-lt .a-cat{display:block;margin:0 0 4px;font-size:13px}
.a-list strong{font-size:20px}
.a-chip .a-n{font-weight:400;opacity:1;margin-left:4px}.a-chip[aria-pressed=true] .a-n{color:var(--ink-2)}
.a-filter{margin-top:24px}.a-head-cta{margin:20px 0 0}.a-btn.solid{background:#282827;color:#fff}.a-btn.solid:hover{background:#000}
@media(max-width:860px){.a-th{width:108px;height:72px}.a-list strong{font-size:17px}.a-list a{gap:12px}}

/* 목록: 넓은 화면 2열 그리드(1920 이상 3열) */
.a-listpage .a-head,.a-listpage .a-crumb{max-width:none}
@media(min-width:1100px){.a-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}}
@media(min-width:1920px){.a-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.a-search input{max-width:640px}
@media(min-width:2400px){.a-list{grid-template-columns:repeat(4,minmax(0,1fr))}}

.a-listpage .a-head h1{font-size:var(--type-h1)}
.a-li-ex{color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a-meta,.a-hero figcaption,.a-pn small,.a-rel time{color:var(--ink-3)}
.a-filter{gap:8px;margin-block:24px 16px}.a-chip .a-n{color:var(--ink-3)}
.a-share{border-bottom:0;border-top:1px solid var(--rule);gap:12px}
.a-th,.a-hero img{border-radius:4px}
@media(max-width:860px){.a-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.a-chip{flex:none;white-space:nowrap}.a-head h1{font-size:30px}.a-listpage .a-head h1{font-size:32px}.a-list strong{font-size:18px}}

.a-li-ex{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.pe-evidence-note{margin-top:40px;padding-top:24px;border-top:1px solid var(--rule,#ddd)}.pe-evidence-heading{font-size:20px;font-weight:700;margin-bottom:16px}.pe-evidence-list{padding-left:0;list-style:none}.pe-evidence-item{margin:16px 0}.pe-evidence-title-link{display:flex;gap:12px;align-items:baseline}.pe-evidence-index{flex:0 0 1.5em}.pe-evidence-meta{display:block;margin:6px 0 0 2.5em;font-size:14px}
