/* hearang — Naver-blog style skin */
:root{--hr-green:#03c75a;--hr-border:#e7eaee;--hr-text:#191f28;--hr-sub:#70757a;--hr-bg:#f7f9fa;--hr-card:#fff;}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--hr-text);background:var(--hr-bg);font-size:15px;line-height:1.65;letter-spacing:-.01em;}
a{color:inherit;}
.site-container{max-width:1060px;}
.content-container{max-width:940px;}
.site-header{background:#fff;border-bottom:1px solid var(--hr-border);}
.site-branding .site-title a{font-size:22px;font-weight:800;letter-spacing:-.03em;}
.site .main-nav a{font-size:15px;font-weight:600;color:#343a40;}
.site .main-nav a:hover{color:var(--hr-green);}
h1,h2,h3,h4{letter-spacing:-.02em;color:var(--hr-text);}
/* ---- blog list cards ---- */
article.entry.loop-entry,.blog .entry.loop-entry{background:var(--hr-card);border:1px solid var(--hr-border);border-radius:14px;padding:24px 26px;margin-bottom:16px;box-shadow:none;transition:border-color .15s;}
article.entry.loop-entry:hover{border-color:#cfd6dd;}
.entry-title{font-size:18px;font-weight:700;line-height:1.45;margin-bottom:10px;}
.entry-title a:hover{color:var(--hr-green);text-decoration:none;}
.entry-summary p{color:#3b4046;font-size:14.5px;margin-bottom:0;}
img.hr-thumb{float:left;width:148px;height:148px;object-fit:cover;border-radius:10px;margin:0 16px 6px 0;border:1px solid var(--hr-border);}
.entry-meta,.entry-meta a,.entry-footer,.entry-footer a{font-size:12.5px;color:var(--hr-sub);}
.entry-summary:after{content:"";display:block;clear:both;}
/* ---- single post ---- */
.single .entry-content{font-size:16px;line-height:1.85;color:#2b3138;max-width:780px;}
.single .entry-content p{margin-bottom:22px;}
.single h2{font-size:20px;font-weight:700;margin:38px 0 14px;border-bottom:1px solid #eef1f4;padding-bottom:9px;}
.single h3{font-size:17px;font-weight:700;margin:28px 0 10px;}
figure{margin:28px 0;}
figure img{border-radius:12px;border:1px solid var(--hr-border);max-width:100%;height:auto;}
figcaption{font-size:12px;color:var(--hr-sub);margin-top:8px;}
blockquote{background:var(--hr-bg);border-left:3px solid var(--hr-green);padding:14px 18px;border-radius:0 10px 10px 0;color:#4a5158;font-size:15px;margin:24px 0;}
.single ul,.single ol{padding-left:22px;}
.single li{margin:6px 0;}
.entry-taxonomies a,.tags a{display:inline-block;background:#f1f4f7;color:#4a5158;border-radius:999px;padding:4px 12px;font-size:12.5px;margin:3px 4px 0 0;text-decoration:none;}
.entry-taxonomies a:hover,.tags a:hover{background:#e3f8ec;color:#0a8a42;}
.content-bg{background:transparent;border:none;box-shadow:none;}
/* ---- footer ---- */
.site-footer,#colophon{background:#fff;border-top:1px solid var(--hr-border);font-size:13px;color:var(--hr-sub);padding:26px 0;}
.site-footer a{text-decoration:none;}
.site-footer a:hover{color:var(--hr-green);}
@media (max-width:767px){
  article.entry.loop-entry{padding:18px 18px;}
  img.hr-thumb{width:96px;height:96px;margin-right:12px;}
  .entry-title{font-size:16px;}
  .single .entry-content{font-size:15.5px;}
}

/* polish pass */
.entry-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.byline:empty,.byline a:empty{display:none;}
span[class*="author"] a:empty{display:none;}
article.entry.loop-entry .entry-summary p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.post-thumbnail img{border-radius:12px 12px 0 0;border:none;width:100%;height:220px;object-fit:cover;}
article.entry.loop-entry{padding:0;overflow:hidden;}
article.entry.loop-entry .inside-article{padding:0 0 20px;}
.entry-summary,.entry-header,.entry-footer{padding-left:24px;padding-right:24px;}
.entry-header{margin-top:18px;}
img.hr-thumb{display:none;}
/* meta row: single line 'hearang · 2026년 10월 27일' */
.entry-meta{display:flex;flex-wrap:nowrap;align-items:baseline;}
.entry-meta .author.vcard,.entry-meta .posted-on{display:inline-flex;align-items:baseline;white-space:nowrap;}
.entry-meta .posted-on{margin-left:7px;}
.entry-meta-divider-dot .posted-on::before{content:"\00B7";margin-right:7px;color:#a8adb3;}
.entry-meta .author a{font-weight:500;color:#4a5158;text-decoration:none;}
.entry-meta time.updated{display:none;}

/* ---- right sidebar layout ---- */
.hr-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:28px;align-items:start;padding:28px 0 40px;}
.hr-layout-single{grid-template-columns:minmax(0,1fr) 264px;}
.hr-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px;}
.hr-side-card{background:#fff;border:1px solid var(--hr-border);border-radius:14px;padding:18px 18px 14px;}
.hr-side-title{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--hr-text);}
.hr-side-cats{list-style:none;margin:0;padding:0;}
.hr-side-cats li{margin:0;}
.hr-side-cats li a{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;border-radius:8px;font-size:14px;color:#343a40;text-decoration:none;}
.hr-side-cats li li a{padding-left:20px;font-size:13px;}
.hr-side-cats li a:hover{background:#f1f4f7;color:var(--hr-green);}
.hr-side-cats .cat-item.current-cat > a{background:#e9f9f0;color:#0a8a42;font-weight:600;}
.hr-side-cats span.cat-count{color:#a8adb3;font-size:12px;font-weight:500;}
.hr-side-posts{list-style:none;margin:0;padding:0;counter-reset:hrp;}
.hr-side-posts li{padding:8px 0 8px 26px;border-top:1px dashed #edf0f3;position:relative;}
.hr-side-posts li:first-child{border-top:none;}
.hr-side-posts li::before{counter-increment:hrp;content:counter(hrp);position:absolute;left:0;top:9px;width:18px;height:18px;border-radius:6px;background:#f1f4f7;color:#70757a;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.hr-side-posts a{display:block;font-size:13.5px;color:#2b3138;text-decoration:none;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hr-side-posts a:hover{color:var(--hr-green);}
.hr-side-posts time{display:block;font-size:11.5px;color:#a8adb3;margin-top:3px;}
.hr-side-tags a{display:inline-block;background:#f1f4f7;color:#4a5158;border-radius:999px;padding:3px 10px;font-size:12px !important;margin:0 4px 5px 0;text-decoration:none;font-weight:500;}
.hr-side-tags a:hover{background:#e3f8ec;color:#0a8a42;}
.hr-card{display:flex;gap:18px;}
.hr-thumb-link{flex:0 0 200px;}
.hr-thumb-img{width:200px;height:140px;object-fit:cover;border-radius:12px;border:1px solid var(--hr-border);}
.hr-card-body{min-width:0;}
.hr-archive-head{margin:0 0 6px;}
.hr-archive-head .page-title{font-size:20px;}
.hr-paging{display:flex;gap:6px;justify-content:center;margin:26px 0;}
.hr-paging a,.hr-paging span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--hr-border);background:#fff;font-size:13px;text-decoration:none;}
.hr-paging .current{background:var(--hr-text);color:#fff;border-color:var(--hr-text);}
.hr-post-nav{display:flex;justify-content:space-between;gap:16px;margin:22px 0;font-size:14px;}
.hr-post-nav a{color:#343a40;text-decoration:none;}
.hr-post-nav a:hover{color:var(--hr-green);}
@media (max-width:960px){.hr-layout,.hr-layout-single{grid-template-columns:1fr;}.hr-side{position:static;}}
@media (max-width:600px){.hr-card{flex-direction:column;gap:12px;}.hr-thumb-link{flex:none;}.hr-thumb-img{width:100%;height:170px;}}
.hr-side-cats li a{display:block;}
.hr-side-cats li a br{display:none;}
.hr-side-cats li{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap;}
.hr-side-cats li a{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.hr-side-cats li br{display:none;}
/* ---- wider layout (user: feels narrow) ---- */
.site-container{max-width:1240px;}
.content-container{max-width:1180px;}
.single .entry-content{max-width:880px;font-size:16.5px;}
.single .entry-content p{margin:16px 0;}
.hr-archive-head .page-title{font-size:21px;}
.entry-title{font-size:19px;}
.entry-summary p{font-size:15px;}
@media (max-width:1024px){.hr-layout,.hr-layout-single{grid-template-columns:1fr;}.hr-side{position:static;}}
/* ---- single post width/title fix ---- */
body.single .site-container{max-width:1240px !important;}
body.single .content-container{max-width:1180px !important;}
.hr-layout-single{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:28px;padding:30px 0 46px;}
.single .entry-title{font-size:30px;line-height:1.4;letter-spacing:-.02em;margin:12px 0 14px;}
.single .single-entry-header{margin-bottom:6px;}
.single .entry-content{max-width:none;font-size:17px;line-height:1.9;}
.single .entry-content p{margin:20px 0;}
.single figure{margin:28px 0;}
.single figure img{border-radius:14px;}
.single figcaption{font-size:12.5px;}
@media (max-width:1024px){.single .entry-title{font-size:24px;}.hr-layout-single{grid-template-columns:1fr;}}

/* ---- extras: toc / related / share / backtotop ---- */
.hr-toc{background:#f7f9fa;border:1px solid var(--hr-border);border-radius:12px;padding:14px 18px;margin:18px 0;}
.hr-toc-title{font-size:13px;font-weight:700;color:var(--hr-sub);display:block;margin-bottom:6px;}
.hr-toc ul{list-style:none;margin:0;padding:0;}
.hr-toc li{margin:2px 0;}
.hr-toc li a{font-size:14px;color:#343a40;text-decoration:none;}
.hr-toc li a:hover{color:var(--hr-green);}
.hr-toc-l3{padding-left:16px;}
.hr-share{display:flex;align-items:center;gap:8px;margin:26px 0 6px;font-size:13px;color:var(--hr-sub);}
.hr-share a{border:1px solid var(--hr-border);border-radius:999px;padding:4px 12px;font-size:12.5px;color:#4a5158;text-decoration:none;background:#fff;}
.hr-share a:hover{border-color:var(--hr-green);color:var(--hr-green);}
.hr-related{margin:34px 0 8px;}
.hr-related h3{font-size:16px;font-weight:700;margin:0 0 12px;}
.hr-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.hr-related-item{border:1px solid var(--hr-border);border-radius:12px;background:#fff;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;}
.hr-related-item img{width:100%;height:110px;object-fit:cover;display:block;}
.hr-related-title{font-size:13.5px;font-weight:600;line-height:1.4;padding:10px 12px 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hr-related-item time{font-size:11.5px;color:var(--hr-sub);padding:0 12px 10px;margin-top:auto;}
@media (max-width:640px){.hr-related-grid{grid-template-columns:1fr;}}
#hr-top{position:fixed;right:22px;bottom:26px;width:42px;height:42px;border-radius:50%;border:1px solid var(--hr-border);background:#fff;color:#343a40;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:99;}
#hr-top.on{opacity:1;pointer-events:auto;}

/* img-guard: 이미지 저장·드래그 방지 */
img{-webkit-user-drag:none;user-select:none;}
figure{-webkit-touch-callout:none;}

.hr-side-search{display:flex;gap:6px;}
.hr-side-search input{flex:1;min-width:0;border:1px solid var(--hr-border);border-radius:8px;padding:8px 10px;font-size:13.5px;background:#fff;}
.hr-side-search button{border:0;background:var(--hr-green,#03c75a);color:#fff;border-radius:8px;padding:0 14px;font-size:13px;cursor:pointer;}

.hr-map{margin:28px 0;}
.hr-map iframe{display:block;width:100%;height:400px;border:0;border-radius:14px;}
.hr-map figcaption{margin-top:8px;}

/* hr-card-magazine: 제목 → 사진 → 요약 카드 (2026-10-29) */
.hr-card{display:block;}
.hr-card .hr-thumb-link{display:block;margin:16px 0;border-radius:12px;overflow:hidden;}
.hr-card .hr-thumb-img{display:block;width:100%;height:auto;max-height:none;object-fit:fill;border:none;border-radius:12px;}
@media (max-width:600px){.hr-card .hr-thumb-img{max-height:none;}}

/* hr-card-text-align: 세로 카드용 헤더 여백 정리 */
.hr-card .entry-header{padding:0;}

/* hr-crop-top 제거됨 (크롭 방식 폐기) */

/* hr-portrait-box: 세로 사진은 통째로 표시(contain) */
.hr-card .hr-thumb-img.hr-portrait{height:460px;object-fit:contain;background:#f4f6f7;}
@media (max-width:600px){.hr-card .hr-thumb-img.hr-portrait{height:340px;}}

/* hr-list-row: 왼쪽 썸네일 목록형 (2026-10-29 최종) */
article.entry.loop-entry.hr-card,.blog .entry.loop-entry.hr-card{display:flex;gap:16px;align-items:stretch;background:var(--hr-card);border:1px solid var(--hr-border);border-radius:14px;padding:18px 20px;margin-bottom:14px;box-shadow:none;}
.hr-list-thumb{flex:0 0 150px;align-self:flex-start;border-radius:9px;overflow:hidden;}
.hr-list-thumb img{display:block;width:150px;height:102px;object-fit:cover;border:none;border-radius:0;}
.hr-card-body{flex:1;min-width:0;display:flex;flex-direction:column;}
.hr-card .entry-header{padding:0;}
.hr-card .entry-title{font-size:17px;font-weight:700;line-height:1.45;margin:6px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hr-card .entry-summary{margin:0;}
.hr-card .entry-summary p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--hr-sub);font-size:13.5px;line-height:1.6;margin:0;}
.hr-card .entry-meta{margin-top:auto;padding-top:10px;font-size:12.5px;color:var(--hr-sub);}
@media (max-width:600px){article.entry.loop-entry.hr-card{gap:12px;padding:16px}.hr-list-thumb{flex:0 0 108px}.hr-list-thumb img{width:108px;height:74px}.hr-card .entry-title{font-size:15.5px;-webkit-line-clamp:2}}

/* hr-thumb-align: 썸네일 상단을 제목 상단 정렬 (배지 높이만큼 내림) */
.hr-list-thumb{margin-top:31px;}
@media (max-width:600px){.hr-list-thumb{margin-top:29px;}}

/* hr-summary-align: 요약 좌측 여백 제거 (제목과 시작점 통일) */
.hr-card .entry-summary{padding:0;}

/* hr-mobile-row: 모바일에서도 목록 행 유지 */
@media (max-width:600px){article.entry.loop-entry.hr-card{flex-direction:row;}}
