/* Approved guide preview alignment — keeps the localized guide copy intact. */
body.page-detail-guide {
    --guide-ink: #1d211f;
    --guide-muted: #66706b;
    --guide-green: #173f32;
    --guide-line: #e5e9e7;
    margin: 0;
    color: var(--guide-ink);
    background: #fff;
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    word-break: keep-all;
    text-wrap: initial;
}

body.page-detail-guide #detail-guide-root > .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.page-detail-guide .header,
body.page-detail-guide .intro,
body.page-detail-guide #detail-guide-root > .container:first-child > .nav-box:not(.intro),
body.page-detail-guide .section {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
}

body.page-detail-guide .header {
    min-height: 358px;
    padding: 110px max(40px, calc(50% - 680px)) 98px;
    text-align: left;
    color: var(--guide-ink);
}

body.page-detail-guide .header-title {
    margin: 0;
    color: var(--guide-ink);
    font: 800 clamp(48px, 5vw, 72px)/1.08 "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
    letter-spacing: -0.045em;
}

body.page-detail-guide .header-subtitle {
    display: block;
    margin-top: 24px;
    color: var(--guide-green);
    font-size: clamp(19px, 1.8vw, 27px);
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -0.025em;
    opacity: 1;
}

body.page-detail-guide .intro {
    display: grid;
    grid-template-columns: minmax(260px, 0.8fr) minmax(420px, 1.2fr);
    gap: clamp(64px, 9vw, 150px);
    padding: 112px max(40px, calc(50% - 680px));
    border-top: 1px solid var(--guide-line);
}

body.page-detail-guide .intro-title {
    margin: 0;
    color: var(--guide-ink);
    font-size: clamp(34px, 3vw, 48px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.04em;
}

body.page-detail-guide .intro-text p {
    margin: 0 0 18px;
    color: var(--guide-muted);
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: -0.015em;
}

body.page-detail-guide #detail-guide-root > .container:first-child > .nav-box:not(.intro) {
    padding: 46px max(40px, calc(50% - 680px)) 52px;
    border-top: 1px solid var(--guide-line);
    border-bottom: 1px solid var(--guide-line);
}

body.page-detail-guide .nav-title {
    margin: 0 0 26px;
    color: var(--guide-ink);
    font-size: 14px;
    font-weight: 750;
    letter-spacing: .08em;
}

body.page-detail-guide .nav-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 34px;
    margin: 0;
    padding: 0;
}

body.page-detail-guide .nav-list li a {
    display: inline;
    padding: 0;
    color: #4f5954;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.55;
    text-decoration: none;
}

body.page-detail-guide .nav-list li a:hover {
    color: var(--guide-green);
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 4px;
}

body.page-detail-guide .section {
    padding: 104px max(40px, calc(50% - 680px));
    border-bottom: 1px solid var(--guide-line);
}

body.page-detail-guide .section-header {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    margin: 0 0 52px;
    padding: 0;
    border: 0;
}

body.page-detail-guide .section-number,
body.page-detail-guide #youtube-creators .section-number[style] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--guide-green) !important;
    color: #fff;
    font-size: 18px;
    font-weight: 750;
}

body.page-detail-guide .section-title {
    margin: 0;
    color: var(--guide-ink);
    font: 800 clamp(30px, 3vw, 44px)/1.16 "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
    letter-spacing: -0.04em;
}

body.page-detail-guide .subsection {
    max-width: 920px;
    margin: 0 0 50px 78px;
}

body.page-detail-guide .section > .subsection-content,
body.page-detail-guide .section > .checklist,
body.page-detail-guide .section > .tips-box {
    max-width: 920px;
    margin-left: 78px;
}

body.page-detail-guide .subsection-title {
    margin: 0 0 16px;
    color: var(--guide-green);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.45;
}

body.page-detail-guide .subsection-content,
body.page-detail-guide .subsection-content p,
body.page-detail-guide .bullet-list li,
body.page-detail-guide .checklist-item {
    color: #4f5954;
    font-size: 16px;
    line-height: 1.78;
}

body.page-detail-guide .example-box,
body.page-detail-guide .tips-box,
body.page-detail-guide .checklist,
body.page-detail-guide .good-example,
body.page-detail-guide .bad-example {
    border: 0;
    border-radius: 0;
    background: #f5f7f5;
    padding: 24px 28px;
    box-shadow: none;
}

body.page-detail-guide .guide-download-cta {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 95px max(32px, calc(50% - 680px)) 105px;
    border-radius: 0;
    background: #12372b;
    color: #fff;
}

body.page-detail-guide .guide-download-cta h2 {
    font-size: clamp(32px, 3.3vw, 48px);
    line-height: 1.2;
    letter-spacing: -0.04em;
}

body.page-detail-guide .guide-download-cta p {
    margin-top: 18px;
    color: rgba(255,255,255,.76);
    font-size: 17px;
}

body.page-detail-guide .guide-store-badges {
    margin-top: 25px;
}

body.page-detail-guide .guide-store-badge,
body.page-detail-guide .guide-store-badge.apple img {
    height: 52px;
}

body.page-detail-guide .guide-store-badge.google {
    width: 176px;
}

body.page-detail-guide .guide-store-badge.google img {
    height: 68px;
}

body.page-detail-guide .guide-store-badge[aria-disabled="true"] {
    cursor: default;
}

@media (max-width: 768px) {
    body.page-detail-guide .header {
        min-height: 0;
        padding: 72px 22px 68px;
    }

    body.page-detail-guide .header-title {
        font-size: clamp(40px, 12vw, 54px);
    }

    body.page-detail-guide .header-subtitle {
        margin-top: 18px;
        font-size: 18px;
    }

    body.page-detail-guide .intro {
        display: block;
        padding: 72px 22px;
    }

    body.page-detail-guide .intro-title {
        margin-bottom: 32px;
        font-size: 34px;
    }

    body.page-detail-guide .intro-text p {
        font-size: 16px;
    }

    body.page-detail-guide #detail-guide-root > .container:first-child > .nav-box:not(.intro) {
        padding: 38px 22px 42px;
    }

    body.page-detail-guide .nav-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    body.page-detail-guide .section {
        margin: 0;
        padding: 72px 22px;
        border-width: 0 0 1px;
        border-radius: 0;
        overflow: visible;
    }

    body.page-detail-guide .section-header {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 16px;
        margin-bottom: 38px;
        padding: 0;
        cursor: default;
        background: transparent;
    }

    body.page-detail-guide .section-header::after {
        content: none;
    }

    body.page-detail-guide .section-number,
    body.page-detail-guide #youtube-creators .section-number[style] {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    body.page-detail-guide .section-title {
        font-size: 30px;
    }

    body.page-detail-guide .subsection,
    body.page-detail-guide .section > .subsection-content,
    body.page-detail-guide .section > .checklist,
    body.page-detail-guide .section > .tips-box {
        max-width: none;
        margin-left: 0;
    }

    body.page-detail-guide .section-content,
    body.page-detail-guide .section.collapsed .section-content,
    body.page-detail-guide .section.expanded .section-content,
    body.page-detail-guide .section.is-default-open .section-content {
        max-height: none;
        overflow: visible;
    }

    body.page-detail-guide .guide-download-cta {
        padding: 72px 22px 78px;
        border-radius: 0;
    }

    body.page-detail-guide .guide-store-badges {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
}

@media (max-width: 430px) {
    body.page-detail-guide .guide-store-badges {
        flex-direction: column;
    }
}

/* Final approved guide structure. Shared header and footer remain in site-nav.css. */
body.page-detail-guide #detail-guide-root {
    --pt-paper: #fff;
    --pt-ink: #1d211f;
    --pt-muted: #56605b;
    --pt-green: #155a43;
    --pt-red: #a33b2d;
    --pt-line: #e5e9e7;
    width: 100%;
    color: var(--pt-ink);
    background: var(--pt-paper);
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
}

body.page-detail-guide #detail-guide-root * { box-sizing: border-box; }
body.page-detail-guide #detail-guide-root a { color: inherit; }
body.page-detail-guide #detail-guide-root .pt-wrap {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 40px;
}
body.page-detail-guide #detail-guide-root .pt-reading { max-width: 1440px; }
body.page-detail-guide #detail-guide-root h1,
body.page-detail-guide #detail-guide-root h2,
body.page-detail-guide #detail-guide-root h3,
body.page-detail-guide #detail-guide-root p { margin-top: 0; }
body.page-detail-guide #detail-guide-root p,
body.page-detail-guide #detail-guide-root li {
    font-family: inherit;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -.012em;
    line-height: 1.76;
    word-break: keep-all;
}
body.page-detail-guide #detail-guide-root strong { font-weight: 700; }
body.page-detail-guide #detail-guide-root .pt-hero {
    padding-block: clamp(92px,8vw,132px) clamp(84px,7vw,116px);
    color: var(--pt-ink);
    background: #fff;
    text-align: left;
}
body.page-detail-guide #detail-guide-root .pt-hero-copy { max-width: 1440px; }
body.page-detail-guide #detail-guide-root .pt-hero h1 {
    max-width: 980px;
    margin: 0 0 28px;
    color: var(--pt-ink);
    font-family: inherit;
    font-size: clamp(64px,5.4vw,84px);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: 1;
    text-wrap: balance;
}
body.page-detail-guide #detail-guide-root .pt-hero p {
    margin: 0;
    color: var(--pt-green);
    font-size: clamp(20px,1.8vw,26px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.4;
}
body.page-detail-guide #detail-guide-root .pt-intro {
    padding-block: clamp(88px,8vw,126px);
    background: #fff;
    border-top: 1px solid var(--pt-line);
}
body.page-detail-guide #detail-guide-root .pt-intro-grid,
body.page-detail-guide #detail-guide-root .pt-feature-grid,
body.page-detail-guide #detail-guide-root .pt-ending-grid {
    display: grid;
    grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
    align-items: start;
    gap: clamp(72px,8vw,132px);
    max-width: 1440px;
    margin-inline: auto;
}
body.page-detail-guide #detail-guide-root .pt-intro h2,
body.page-detail-guide #detail-guide-root .pt-feature h2,
body.page-detail-guide #detail-guide-root .pt-improve h2,
body.page-detail-guide #detail-guide-root .pt-caution h2,
body.page-detail-guide #detail-guide-root .pt-closing h2,
body.page-detail-guide #detail-guide-root .pt-download h2 {
    max-width: 420px;
    margin: 0;
    color: var(--pt-ink);
    font-family: inherit;
    font-size: clamp(38px,3.5vw,52px);
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: 1.08;
    text-wrap: balance;
}
body.page-detail-guide #detail-guide-root .pt-intro .pt-copy,
body.page-detail-guide #detail-guide-root .pt-feature-grid > div,
body.page-detail-guide #detail-guide-root .pt-ending-grid > div { max-width: 720px; }
body.page-detail-guide #detail-guide-root .pt-copy p,
body.page-detail-guide #detail-guide-root .pt-chapter-body p,
body.page-detail-guide #detail-guide-root .pt-feature p,
body.page-detail-guide #detail-guide-root .pt-improve p,
body.page-detail-guide #detail-guide-root .pt-caution p,
body.page-detail-guide #detail-guide-root .pt-closing p { margin-bottom: 0; color: var(--pt-muted); }
body.page-detail-guide #detail-guide-root .pt-copy p + p,
body.page-detail-guide #detail-guide-root .pt-chapter-body p + p,
body.page-detail-guide #detail-guide-root .pt-feature p + p,
body.page-detail-guide #detail-guide-root .pt-improve p + p,
body.page-detail-guide #detail-guide-root .pt-caution p + p,
body.page-detail-guide #detail-guide-root .pt-closing p + p { margin-top: 16px; }
body.page-detail-guide #detail-guide-root .pt-contents {
    padding-block: 46px 52px;
    background: #fff;
    border-block: 1px solid var(--pt-line);
}
body.page-detail-guide #detail-guide-root .pt-contents-label,
body.page-detail-guide #detail-guide-root .pt-step,
body.page-detail-guide #detail-guide-root .pt-note-label,
body.page-detail-guide #detail-guide-root .pt-example-label {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1.2;
}
body.page-detail-guide #detail-guide-root .pt-contents-label { margin: 0 0 24px; color: var(--pt-green); text-transform: uppercase; }
body.page-detail-guide #detail-guide-root .pt-contents ol {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px 44px;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.page-detail-guide #detail-guide-root .pt-contents a {
    color: var(--pt-ink);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.5;
    text-decoration: none;
}
body.page-detail-guide #detail-guide-root .pt-guide { padding: 0; background: #fff; }
body.page-detail-guide #detail-guide-root .pt-chapter {
    display: block;
    max-width: 1000px;
    margin: 0;
    padding-block: clamp(94px,8vw,132px);
    border-bottom: 1px solid var(--pt-line);
}
body.page-detail-guide #detail-guide-root .pt-step { margin: 0 0 20px; color: var(--pt-green); }
body.page-detail-guide #detail-guide-root .pt-chapter-title {
    margin: 0 0 clamp(42px,4vw,58px);
    color: var(--pt-ink);
    font-size: clamp(42px,3.8vw,56px);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: 1.06;
    text-wrap: balance;
}
body.page-detail-guide #detail-guide-root .pt-chapter-body { max-width: 780px; }
body.page-detail-guide #detail-guide-root h3 {
    margin: 0 0 12px;
    color: var(--pt-ink);
    font-size: clamp(20px,1.6vw,24px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.32;
}
body.page-detail-guide #detail-guide-root .pt-subsection + .pt-subsection,
body.page-detail-guide #detail-guide-root .pt-criteria { margin-top: clamp(52px,5vw,72px); }
body.page-detail-guide #detail-guide-root .pt-list { margin: 18px 0; padding-left: 1.25em; }
body.page-detail-guide #detail-guide-root .pt-list li { color: var(--pt-muted); }
body.page-detail-guide #detail-guide-root .pt-list li + li { margin-top: 6px; }
body.page-detail-guide #detail-guide-root .pt-note,
body.page-detail-guide #detail-guide-root .pt-example {
    display: grid;
    grid-template-columns: 108px minmax(0,1fr);
    gap: 22px;
    margin-top: 32px;
}
body.page-detail-guide #detail-guide-root .pt-note-label,
body.page-detail-guide #detail-guide-root .pt-example-label { margin: 2px 0 0; }
body.page-detail-guide #detail-guide-root .pt-note-label { color: var(--pt-green); }
body.page-detail-guide #detail-guide-root .pt-example-label { color: var(--pt-red); }
body.page-detail-guide #detail-guide-root .pt-note-copy h3,
body.page-detail-guide #detail-guide-root .pt-criteria-grid h3 { font-size: 18px; }
body.page-detail-guide #detail-guide-root .pt-note-copy p,
body.page-detail-guide #detail-guide-root .pt-example-copy p { margin: 0; color: var(--pt-muted); }
body.page-detail-guide #detail-guide-root .pt-criteria-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 56px;
    margin-top: 34px;
}
body.page-detail-guide #detail-guide-root .pt-feature,
body.page-detail-guide #detail-guide-root .pt-improve,
body.page-detail-guide #detail-guide-root .pt-caution,
body.page-detail-guide #detail-guide-root .pt-closing {
    padding-block: clamp(92px,8vw,126px);
    background: #fff;
    border-top: 1px solid var(--pt-line);
}
body.page-detail-guide #detail-guide-root .pt-caution h2 { color: var(--pt-red); }
body.page-detail-guide #detail-guide-root .pt-download {
    padding-block: clamp(96px,8vw,132px);
    text-align: center;
    background: #fff;
    border-top: 1px solid var(--pt-line);
}
body.page-detail-guide #detail-guide-root .pt-download .pt-reading { max-width: 760px; }
body.page-detail-guide #detail-guide-root .pt-download h2 { max-width: none; margin-bottom: 20px; }
body.page-detail-guide #detail-guide-root .pt-download > div > p { max-width: 640px; margin: 0 auto 30px; color: var(--pt-muted); }
body.page-detail-guide #detail-guide-root .pt-store-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 24px;
}
body.page-detail-guide #detail-guide-root .pt-store-image { display: inline-flex; height: 52px; line-height: 0; }
body.page-detail-guide #detail-guide-root .pt-store-image img { display: block; width: auto; height: 52px; }
body.page-detail-guide #detail-guide-root .pt-store-image.google { width: 176px; overflow: hidden; }
body.page-detail-guide #detail-guide-root .pt-store-image.google img { max-width: none; height: 68px; margin-top: -8px; }
body.page-detail-guide #detail-guide-root .pt-web-link { color: var(--pt-green); font-size: 15px; font-weight: 700; letter-spacing: -.025em; text-underline-offset: 5px; }

@media (max-width: 1100px) {
    body.page-detail-guide #detail-guide-root .pt-wrap { padding-inline: clamp(32px,3.64vw,40px); }
    body.page-detail-guide #detail-guide-root .pt-intro-grid,
    body.page-detail-guide #detail-guide-root .pt-feature-grid,
    body.page-detail-guide #detail-guide-root .pt-ending-grid { grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); gap: clamp(64px,8vw,88px); }
    body.page-detail-guide #detail-guide-root .pt-contents ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
    body.page-detail-guide #detail-guide-root .pt-hero { padding-block: 76px 72px; }
    body.page-detail-guide #detail-guide-root .pt-hero h1 { font-size: clamp(54px,8vw,64px); }
    body.page-detail-guide #detail-guide-root .pt-intro-grid,
    body.page-detail-guide #detail-guide-root .pt-feature-grid,
    body.page-detail-guide #detail-guide-root .pt-ending-grid { grid-template-columns: 1fr; gap: 34px; }
}

@media (max-width: 560px) {
    body.page-detail-guide #detail-guide-root .pt-wrap { padding-inline: 22px; }
    body.page-detail-guide #detail-guide-root .pt-hero { padding-block: 64px 62px; text-align: center; }
    body.page-detail-guide #detail-guide-root .pt-hero h1 { margin-inline: auto; margin-bottom: 22px; font-size: clamp(46px,13vw,52px); line-height: 1.04; }
    body.page-detail-guide #detail-guide-root .pt-hero p { font-size: 18px; line-height: 1.5; }
    body.page-detail-guide #detail-guide-root .pt-intro,
    body.page-detail-guide #detail-guide-root .pt-feature,
    body.page-detail-guide #detail-guide-root .pt-improve,
    body.page-detail-guide #detail-guide-root .pt-caution,
    body.page-detail-guide #detail-guide-root .pt-closing { padding-block: 68px; }
    body.page-detail-guide #detail-guide-root .pt-intro-grid,
    body.page-detail-guide #detail-guide-root .pt-feature-grid,
    body.page-detail-guide #detail-guide-root .pt-ending-grid { gap: 28px; }
    body.page-detail-guide #detail-guide-root .pt-intro h2,
    body.page-detail-guide #detail-guide-root .pt-feature h2,
    body.page-detail-guide #detail-guide-root .pt-improve h2,
    body.page-detail-guide #detail-guide-root .pt-caution h2,
    body.page-detail-guide #detail-guide-root .pt-closing h2,
    body.page-detail-guide #detail-guide-root .pt-download h2,
    body.page-detail-guide #detail-guide-root .pt-chapter-title { font-size: 34px; line-height: 1.12; }
    body.page-detail-guide #detail-guide-root p,
    body.page-detail-guide #detail-guide-root li { font-size: 16px; line-height: 1.74; word-break: normal; }
    body.page-detail-guide #detail-guide-root .pt-contents { padding-block: 38px 44px; }
    body.page-detail-guide #detail-guide-root .pt-contents ol,
    body.page-detail-guide #detail-guide-root .pt-criteria-grid { grid-template-columns: 1fr; }
    body.page-detail-guide #detail-guide-root .pt-chapter { padding-block: 72px; }
    body.page-detail-guide #detail-guide-root .pt-note,
    body.page-detail-guide #detail-guide-root .pt-example { grid-template-columns: 1fr; gap: 10px; }
    body.page-detail-guide #detail-guide-root .pt-store-links { align-items: center; flex-direction: column; }
    body.page-detail-guide #detail-guide-root .pt-download { padding-block: 76px 82px; }
}