/* OASYS Studies Framework prefab: banner, legend, inspector panel, catalog cards. */
/* Native map control (dark Golden Pass language) */
#study-control{position:absolute;top:118px;left:32px;z-index:4}
#study-control-toggle{background:#131916e8;border:1px solid #485448;border-radius:3px;font-size:11px;min-height:36px;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#study-control-menu{position:absolute;top:calc(100% + 6px);left:0;width:min(300px,calc(100vw - 64px));max-height:min(60dvh,480px);overflow:auto;background:#101413f5;border:1px solid #424a44;border-radius:4px;padding:6px;box-shadow:0 16px 60px #0009}
.study-control__group{font-size:10px;color:#a6aba9;padding:8px 8px 4px}
.study-control__item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;font-size:12px;padding:8px;border-radius:3px;min-height:40px}
.study-control__item em{font-style:normal;font-size:10px;color:#c7b579}
.study-control__item.is-active em{color:#b7edc5}
.study-control__item:disabled{opacity:.6;cursor:default}
/* Study banner overlays the top of the map while a lens is active */
#study-banner{position:absolute;top:0;left:0;right:0;z-index:4;pointer-events:none}
#study-banner>div{pointer-events:auto}
.study-banner__exit{pointer-events:auto}
#study-banner{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;background:#1e2a30;color:#f1efe5;border-bottom:2px solid #b9a76b;padding:10px 14px;font-size:13px;z-index:5}
#study-banner .eyebrow{color:#b9a76b;display:block;font-size:11px;letter-spacing:.08em}
#study-banner strong{font-size:15px}
.study-banner__q{display:block;opacity:.85;margin-top:2px}
.study-banner__metric{display:block;margin-top:4px}
.study-banner__metric strong{color:#f0c36d}
.study-banner__pattern{display:block;margin-top:4px;font-size:12px;opacity:.9}
.study-pattern__cands{display:block;margin-top:2px}
.study-pattern__cands a{color:#f0c36d}
.study-banner__exit{flex:none;color:#1e2a30;background:#f0c36d;border-radius:4px;padding:6px 10px;text-decoration:none;font-weight:600}
#study-legend{margin-top:8px}
.study-legend__row{display:flex;gap:6px;align-items:center;font-size:12px;margin-top:3px}
.study-legend__swatch{width:14px;height:10px;border-radius:2px;flex:none}
.study-panel{border-top:1px solid #b9a76b;margin-top:12px;padding-top:10px}
.study-panel dl{margin:8px 0}
.study-panel dl>div{display:flex;justify-content:space-between;gap:8px;padding:2px 0}
.study-panel dt{opacity:.75}
.study-panel dd{margin:0;text-align:right}
.study-states{font-size:12px;border-top:1px dotted #8a938e;padding-top:6px}
.study-states__row dt{font-size:12px}
.study-states__row dd span{opacity:.7;display:block;font-size:11px}
.study-warn{color:#b33a2b;font-size:12px}
.studies-menu{position:relative;display:inline-flex}
.studies-menu summary{cursor:pointer;list-style:none;padding:6px 10px;border:1px solid var(--oa-line-soft,#3a423e);border-radius:4px}
.studies-menu[open] .utility-menu__panel{display:grid}
.studies-menu .utility-menu__panel{display:none}
.studies-menu .utility-menu__panel a{color:#f1efe5;text-decoration:none;padding:6px 8px;border:1px solid var(--oa-line-soft,#3a423e);background:#171b19}
.studies-menu .utility-menu__panel a:hover{background:#222622}
/* Catalog page */
.studies-catalog{max-width:1080px;margin:0 auto;padding:24px 16px 64px;color:#1e2a30;background:#f5f2e9}
.studies-catalog header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.studies-catalog h1{margin:6px 0}
.studies-catalog .lede{max-width:70ch}
.studies-scale{font-size:12px;letter-spacing:.08em;color:#5a645f;margin:28px 0 8px;border-bottom:2px solid #b9a76b;padding-bottom:4px}
.studies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.study-card{background:#fff;border:1px solid #d8d2c0;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:6px}
.study-card h3{margin:0;font-size:16px}
.study-card .q{font-size:13px;opacity:.85}
.study-card .metric{font-size:13px;background:#f5f2e9;border-radius:4px;padding:6px 8px}
.study-card .metric strong{color:#8a6d2f}
.study-card .actions{margin-top:auto;padding-top:8px;display:flex;gap:8px;align-items:center}
.study-card .view{background:#1e2a30;color:#f0c36d;border-radius:4px;padding:8px 14px;text-decoration:none;font-weight:600}
.study-card .soon{font-size:12px;opacity:.6}
.studies-back{color:#1e2a30}
/* Dark Golden Pass catalog theme (studies.html). The beige .studies-catalog
   rules above remain for the internal review harness. */
.studies-dark{background:#090b0d;color:#edeeec}
.studies-dark a{color:#f0c36d}
.studies-dark .studies-back{color:#edeeec}
.studies-dark .studies-scale{color:#a6aba9;border-bottom-color:#b9a76b}
.studies-dark .study-card{background:#131617;border-color:#373b39}
.studies-dark .study-card .q{color:#b4bdb7}
.studies-dark .study-card .metric{background:#1b201d}
.studies-dark .study-card .metric strong{color:#f0c36d}
.studies-dark .study-card .view{background:#f0c36d;color:#1e2a30}
.studies-dark .study-card .soon{color:#9da5a1}
/* Phone: compact control, slim banner, map stays dominant */
@media(max-width:700px){
#study-control{top:8px;left:12px}
#study-control-toggle{font-size:12px;min-height:44px;max-width:44vw}
#study-control-menu{width:min(300px,calc(100vw - 24px))}
#study-banner{font-size:12px}
#study-banner strong{font-size:13px}
.study-banner__q{display:none}
.study-banner__pattern{font-size:11px}
#study-legend .study-legend__row{font-size:11px}
.study-panel dl>div{padding:6px 0}
}