/* Unit 04: paper-first route and graph workbench. */
.mg-route{background:#eee7d7}.mg-route h2,.mg-studio h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;margin:12px 0 24px}.mg-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}.mg-route-grid>a{display:block;padding:24px 20px;border-top:4px solid #5b54d6;background:#fffdf6;color:#211d19;text-decoration:none;border-radius:4px 4px 14px 14px}.mg-route-grid span{font:600 .875rem/1.5 monospace;color:#5143a2}.mg-route-grid h3{font-size:1.35rem;line-height:1.2;margin:14px 0}.mg-route-grid p{font-size:1rem;line-height:1.55}.mg-route-grid>a:hover{box-shadow:0 4px 0 #5b54d6}.mg-route-note{max-width:80ch}.mg-route a:not(.btn),.mg-studio a:not(.btn){text-decoration:underline;text-underline-offset:3px}.mg-route-grid>a{ text-decoration:none!important}.mg-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.mg-studio{background:#faf6eb;color:#211d19;border-top:1px solid #d3cbbd}.mg-studio p,.mg-studio li,.mg-reading p{font-size:1rem;line-height:1.7}.mg-studio li{margin-bottom:10px}.mg-studio ol{padding-left:24px}.mg-callout{padding:24px;background:#eee9dc;border-left:4px solid #5b54d6;align-self:start}.mg-callout h3{margin-top:0}.mg-compass-static,.mg-reading{border:1px solid #b8af9f;background:#fffdf7;border-radius:10px;margin:20px 0;color:#211d19}.mg-compass-static{padding:18px}.mg-reading summary{padding:20px;cursor:pointer;font-weight:700;font-size:1.15rem}.mg-reading summary span{font-size:.875rem;font-weight:400}.mg-reading>div{padding:0 24px 24px;max-width:85ch}.mg-reading h3{font-size:1.3rem;margin:26px 0 10px}.mg-readings{max-width:900px}.mg-data{width:100%;border-collapse:collapse;background:#fffdf7;margin:16px 0}.mg-data caption{text-align:left;font-weight:700;margin-bottom:12px}.mg-data th,.mg-data td{text-align:left;padding:10px 16px;border:1px solid #b8af9f}.mg-data th{background:#eee9dc}.mg-studio fieldset{border:1px solid #b8af9f;border-radius:12px;padding:22px;min-width:0;background:#fffdf7}.mg-studio legend{font-size:1.25rem;font-weight:700;padding:0 8px}.mg-studio label{display:block;font-weight:600;font-size:1rem;margin:12px 0 6px}.mg-studio input,.mg-studio select{display:block;width:100%;min-width:0;font:inherit;padding:10px 8px;border:1px solid #817668;border-radius:5px;background:white;color:#211d19;margin-top:6px}.mg-point-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.mg-actions .btn{font-size:.95rem;padding:12px 18px}.mg-plot{margin:24px 0;background:white;padding:18px;border:1px solid #b8af9f;border-radius:12px}.mg-plot svg{width:100%;height:auto;display:block;max-height:500px}.mg-plot figcaption{margin:12px 0;font-size:1rem}.mg-studio :focus-visible,.mg-route :focus-visible,.mg-reading :focus-visible{outline:3px solid #5b54d6;outline-offset:4px}.mg-studio [hidden]{display:none!important}#mg-graph-status{min-height:3em}#mg-graph-status[data-correct=true]{border-left:4px solid #367341;padding-left:12px}.mg-start{margin:22px 0}.mg-compass-static summary{cursor:pointer;font-weight:700}
@media(max-width:850px){.mg-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-two{grid-template-columns:1fr}.mg-studio fieldset .mg-two{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:440px){.mg-route-grid{grid-template-columns:1fr}.mg-studio fieldset .mg-two{grid-template-columns:1fr}.mg-studio fieldset{padding:15px}.mg-plot{padding:4px}.mg-route-grid>a{padding:20px}}
@media(prefers-reduced-motion:reduce){.mg-route-grid>a{transition:none}}
@media print{.mg-route-grid{grid-template-columns:1fr 1fr}.mg-route,.mg-studio{background:white;padding:20px 0;color:black}.mg-studio form,.mg-start,.mg-plot[hidden]{display:none!important}.mg-two{display:block}.mg-studio h2,.mg-route h2{font-size:22pt}.mg-reading{break-inside:avoid}.mg-reading>div{display:block}.mg-callout{background:white}.mg-route-grid>a{border:1px solid black}.mg-studio p,.mg-studio li{font-size:11pt}.mg-plot{break-inside:avoid}}