/* The public studio notebook shares Vesper's typography, colour and spacing. */
.technical-page{--notebook-muted:#b0b9b5}
.technical-page main{overflow:clip}
.technical-page .notebook-back{font-size:12px;display:flex;gap:15px;align-items:center;white-space:nowrap}
.notebook-back span{color:var(--accent);font-size:22px}
.notebook-hero{padding-top:65px;padding-bottom:0}
.notebook-hero>.eyebrow{display:flex;gap:12px;align-items:center;color:var(--notebook-muted)}
.signal-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 20px #ee785655}
.notebook-intro{display:grid;grid-template-columns:1.65fr 1fr;gap:7%;align-items:end;margin:35px 0 53px}
.technical-page h1{font-family:var(--serif);font-size:clamp(65px,7.9vw,118px);line-height:.94;letter-spacing:-.04em;margin:0}
.technical-page h1 em{color:var(--accent)}
.notebook-intro>div{max-width:360px;padding-bottom:4px}
.technical-page p{font-size:14px;line-height:1.85}
.notebook-intro p{color:var(--notebook-muted);font-size:15px;line-height:1.75}
.notebook-intro p+p{margin-top:15px}
.snapshot{display:block;margin-top:27px;font-size:9px;letter-spacing:.1em;color:var(--notebook-muted)}
.notebook-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--line);padding:24px 0 31px}
.notebook-stats>div{border-right:1px solid var(--line);padding:0 24px 0 0}
.notebook-stats>div:last-child{border:0}
.notebook-stats strong{display:block;font-family:var(--serif);font-size:58px;line-height:1.1;font-weight:400;font-variant-numeric:lining-nums}
.notebook-stats strong>span{font-size:30px;margin-left:3px}
.notebook-stats div>span{font-size:9px;letter-spacing:.12em;color:var(--notebook-muted);display:block;margin-top:8px}
.notebook-index{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--line);padding:0;font-size:11px}
.notebook-index a{display:flex;align-items:center;gap:12px;padding:24px 8px 24px 0;min-width:0;line-height:1.5}
.notebook-index a>span{color:var(--accent);font-size:9px}
.notebook-section{padding-top:58px;padding-bottom:60px;scroll-margin-top:0}
.light-section{background:var(--paper);color:var(--ink);--line:rgba(7,11,12,.2);--notebook-muted:#4e5b56}
.notebook-section .section-label{font-size:9px}
.notebook-section-heading{display:grid;grid-template-columns:1.65fr 1fr;gap:7%;align-items:end;margin:38px 0 39px}
.notebook-section-heading h2{font-family:var(--serif);font-size:clamp(46px,5.2vw,78px);line-height:.98;letter-spacing:-.035em;font-weight:400}
.notebook-section-heading>p{max-width:390px;color:var(--notebook-muted);line-height:1.8}
.technical-page h3,.technical-page h4{font-weight:500;letter-spacing:-.02em;margin:0 0 20px;font-size:22px;line-height:1.3}
.technical-page h4{font-size:18px;margin-top:29px;margin-bottom:13px}
.architecture-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0 0 40px;padding:0;border-block:1px solid var(--line)}
.architecture-flow li{padding:23px 20px 26px 0;position:relative;min-width:0}
.architecture-flow li+li{border-left:1px solid var(--line);padding-left:22px}
.architecture-flow li>span{display:block;font-size:8px;letter-spacing:.1em;color:var(--notebook-muted)}
.architecture-flow strong{display:block;font-family:var(--serif);font-size:34px;font-weight:500;letter-spacing:-.025em;margin:17px 0 12px}
.architecture-flow p{font-size:12px;line-height:1.7;color:var(--notebook-muted)}
.notebook-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:35px 0}
.technical-page article>p+p,.notebook-detail>div>p+p{margin-top:17px}
.notebook-two-col article>p{color:var(--notebook-muted)}
.spec-list{margin:0}
.spec-list>div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.7}
.spec-list dt{color:var(--notebook-muted);font-size:11px;line-height:1.9}
.spec-list dd{margin:0}
.spec-list small{display:block;font-size:11px;color:var(--notebook-muted);line-height:1.7}
.technical-page .source-note{font-size:11px;line-height:1.7;color:var(--notebook-muted);margin-top:15px}
.recipe-panel{border:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:30px;margin:36px 0}
.recipe-panel .eyebrow{font-size:9px;color:var(--notebook-muted)}
.recipe-panel h3{font-family:var(--serif);font-size:45px;line-height:.95;margin-top:21px;letter-spacing:-.03em;font-weight:500}
.recipe-panel .spec-list>div:first-child{border:0;padding-top:0}
.notebook-detail{border-bottom:1px solid var(--line);margin-top:13px}
.notebook-detail summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;font-size:14px;line-height:1.5}
.notebook-detail summary::-webkit-details-marker{display:none}
.notebook-detail summary::after{content:'+';font-size:24px;line-height:1;color:var(--accent);flex-shrink:0}
.light-section .notebook-detail summary::after{color:#98442f}
.notebook-detail[open] summary::after{content:'−'}
.notebook-detail summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.notebook-detail>div{padding-bottom:23px;max-width:100%}
.notebook-detail>div>p{max-width:930px;color:var(--notebook-muted)}
.notebook-detail .table-scroll{margin:22px 0}
.active-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:30px 0}
.active-model-grid article{background:var(--ink);padding:30px 35px;min-width:0}
.model-status{font-size:8px;letter-spacing:.08em;line-height:1.7;display:inline-block}
.model-status.selected{color:var(--accent)}
.active-model-grid h3{font-family:var(--serif);font-size:45px;font-weight:500;margin:18px 0 14px;letter-spacing:-.025em}
.active-model-grid h3 em{color:var(--paper)}
.active-model-grid p{font-size:13px;color:var(--notebook-muted);max-width:410px;line-height:1.7}
.active-model-grid dl{display:grid;grid-template-columns:110px 1fr;gap:13px 15px;font-size:12px;line-height:1.6;border-top:1px solid var(--line);padding-top:20px;margin:22px 0 24px}
.active-model-grid dt{font-size:10px;color:var(--notebook-muted)}
.active-model-grid dd{margin:0}
.reference-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--line);padding:3px 0;line-height:1.8}
.reference-link:hover{color:var(--accent)}
.light-section .reference-link:hover{color:#98442f}
.technical-page .register-heading{margin-top:37px;margin-bottom:20px}
.table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--notebook-muted) transparent}
.notebook-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;min-width:660px}
.notebook-table caption{text-align:left;color:var(--notebook-muted);font-size:11px;padding:0 0 14px}
.notebook-table th,.notebook-table td{padding:17px 17px 17px 0;border-block:1px solid var(--line);vertical-align:top}
.notebook-table thead th{font-size:10px;letter-spacing:.035em;color:var(--notebook-muted);font-weight:500}
.notebook-table tbody th{font-weight:500;max-width:290px}
.notebook-table td{color:var(--notebook-muted)}
.notebook-table td small{display:block;font-size:10px;margin-top:3px}
.notebook-table a{text-decoration:underline;text-underline-offset:3px}
.notebook-table a:hover{color:var(--accent)}
.notebook-table .selected-row{background:#ee78560e}
.notebook-table .selected-row th{padding-left:12px;border-left:2px solid var(--accent)}
.inline-status{display:inline-block;color:var(--accent);font-size:7px;letter-spacing:.08em;vertical-align:middle;margin-left:8px}
.light-section .inline-status{color:#98442f}
.model-register{min-width:700px}
.model-register th:first-child{width:31%}
.model-register td:last-child{width:145px}
.file-inventory{table-layout:fixed;min-width:660px}
.file-inventory th:first-child{width:150px}
.file-inventory th:last-child{width:75px}
.file-inventory code{overflow-wrap:anywhere}
.technical-page code{font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.case-table{min-width:740px}
.section-prose{max-width:1000px;color:var(--notebook-muted);margin:18px 0 25px}
.benchmark-callout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;margin-bottom:36px;display:grid;grid-template-columns:1fr 1fr;gap:16px 7%;align-items:center}
.benchmark-callout>.eyebrow{font-size:9px;grid-column:1/-1}
.benchmark-callout>strong{font-family:var(--serif);font-size:72px;line-height:1;font-weight:500;font-variant-numeric:lining-nums}
.benchmark-callout strong>small{font-family:var(--sans);font-size:12px;font-weight:400;display:inline-block;max-width:55px;line-height:1.5;vertical-align:middle;letter-spacing:0}
.benchmark-callout p{font-size:13px;color:var(--notebook-muted)}
.chart-panel{background:#f6f4ed;padding:29px 32px 27px;border:1px solid var(--line)}
.chart-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}
.chart-header h3{font-size:18px;margin:0}
.metric-controls{display:flex;flex-wrap:wrap;gap:5px}
.metric-controls button{border:1px solid transparent;background:none;font-size:10px;padding:10px 12px;min-height:38px;color:var(--notebook-muted)}
.metric-controls button[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}
.metric-controls button:hover{border-color:var(--ink)}
.chart-caption{color:var(--notebook-muted);font-size:11px!important;line-height:1.7!important;min-height:19px}
.benchmark-bars{margin:26px 0 28px;display:grid;gap:19px}
.benchmark-bar{display:grid;grid-template-columns:185px minmax(0,1fr) 90px;align-items:center;gap:18px;font-size:12px}
.bar-label{line-height:1.7}
.bar-label .inline-status{display:block;margin:0;font-size:7px}
.bar-track{background:rgba(7,11,12,.07);height:15px}
.bar-track span{height:100%;display:block;background:#82918a;transition:width .35s ease}
.current-bar .bar-track span{background:var(--accent)}
.bar-value{font-size:19px;text-align:right;font-variant-numeric:tabular-nums;line-height:1.2}
.bar-value small{display:block;color:var(--notebook-muted);font-size:9px;line-height:1.5;margin-top:3px}
.download-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.download-row a{padding:20px 0;border-block:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:15px}
.download-row a:hover{color:#98442f}
.memory-steps{padding:0 0 0 19px;margin:0;display:grid;gap:18px}
.memory-steps li{font-size:13px;line-height:1.8;color:var(--notebook-muted);padding-left:7px}
.memory-steps strong{color:var(--white);font-weight:500}
.memory-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:36px 0 26px;padding:27px 0;border-block:1px solid var(--line)}
.memory-snapshot strong{font-family:var(--serif);font-size:55px;font-weight:400;display:block;line-height:1.1;font-variant-numeric:lining-nums}
.memory-snapshot span{font-size:8px;letter-spacing:.08em;color:var(--notebook-muted);display:block;margin-top:8px}
.memory-snapshot p{grid-column:1/-1;max-width:830px;font-size:11px;color:var(--notebook-muted)}
.muted-prose{font-size:12px!important;margin-bottom:0}
.evolution-timeline{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.evolution-timeline li{display:grid;grid-template-columns:180px minmax(0,1fr);gap:7%;padding:32px 0;border-bottom:1px solid var(--line)}
.timeline-date span{font-family:var(--serif);font-size:32px;line-height:1.3;font-variant-numeric:lining-nums}
.timeline-date small{display:block;color:var(--notebook-muted);font-size:8px;letter-spacing:.09em;margin-top:8px}
.evolution-timeline h3{font-size:22px;font-weight:500;letter-spacing:-.025em;margin-bottom:17px}
.evolution-timeline p{color:var(--notebook-muted);max-width:850px}
.evolution-timeline p+p{margin-top:15px}
.timeline-tag{display:inline-block;font-size:8px;letter-spacing:.09em;border-top:1px solid var(--line);padding-top:15px;margin-top:23px;color:#824434}
.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.source-grid article>a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 0;font-size:12px;line-height:1.7}
.source-grid article>a span{white-space:nowrap;color:var(--accent);font-size:10px}
.source-grid article>a:hover{color:var(--accent)}
.notebook-return{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);margin-top:47px;padding-top:39px;margin-bottom:40px}
.notebook-return>p{font-family:var(--serif);font-size:45px;line-height:1;letter-spacing:-.025em}
.notebook-return .round-link{margin:0}
.notebook-update{border-top:1px solid var(--line);padding:22px 0 0;margin-top:8px;font-size:12px;line-height:1.9;color:var(--notebook-muted);max-width:920px}.notebook-update strong{display:block;color:var(--white);font-size:9px;letter-spacing:.09em;margin-bottom:9px}.notebook-update a{display:inline-block;color:var(--accent);margin-left:8px}
.recent-measurements{padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:37px;scroll-margin-top:25px}.recent-measurements>.register-heading{margin-top:0}.recent-measurements .notebook-detail{margin-top:26px}.historical-heading{margin-top:30px}
@media(max-width:1100px){.technical-page .topbar nav{gap:20px}.technical-page .topbar nav a:first-child{display:none}.notebook-index{grid-template-columns:repeat(3,minmax(0,1fr))}.notebook-index a:nth-child(-n+3){border-bottom:1px solid var(--line)}.notebook-index a{padding-block:17px}.notebook-intro,.notebook-section-heading{grid-template-columns:1.5fr 1fr;gap:5%}.active-model-grid article{padding:28px}.architecture-flow li{padding-right:13px}.architecture-flow li+li{padding-left:15px}.architecture-flow strong{font-size:28px}}
@media(max-width:800px){.notebook-intro,.notebook-section-heading{grid-template-columns:1fr;gap:27px}.notebook-intro>div{max-width:570px}.notebook-intro p{font-size:14px}.notebook-section-heading>p{max-width:580px}.notebook-two-col{grid-template-columns:1fr;gap:30px}.notebook-section-heading{margin:30px 0}.notebook-hero{padding-top:42px}.technical-page h1{font-size:clamp(56px,10vw,78px)}.notebook-intro{margin:30px 0 34px}.notebook-stats strong{font-size:46px}.notebook-stats strong>span{font-size:23px}.notebook-stats div>span{font-size:8px;letter-spacing:.05em}.notebook-stats{gap:16px}.recipe-panel{grid-template-columns:1fr;gap:25px}.recipe-panel h3 br{display:none}.recipe-panel h3{font-size:39px;margin-bottom:0}.chart-header{display:block}.metric-controls{margin-top:18px}.benchmark-bar{grid-template-columns:160px minmax(0,1fr) 70px;gap:15px}.evolution-timeline li{grid-template-columns:135px minmax(0,1fr);gap:5%}.timeline-date span{font-size:27px}.source-grid{gap:5%}}
@media(max-width:600px){.notebook-section{padding-block:38px}.notebook-hero{padding-top:35px}.notebook-intro{margin-top:27px}.technical-page h1{font-size:clamp(48px,12.1vw,68px)}.notebook-intro>div{max-width:420px}.notebook-stats{grid-template-columns:1fr 1fr;gap:24px 20px;padding-block:24px}.notebook-stats>div{padding-right:12px}.notebook-stats>div:nth-child(2){border:0}.notebook-stats strong{font-size:47px}.notebook-stats div>span{font-size:8px;letter-spacing:.08em}.notebook-index{grid-template-columns:1fr 1fr;gap:0 20px;font-size:11px}.notebook-index a{gap:10px;padding-block:17px;border-bottom:1px solid var(--line)}.notebook-index a:nth-last-child(-n+2){border:0}.technical-page .notebook-back{font-size:10px;gap:8px}.notebook-back span{font-size:18px}.notebook-section .section-label{font-size:8px}.notebook-section-heading h2{font-size:clamp(42px,11.4vw,59px)}.notebook-section-heading{gap:23px}.technical-page p{font-size:13px}.architecture-flow{grid-template-columns:1fr;gap:0;margin-bottom:29px}.architecture-flow li,.architecture-flow li+li{padding:17px 0;display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:15px;border-left:0}.architecture-flow li+li{border-top:1px solid var(--line)}.architecture-flow li>span{grid-column:1;grid-row:1;font-size:7px;padding-top:8px}.architecture-flow strong{grid-column:2;margin:0 0 8px;font-size:30px}.architecture-flow p{grid-column:2;font-size:12px;max-width:350px}.spec-list>div{grid-template-columns:83px minmax(0,1fr);gap:16px}.recipe-panel{padding:22px;margin:28px 0}.recipe-panel h3{font-size:36px}.recipe-panel .spec-list>div{grid-template-columns:1fr;gap:4px}.recipe-panel .spec-list dt{font-size:10px}.notebook-detail summary{font-size:13px;padding-block:18px}.active-model-grid{grid-template-columns:1fr}.active-model-grid article{padding:25px}.active-model-grid h3{font-size:40px}.active-model-grid dl{grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:12px}.active-model-grid dt{font-size:9px}.technical-page .register-heading{font-size:20px}.technical-page .source-note{font-size:10px}.benchmark-callout{grid-template-columns:1fr;gap:19px;padding:25px 0}.benchmark-callout>.eyebrow{font-size:8px}.benchmark-callout>strong{font-size:66px}.chart-panel{padding:22px 20px}.chart-header h3{font-size:18px}.metric-controls{gap:3px}.metric-controls button{padding:9px 10px;font-size:10px;min-height:40px}.chart-caption{font-size:10px!important;min-height:34px}.benchmark-bars{gap:22px;margin-top:25px;margin-bottom:25px}.benchmark-bar{grid-template-columns:minmax(0,1fr) 67px;gap:7px 12px}.bar-label{grid-column:1;grid-row:1;font-size:11px;min-height:19px}.bar-label .inline-status{display:inline-block;margin-left:5px;font-size:6px}.bar-track{grid-column:1;grid-row:2;height:12px}.bar-value{grid-column:2;grid-row:1/span 2;align-self:center;font-size:20px}.bar-value small{font-size:8px}.download-row{grid-template-columns:1fr;gap:14px}.download-row a{font-size:11px;padding-block:16px}.memory-snapshot{grid-template-columns:1fr 1fr;gap:23px 20px;padding-block:24px}.memory-snapshot strong{font-size:44px}.memory-snapshot span{font-size:7px}.memory-snapshot p{font-size:10px}.evolution-timeline li{grid-template-columns:1fr;gap:24px;padding-block:27px}.timeline-date{display:flex;align-items:center;gap:20px}.timeline-date span{font-size:28px}.timeline-date small{margin:0;font-size:7px;max-width:140px;line-height:1.8}.evolution-timeline h3{font-size:22px;line-height:1.3}.timeline-tag{font-size:7px}.source-grid{grid-template-columns:1fr;gap:30px}.source-grid article>a{font-size:12px}.notebook-return{display:block;margin-top:35px;padding-top:29px}.notebook-return>p{font-size:40px}.notebook-return .round-link{margin-top:25px}.technical-page footer{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.bar-track span{transition:none}}