#problem{font-size:19px;line-height:1.5;margin:10px 0}
#illustration{margin:14px auto;max-width:600px}
#illustration img{display:block;width:100%;height:auto;border-radius:20px}
#illustration svg{display:block;width:100%;height:auto;font-family:Trebuchet MS,sans-serif;color:#244d68}
#illustration svg text:not([fill]){fill:currentColor}
.ap-answer{display:flex;align-items:center;gap:10px}
.question:has(input.correct) .result{color:#187858}
body[data-topic="station"] .answers .field-help{position:relative;top:10px}
.time-answer-row{display:flex;gap:22px;align-items:flex-start}
.answers .time-answer-part{display:grid;grid-template-columns:auto auto;gap:8px;align-items:center;border:0;padding:0}
.time-answer-part input{width:75px;max-width:100%}
.answers .time-answer-part label{margin:0;font-weight:normal}
.time-answer-part .result{grid-column:1/-1}
@media(max-width:420px){.time-answer-row{gap:12px}.time-answer-part input{width:58px}.answers .time-answer-part{gap:6px}}
.ap-answer input{width:150px;max-width:65%}
.ap-answer span{font-size:15px;font-weight:bold;color:#41627c}
#variant{font:inherit;background:white;border:1px solid #b5cddd;border-radius:10px;padding:8px;color:#214b72;max-width:100%}
.variant-picker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}
.train-scene{font-size:70px;text-align:center;line-height:1.2}
.number-table{width:100%;border-collapse:collapse;font-size:16px}
.number-table th,.number-table td{padding:9px 12px;text-align:left;border-bottom:1px solid #d8e6ee}
.number-table caption{font-size:18px;font-weight:bold;padding:10px}
.selected-stop{background:#fff0c5;font-weight:bold}
.drawing-note{font-size:12px;color:#5e778c;text-align:center;margin:5px 0}
@media(max-width:600px){#problem{font-size:17px}.number-table{font-size:14px}}