/* Instrument introductions share the homepage's light editorial language. */
.instrument-link{margin-top:29px;font-size:14px;letter-spacing:.08em}
.instrument-page{background:#fafcff}
.instrument-page .site-header{background:rgba(250,252,255,.94);backdrop-filter:blur(18px);box-shadow:0 1px 0 #d7e4f080}
.detail-top{padding-top:126px}
.detail-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#718aa5;font-size:14px;margin:0 0 27px}.detail-breadcrumb a{text-decoration:none;color:#446d94}.detail-breadcrumb a:hover{color:var(--blue)}
.detail-nav{display:flex;gap:32px;border-bottom:1px solid #c9daeb80;padding-bottom:17px}.detail-nav a{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:14px;color:#67809a;padding-bottom:8px;border-bottom:1px solid transparent}.detail-nav a span{font-size:12px;color:#8ba0b6}.detail-nav a[aria-current="page"]{color:var(--blue);border-color:var(--blue)}.detail-nav a[aria-current="page"] span{color:var(--amber)}.detail-nav a:hover{color:var(--blue)}
.detail-hero{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:2.5vw;padding-block:65px 90px;min-height:690px}
.detail-hero:before{content:'';position:absolute;inset:0 -3vw;z-index:-1;background:radial-gradient(ellipse at 76% 48%,#deefff91 0%,#edf6ff4f 34%,transparent 70%);pointer-events:none}
.instrument-vector .detail-hero:before{background:radial-gradient(ellipse at 76% 48%,#def2f995,transparent 70%)}
.detail-copy{max-width:530px}.detail-copy .eyebrow{font-size:14px;margin-bottom:27px;letter-spacing:.14em}.detail-copy h1{font:normal clamp(58px,5.6vw,96px)/1.02 var(--serif);letter-spacing:-.055em;margin:0 0 31px}.detail-lede{font:normal clamp(25px,2.4vw,34px)/1.3 var(--serif);letter-spacing:-.02em;color:#244d7f;max-width:440px;margin:0 0 25px}.detail-intro{font-size:17px;line-height:1.8;color:#59728d;max-width:430px;margin:0 0 28px}
.development-label{display:inline-block;font-size:13px;letter-spacing:.03em;color:#67849e;border-left:2px solid #c9954c;padding-left:12px;line-height:1.6}
.detail-figure{min-width:0;margin:0}.detail-figure .figure-header{padding-inline:2%;gap:15px;line-height:1.6}.detail-figure canvas{display:block;width:100%;height:auto;aspect-ratio:1000/650;filter:drop-shadow(0 18px 22px #487ca510)}.detail-figure figcaption{padding:18px 3% 0;border-top:1px solid #c9daeb80}.detail-figure figcaption p{font-size:14px;line-height:1.65;color:#6a839d;margin:0 0 12px;max-width:700px}.detail-figure .figure-value{font-size:14px;display:block;text-align:left;font-variant-numeric:tabular-nums;color:#376a9f}
.detail-purpose{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:78px 100px;border-top:1px solid #c9daeb80;align-items:center}
.detail-purpose h2,.detail-example h2,.detail-status h2{font:normal clamp(33px,3.35vw,52px)/1.14 var(--serif);letter-spacing:-.035em;color:#17385f;margin:0 0 28px;max-width:600px}
.detail-purpose .eyebrow,.detail-example .eyebrow,.detail-status .eyebrow{margin-bottom:24px;font-size:13px;letter-spacing:.14em}.detail-purpose>div>p:not(.eyebrow),.detail-example p:not(.eyebrow),.detail-status>p{font-size:17px;color:#59728d;line-height:1.85;margin:0 0 20px;max-width:580px}
.detail-dimension{display:grid;grid-template-columns:28px 1fr;gap:22px;padding:25px 0;border-top:1px solid #ccdaea80}.detail-dimension:last-child{border-bottom:1px solid #ccdaea80}.detail-dimension>span{font-size:13px;color:var(--amber);padding-top:4px}.detail-dimension h3{font:normal 29px/1.3 var(--serif);letter-spacing:-.02em;color:#244d7f;margin:0 0 10px}.detail-dimension p{font-size:16px;line-height:1.75;color:#64809a;margin:0;max-width:480px}
.detail-example{background:linear-gradient(#f0f7fd,#f4f9fd);padding-block:72px}.detail-example-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}.detail-example h2{max-width:430px;font-size:clamp(33px,3.2vw,48px)}.detail-example blockquote{font:normal 29px/1.5 var(--serif);color:#305b8c;letter-spacing:-.02em;margin:0 0 25px;padding-left:21px;border-left:2px solid #cc9b5c}.example-tags{display:flex;gap:22px;flex-wrap:wrap;padding-top:13px;font-size:14px;color:#63809c}
.detail-status{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding-block:80px 85px;align-items:center}.detail-status h2{font-size:clamp(33px,3vw,46px);margin-bottom:0}.detail-status>p{margin:0}
.detail-related{padding-block:30px 65px;border-top:1px solid #c9daeb80}.related-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:0 0 28px}.related-heading h2{font:normal clamp(26px,2.4vw,36px)/1.3 var(--serif);letter-spacing:-.03em;margin:0}.related-heading .text-link{font-size:13px;letter-spacing:.07em;white-space:nowrap}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.related-links a{padding:23px 0;text-decoration:none;border-top:1px solid #c9daeb80}.related-links a>span{font-size:12px;color:#6b87a2;letter-spacing:.09em;text-transform:uppercase}.related-links strong{display:block;font:normal clamp(26px,2.6vw,40px)/1.3 var(--serif);letter-spacing:-.03em;margin-top:13px}.related-links i{font-style:normal}.related-links p{font-size:15px;color:#67849d;line-height:1.7;margin:12px 0 0}.related-links a:hover strong{color:var(--blue)}
.detail-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding-block:25px 36px;border-top:1px solid #c5d7e8;font-size:14px;color:#67849d}.detail-footer .brand{font-size:14px;color:var(--ink)}.detail-footer>a:not(.brand){font-size:14px;text-decoration:none}.detail-footer>a:hover{color:var(--blue)}
@media(max-width:1100px){.detail-hero{grid-template-columns:.85fr 1.15fr;gap:1vw;min-height:625px}.detail-copy h1{font-size:clamp(58px,6.1vw,70px)}.detail-intro{font-size:16px}.detail-figure .figure-header{font-size:13px}.detail-purpose,.detail-example-layout,.detail-status{gap:5vw}.detail-example blockquote{font-size:26px}}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr;gap:38px;padding-block:49px 62px}.detail-copy{max-width:660px}.detail-copy h1{font-size:clamp(62px,10vw,92px)}.detail-lede,.detail-intro{max-width:600px}.detail-figure{width:100%;max-width:840px}.detail-figure .figure-header{font-size:14px}.detail-purpose{grid-template-columns:1fr;gap:26px;padding-block:60px}.detail-purpose>div>p:not(.eyebrow){max-width:700px}.detail-example-layout,.detail-status{grid-template-columns:1fr;gap:24px}.detail-example h2{max-width:620px;margin-bottom:0}.detail-status{padding-block:60px}.detail-related{padding-top:26px}}
@media(max-width:760px){.detail-top{padding-top:145px}.detail-nav{gap:7px 21px;flex-wrap:wrap;align-items:center;padding-bottom:14px}.detail-nav a{font-size:14px}.detail-breadcrumb{margin-bottom:23px}.detail-copy .eyebrow{margin-bottom:22px}.detail-copy h1{font-size:clamp(46px,12vw,86px);margin-bottom:26px}.detail-lede{font-size:27px;margin-bottom:20px}.detail-intro{font-size:16px;line-height:1.8}.detail-hero{gap:32px;padding-block:40px 56px}.detail-figure{width:calc(100% + 24px);margin-left:-12px}.detail-figure .figure-header{padding-inline:4%;flex-wrap:wrap;gap:4px 14px}.detail-figure figcaption{margin-inline:12px;padding-inline:0}.detail-figure figcaption p{font-size:14px}.detail-dimension{gap:16px;padding-block:23px}.detail-purpose h2{font-size:35px}.detail-purpose>div>p:not(.eyebrow),.detail-example p:not(.eyebrow),.detail-status>p{font-size:16px}.detail-example{padding-block:55px}.detail-example h2{font-size:35px}.detail-example blockquote{font-size:25px;line-height:1.5;padding-left:17px}.example-tags{gap:12px 22px}.detail-status h2{font-size:35px}.related-heading{flex-direction:column;align-items:flex-start;gap:15px}.related-heading h2{font-size:30px}.related-links{grid-template-columns:1fr;gap:0}.related-links strong{font-size:34px}.detail-related{padding-bottom:40px}.detail-footer{gap:18px;font-size:13px;padding-bottom:30px}.detail-footer .brand{width:100%;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
