/* static-site 최소 스타일 — 가독성 + 모바일 대응, Gutenberg 기본 블록 */
:root{--fg:#1a1a1a;--bg:#fff;--muted:#666;--link:#0a5cb8;--maxw:760px;}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--fg);background:var(--bg);line-height:1.7;}
.header-inner,.footer-inner{max-width:var(--maxw);margin:0 auto;padding:14px 16px;}
.site-title a{font-weight:800;text-decoration:none;color:var(--fg);font-size:1.25rem;letter-spacing:-0.01em;}
.content{max-width:var(--maxw);margin:0 auto;padding:0 16px 48px;}
h1{font-size:1.6rem;line-height:1.4;}
h2{font-size:1.3rem;}
a{color:var(--link);}
img{max-width:100%;height:auto;}
figure{margin:1.5em 0;}
table{border-collapse:collapse;width:100%;margin:1.5em 0;}
table td,table th{border:1px solid #ddd;padding:8px;}
blockquote{border-left:4px solid #ddd;margin:1.5em 0;padding:0.5em 1em;color:var(--muted);}
.post-date,.post-cats{color:var(--muted);font-size:0.9rem;}
.summary{border-bottom:1px solid #eee;padding:16px 0;}
.pagination{margin-top:24px;}
.pagination a{margin-right:12px;}
/* 머리글·상단 메뉴 (B안) */
/* 머리글 = 본문과 구분되는 전체 폭 띠 (옅은 바탕 + 아래 선 + 메뉴 구획) */
.site-header{background:#f3f6f5;border-bottom:1px solid #dfe6e3;margin-bottom:20px;}
.site-title{margin:0;font-size:1.3rem;line-height:1.4;padding:4px 0;}
.site-nav{margin-top:10px;padding-top:8px;border-top:1px solid #e3e9e6;}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 16px;}
.site-nav a{font-weight:500;font-size:0.88rem;color:#4b5563;text-decoration:none;line-height:1.9;}
.site-nav a:hover{color:var(--link);text-decoration:underline;}
.site-footer{background:#f3f6f5;border-top:1px solid #dfe6e3;margin-top:32px;color:var(--muted);font-size:0.9rem;}
.site-footer p{margin:0;}
/* 썸네일 목록·추천 글 카드 */
.section-title{margin:32px 0 12px;font-size:1.25rem;}
.summary{display:flex;gap:16px;align-items:flex-start;}
.summary .thumb{flex:0 0 160px;}
.summary .thumb img{display:block;width:160px;height:90px;object-fit:cover;border-radius:6px;}
.summary h2,.summary h3{margin:0 0 4px;font-size:1.1rem;line-height:1.45;}
.summary h2 a,.summary h3 a,.card h3 a{color:var(--fg);text-decoration:none;}
.summary h2 a:hover,.summary h3 a:hover,.card h3 a:hover{color:var(--link);}
.summary .post-date,.card .post-date{margin:0 0 4px;}
.excerpt{margin:0;color:#444;font-size:0.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.card{border:1px solid #eee;border-radius:8px;overflow:hidden;}
.card .thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;}
.card .card-body{padding:12px 14px 14px;}
.card h3{margin:0 0 4px;font-size:1.05rem;line-height:1.45;}
.home-content{max-width:none;}
@media (max-width:600px){.card-grid{grid-template-columns:1fr;}.summary .thumb{flex-basis:110px;}.summary .thumb img{width:110px;height:62px;}}
@media (max-width:480px){.content{padding:0 12px 32px;}}
/* 검색(돋보기) — search.js 가 <style id="search-css">로도 주입(옛 style.css 캐시 대비) */
.header-inner{position:relative;}
.site-title{padding-right:48px;}
.search-toggle{position:absolute;top:10px;right:8px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.search-toggle:hover,.search-toggle:focus-visible{background:#fff;color:var(--link);}
.search-overlay,.search-overlay *{box-sizing:border-box;}
.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:none;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;}
.search-overlay.open{display:flex;}
.search-panel{background:#fff;width:100%;max-width:640px;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden;display:flex;flex-direction:column;max-height:84vh;}
.search-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #eee;}
.search-bar input{flex:1;min-width:0;border:0;outline:0;font-size:1.05rem;padding:6px 2px;background:transparent;color:var(--fg);}
.search-bar button{border:0;background:transparent;font-size:0.95rem;color:var(--muted);cursor:pointer;padding:6px;}
.search-results{list-style:none;margin:0;padding:0;overflow-y:auto;}
.search-results li a{display:block;padding:12px 16px;border-bottom:1px solid #f2f2f2;text-decoration:none;color:var(--fg);}
.search-results li a:hover,.search-results li a:focus{background:#f7f9fc;outline:0;}
.search-results .r-title{font-weight:600;line-height:1.45;display:block;}
.search-results .r-meta{font-size:0.82rem;color:var(--muted);display:block;margin-top:2px;}
.search-results mark{background:#fff3b0;color:inherit;padding:0;}
.search-empty{padding:18px 16px;color:var(--muted);font-size:0.95rem;margin:0;}