/* --- 전체 페이지에 적용되었던 CSS 스타일 내용 전부 --- */
       * { box-sizing: border-box; margin: 0; padding: 0; }
       html { scroll-behavior: smooth; }
       body { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif; font-size: 14px; color: #333; background-color: #f4f4f4; line-height: 1.6; font-weight: 400; margin: 0; padding: 20px; /* 전체 페이지가 아닌, 본문만 볼 수 있도록 body에 패딩 추가 */ }
       a { text-decoration: none; color: inherit; }
       ul, ol { list-style: none; padding:0; margin:0; }
       button { cursor: pointer; font-family: inherit; border: none; background: none; padding: 0; }
       img { max-width: 100%; height: auto; display: block; }
       h1, h2, h3, h4, h5, h6, .logo-text, .section-title, .info-header h4 { font-weight: 600; }
       .main-nav li a, .more-button-box { font-weight: 500; } /* .main-nav는 실제 사용 안되지만, 스타일 일관성 유지 */
       h1.post-title, h2.sub-title { font-weight: 700; }

       :root {
        --card-border-radius: 8px;
        --theme-color: #8a2be2; /* 시크릿밤 테마 컬러 */
        --theme-color-dark: #6a1a9a;
        --accent-color-orange: #ff7e00; /* 강조색 */
        --star-color: #ffc107;
        --content-width: 1100px; /* 콘텐츠 너비는 유지 */
        --side-padding: 20px; /* breadcrumb 등 내부 요소 패딩용 */
       }

       /* --- Breadcrumb Styles --- */
       .breadcrumb-nav { max-width: var(--content-width); margin: 0 auto 15px auto; padding: 0; }
       .breadcrumb { display: flex; flex-wrap: wrap; padding: 10px 15px; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 6px; font-size: 0.9em; }
       .breadcrumb-item { display: flex; align-items: center; }
       .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #6c757d; content: "/"; }
       .breadcrumb-item a { color: var(--theme-color); text-decoration: none; }
       .breadcrumb-item a:hover { text-decoration: underline; }
       .breadcrumb-item.active { color: #6c757d; font-weight: 500; }

       /* --- Post Wrapper & Centering --- */
       .dalto-post-wrap { /* 클래스명은 기존 파일의 것을 유지 */
            font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif;
            line-height: 1.75;
            color: #333;
            padding: 30px;
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: var(--card-border-radius);
            word-break: keep-all;
            max-width: var(--content-width);
            margin: 0 auto 30px auto;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
       }

       /* --- Post Internal Styles --- */
       .dalto-post-wrap h1.post-title { font-size: 28px; color: var(--theme-color); margin-bottom: 15px; padding-bottom: 20px; border-bottom: 2px solid var(--theme-color); text-align: center; }
       .dalto-post-wrap .post-meta { text-align: center; font-size: 0.9em; color: #777; margin-bottom: 30px; }
       .dalto-post-wrap h2.sub-title { font-size: 22px; color: var(--theme-color-dark); margin-top: 40px; margin-bottom: 18px; padding-left: 12px; border-left: 4px solid var(--accent-color-orange); display: flex; align-items: center; padding-top: 25px; border-top: 1px solid #eee; }
       .dalto-post-wrap h2.sub-title:first-of-type { margin-top: 0; padding-top: 0; border-top: none; }
       .dalto-post-wrap h2.sub-title i { margin-right: 10px; font-size: 0.9em; color: var(--accent-color-orange); }
       .dalto-post-wrap h3.content-subtitle { font-size: 18px; color: #444; margin-top: 25px; margin-bottom: 12px; font-weight: 600; padding-left: 15px; border-left: 3px solid #ccc; }
       .dalto-post-wrap p { margin-bottom: 18px; font-size: 15px; color: #444; line-height: 1.75;}
       .dalto-post-wrap .intro-image { margin-bottom: 20px; border-radius: var(--card-border-radius); overflow: hidden; border: 1px solid #eee; box-shadow: 0 2px 6px rgba(0,0,0,0.07); }
       .dalto-post-wrap .intro-image img { display: block; width: 100%; height: auto; max-width: 100%; margin: 0 auto; object-fit: cover; max-height: 450px; }

       .dalto-post-wrap p.intro-text { font-size: 16px; color: #555; margin-top: 30px; margin-bottom: 30px; font-weight: 500; text-align: left; padding: 20px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; background-color: #fdfaff; border-radius: 6px; }
       .dalto-post-wrap strong { color: var(--theme-color-dark); font-weight: 600; } /* 본문 강조색 변경 */
       .dalto-post-wrap strong.theme-strong { color: var(--theme-color); }
       .dalto-post-wrap strong.highlight { background-color: #f5f0ff; padding: 2px 5px; border-radius: 4px; font-weight: 600; color: var(--theme-color-dark); }
       .dalto-post-wrap ul.features-list, .dalto-post-wrap ol.features-list { list-style: none; padding: 0 0 0 10px; margin: 20px 0; border-left: 3px solid #eee; }
       .dalto-post-wrap ul.features-list li, .dalto-post-wrap ol.features-list li { margin-bottom: 14px; padding-left: 30px; position: relative; font-size: 15px; color: #555; }
       .dalto-post-wrap ul.features-list li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--accent-color-orange); position: absolute; left: 5px; top: 3px; font-size: 16px; }
        .dalto-post-wrap ol.features-list { list-style-type: decimal; padding-left: 25px; margin-left: 5px; border-left: none;}
        .dalto-post-wrap ol.features-list li::before { content: ''; }
        .dalto-post-wrap ol.features-list li { padding-left: 5px; margin-bottom: 10px; }
        .dalto-post-wrap ol.features-list li strong { display: block; margin-bottom: 3px; color: var(--theme-color-dark); }

       .dalto-post-wrap .notice-box { background-color: #fff3cd; border: 1px solid #ffeeba; border-left: 5px solid #ffc107; padding: 20px; margin: 25px 0; border-radius: var(--card-border-radius); }
       .dalto-post-wrap .notice-box h3 { font-size: 1.1em; color: #856404; margin-top: 0; margin-bottom: 10px; display:flex; align-items:center; }
       .dalto-post-wrap .notice-box h3 i { margin-right: 8px; color: var(--accent-color-orange); } /* 아이콘 색상 일관성 */
       .dalto-post-wrap .notice-box p { font-size: 0.95em; color: #856404; margin-bottom: 0; }
       .dalto-post-wrap .notice-box strong { color: #664d03; }


       .dalto-post-wrap a.internal-link { color: var(--theme-color); font-weight: 500; text-decoration: none; border-bottom: 1px dotted var(--theme-color); transition: color 0.2s, border-color 0.2s; }
       .dalto-post-wrap a.internal-link:hover { color: var(--theme-color-dark); border-bottom-color: var(--theme-color-dark); }
       .dalto-post-wrap .final-comment { margin-top: 40px; font-style: normal; color: #666; text-align: center; border-top: 1px dashed #ddd; padding-top: 30px; font-size: 16px; font-weight: bold;}

       /* Responsive adjustments for the content area */
       @media (max-width: 992px) {
            :root { --content-width: 720px; }
       }
       @media (max-width: 768px) {
            :root { --content-width: 100%; }
            .breadcrumb-nav { padding: 0 5px; margin-top: 10px; }
            .breadcrumb { padding: 8px 10px; font-size: 0.85em; }
            .dalto-post-wrap { padding: 20px; margin-bottom: 20px; }
            .dalto-post-wrap h1.post-title { font-size: 24px; }
            .dalto-post-wrap h2.sub-title { font-size: 20px; }
            .dalto-post-wrap h3.content-subtitle {font-size: 17px;}
            .dalto-post-wrap .intro-image img { max-height: 350px; }
       }
        @media (max-width: 576px) {
            body { padding: 10px; }
            .dalto-post-wrap { padding: 15px; }
       }