.review-workspace {--rv-line:#dce2d8;--rv-muted:#6f796f;display:flex;flex-direction:column;gap:12px;min-height:0;padding:16px 0 0;color:#193e34;}
.review-workspace button {font:inherit;cursor:pointer;}
.review-workspace button:focus-visible {outline:2px solid #739d41;outline-offset:3px;}
.review-workspace button:disabled {opacity:.43;cursor:default;}
.rv-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;}
.rv-heading>div {display:flex;align-items:baseline;gap:16px;}
.rv-heading h1 {font-size:22px;line-height:1.3;margin:0;}
.rv-crumb {font-size:12px;color:var(--rv-muted);}
.rv-background {display:flex;align-items:center;gap:6px;flex:none;background:none;border:0;color:var(--rv-muted);min-height:36px;padding:4px;}
.rv-background .icon {width:18px;height:18px;}
.rv-decision {display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;flex:none;font-size:14px;}
.rv-decision>span {color:var(--rv-muted);font-size:12px;}
.rv-decision p {margin:0;}
.rv-decision>strong {margin-left:auto;font-size:12px;font-weight:500;background:#eaf1dd;padding:3px 8px;border-radius:5px;}
.rv-progress {display:flex;gap:0;list-style:none;margin:0;padding:0;flex:none;border-bottom:1px solid var(--rv-line);font-size:13px;color:#899185;}
.rv-progress li {display:flex;align-items:center;gap:7px;padding:8px 16px 9px;border-bottom:2px solid transparent;}
.rv-progress li:first-child {padding-left:0;}
.rv-progress li.is-current {color:#193e34;font-weight:600;border-bottom-color:#7e9e4e;}
.rv-progress li.is-done {color:#637857;}
.rv-progress li>span {font-size:11px;}
.rv-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,360px);gap:16px;min-height:0;flex:1;}
.rv-stage,.rv-guide {background:#fffefb;border:1px solid var(--rv-line);border-radius:14px;min-width:0;min-height:0;}
.rv-stage {padding:12px;background:#eef2e7;}
.rv-evidence {display:grid;grid-template-columns:minmax(150px,.9fr) minmax(190px,1fr);gap:14px;height:100%;min-height:0;}
.rv-phone-panel {display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;}
.rv-page-tabs,.rv-material-tabs {display:flex;gap:5px;flex:none;}
.rv-page-tabs button,.rv-material-tabs button {border:1px solid var(--rv-line);border-radius:6px;padding:7px 9px;background:#f9faf5;color:#64715f;line-height:1.4;}
.rv-page-tabs button {flex:1;min-height:36px;font-size:13px;white-space:nowrap;}
.rv-page-tabs [aria-pressed=true],.rv-material-tabs [aria-pressed=true] {background:#e0edc8;border-color:#b6cb8e;color:#395735;}
.rv-page-state {margin:0;min-height:42px;font-size:12px;line-height:1.6;color:#62725f;flex:none;}
.rv-materials {display:flex;flex-direction:column;gap:9px;min-width:0;min-height:0;}
.rv-material-tabs {flex-wrap:wrap;}
.rv-material-tabs button {font-size:12px;min-height:32px;}
.rv-paper {background:#fff;border:1px solid #e0e4da;border-radius:9px;padding:16px;min-height:0;flex:1;}
.rv-paper-label {display:block;font-size:11px;line-height:1.5;color:#8a9283;margin-bottom:8px;}
.rv-paper h2 {margin:0 0 12px;font-size:18px;line-height:1.5;color:#213a2e;}
.rv-paper>p {font-size:14px;line-height:1.8;margin:0;}
.rv-paper-note {font-size:13px;line-height:1.7;color:#697561;border-top:1px solid #e5e8df;margin-top:18px;padding-top:12px;}
.rv-guide {display:flex;flex-direction:column;gap:10px;padding:18px;}
.rv-mobile-preview {display:none;}
.rv-step-label {font-size:12px;color:var(--rv-muted);}
.rv-guide h2 {font-size:21px;line-height:1.45;margin:0;color:#173e33;}
.rv-guide>p {font-size:14px;line-height:1.75;margin:0;}
.rv-inspect-list {display:flex;flex-direction:column;gap:15px;margin:10px 0;}
.rv-inspect-list>div {display:flex;gap:10px;align-items:flex-start;}
.rv-inspect-list>div>span {width:24px;height:24px;background:#e7f0d7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:12px;}
.rv-inspect-list p {font-size:14px;line-height:1.7;margin:0;}
.rv-inspect-list strong {display:block;}
.rv-hint {font-size:13px!important;color:var(--rv-muted);}
.rv-guide-bottom {margin-top:auto;display:flex;flex-direction:column;gap:8px;flex:none;}
.rv-guide-bottom small {font-size:11px;line-height:1.5;color:#819077;text-align:center;}
.rv-primary {min-height:44px;width:100%;border:0;border-radius:8px;background:#193f34;color:#fff;padding:10px 12px;font-size:14px!important;line-height:1.5;}
.rv-tools {display:flex;gap:8px;flex:none;}
.rv-tools>button {flex:1;border:1px solid var(--rv-line);background:#fff;border-radius:6px;color:#60725c;min-height:36px;padding:5px;font-size:12px;}
.rv-options {display:flex;flex-direction:column;gap:8px;}
.rv-options button {display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid var(--rv-line);border-radius:8px;background:#fafbf7;padding:10px 12px;color:#253d30;}
.rv-options button[aria-pressed=true] {border-color:#a6c571;background:#edf4df;box-shadow:inset 0 0 0 1px #a6c571;}
.rv-options strong {font-size:14px;font-weight:600;line-height:1.4;}
.rv-options span {font-size:13px;line-height:1.6;color:#6a7665;}
.rv-outline {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.rv-outline li {border-left:2px solid #afc68d;padding-left:10px;}
.rv-outline li>span {font-size:11px;color:#7b886e;display:block;}
.rv-outline strong {display:block;font-size:14px;line-height:1.55;margin:2px 0 3px;}
.rv-outline p {font-size:13px;line-height:1.6;margin:0;color:#687363;}
.rv-ending-note {border-top:1px solid #e1e6d9;margin-top:12px;padding-top:10px;font-size:12px;line-height:1.65;}
.rv-ending-note strong {font-size:12px;}
.rv-ending-note p {margin:4px 0 0;color:#687363;}
.rv-result-checks {display:flex;flex-direction:column;gap:12px;}
.rv-result-checks>section {border:1px solid #e4e6dc;border-radius:8px;padding:10px 12px;background:#fafbf7;}
.rv-result-checks>section.is-passed {border-color:#d2dfbd;background:#f4f8ed;}
.rv-result-checks strong {font-size:14px;display:flex;gap:7px;line-height:1.6;}
.rv-result-checks strong>span {color:#698e42;}
.rv-result-checks p {font-size:13px;line-height:1.7;margin:5px 0 0;color:#5d6a55;}
.rv-transfer {font-size:13px!important;line-height:1.6!important;color:#68775e;}
.rv-transfer>strong {display:block;}
.rv-comparison {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.rv-comparison>section {border:1px solid #dce2d4;border-radius:10px;padding:16px;}
.rv-comparison h3 {margin:0 0 14px;}
/* These internals stay at the 390 × 844 design size, including when zoomed. */
.rv-phone {position:relative;width:390px;height:844px;background:#f7f7f7;color:#191919;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;font-size:17px;line-height:1.5;}
.rv-phone button {font:inherit;border:0;cursor:pointer;}
.rv-status {height:48px;padding:13px 26px 0;display:flex;justify-content:space-between;align-items:flex-start;flex:none;}
.rv-status b {font-size:17px;}
.rv-status img {width:76px;height:16px;object-fit:contain;margin-top:3px;}
.rv-appbar {height:48px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;text-align:center;flex:none;border-bottom:1px solid #eee;}
.rv-appbar>strong {font-size:17px;font-weight:600;}
.rv-appbar .rv-app-back {width:48px;height:48px;background:none;font-size:34px;font-weight:300;line-height:1;}
.rv-appbar>span {font-size:24px;font-weight:600;}
.rv-phone-content {flex:1;min-height:0;}
.rv-invite-card {display:flex;gap:13px;align-items:center;padding:24px;background:#fff;}
.rv-event-icon {width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#07a956;background:#ddf5e7;border-radius:8px;font-size:36px;}
.rv-invite-card>div {display:flex;flex-direction:column;gap:4px;}
.rv-invite-card strong {font-size:18px;font-weight:500;}
.rv-invite-card div>span {font-size:14px;color:#888;}
.rv-contact-heading {padding:22px 22px 10px;font-size:14px;color:#888;}
.rv-contact-list {background:#fff;padding-left:22px;}
.rv-contact-list .rv-contact {display:flex;align-items:center;gap:13px;width:100%;height:85px;text-align:left;background:#fff;border-bottom:1px solid #eee;padding:12px 22px 12px 0;}
.rv-contact>img {width:50px;height:50px;border-radius:5px;object-fit:cover;}
.rv-contact>span {flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.rv-contact strong {font-size:17px;font-weight:400;}
.rv-contact small {font-size:13px;color:#888;}
.rv-contact i {color:#c6c6c6;font-size:25px;font-style:normal;}
.rv-phone-note {padding:16px 24px;margin:0;font-size:14px;color:#888;line-height:1.7;}
.rv-confirm {padding:46px 24px 24px;text-align:center;}
.rv-confirm h2 {font-size:21px;font-weight:600;line-height:1.5;margin:0 0 24px;}
.rv-confirm-avatar {width:92px;height:92px;object-fit:cover;border-radius:10px;display:block;margin:0 auto 14px;}
.rv-confirm>strong {font-size:23px;font-weight:500;}
.rv-confirm>p {font-size:15px;color:#777;margin:5px 0 0;}
.rv-confirm-event {margin:32px 0;display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;padding:18px;border-radius:8px;}
.rv-confirm-event strong {font-weight:500;font-size:17px;}
.rv-confirm-event span {font-size:14px;color:#888;}
.rv-phone-actions {display:flex;flex-direction:column;align-items:center;gap:14px;}
.rv-phone .rv-app-primary,.rv-phone .rv-app-secondary {border-radius:7px;min-height:48px;min-width:190px;padding:10px 20px;font-size:17px;font-weight:500;text-align:center;}
.rv-phone .rv-app-primary {background:#07c160;color:#fff;}
.rv-phone .rv-app-secondary {background:#ededed;color:#576b95;}
.rv-sent {padding:65px 28px 20px;text-align:center;}
.rv-success-mark {width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#07c160;color:#fff;font-size:38px;margin:auto;}
.rv-sent h2 {font-size:23px;margin:24px 0;}
.rv-sent-person {display:flex;align-items:center;gap:14px;background:white;padding:16px;border-radius:9px;text-align:left;}
.rv-sent-person>img {width:56px;height:56px;border-radius:6px;object-fit:cover;}
.rv-sent-person>div {display:flex;flex-direction:column;gap:4px;}
.rv-sent-person strong {font-size:18px;font-weight:500;}
.rv-sent-person span {font-size:14px;color:#888;}
.rv-sent>p {font-size:15px;color:#777;margin:20px 0 40px;}
.rv-phone-teaching {font-size:12px;color:#999;text-align:center;flex:none;padding:6px;}
.rv-home-indicator {height:26px;display:flex;align-items:center;justify-content:center;flex:none;}
.rv-home-indicator i {display:block;width:135px;height:5px;background:#111;border-radius:3px;}
@media(min-width:961px) and (min-height:620px) {
 .review-workspace {height:calc(100dvh - 64px);padding-top:8px;gap:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:36px 34px minmax(0,1fr);}
 .rv-heading {grid-column:1 / -1;grid-row:1;}
 .rv-decision {grid-column:1;grid-row:2;gap:8px;}
 .rv-decision>span {display:none;}
 .rv-decision p {font-size:13px;}
 .rv-decision>strong {margin-left:0;}
 .rv-progress {grid-column:2;grid-row:2;}
 .rv-progress li {padding:6px 8px 7px;font-size:12px;gap:5px;}
 .rv-layout {grid-column:1 / -1;grid-row:3;padding-bottom:10px;}
}
@media(min-width:961px) and (max-height:760px) {
 .rv-layout {grid-template-columns:minmax(0,1fr) 400px;gap:12px;}
 .rv-stage {padding:10px;}
 .rv-guide {padding:12px;gap:7px;}
 .rv-guide h2 {font-size:18px;}
 .rv-guide>p {font-size:13px;line-height:1.6;}
 .rv-guide .rv-options {gap:6px;}
 .rv-options button {padding:7px 10px;gap:3px;}
 .rv-options span {font-size:13px;line-height:1.5;}
 .rv-paper {padding:12px;}
 .rv-paper h2 {font-size:16px;margin-bottom:9px;}
 .rv-paper>p {line-height:1.7;}
 .rv-paper-note {margin-top:12px;padding-top:10px;}
 .rv-outline {gap:8px;}
 .rv-result-checks {gap:8px;}
 .rv-result-checks>section {padding:8px 10px;}
 .rv-result-checks p {line-height:1.6;}
 .rv-transfer>strong {display:inline;margin-right:5px;}
 .rv-inspect-list {gap:10px;margin:4px 0;}
}
@media(max-width:1140px) and (min-width:961px) {
 .rv-evidence {grid-template-columns:minmax(145px,.72fr) minmax(180px,1fr);gap:10px;}
 .rv-page-tabs button {padding-inline:5px;}
 .rv-material-tabs {gap:4px;}
 .rv-material-tabs button {padding:5px;font-size:11px;}
}
@media(max-width:960px),(max-height:619px) {
 .review-workspace {height:auto;gap:12px;padding-bottom:16px;}
 .rv-layout {grid-template-columns:1fr;gap:14px;}
 .rv-guide {order:-1;padding:16px;}
 .rv-mobile-preview {display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;border:1px solid #c8d7b7;border-radius:7px;background:#f0f5e8;color:#3f6136;padding:9px 12px;margin-bottom:2px;}
 .rv-mobile-preview strong {font-size:14px;font-weight:500;}
 .rv-mobile-preview span {font-size:12px;color:#6c7c61;}
 .rv-evidence {grid-template-columns:1fr;gap:16px;}
 .rv-materials {order:-1;}
 .rv-paper {padding:16px;}
 .rv-heading>div {flex-direction:column;gap:3px;}
 .rv-heading h1 {font-size:21px;}
 .rv-decision>strong {margin-left:0;}
 .rv-decision p {width:100%;font-size:14px;}
 .rv-progress li {padding:8px 9px;font-size:12px;gap:4px;}
 .rv-progress li:first-child {padding-left:0;}
 .rv-material-tabs button {min-height:40px;}
 .rv-page-tabs button {min-height:44px;}
 .rv-guide-bottom {margin-top:10px;}
 .rv-tools>button {min-height:44px;}
 .rv-comparison {grid-template-columns:1fr;}
}
