/*
Theme Name: 자동차 배터리 지역 블로그
Theme URI: https://blanding.kr
Author: 비랜딩 (blanding.kr)
Author URI: https://blanding.kr
Description: 비랜딩 기본테마에서 파생한 지역 서비스 블로그. 지역 서비스 홈페이지와 블로그.
Version: 1.2.1
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: bmb
*/
:root{color-scheme:light;--bg:#fff;--ink:#182126;--muted:#646b70;--line:#e4e8e7;--soft:#f0f5f3;--accent:#20685b;--font:"Pretendard Variable","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;--page:600 30px/1.35 var(--font);--section:600 21px/1.5 var(--font);--body:400 16px/1.75 var(--font);--small:400 14px/1.7 var(--font);--label:500 14px/1.5 var(--font);--caption:400 12px/1.6 var(--font);--page-track:-.035em;--body-track:-.015em;--label-track:-.01em;--caption-track:0;--gap:28px}
@media(prefers-color-scheme:dark){:root:not([data-scheme="light"]){color-scheme:dark;--bg:#151b1d;--ink:#ecf0ee;--muted:#acb6b2;--line:#35403d;--soft:#232f2b;--accent:#91cab9}}
:root[data-scheme="dark"]{color-scheme:dark;--bg:#151b1d;--ink:#ecf0ee;--muted:#acb6b2;--line:#35403d;--soft:#232f2b;--accent:#91cab9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--body);letter-spacing:var(--body-track)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%;height:auto}button,input,select{font:var(--label);letter-spacing:var(--label-track);color:var(--ink)}button,select{cursor:pointer}h1{font:var(--page);letter-spacing:var(--page-track);word-break:keep-all;overflow-wrap:anywhere}h2,h3,h4,h5,h6{font:var(--section);letter-spacing:var(--body-track);word-break:keep-all}p{margin:0 0 1.25em}.shell{max-width:1040px;margin-inline:auto;padding-inline:32px}.site-header{display:flex;align-items:center;gap:32px;min-height:100px}.brand{margin-right:auto;font:var(--section);letter-spacing:var(--body-track)}.brand img{width:auto;max-width:180px;max-height:56px}.site-header nav{max-width:60%}.menu{display:flex;flex-wrap:wrap;gap:16px 28px;list-style:none;padding:0;margin:0;font:var(--label);letter-spacing:var(--label-track)}.menu a{display:block;padding-block:12px}.phone-link{display:inline-block;color:var(--accent);font:var(--label);letter-spacing:var(--label-track);white-space:nowrap;padding-block:12px}.list-main{padding-top:40px;padding-bottom:72px;min-height:60vh}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:30px}.page-heading h1{margin:0}.search-form{display:flex;align-items:stretch;gap:8px;max-width:100%}.search-form input{background:var(--bg);border:1px solid var(--line);border-radius:3px;padding:11px 12px;min-width:0;width:180px}.search-form button{border:1px solid var(--line);background:var(--soft);border-radius:3px;padding:10px 14px;white-space:nowrap}.lead{max-width:680px;color:var(--muted)}.category-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:30px;font:var(--label);letter-spacing:var(--label-track)}.category-nav a{padding-block:7px}.category-nav [aria-current]{color:var(--accent);box-shadow:0 2px var(--accent)}.post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px var(--gap)}.post-card{min-width:0}.post-image{aspect-ratio:1;overflow:hidden;background:var(--soft);border-radius:6px}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.post-link:hover img{transform:scale(1.025)}.post-card h2{font:var(--small);letter-spacing:var(--body-track);margin:11px 0 7px;word-break:keep-all;overflow-wrap:anywhere}.post-card time,.article-heading time{font:var(--caption);letter-spacing:var(--caption-track);color:var(--muted)}.image-empty{display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:var(--accent);font:var(--label);letter-spacing:var(--label-track)}.battery-mark{border:2px solid currentColor;border-radius:3px;padding:8px 14px;width:max-content;align-self:flex-end;opacity:.7}.site-footer{padding-block:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font:var(--caption);letter-spacing:var(--caption-track)}.site-footer p{margin:4px 0 0}.footer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.footer-actions select{padding:6px;border:1px solid var(--line);border-radius:3px;background:var(--bg);font:var(--caption);letter-spacing:var(--caption-track)}.article-main{max-width:824px;padding-top:42px;padding-bottom:72px;min-height:65vh}.article-heading{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:32px}.article-heading h1{margin:20px 0 14px}.back-link{font:var(--label);letter-spacing:var(--label-track);color:var(--muted)}.article-image{margin-bottom:32px}.article-image img{max-height:560px;width:auto;margin:auto}.entry-content{overflow-wrap:anywhere;font:var(--body);letter-spacing:var(--body-track)}.entry-content :is(p,li){font:var(--body);letter-spacing:var(--body-track)}.entry-content h1{font:var(--page);letter-spacing:var(--page-track)}.entry-content :is(h2,h3,h4,h5,h6){font:var(--section);letter-spacing:var(--body-track);margin-top:2em}.entry-content a{text-decoration:underline;text-underline-offset:3px}.entry-content blockquote{border-left:3px solid var(--accent);margin:24px 0;padding:8px 24px;color:var(--muted)}.entry-content :is(table,pre){display:block;max-width:100%;overflow:auto}.entry-content iframe{max-width:100%}.entry-content figcaption{font:var(--caption);letter-spacing:var(--caption-track);color:var(--muted)}.article-contact{margin-top:32px}.nav-links{display:flex;justify-content:space-between;gap:16px;margin-top:36px;flex-wrap:wrap;font:var(--label);letter-spacing:var(--label-track)}.pagination .nav-links{justify-content:center}.page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:3px}.page-numbers.current{color:var(--accent);background:var(--soft)}.empty-state{padding:60px 0;min-height:260px}.empty-state p{color:var(--muted)}.service-regions{margin-top:56px;border-top:1px solid var(--line);padding-top:24px}.service-regions p{color:var(--muted);font:var(--small);letter-spacing:var(--body-track)}.screen-reader-text,.skip-link:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:10000;top:8px;left:8px;background:var(--bg);padding:12px;border:2px solid var(--accent)}
@media(max-width:850px){.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{gap:20px}.site-header .phone-link{display:inline-block}}
@media(max-width:600px){:root{--page:600 25px/1.4 var(--font);--section:600 19px/1.5 var(--font);--gap:18px}.shell{padding-inline:20px}.site-header{padding-block:18px;min-height:88px;flex-wrap:wrap;gap:8px 20px}.brand{flex-basis:100%}.site-header nav{max-width:100%}.menu{gap:8px 24px}.menu a{padding-block:6px}.list-main{padding-top:24px;padding-bottom:48px}.page-heading{align-items:stretch;flex-direction:column;gap:18px;padding-bottom:22px}.search-form input{width:100%;flex:1}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.image-empty{padding:14px}.site-footer{align-items:flex-start;flex-direction:column;gap:16px}.article-main{padding-top:24px;padding-bottom:48px}.category-nav{gap:6px 20px}.entry-content :is(ul,ol){padding-left:24px}}
@media(prefers-reduced-motion:reduce){.post-image img{transition:none}}

/* 1.1.0: photographic regional journal. Nine roles: existing six + display, card-title, image-title. */
:root{--bg:#fdfefd;--ink:#182c29;--accent:#226858;--soft:#edf4f0;--line:#dde6e1;--display:600 38px/1.35 var(--font);--card-title:600 16px/1.55 var(--font);--image-title:600 24px/1.35 var(--font);--page:600 29px/1.4 var(--font)}
.shell{max-width:1184px}.sample-strip{text-align:center;padding:8px 20px;background:#eef3ef;color:#52645a;font:var(--caption);letter-spacing:var(--caption-track)}.sample-strip span{margin-left:12px}.site-header{min-height:106px;border-bottom:1px solid var(--line)}.brand>a{display:flex;align-items:center;gap:12px}.brand small{display:block;font:var(--caption);letter-spacing:var(--caption-track);color:var(--muted);margin-top:2px}.brand-icon{display:flex;align-items:center;justify-content:space-between;gap:6px;width:42px;height:32px;border:2px solid var(--accent);border-radius:5px;color:var(--accent);padding:2px 5px;position:relative;font:var(--label);letter-spacing:var(--label-track)}.brand-icon:before{content:"";width:7px;height:4px;background:var(--accent);position:absolute;right:-6px;top:11px}.brand-icon i{font-style:normal}.list-main{padding-top:32px}.blog-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin-bottom:40px;background:var(--soft);border-radius:8px;overflow:hidden}.hero-copy{padding:32px 0 32px 32px}.eyebrow{font:var(--caption);letter-spacing:.06em;color:var(--accent);margin:0 0 10px}.hero-copy h1{font:var(--display);letter-spacing:var(--page-track);margin:0 0 16px}.hero-copy>p:not(.eyebrow){font:var(--small);letter-spacing:var(--body-track);color:var(--muted);max-width:390px;margin-bottom:24px}.blog-hero figure{margin:0;height:310px;position:relative;align-self:stretch}.blog-hero figure img{width:100%;height:100%;object-fit:cover}.blog-hero figcaption{position:absolute;bottom:12px;right:14px;color:#fff;background:#162d26b8;padding:4px 9px;border-radius:3px;font:var(--caption);letter-spacing:var(--caption-track)}.primary-link{display:inline-flex;align-items:center;gap:28px;background:var(--accent);color:#fff;padding:12px 18px;border-radius:4px;font:var(--label);letter-spacing:var(--label-track)}.primary-link:hover{color:#fff;background:#164b40}.region-picker{scroll-margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-bottom:44px}.region-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px}.region-heading h2{font:var(--label);letter-spacing:var(--label-track);margin:0}.region-heading>span{font:var(--caption);letter-spacing:var(--caption-track);color:var(--muted)}.category-nav{margin:0;gap:8px}.category-nav a{border:1px solid var(--line);padding:9px 14px;border-radius:4px;display:flex;gap:12px;align-items:center}.category-nav a>span{color:var(--muted);font:var(--caption);letter-spacing:var(--caption-track)}.category-nav [aria-current]{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:none}.category-nav [aria-current]>span{color:#d6ebe3}.page-heading{margin-bottom:26px;padding-bottom:20px;align-items:center}.page-heading .list-title{font:var(--page);letter-spacing:var(--page-track)}.post-grid{gap:36px 24px}.post-image{position:relative;aspect-ratio:1.1;border-radius:6px}.post-image:has(.image-caption):after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 12%,rgba(7,22,19,.1) 30%,rgba(7,22,19,.83) 100%);pointer-events:none}.image-caption{position:absolute;bottom:20px;left:20px;right:12px;z-index:1;color:#fff}.image-caption>span{font:var(--label);letter-spacing:var(--label-track);display:block;color:#c3e7ce;margin-bottom:6px}.image-caption strong{font:var(--image-title);letter-spacing:var(--body-track);display:block}.image-caption small{font:var(--caption);letter-spacing:var(--caption-track);display:block;margin-top:10px;color:#e0e8e4}.card-kicker{margin-top:17px;display:flex;align-items:center;gap:8px;font:var(--caption);letter-spacing:var(--caption-track);color:var(--accent)}.card-kicker>span{color:var(--muted);padding-left:8px;border-left:1px solid var(--line)}.post-card h2{font:var(--card-title);letter-spacing:var(--body-track);margin:7px 0 8px}.card-excerpt{font:var(--small);letter-spacing:var(--body-track);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.post-card time{display:block}.blog-endnote{border-top:1px solid var(--line);margin-top:52px;padding:30px 0 0}.blog-endnote h2{margin:0 0 12px}.blog-endnote>a,.region-back{color:var(--accent);font:var(--label);letter-spacing:var(--label-track)}.archive-description{font:var(--small);letter-spacing:var(--body-track);color:var(--muted);margin-bottom:24px}.sample-notice{border-left:3px solid var(--accent);background:var(--soft);padding:14px 18px;font:var(--small);letter-spacing:var(--body-track);color:var(--muted)}.region-back{display:block;margin-top:30px;padding:18px 0;border-top:1px solid var(--line)}
@media(max-width:900px){:root{--display:600 30px/1.4 var(--font)}.blog-hero{gap:20px}.hero-copy{padding:25px 0 25px 25px}.blog-hero figure{height:auto;min-height:300px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.region-heading{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:600px){:root{--display:600 28px/1.4 var(--font);--image-title:600 19px/1.35 var(--font);--card-title:600 15px/1.55 var(--font);--page:600 25px/1.4 var(--font)}.sample-strip{padding:8px 12px}.sample-strip span{display:block;margin:2px 0 0}.site-header{min-height:100px;padding-block:17px}.brand{flex-basis:auto}.site-header nav{margin-left:auto}.brand small{display:none}.brand-icon{width:33px;height:27px}.brand-icon:before{top:9px}.menu{gap:12px}.blog-hero{grid-template-columns:1fr;gap:0;margin-bottom:26px}.hero-copy{padding:24px}.blog-hero figure{height:180px;min-height:0}.blog-hero figure img{object-position:center 62%}.hero-copy>p:not(.eyebrow){margin-bottom:20px}.region-picker{padding-block:20px;margin-bottom:32px}.category-nav{gap:7px}.category-nav a{padding:8px 10px;gap:8px}.page-heading{align-items:stretch}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.image-caption{bottom:14px;left:12px;right:7px}.image-caption small{display:none}.image-caption>span{margin-bottom:3px}.card-kicker{margin-top:12px}.card-excerpt{display:none}.post-card h2{margin-bottom:10px}.blog-endnote{margin-top:38px}.list-main{padding-top:22px}}

/* Final responsive refinement */
@media(min-width:601px){.blog-hero figure{height:100%;min-height:310px}.category .post-grid{grid-template-columns:repeat(auto-fit,minmax(250px,350px))}}
@media(max-width:600px){.site-header nav{margin-left:0;flex-basis:100%}.category .post-grid{grid-template-columns:1fr}.category .post-image{aspect-ratio:1.5}.category .card-excerpt{display:block}}

@media(max-width:850px){.site-header{flex-wrap:wrap}.site-header .phone-link{margin-top:0;padding-top:0}}

/* Hierarchical topic navigation: existing type roles. */
.browse-row{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.browse-label{font:var(--label);letter-spacing:var(--label-track);color:var(--muted);margin:8px 0}.browse-hint{font:var(--small);letter-spacing:var(--body-track);color:var(--muted);margin:18px 0 0}.menu [aria-current]{color:var(--accent);box-shadow:0 2px var(--accent)}@media(max-width:600px){.browse-row{grid-template-columns:1fr;gap:8px}.browse-label{margin:0}}