/* Reading scale: room for records, with complete details in a normal-size dialog. */
#drs .drs-map-panel{width:820px;--py:-65px;padding:22px}
#drs .drs-layers{width:300px;--px:-625px;--py:-50px;max-height:600px;padding:24px}
#drs .drs-brief{width:340px;--px:650px;--py:-50px;max-height:600px;padding:24px}
#drs .drs-layers h3{font-size:25px}
#drs .drs-kicker{font-size:12px;letter-spacing:.1em}
#drs .monitor-tabs button{font-size:17px;padding:10px 12px;min-height:42px}
#drs .monitor-tabs button:last-child{font-size:15px;padding:10px 12px}
#drs .monitor-section-label{font-size:12px}
#drs .monitor-list{max-height:180px}
#drs .monitor-list strong{font-size:17px;line-height:1.5}
#drs .monitor-list small,#drs .monitor-list span{font-size:13px}
#drs .drs-small{font-size:13px}
#drs .monitor-more{font-size:15px;min-height:42px}
#drs.monitor-active .drs-brief h3{font-size:29px;line-height:1.22;margin:14px 0 20px}
#drs.monitor-active .drs-brief p{font-size:18px;line-height:1.6}
#drs.monitor-active .drs-brief .drs-small{font-size:14px}
#drs .monitor-summary{-webkit-line-clamp:4}
#drs .monitor-expand{font-size:15px;min-height:36px}
#drs.monitor-active .drs-brief a{font-size:16px;padding:12px}
#drs .monitor-detail{font:inherit;font-size:17px;border:0;border-radius:24px;background:#edf2ef;color:#152a39;padding:13px 18px;width:100%;margin-top:12px;cursor:pointer}
#drs .drs-overview span{font-size:16px}#drs .drs-overview strong{font-size:34px}
#drs .drs-map-label{font-size:18px}#drs .drs-demo{font-size:12px}#drs .monitor-toggle{font-size:13px}
#drs .drs-map-viewport{aspect-ratio:2;background:radial-gradient(ellipse at 40% 30%,#25495d,#0b202e);box-shadow:inset 0 0 70px #04131b66}
#drs .drs-map-plane>img{opacity:1;filter:none}
#drs .drs-map-caption{top:auto;bottom:14px;max-width:70%;background:#0c2030ed;border-color:#96b9c538;padding:12px 16px}
#drs .drs-map-caption strong{font-size:16px;line-height:1.4}
#drs .drs-map-caption small{font-size:11px}
#drs .drs-map-footer{font-size:12px;line-height:1.4}
#drs .monitor-point{width:11px;height:11px;box-shadow:0 0 0 3px #101e2880}
#drs .monitor-point[data-kind=waterways]{width:12px;height:12px;border-radius:50%;border:2px solid #e5e9dc;background:#d2b477!important}
#drs .monitor-point[aria-pressed=true]{box-shadow:0 0 0 5px #f3d58a44,0 0 18px #f3d58a77;z-index:5}
#drs .drs-chart{--py:345px;width:390px}#drs .drs-evidence-card{--py:345px;width:370px}
#drs .drs-chart h3,#drs .drs-evidence-card h3{font-size:23px}
#drs .monitor-bar{font-size:16px}#drs .drs-chart .drs-small{font-size:12px}
#drs .monitor-legend>div{font-size:14px;padding:5px 0}#drs .monitor-donut span{font-size:12px}
.monitor-record-dialog{width:min(760px,calc(100vw - 32px));max-height:85dvh;padding:36px;border:1px solid #607b8c;border-radius:20px;background:#142a38;color:#edf3f5;overflow:auto;box-shadow:0 30px 100px #0009}
.monitor-record-dialog::backdrop{background:#05111cbb;backdrop-filter:blur(10px)}
.monitor-record-dialog article{padding:24px 0 0}.monitor-record-dialog h2{font-size:36px;line-height:1.15;color:white;margin:12px 0 24px}.monitor-record-dialog p{font-size:18px;line-height:1.8;margin:16px 0}.monitor-record-dialog .record-meta,.monitor-record-dialog .record-label{font-size:14px;color:#b7cbd6}.monitor-record-dialog a{color:#edcf90;font-size:18px}.record-close{display:block;margin-left:auto;padding:10px 16px;border:1px solid #ffffff50;border-radius:24px;background:none;color:white;cursor:pointer;font:inherit}
@media(max-width:800px),(prefers-reduced-motion:reduce){#drs .drs-glass{width:100%;max-height:none}#drs .drs-overview span{font-size:11px}#drs .drs-overview strong{font-size:28px}#drs .drs-map-label{font-size:14px}#drs .drs-map-caption strong{font-size:13px}#drs .drs-map-viewport{aspect-ratio:1.65}#drs .monitor-list{max-height:300px}#drs .monitor-tabs button{font-size:15px}.monitor-record-dialog{padding:22px}.monitor-record-dialog h2{font-size:28px}}

#drs .point-label{display:none;position:absolute;left:18px;top:-8px;padding:5px 9px;border-radius:5px;background:#091d2eef;color:#f4ead3;font-size:15px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0004}#drs .monitor-point[aria-pressed=true] .point-label,#drs .monitor-point:hover .point-label{display:block}#drs .reference-coordinates{font-size:24px;font-variant-numeric:tabular-nums;color:#dec58c;margin:16px 0}

/* H.OS alignment, 2026-09-20: one desktop composition and explicit globe control. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
 #drs .drs-map-panel{width:780px;--px:10px;--py:-46px;--pz:30px;padding:20px}
 #drs .drs-layers{width:214px;--px:-560px;--py:-30px;--pz:-170px;--ry:22deg;padding:18px;max-height:470px}
 #drs .drs-brief{width:280px;--px:590px;--py:-85px;--pz:-170px;--ry:-22deg;padding:18px;max-height:430px;overflow:auto}
 #drs .drs-chart{width:282px;--px:-430px;--py:295px;--pz:150px;--ry:9deg;--rx:-6deg;padding:18px;max-height:180px;overflow:auto}
 #drs .drs-evidence-card{width:330px;--px:410px;--py:295px;--pz:140px;--ry:-8deg;--rx:-5deg;padding:18px;max-height:180px;overflow:auto}
 #drs .drs-map-viewport{aspect-ratio:2.25!important;min-height:0!important;height:auto!important}
 #drs .drs-overview>div{padding:12px;gap:5px;cursor:pointer}
 #drs .drs-overview strong{font-size:28px}#drs .drs-overview span{font-size:14px}
 #drs .drs-overview small{font-size:11px;color:#d4ba84;order:3}
 #drs .drs-panel-top{padding-bottom:14px}#drs .drs-map-footer{padding-top:10px}
 #drs .monitor-tabs button{font-size:15px;min-height:34px;padding:6px 10px}
 #drs .monitor-list{max-height:150px}#drs .monitor-list strong{font-size:15px}
 #drs.monitor-active .drs-brief h3{font-size:24px;margin:12px 0}
 #drs.monitor-active .drs-brief p{font-size:15px;line-height:1.6}
 #drs.monitor-active .drs-brief .drs-small{font-size:12px}
 #drs .monitor-detail{font-size:14px}#drs .drs-layers h3{font-size:22px}
 #drs .drs-glass{background:linear-gradient(135deg,#ffffff16,transparent 65%),rgba(20,34,45,.65);backdrop-filter:blur(22px) saturate(150%)}
 #drs .drs-camera.is-hover:not(.is-focus) .drs-glass:not(:hover){opacity:.6;filter:saturate(.85)}
 #drs:not(.globe-live) .drs-glass:hover{--hz:68px}
 #drs.globe-live .drs-map-panel:hover{--hz:0px}
}
#drs .drs-evidence-card{display:block}
#drs .research-checks{list-style:none;counter-reset:checks;padding:0;margin:12px 0}
#drs .research-checks li{counter-increment:checks;font-size:14px;line-height:1.5;padding:8px 0;border-bottom:1px solid #ffffff18}
#drs .research-checks li:before{content:'0' counter(checks);color:#d4ba84;margin-right:12px;font-size:11px}
#drs .drs-evidence-card>a{font-size:13px;color:#e0c793;text-decoration:none}
#drs .context-copy{font-size:16px;line-height:1.6}
#drs .reference-coordinates{font-size:25px;margin:12px 0}
#drs .drs-globe-veil{background:transparent!important}
#drs .drs-globe-enter{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap}
@media(max-width:800px),(prefers-reduced-motion:reduce){
 #drs .drs-camera .drs-glass{display:block!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;opacity:1!important;pointer-events:auto!important}
 #drs .drs-heading .drs-enter{display:none}
 #drs .drs-rig{display:flex!important;flex-direction:column;gap:16px}
 #drs .drs-camera{position:relative!important}
 #drs .drs-overview{grid-template-columns:1fr}
 #drs .drs-overview>div{padding:12px;cursor:pointer}
 #drs .drs-overview small{order:3;color:#d4ba84}
 #drs .drs-map-viewport{aspect-ratio:1.1!important;min-height:0!important}
 #drs .drs-evidence-card{order:5}
}

#drs .drs-chart .drs-small{line-height:1.45;margin:8px 0}#drs .drs-chart h3,#drs .drs-evidence-card h3{margin-bottom:10px}

#drs .drs-overview small{display:block!important;font-size:12px;order:3;color:#d4ba84}

/* A single rounded glass surface; the room belongs to the stage, not its card bounds. */
#drs .drs-glass{
 border-radius:18px;
 border:1px solid rgba(255,255,255,.16);
 background:linear-gradient(158deg,rgba(255,255,255,.09),rgba(255,255,255,.02) 42%,rgba(255,255,255,.05)),rgba(8,13,26,.65);
 backdrop-filter:blur(22px) saturate(150%);
 -webkit-backdrop-filter:blur(22px) saturate(150%);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 transform-style:preserve-3d;
 background-clip:padding-box;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 40px rgba(255,255,255,.03),0 40px 90px -40px rgba(0,0,0,.9);
}
/* H.OS spatial.css: mouse-positioned highlight, restored after refinement hid it. */
#drs .drs-glass::before{
 display:block;content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:radial-gradient(150% 120% at var(--mx,50%) var(--my,40%),rgba(255,255,255,.11),transparent 55%);
 opacity:.85;
}
@media(max-width:800px),(prefers-reduced-motion:reduce){
 #drs .drs-environment{display:none}
 #drs .drs-sticky{background:linear-gradient(rgba(12,25,37,.36),rgba(12,25,37,.65)),url('assets/drs-room.png') center / cover no-repeat}
 #drs .drs-glass{border-radius:24px;overflow:hidden}
}

/* Editorial content: short overview, readable detail when a panel comes forward. */
#drs .monitor-tabs{display:grid;grid-template-columns:1fr;gap:3px}
#drs .monitor-tabs button{font-size:15px;text-align:left;padding:9px 10px;min-height:36px}
#drs .monitor-list{max-height:112px;overflow:auto}
#drs .monitor-list strong{font-size:15px;line-height:1.4}
#drs .monitor-list span{font-size:11px;line-height:1.45}
#drs .drs-brief .brief-fact,#drs .drs-brief .brief-lens{font-size:16px;line-height:1.55;margin:10px 0 18px}
#drs .drs-brief h3{font-size:23px!important;line-height:1.2!important;margin:10px 0 16px!important}
#drs .drs-brief .drs-small{font-size:12px!important}
#drs .drs-brief .monitor-detail{font-size:15px;padding:11px 16px}
#drs .drs-overview .overview-context{font-size:16px;line-height:1.4}
#drs .context-copy{font-size:16px;line-height:1.6}
#drs .research-checks li{font-size:15px;line-height:1.55;padding:10px 0}
#drs .drs-map-caption{display:none}
#drs .drs-return{position:absolute;top:22px;right:26px;z-index:30;border:1px solid #ffffff50;border-radius:99px;background:#152432dd;color:white;padding:12px 20px;font:inherit;font-size:16px;cursor:pointer;backdrop-filter:blur(16px)}
#drs .drs-return[hidden]{display:none}
/* Linked workspace: related panels remain visible and interactive. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
 #drs .drs-camera.is-focus .drs-glass{
  --pz:0px;--hz:0px;--sz:0px;--sx:0px;--sy:0px;--sry:0deg;--ry:0deg;--rx:0deg;
  opacity:1!important;filter:none!important;pointer-events:auto;overflow:auto;
 }
 #drs .drs-camera.is-focus .drs-layers{--px:-610px;--py:-60px;width:210px;max-height:480px}
 #drs .drs-camera.is-focus .drs-map-panel{--px:-155px;--py:-70px;width:650px;max-height:520px}
 #drs .drs-camera.is-focus .drs-brief{--px:450px;--py:-70px;width:440px;max-height:480px}
 #drs .drs-camera.is-focus .drs-chart{--px:-260px;--py:300px;width:510px;max-height:235px}
 #drs .drs-camera.is-focus .drs-evidence-card{--px:350px;--py:300px;width:460px;max-height:235px}
 #drs .drs-camera.is-focus .drs-glass.is-focus{box-shadow:inset 0 1px #ffffff44,0 0 0 1px #d4ba8466,0 24px 60px -30px #0008}
 #drs .drs-camera[data-layout="map"] .drs-map-panel{--px:-75px;width:800px}
 #drs .drs-camera[data-layout="map"] .drs-brief{--px:520px;width:310px}
 #drs .drs-camera[data-layout="topics"] .drs-layers{--px:-560px;width:310px}
 #drs .drs-camera[data-layout="topics"] .drs-map-panel{--px:-65px;width:620px}
 #drs .drs-camera[data-layout="topics"] .drs-brief{--px:490px;width:360px}
 #drs .drs-camera[data-layout="context"] .drs-chart{--px:-230px;width:560px}
 #drs .drs-camera[data-layout="context"] .drs-evidence-card{--px:370px;width:390px}
 #drs .drs-camera[data-layout="watch"] .drs-chart{--px:-300px;width:400px}
 #drs .drs-camera[data-layout="watch"] .drs-evidence-card{--px:270px;width:560px}
 #drs .drs-glass{cursor:zoom-in}
 #drs .drs-glass.is-focus{cursor:default}
 #drs .drs-glass.is-focus .monitor-list{max-height:220px}
 #drs .drs-camera.is-focus .drs-brief .brief-fact,#drs .drs-camera.is-focus .drs-brief .brief-lens{font-size:17px}
}
@media(max-width:800px),(prefers-reduced-motion:reduce){#drs .drs-return{display:none}#drs .drs-brief{max-height:none}}

@media(min-width:801px) and (prefers-reduced-motion:no-preference){#drs .drs-glass:focus:not(:focus-visible){outline:none}#drs .drs-brief:not(.is-focus) h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}

/* First visit: explicit actions, one located source, clear next steps. */
#drs .workspace-guide{font-size:13px;line-height:1.5;color:#d5dfe5;margin:8px 0 14px}
#drs .drs-glass>.panel-expand{position:absolute;top:12px;right:12px;z-index:5;padding:5px 9px;border:1px solid #ffffff35;border-radius:99px;background:#142132a8;color:#f1eee7;font:inherit;font-size:12px;cursor:pointer}
#drs .drs-glass>.drs-kicker{padding-right:70px}
#drs .drs-panel-top{padding-right:76px}
#drs .drs-panel-top .drs-demo{display:none}
#drs .research-contact{display:block;font-size:14px!important;line-height:1.5;text-decoration:none;color:#e6cc98!important;margin-top:14px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;width:auto!important}
#drs .research-contact:hover{text-decoration:underline;text-underline-offset:4px}
#drs .drs-layers{max-height:470px}
#drs .drs-camera.is-focus .drs-layers{max-height:510px}
#drs .drs-glass{cursor:default}
@media(max-width:800px),(prefers-reduced-motion:reduce){#drs .drs-glass>.panel-expand{display:none}#drs .drs-glass>.drs-kicker{padding-right:0}}
/* Compact H.OS-style supporting cards; full copy remains in linked Expand view. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
 #drs .drs-camera:not(.is-focus) :is(.drs-chart,.drs-evidence-card) h3{font-size:21px;margin:8px 0;line-height:1.2}
 #drs .drs-camera:not(.is-focus) .drs-chart .context-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:8px 0 0}
 #drs .drs-camera:not(.is-focus) .drs-chart .drs-small,#drs .drs-camera:not(.is-focus) .drs-evidence-card .research-contact{display:none}
 #drs .drs-camera:not(.is-focus) .research-checks{margin:6px 0 0}
 #drs .drs-camera:not(.is-focus) .research-checks li{padding:6px 0;font-size:14px;line-height:1.4}
}
#drs .monitor-paging{display:flex;gap:10px;justify-content:space-between;margin-top:8px}
#drs .monitor-paging button{font:inherit;font-size:12px;color:#e3cc9a;background:none;border:0;padding:7px 0;cursor:pointer}
#drs .monitor-paging button:disabled{opacity:.35;cursor:default}
#drs .monitor-list{max-height:none;overflow:visible}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){#drs .drs-layers{max-height:570px}#drs .workspace-guide{display:none}#drs .monitor-tabs button{padding:6px 8px;min-height:30px;font-size:14px}#drs .monitor-list strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}
/* Paginated headlines keep the overview free of nested scroll areas. */
#drs .drs-layers .drs-kicker{display:block;margin-bottom:12px}
#drs .monitor-list button{padding:6px 4px}
#drs .monitor-list span{display:block;line-height:1.5}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){#drs .drs-layers{max-height:600px}}
/* Research lenses: keep the paginated overview readable without a nested list scroll. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
 #drs .monitor-tabs button{font-size:13px;line-height:1.25;padding:5px 8px;min-height:28px}
 #drs .monitor-tabs{margin-bottom:8px}
 #drs .drs-layers{max-height:640px}
 #drs .region-note{font-size:12px;line-height:1.45}
}
.globe-data-key{position:absolute;top:8px;left:8px;right:8px;z-index:2;width:fit-content;max-width:calc(100% - 16px);padding:5px 8px;border-radius:8px;background:#071321b8;color:#e0e7ef;font-size:11px;line-height:1.5;pointer-events:none}
#drs.globe-live .globe-data-key{top:46px}