.alignment-demo{width:min(720px,48vw);margin-top:22px;padding:14px;border:1px solid #d8e1f0;border-radius:18px;background:#f7f9fd;box-shadow:0 14px 36px rgba(27,45,88,.09)}.alignment-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.alignment-head b{display:block;font-size:15px}.alignment-head span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.alignment-badge{padding:6px 9px;border-radius:99px;background:#eaf9f4;color:#147b5d!important;font-weight:900;white-space:nowrap}.alignment-frame{position:relative;overflow:hidden;border:1px solid #dce4f0;border-radius:12px;background:#fff;min-height:385px}.alignment-frame iframe{display:block;width:100%;height:385px;border:0;background:#fff}.alignment-summary{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:rgba(23,36,58,.94);color:#fff;box-shadow:0 8px 22px rgba(5,10,20,.25)}.alignment-summary b{color:#ffd0ae;font-size:11px;white-space:nowrap}.alignment-summary span{font-size:11px;color:#dce4ef}.alignment-demo .deep-link{margin-top:12px}@media(max-width:900px){.alignment-demo{width:100%}}@media(max-width:720px){.alignment-frame,.alignment-frame iframe{height:330px}.alignment-summary{display:block}.alignment-summary span{display:block;margin-top:3px}}
.alignment-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.3}.alignment-legend span{display:inline-flex;align-items:center;gap:4px}.alignment-legend em{font-style:normal;margin-left:auto;color:#6d7890}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-dot.listening{background:#5576a8}.legend-dot.written{background:#147b5d}
.exam-copy{max-width:620px}.exam-lead{margin-top:22px}.exam-lead strong{display:block;color:var(--ink);font-size:23px;line-height:1.35;font-weight:950}.exam-lead span{display:block;margin-top:7px;color:#64718a;font-size:17px;line-height:1.65}.exam-callout{margin-top:22px;padding:19px 20px 18px;border:1px solid #dbe4f3;border-radius:18px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 12px 30px rgba(31,54,100,.08)}.callout-title{font-size:15px;font-weight:950;color:var(--ink)}.exam-chips{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 12px}.exam-chips span{padding:6px 10px;border-radius:8px;background:#eaf1ff;color:#315ee8;font-size:12px;font-weight:900}.exam-chips span:nth-child(2){background:#f0edff;color:#7259d0}.exam-chips span:nth-child(3){background:#fff1e8;color:#d66a25}.exam-chips span:nth-child(4){background:#e8fbf5;color:#168068}.exam-callout p{margin:0;color:#5f6b82;font-size:13px;line-height:1.65}.callout-bottom{display:flex;align-items:baseline;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed #d8e0ee}.callout-bottom b{color:#315ee8;font-size:13px;white-space:nowrap}.callout-bottom span{color:#6b7790;font-size:12px;line-height:1.5}@media(max-width:720px){.exam-lead strong{font-size:21px}.exam-lead span{font-size:16px}.exam-callout{padding:16px}.callout-bottom{display:block}.callout-bottom span{display:block;margin-top:4px}}
#book-vs-test{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(500px,1.18fr);gap:24px 5vw;align-items:start}#book-vs-test>.scene-copy{grid-column:1;grid-row:1 / span 3;align-self:center}#book-vs-test>.compare-board{grid-column:2;grid-row:1;width:100%;max-width:720px}#book-vs-test>.alignment-demo{grid-column:2;grid-row:2}#book-vs-test>.evidence-strip{grid-column:2;grid-row:3;display:none}@media(max-width:900px){#book-vs-test{display:block}#book-vs-test>.compare-board,#book-vs-test>.alignment-demo{width:100%;max-width:none;margin-top:28px}}
.source-title{display:block;font-size:19px;line-height:1.25;margin:14px 0 8px;color:var(--ink)}
#book-vs-test>.compare-board{display:none!important}#book-vs-test>.scene-copy{grid-row:1;align-self:center}#book-vs-test>.alignment-demo{grid-row:1;align-self:center;margin-top:0}
@media(max-width:900px){#book-vs-test>.scene-copy{grid-row:auto}#book-vs-test>.alignment-demo{align-self:auto;margin-top:28px}}
.alignment-frame{overflow:visible;min-height:0;padding:10px;background:#fff}.alignment-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alignment-panels figure{margin:0;min-width:0}.alignment-shot{display:block;width:100%;padding:7px}.alignment-shot img{height:205px;object-fit:cover;object-position:center}.alignment-shot span{font-size:11px;line-height:1.45}.alignment-panels figcaption{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}.alignment-frame .alignment-summary{position:static;margin-top:12px}.alignment-frame .alignment-summary span{line-height:1.45}@media(max-width:720px){.alignment-panels{grid-template-columns:1fr}.alignment-shot img{height:230px}}
.mark-strip{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 2px;text-align:left}.mark-strip i{font-style:normal;padding:3px 5px;border-radius:5px;font-size:9px;line-height:1;font-weight:900}.mark-strip .listening{background:#edf3ff;color:#476999;border:1px solid #cbd9ef}.mark-strip .written{background:#eaf9f4;color:#147b5d;border:1px solid #bfe8d9}
.annotated-sheet{position:relative;overflow:hidden;border-radius:10px;background:#f5f1ea}.annotated-sheet img{display:block;width:100%;height:205px;object-fit:cover;object-position:center}.exam-mark{position:absolute;z-index:2;transform:translate(-50%,-50%);font-style:normal;white-space:nowrap;padding:4px 6px;border-radius:6px;color:#fff;font-size:9px;line-height:1;font-weight:900;box-shadow:0 2px 7px rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.85)}.exam-mark.listening{background:#5576a8}.exam-mark.written{background:#147b5d}.alignment-shot>.annotated-sheet+.alignment-shot span,.alignment-shot>span{font-size:11px;line-height:1.45}.alignment-shot{overflow:visible}@media(max-width:720px){.alignment-legend em{margin-left:0}.annotated-sheet img{height:230px}.exam-mark{font-size:10px;padding:5px 7px}}
.annotated-sheet{aspect-ratio:4/3}.annotated-sheet img{height:auto!important;aspect-ratio:4/3;object-fit:contain!important}.redaction-mask{position:absolute;z-index:3;left:29%;top:20%;width:15%;height:8%;display:block;pointer-events:none;background:rgba(250,249,245,.98);border:1px solid rgba(170,170,160,.45);border-radius:3px;box-shadow:0 1px 3px rgba(20,20,20,.12)}