:root{--learn-blue:#087fc5;--learn-blue-dark:#06669f;--learn-paper:#f7f6f2;--learn-ink:#17191b;--learn-muted:#62666a;--learn-rule:#d9dad7;--learn-dark:#15191d}
.learn-page{background:var(--learn-paper);color:var(--learn-ink)}
.learn-page a{text-underline-offset:.18em}
.learn-page .site-header{position:sticky}
.learn-page .site-header nav>a[aria-current="page"]{color:#d9edf9;box-shadow:inset 0 -2px 0 var(--learn-blue)}
.learn-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 44px;color:#aeb8bf;font-size:13px;line-height:1.5}
.learn-breadcrumbs a{text-decoration:underline;text-decoration-color:#6e7a81}
.learn-breadcrumbs a:hover{color:#fff}
.learn-breadcrumbs span[aria-hidden="true"]{color:#69747a}
.learn-index-hero{padding:clamp(54px,6.5vw,88px) max(var(--gutter),calc((100% - var(--content))/2));background:var(--learn-dark);color:#f7f6f2}
.learn-index-hero .learn-breadcrumbs{margin-bottom:30px}
.learn-index-hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(38px,5vw,76px);align-items:center}
.learn-index-hero-copy{min-width:0}
.learn-index-hero h1{max-width:760px;font-size:clamp(54px,7.5vw,104px)}
.learn-index-hero h1 span{display:block;color:#82c9ef}
.learn-index-hero .learn-deck{max-width:520px;margin-top:26px;color:#c6ccd0;font-size:clamp(17px,1.5vw,20px);line-height:1.65}
.learn-index-hero-visual{margin:0;overflow:hidden;border:1px solid #344047;background:#101519;box-shadow:0 22px 64px rgba(0,0,0,.22)}
.learn-index-hero-visual img{display:block;width:100%;height:auto}
.learn-index-main{padding:clamp(68px,8vw,112px) max(var(--gutter),calc((100% - var(--content))/2))}
.learn-index-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:50px;align-items:end;margin-bottom:46px}
.learn-index-heading p{font-size:16px}
.learn-article-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:480px;border-top:1px solid var(--learn-rule);border-bottom:1px solid var(--learn-rule);background:#fff}
.learn-card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,5vw,72px)}
.learn-card-copy .learn-category,.article-category{margin:0 0 18px;color:var(--learn-blue-dark);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.learn-card-copy h2{max-width:650px;font-size:clamp(34px,4vw,58px);line-height:1.04}
.learn-card-copy>p{max-width:56ch;font-size:16px}
.learn-card-copy .text-link{margin-top:26px;color:var(--learn-blue-dark);border-color:#72a9c5}
.learn-card-visual{display:flex;align-self:center;min-height:0;background:transparent}
.learn-card-visual img{display:block;width:100%;height:auto;object-fit:contain}
.learn-topics{padding:clamp(64px,7vw,98px) max(var(--gutter),calc((100% - var(--content))/2));background:#eceee9}
.learn-topics-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;margin-bottom:40px}
.learn-topics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #bdc1be}
.learn-topic{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;border-bottom:1px solid #bdc1be;color:#4d5458;font-size:15px}
.learn-topic:nth-child(odd){padding-right:30px}
.learn-topic:nth-child(even){padding-left:30px;border-left:1px solid #bdc1be}
.learn-topic span{font-variant-numeric:tabular-nums;color:#8a9194;font-size:12px}

.article-hero{padding:0 max(var(--gutter),calc((100% - var(--content))/2)) clamp(68px,8vw,110px);background:var(--learn-dark);color:#f7f6f2}
.article-hero .learn-breadcrumbs{padding-top:34px}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(44px,6vw,88px);align-items:center}
.article-hero-copy h1{max-width:820px;font-size:clamp(46px,4.5vw,68px);line-height:1.01}
.article-subtitle{max-width:620px;margin-top:26px;color:#c6ccd0;font-size:clamp(18px,1.7vw,22px);line-height:1.62}
.article-byline{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:32px;padding-top:24px;border-top:1px solid #3d464c;color:#aeb8bf;font-size:13px;line-height:1.5}
.article-byline strong{color:#f7f6f2;font-weight:600}
.article-hero-visual{margin:0;background:#101519;border:1px solid #344047;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.article-hero-visual img{width:100%;height:auto}
.article-hero-visual figcaption{padding:12px 15px 14px;border-top:1px solid #344047;color:#aeb8bf;font-size:11px;line-height:1.55}
.article-shell{display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(48px,7vw,104px);justify-content:center;padding:clamp(64px,7vw,104px) max(var(--gutter),calc((100% - var(--content))/2))}
.article-toc{align-self:start;position:sticky;top:112px;padding-top:4px}
.article-toc h2{margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.article-toc ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--learn-rule)}
.article-toc li{border-bottom:1px solid var(--learn-rule)}
.article-toc a{display:block;padding:13px 0;color:#596167;font-size:13px;line-height:1.45}
.article-toc a:hover{color:var(--learn-blue-dark)}
.article-copy{font-size:19px;line-height:1.78}
.article-copy>section,#article-content>section{scroll-margin-top:112px}
.article-copy h2{margin:72px 0 24px;font-size:clamp(31px,3.2vw,45px)}
.article-copy h3{margin:42px 0 17px;font-size:24px}
.article-copy p{max-width:100%;font-size:inherit;line-height:inherit}
.article-copy ul,.article-copy ol{padding-left:1.25em;color:var(--learn-muted)}
.article-copy li+li{margin-top:10px}
.article-copy a:not(.btn){color:#075f92;text-decoration:underline;text-decoration-thickness:1px}
.article-copy .citation{display:inline-block;margin-left:.18em;font-size:.7em;font-weight:700;line-height:1;vertical-align:super;text-decoration:none}
.article-copy a:focus-visible,.article-toc a:focus-visible{outline:3px solid rgba(8,127,197,.42);outline-offset:4px;border-radius:2px}
.article-copy figure{margin:54px 0}
.article-copy figure img{width:100%;height:auto;background:#e9ebe7}
.article-copy figcaption{margin-top:14px;color:#6b7276;font-size:12px;line-height:1.62}
.article-copy figcaption a{color:inherit}
.source-gate{margin:0 0 56px;padding:30px 32px;border:1px solid #b8c8d1;border-left:4px solid var(--learn-blue);background:#edf5f9}
.source-gate h2{margin:0 0 12px;font-size:22px;letter-spacing:-.02em}
.source-gate p{font-size:15px;line-height:1.66}
.source-gate code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
.visual-section-intro{font-size:17px!important}
.historical-figure{border-top:1px solid var(--learn-rule);padding-top:18px}
.historical-figure picture{display:block;background:#e4e5e1}
.historical-figure img{aspect-ratio:1.5;object-fit:cover;object-position:center 38%}
.historical-figure--full-instrument img{aspect-ratio:auto;object-fit:contain;object-position:center;width:100%;height:auto}
.historical-figure--portrait img{aspect-ratio:1.34;object-fit:cover}
.technical-figure{overflow-x:auto;padding:16px;background:#0d171d;border:1px solid #3a5260;overscroll-behavior-inline:contain}
.technical-figure img{display:block;background:#0d171d}
.technical-figure figcaption{min-width:0;padding:14px 4px 2px;color:#b7c1c6}
.technical-figure:focus-visible{outline:3px solid rgba(8,127,197,.45);outline-offset:4px}
.image-credit{display:block;margin-top:4px}
.parameter-list{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 28px;margin:30px 0 38px;border-top:1px solid var(--learn-rule)}
.parameter-list dt,.parameter-list dd{padding:17px 0;border-bottom:1px solid var(--learn-rule)}
.parameter-list dt{color:var(--learn-ink);font-size:15px;font-weight:700;letter-spacing:.02em}
.parameter-list dd{margin:0;color:var(--learn-muted);font-size:16px;line-height:1.62}
.product-context{margin-top:76px;padding:38px 40px;border-top:1px solid #aeb4b5;border-bottom:1px solid #aeb4b5;background:#eceee9}
.product-context h2{margin:0 0 18px;font-size:30px}
.product-context p{font-size:16px;line-height:1.68}
.product-context .text-link{margin-top:18px;color:#075f92}
.reference-section{margin-top:86px;padding-top:12px;border-top:3px solid var(--learn-ink)}
.reference-section h2{margin-top:30px}
.reference-kicker{margin:28px 0 -12px!important;color:var(--learn-blue-dark);font-size:12px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.reference-intro{margin-bottom:34px;color:var(--learn-muted);font-size:16px!important}
.reference-list{margin:0!important;padding:0!important;list-style:none;counter-reset:references}
.reference-entry{position:relative;padding:32px 0 34px 58px;border-top:1px solid var(--learn-rule);counter-increment:references;scroll-margin-top:112px}
.reference-entry::before{content:counter(references,decimal-leading-zero);position:absolute;top:36px;left:0;color:var(--learn-blue-dark);font-size:12px;font-weight:800;letter-spacing:.08em}
.reference-entry:last-child{border-bottom:1px solid var(--learn-rule)}
.reference-entry h3{margin:0 0 12px;font-size:21px;line-height:1.35}
.reference-entry p{margin:10px 0;color:#53595d;font-size:15px;line-height:1.66}
.reference-entry .reference-meta{margin-bottom:18px;color:#6a7074;font-size:13px}
.reference-entry .reference-label{margin-top:19px;color:var(--learn-ink);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.reference-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:14px;font-weight:700}
.reference-links{display:flex;flex-wrap:wrap;gap:10px 24px}
.about-article{margin-top:78px;padding:32px 36px;border-top:1px solid #aeb4b5;border-bottom:1px solid #aeb4b5;background:#eceee9}
.about-article h2{margin:0 0 16px;font-size:28px}
.about-article p{margin:0;color:#53595d;font-size:15px;line-height:1.72}
.article-return{padding:34px max(var(--gutter),calc((100% - 980px)/2));background:#fff;border-top:1px solid var(--learn-rule)}
.article-return a{color:#075f92;font-size:14px;font-weight:700;text-decoration:underline}

@media(max-width:980px){
  .learn-index-hero-inner,.learn-index-heading,.article-hero-grid{grid-template-columns:1fr}
  .learn-index-hero-inner{gap:34px}
  .learn-article-card{grid-template-columns:1fr}
  .learn-card-visual{min-height:0;order:-1}
  .article-hero-grid{gap:42px}
  .article-hero-visual{max-width:760px}
  .article-shell{grid-template-columns:minmax(0,760px)}
  .article-toc{position:static;padding:0 0 30px;border-bottom:1px solid var(--learn-rule)}
  .article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
}
@media(max-width:700px){
  .learn-index-hero{padding-top:60px;padding-bottom:68px}
  .learn-index-hero h1{font-size:clamp(50px,15vw,76px)}
  .learn-index-hero .learn-deck{margin-top:20px}
  .learn-card-copy{padding:32px 24px 42px}
  .learn-card-copy h2{font-size:36px}
  .learn-card-visual{min-height:0}
  .learn-topics-head,.learn-topics-grid{grid-template-columns:1fr}
  .learn-topics-head{gap:20px}
  .learn-topic:nth-child(odd),.learn-topic:nth-child(even){padding:20px 0;border-left:0}
  .article-hero{padding-inline:24px;padding-bottom:56px}
  .article-hero .learn-breadcrumbs{padding-top:26px;margin-bottom:36px}
  .article-hero-copy h1{font-size:clamp(43px,12vw,60px)}
  .article-subtitle{font-size:18px}
  .article-shell{padding:52px 24px 68px;gap:38px}
  .article-toc ol{grid-template-columns:1fr}
  .article-copy{font-size:17px;line-height:1.76}
  .article-copy h2{margin-top:58px;font-size:32px}
  .article-copy h3{font-size:22px}
  .article-copy figure{margin:42px 0}
  .technical-figure{margin-inline:-8px!important;padding:8px}
  .technical-figure img{width:680px;max-width:none}
  .technical-figure figcaption{min-width:680px;padding:12px 4px 4px}
  .source-gate{padding:24px 22px}
  .product-context{padding:30px 24px}
  .parameter-list{grid-template-columns:1fr;gap:0}
  .parameter-list dt{padding-bottom:3px;border-bottom:0}
  .parameter-list dd{padding-top:0}
  .reference-entry{padding-left:38px}
  .about-article{padding:28px 24px}
  .historical-figure img,.historical-figure--portrait img{aspect-ratio:auto;object-fit:contain}
}
@media(max-width:767px){.learn-page .site-header nav>a[aria-current="page"]{box-shadow:none;color:#d9edf9;border-bottom-color:var(--learn-blue)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.site-footer,.article-toc,.article-return{display:none!important}.article-hero{background:#fff;color:#000;padding:40px 0}.article-subtitle,.article-byline{color:#333}.article-hero-grid,.article-shell{display:block}.article-hero-visual{margin-top:30px}.article-shell{padding:40px 0}.source-gate{border:1px solid #777;background:#fff}.article-copy{font-size:11pt}.article-copy figure{break-inside:avoid}.product-context{background:#fff}}