/*
Theme Name: 비즈론 인포 (bizloaninfo)
Theme URI: https://bizloaninfo.uassuk.com/
Author: BizLoan Info
Description: 개인사업자 대출 정보 플랫폼 전용 테마 — 메인 html.php 디자인 시스템을 단일 글·페이지·아카이브에 그대로 상속.
Version: 1.0.0
Text Domain: bizloaninfo
*/
/* 베이스는 /assets/site.css 를 상속하고, 글·페이지 전용 스타일만 아래에 정의한다 */

/* ---------- 글 본문 가독성 ---------- */
.entry-wrap{padding:56px 0 96px}
.entry{max-width:var(--read);margin:0 auto}
.crumb{font-size:13.5px;color:var(--muted);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.crumb a{color:var(--blue);font-weight:600}
.entry-header{margin-bottom:30px}
.entry-header h1{font-size:clamp(28px,3.8vw,40px);margin:0 0 14px;line-height:1.32}
.entry-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.entry-meta .cat-pill{background:var(--blue-soft);color:var(--blue-strong);font-weight:800;font-size:12.5px;border-radius:var(--r-pill);padding:5px 12px}
.entry-thumb{border-radius:var(--r-lg);overflow:hidden;margin:0 0 34px;box-shadow:var(--sh-1)}
.entry-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.entry-content{font-size:17px;line-height:1.8;color:var(--ink)}
.entry-content h2{font-size:clamp(22px,2.6vw,27px);margin:2.2em 0 .8em;padding-top:.2em}
.entry-content h3{font-size:19px;margin:1.8em 0 .7em}
.entry-content p{margin:0 0 1.2em}
.entry-content ul,.entry-content ol{margin:0 0 1.3em;padding-left:1.35em}
.entry-content li{margin-bottom:.5em}
.entry-content a{text-decoration:underline;text-underline-offset:3px}
.entry-content strong{color:var(--navy)}
.entry-content img{border-radius:var(--r-md)}
.entry-figure{margin:1.8em 0;border-radius:var(--r-lg);overflow:hidden;background:var(--white);border:1px solid var(--line);box-shadow:var(--sh-1)}
.entry-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.entry-figure figcaption{padding:12px 18px;font-size:13.5px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line)}

/* 표 */
.entry-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.entry-content thead th{background:var(--navy);color:#fff;text-align:left;padding:13px 16px;font-size:14px;font-weight:700}
.entry-content tbody td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top;line-height:1.65}
.entry-content tbody tr:nth-child(even){background:var(--ivory)}

/* 콜아웃 */
.callout{background:var(--blue-soft);border-left:4px solid var(--blue);border-radius:0 14px 14px 0;padding:18px 22px;margin:1.6em 0;font-size:15.5px;line-height:1.7;color:#27466F}
.callout b{color:var(--navy)}

/* 인라인 차트 */
.chart-inline{margin:1.6em 0;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 22px 18px;box-shadow:var(--sh-1)}
.bar-row{display:grid;grid-template-columns:120px 1fr 96px;align-items:center;gap:14px;margin-bottom:14px}
.bar-row:last-child{margin-bottom:0}
.bar-label{font-size:13.5px;font-weight:700;color:var(--ink)}
.bar-track{height:14px;background:var(--line);border-radius:8px;overflow:hidden}
.bar-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--blue),#4B92E8)}
.bar-fill.minus{background:linear-gradient(90deg,var(--amber),#FFC866)}
.bar-fill.accent{background:linear-gradient(90deg,var(--navy),#2F5C96)}
.bar-val{font-size:13px;color:var(--muted);text-align:right;font-weight:600}

/* 체크리스트 */
.entry-content ul.checklist{list-style:none;padding:0;display:grid;gap:10px}
.entry-content ul.checklist li{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px 16px 12px 46px;position:relative;font-size:15px}
.entry-content ul.checklist li::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:7px;background:var(--ok-soft);border:1.5px solid var(--ok)}
.entry-content ul.checklist li::after{content:"";position:absolute;left:20px;top:44%;width:9px;height:5px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}

/* FAQ */
.entry-content details{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:0;margin:0 0 12px;overflow:hidden}
.entry-content details summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:15.5px;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.entry-content details summary::-webkit-details-marker{display:none}
.entry-content details summary::after{content:"+";font-size:20px;color:var(--blue);font-weight:700;transition:transform .2s var(--ease);flex:none}
.entry-content details[open] summary::after{transform:rotate(45deg)}
.entry-content details p{padding:0 20px 16px;margin:0;font-size:15px;color:var(--ink-soft)}

/* 법적 고지 */
.legal-notice{font-size:13.5px;color:var(--muted);line-height:1.75;margin:2.4em 0 1.4em}
.ai-notice{font-size:13px;color:#999}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* 관련 글 */
.related{background:var(--white);border-top:1px solid var(--line);padding:72px 0 90px}
.related h2{font-size:26px;margin:0 0 30px;text-align:center}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pcard{background:var(--ivory);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh-1);transition:transform .22s var(--ease),box-shadow .22s var(--ease);color:var(--ink)}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--sh-2);color:var(--ink)}
.pthumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--navy)}
.pthumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.pcard:hover .pthumb img{transform:scale(1.05)}
.pcat{position:absolute;left:14px;top:14px;z-index:2;font-size:12px;font-weight:800;color:#fff;background:rgba(15,42,74,.72);border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);padding:5px 12px}
.pbody{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.pbody h3{font-size:16.5px;line-height:1.45;margin:0 0 8px}
.pbody .pmeta{font-size:12.5px;color:var(--muted);margin-top:auto;padding-top:12px}

/* 페이지(약관·방침) */
.page-wrap{padding:64px 0 96px}
.page-box{max-width:var(--read);margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:48px 52px;box-shadow:var(--sh-1)}
.page-box h1{font-size:clamp(26px,3.4vw,36px);margin:0 0 8px}
.page-box .updated{font-size:13.5px;color:var(--muted);margin:0 0 30px}
.page-box h2{font-size:20px;margin:2em 0 .7em}
.page-box p,.page-box li{font-size:15.5px;line-height:1.8;color:var(--ink-soft)}
.page-box ul{padding-left:1.3em}

/* 아카이브 */
.archive-head{background:var(--white);border-bottom:1px solid var(--line);padding:56px 0;text-align:center}
.archive-head h1{font-size:clamp(26px,3.4vw,38px);margin:0 0 10px}
.archive-head p{color:var(--muted);margin:0}

@media(max-width:960px){.post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.post-grid{grid-template-columns:1fr}.page-box{padding:32px 24px}.bar-row{grid-template-columns:92px 1fr 80px;gap:10px}}

/* ---------- 목차(easy-table-of-contents) 디자인 일체화 ---------- */
#ez-toc-container{border:1px solid var(--line)!important;border-radius:var(--r-md)!important;background:var(--white)!important;box-shadow:var(--sh-1)!important;padding:20px 22px!important;margin:0 0 2em!important}
#ez-toc-container .ez-toc-title{color:var(--navy)!important;font-weight:800!important;font-size:16px!important}
#ez-toc-container ul.ez-toc-list a{color:var(--ink-soft)!important;font-weight:600!important;font-size:14.5px!important}
#ez-toc-container ul.ez-toc-list a:hover{color:var(--blue)!important}
#ez-toc-container ul.ez-toc-list li.active>a{color:var(--blue-strong)!important;font-weight:800!important}