/* 2026-09-10 visual-only pass. Copy, ordering, source photographs and heroes stay authoritative. */
#mainContent {
    --refine-paper: #faf7f2;
    --refine-line: #e8e0d7;
    --refine-ink: #806c5a;
}
#mainContent .brand-program-section { padding-block: 96px; }
#mainContent .brand-program-heading { margin-bottom: 52px; }
#mainContent .brand-intro-copy .brand-section-index { margin-bottom: 30px; }
#mainContent .brand-benefit-grid { margin-top: 56px; }
#mainContent .brand-benefit-card p { font-size: 16px; text-wrap: pretty; }
#mainContent .brand-benefit-card > span,
#mainContent .brand-recommendation-card > span { font-size: 12px; font-weight: 500; }
#mainContent .brand-recommendation-card { padding: 38px 24px 30px; min-height: 300px; }
#mainContent .brand-recommendation-card > strong { text-wrap: pretty; font-weight: 500; }
#mainContent .clinic-line-art { display: block; width: 100%; height: 100%; mix-blend-mode: multiply; }
#mainContent .clinic-line-frame { width: 90px; height: 90px; margin: 0 auto 26px; }
#mainContent.page-sub .word-artwork.is-icon.is-clinic-line { width: 100%; height: 100%; }
#mainContent .refine-phrase { white-space: nowrap; }
#mainContent.page-sub[data-route="botoxfiller/botox"] .brand-benefit-card { min-height: 0; padding: 28px; }
#mainContent.page-sub[data-route="botoxfiller/botox"] .brand-benefit-card h3 { margin-top: 18px; }
#mainContent.page-sub[data-route="botoxfiller/contour"] .brand-benefit-grid.is-stack { gap: 0; }
#mainContent.page-sub[data-route="botoxfiller/contour"] .brand-benefit-grid.is-stack .brand-benefit-card {
    min-height: 0; padding: 26px 32px; border: 0; border-bottom: 1px solid var(--refine-line);
    border-radius: 0; background: transparent;
}
#mainContent.page-sub[data-route="botoxfiller/contour"] .brand-benefit-grid.is-stack .brand-benefit-card h3 { margin-top: 12px; }
#mainContent.page-sub[data-route="botoxfiller/contour"] .brand-benefit-grid.is-stack .brand-benefit-card p { margin-top: 10px; }
#mainContent.page-sub[data-route="botoxfiller/contour"] .brand-intro-media.is-clay { border-radius: 24px; }
#mainContent.page-sub[data-route="botoxfiller/filler"] .brand-benefit-grid.is-orbit { gap: 14px; max-width: 1080px; margin-inline: auto; margin-top: 56px; }
#mainContent.page-sub[data-route="botoxfiller/filler"] .brand-benefit-grid.is-orbit .brand-benefit-card {
    min-height: 0; padding: 24px; background: var(--refine-paper); border-color: var(--refine-line);
}
#mainContent.page-sub[data-route="botoxfiller/filler"] .brand-benefit-grid.is-orbit .brand-benefit-icon { margin-bottom: 16px; }
#mainContent.page-sub[data-route="botoxfiller/filler"] .brand-benefit-grid.is-orbit .brand-benefit-visual { width: 94%; justify-self: center; }
#mainContent.page-sub[data-route="botoxfiller/filler"] .brand-product-grid.is-compact-grid { gap: 20px; }
#mainContent.page-sub[data-route="botoxfiller/filler"] .brand-product-grid.is-compact-grid .brand-product-card > figure { height: 220px; padding: 24px 26px 18px; }
#mainContent.page-sub[data-route="botoxfiller/filler"] .word-artwork.is-product { height: 164px; }
#mainContent.page-sub[data-route="botoxfiller/botox"] .brand-product-card > figure { height: 228px; padding: 28px; }
#mainContent.page-sub[data-route="botoxfiller/botox"] .word-artwork.is-product { height: 170px; }
#mainContent.page-sub[data-route="botoxfiller/botox"] .brand-product-card:nth-child(2) .word-artwork { max-height: 148px !important; }
#mainContent.page-sub[data-route="body/contour"] .brand-program-row { gap: 54px; padding-block: 38px; }
#mainContent.page-sub[data-route="body/contour"] .brand-program-row-media { padding: 28px 34px; }
#mainContent.page-sub[data-route="body/contour"] .brand-program-row-3 .brand-program-row-media { padding: 18px 24px; }
#mainContent.page-sub[data-route="body/contour"] .brand-program-row-5 .brand-program-row-media { padding: 16px; border-color: var(--refine-line); background: #fdf7f0; }
#mainContent.page-sub[data-route="body/contour"] .brand-program-row-5 .brand-program-row-media img { object-fit: contain; border-radius: 16px; }
#mainContent.page-sub[data-route="body/epilation"] .brand-benefit-grid.is-cross { align-items: center; gap: 16px; }
#mainContent.page-sub[data-route="body/epilation"] .brand-benefit-grid.is-cross .brand-benefit-card { min-height: 0; padding: 28px; }
#mainContent.page-sub[data-route="body/epilation"] .brand-benefit-visual { height: 310px; padding: 0; }
#mainContent.page-sub[data-route="body/epilation"] .brand-benefit-visual img { max-height: 310px; }

/* Area illustrations: same quiet drawing stage, unchanged source coordinates. */
#mainContent .word-area-visual { border: 1px solid var(--refine-line); border-radius: 24px; overflow: hidden; background: #fff; }
#mainContent .word-area-views { margin: 0 24px; padding-top: 4px; }
#mainContent .word-area-figure { padding: 24px 16px 20px; }
#mainContent .word-area-figure figcaption { border-top: 1px solid var(--refine-line); margin-top: 20px; padding-top: 16px; }
#mainContent .word-area-drawing { height: 400px; }
#mainContent .word-area-atlas[data-area-density="long"] .word-area-drawing { height: 430px; }
#mainContent .word-area-drawing > g > image { filter: sepia(.18) saturate(.75); }
#mainContent .word-area-highlight { fill: #b79b781a; stroke: #806c5a; stroke-opacity: .8; stroke-width: 1; }

/* Lifting photo stages use their actual available height, not a larger image max-height. */
#mainContent.lifting-word-page .lw-card-media { --stage-height: 280px; --stage-inset: 26px; height: var(--stage-height); padding: var(--stage-inset); }
#mainContent.lifting-word-page .lw-card-media > :is(.lw-image:not(.lw-crop), .lw-legacy-image) {
    display: grid; place-items: center; width: 100%; height: 100%; min-height: 0; margin: 0;
}
#mainContent.lifting-word-page .lw-card-media :is(.lw-image:not(.lw-crop), .lw-legacy-image) > img {
    display: block; width: 100%; height: 100%; max-height: calc(var(--stage-height) - 2 * var(--stage-inset)); object-fit: contain;
}
#mainContent.lifting-word-page .lw-card-media .lw-crop { max-width: min(100%, var(--lw-native-width), calc((var(--stage-height) - 2 * var(--stage-inset)) * var(--lw-aspect))); }
#mainContent.lifting-word-page[data-route="lifting/ems"] .lw-card-media { --stage-height: 320px; --stage-inset: 20px; background: #f5f4f2; }
#mainContent.lifting-word-page[data-route="lifting/ems"] .lw-card-copy { padding-top: 26px; }
#mainContent.lifting-word-page .lw-console { align-self: center; padding: 14px; background: #f4f2ef; border-color: var(--refine-line); }
#mainContent.lifting-word-page .lw-console .lw-image { border-radius: 10px; }
#mainContent.lifting-word-page .lw-steps .lw-card-media { --stage-inset: 0px; height: auto; padding: 0; background: #f5f3ef; }
#mainContent.lifting-word-page .lw-steps .lw-card-media .lw-crop { max-width: none; }
#mainContent.lifting-word-page .lw-diagram-media { padding: 22px; border-radius: 20px; background: #f8f7f5; }
#mainContent.lifting-word-page[data-route="lifting/linearz"] .lw-diagram-media { width: min(100%, 960px); margin-inline: auto; padding: 18px; }
#mainContent.lifting-word-page .lw-diagram-media .lw-image { max-width: min(100%, var(--lw-native-width)); }
#mainContent.lifting-word-page .lw-original-link { font-size: 14px; min-height: 44px; padding-block: 12px; }
#mainContent.lifting-word-page .lw-genuine .lw-card-media { --stage-height: 300px; --stage-inset: 24px; }
#mainContent.lifting-word-page .lw-tone-cartridge .lw-card-media { --stage-height: 260px; --stage-inset: 26px; }
#mainContent.lifting-word-page[data-route="lifting/tentriple"] .lw-card-media { --stage-height: 290px; --stage-inset: 32px; }
#mainContent.lifting-word-page .lw-consultation-cards .lw-card-media { --stage-height: 150px; --stage-inset: 26px; }
#mainContent.lifting-word-page .lw-consultation-art { width: 84px; height: 84px; }
#mainContent.lifting-word-page .lw-thread-products .lw-card-media { --stage-height: 180px; --stage-inset: 22px; background: var(--refine-paper); }
#mainContent.lifting-word-page .lw-recommendation { padding: 34px 24px 30px; }
#mainContent.lifting-word-page .lw-recommendation-art { width: 92px; height: 92px; margin-bottom: 24px; }

/* Supplied technical imagery is retained; remove nested decorative frames. */
#mainContent .skin-word-temperature { grid-template-columns: minmax(0, 1fr) 340px; gap: 18px 40px; padding: 36px 40px; background: var(--refine-paper); border-radius: 24px; }
#mainContent .skin-word-temperature .skin-word-heading::before { margin-bottom: 18px; }
#mainContent .skin-word-temperature figure { padding: 0; border: 0; border-radius: 0; background: transparent; align-self: center; }
#mainContent .skin-word-temperature img { width: min(100%, 311px); border-radius: 8px; box-shadow: 0 10px 26px #4032260c; }
#mainContent .skin-word-fiveg-grid { max-width: 940px; gap: 34px; padding: 18px 24px; border: 1px solid var(--refine-line); border-radius: 24px; background: var(--refine-paper); }
#mainContent .skin-word-layer-diagram { flex-basis: 490px; }
#mainContent .skin-word-layer-diagram .skin-word-art { mix-blend-mode: multiply; }
#mainContent .skin-word-modes > span { background: #fff; border-color: #cbbba7; }
#mainContent .skin-word-program { grid-template-columns: 240px minmax(0, 1fr); gap: 34px; padding-block: 30px; }
#mainContent .skin-word-identity { overflow: hidden; padding: 22px 18px; border: 1px solid var(--refine-line); border-radius: 20px; background: #fff; }
#mainContent .skin-word-identity .skin-word-art { border-radius: 0; background: #fff; }
#mainContent .skin-word-program > .skin-word-copy { border: 0; border-radius: 0; padding: 16px 8px; background: transparent; }
#mainContent .skin-word-photo { height: 160px; }
#mainContent .skin-word-photo img { max-width: min(100%, 190px); max-height: 160px; }
#mainContent .skin-word-device-strip figure { height: 258px; padding: 20px 18px; }
#mainContent .skin-word-device-strip img { height: 216px; }
#mainContent .skin-word-device-strip figure:nth-child(2) { padding: 10px 6px; }
#mainContent .skin-word-device-strip figure:nth-child(2) img { height: 236px; }
#mainContent .skin-word-recommend-card { background: var(--refine-paper); border-color: var(--refine-line); }
#mainContent .skin-word-recommend-card .skin-word-art { width: 92px; height: 92px; flex-basis: 92px; margin: 0 0 24px; }

/* Booster source photographs remain intact, in a deliberately consistent editorial frame. */
#mainContent.booster-word-page .bw-intro-media.bw-original-media { width: min(100%, 430px); padding: 22px; border: 1px solid var(--refine-line); border-radius: 22px; background: #f8f7f5; }
#mainContent.booster-word-page .bw-intro-media.bw-original-media img { max-height: 370px; border-radius: 8px; }
#mainContent.booster-word-page .bw-intro-crop { overflow: hidden; border-radius: 10px; }
#mainContent.booster-word-page .bw-intro-media.bw-generated-media { width: min(100%, 330px); margin-block: 28px; }
#mainContent.booster-word-page .bw-generated-media img { filter: saturate(.78); }
#mainContent.booster-word-page .bw-feature-group { margin-top: 42px; }
#mainContent.booster-word-page .bw-features-centered { gap: 18px 24px; align-items: stretch; }
#mainContent.booster-word-page .bw-feature { padding: 24px; background: var(--refine-paper); border-color: var(--refine-line); }
#mainContent.booster-word-page .bw-feature-media { align-self: center; border-radius: 20px; padding: 18px; }
#mainContent.booster-word-page .bw-feature-media.bw-original-media { border: 1px solid var(--refine-line); background: #f7f7f7; }
#mainContent.booster-word-page .bw-angled-media { min-height: 250px; padding: 12px; }
#mainContent.booster-word-page .bw-angled-media img { width: 100%; max-height: 270px; }
#mainContent.booster-word-page .bw-feature-media.bw-generated-media img { max-height: 270px; }
#mainContent.booster-word-page .bw-benefit figure { padding: 22px; }
#mainContent.booster-word-page .bw-product { grid-template-columns: 260px minmax(0, 1fr); gap: 36px; align-items: stretch; }
#mainContent.booster-word-page .bw-product-identity { display: flex; flex-direction: column; border: 1px solid var(--refine-line); border-radius: 22px; overflow: hidden; background: #f8f7f5; }
#mainContent.booster-word-page .bw-product-identity h3 { margin: 0; border: 0; border-bottom: 1px solid var(--refine-line); border-radius: 0; background: transparent; padding: 18px; font-size: 20px; }
#mainContent.booster-word-page .bw-product-media { flex: 1; min-height: 210px; padding: 24px; background: #f8f7f5; }
#mainContent.booster-word-page .bw-product-media img { max-height: 180px; width: auto; max-width: min(100%, var(--bw-native-width, 100%)); mix-blend-mode: multiply; }
#mainContent.booster-word-page .bw-product-copy { border: 0; border-radius: 0; padding: 24px 8px; background: transparent; align-self: center; }
#mainContent.booster-word-page .bw-products { gap: 32px; }
#mainContent.booster-word-page .bw-product + .bw-product { border-top: 1px solid var(--refine-line); padding-top: 32px; }
#mainContent.booster-word-page .bw-recommendation { background: var(--refine-paper); border-color: var(--refine-line); }
#mainContent.booster-word-page .bw-recommendation h3 { border-top: 0; padding-top: 0; }
#mainContent.booster-word-page .bw-recommendation .clinic-line-frame { width: 92px; height: 92px; margin-block: 12px 24px; }
#mainContent.booster-word-page .bw-process .bw-process-art { max-width: 190px; border: 1px solid var(--refine-line); border-radius: 50%; }

/* Keep the poster and carousel intact, put its existing caption below the image. */
#mainContent .event-poster-meta { position: static; padding: 17px 20px; gap: 12px; border-top: 1px solid var(--refine-line); background: #fff; color: var(--brand-deep); opacity: 1; }
#mainContent .event-poster-meta :is(span, strong) { color: var(--brand-deep); }
#mainContent .event-poster-meta span { font-size: 11px; flex: none; }
#mainContent .event-poster-meta strong { font-size: 12px; }
#mainContent .event-poster-frame img { object-fit: contain; background: #fff; }
#mainContent[data-route="allshine/doctors"] .doctor-card { box-shadow: 0 12px 36px #40332608; }
#mainContent[data-route="allshine/doctors"] .doctor-card figure { margin: 14px 14px 0; border-radius: 999px 999px 6px 6px; }
#mainContent[data-route="allshine/doctors"] .doctor-card figure.is-doctor-park { --doctor-scale: .89; --doctor-hover-scale: .89; }
#mainContent[data-route="allshine/doctors"] .doctor-card figure.is-doctor-ahn { --doctor-scale: 1.01; --doctor-hover-scale: 1.01; }
#mainContent[data-route="allshine/brand"] .allshine-value-card { min-height: 360px; padding: 40px 32px 32px; }
#mainContent[data-route="allshine/brand"] .allshine-value-card h3 { margin-top: 56px; }
#mainContent[data-route="allshine/brand"] .allshine-value-card p { font-size: 16px; padding-top: 28px; }
#mainContent[data-route="allshine/brand"] .route-card-visual { max-width: 38%; object-fit: contain; right: 28px; bottom: 18px; }

@media (max-width: 1024px) {
    #mainContent .brand-program-section { padding-block: 72px; }
    #mainContent.lifting-word-page .lw-card-media { --stage-inset: 22px; }
    #mainContent.lifting-word-page .lw-console { justify-self: center; width: min(100%, 420px); }
    #mainContent .skin-word-temperature { grid-template-columns: minmax(0, 1fr) 300px; padding: 30px; gap: 18px 28px; }
}
@media (max-width: 760px) {
    #mainContent .brand-program-section { padding-block: 52px; }
    #mainContent .brand-program-heading { margin-bottom: 30px; gap: 16px; }
    #mainContent .brand-program-heading .brand-section-index { font-size: 44px; }
    #mainContent .brand-intro-layout { gap: 30px; }
    #mainContent .brand-intro-copy .brand-section-index { font-size: 44px; margin-bottom: 22px; }
    #mainContent.page-sub:is([data-route="botoxfiller/botox"], [data-route="botoxfiller/filler"], [data-route="body/contour"]) .brand-intro-media { height: 330px; width: min(100%, 300px); justify-self: center; }
    #mainContent .brand-benefit-grid { margin-top: 36px; }
    #mainContent.page-sub .brand-recommendation-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
    #mainContent.page-sub .brand-recommendation-card:nth-child(n) {
        display: grid; grid-area: auto / 1; grid-template-columns: 78px minmax(0, 1fr); grid-template-rows: auto auto;
        width: 100%; max-width: none; min-height: 144px; border-radius: 22px; align-content: center;
        padding: 24px; gap: 10px 22px; text-align: left;
    }
    #mainContent.page-sub .brand-recommendation-card:nth-child(n) figure.is-line-icon { grid-column: 1; grid-row: 1 / 3; width: 78px; height: 78px; margin: 0; padding: 0; align-self: center; }
    #mainContent.page-sub .brand-recommendation-card:nth-child(n) > :is(span, strong) { grid-column: 2; margin: 0; }
    #mainContent.page-sub .brand-recommendation-card:nth-child(n) > strong { font-size: 16px; line-height: 1.75; }
    #mainContent.page-sub[data-route="botoxfiller/filler"] .brand-product-grid.is-compact-grid .brand-product-card > figure { height: 176px; padding: 18px 14px; }
    #mainContent.page-sub[data-route="botoxfiller/filler"] .word-artwork.is-product { height: 140px; }
    #mainContent.page-sub[data-route="body/contour"] .brand-program-row { gap: 26px; padding-block: 30px; }
    #mainContent .word-area-drawing, #mainContent .word-area-atlas[data-area-density="long"] .word-area-drawing { height: 280px; }
    #mainContent .word-area-views { margin-inline: 16px; }
    #mainContent .word-area-figure { padding: 18px 12px; }
    #mainContent .skin-word-temperature { grid-template-columns: minmax(0, 1fr); padding: 28px 24px; gap: 18px; }
    #mainContent .skin-word-temperature figure { grid-column: 1; grid-row: auto; margin-top: 6px; padding: 0; }
    #mainContent .skin-word-temperature .skin-word-heading h2 { font-size: 27px; }
    #mainContent .skin-word-fiveg-grid { padding: 18px 8px; gap: 12px; flex-direction: column; }
    #mainContent .skin-word-layer-diagram { flex-basis: auto; width: min(100%, 430px); }
    #mainContent .skin-word-modes { gap: 14px; padding-bottom: 10px; }
    #mainContent .skin-word-modes > span { width: 108px; min-height: 108px; }
}
@media (max-width: 680px) {
    #mainContent.lifting-word-page .lw-card-media { --stage-height: 240px; --stage-inset: 22px; }
    #mainContent.lifting-word-page[data-route="lifting/ems"] .lw-card-media { --stage-height: 250px; --stage-inset: 18px; }
    #mainContent.lifting-word-page .lw-consultation-cards .lw-card-media { height: 100%; --stage-height: 120px; --stage-inset: 12px; }
    #mainContent.lifting-word-page .lw-tone-cartridge .lw-card-media { height: 100%; --stage-height: 220px; --stage-inset: 18px; }
    #mainContent.lifting-word-page .lw-thread-products .lw-card-media { --stage-height: 170px; --stage-inset: 18px; }
    #mainContent.lifting-word-page .lw-recommendations { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    #mainContent.lifting-word-page .lw-recommendation { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 22px; align-items: center; padding: 24px; border-radius: 22px; text-align: left; }
    #mainContent.lifting-word-page .lw-recommendation-art { width: 78px; height: 78px; margin: 0; }
    #mainContent.lifting-word-page .lw-recommendation h3 { margin-top: 10px; font-size: 16px; }
    #mainContent.lifting-word-page .lw-diagram-media { padding: 12px; }
    #mainContent .skin-word-program { grid-template-columns: 1fr; gap: 20px; }
    #mainContent .skin-word-identity { width: min(100%, 280px); justify-self: center; padding: 20px; }
    #mainContent .skin-word-program > .skin-word-copy { padding: 0; }
    #mainContent .skin-word-device-strip figure { height: 216px; padding: 18px 12px; }
    #mainContent .skin-word-device-strip img { height: 178px; }
    #mainContent .skin-word-device-strip figure:nth-child(2) img { height: 192px; }
    #mainContent .skin-word-recommend-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    #mainContent .skin-word-recommend-grid > .skin-word-recommend-card { grid-area: auto / 1; width: 100%; justify-self: stretch; }
    #mainContent .skin-word-recommend-card { display: grid; min-height: 144px; align-content: center; grid-template-columns: 78px minmax(0, 1fr); grid-template-rows: auto auto; padding: 24px; gap: 10px 22px; text-align: left; border-radius: 22px; }
    #mainContent .skin-word-recommend-card .skin-word-art { grid-column: 1; grid-row: 1 / 3; width: 78px; height: 78px; margin: 0; }
    #mainContent .skin-word-recommend-card > :is(span, h3) { grid-column: 2; margin: 0; }
    #mainContent .skin-word-recommend-card h3 { font-size: 16px; }
    #mainContent.booster-word-page .bw-product { grid-template-columns: 1fr; gap: 18px; }
    #mainContent.booster-word-page .bw-product-identity { width: min(100%, 280px); justify-self: center; }
    #mainContent.booster-word-page .bw-product-copy { padding: 0; }
    #mainContent.booster-word-page .bw-product-media { min-height: 190px; }
    #mainContent.booster-word-page .bw-features-centered { gap: 16px; }
    #mainContent.booster-word-page .bw-recommendation .clinic-line-frame { width: 78px; height: 78px; margin: 0; flex: 0 0 78px; }
    #mainContent.booster-word-page .bw-recommendation { gap: 22px; padding: 24px; }
    #mainContent .event-poster-meta { padding: 14px 16px; flex-wrap: wrap; gap: 6px; }
    #mainContent .event-poster-meta strong { font-size: 11px; }
}

/* Preserve readable text beside line art on the narrowest phones. */
@media (max-width: 360px) {
    #mainContent.page-sub .brand-recommendation-card:nth-child(n),
    #mainContent .skin-word-recommend-card {
        grid-template-columns: 60px minmax(0, 1fr); padding: 20px 18px; column-gap: 16px;
    }
    #mainContent.page-sub .brand-recommendation-card:nth-child(n) figure.is-line-icon,
    #mainContent .skin-word-recommend-card .skin-word-art { width: 60px; height: 60px; }
    #mainContent .refine-phrase, #mainContent .skin-word-keep { white-space: normal; }
}

/* Short landscape screens use the same five-action dock, not nine tiny channels. */
@media (max-width: 1024px) and (max-height: 500px) and (orientation: landscape) {
    .home-hero { min-height: 0; height: 100svh; }
    .hero-layout { width: calc(100% - 48px); padding: 90px 0 calc(var(--mobile-dock-clearance) + 58px); }
    .hero-copy { position: static; padding: 0; }
    .hero-copy h1 { font-size: 28px; margin-top: 8px; white-space: normal; }
    .hero-copy p, .hero-scroll { display: none; }
    .hero-link { min-height: 44px; margin-top: 12px; }
    .hero-pagination { left: 24px; right: 152px; bottom: var(--mobile-dock-clearance); }
    .hero-dot { height: 44px; max-width: 94px; flex: 1; }
    .hero-controls { right: 24px; bottom: var(--mobile-dock-clearance); }
    .hero-control-button { width: 44px; height: 44px; }
    #mainContent[data-route="event/event"] .section-block { padding-block: 40px 110px; }
    #mainContent[data-route="event/event"] .section-head { margin-bottom: 28px; }
    .mobile-quick-sheet-panel { max-height: calc(100dvh - 24px); }
}

/* Original event files are displayed directly, never recompressed or cropped. */
.event-enlarge-button {
    display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px;
    border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--brand-deep); font-size: 12px;
}
body.event-viewer-open { overflow: hidden; }
.event-viewer { width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 20px; border: 0; background: transparent; }
.event-viewer[open] { display: grid; place-items: center; }
.event-viewer::backdrop { background: #231d18b3; }
.event-viewer-panel { display: flex; flex-direction: column; width: min(100%, 960px); height: 100%; max-height: 1100px; border-radius: 20px; overflow: hidden; background: #fbfaf8; }
.event-viewer-head { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.event-viewer-head h2 { flex: 1; font-size: 16px; font-weight: 500; }
.event-viewer-head button { min-height: 44px; padding: 0 14px; background: #f1eae2; color: var(--brand-deep); border-radius: 12px; white-space: nowrap; }
.event-viewer-scroll { min-height: 0; overflow: auto; overscroll-behavior: contain; flex: 1; }
.event-viewer-scroll img { display: block; width: 100%; height: auto; max-width: none; margin: 0 auto; }
.event-viewer.is-zoomed img { width: max(100%, 1200px); }
@media (max-width: 760px) {
    .event-viewer { padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)); }
    .event-viewer-panel { border-radius: 16px; }
    .event-viewer-head { gap: 6px; padding: 8px; flex-wrap: wrap; }
    .event-viewer-head h2 { font-size: 14px; }
    .event-viewer-head button { font-size: 12px; padding-inline: 10px; }
    .event-enlarge-button { padding-inline: 12px; }
}