.rse-diagnostic-page .entry-header { display: none; }
.rse-diagnostic-page.ast-separate-container #primary { margin-top: 16px; }
.rse-diagnostic-page .entry-content { margin-top: 0; }

.rse-diagnostic-shell { max-width: 1120px; }
.rse-diagnostic-intro-grid { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 32px; align-items: start; }
.rse-diagnostic-lead { max-width: 760px; margin: 0; color: #4f5e6d; font-size: 18px; }
.rse-diagnostic-duration { padding: 20px; color: #fff; background: var(--rse-navy); border-radius: 15px; }
.rse-diagnostic-duration span,
.rse-diagnostic-duration strong { display: block; }
.rse-diagnostic-duration span { margin-bottom: 5px; opacity: .75; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.rse-diagnostic-duration strong { color: #fff; font-size: 20px; line-height: 1.25; }

.rse-diagnostic-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 34px 0; }
.rse-diagnostic-overview article { padding: 21px 18px; background: linear-gradient(145deg, #fff 0%, #fbf7ee 100%); border: 1px solid #e2d9c9; border-radius: 14px; }
.rse-diagnostic-overview span,
.rse-diagnostic-overview strong,
.rse-diagnostic-overview small { display: block; }
.rse-diagnostic-overview span { margin-bottom: 8px; color: #9b792d; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.rse-diagnostic-overview strong { color: var(--rse-navy); font-size: 20px; }
.rse-diagnostic-overview small { margin-top: 4px; color: #65717d; line-height: 1.4; }

.rse-diagnostic-instructions h2 { margin: 0 0 10px; font-size: 23px; }
.rse-diagnostic-instructions ul,
.rse-diagnostic-shell .rse-instructions ul { margin: 8px 0 0 20px; }
.rse-diagnostic-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0; }
.rse-diagnostic-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 30px 0 12px; }
.rse-diagnostic-mode-grid article { display: flex; align-items: flex-start; flex-direction: column; padding: 24px; background: #fff; border: 1px solid #dce3e8; border-top: 5px solid var(--rse-gold); border-radius: 14px; box-shadow: 0 10px 26px rgba(7, 26, 51, .055); }
.rse-diagnostic-mode-grid article:last-child { border-top-color: var(--rse-navy); }
.rse-diagnostic-mode-grid h2 { margin: 4px 0 7px; font-size: 25px; }
.rse-diagnostic-mode-grid article > strong { color: #8f6d25; }
.rse-diagnostic-mode-grid article > p:not(.rse-card-kicker) { flex: 1; }
.rse-diagnostic-mode-grid .rse-button { width: 100%; margin-top: 10px; }
.rse-diagnostic-app[hidden],
.rse-diagnostic-intro[hidden] { display: none !important; }

.rse-diagnostic-test-header h1 { max-width: 760px; }
.rse-listening-dropdown-grid { margin-top: 26px; padding: 22px; background: #fff; border: 1px solid #dde3e8; border-radius: 14px; }
.rse-listening-dropdown-grid .rse-reading-question:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.rse-diagnostic-reading-layout .rse-reading-source,
.rse-diagnostic-reading-layout .rse-reading-answers { max-height: 720px; }
.rse-diagnostic-table-wrap { overflow-x: auto; margin: 18px 0; }
.rse-diagnostic-table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: 14px; }
.rse-diagnostic-table th,
.rse-diagnostic-table td { padding: 13px; border: 1px solid #d9dee3; text-align: left; vertical-align: top; }
.rse-diagnostic-table thead th { color: #fff; background: var(--rse-navy); }
.rse-diagnostic-table tbody th { color: var(--rse-navy); background: #f5f0e5; }

.rse-diagnostic-writing-field { margin-top: 24px; }
.rse-diagnostic-writing-field textarea { min-height: 360px; }
.rse-diagnostic-privacy { margin-top: 18px; padding: 13px 16px; color: #4f5f70; background: #f4f7f9; border-left: 4px solid var(--rse-gold); border-radius: 9px; }
.rse-diagnostic-audience { margin-top: 20px; }
.rse-diagnostic-local-recording { margin-top: 16px; padding: 18px; background: #f7f1e4; border: 1px solid #dfcd99; border-radius: 12px; }
.rse-diagnostic-local-recording strong,
.rse-diagnostic-local-recording audio { display: block; width: 100%; }
.rse-diagnostic-local-recording strong { margin-bottom: 11px; color: var(--rse-navy); }
.rse-diagnostic-speaking-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 18px; }

.rse-diagnostic-result { max-width: none; }
.rse-diagnostic-total { display: inline-flex; min-width: 240px; flex-direction: column; margin: 28px 0 6px; padding: 24px 28px; color: #fff; background: var(--rse-navy); border-radius: 16px; }
.rse-diagnostic-total span { font-size: 13px; opacity: .75; }
.rse-diagnostic-total strong { color: #fff; font-size: 42px; line-height: 1.2; }
.rse-diagnostic-total small { color: #e4c56f; font-weight: 750; }
.rse-diagnostic-result .rse-result-grid small { display: block; margin-top: 4px; color: #687481; }
.rse-diagnostic-profile { margin: 28px 0; padding: 26px; background: #f4f7fa; border: 1px solid #dce4eb; border-radius: 14px; }
.rse-diagnostic-profile h2 { margin-top: 0; }
.rse-diagnostic-feedback-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 30px 0; padding: 28px; color: #fff; background: linear-gradient(135deg, #071a33 0%, #0d2c50 100%); border-radius: 17px; }
.rse-diagnostic-feedback-cta h2 { margin: 3px 0 8px; color: #fff; }
.rse-diagnostic-feedback-cta p { margin: 0; }
.rse-diagnostic-feedback-cta .rse-button { flex: 0 0 auto; }
.rse-diagnostic-continue-card { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 28px 0; padding: 25px; background: #f4f7fa; border: 1px solid #dce4eb; border-radius: 15px; }
.rse-diagnostic-continue-card h2 { margin: 3px 0 8px; }
.rse-diagnostic-continue-card p { margin: 0; }
.rse-diagnostic-continue-card .rse-button { flex: 0 0 auto; }

@media (max-width: 900px) {
  .rse-diagnostic-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rse-diagnostic-intro-grid { grid-template-columns: 1fr; }
  .rse-diagnostic-duration { max-width: 330px; }
  .rse-diagnostic-feedback-cta { align-items: flex-start; flex-direction: column; }
	.rse-diagnostic-continue-card { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 640px) {
  .rse-diagnostic-page.ast-separate-container #primary { margin-top: 10px; }
  .rse-diagnostic-overview { grid-template-columns: 1fr; }
	.rse-diagnostic-mode-grid { grid-template-columns: 1fr; }
  .rse-diagnostic-overview article { padding: 17px; }
  .rse-diagnostic-actions .rse-button { width: 100%; }
  .rse-diagnostic-reading-layout .rse-reading-source,
  .rse-diagnostic-reading-layout .rse-reading-answers { max-height: none; }
  .rse-listening-dropdown-grid { padding: 14px; }
  .rse-diagnostic-writing-field textarea { min-height: 300px; }
  .rse-diagnostic-speaking-actions { align-items: stretch; flex-direction: column; }
  .rse-diagnostic-speaking-actions .rse-button { width: 100%; }
  .rse-diagnostic-total { width: 100%; }
  .rse-diagnostic-feedback-cta { padding: 22px 18px; }
  .rse-diagnostic-feedback-cta .rse-button { width: 100%; }
	.rse-diagnostic-continue-card .rse-button { width: 100%; }
}