/* method.html's styles. Made by publish-site.py from the Design Lab draft method.html; don't edit it by hand. */
.method{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-block:40px 96px;align-items:start}
.toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;font-size:14px;padding-right:6px}
.toc summary{font:600 11px/16px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;list-style:none;margin-bottom:8px}
.toc summary::-webkit-details-marker{display:none}
.toc ol{display:grid;gap:2px}
.toc ol ol{margin:2px 0 6px 12px;border-left:1px solid var(--border-subtle);padding-left:8px}
.toc a{display:block;padding:3px 8px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none}
.toc a:hover{background:var(--surface-sunken);color:var(--text-primary)}
.toc ol ol a{font-size:13px}

.head{max-width:52em}
.crumbs{font-size:13px;color:var(--text-muted)}
.crumbs a{color:inherit}
.head h1{font:600 clamp(32px,3.2vw,48px)/1.1 var(--font-ui);letter-spacing:-.02em;margin-top:8px}
.head .meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.head .lede{margin-top:14px;font-size:18px;color:var(--text-secondary)}
.head .cta-row{margin-top:20px}

.md{max-width:52em;margin-top:36px;font-size:16px;line-height:1.7;color:var(--text-primary)}
.md h2{font:600 28px/36px var(--font-ui);letter-spacing:-.01em;margin:56px 0 12px;padding-top:12px;border-top:1px solid var(--border-subtle)}
.md h3{font:600 20px/28px var(--font-ui);margin:36px 0 8px}
.md h4{font:600 17px/24px var(--font-ui);margin:28px 0 6px}
.md p,.md ul,.md ol,.md table,.md pre,.md blockquote,.md .diagram{margin:0 0 16px}
.md ul{list-style:disc;padding-left:24px}
.md ol{list-style:decimal;padding-left:24px}
.md li{margin:4px 0}
.md li > ul,.md li > ol{margin:4px 0 0}
.md a{color:var(--text-link)}
.md code{font:500 .88em/1.5 var(--font-mono);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:4px;padding:1px 5px}
.md pre{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;overflow:auto}
.md pre code{background:none;border:0;padding:0}
.md blockquote{border-left:3px solid var(--text-brand);padding:4px 0 4px 16px;color:var(--text-secondary)}
.md table{display:block;overflow-x:auto;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.md th,.md td{border:1px solid var(--border-default);padding:8px 10px;text-align:left;vertical-align:top}
.md th{background:var(--surface-sunken);font-weight:600}
.md .diagram{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px;background:var(--surface-raised);overflow:auto;text-align:center}
.loading{margin-top:36px;color:var(--text-muted)}

@media (max-width:960px){
  .method{grid-template-columns:minmax(0,1fr);padding-top:24px}
  .toc{position:static;max-height:none;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 14px;background:var(--surface-raised)}
  .toc:not([open]) summary{margin-bottom:0}
}
@media (max-width:640px){
  .md h2{font-size:24px;line-height:32px}
}
#method-diagram-1{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#000000;}#method-diagram-1 .error-icon{fill:#552222;}#method-diagram-1 .error-text{fill:#552222;stroke:#552222;}#method-diagram-1 .edge-thickness-normal{stroke-width:2px;}#method-diagram-1 .edge-thickness-thick{stroke-width:3.5px;}#method-diagram-1 .edge-pattern-solid{stroke-dasharray:0;}#method-diagram-1 .edge-pattern-dashed{stroke-dasharray:3;}#method-diagram-1 .edge-pattern-dotted{stroke-dasharray:2;}#method-diagram-1 .marker{fill:#666;stroke:#666;}#method-diagram-1 .marker.cross{stroke:#666;}#method-diagram-1 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#method-diagram-1 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#000000;}#method-diagram-1 .cluster-label text{fill:#333;}#method-diagram-1 .cluster-label span,#method-diagram-1 p{color:#333;}#method-diagram-1 .label text,#method-diagram-1 span,#method-diagram-1 p{fill:#000000;color:#000000;}#method-diagram-1 .node rect,#method-diagram-1 .node circle,#method-diagram-1 .node ellipse,#method-diagram-1 .node polygon,#method-diagram-1 .node path{fill:#eee;stroke:#999;stroke-width:1px;}#method-diagram-1 .flowchart-label text{text-anchor:middle;}#method-diagram-1 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#method-diagram-1 .node .label{text-align:center;}#method-diagram-1 .node.clickable{cursor:pointer;}#method-diagram-1 .arrowheadPath{fill:#333333;}#method-diagram-1 .edgePath .path{stroke:#666;stroke-width:2.0px;}#method-diagram-1 .flowchart-link{stroke:#666;fill:none;}#method-diagram-1 .edgeLabel{background-color:white;text-align:center;}#method-diagram-1 .edgeLabel rect{opacity:0.5;background-color:white;fill:white;}#method-diagram-1 .labelBkg{background-color:rgba(255, 255, 255, 0.5);}#method-diagram-1 .cluster rect{fill:hsl(0, 0%, 98.9215686275%);stroke:#707070;stroke-width:1px;}#method-diagram-1 .cluster text{fill:#333;}#method-diagram-1 .cluster span,#method-diagram-1 p{color:#333;}#method-diagram-1 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(-160, 0%, 93.3333333333%);border:1px solid #707070;border-radius:2px;pointer-events:none;z-index:100;}#method-diagram-1 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#000000;}#method-diagram-1 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}
.toc-h{font:600 11px/16px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.toc-fold{display:none}
@media (max-width:960px){.toc-side{display:none}.toc-fold{display:block}.toc-fold summary{display:flex;align-items:center;min-height:44px;margin:0;font-size:14px;letter-spacing:0;text-transform:none;color:var(--text-primary)}}
.st-1{max-width: 1463.453125px !important}
.st-2{stroke-width: 1 !important;stroke-dasharray: 1, 0 !important}
.st-3{stroke-width: 2 !important;stroke-dasharray: 1, 0 !important}
.st-4{fill:none !important}
.st-5{display: inline-block !important;white-space: nowrap !important}
.st-6{opacity: 0 !important}