/* QA2724 · 최신 보완안 688:3911/688:5421. 이 네 상단 section 밖에는 적용하지 않는다. */
.sample-review-event-upper {
    --event-surface-soft: var(--bj-information-surface);
    padding: var(--bj-space-4) 0;
    background: var(--bj-clean);
}
/* 레거시 전역 글꼴 선언이 상단의 정본 글꼴을 덮지 않게 한다. */
.sample-review-event-upper :is(h1,h2,p,strong,b,dt,dd,a,span,button,li) { font-family: var(--bj-font-family) !important; }
.sample-review-event-upper :is(.sample-review-event-upper__shortcuts,.sample-review-renew__guide-jump) span { font-size: var(--bj-type-body); }
.sample-review-event-upper .event-system-inner { width: min(var(--bj-content-max), calc(100% - var(--bj-page-gutter) * 2)); padding: 0; }
.sample-review-event-upper .event-label,
.sample-review-event-upper .event-facts,
.sample-review-event-upper .sample-review-renew__method-summary { display: none; }
.sample-review-event-upper .event-section-head { gap: var(--bj-space-2); }
.sample-review-event-upper .event-body { letter-spacing: var(--bj-type-body-tracking); }
.sample-review-event-upper.sample-review-renew__intro { padding-top: 0; }
.event-common-reviewed .sample-review-event-upper .event-common-top-navigation { display: flex; width: min(var(--bj-content-max), calc(100% - var(--bj-page-gutter) * 2)); min-height: calc(var(--bj-space-2) * 4); margin: 0 auto var(--bj-space-2); padding: 0; align-items: center; }
.sample-review-event-upper .event-common-top-navigation a { min-height: 44px; }
.sample-review-event-upper.sample-review-renew__intro > .event-system-inner { display: grid; grid-template-columns: minmax(0, 312fr) minmax(0, 656fr); gap: calc(var(--bj-space-2) * 2); }
.sample-review-event-upper__copy { display: flex; min-width: 0; flex-direction: column; }
.sample-review-event-upper__copy .event-section-head { display: flex; height: 100%; flex-direction: column; }
.sample-review-event-upper__copy .event-section-summary { display: flex; flex: 1; flex-direction: column; gap: var(--bj-space-2); }
.sample-review-event-upper__copy .event-hero-actions { width: 100%; margin: auto 0 0; padding-top: var(--bj-space-2); justify-content: flex-start; }
.sample-review-event-upper .event-display { font-size: var(--bj-type-page); font-weight: var(--bj-type-page-weight); line-height: var(--bj-type-page-line); letter-spacing: var(--bj-type-page-tracking); }
.sample-review-event-upper .sample-review-renew__hero-media { width: 100%; height: auto; aspect-ratio: 21 / 9; margin: 0; }
.sample-review-event-upper .sample-review-renew__hero-media img { object-position: center 62%; }
.sample-review-event-upper__shortcuts { display: flex; flex-wrap: wrap; gap: var(--bj-space-2); margin: var(--bj-space-2) 0 0; }
.sample-review-event-upper__shortcuts a { display: inline-flex; min-height: 44px; align-items: center; gap: var(--bj-space-1); color: var(--bj-ink); font-size: var(--bj-type-body); line-height: var(--bj-type-body-line); text-decoration: underline; text-underline-offset: .2em; }
.sample-review-event-upper__shortcuts a:last-child { color: var(--bj-muted); }
.sample-review-event-upper .bj-primary-action { min-width: 0; min-height: var(--event-action-height); padding: 0 var(--bj-page-gutter); gap: var(--bj-space-1); font-size: var(--bj-type-action); font-weight: var(--bj-type-action-weight); line-height: var(--bj-type-action-line); letter-spacing: var(--bj-type-body-tracking); }
.sample-review-event-upper .event-action--entry::before { width: var(--bj-space-2); height: var(--bj-space-2); }
.sample-review-event-upper.sample-review-renew__methods,
.sample-review-event-upper.sample-review-renew__notice { background: var(--bj-information-surface); }
.sample-review-event-upper .sample-review-renew__method-grid { gap: calc(var(--bj-space-2) + var(--bj-space-1) / 2); margin-top: calc(var(--bj-space-2) * 2); }
.sample-review-event-upper .sample-review-renew__method-card { padding: calc(var(--bj-space-2) * 2); border: 0; background: var(--bj-clean); }
.sample-review-event-upper .sample-review-renew__method-card .event-title { font-size: var(--bj-type-subsection) !important; font-weight: var(--bj-type-subsection-weight); line-height: var(--bj-type-subsection-line); letter-spacing: var(--bj-type-body-tracking); }
.sample-review-event-upper .event-steps { gap: var(--bj-space-2); margin-top: calc(var(--bj-space-2) * 2); }
.sample-review-event-upper .event-step b { color: var(--bj-muted); font-size: var(--bj-type-caption) !important; font-weight: var(--bj-type-caption-weight); line-height: var(--bj-type-caption-line); }
.sample-review-event-upper .event-step strong { color: var(--bj-muted); letter-spacing: var(--bj-type-body-tracking); word-break: keep-all; overflow-wrap: anywhere; }
.sample-review-event-upper .sample-review-renew__guide-jump { display: inline-flex; min-height: 44px; padding: 0; align-items: center; gap: var(--bj-space-1); border: 0; color: var(--bj-ink); font: var(--bj-type-body-weight) var(--bj-type-body)/var(--bj-type-body-line) var(--bj-font-family); text-decoration: underline; text-underline-offset: .2em; }
.sample-review-event-upper .sample-review-renew__method-tags { margin-top: calc(var(--bj-space-2) * 2); padding-top: calc(var(--bj-space-2) * 2); gap: var(--bj-space-2); border-color: var(--bj-line); }
.sample-review-event-upper .sample-review-renew__method-tags > div { gap: var(--bj-space-2); }
.sample-review-event-upper .sample-review-renew__method-tags :is(dt,dd) { font-size: var(--bj-type-body); font-weight: var(--bj-type-body-weight); line-height: var(--bj-type-body-line); letter-spacing: var(--bj-type-body-tracking); }
.sample-review-event-upper .sample-review-renew__coupon-list { margin-top: calc(var(--bj-space-2) * 2); border-top: 0; }
.sample-review-event-upper .sample-review-renew__coupon-list li { padding: var(--bj-space-2) 0; }
.sample-review-event-upper .sample-review-renew__coupon-list b { text-align: right; }
.sample-review-event-upper .event-actions { padding-top: calc(var(--bj-space-2) * 2); }
.sample-review-event-upper .sample-review-renew__notice-accordions { margin-top: calc(var(--bj-space-2) * 2); border-color: var(--bj-line); }
/* D05 승인 외형: 64px 조작 행과 1px 경계. 공통 focus와 native details 키보드 동작을 유지한다. */
.sample-review-event-upper .bj-disclosure { background: transparent; border-right: 0; border-left: 0; }
.sample-review-event-upper .bj-disclosure__trigger { min-height: calc(var(--bj-space-2) * 4); padding: var(--bj-space-2) calc(var(--bj-space-2) * 2) var(--bj-space-2) 0; font-size: var(--bj-type-body); font-weight: var(--bj-type-nav-weight); line-height: var(--bj-type-nav-line); }
.sample-review-event-upper .bj-disclosure__trigger:focus-visible { outline: 2px solid var(--bj-charcoal); outline-offset: -3px; }
.sample-review-event-upper .event-disclosure__list li { font-size: var(--bj-type-body); line-height: var(--bj-type-body-line); }
.sample-review-event-upper .sample-review-renew__example-grid img { aspect-ratio: auto; object-fit: contain; }
.sample-review-event-upper :is(a,button):focus-visible { outline: 2px solid var(--bj-charcoal); outline-offset: 3px; }
@media (max-width: 767px) {
    .sample-review-event-upper .event-system-inner { width: calc(100% - var(--bj-page-gutter-mobile) * 2); }
    .event-common-reviewed .sample-review-event-upper .event-common-top-navigation { width: calc(100% - var(--bj-page-gutter-mobile) * 2); }
    .sample-review-event-upper.sample-review-renew__intro > .event-system-inner { display: flex; flex-direction: column; gap: var(--bj-space-3); }
    .sample-review-event-upper__copy { width: 100%; }
    .sample-review-event-upper__copy .event-section-head { gap: var(--bj-space-2); }
    .sample-review-event-upper__shortcuts { margin-top: var(--bj-space-1); }
    .sample-review-event-upper .bj-primary-action { width: 100%; }
    .sample-review-event-upper .sample-review-renew__hero-media { aspect-ratio: 4 / 3; }
    .sample-review-event-upper .sample-review-renew__method-grid { gap: var(--bj-space-2); }
    .sample-review-event-upper .sample-review-renew__method-card { padding: calc(var(--bj-space-2) * 2) var(--bj-space-2); }
    .sample-review-event-upper .sample-review-renew__method-tags { padding-top: var(--bj-space-2); }
    .sample-review-event-upper .sample-review-renew__method-tags > div { grid-template-columns: 1fr; gap: var(--bj-space-1); }
    .sample-review-event-upper .sample-review-renew__coupon-list li { grid-template-columns: 1fr; gap: var(--bj-space-1); }
    .sample-review-event-upper .sample-review-renew__coupon-list b { text-align: left; }
}