/* Research Terminal and Apple Native visual layers; preserve data semantics. */
:root[data-design="research"]{--paper:#fcfcfd;--panel:#f5f7fa;--raised:#fff;--ink:#151a26;--muted:#58647a;--line:#dce1e9;--teal:#083c8c;--soft-accent:#e6eefb;--corner:6px}
:root[data-design="apple"]{--paper:#f2f2f7;--panel:#f2f2f7;--raised:#fff;--ink:#1c1c1e;--muted:#636366;--line:#d1d1d6;--teal:#0066d6;--soft-accent:#e9f2ff;--corner:16px}
html:is([data-design="research"],[data-design="apple"]) body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",system-ui,sans-serif}
html:is([data-design="research"],[data-design="apple"]) :is(h1,h2,h3){font-family:inherit;letter-spacing:0;color:var(--ink)}
html:is([data-design="research"],[data-design="apple"]) .lead{color:var(--muted);font-size:17px}
html:is([data-design="research"],[data-design="apple"]) .eyebrow{color:var(--muted);font-size:11px;letter-spacing:1px}
html:is([data-design="research"],[data-design="apple"]) :is(button,select){border-color:var(--line);border-radius:var(--corner);background:var(--raised);color:var(--ink)}
html:is([data-design="research"],[data-design="apple"]) button.active{background:var(--teal);border-color:var(--teal);color:#fff}
html:is([data-design="research"],[data-design="apple"]) .latest strong{font-family:inherit;color:var(--ink);font-variant-numeric:tabular-nums}
html:is([data-design="research"],[data-design="apple"]) .page-nav a:hover{background:var(--soft-accent)}
html:is([data-design="research"],[data-design="apple"]) :is(#hover,.industry-detail,.manual-formula){background:var(--panel);color:var(--ink);border-radius:var(--corner)}
html:is([data-design="research"],[data-design="apple"]) .heat-scroll{background:var(--raised);border-color:var(--line);scrollbar-color:#a7afbb var(--panel)}
html:is([data-design="research"],[data-design="apple"]) .heat-table :is(.heat-name,.heat-right){background:var(--raised);color:var(--ink)}
html:is([data-design="research"],[data-design="apple"]) .heat-table thead :is(th,.heat-name,.heat-right),html:is([data-design="research"],[data-design="apple"]) .heat-table .heat-group :is(th,td){background:var(--panel);color:var(--muted)}
html:is([data-design="research"],[data-design="apple"]) .detail-metrics span{color:var(--muted)}
html:is([data-design="research"],[data-design="apple"]) .manual-table th{background:var(--panel)}
html:is([data-design="research"],[data-design="apple"]) .manual-body{max-width:760px}
html:is([data-design="research"],[data-design="apple"]) .manual-body p{line-height:1.75}
html[data-design="research"] h1{font-size:30px;font-weight:600}
html[data-design="research"] h2{font-size:22px;font-weight:600}
html[data-design="research"] header{border-bottom:2px solid var(--teal)}
html[data-design="research"] .trend-description{max-width:800px;font-size:14px;line-height:1.75;border-left:3px solid var(--teal);padding-left:18px}
html[data-design="research"] .industry-detail{border-left:3px solid var(--teal);background:var(--raised);box-shadow:0 1px 2px #0000000a;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
html[data-design="research"] .manual-body h3{font-size:17px}
html[data-design="research"] .page-nav{background:var(--panel);padding:14px 10px;border:1px solid var(--line);border-radius:6px}
html[data-design="research"] .controls button{border-radius:18px}
html[data-design="apple"] h1{font-size:34px;font-weight:700;line-height:1.25}
html[data-design="apple"] h2{font-size:25px;font-weight:700}
html[data-design="apple"] header{border:0;padding:8px 0 22px}
html[data-design="apple"] section{background:var(--raised);border:0;border-radius:20px;padding:24px;margin:0 0 24px}
html[data-design="apple"] .page-nav{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffffa0;border-radius:18px;padding:12px 8px}
html[data-design="apple"] .page-nav a{border-radius:10px;min-height:44px;display:flex;align-items:center}
html[data-design="apple"] button{min-height:44px;border-radius:10px}
html[data-design="apple"] button:active{opacity:.65}
html[data-design="apple"] .controls{background:var(--panel);border-radius:12px;padding:4px;width:fit-content;gap:4px;max-width:100%}
html[data-design="apple"] .controls button{border:0;background:transparent;font-size:13px;padding:8px 12px}
html[data-design="apple"] .controls button.active{background:#fff;color:var(--teal);box-shadow:0 1px 3px #00000012;font-weight:600}
html[data-design="apple"] .heat-scroll{border-radius:12px}
html[data-design="apple"] #industry-tooltip{border-radius:8px;background:#1c1c1eee;backdrop-filter:blur(12px);box-shadow:none}
html[data-design="apple"] .latest strong{font-size:34px;letter-spacing:-1px}
html[data-design="apple"] .manual-body h3{font-size:20px;font-weight:600}
.design-switch button[aria-pressed="true"]{background:var(--teal);color:#fff;border-color:var(--teal)}
@media(max-width:700px){
 .design-switch button{overflow-wrap:anywhere;line-height:1.6}
 html[data-design="research"] .page-nav,html[data-design="apple"] .page-nav{padding:8px 4px}
 html[data-design="research"] h1,html[data-design="apple"] h1{font-size:28px}
 html[data-design="apple"] section{padding:16px 10px;border-radius:16px}
 html:is([data-design="research"],[data-design="apple"]) .chart-head{flex-wrap:wrap;gap:6px}
 html[data-design="apple"] .controls button{padding:8px;font-size:12px}
 html[data-design="research"] .trend-description{padding-left:10px}
}
@media print{html[data-design="apple"] section{padding:16px 0}}
