@layer legacy {
/* Approved reference lock, supplied and visually reviewed by the parent:
 * Linktree e1ae275f owns neutral canvas, compact chrome, data-led dashboard,
 * quiet rules and location rows. SoundCloud owns the shared period/metric bar.
 * Existing green remains an action/data accent; no borrowed brand assets.
 * Scope: layout/typography overrides only. Forms, provenance and limits remain.
 */

body { background:var(--paper); }
.header,main,footer { width:min(1320px,calc(100% - 64px)); }
.header { padding:20px 0 16px; gap:20px; align-items:center; }
.header h1 { font-size:18px; font-weight:700; letter-spacing:-.025em; line-height:1.25; margin:0; }
.header .capture-badge { font-size:13px; padding:5px 10px; background:var(--surface); border-color:var(--line); }
.workspace-tabs { margin:0 0 26px; padding:0; gap:24px; border-color:var(--line); }
.workspace-tabs button { font-size:14px; padding:13px 0 12px; border:0; border-radius:0; min-height:44px; }
.workspace-tabs button[aria-pressed="true"] { background:transparent; border:0; box-shadow:inset 0 -2px 0 var(--green); }

#measurement-workspace { color:var(--ink); }
#measurement-workspace p { color:var(--muted); }
#measurement-workspace .small,
#measurement-workspace .source,
#measurement-workspace .pill,
#measurement-workspace details summary { font-size:13px; line-height:1.5; }
#measurement-workspace label,
#measurement-workspace input,
#measurement-workspace select,
#measurement-workspace textarea,
#measurement-workspace button { font-size:14px; }
#measurement-workspace button { min-height:40px; padding:9px 13px; border-radius:6px; }
#measurement-workspace .eyebrow { font-size:11px; letter-spacing:.09em; margin-bottom:7px; }
#measurement-workspace .pill { white-space:normal; line-height:1.35; background:var(--surface); border-color:var(--line); color:var(--muted); border-radius:5px; }
#measurement-workspace .panel { border-color:var(--line); border-radius:8px; padding:22px; box-shadow:none; }

.regional-heading { margin:0 0 20px; gap:24px; align-items:flex-start; }
.regional-heading h2 { font-size:28px; line-height:1.2; font-weight:650; letter-spacing:-.035em; margin:0 0 8px; }
.regional-heading p:not(.eyebrow) { font-size:14px; line-height:1.5; margin:0 0 8px; max-width:760px; }
.regional-heading .pill { min-width:0; max-width:180px; text-align:left; }
.regional-heading .regional-actions { margin:0; justify-content:flex-end; flex-shrink:0; }
.regional-actions { gap:8px; margin:12px 0; }
.regional-actions #regional-primary { white-space:nowrap; }
#regional-summary,.regional-hypothesis-summary { font-size:14px; line-height:1.5; color:var(--muted); max-width:900px; }
.regional-hypothesis-summary strong { color:var(--ink); font-weight:650; }
#regional-message:empty { display:none; }
#regional-message { font-size:13px; padding:10px 14px; margin:0 0 16px; border-radius:0 4px 4px 0; }

/* Setup and report management are expandable rows, not competing dashboards. */
#regional-study,#regional-import-panel { background:var(--surface); border:1px solid var(--line); border-radius:6px; margin:0 0 14px; }
#regional-study>summary,#regional-import-panel>summary { padding:14px 18px; font-size:14px; font-weight:650; color:var(--ink); cursor:pointer; }
#regional-study>summary .pill,#regional-import-panel>summary .pill { display:inline-block; margin-left:10px; vertical-align:middle; font-size:13px; font-weight:450; }
#regional-study[open]>summary,#regional-import-panel[open]>summary { border-bottom:1px solid var(--line); }
.regional-setup-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; padding:20px; }
#regional-study .panel,#regional-import-panel .panel { border:0; background:transparent; border-radius:0; padding:0; margin:0; }
#regional-import-panel .regional-import { padding:20px; }
.regional-plan h3,.regional-period h3,.regional-import h3 { font-size:16px; letter-spacing:-.015em; margin-bottom:14px; }
.regional-plan label { margin:0 0 14px; }
.regional-plan textarea { min-height:96px; }
.regional-history { margin-top:14px; }
.regional-history button { font-size:13px; margin:8px 0; }
.regional-period-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.regional-period-grid label:first-child,.regional-period-grid label:nth-child(2) { grid-column:1/-1; }
.regional-period-grid button { margin-top:0; }
.regional-import-grid,.regional-mapping-grid { gap:16px; margin:16px 0; }
.regional-import .import-instructions { padding:12px 0; margin:14px 0; border-color:var(--line); }
.import-instructions ol { font-size:14px; }
.regional-import .checkbox-label { font-size:14px; }
.regional-import input[type="file"] { font-size:13px; padding:8px; }
.regional-import #regional-import-list { margin-top:16px; padding-top:16px; gap:8px 16px; }

/* The report is primary; the independent Qloo observation sits beside it. */
.regional-dashboard { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr); align-items:start; gap:20px; margin:20px 0; }
.regional-dashboard>.regional-results,.regional-dashboard>.regional-qloo { min-width:0; margin:0; }
.regional-results .section-title,.regional-qloo .section-title { align-items:flex-start; gap:14px; }
.regional-results h3 { font-size:20px; letter-spacing:-.025em; margin-bottom:4px; }
.regional-qloo h3 { font-size:18px; letter-spacing:-.02em; margin-bottom:4px; }
#regional-result-kind { flex-shrink:0; max-width:150px; }
#regional-result-banner .live-alert { font-size:16px; line-height:1.55; font-weight:600; padding:14px 16px; margin:16px 0; border-left-width:3px; }
.regional-table { font-size:14px; margin:16px 0; table-layout:fixed; }
.regional-table th { font-size:13px; font-weight:550; color:var(--muted); padding:10px 8px; border-color:var(--line); }
.regional-table td { padding:16px 8px; border-color:var(--line); }
.regional-results .regional-table th[scope="row"] { width:25%; font-size:14px; padding:17px 8px 16px 0; color:var(--ink); font-weight:550; }
.regional-table td>strong { font-size:22px; line-height:1.25; letter-spacing:-.03em; font-weight:650; font-variant-numeric:tabular-nums; color:var(--ink); }
#measurement-workspace .regional-table td>.small { font-size:13px; line-height:1.4; margin-top:7px; color:var(--muted); }
.regional-results details { margin:14px 0; }
.regional-results details p { margin:8px 0; }
.regional-chart-svg { max-height:none; margin:20px 0 0; }
.regional-chart-labels { display:flex; justify-content:space-between; gap:16px; margin:8px 0 14px; font-size:13px; line-height:1.4; color:var(--muted); font-variant-numeric:tabular-nums; }
.regional-chart-labels>* { min-width:0; flex:1; }
.regional-chart-labels>*:last-child { text-align:right; }
.regional-chart-labels strong { display:block; color:var(--ink); font-weight:550; font-size:14px; }
.regional-results>.small { margin-bottom:0; }

.regional-source-label { font-size:15px; line-height:1.35; margin:16px 0 8px; color:var(--ink); }
.regional-map-grid { gap:14px; margin:18px 0 12px; }
.regional-map-card strong { font-size:14px; color:var(--ink); }
.regional-mini-map { min-height:0; margin:8px 0; }
.regional-mini-map text { font-size:13px; fill:#65716a; }
#measurement-workspace .regional-map-card .small { font-size:13px; line-height:1.4; }
.regional-rank-legend { display:flex; gap:8px 14px; flex-wrap:wrap; align-items:center; margin:12px 0 16px; font-size:13px; line-height:1.4; color:var(--muted); }
.regional-rank-legend span { display:inline-flex; align-items:center; gap:6px; }
.regional-rank-legend i { display:inline-block; width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.regional-location-list { border-top:1px solid var(--line); margin:14px 0; }
.regional-location-row { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid var(--line); font-size:14px; line-height:1.4; font-variant-numeric:tabular-nums; }
.regional-location-row>*:first-child { flex:1; }
.regional-location-row strong { font-weight:600; }
.regional-location-row .small { margin:0; }
.regional-source-details { border-top:1px solid var(--line); padding-top:12px; margin:16px 0 0; }
.regional-source-details .source { margin:12px 0; overflow-wrap:anywhere; }
.regional-qloo>.small { margin-bottom:0; }
.regional-export { margin:20px 0 28px; padding-top:16px; border-top:1px solid var(--line); gap:24px; }
.regional-export p { font-size:13px; margin:0; max-width:550px; }
.regional-export .button-group { gap:8px; }
footer { font-size:13px; padding:14px 0 20px; border-color:var(--line); }

@media(max-width:1100px) {
  .regional-dashboard { grid-template-columns:minmax(0,1.15fr) minmax(310px,1fr); gap:16px; }
  #measurement-workspace .panel { padding:18px; }
  .regional-table td>strong { font-size:19px; }
  .regional-heading { flex-wrap:wrap; gap:12px; }
  .regional-heading .regional-actions { justify-content:flex-start; }
  .regional-export { flex-direction:row; align-items:center; }
}
@media(max-width:960px) {
  .header,main,footer { width:calc(100% - 40px); }
  .regional-dashboard { grid-template-columns:1fr; }
  .regional-setup-grid { grid-template-columns:1fr; gap:24px; }
  #regional-study .regional-period { border-top:1px solid var(--line); padding-top:22px; }
  .regional-map-grid { gap:24px; }
  .regional-export { align-items:flex-start; flex-direction:column; gap:12px; }
  .regional-export .button-group { width:auto; flex-direction:row; }
}
@media(max-width:600px) {
  .header,main,footer { width:calc(100% - 32px); }
  .header { padding:18px 0 12px; align-items:flex-start; flex-wrap:wrap; gap:8px; }
  .header h1 { font-size:18px; }
  .header .capture-badge { font-size:13px; }
  .workspace-tabs { gap:22px; margin-bottom:22px; }
  .workspace-tabs button { flex:none; font-size:14px; padding:12px 0; }
  .regional-heading { display:block; margin:0 0 16px; }
  .regional-heading h2 { font-size:24px; }
  .regional-heading .regional-actions { margin:14px 0 0; }
  .regional-actions { gap:8px; }
  #measurement-workspace button { min-height:44px; }
  #regional-summary { margin-top:6px; }
  #regional-study>summary,#regional-import-panel>summary { padding:13px 14px; }
  #regional-study>summary .pill,#regional-import-panel>summary .pill { margin-left:6px; }
  .regional-setup-grid,#regional-import-panel .regional-import { padding:16px; }
  .regional-dashboard { margin:16px 0; gap:16px; }
  #measurement-workspace .panel { padding:18px 16px; }
  .regional-results .section-title,.regional-qloo .section-title { flex-wrap:wrap; gap:8px; }
  .regional-results h3 { font-size:20px; }
  #regional-result-kind { max-width:none; }
  #regional-result-banner .live-alert { font-size:16px; padding:13px 14px; }
  /* Before/after stay side by side; the observed change gets its own clear row. */
  .regional-results .regional-table,.regional-results .regional-table tbody { display:block; width:100%; }
  .regional-results .regional-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
  .regional-results .regional-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; padding:16px 0; border-top:1px solid var(--line); }
  .regional-results .regional-table th[scope="row"] { grid-column:1/-1; width:auto; padding:0; border:0; font-size:16px; font-weight:650; }
  .regional-results .regional-table td { min-width:0; display:block; padding:0; border:0; font-size:14px; }
  .regional-results .regional-table td::before { content:attr(data-label); display:block; font-size:14px; line-height:1.4; margin-bottom:6px; color:var(--muted); }
  .regional-results .regional-table td>strong { font-size:22px; }
  #measurement-workspace .regional-results .regional-table td>.small { font-size:14px; line-height:1.4; margin-top:5px; }
  .regional-results .regional-table td:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; align-items:baseline; gap:0 12px; padding-top:3px; }
  .regional-results .regional-table td:last-child::before { grid-column:1/-1; }
  .regional-results .regional-table td[colspan] { grid-column:1/-1; display:block; }
  .regional-chart-labels { flex-wrap:wrap; gap:8px 14px; margin-bottom:14px; }
  .regional-chart-labels>* { flex:1 1 120px; }
  .regional-chart-labels>*:last-child { text-align:left; }
  .regional-map-grid { grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
  .regional-map-card strong { font-size:14px; }
  .regional-rank-legend { gap:7px 12px; }
  .regional-location-row { flex-wrap:wrap; gap:5px 12px; font-size:14px; }
  .regional-location-row>*:first-child { flex-basis:100%; }
  .regional-period-grid { gap:14px 12px; }
  .regional-import-grid,.regional-mapping-grid { grid-template-columns:1fr; gap:14px; }
  .regional-import #regional-import-list { grid-template-columns:1fr; gap:8px; }
  .regional-import #regional-import-list button { grid-column:1; }
  .regional-export { margin:16px 0 20px; }
  .regional-export .button-group { width:100%; display:flex; flex-direction:column; }
  .regional-export button { width:100%; }
}
/* Pixel QA: align real values to their headings and separate disclosure labels. */
#regional-study>summary>span,#regional-import-panel>summary>span{margin-left:14px;font-weight:400;color:var(--muted)}
#regional-message.live-notice{background:transparent;border:0;padding:0;margin:0 0 14px;color:var(--muted)}
#measurement-workspace #regional-result-banner .live-alert{color:var(--warning-text)}
.regional-location-row{display:grid;grid-template-columns:minmax(0,1fr) 60px 96px;gap:12px}
.regional-location-row>*:nth-child(n+2){text-align:right}
.regional-map-coordinates{font-size:13px;line-height:1.45;margin:0 0 8px;font-variant-numeric:tabular-nums}
.regional-hypothesis-summary{max-width:none}
.regional-hypothesis-summary p{margin:3px 0 0;max-width:1040px}
.regional-draft-warning{color:var(--warning-text);font-weight:600}
@media(max-width:600px){
 .regional-map-grid{grid-template-columns:1fr}
 .regional-mini-map{max-height:230px}
 .regional-location-row{grid-template-columns:minmax(0,1fr) 46px 90px;gap:8px}
 #regional-study>summary>span,#regional-import-panel>summary>span{display:block;margin:5px 0 0 15px;font-size:13px}
}

}

.youtube-data-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border:1px solid var(--studio-border,#344239);border-radius:8px;padding:20px;margin:20px 0;background:var(--studio-surface,#15231b)}
.youtube-data-entry h3{margin:4px 0 8px}.youtube-data-entry p{max-width:70ch}.youtube-data-entry>.button-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.youtube-data-entry a{color:var(--studio-accent,#8be8b5);font-weight:650}.youtube-samples{padding:16px 0;margin:12px 0;border-top:1px solid var(--studio-border,#344239);border-bottom:1px solid var(--studio-border,#344239)}.youtube-samples h4{margin:0 0 8px}#youtube-privacy{margin-top:20px}#youtube-privacy p{max-width:78ch}#youtube-delete-reports{white-space:normal}
@media(max-width:700px){.youtube-data-entry{grid-template-columns:1fr;gap:12px;padding:16px}.youtube-data-entry .button-group{width:100%}.youtube-data-entry button,.youtube-samples button{white-space:normal;max-width:100%}.youtube-samples .button-group{display:grid;grid-template-columns:1fr}}