.pass-layout { max-width: 1000px; margin: 32px auto; padding: 0 20px; }
.pass-page-heading { text-align: center; margin: 0 0 28px; }
.pass-page-heading h1 { font-size: clamp(1.6rem, 4vw, 2.2rem); line-height: 1.4; margin-bottom: 10px; color: #0052cc; }
.pass-page-heading p { color: #475569; }
.pass-content { padding: 32px; border: 1px solid #e2e8f0; border-radius: 18px; background: white; line-height: 1.85; overflow-wrap: anywhere; color: #1e293b; }
.pass-content section + section { border-top: 1px solid var(--border-color, #cbd5e1); margin-top: 36px; padding-top: 28px; }
.pass-content h2 { font-size: 1.4rem; line-height: 1.5; margin: 12px 0; }
.pass-content small { display: inline-block; font-size: .85rem; font-weight: 500; }
.pass-content a { color: #0052cc; text-underline-offset: 3px; }
.pass-notice { border-left: 4px solid #0052cc; background: #eff6ff; color: #173d70; padding: 16px 20px; border-radius: 8px; }
.pass-label { font-size: .8rem; font-weight: 800; letter-spacing: .1em; color: #0052cc; margin-bottom: 8px; }
.pass-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pass-facts > div { background: #f1f5f9; border-radius: 12px; padding: 16px; }
.pass-facts dt { font-size: .85rem; color: #475569; }
.pass-facts dd { font-weight: 750; margin: 4px 0 0; }
.pass-content ol, .pass-content ul { padding-left: 24px; }
.pass-content li + li { margin-top: 12px; }
.pass-table-wrap { overflow-x: auto; }
.pass-content table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.pass-content caption { text-align: left; margin-bottom: 10px; font-weight: 700; }
.pass-content th, .pass-content td { border: 1px solid #cbd5e1; padding: 12px; text-align: left; vertical-align: top; }
.pass-content th { background: #f1f5f9; }
.pass-muted { color: #475569; font-size: .88rem; }
.pass-test label { display: block; font-weight: 650; }
#review-access { display: block; box-sizing: border-box; width: 100%; max-width: 500px; margin-top: 8px; padding: 12px; border: 1px solid #94a3b8; border-radius: 8px; font: inherit; background: #fff; color: #1e293b; }
.pass-agreement { margin: 20px 0; }
.pass-agreement input { width: 18px; height: 18px; vertical-align: middle; }
.pass-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.pass-actions button, .pass-handoff { padding: 12px 16px; border: 0; border-radius: 8px; background: #0052cc; color: white; font: inherit; font-weight: 700; cursor: pointer; }
.pass-actions button:disabled { background: #e2e8f0; color: #475569; cursor: default; }
.pass-content :focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
#review-status { padding: 14px; border: 1px solid #cbd5e1; border-radius: 8px; }
#review-order { font-size: .9rem; }
#review-order dd { margin: 0 0 10px; }
.pass-handoff:not([hidden]) { display: inline-block; text-decoration: none; color: white; }
body.dark-mode .pass-content a, body.dark-mode .pass-label { color: #93c5fd; }
body.dark-mode .pass-content { background: #111827; color: #f1f5f9; border-color: #334155; }
body.dark-mode .pass-page-heading h1 { color: #93c5fd; }
body.dark-mode .pass-page-heading p { color: #cbd5e1; }
body.dark-mode .pass-notice { background: #172d4a; color: #dbeafe; border-color: #93c5fd; }
body.dark-mode .pass-facts > div, body.dark-mode .pass-content th, body.dark-mode #review-access { background: #1e293b; color: #f1f5f9; }
body.dark-mode .pass-facts dt, body.dark-mode .pass-muted { color: #cbd5e1; }
body.dark-mode .pass-actions button:disabled { background: #334155; color: #cbd5e1; }
body.dark-mode .pass-content .pass-handoff { color: white; }
@media (max-width: 600px) { .pass-layout { padding: 0 12px; } .pass-content { padding: 20px 16px; } .pass-facts { grid-template-columns: 1fr; } .pass-actions button { width: 100%; } .pass-content th, .pass-content td { padding: 8px; } }