.detail-panel{flex:0 0 auto;border-top:1px solid var(--edge);padding:7px 25px;background:var(--paper)}
.detail-group-buttons{display:flex;gap:6px;flex-wrap:wrap}.detail-group-button{border:1px solid #bbc4b2;border-radius:5px;background:#fff6;padding:8px 12px;min-height:44px;font-size:11px;color:var(--green)}
.detail-group-button[aria-pressed=true]{background:#dce6d5;border-color:#718566}.detail-hint{font-size:10px;color:#677164;margin:5px 0 0;line-height:1.5}
@media(max-height:600px) and (orientation:landscape){.detail-hint{display:none}.detail-group-button{min-height:36px;padding:6px 10px}.detail-panel{padding-block:4px}.has-details .viewer-footer{display:none}}
/* Coloured wall charts: leave original paper texture undisturbed. */
.has-details .map-grain{display:none}
.graphic-map .atlas-title{font-family:Georgia,'Times New Roman',serif!important;font-weight:400;letter-spacing:12px}
.graphic-map .atlas-subtitle,.graphic-map .atlas-ocean{font-family:Georgia,'Times New Roman',serif!important;font-style:italic}
.graphic-map .atlas-country,.graphic-map .atlas-city,.graphic-map .atlas-river,.graphic-map .atlas-mountain{font-family:Georgia,'Times New Roman',serif!important;paint-order:stroke;stroke:#faf5e7;stroke-width:2.4px;stroke-linejoin:round}
.graphic-map .atlas-river,.graphic-map .atlas-mountain{font-style:italic}
.graphic-map .atlas-country{font-weight:600}
.has-details .map-note{display:none}

.detail-panel{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.detail-mode-buttons{display:flex;gap:0;border:1px solid #b9c4b1;border-radius:7px;overflow:hidden}.detail-mode-button{padding:9px 15px;border:0;background:#f4efdf;color:#4a604e;min-height:42px;font-size:12px}.detail-mode-button[aria-pressed=true]{background:#405d48;color:#fff9ea}.detail-hint{margin-left:auto;font-size:10px}
.has-details #fontSize{display:none}
@media(max-width:760px){.detail-panel{gap:8px}.detail-mode-buttons{flex:0 0 auto}.detail-group-buttons{flex:1 1 100%}.detail-group-button{min-height:42px;flex:1}.detail-hint{display:none}}

/* The entire paper surface remains available for mouse and touch panning. */
.has-details .detail-label-group,.has-details .physical-point{pointer-events:none}
.has-details .map-viewport{min-height:140px;background:#f5efdd}
.detail-group-button{font-size:12px}
@media(max-width:760px){.detail-panel{padding:6px 12px;gap:6px}.detail-group-buttons{flex:1 1 100%;gap:5px}.detail-group-button{padding:7px 8px;min-height:44px;flex:1 1 auto}.detail-hint{display:none}}
@media(max-height:600px) and (orientation:landscape){.detail-hint,.has-details .viewer-footer{display:none}.detail-group-button{padding:6px 10px;min-height:36px}.detail-panel{padding-block:4px}}
@media print{.detail-panel{display:none!important}}

/* Region outlines are an optional part of a map package, never an information box. */
.graphic-map .detail-region-target{pointer-events:all;outline:none;fill-opacity:0;stroke-opacity:0}
.graphic-map .detail-region-target.is-region-hover,.graphic-map .detail-region-target.is-region-active{stroke:#725535;stroke-opacity:1;stroke-width:2.5px;fill:#e8bd70;fill-opacity:.09}
.graphic-map .detail-region-target:focus-visible{stroke:#725535;stroke-opacity:1;stroke-width:2.5px;fill:#e8bd70;fill-opacity:.09}
@media print{.graphic-map .detail-region-target{display:none!important}}

/* Optional data-package feature: one quiet, reversible teaching sequence. */
.teaching-step-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:1 1 100%}
.teaching-step-controls button{min-height:44px;font-size:12px;padding:8px 12px}
.teaching-step-controls button:disabled{opacity:.45;cursor:default}
.teaching-step-status{font-size:11px;color:#65725f;margin-left:auto;font-variant-numeric:tabular-nums}
.has-teaching-steps .detail-group-buttons{flex:1 1 100%}
.has-teaching-steps .detail-hint{margin:0}
@media(max-width:760px){.teaching-step-controls{gap:5px}.teaching-step-controls button{flex:1 1 auto;padding:7px 9px}.teaching-step-status{font-size:10px}.has-teaching-steps .detail-group-button{font-size:11px}}
@media(max-height:600px) and (orientation:landscape){.teaching-step-controls button{min-height:36px;padding:5px 9px}.teaching-step-status{font-size:10px}.has-teaching-steps .detail-group-buttons{gap:4px}}