.viewer{--viewer-stage:#f5f4ef;--viewer-veil:#f5f4efe6;--viewer-ink:var(--color-dark);--viewer-ink-soft:var(--color-muted);margin:28px 0 0;position:relative}.viewer--layout{--viewer-stage:#001023;--viewer-veil:#001023e0;--viewer-ink:#ebe8db;--viewer-ink-soft:#ebe8dbd1}.viewer__stage{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--viewer-stage);height:clamp(360px,62vh,760px);position:relative;overflow:hidden}.viewer__stage kicanvas-embed{aspect-ratio:auto;background-color:var(--viewer-stage);--kicanvas-font:var(--font-sans);--font-size:14px;width:100%;height:100%;display:block}.viewer__veil{border-radius:var(--radius-md);background-color:var(--viewer-veil);height:clamp(360px,62vh,760px);color:var(--viewer-ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0 0 auto}.viewer__note{font-family:var(--font-serif);max-width:46ch;color:var(--viewer-ink-soft);margin:0;font-size:14.5px;line-height:1.55}.viewer__btn{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--viewer-stage);background-color:var(--viewer-ink);border:1px solid var(--viewer-ink);border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--transition);padding:10px 18px;font-size:10.5px}.viewer__btn:hover{opacity:.86}.viewer__spinner{border:2px solid color-mix(in srgb, var(--viewer-ink) 24%, transparent);border-top-color:var(--viewer-ink);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite viewer-spin}@media (prefers-reduced-motion:reduce){.viewer__spinner{animation:none}}.viewer__warning{font-family:var(--font-serif);color:var(--color-warn);background-color:color-mix(in srgb, #9a6a2f 12%, var(--bg-card));overflow-wrap:anywhere;border:1px solid #9a6a2f4d;border-radius:10px;margin:10px 0 0;padding:10px 14px;font-size:13px;line-height:1.5}.viewer__caption{font-family:var(--font-mono);letter-spacing:.8px;color:var(--color-subtle);overflow-wrap:anywhere;margin:10px 0 0;font-size:10.5px}@keyframes viewer-spin{to{transform:rotate(360deg)}}
.design{max-width:var(--container-narrow);padding:0 var(--site-padding) 96px;margin:0 auto}.design__crumbs{font-family:var(--font-mono);letter-spacing:.8px;color:var(--color-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding:24px 0;font-size:11px;display:flex}.design__crumbs a{color:var(--color-muted);text-decoration:none}.design__crumbs a:hover{color:var(--color-dark)}.design__crumbs span[aria-current]{color:var(--color-dark);overflow-wrap:anywhere}.design__head{border-bottom:1px solid var(--color-border);padding-bottom:28px}.design__title{font-family:var(--font-serif);letter-spacing:-1.8px;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,4.2vw,52px);font-weight:400;line-height:1.03}.design__slug{font-family:var(--font-mono);letter-spacing:.8px;color:var(--color-subtle);overflow-wrap:anywhere;margin:12px 0 0;font-size:11px}.design__facts{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;margin:32px 0;display:grid}.design__fact{flex-direction:column;gap:5px;padding:4px 0 22px;display:flex}.design__fact-value{font-family:var(--font-serif);letter-spacing:-1px;font-size:clamp(22px,2.6vw,34px);line-height:1}.design__fact-label{font-family:var(--font-mono);letter-spacing:1.3px;text-transform:uppercase;color:var(--color-subtle);font-size:10px}.design__prov{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);display:grid}.design__list{flex-direction:column;gap:16px;margin:0;display:flex}.design__list dt{font-family:var(--font-mono);letter-spacing:1.1px;text-transform:uppercase;color:var(--color-subtle);margin-bottom:4px;font-size:9.5px}.design__list dd{font-family:var(--font-serif);overflow-wrap:anywhere;margin:0;font-size:14px}.design__list dd.is-mono{font-family:var(--font-mono);font-size:11.5px}.design__list dd a{color:var(--color-dark);border-bottom:1px solid var(--color-border-strong);text-decoration:none}.design__list dd a:hover{border-color:var(--color-dark)}.design__body{font-family:var(--font-serif);color:var(--color-muted);margin:0;font-size:14.5px;line-height:1.62}@media (max-width:700px){.design__prov{grid-template-columns:minmax(0,1fr)}}.design__downloads{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 28px;display:flex}.design__downloads .artifact__actions{gap:8px;margin:0;display:flex}.design__downloads .artifact__btn{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--color-dark);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--transition);background-color:#0000;padding:10px 16px;font-size:10.5px}.design__downloads .artifact__btn:disabled{opacity:.6;cursor:default}.design__downloads .artifact__btn--primary{color:var(--bg-primary);background-color:var(--color-dark);border-color:var(--color-dark)}.design__downloads .artifact__btn--primary:hover:not(:disabled){opacity:.86}.design__downloads-note{font-family:var(--font-serif);color:var(--color-subtle);flex:260px;margin:0;font-size:12.5px;line-height:1.5}.design__desc{font-family:var(--font-serif);color:var(--color-muted);max-width:64ch;margin:16px 0 0;font-size:15px;line-height:1.6}.design__downloads{margin-top:28px}.bom{margin:8px 0 40px}.bom__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.bom__head .section-title{margin:6px 0 0}.bom__lede{font-family:var(--font-serif);color:var(--color-subtle);max-width:48ch;margin:0;font-size:13.5px;line-height:1.5}.bom__scroll{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--bg-card);overflow-x:auto}.bom__table{border-collapse:collapse;width:100%;font-size:13px}.bom__table th,.bom__table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:9px 14px}.bom__table thead th{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-subtle);background-color:color-mix(in srgb, var(--bg-primary) 50%, var(--bg-card));white-space:nowrap;font-size:9.5px}.bom__table td{font-family:var(--font-serif);color:var(--color-dark);overflow-wrap:anywhere}.bom__table td.is-mono{font-family:var(--font-mono);white-space:nowrap;font-size:11.5px}.bom__table td.is-dim,.bom__table .is-dim{color:var(--color-subtle)}.bom__table td:first-child{width:72px}.bom__table td:last-child{width:48px}.bom__table a{color:var(--color-dark);border-bottom:1px solid var(--color-border-strong);text-decoration:none}.bom__table a:hover{border-color:var(--color-dark)}.bom__lib{white-space:normal!important}.bom__more>summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:12px 14px;font-size:10.5px;list-style:none}.bom__more>summary::-webkit-details-marker{display:none}.bom__more>summary:hover{color:var(--color-dark);background-color:var(--bg-inset)}.bom__more[open]>summary{color:var(--color-subtle)}.bom__more tbody tr:last-child td{border-bottom:none}.bom__scroll>.bom__table tbody tr:last-child td{border-bottom:1px solid var(--color-border)}.bom__scroll>.bom__table:last-child tbody tr:last-child td{border-bottom:none}