body{background:#f3f6fa}.site-header{background:white;max-width:none}.site-header nav{flex-wrap:wrap}.language-switch button{background:white;border:1px solid #bac5d4;padding:7px 12px;border-radius:6px;cursor:pointer;color:#112346;font-size:14px}.language-switch button[aria-pressed=true]{background:#112346;color:white}.quiz-main{max-width:1100px;padding:30px 24px}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.quiz-top p{margin:0}.quiz-kicker{font-size:14px;letter-spacing:.12em;color:#a1470b;font-weight:750}.quiz-main h1{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.3;margin:12px 0 20px}.quiz-main h2{font-size:1.35rem;line-height:1.45}.quiz-layout{display:grid;grid-template-columns:1.2fr 1fr;background:white;border:1px solid #dce2eb;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #1123460a}.quiz-image{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.quiz-visual{position:relative;background:#dce2eb;min-width:0}.quiz-visual figure{margin:0;height:100%}.photo-note{position:absolute;bottom:0;left:0;right:0;background:#112346e8;color:white;padding:10px 16px;font-size:12px;line-height:1.5}.photo-note a{text-decoration:underline}.quiz-panel{padding:30px;min-width:0}.quiz-panel p{color:#536075}.quiz-pill{display:inline-block;background:#edf2f9;color:#334a6c;padding:5px 12px;border-radius:30px;font-size:14px}.quiz-btn{display:block;width:100%;padding:13px 18px;border-radius:10px;border:1px solid #b7c3d4;background:white;color:#112346;text-align:left;margin:12px 0;font-size:16px;cursor:pointer;line-height:1.6}.quiz-btn:hover:not(:disabled){background:#edf2f9;border-color:#112346}.quiz-btn:disabled{cursor:default;opacity:1}.quiz-btn.correct{background:#e6f4eb;border:2px solid #287544;color:#185332}.quiz-btn.wrong{background:#fff0eb;border:2px solid #ac3b1c;color:#8c321c}.quiz-btn.primary{background:#112346;color:white;text-align:center;font-weight:700}.quiz-btn.primary:hover{background:#263f65}.quiz-feedback{padding:16px;background:#f1f5fb;border-radius:10px;margin-top:16px}.quiz-feedback p{margin:8px 0}.quiz-feedback a,.quiz-link{text-decoration:underline;text-underline-offset:4px}.quiz-feedback strong{display:block}.quiz-progress{display:flex;gap:8px;margin:18px 0}.quiz-progress span{height:6px;flex:1;background:#d6dfea;border-radius:4px}.quiz-progress span.done{background:#d46017}.quiz-progress span.current{background:#112346}.quiz-passport{margin:24px 0;border:1px dashed #b6c3d6;border-radius:16px;padding:20px;background:white}.quiz-passport h2{margin:0 0 15px}.stamps{display:flex;gap:12px;flex-wrap:wrap}.stamp{border:2px solid #677c9a;color:#536985;border-radius:50%;width:104px;min-height:104px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:9px;font-size:14px;line-height:1.4;transform:rotate(-5deg)}.stamp.earned{border-color:#ad4d0a;color:#ad4d0a;background:#fff6e9}.stamp b{font-size:21px}.quiz-muted{font-size:14px;color:#536075}.quiz-footer{text-align:center;padding:20px 24px;font-size:14px;color:#536075}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-card{background:white;border:1px solid #dce2eb;border-radius:14px;overflow:hidden}.result-card img{width:100%;height:180px;object-fit:cover}.result-copy{padding:18px}.result-copy h2{margin:0 0 8px}.result-copy p{margin:8px 0}.result-copy a{font-size:14px;text-decoration:underline}.result-actions{max-width:400px}.quiz-score{font-size:3rem;font-weight:800;margin:8px 0;color:#112346}.quiz-image-error{padding:20px;background:#fff2e4;color:#854519}.quiz-small-button{border:0;background:transparent;color:#536075;text-decoration:underline;cursor:pointer;font-size:14px;padding:8px}.quiz-top:focus{outline:none}@media(max-width:720px){.quiz-main{padding:22px 16px}.quiz-layout{grid-template-columns:1fr}.quiz-image{min-height:0;height:240px}.quiz-panel{padding:22px}.results-grid{grid-template-columns:1fr}.quiz-top{align-items:start}.site-header nav{gap:12px}.stamp{width:88px;min-height:88px;font-size:12px}.quiz-passport{padding:16px}.quiz-main h1{margin-top:10px}.quiz-visual{min-height:240px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
img[src$="cn-tower.webp"]{object-position:center 20%}
