*{box-sizing:border-box}body{margin:0;background:#0c1829;color:#f6f1e5;font-family:Arial,sans-serif}main{max-width:760px;margin:auto;padding:22px 18px 65px}header{display:flex;justify-content:space-between;font:700 11px Arial;letter-spacing:.2em;border-bottom:1px solid #6980a0;padding-bottom:15px}.mast{padding:37px 0 28px}.mast>p:first-child{font-size:11px;letter-spacing:.23em;color:#ff8a50}.mast h1{font:400 clamp(68px,17vw,124px)/.79 Georgia,serif;letter-spacing:-.1em;margin:16px 0 30px}.mast h1 i{color:#ff8a50}.mast>p:last-child{max-width:480px;color:#b8c6d8;line-height:1.5}.board{background:#152b45;border:1px solid #32506b;border-radius:3px;padding:19px 20px 15px;box-shadow:0 18px 0 #ff713c}.board-top,.source{display:flex;justify-content:space-between;color:#a6bdd3;font:700 10px Arial;letter-spacing:.16em}.plot{min-height:225px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:27px 4px 0;border-bottom:2px solid #7591a8;position:relative}.plot .bar{flex:1;max-width:100px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;height:200px;color:white;font:700 12px Arial}.bar .stem{display:block;width:100%;background:#ff8447;min-height:8px;border-radius:2px 2px 0 0}.bar:nth-child(2) .stem{background:#a7dcdf}.bar:nth-child(3) .stem{background:#f5d17c}.bar label{position:absolute;bottom:-27px;transform:translateX(-1px);font-size:10px;letter-spacing:.1em}.source{margin-top:41px;text-transform:uppercase}.read{padding:29px 0}.read h2{font:400 clamp(23px,5vw,34px)/1.12 Georgia,serif;margin:0 0 20px}#choices{display:grid;gap:9px}#choices button{background:#193450;color:#f6f1e5;border:1px solid #54708a;text-align:left;padding:14px 16px;font:15px Arial;cursor:pointer}#choices button:hover{border-color:#ff8a50}#choices button.correct{background:#265e5c;border-color:#8dd6a8}#choices button.wrong{background:#6c3443;border-color:#fa9a86}#note{min-height:27px;color:#ffbc8d;line-height:1.4}#advance{background:#ff8447;border:0;padding:14px 19px;font-weight:700;letter-spacing:.08em;cursor:pointer}footer{border-top:1px solid #6980a0;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}footer button{background:none;border:0;color:#ff9c66;padding:16px 0;font-weight:700;cursor:pointer}@media(max-width:520px){.board{padding:14px}.plot{min-height:190px}.plot .bar{height:165px}footer{align-items:flex-start;flex-direction:column}}