.mark-diagrams,.mark-sim-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2vw,1.5rem)}
.mark-diagrams figure,.mark-sim{box-sizing:border-box;min-width:0;margin:0;padding:clamp(.9rem,2vw,1.55rem);border:1px solid #bed3df;border-radius:12px;background:#fff;color:#102e45}
.mark-diagrams figcaption,.mark-station .mark-note{color:#36566c;line-height:1.52}
.mark-diagrams figcaption strong{display:block;color:#153b52;font:700 1.04rem/1.45 Arial,sans-serif;margin:.6rem 0 .25rem}
.mark-diagrams svg,.mark-sim svg{width:100%;height:auto;display:block;background:#eff7fa;border-radius:.5rem}
.mark-station h3,.mark-station h4{color:#112f46}
.mark-station label{display:block;color:#25495f;font-weight:650}
.mark-sim{margin-top:1.1rem;background:#f8fcfd}
.mark-sliders{min-width:0}.mark-sliders label{margin:.35rem 0 .15rem}.mark-sliders label span{float:right;font-variant-numeric:tabular-nums}
.mark-sliders input{display:block;width:100%;min-height:30px;accent-color:#0078a8}
.mark-sim figcaption{color:#304e62;font-size:.94rem;margin:.48rem 0 .25rem}
.mark-sim figure{min-width:0;margin:0}.mark-station{scroll-margin-top:90px}
@media(max-width:680px){.mark-diagrams,.mark-sim-layout{grid-template-columns:minmax(0,1fr)}}
@media print{.mark-diagrams figure,.mark-sim{break-inside:avoid}}
.mark-station .mark-basic,.mark-station .mark-extra{color:#102e45;background:#fff;border:1px solid #c1d4de;border-radius:12px}
.mark-station .mark-basic{margin:0 0 1rem;padding:clamp(1rem,3vw,2rem)}
.mark-steps,.mark-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,4vw,3rem)}
.mark-steps fieldset{min-width:0;margin:0;border:0;padding:0}
.mark-steps legend{float:none;width:100%;padding:0;color:#14364b;font:700 clamp(1.15rem,2vw,1.4rem)/1.25 Arial,sans-serif}
.mark-steps fieldset p{margin:.55rem 0 .8rem;color:#395569;line-height:1.47}
.mark-station .mark-field{max-width:22rem;font:650 1rem/1.4 Arial,sans-serif;color:#25495f}
.mark-field input{display:block;width:100%;min-height:44px;box-sizing:border-box;margin-top:.3rem;padding:.55rem .7rem;border:1px solid #708a99;border-radius:6px;background:white;color:#15394f;font:400 1.05rem/1.4 Arial,sans-serif}
.mark-field input[aria-invalid=true]{border:2px solid #a12c36}
.mark-station summary{cursor:pointer;line-height:1.45}
.mark-station :is(input,summary):focus-visible{outline:3px solid #977128;outline-offset:2px}
.mark-duration{margin:.4rem 0 0}
.mark-duration summary{padding:.65rem 0;color:#214e68;font-size:.95rem}
.mark-duration .mark-field{max-width:13rem}
.mark-readout:not(:empty){display:block;margin-top:.45rem;color:#135674;font-weight:650}
.mark-answer{margin-top:1.2rem;padding:.85rem 1rem;border-left:4px solid #2580a4;border-radius:0 7px 7px 0;background:#e6f2f7}
.mark-answer output,.mark-extra form output{display:block;color:#123e57;font-weight:700;line-height:1.4}
.mark-answer small,.mark-extra form small{display:block;margin-top:.24rem;color:#3a586b;font-size:.92rem}
.mark-station .mark-extra{margin:.55rem 0;overflow-wrap:anywhere}
.mark-extra>summary{padding:.8rem 1rem;color:#143d56;font-weight:650}
.mark-extra form,.mark-extra .mark-sim{margin:0;padding:0 1rem 1rem}
.mark-extra form output{margin-top:1rem}
.mark-extra .mark-sim{border:0;background:transparent}
.mark-extra .mark-sim>p:first-child{margin:.3rem 0 1rem}
@media(max-width:680px){.mark-steps,.mark-pair{grid-template-columns:minmax(0,1fr);gap:1rem}.mark-steps fieldset+fieldset{border-top:1px solid #d8e5eb;padding-top:.5rem}.mark-steps fieldset+fieldset legend{padding-top:.6rem}.mark-station .mark-field{max-width:none}}