:root{--ink:#232323;--muted:#7c7c7c;--faint:#a6a6a6;--line:#e7e7e7;--paper:#fff;--wash:#f5f5f5;--accent:#5c5c5c;--sidebar:248px;--header:78px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#e6e6e6}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.topbar{position:fixed;inset:0 0 auto;height:var(--header);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:30px;letter-spacing:-1.7px;font-weight:600}.brand svg{width:28px;height:28px}.brand-suffix{font-size:12px;letter-spacing:.04em;color:var(--muted);font-weight:400;border-left:1px solid #d9d9d9;padding-left:18px;margin-left:13px}.top-links{display:flex;align-items:center;gap:32px;font-size:13px}.top-links a{color:#5e5e5e}.top-links a:hover{color:#111}.external-mark{font-size:16px;margin-left:5px}.menu-button{display:none;border:1px solid var(--line);background:white;padding:9px 12px;font-size:12px;gap:10px;align-items:center}.sidebar{position:fixed;top:var(--header);bottom:0;left:0;width:var(--sidebar);border-right:1px solid var(--line);padding:49px 26px 23px 34px;display:flex;flex-direction:column;z-index:20;background:#fff}.sidebar-title{font-size:13px;font-weight:600;letter-spacing:-.1px;margin:0 0 7px}.sidebar-subtitle{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 32px;max-width:165px}.toc-label,.eyebrow,.metric-label,.figure-label{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;text-transform:uppercase;font-size:10px;letter-spacing:.11em;font-weight:400}.toc-label{color:var(--faint);margin:0 0 17px}.toc{overflow:auto;scrollbar-width:thin;margin-right:-10px;padding-right:10px}.toc-group{margin:0 0 4px}.toc a{display:flex;gap:12px;align-items:baseline;font-size:12px;line-height:1.5;color:#898989;padding:10px 0;transition:color .15s}.toc a:hover{color:#2c2c2c}.toc a.active{color:var(--ink);font-weight:500}.toc-number{font-family:Consolas,monospace;font-size:10px;color:#a5a5a5;flex:0 0 16px}.toc a.active .toc-number{color:var(--accent)}.toc-group.active>.toc-link::after{content:'';background:#6a6a6a;width:5px;height:5px;border-radius:50%;margin-left:auto;flex-shrink:0;align-self:center}.toc-sub{display:none;border-left:1px solid var(--line);margin:2px 0 12px 27px;padding-left:13px}.toc-group.active .toc-sub{display:block}.toc-sub a{font-size:10.5px;line-height:1.55;padding:6px 0}.sidebar-footer{margin-top:auto;padding-top:25px;background:white}.reading-meta{display:flex;justify-content:space-between;font-size:10px;color:#999999;margin-bottom:10px}.progress-track{height:2px;background:#ededed;margin-bottom:18px}.progress-fill{width:0;height:100%;background:#7c7c7c;transition:width .08s linear}.back-top{font-size:11px;color:#747474}.page{margin-left:var(--sidebar);padding:var(--header) 64px 0;max-width:1512px}.content-wrap{max-width:980px;margin:0 auto}.hero{padding:48px 0 0}.breadcrumb{font-family:Consolas,monospace;color:#8f8f8f;letter-spacing:.03em;font-size:10px;display:flex;gap:12px;margin-bottom:47px}.breadcrumb span:last-child{color:#3a3a3a}.eyebrow{display:flex;align-items:center;gap:9px;color:#747474;margin-bottom:22px}.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#7e7e7e}.hero h1{font-size:clamp(60px,6vw,86px);font-weight:400;line-height:1.03;letter-spacing:-.065em;margin:0 0 17px}.hero h2{font-size:clamp(29px,3.2vw,45px);font-weight:400;line-height:1.13;letter-spacing:-.043em;max-width:840px;margin:0}.hero-deck{font-size:19px;line-height:1.6;color:#7e7e7e;margin:20px 0 31px;letter-spacing:-.25px}.hero-links{display:flex;align-items:center;gap:26px;font-size:12px;margin:0 0 42px}.primary-link{display:inline-flex;align-items:center;gap:25px;background:#323232;color:#fff;padding:12px 17px;border-radius:2px}.primary-link:hover{background:#515151}.text-link{border-bottom:1px solid #cccccc;padding-bottom:4px}.metrics{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0 25px;margin:0 0 31px}.metric{padding-left:27px;border-left:1px solid var(--line)}.metric:first-child{padding-left:0;border-left:0}.metric-value{font-size:35px;line-height:1.2;letter-spacing:-1.3px;font-weight:400;margin-bottom:8px}.metric-value span{font-size:15px;letter-spacing:-.2px;margin-left:5px;color:#898989}.metric-label{font-size:9px;letter-spacing:.075em;color:#909090}.showcase{margin:0 0 60px}.showcase-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.showcase-head h3{font-weight:400;font-size:12px;margin:0;color:#666666}.motion-toggle{font-size:10px;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:4px;color:#828282}.motion-toggle svg{height:11px;width:11px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.showcase-card{position:relative;background:var(--wash);margin:0;overflow:hidden;border-radius:2px}.showcase-card video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.showcase-card figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(0,0,0,.57));color:white;padding:32px 12px 10px;font-size:10px;letter-spacing:.02em;display:flex;justify-content:space-between}.showcase-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;color:#929292;margin:12px 0 0}.showcase-caption a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.article{font-size:16px;line-height:1.85;color:#5a5a5a}.article-section{padding:43px 0 33px;border-top:1px solid var(--line);scroll-margin-top:110px}.article-section h2{font-size:31px;line-height:1.22;letter-spacing:-1.1px;font-weight:400;color:var(--ink);margin:0 0 28px;max-width:760px}.section-number{display:block;font-family:Consolas,monospace;color:#9c9c9c;font-size:11px;font-weight:400;letter-spacing:.03em;margin:0 0 19px}.article-section h3{font-size:23px;line-height:1.35;letter-spacing:-.6px;font-weight:400;color:#343434;margin:51px 0 20px;scroll-margin-top:110px}.article-section h4{font-size:17px;color:#343434;font-weight:500;margin:29px 0 17px}.article p{margin:0 0 20px}.article strong{font-weight:600;color:#3f3f3f}.article em{color:inherit}.article ul,.article ol{padding-left:23px;margin:20px 0 28px}.article li{padding-left:6px;margin:10px 0}.article a{color:#6a6a6a;text-decoration:underline;text-decoration-color:#bfbfbf;text-underline-offset:3px}.article a:hover{color:#2f2f2f}.article u{text-decoration:none}.article figure{margin:32px 0}.article img{display:block;width:100%;height:auto}.figure-zoom{display:block;width:100%;padding:18px;background:#fff;border:1px solid var(--line);border-radius:3px;position:relative;cursor:zoom-in}.figure-zoom::after{content:'↗';position:absolute;top:8px;right:11px;color:#a7a7a7;font-size:14px}.figure-zoom:hover{border-color:#adadad}.article figcaption{color:#969696;font-size:11px;line-height:1.7;margin-top:12px}.article figcaption strong{color:#7e7e7e;font-weight:500}.article video{display:block;width:100%;height:auto;max-height:650px;background:#f4f4f4;border-radius:3px;object-fit:contain}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:24px 0 26px}.demo-column>p{font-size:11px;font-weight:500;line-height:1.5;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px}.demo-column figure{margin:0 0 20px}.demo-grid video{aspect-ratio:16/9}.demo-grid figcaption{font-size:10px;margin-top:7px;line-height:1.4}.evaluation-details{background:#f7f7f7;border:1px solid #e6e6e6;border-radius:3px;padding:19px 23px;margin:27px 0;font-size:13px;line-height:1.7}.evaluation-details summary{cursor:pointer;color:#555555;font-weight:500;position:relative;list-style:none;padding-right:30px}.evaluation-details summary::-webkit-details-marker{display:none}.evaluation-details summary::after{content:'+';position:absolute;right:0;top:0;font-size:20px;font-weight:400;color:#848484}.evaluation-details[open] summary::after{content:'−'}.evaluation-details summary p{margin:4px 0 0;font-size:11px;color:#919191}.evaluation-details>div,.evaluation-details article{margin-top:24px}.evaluation-details .chat-role{font-family:Consolas,monospace;font-size:10px;color:#8c8c8c;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.evaluation-details .user-bubble{padding:16px;background:#f1f1f1;border-radius:3px}.evaluation-details h3{font-size:17px;margin:24px 0 13px}.evaluation-details .evaluation-footer{border-top:1px solid #e3e3e3;padding-top:16px;margin-top:24px}.media-note{margin:32px 0;padding:22px;background:#f7f7f7;border:1px dashed #dddddd;border-radius:3px;font-size:12px;color:#8d8d8d}.media-note p{margin:6px 0}.media-note details{margin-top:12px}.media-note summary{cursor:pointer;font-size:11px}.media-note img{margin-top:15px}.media-note figcaption{font-size:11px}#references{font-size:12px;line-height:1.75}#references p{margin-bottom:15px}#references h2{font-size:30px}.endnote{padding:35px 0 55px;border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.endnote-title{font-size:19px;letter-spacing:-.4px;margin:0 0 9px}.endnote p{font-size:12px;color:#949494;margin:0;line-height:1.8}.endnote-links{display:flex;gap:22px;font-size:11px;margin-top:6px;color:#6e6e6e}.bottom-bar{display:flex;justify-content:space-between;padding:22px 0 29px;border-top:1px solid var(--line);font-size:10px;color:#9f9f9f}.lightbox{border:0;padding:48px;background:white;border-radius:5px;max-width:min(94vw,1500px);max-height:93vh;box-shadow:0 12px 70px #0003}.lightbox::backdrop{background:rgba(28,33,25,.5);backdrop-filter:blur(4px)}.lightbox img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;object-fit:contain;margin:auto}.lightbox p{font-size:12px;color:#808080;line-height:1.6;max-width:900px;margin:20px auto 0}.lightbox-close{position:absolute;right:16px;top:10px;border:0;background:transparent;font-size:24px;padding:4px 9px}.mobile-shade{display:none}@media(min-width:1700px){.page{margin-left:max(248px,calc((100vw - 1450px)/2 + 248px))}.sidebar{padding-left:max(34px,calc((100vw - 1450px)/2 + 34px));width:max(248px,calc((100vw - 1450px)/2 + 248px))}}@media(max-width:1150px){:root{--sidebar:220px}.topbar{padding:0 27px}.sidebar{padding-left:25px;padding-right:20px}.page{padding-left:42px;padding-right:42px}.hero h2{font-size:37px}.hero-deck{font-size:17px}.article{font-size:15px}.hero h1{font-size:73px}.toc a{font-size:11px}}@media(max-width:850px){:root{--header:68px}.topbar{padding:0 24px}.brand{font-size:27px}.brand-suffix{font-size:10px;padding-left:13px;margin-left:5px}.top-links{display:none}.menu-button{display:flex}.sidebar{width:280px;transform:translateX(-100%);transition:transform .22s;padding:32px 27px 25px;box-shadow:10px 0 25px #00000005}.sidebar.open{transform:translateX(0)}.mobile-shade.open{display:block;position:fixed;inset:var(--header) 0 0;background:#0003;z-index:15}.toc a{font-size:13px}.toc-sub a{font-size:12px}.page{margin-left:0;padding-left:28px;padding-right:28px}.hero{padding-top:28px}.breadcrumb{margin-bottom:34px}.hero h1{font-size:69px}.hero h2{font-size:38px;max-width:650px}.hero-deck{font-size:17px}.hero-links{margin-bottom:31px}.showcase{margin-bottom:44px}.article{font-size:16px}.article-section{padding-top:34px}.figure-zoom{padding:10px}.lightbox{padding:45px 15px 18px}.lightbox img{max-height:70vh}}@media(max-width:520px){.page{padding-left:21px;padding-right:21px}.topbar{padding:0 21px}.brand-suffix{display:none}.hero h1{font-size:62px}.hero h2{font-size:31px;line-height:1.17;letter-spacing:-1.3px}.hero-deck{font-size:16px;line-height:1.6;max-width:280px;margin:17px 0 26px}.hero-links{gap:22px;font-size:11px}.primary-link{gap:16px;padding:11px 13px}.metrics{padding:19px 0 20px;grid-template-columns:1.1fr 1fr 1fr;gap:11px;margin-bottom:26px}.metric{padding-left:13px}.metric-value{font-size:28px;letter-spacing:-.9px;margin-bottom:7px}.metric-value span{display:none}.metric-label{font-size:8px;letter-spacing:.02em;line-height:1.65;max-width:80px}.showcase-grid{gap:6px}.showcase-card video{aspect-ratio:4/5;object-fit:cover}.showcase-card figcaption{font-size:8px;line-height:1.3;padding:26px 8px 8px}.showcase-card figcaption span:last-child{display:none}.showcase-caption{font-size:9px;display:block}.showcase-caption a{display:inline-block;margin-top:7px}.article-section h2{font-size:29px;letter-spacing:-.85px}.article-section h3{font-size:22px;line-height:1.35;margin-top:39px}.article{font-size:15px;line-height:1.85}.article p{margin-bottom:20px}.demo-grid{grid-template-columns:1fr;gap:16px}.demo-column{display:grid;grid-template-columns:1fr 1fr;gap:11px}.demo-column>p{grid-column:1/-1;margin-bottom:3px;font-size:12px}.demo-column figure{margin:0}.demo-column figure:first-of-type{grid-column:1/-1}.demo-grid figcaption{font-size:10px;margin-bottom:10px}.evaluation-details{padding:17px}.endnote{display:block;padding:30px 0}.endnote-links{margin-top:21px}.bottom-bar{font-size:9px;gap:20px;line-height:1.6}.article figure{margin:24px 0}.demo-column figure{margin:0}.article figcaption{font-size:10px}.section-number{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

@media(max-width:520px){.metric-value .unit-percent{display:inline;font-size:20px;margin-left:2px}}
.evaluation-title,.evaluation-description{display:block}.evaluation-title{font-size:14px;line-height:1.5}.evaluation-description{font-size:11px;line-height:1.7;color:#8e8e8e;font-weight:400;margin-top:4px}.evaluation-chevron{display:none}

.hero{padding-bottom:30px}.hero-deck{margin-bottom:27px}@media(max-width:850px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}

.sidebar-title{margin-bottom:25px}.hero{padding-top:66px;padding-bottom:23px}.article{padding-bottom:60px}@media(max-width:850px){.hero{padding-top:40px}}

.brand-logo{display:block;width:132px;height:36px;object-fit:contain}.breadcrumb a:hover{text-decoration:underline}

/* LEO: retain the robot image's natural proportions in a one-third right column. */
.leo-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start;margin:24px 0 32px}
.leo-layout .leo-copy{min-width:0}.leo-layout .leo-copy>p:last-child{margin-bottom:0}
.article .leo-layout .leo-portrait{margin:0;min-width:0}
.leo-layout .figure-zoom{padding:10px}.leo-layout img{width:100%;height:auto;object-fit:contain}
.leo-layout figcaption{margin-top:12px}
@media(max-width:650px){.leo-layout{grid-template-columns:minmax(0,1fr);gap:24px}.article .leo-layout .leo-portrait{grid-row:1;width:min(62%,270px);justify-self:center}.leo-layout .leo-copy{grid-row:2}}
/* Keep article numbering beside the full section heading. */
.section-heading{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:16px;align-items:baseline;margin-bottom:28px}
.section-heading .section-number,.article-section .section-heading h2{margin:0}
.section-heading .section-number{line-height:1.22}
/* The header follows reading direction without moving article content. */
.topbar{transition:transform .22s ease}
.header-hidden .topbar{transform:translateY(-100%)}
.header-hidden .topbar:has(:focus-visible){transform:translateY(0)}
@media(min-width:851px){.sidebar{transition:top .22s ease}.header-hidden .sidebar{top:0}}
.gpt-conversation{display:block;width:100%;border:0;margin:27px 0;background:#fff}
.article figcaption{font-size:13px;line-height:1.65}.demo-grid figcaption{font-size:12px;line-height:1.55}
@media(max-width:520px){.article figcaption{font-size:12px}}
@media(max-width:520px){.section-heading{grid-template-columns:20px minmax(0,1fr);column-gap:12px}}
.silent-player{position:relative;min-width:0;overflow:hidden;border-radius:3px;background:#fff}
.silent-player.is-loading::before{content:'';position:absolute;z-index:1;top:50%;left:50%;width:24px;height:24px;margin:-12px;border:2px solid #ffffff90;border-top-color:#737b82;border-radius:50%;pointer-events:none;animation:video-buffering .8s linear infinite}
@keyframes video-buffering{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.silent-player.is-loading::before{animation:none}}
.silent-player-controls{position:absolute;z-index:1;inset:auto 0 0;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:6px;padding:4px 6px;border:1px solid #d7e7f5;border-radius:0 0 3px 3px;background:rgba(255,255,255,.94);line-height:1;opacity:0;pointer-events:none;transition:opacity .16s ease}
.silent-player:focus-within .silent-player-controls,.silent-player.show-touch-controls .silent-player-controls{opacity:1;pointer-events:auto}
@media(hover:hover){.silent-player:hover .silent-player-controls{opacity:1;pointer-events:auto}}
.silent-player-controls.without-fullscreen{grid-template-columns:30px minmax(0,1fr)}
.silent-player-controls.with-audio{grid-template-columns:30px minmax(0,1fr) 30px 30px}
.silent-player-controls.with-audio.without-fullscreen{grid-template-columns:30px minmax(0,1fr) 30px}
.silent-player-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;border:0;border-radius:3px;background:transparent;color:#62676a}
.silent-player-button[hidden]{display:none}.silent-player-button:hover{background:#f2f5f7;color:#232323}
.silent-player-button svg{display:block;width:18px;height:18px;flex-shrink:0}
.silent-player-seek{display:block;width:100%;min-width:0;height:24px;margin:0;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;--played:0%}
.silent-player-seek::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,#727d85 var(--played),#e1e8ed var(--played))}
.silent-player-seek::-moz-range-track{height:3px;border-radius:2px;background:#e1e8ed}.silent-player-seek::-moz-range-progress{height:3px;border-radius:2px;background:#727d85}
.silent-player-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:10px;width:10px;border:0;border-radius:50%;margin-top:-3.5px;background:#727d85}
.silent-player-seek::-moz-range-thumb{height:10px;width:10px;border:0;border-radius:50%;background:#727d85}
.silent-player-seek:disabled{cursor:default;opacity:.45}
.silent-player-button:focus-visible,.silent-player-seek:focus-visible{outline:2px solid #91b7d8;outline-offset:1px}
.silent-player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#111;overflow:hidden}
.article .silent-player:fullscreen video{flex:1;min-height:0;max-height:100vh;width:100%;object-fit:contain;background:#111}
.silent-player:fullscreen .silent-player-controls{width:100%;border:0;border-radius:0}
@media(pointer:coarse){.silent-player-controls{grid-template-columns:34px minmax(0,1fr) 34px;gap:4px;padding:3px 4px}.silent-player-controls.without-fullscreen{grid-template-columns:34px minmax(0,1fr)}.silent-player-button{width:34px;height:34px}.silent-player-seek{height:34px}}
@media(pointer:coarse){.silent-player-controls.with-audio{grid-template-columns:34px minmax(0,1fr) 34px 34px}.silent-player-controls.with-audio.without-fullscreen{grid-template-columns:34px minmax(0,1fr) 34px}}
/* Keep the subtitle on two intentional lines when the desktop sidebar is present. */
.hero h2{max-width:none}
.hero-subtitle-line{display:block}
@media(min-width:851px){
  .hero{container-type:inline-size}
  .hero h2{font-size:clamp(18px,2.4vw,34px);font-size:clamp(18px,3.5cqw,34px);line-height:1.25;letter-spacing:-.035em}
  .hero-subtitle-line{white-space:nowrap}
}
/* Keep the results link next to the demonstration heading, wrapping only as needed. */
.article .demonstrations-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px}
.demonstrations-heading>a{white-space:nowrap}
.demo-grid .demo-column>p{font-size:15px;line-height:1.5}
@media(max-width:850px){.demo-grid .demo-column>p{font-size:14px}}
/* Compact conversation panel; content and avatars keep the Feishu embed styling. */
.gpt-conversation{display:block;box-sizing:border-box;width:100%;border:1px solid #d5e6f7;border-radius:4px;margin:24px 0;background:#fff}
/* In a wide article, prose defines the row height and the portrait fits above its caption. */
@media(min-width:1280px){
  .leo-layout{align-items:stretch}
  .article .leo-layout .leo-portrait{contain:size;display:flex;flex-direction:column;align-self:stretch}
  .leo-layout .leo-portrait img{flex:1 1 0;min-height:0;height:0;width:100%;object-fit:contain;object-position:center top}
  .leo-layout .leo-portrait figcaption{flex:none}
}
/* Avoid narrow prose and empty image space when the available article width is smaller. */
@media(min-width:651px) and (max-width:1279px){
  .leo-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .article .leo-layout .leo-portrait{grid-row:1;width:min(45%,270px);justify-self:center}
  .leo-layout .leo-copy{grid-row:2}
}
/* Mobile keeps explanation then figure; desktop prose flows below the right-hand figure. */
.figure12-layout{display:flex;flex-direction:column;gap:24px;align-items:stretch;margin:32px 0}
.figure12-copy{display:block;order:0;min-width:0}
.figure12-copy>p:first-child{margin-top:0}
.figure12-copy>ol:last-child{margin-bottom:0}
.article .figure12-layout #figure-13{float:none;order:1;width:100%;max-width:none;margin:0}
.article .figure12-layout #figure-13 img{width:100%;height:auto;object-fit:contain}
@media(min-width:1100px){
  .figure12-layout{display:flow-root}
  .article .figure12-layout #figure-13{float:right;width:45%;max-width:480px;margin:0 0 20px 32px}
}
/* Expand subsections for the chapter currently being read. */
.toc{min-height:0;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
.toc::-webkit-scrollbar{display:none;width:0;height:0}
.toc-sub{display:none;margin:0 0 10px 12px;padding-left:11px}
.toc-group.active .toc-sub{display:block}
.toc-sub a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:baseline;font-size:11px;line-height:1.5;padding:5px 0}
.toc-sub-number{white-space:nowrap}
.toc-sub-title{min-width:0}
/* The document already reserves header space via scroll-padding-top. */
.article-section,.article-section h3[id]{scroll-margin-top:0}
@media(max-width:850px){.toc-sub a{font-size:12px}}
.bibtex-code{margin:0;padding:24px;background:#f7f8fa;border:1px solid #e6e8ed;border-radius:3px;color:#444;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 'SFMono-Regular',Consolas,'Liberation Mono',monospace}
.bibtex-code code{font:inherit}
@media(max-width:520px){.bibtex-code{padding:18px;font-size:12px}}

/* Overview video sits directly between the title and the article introduction. */
.article > .hero-video{margin:0 0 32px}
.article > .hero-video + #introduction{border-top:0}
@media(max-width:520px){.article > .hero-video{margin-bottom:24px}}

.topbar{background:#fff;backdrop-filter:none}