/* ================================================= */
/* [하루 정리소] 1단 깔끔형 (사이드바 X, 목차 중복 해결) */
/* ================================================= */

/* 1. 기본 설정 */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Noto Sans KR', sans-serif; background-color: #f4f4f4; color: #333; line-height: 1.6; }
a { text-decoration: none; color: inherit; }
ul, li { list-style: none; }

/* 2. 헤더 (노란색 간판) */
#header {
    background-color: #FFD54F;
    height: 70px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    position: sticky; top: 0; z-index: 999;
    text-align: center;
}
.header-inner {
    max-width: 850px; margin: 0 auto; height: 100%;
    display: flex; align-items: center; justify-content: center;
}
#header h1 a { font-size: 24px; font-weight: 800; color: #333; display: flex; align-items: center; gap: 10px; }

/* 3. 레이아웃 (중앙 1단 집중형) */
#container { max-width: 850px; margin: 40px auto; padding: 0 20px; }
#content { background: #fff; padding: 50px; border-radius: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }

/* 4. 본문 스타일 */
.post-title { font-size: 32px; font-weight: 700; margin-bottom: 10px; color: #111; word-break: keep-all; }
.post-meta { font-size: 14px; color: #888; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 40px; }
.entry-content { font-size: 17px; line-height: 1.8; color: #333; }
.entry-content h2 { margin-top: 50px; margin-bottom: 20px; font-size: 1.5em; border-bottom: 2px solid #0054FF; padding-bottom: 10px; color: #0054FF; }
.entry-content h3 { margin-top: 40px; margin-bottom: 15px; font-size: 1.3em; color: #333; border-left: 5px solid #FFD54F; padding-left: 10px; }

/* 목차 디자인 (중복 해결 스타일) */
.organic-book-toc { background: #f9fcff; border: 2px solid #0054FF; border-radius: 10px; padding: 25px; margin: 30px 0; }
.toc-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.toc-title { color: #0054FF; font-size: 18px; font-weight: bold; } /* h3 대신 class로 스타일 줌 */
#toc-toggle-btn { border: none; background: none; cursor: pointer; color: #0054FF; font-size: 1.2em; }
#organic-toc li { margin-bottom: 8px; }
#organic-toc li a { color: #555; transition: 0.2s; }
#organic-toc li a:hover { color: #0054FF; font-weight: bold; text-decoration: underline; }
.toc-h3 { margin-left: 20px; font-size: 0.95em; color: #666; }

/* 광고 및 이미지 중앙 정렬 */
.ad-slot { text-align: center; margin: 40px 0; }
.entry-content img, figure { display: block; margin: 20px auto; max-width: 100%; height: auto; border-radius: 8px; }

/* 5. 구독 버튼 및 잡동사니 정리 */
.container_postbtn, .postbtn_like, .admin { display: none !important; } /* 지저분한 버튼 숨김 */

/* 우리가 만든 구독 버튼 스타일 */
.subscribe-wrap { text-align: center; margin-top: 60px; padding-top: 30px; border-top: 1px dashed #ddd; }
.btn_subscription {
    background-color: #FFD54F; color: #333; font-weight: bold; font-size: 16px;
    padding: 15px 30px; border-radius: 50px; border: none; cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: 0.2s;
}
.btn_subscription:hover { transform: translateY(-3px); box-shadow: 0 6px 10px rgba(0,0,0,0.15); background-color: #ffca28; }

/* 6. 모바일 대응 */
@media screen and (max-width: 768px) {
    #content { padding: 25px; }
    .post-title { font-size: 24px; }
    #header h1 { font-size: 20px; }
}

/* 7. 푸터 */
#footer { text-align: center; padding: 30px; background: #333; color: #fff; font-size: 13px; margin-top: 50px; }