/* methods/common.css is an unmodified local copy; GIS additions live here. */
.tab-title{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:40px}.crs-diagram{width:100%;height:auto;margin:24px 0}.stage-bottom p{line-height:1.8}.stats.three .stat b{font-size:clamp(.9rem,1.7vw,1.35rem);line-height:1.6}.small-map{height:290px}.wall-switch{font-size:.82em}.tabbar a{min-width:0}.notation th:last-child{width:28%}.equation .katex-display{margin:0}.equation{font-size:.85em}.control-row input{width:90px;padding:.3em}.viewport canvas{touch-action:none;cursor:crosshair}.reading-layout{margin-top:50px}.reading .stage{margin-bottom:28px}.crs-diagram text{font-family:ResearchSans,sans-serif}.large .crs-diagram text{font-size:20px}.large .stats.three .stat b{font-size:1em}.large .viewport{height:490px}.large .small-map{height:330px}.source{overflow-wrap:anywhere}.source a{word-break:break-word}.map-status{padding:15px}.katex{font-size:1.07em}.build-content h1{overflow-wrap:anywhere}
@media(max-width:540px){.stats.three{grid-template-columns:1fr}.stats.three .stat{border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}.stats.three .stat b{font-size:1em}.stats.three .stat span{font-size:.72em}.viewport{height:330px}.small-map{height:260px}.tabbar a{font-size:.72em}.toolbar .tools{max-width:180px}.notation{font-size:.72em}.notation th,.notation td{padding:10px 4px}.reading h2{font-size:2rem}.equation{font-size:.7em;padding:12px}.crs-diagram{min-height:180px}.crs-diagram text{font-size:20px}.large .crs-diagram text{font-size:22px}.large .viewport{height:420px}.large .small-map{height:300px}}
@media print{.viewport{height:340px}.small-map{height:260px}.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-bottom{padding:12px}.reading .stage{break-inside:auto}.reading section{break-inside:auto}.crs-diagram{max-height:180px}}
/* The centred reading column must still shrink to the mobile grid track. */
.reading{width:100%;min-width:0}.reading h2,.reading h3{overflow-wrap:anywhere}
@media(max-width:540px){.scene-controls{top:40px}.stats.three .stat span{font-size:.75em}}
.crs-mobile{display:none}
@media(max-width:540px){.crs-diagram{display:none}.crs-mobile{display:block;width:100%;height:auto;margin:24px 0}.large .crs-mobile text{font-size:21px}}
