:root{--color-page: #EDF3F7;--color-paper: #FFFFFF;--color-ink: #173247;--color-blueprint: #2458B3;--color-built: #146B59;--color-row: #F3BC52;--color-rule: rgba(23, 50, 71, .18);--font-ui: "Trebuchet MS", Verdana, sans-serif;--font-coordinates: ui-monospace, SFMono-Regular, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--color-page);color:var(--color-ink);font-family:var(--font-ui);font-size:16px;line-height:1.55}a{color:var(--color-blueprint);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.site-header{border-bottom:1px solid var(--color-rule);background:var(--color-paper)}.header-inner{max-width:1200px;height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--color-ink);text-decoration:none;white-space:nowrap}.brand img{width:30px;height:30px}.site-nav{display:flex;gap:24px}.site-nav a{color:var(--color-ink);text-decoration:none}.site-nav a[aria-current]{color:var(--color-blueprint);text-decoration:underline;text-decoration-thickness:2px}main{max-width:1200px;margin:0 auto;padding:24px}.page-intro{margin-bottom:20px}.page-intro h1{font-size:36px;line-height:1.1;margin:0 0 8px;font-weight:700}.page-intro p{margin:0;max-width:70ch}.content-section{margin-top:48px}.content-section h2{margin:0 0 16px;font-size:24px;line-height:1.25}.content-section h3{font-size:18px;line-height:1.35;margin:24px 0 8px}.content-section p,.content-section ol,.content-section ul{max-width:70ch}.content-section p{margin:0 0 16px}.content-section ol{padding-left:24px}.content-section li{padding-left:4px;margin-bottom:8px}.size-links{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.size-links a{display:inline-block;border:1px solid var(--color-rule);border-radius:4px;background:var(--color-paper);padding:8px 16px}.figure-pair,.thumbnail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:760px}.blueprint-figure{margin:0;max-width:500px}.blueprint-figure img{display:block;width:100%;height:auto;max-height:340px;border:1px solid var(--color-rule);border-radius:6px;background:var(--color-paper)}.blueprint-figure figcaption{font-size:14px;line-height:1.45;margin-top:8px}.row-example{max-width:760px}.coordinates{font-family:var(--font-coordinates);font-size:14px}.table-scroll{overflow-x:auto;border:1px solid var(--color-rule);border-radius:6px;background:var(--color-paper)}.chart-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}.chart-table caption{text-align:left;padding:16px;font-weight:700}.chart-table th,.chart-table td{text-align:left;padding:12px 16px;border-top:1px solid var(--color-rule)}.chart-table th{white-space:nowrap}.chart-table td:nth-child(5),.chart-table td:last-child{white-space:nowrap}.chart-table thead{background:var(--color-page)}.chart-table tbody tr:nth-child(2n){background:#f6f9fb}.thumbnail-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;gap:16px}.contents{display:flex;flex-wrap:wrap;gap:8px 24px;max-width:70ch;padding:12px 0;border-block:1px solid var(--color-rule)}.content-section[id]{scroll-margin-top:24px}.site-footer{max-width:1152px;margin:48px auto 0;padding:24px 0 32px;border-top:1px solid var(--color-rule);font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:16px}.site-footer p{max-width:70ch;margin:0}.analytics-consent:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px}.analytics-consent button,.analytics-settings{min-height:44px;padding:8px 12px;border:1px solid var(--color-rule);border-radius:4px;background:var(--color-paper);color:var(--color-ink);font:inherit;cursor:pointer}.analytics-settings{margin-bottom:16px;color:var(--color-blueprint)}@media(max-width:899px){.header-inner{height:auto;min-height:76px;padding:8px 12px;gap:8px;flex-direction:column;align-items:flex-start}.brand{font-size:16px;gap:8px}.brand img{width:24px;height:24px}.site-nav{gap:8px 20px;flex-wrap:wrap;font-size:14px}main{padding:16px 12px}.page-intro{margin-bottom:16px}.page-intro h1{font-size:27px;line-height:1.15}.content-section{margin-top:32px}.content-section h2{font-size:22px}.figure-pair{gap:12px}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chart-table{min-width:750px}.site-footer{margin:32px 12px 0}}@media(max-width:359px){.site-nav{column-gap:12px}.figure-pair{grid-template-columns:1fr}.thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-mc-tool]{display:grid;gap:12px;padding:16px;border:2px solid var(--color-ink);border-radius:6px;background:var(--color-paper);min-width:0}[data-mc-tool]>*{min-width:0}[data-mc-tool] h2,[data-mc-tool] p{margin:0}[data-mc-tool] button,[data-mc-tool] input,[data-mc-tool] select{font:inherit;font-size:16px;color:var(--color-ink)}[data-mc-tool] button,[data-mc-tool] input[type=number],[data-mc-tool] input[readonly],[data-mc-tool] select{min-height:44px;border:1px solid var(--color-rule);border-radius:4px;background:var(--color-paper);padding:8px 12px}[data-mc-tool] button{cursor:pointer;font-weight:700}[data-mc-tool] button:hover{background:var(--color-page)}[data-mc-tool] button:disabled{opacity:.5;cursor:default}[data-mc-tool] button[aria-pressed=true]{background:var(--color-row);border-color:var(--color-ink)}[data-mc-tool] [data-role=complete-row],[data-mc-tool] [data-role=download]{background:var(--color-blueprint);color:var(--color-paper);border-color:var(--color-blueprint)}[data-mc-tool] :focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}[data-mc-tool] fieldset{margin:0;padding:0;border:0;min-width:0}[data-mc-tool] legend{margin-bottom:4px;font-weight:700}[data-mc-tool] .tool-parameters{display:flex;gap:8px;flex-wrap:wrap}[data-mc-tool] .tool-parameters fieldset{display:flex;gap:8px;flex-wrap:wrap;width:100%}[data-mc-tool] .tool-parameters label{display:flex;flex:1 1 100px;flex-direction:column;gap:4px}[data-mc-tool] .tool-parameters label>span{font-size:12px;line-height:1.2}[data-mc-tool] .tool-parameters input,[data-mc-tool] .tool-parameters select{width:100%;min-width:0;margin-top:auto}[data-mc-tool] [data-role=input-message]{flex-basis:100%;font-size:14px}[data-mc-tool] [data-role=input-message]:empty{display:none}[data-mc-tool] .tool-preview{min-width:0}[data-mc-tool] .tool-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:8px}[data-mc-tool] .tool-toolbar button{padding:8px;min-width:44px}[data-mc-tool] .tool-toolbar label{display:inline-flex;align-items:center;gap:4px;min-height:44px}[data-mc-tool] input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-blueprint)}[data-mc-tool] [data-role=zoom-value]{min-width:48px;text-align:center;font-size:14px}[data-mc-tool] [data-role=canvas]{display:none;width:100%;height:300px;background:var(--color-paper);border-radius:4px;touch-action:auto;cursor:crosshair}[data-mc-tool].is-enhanced [data-role=canvas]{display:block}[data-mc-tool] [data-role=canvas].is-panning{touch-action:none;cursor:grab}[data-mc-tool] [data-role=canvas].is-panning:active{cursor:grabbing}[data-mc-tool] [data-role=fallback]{margin:0}[data-mc-tool] [data-role=fallback] img,[data-mc-tool] [data-role=fallback] svg{display:block;width:100%;height:300px;object-fit:contain}[data-mc-tool].is-enhanced [data-role=fallback]{display:none}[data-mc-tool] [data-role=diagram-description],[data-mc-tool] [data-role=cursor-status],[data-mc-tool] [data-role=save-status],[data-mc-tool] .tool-messages{font-size:14px;line-height:1.45}[data-mc-tool] [data-role=diagram-description],[data-mc-tool] [data-role=cursor-status]{margin-top:8px}[data-mc-tool] .tool-summary{display:flex;flex-wrap:wrap;gap:8px 16px;border-block:1px solid var(--color-rule);padding-block:8px}[data-mc-tool] .tool-summary p{flex:1 1 140px}[data-mc-tool] .tool-summary output,[data-mc-tool] .tool-summary [data-role]{font-weight:700}[data-mc-tool] .tool-exports{display:flex;gap:8px;flex-wrap:wrap;align-items:center}[data-mc-tool] .tool-exports label{flex-basis:100%}[data-mc-tool] [data-role=share-url]{width:100%;margin-top:4px}[data-mc-tool] .tool-row-guide{border-top:1px solid var(--color-rule);padding-top:12px}[data-mc-tool] .tool-row-guide h3{margin:0 0 8px;font-size:18px}[data-mc-tool] [data-role=segments]{font-family:var(--font-coordinates);font-size:14px;padding-left:20px;margin:8px 0 12px}[data-mc-tool] .tool-row-guide button{margin:0 4px 8px 0}[data-mc-tool] .tool-messages:empty{display:none}[data-mc-tool] [hidden]{display:none}@media(min-width:900px){[data-mc-tool]{grid-template-columns:minmax(480px,1fr) 280px;column-gap:24px;padding:24px}[data-mc-tool]>h2{grid-column:1 / -1}[data-mc-tool] .tool-parameters{grid-column:2;grid-row:2;align-self:start}[data-mc-tool] .tool-preview{grid-column:1;grid-row:2 / 4}[data-mc-tool] .tool-summary{grid-column:1;grid-row:4}[data-mc-tool] .tool-exports{grid-column:1;grid-row:5}[data-mc-tool] .tool-row-guide{grid-column:2;grid-row:3 / 6;align-self:start}[data-mc-tool] [data-role=canvas],[data-mc-tool] [data-role=fallback] img,[data-mc-tool] [data-role=fallback] svg{height:420px}[data-mc-tool] [data-role=save-status],[data-mc-tool] [data-role=status]{grid-column:1 / -1}}@media(max-width:420px){[data-mc-tool]{padding:12px;gap:8px}[data-mc-tool] .tool-toolbar{gap:4px}[data-mc-tool] .tool-toolbar button{padding-inline:8px}}
