.tutorial-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:30px;border-bottom:1px solid var(--line)}.intro{padding-block:80px 44px;max-width:930px}.intro .lede{margin-top:28px}.badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.actions{display:flex;gap:28px;flex-wrap:wrap;align-items:center;margin-block:30px 20px}.primary{display:inline-block;background:var(--accent);color:#fff;padding:13px 22px;font-weight:600;border-radius:4px}.small{font-size:13px;color:var(--muted);max-width:780px}.contents{display:flex;gap:25px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;font-size:13px}.contents a:hover{color:var(--accent)}.lesson-section{padding-block:65px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.section-title{margin-bottom:32px}.section-lede{max-width:790px;margin-block:25px 32px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:30px}.note{background:var(--panel);padding:22px;border-left:3px solid var(--accent);margin-top:25px}.file-list>div{border-bottom:1px solid var(--line);padding:16px 0}.file-list p{font-size:14px;color:var(--muted);margin-top:6px}code{font: .9em/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:var(--blue)}pre{position:relative;background:#100e0e;padding:22px 85px 22px 22px;overflow:auto;border:1px solid var(--line);border-radius:5px;margin-block:16px}pre code{white-space:pre;overflow-wrap:normal;font-size:13px;color:#fff}.copy-code{position:absolute;right:12px;top:10px;background:var(--panel);border:1px solid var(--line);padding:3px 9px;border-radius:3px;font-size:12px}.run-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;margin-top:35px}.step-number{color:var(--accent);font-size:25px}.run-step p{margin-top:12px}.flow{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-block:34px}.flow span{background:var(--panel);border:1px solid var(--line);padding:16px 26px;border-radius:5px}.flow b{color:var(--accent)}details{border:1px solid var(--line);border-radius:4px;margin-top:18px;padding:16px 20px}summary{cursor:pointer;font-weight:500}details p{margin-top:16px}.calculation summary span{color:var(--accent);margin-right:16px}.equation{font-size:22px;color:var(--blue);padding-block:10px}.code-location{font-size:13px;color:var(--muted)}figure{margin:30px 0}figure img{height:auto;border-radius:5px;background:white}figcaption{font-size:13px;color:var(--muted);margin-top:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:35px}.metrics b{display:block;font-size:23px;color:var(--accent);font-weight:500}.metrics span{display:block;font-size:13px;color:var(--muted)}.output-files{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.inline-link{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}.tutorial-footer{padding-block:35px 65px;font-size:14px}.tutorial-footer p+p{margin-top:12px}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.tutorial-header{align-items:flex-start;flex-direction:column;gap:12px}.intro{padding-block:48px 30px}.two-column{grid-template-columns:1fr;gap:24px}.lesson-section{padding-block:42px}.metrics,.output-files{grid-template-columns:1fr;gap:15px}.flow{gap:10px}.flow span{padding:10px 14px}.run-step{grid-template-columns:24px minmax(0,1fr);gap:10px}.contents{gap:14px}.wordmark{font-size:23px}h1{font-size:52px}}

.fraction{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;font-size:.85em;line-height:1.6;margin:0 .2em}.fraction>span:first-child{border-bottom:1px solid currentColor;padding:0 .3em}.fraction>span:last-child{padding:0 .3em}

.timing-table{width:100%;border-collapse:collapse;font-size:14px;margin-block:22px}.timing-table caption{text-align:left;color:var(--muted);margin-bottom:10px}.timing-table th,.timing-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.timing-table th{font-weight:500}@media(max-width:600px){.timing-table{font-size:12px}.timing-table th,.timing-table td{padding:8px 4px}}

.viewer-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.viewer-choice{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:10px 18px}.viewer-choice[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:var(--panel)}.viewer-figure img{object-fit:contain}.viewer-instructions{padding-left:24px;margin-block:28px}.viewer-instructions li{padding-left:8px;margin-bottom:16px}.viewer-launch-title{margin-top:34px;margin-bottom:18px}