/* Notion 콘텐츠 본문 스타일 — 기존 templates/notion_page.php에서 이관 */
        .notion-content {
            line-height: 1.7;
            color: #37352f;
            /* 본문 17px(=1.0625rem) — 사이트 text-base(17px)·Apple·KRDS 기준에 맞춤.
               이 템플릿은 전역 styles.css 를 로드하지 않으므로 여기서 직접 지정한다.
               rem 으로 둬 사용자 브라우저 글자 크기 설정을 존중(접근성). 제목 h1~h3 는 em 기반이라 비례 확대됨. */
            font-size: 1.0625rem;
        }

        .notion-content h1 {
            font-size: 1.875em;
            font-weight: 700;
            margin: 1.5em 0 0.5em;
            line-height: 1.3;
        }

        .notion-content h2 {
            font-size: 1.5em;
            font-weight: 600;
            margin: 1.4em 0 0.5em;
            line-height: 1.3;
        }

        .notion-content h3 {
            font-size: 1.25em;
            font-weight: 600;
            margin: 1.3em 0 0.5em;
            line-height: 1.3;
        }

        .notion-content p {
            margin: 0.5em 0;
            min-height: 1.5em;
        }

        .notion-content ul, .notion-content ol {
            margin: 0.5em 0;
            padding-left: 1.5em;
        }

        .notion-content li {
            margin: 0.25em 0;
        }

        .notion-content ul ul, .notion-content ol ol,
        .notion-content ul ol, .notion-content ol ul {
            margin: 0;
        }

        .notion-content blockquote {
            margin: 0.5em 0;
            padding: 0.5em 1em;
            border-left: 3px solid #37352f;
            background: #f7f6f3;
        }

        .notion-content hr {
            margin: 1.5em 0;
            border: none;
            border-top: 1px solid #e5e5e5;
        }

        .notion-content a {
            color: #37352f;
            text-decoration: underline;
            text-underline-offset: 2px;
        }

        .notion-content a:hover {
            color: #2563eb;
        }

        .notion-content code {
            font-family: 'SFMono-Regular', Menlo, Consolas, monospace;
            font-size: 0.9em;
            background: rgba(135, 131, 120, 0.15);
            padding: 0.2em 0.4em;
            border-radius: 3px;
        }

        .notion-content pre {
            margin: 0.5em 0;
            padding: 1em;
            background: #f7f6f3;
            border-radius: 4px;
            overflow-x: auto;
        }

        .notion-content pre code {
            background: none;
            padding: 0;
        }

        .notion-content figure {
            margin: 1em 0;
        }

        .notion-content img {
            max-width: 100%;
            height: auto;
            border-radius: 4px;
        }

        .notion-content figcaption {
            margin-top: 0.5em;
            font-size: 0.875em;
            color: #6b7280;
            text-align: center;
        }

        .notion-content table {
            width: 100%;
            border-collapse: collapse;
            margin: 1em 0;
        }

        .notion-content th, .notion-content td {
            border: 1px solid #e5e5e5;
            padding: 0.5em 0.75em;
            text-align: left;
        }

        .notion-content th {
            background: #f7f6f3;
            font-weight: 600;
        }

        .notion-content .callout {
            display: flex;
            gap: 0.75em;
            padding: 1em;
            background: #f7f6f3;
            border-radius: 4px;
            margin: 0.5em 0;
        }

        .notion-content .callout-icon {
            font-size: 1.25em;
        }

        .notion-content .todo-item {
            display: flex;
            align-items: center;
            gap: 0.5em;
            margin: 0.25em 0;
        }

        .notion-content details {
            margin: 0.5em 0;
        }

        .notion-content summary {
            cursor: pointer;
            font-weight: 500;
        }

        .notion-content .children {
            padding-left: 1.5em;
        }

        .notion-content .columns {
            display: flex;
            gap: 1em;
        }

        .notion-content .column {
            flex: 1;
        }

        /* Notion 색상 */
        .notion-content .color-gray { color: #9b9a97; }
        .notion-content .color-brown { color: #64473a; }
        .notion-content .color-orange { color: #d9730d; }
        .notion-content .color-yellow { color: #dfab01; }
        .notion-content .color-green { color: #0f7b6c; }
        .notion-content .color-blue { color: #0b6e99; }
        .notion-content .color-purple { color: #6940a5; }
        .notion-content .color-pink { color: #ad1a72; }
        .notion-content .color-red { color: #e03e3e; }

        .notion-content .color-gray_background { background: #ebeced; padding: 0.2em 0.4em; }
        .notion-content .color-brown_background { background: #e9e5e3; padding: 0.2em 0.4em; }
        .notion-content .color-orange_background { background: #faebdd; padding: 0.2em 0.4em; }
        .notion-content .color-yellow_background { background: #fbf3db; padding: 0.2em 0.4em; }
        .notion-content .color-green_background { background: #ddedea; padding: 0.2em 0.4em; }
        .notion-content .color-blue_background { background: #ddebf1; padding: 0.2em 0.4em; }
        .notion-content .color-purple_background { background: #eae4f2; padding: 0.2em 0.4em; }
        .notion-content .color-pink_background { background: #f4dfeb; padding: 0.2em 0.4em; }
        .notion-content .color-red_background { background: #fbe4e4; padding: 0.2em 0.4em; }

        .notion-error {
            text-align: center;
            padding: 60px 20px;
            color: #666;
        }

        .notion-error a {
            color: #2563eb;
            text-decoration: none;
        }

        .notion-error a:hover {
            text-decoration: underline;
        }

        /* 모바일 최적화 */
        @media (max-width: 768px) {
            .page-header {
                padding: 12px 16px;
            }

            .page-title {
                font-size: 16px;
            }

            .back-link {
                font-size: 13px;
            }

            .content-wrapper {
                padding: 24px 16px;
            }
        }