:root { color-scheme:light; --paper:#fafafa; --white:#ffffff; --ink:#171717; --muted:#525252; --line:#202020; --accent:#c93817; --soft:#f3f3f3; font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-size:17px; line-height:1.7; }
button,input,select { font:inherit; color:inherit; }
button { min-height:44px; border:1.5px solid var(--line); border-radius:0; background:var(--white); padding:9px 14px; cursor:pointer; font-size:15px; font-weight:700; line-height:1.4; }
button:hover { background:#e7e7e7; }
button[aria-pressed="true"] { background:var(--accent); border-color:var(--accent); color:white; }
a { color:inherit; text-underline-offset:5px; }
a:hover { color:var(--accent); }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
select { min-height:44px; padding:5px 8px; border:1.5px solid var(--ink); background:white; border-radius:0; }
input[type="range"] { width:100%; height:44px; min-width:0; margin:0; accent-color:var(--accent); cursor:pointer; }
h1,h2,h3,p,dl,dd { margin:0; }
h1,h2,h3 { font-weight:800; line-height:1.3; }
h2 { font-size:23px; }
small,.eyebrow,.reference-note,.chart-note { font-size:13px; }
.eyebrow,.reference-note,.chart-note { color:var(--muted); }
.skip { position:fixed; top:-100px; left:15px; padding:12px; background:white; z-index:30; }
.skip:focus { top:12px; }
.site-header,.site-footer { margin:0 3%; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:2px solid; min-height:60px; }
.brand { display:flex; gap:24px; align-items:baseline; font-size:18px; font-weight:800; text-decoration:none; }
.brand span { font-size:13px; font-weight:400; }
.back-link,.site-footer a { display:inline-flex; align-items:center; min-height:44px; font-size:15px; text-decoration:none; }
main { max-width:1800px; margin:auto; padding:0 3%; }
.instrument-heading { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:20px 0; }
.instrument-heading h1 { font-size:48px; letter-spacing:-.03em; }
.instrument-heading h1 span { display:block; font-size:17px; letter-spacing:0; margin-top:6px; font-weight:600; }
.intro { display:none; }
.metrics { display:flex; gap:30px; }
.metrics > div { padding-left:24px; border-left:2px solid; }
.metrics dt { font-size:13px; }
.metrics dd { font-family:"Consolas","SFMono-Regular",ui-monospace,monospace; font-size:64px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.2; white-space:nowrap; }
.metrics small { font-size:16px; margin-left:5px; }
.process-bar { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:2px solid; }
.process-bar button { border:0; border-right:2px solid var(--ink); min-height:54px; text-align:left; font-size:18px; }
.process-bar button:last-child { border-right:0; }
.process-bar span { font-family:Consolas,monospace; font-size:13px; margin-right:12px; }
.process-bar button.current { background:var(--accent); color:white; }
.transport { display:flex; gap:22px; align-items:center; padding:12px 0; }
.transport > button { background:var(--ink); color:white; min-width:100px; }
.transport > button:hover { background:var(--accent); }
.speed-label { display:flex; align-items:center; gap:9px; font-size:13px; }
.scrub-label,.rate-inline { display:grid; grid-template-columns:1fr auto; flex:1; gap:0 16px; font-size:13px; min-width:0; }
.scrub-label input,.rate-inline input { grid-column:1/-1; }
output { font-family:Consolas,ui-monospace,monospace; font-variant-numeric:tabular-nums; }
.workbench { display:grid; grid-template-columns:minmax(0,2.3fr) minmax(330px,1fr); gap:24px; align-items:start; }
.model-column { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:12px 18px; }
.stage { grid-column:1/-1; position:relative; height:clamp(420px,52vh,620px); min-width:0; isolation:isolate; overflow:hidden; background:linear-gradient(#fafbfc,#eef0f2); border:2px solid var(--ink); }
.stage > canvas { position:absolute; inset:0; display:block; width:100%; height:100%; touch-action:none; }
.stage-caption { position:absolute; top:13px; left:16px; right:16px; display:flex; justify-content:space-between; gap:15px; pointer-events:none; font-size:13px; z-index:2; }
.stage-note { position:absolute; left:16px; right:16px; bottom:10px; font-size:13px; pointer-events:none; z-index:2; }
.leader-labels { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:hidden; z-index:1; }
.leader-labels path { fill:none; stroke:#555; stroke-width:1.5; }
.leader-labels rect { fill:white; stroke:#777; stroke-width:1; }
.leader-labels text { font-size:14px; font-weight:700; fill:var(--ink); }
.leader-labels .selected path { stroke:var(--accent); }
.leader-labels .selected text { fill:var(--accent); font-weight:700; }
.leader-labels .hovered rect { stroke:var(--ink); stroke-width:2; }
.leader-labels .hovered path { stroke:var(--ink); stroke-width:2; }
.view-toolbar { grid-column:1/-1; display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.view-modes { display:flex; gap:6px; flex-wrap:wrap; }
.parts-heading { grid-column:1/-1; display:flex; align-items:baseline; gap:15px; }
.parts-heading h2 { font-size:17px; }
.parts-heading p { font-size:13px; }
.part-buttons { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.part-buttons button { text-align:left; font-size:15px; display:flex; align-items:center; gap:8px; padding:10px 8px; overflow-wrap:anywhere; }
.part-buttons span { font-family:Consolas,monospace; font-size:13px; }
.part-description { grid-column:1/-1; border-top:2px solid; padding:18px 0; }
.part-description h2 { font-size:25px; margin:6px 0 10px; }
.part-description p:not(.eyebrow):not(.selection-hint) { font-size:17px; }
.selection-hint { font-size:13px; color:var(--muted); margin-top:12px; }
.tour-row { grid-column:1/-1; display:flex; gap:16px; align-items:center; }
.tour-row p { font-size:13px; }
.signal-column { min-width:0; border-left:2px solid; padding-left:22px; }
.signal-panel { margin-bottom:20px; padding-bottom:18px; border-bottom:2px solid; }
.signal-title { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; }
.signal-title h2 { font-size:18px; }
.signal-title > span { font-size:13px; color:var(--muted); }
.signal-panel canvas { display:block; width:100%; height:160px; }
.chart-note { line-height:1.6; }
.signal-switch { display:flex; gap:6px; margin-bottom:12px; }
[hidden] { display:none!important; }
.live-reading h3 { font-size:25px; margin:5px 0; }
.live-reading p { font-size:13px; }
#signal-reading { border-left:3px solid var(--ink); padding-left:10px; margin-top:12px; }
.challenge { margin:40px 0; border-top:2px solid; border-bottom:2px solid; padding:28px 0; display:grid; grid-template-columns:1fr 1fr; gap:36px; }
.challenge h2 { font-size:28px; margin:7px 0 12px; }
.sample-list { margin:35px 0; }
.sample-list > p { margin:10px 0 20px; }
table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:16px; text-align:left; }
th,td { padding:14px 10px 14px 0; border-bottom:1.5px solid #777; overflow-wrap:anywhere; }
th { border-top:2px solid; font-size:13px; }
.documentation { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; border-top:2px solid; padding:30px 0 50px; }
.documentation ul { padding-left:1.2em; }
.documentation li { margin-bottom:12px; }
.appearance-placeholder { border:1.5px dashed #777; padding:18px; margin:18px 0; font-size:13px; }
.site-footer { border-top:2px solid; border-bottom:0; margin-top:30px; padding:20px 0; }
.site-footer p { font-size:13px; }
.tour-cursor { position:fixed; z-index:20; width:19px; height:25px; background:var(--ink); pointer-events:none; clip-path:polygon(0 0,100% 62%,61% 66%,46% 100%); transition:left .7s,top .7s; }
.webgl-message { position:absolute; inset:35% 8% auto; background:white; border:2px solid; padding:20px; font-size:17px; overflow-wrap:anywhere; z-index:4; }
.notice { padding:20px; }
.hub-hero { display:flex; flex-direction:column; border-bottom:2px solid; }
.hub-visual { order:-1; width:100%; position:relative; }
.hub-stage { height:clamp(380px,54vh,620px); border-top:0; }
.hub-visual > p { position:absolute; bottom:14px; left:18px; font-size:13px; pointer-events:none; }
.hero-copy { width:100%; padding:28px 0 36px; display:grid; grid-template-columns:1.3fr 1fr; gap:12px 40px; align-items:center; }
.hero-copy .eyebrow { grid-column:1/-1; }
.hero-copy h1 { font-size:clamp(40px,4vw,64px); letter-spacing:-.03em; grid-row:2/4; }
.hero-copy h1 br { display:none; }
.hero-copy > p:not(.eyebrow) { font-size:17px; }
.primary-link { display:inline-flex; align-items:center; min-height:48px; gap:30px; font-size:18px; font-weight:700; width:fit-content; }
.hub-section-title { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:32px 0 22px; }
.hub-section-title h2 { font-size:30px; }
.hub-section-title p { font-size:15px; }
.instrument-entry { display:grid; grid-template-columns:65px 260px minmax(0,1fr) 140px; gap:24px; align-items:center; border-top:2px solid; padding:28px 0; }
.entry-number { font-family:Consolas,monospace; font-size:32px; font-weight:700; }
.instrument-entry h3 { font-size:32px; overflow-wrap:anywhere; }
.instrument-entry h3 small { display:block; font-size:13px; font-weight:400; margin-top:9px; line-height:1.6; }
.entry-description { font-size:18px; }
.instrument-entry .appearance-placeholder { display:none; }
.entry-action { display:flex; align-items:center; min-height:44px; gap:10px; font-size:16px; font-weight:700; }
.entry-action.disabled { color:var(--muted); font-weight:400; }
.comparison { padding:40px 0; border-top:2px solid; }
.comparison h2 { font-size:30px; margin-bottom:20px; }
.comparison p { font-size:13px; margin-top:16px; }
@media (max-width:1099px) {
  .instrument-heading { align-items:flex-start; flex-direction:column; gap:20px; }
  .metrics { width:100%; justify-content:space-between; gap:15px; }
  .metrics > div { padding-left:15px; }
  .metrics dd { font-size:56px; }
  .workbench { grid-template-columns:1fr; }
  .signal-column { border-left:0; padding-left:0; margin-top:25px; }
  .stage { height:480px; }
  .transport { flex-wrap:wrap; }
  .scrub-label,.rate-inline { flex-basis:35%; }
  .instrument-entry { grid-template-columns:44px 220px minmax(0,1fr); }
  .entry-action { grid-column:2/-1; }
  .hero-copy { grid-template-columns:1fr; }
  .hero-copy h1 { grid-row:auto; }
}
@media (max-width:600px) {
  main { padding:0 16px; }
  .site-header,.site-footer { margin-left:16px; margin-right:16px; gap:10px; }
  .brand { font-size:16px; }
  .brand span,.site-header > .eyebrow { display:none; }
  .back-link { font-size:13px; }
  .instrument-heading h1 { font-size:44px; }
  .metrics { display:grid; grid-template-columns:1fr 1fr; gap:18px 8px; }
  .metrics > div { padding-left:10px; }
  .metrics > div:first-child { grid-column:1; grid-row:1; }
  .metrics > div:nth-child(2) { grid-column:1/-1; grid-row:2; }
  .metrics > div:nth-child(3) { grid-column:2; grid-row:1; }
  .metrics > div:first-child dd { font-size:72px; }
  .metrics dd { font-size:56px; }
  .process-bar { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .process-bar button { font-size:16px; padding:10px 6px; border-bottom:1.5px solid; }
  .process-bar span { display:block; margin:0; }
  .transport { gap:12px; }
  .speed-label { margin-left:auto; }
  .scrub-label,.rate-inline { flex-basis:100%; }
  .model-column { grid-template-columns:1fr; }
  .stage { height:380px; }
  .stage-caption span:last-child { display:none; }
  .stage-caption,.stage-note { left:10px; right:10px; }
  .stage-note { max-width:30ch; }
  .part-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .parts-heading { flex-wrap:wrap; gap:4px 12px; }
  .view-toolbar button { padding:9px 10px; }
  .tour-row { flex-wrap:wrap; }
  .challenge,.documentation { grid-template-columns:1fr; gap:24px; }
  table { font-size:13px; }
  th,td { padding:12px 5px 12px 0; }
  .hub-stage { height:390px; }
  .hero-copy h1 { font-size:40px; }
  .hero-copy h1 br { display:initial; }
  .hub-section-title { display:block; }
  .hub-section-title p { margin-top:10px; }
  .instrument-entry { grid-template-columns:38px minmax(0,1fr); gap:12px; }
  .entry-number { font-size:26px; }
  .instrument-entry h3 { font-size:30px; }
  .entry-description,.entry-action { grid-column:2; }
  .entry-description { font-size:17px; }
  .site-footer { display:block; }
}
@media (prefers-reduced-motion:reduce) { .tour-cursor { transition:none; } }
.instrument-page .transport { grid-column:1/-1; }

@media (min-width:1100px) {
  .instrument-page { --bench-height:max(640px,calc(100vh - 172px)); }
  .instrument-page .site-header { min-height:44px; }
  .instrument-page .dashboard-heading { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr); align-items:center; gap:18px; height:108px; }
  .instrument-page .instrument-heading { gap:18px; padding:0; }
  .instrument-page .instrument-heading > div { flex:0 0 155px; }
  .instrument-page .instrument-heading .eyebrow { display:none; }
  .instrument-page .instrument-heading h1 { font-size:36px; }
  .instrument-page .instrument-heading h1 span { font-size:13px; line-height:1.4; }
  .instrument-page .metrics { flex:1; justify-content:space-between; gap:12px; }
  .instrument-page .metrics > div { padding-left:12px; }
  .instrument-page .metrics dd { font-size:clamp(40px,3.4vw,58px); }
  .instrument-page .metrics small { font-size:13px; margin-left:2px; }
  .instrument-page .process-bar button { padding:5px; min-height:68px; font-size:15px; }
  .instrument-page .process-bar span { display:block; margin:0; }
  .instrument-page .workbench { grid-template-columns:minmax(0,2.45fr) minmax(300px,1fr); gap:18px; }
  .instrument-page .model-column { display:block; position:relative; height:var(--bench-height); }
  .instrument-page .stage { height:100%; }
  .instrument-page .stage-caption { top:13px; right:auto; max-width:210px; font-size:13px; }
  .instrument-page .stage-caption span:last-child { display:none; }
  .instrument-page .stage-note { left:12px; right:auto; bottom:68px; max-width:200px; font-size:13px; }
  .instrument-page .view-toolbar { position:absolute; z-index:3; top:12px; right:12px; justify-content:flex-end; gap:6px; max-width:calc(100% - 240px); }
  .instrument-page .view-toolbar button { padding:8px; }
  .instrument-page .view-modes { gap:4px; }
  .instrument-page .parts-heading { position:absolute; z-index:3; top:43px; left:12px; }
  .instrument-page .parts-heading h2 { font-size:15px; }
  .instrument-page .parts-heading p { display:none; }
  .instrument-page .part-buttons { position:absolute; z-index:3; top:78px; left:12px; width:218px; display:grid; grid-template-columns:1fr; gap:4px; background:rgba(255,255,255,.9); }
  .instrument-page .part-buttons button { height:44px; padding:6px 8px; font-size:15px; background:rgba(255,255,255,.9); }
  .instrument-page .part-buttons button:hover { background:#e7e7e7; }
  .instrument-page .part-buttons button[aria-pressed="true"] { background:var(--accent); }
  .instrument-page .part-description { position:absolute; z-index:3; right:12px; bottom:68px; width:min(440px,calc(100% - 254px)); padding:10px 14px; border:1px solid #777; background:rgba(255,255,255,.95); }
  .instrument-page .part-description h2 { font-size:19px; margin:2px 0 6px; }
  .instrument-page .part-description p:not(.eyebrow):not(.selection-hint) { font-size:16px; line-height:1.55; }
  .instrument-page .selection-hint { font-size:13px; line-height:1.5; margin-top:6px; }
  .instrument-page .tour-row { position:absolute; z-index:3; top:470px; left:12px; width:218px; display:block; }
  .instrument-page .tour-row p { font-size:13px; background:rgba(255,255,255,.9); }
  .instrument-page .transport { position:absolute; z-index:4; bottom:2px; left:2px; right:2px; height:56px; padding:5px 10px; gap:10px; background:rgba(255,255,255,.96); border-top:1px solid #777; }
  .instrument-page .transport > button { min-width:82px; padding:8px; }
  .instrument-page .speed-label { gap:4px; }
  .instrument-page .speed-label select { padding:4px; }
  .instrument-page .scrub-label,.instrument-page .rate-inline { grid-template-columns:auto minmax(45px,1fr); gap:0 6px; line-height:1.1; font-size:13px; }
  .instrument-page .scrub-label output,.instrument-page .rate-inline output { grid-column:1; white-space:nowrap; }
  .instrument-page .scrub-label input,.instrument-page .rate-inline input { grid-column:2; grid-row:1/3; }
  .instrument-page .signal-column { height:var(--bench-height); padding-left:16px; }
  .instrument-page .signal-panel { margin-bottom:10px; padding-bottom:10px; }
  .instrument-page .signal-panel canvas { height:150px; }
  .instrument-page .signal-title h2 { font-size:17px; }
  .instrument-page .signal-switch { margin-bottom:8px; }
  .instrument-page .signal-switch button { padding:8px; font-size:14px; }
  .instrument-page .live-reading h3 { font-size:22px; }
}
@media (min-width:1100px) and (max-width:1300px) {
  .instrument-page .signal-panel canvas { height:120px; }
  .instrument-page .chart-note { font-size:13px; line-height:1.5; }
  .instrument-page .live-reading h3 { font-size:20px; }
}

/* 共通コンソール。狭幅では見出しの次に模型を置く。 */
@media (min-width:1100px) {
  .instrument-page .instrument-heading > div { flex-basis:170px; }
  .instrument-page .instrument-heading h1 span { white-space:nowrap; font-size:13px; }
  .ftir-page .tour-row { top:330px; }
  .nmr-page .tour-row { top:235px; }
  .instrument-page .process-bar { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); }
}
@media (max-width:1099px) {
  .instrument-page main,.instrument-page .dashboard-heading,.instrument-page #experiment,.instrument-page .workbench,.instrument-page .model-column { display:contents; }
  .instrument-page main > section,.instrument-page .instrument-heading,.instrument-page .process-bar,.instrument-page .model-column > *, .instrument-page .signal-column { margin-left:16px; margin-right:16px; }
  .instrument-page { display:flex; flex-direction:column; }
  .instrument-page .site-header { order:0; }
  .instrument-page .instrument-heading { order:1; }
  .instrument-page .stage { order:2; }
  .instrument-page .transport { order:3; }
  .instrument-page .view-toolbar { order:4; }
  .instrument-page .process-bar { order:5; }
  .instrument-page .parts-heading { order:6; }
  .instrument-page .part-buttons { order:7; }
  .instrument-page .part-description { order:8; }
  .instrument-page .tour-row { order:9; }
  .instrument-page .signal-column { order:10; }
  .instrument-page .challenge { order:11; }
  .instrument-page .sample-list { order:12; }
  .instrument-page .documentation { order:13; }
  .instrument-page .site-footer { order:14; }
  .instrument-page .metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .instrument-page .metrics > div:nth-child(n) { grid-column:auto; grid-row:auto; padding-left:8px; min-width:0; }
  .instrument-page .metrics > div:nth-child(n) dd { font-size:30px; }
  .instrument-page .metrics small { font-size:13px; }
  .instrument-page .metrics dt { font-size:13px; }
  .instrument-page .instrument-heading { padding:12px 0; gap:12px; }
  .instrument-page .part-buttons,.instrument-page .tour-row,.instrument-page .view-toolbar { margin-top:12px; margin-bottom:12px; }
}

@media (min-width:1100px) {
 .ftir-page .signal-panel canvas { height:105px; }
 .ftir-page .signal-panel { margin-bottom:6px; padding-bottom:6px; }
 .ftir-page .chart-note { line-height:1.4; }
 .ftir-page .live-reading h3 { font-size:18px; }
 .instrument-page .instrument-heading h1 span { white-space:normal; }
}

@media (max-width:600px) {
 .instrument-page .metrics small { display:block; margin-left:0; }
 .instrument-page .metrics > div:nth-child(n) dd { font-size:28px; }
}
@media (min-width:1100px) {
 .instrument-page .instrument-heading h1 span { white-space:nowrap; }
}
/* 第3弾も同じ罫・アクセントを使い、右列の3グラフを一画面に収める。 */
@media (min-width:1100px) {
 .phase3-page .signal-panel canvas { height:105px; }
 .phase3-page .signal-panel { margin-bottom:6px; padding-bottom:6px; }
 .phase3-page .chart-note { line-height:1.4; font-size:13px; }
 .hpaec-page .signal-panel canvas { height:85px; }
 .phase3-page .live-reading h3 { font-size:18px; }
 .phase3-page .instrument-heading h1 span { white-space:normal; }
 .hpaec-page .instrument-heading h1 { font-size:27px; }
 .hpaec-page .tour-row { top:330px; }
 .gpc-page .tour-row { top:282px; }
 .gpc-page .metrics small { display:block; font-size:13px; }
 .phase3-page .metrics dd { font-size:clamp(32px,2.8vw,46px); }
}
@media (max-width:600px) {
 .hpaec-page .instrument-heading h1 { font-size:38px; }
}

.appearance { margin:18px 0; min-width:0; }
.appearance img { display:block; width:100%; height:auto; object-fit:contain; }
.appearance-portrait img { max-height:480px; margin-inline:auto; }
.appearance-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
@media (max-width:600px) { .appearance-pair { grid-template-columns:1fr; } }
.appearance figcaption { font-size:13px; line-height:1.6; margin-top:8px; }
.instrument-entry .appearance { grid-column:3; grid-row:2; max-width:420px; }
.instrument-entry .entry-action { grid-column:4; grid-row:1/3; }
.about-instrument { border-top:2px solid; padding:28px 0; }
.about-instrument .appearance { max-width:640px; }
@media (max-width:1099px) {
 .instrument-entry .appearance { grid-column:2/-1; grid-row:auto; }
 .instrument-entry .entry-action { grid-column:2/-1; grid-row:auto; }
 .instrument-page .about-instrument { order:13; margin:24px 16px; }
}

.hub-labels { position:absolute; inset:0; z-index:3; pointer-events:none; }
.hub-model-link { position:absolute; transform:translate(-50%,-100%); display:flex; align-items:center; justify-content:center; min-height:44px; min-width:44px; padding:5px 10px; background:#fff; color:#202020; border:1px solid #444; font-size:14px; font-weight:700; white-space:nowrap; pointer-events:auto; }
.hub-switcher { display:none; gap:12px; padding:12px 0; }
.hub-visual > p { background:rgba(255,255,255,.94); }
.hub-unavailable .hub-labels { display:flex; flex-wrap:wrap; gap:8px; align-content:flex-start; padding:12px; }
.hub-unavailable .hub-model-link { position:static; transform:none; }
@media (max-width:1099px) {
 .instrument-page .transport { order:8; }
 .instrument-page .view-toolbar { order:3; }
 .instrument-page .process-bar { display:none; }
 .instrument-page .part-description { order:4; }
 .instrument-page .parts-heading { order:5; }
 .instrument-page .part-buttons { order:6; }
 .instrument-page .tour-row { order:7; }
 .instrument-page .documentation { order:14; }
 .instrument-page .site-footer { order:15; }
}
@media (max-width:600px) {
 .hub-switcher { display:flex; }
 .hub-visual > p { position:static; padding:4px 0 12px; }
 .instrument-page .stage { height:340px; flex:none; scroll-margin-top:12px; }
 .instrument-page .instrument-heading h1 { font-size:36px; }
 .instrument-page .instrument-heading h1 span { font-size:15px; }
 .instrument-page .metrics > div:nth-child(n) dd { font-size:28px; letter-spacing:-.04em; }
 .instrument-page .metrics { gap:4px; }
 .instrument-page .metrics > div:nth-child(n) { padding-left:5px; }
 .instrument-page .metrics dt { font-size:13px; }
}

@media (min-width:601px) and (max-width:900px) { .hub-switcher { display:flex; } .hub-visual > p { position:static; padding:4px 0 12px; } }