.tool[data-tool="design-check"]{color:var(--ink);font-family:var(--f-body);width:100%;max-width:var(--max)}.tool[data-tool="design-check"] *,.tool[data-tool="design-check"] *::before,.tool[data-tool="design-check"] *::after{box-sizing:border-box}.tool[data-tool="design-check"] .dc{display:block}.tool[data-tool="design-check"] .dc-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tool[data-tool="design-check"] :focus-visible{outline:1px solid var(--blue-l);outline-offset:3px}.tool[data-tool="design-check"] [hidden]{display:none!important}.tool[data-tool="design-check"] .dc-k,.tool[data-tool="design-check"] .dc-field label,.tool[data-tool="design-check"] .dc-fs legend{display:block;margin:0 0 .55rem;font:400 .68rem/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim-text)}.tool[data-tool="design-check"] .dc-note{margin:0;color:var(--mute);font-size:.86rem;line-height:1.6;max-width:62ch}.tool[data-tool="design-check"] .dc-mono{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.02em}.tool[data-tool="design-check"] .dc-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:clamp(1.75rem,4vw,3rem);overflow-x:auto;scrollbar-width:none}.tool[data-tool="design-check"] .dc-tabs::-webkit-scrollbar{display:none}.tool[data-tool="design-check"] .dc-tab{position:relative;flex:1 1 0;min-height:56px;padding:0 .75rem;background:transparent;border:0;color:var(--mute);cursor:pointer;font:400 .7rem/1.2 var(--f-display);letter-spacing:.2em;text-transform:uppercase;text-align:left;white-space:nowrap;transition:color .2s ease}.tool[data-tool="design-check"] .dc-tab b{font:500 .7rem var(--f-mono);letter-spacing:.06em;color:var(--dim-text);margin-right:.6rem;transition:color .2s ease}.tool[data-tool="design-check"] .dc-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:transparent;transition:background .25s ease,box-shadow .25s ease}.tool[data-tool="design-check"] .dc-tab:hover{color:var(--ink)}.tool[data-tool="design-check"] .dc-tab[aria-selected="true"]{color:var(--ink)}.tool[data-tool="design-check"] .dc-tab[aria-selected="true"] b{color:var(--blue-l)}.tool[data-tool="design-check"] .dc-tab[aria-selected="true"]::after{background:var(--blue-l);box-shadow:0 0 10px var(--blue-l)}.tool[data-tool="design-check"] .dc-tab:focus-visible{outline-offset:-4px}@media (max-width:560px){.tool[data-tool="design-check"] .dc-tab{letter-spacing:.12em;font-size:.62rem;padding:0 .5rem;text-align:center}.tool[data-tool="design-check"] .dc-tab b{display:block;margin:0 0 .3rem}}.tool[data-tool="design-check"] .dc-panel{outline:none}.tool[data-tool="design-check"] .dc-split{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}.tool[data-tool="design-check"] .dc-controls{display:grid;gap:1.5rem;align-content:start}.tool[data-tool="design-check"] .dc-readout{min-width:0}@media (min-width:960px){.tool[data-tool="design-check"] .dc-split{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:4rem}.tool[data-tool="design-check"] .dc-split--type{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.tool[data-tool="design-check"] .dc-readout{border-left:1px solid var(--line);padding-left:4rem}}.tool[data-tool="design-check"] .dc-field{min-width:0}.tool[data-tool="design-check"] .dc-field input[type="text"],.tool[data-tool="design-check"] .dc-field input[type="number"],.tool[data-tool="design-check"] .dc-field select{width:100%;min-height:44px;padding:0 .75rem;background:transparent;color:var(--ink);border:1px solid var(--line-2);border-radius:4px;font:400 .9rem var(--f-mono);letter-spacing:.02em;transition:border-color .2s ease}.tool[data-tool="design-check"] .dc-field select{appearance:none;-webkit-appearance:none;padding-right:2rem;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .7rem) 50%;background-size:.3rem .3rem;background-repeat:no-repeat;font:400 .86rem var(--f-body);letter-spacing:0;text-overflow:ellipsis}.tool[data-tool="design-check"] .dc-field select option{background:var(--graphite);color:var(--ink)}.tool[data-tool="design-check"] .dc-field input:hover,.tool[data-tool="design-check"] .dc-field select:hover{border-color:var(--mute)}.tool[data-tool="design-check"] .dc-field input:focus-visible,.tool[data-tool="design-check"] .dc-field select:focus-visible{outline:1px solid var(--blue-l);outline-offset:0;border-color:var(--blue-l)}.tool[data-tool="design-check"] .dc-field input[aria-invalid="true"]{border-color:var(--bad)}.tool[data-tool="design-check"] .dc-err{display:block;min-height:0;font:400 .72rem var(--f-mono);color:var(--bad)}.tool[data-tool="design-check"] .dc-err:not(:empty){margin-top:.4rem}.tool[data-tool="design-check"] .dc-row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tool[data-tool="design-check"] .dc-fs{border:0;margin:0;padding:0;min-width:0}.tool[data-tool="design-check"] .dc-fs legend{padding:0;color:var(--mute)}.tool[data-tool="design-check"] .dc-fs .dc-field label{font-size:.62rem;margin-bottom:.35rem}.tool[data-tool="design-check"] .dc-colour__row{display:flex;gap:.6rem}.tool[data-tool="design-check"] input[type="color"]{flex:0 0 44px;width:44px;height:44px;padding:3px;background:transparent;border:1px solid var(--line-2);border-radius:4px;cursor:pointer;-webkit-appearance:none;appearance:none}.tool[data-tool="design-check"] input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.tool[data-tool="design-check"] input[type="color"]::-webkit-color-swatch{border:0;border-radius:2px}.tool[data-tool="design-check"] input[type="color"]::-moz-color-swatch{border:0;border-radius:2px}.tool[data-tool="design-check"] input[type="color"]:focus-visible{outline:1px solid var(--blue-l);outline-offset:2px}.tool[data-tool="design-check"] .dc-check{display:flex;gap:.75rem;align-items:center;min-height:44px;cursor:pointer;color:var(--mute);font-size:.9rem}.tool[data-tool="design-check"] .dc-check input{width:18px;height:18px;margin:0;accent-color:var(--blue);flex:0 0 auto}.tool[data-tool="design-check"] .ring-btn{display:inline-flex;align-items:center;gap:.8rem;min-height:44px;padding:0 1.35rem 0 1rem;border-radius:999px;border:1px solid var(--line-2);color:var(--ink);font:400 .7rem var(--f-display);letter-spacing:.16em;text-transform:uppercase;background:transparent;cursor:pointer;transition:border-color .2s ease,box-shadow .3s ease}.tool[data-tool="design-check"] .ring-btn::before{content:"";flex:0 0 auto;width:11px;height:11px;border-radius:50%;border:1px solid var(--blue-l);box-shadow:3px -3px 0 -2px var(--ink),0 0 8px var(--blue-l)}.tool[data-tool="design-check"] .ring-btn:hover,.tool[data-tool="design-check"] .ring-btn:focus-visible{border-color:var(--blue-l);box-shadow:var(--glow)}.tool[data-tool="design-check"] .ring-btn:active{transform:scale(.98)}.tool[data-tool="design-check"] .dc-link,.tool[data-tool="design-check"] .dc-swap{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0;background:none;border:0;cursor:pointer;color:var(--mute);font:400 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:.4em;transition:color .2s ease,text-decoration-color .2s ease}.tool[data-tool="design-check"] .dc-link:hover,.tool[data-tool="design-check"] .dc-swap:hover{color:var(--ink);text-decoration-color:var(--blue-l)}.tool[data-tool="design-check"] .dc-swap{text-decoration:none;justify-self:start;margin:-.75rem 0}.tool[data-tool="design-check"] .dc-swap span{font-size:1rem;color:var(--blue-l)}.tool[data-tool="design-check"] .dc-mini{min-height:36px;min-width:44px;padding:0 .6rem;background:none;border:1px solid var(--line-2);border-radius:4px;color:var(--mute);cursor:pointer;font:400 .64rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}.tool[data-tool="design-check"] .dc-mini:hover{color:var(--ink);border-color:var(--blue-l)}.tool[data-tool="design-check"] .dc-suggest{display:grid;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--line)}.tool[data-tool="design-check"] .dc-suggest .dc-k{margin:0;color:var(--mute)}.tool[data-tool="design-check"] .dc-suggest .ring-btn{justify-self:start}.tool[data-tool="design-check"] .dc-sugg:empty{display:none}.tool[data-tool="design-check"] .dc-sugg__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.tool[data-tool="design-check"] .dc-chip{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);flex:0 0 auto}.tool[data-tool="design-check"] .dc-sugg__v{font:400 .78rem var(--f-mono);color:var(--mute)}.tool[data-tool="design-check"] .dc-sugg__v b{color:var(--ink);font-weight:500;margin-right:.4rem}.tool[data-tool="design-check"] .dc-big{margin:0;font:300 clamp(3.6rem,9vw,7rem)/.95 var(--f-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tool[data-tool="design-check"] .dc-big small{font-size:.38em;color:var(--blue-l);letter-spacing:0;margin-left:.1em}.tool[data-tool="design-check"] .dc-apca{margin:1.25rem 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .8rem;font:400 .8rem/1.5 var(--f-mono);color:var(--mute)}.tool[data-tool="design-check"] .dc-apca__k{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim-text)}.tool[data-tool="design-check"] .dc-apca b{font-weight:500;color:var(--ink);font-size:.95rem}.tool[data-tool="design-check"] .dc-checks{width:100%;margin:2rem 0 1.25rem;border-collapse:collapse}.tool[data-tool="design-check"] .dc-checks th,.tool[data-tool="design-check"] .dc-checks td{padding:.8rem 0;border-top:1px solid var(--line);text-align:left;font-weight:400;vertical-align:baseline}.tool[data-tool="design-check"] .dc-checks tbody tr:last-child th,.tool[data-tool="design-check"] .dc-checks tbody tr:last-child td{border-bottom:1px solid var(--line)}.tool[data-tool="design-check"] .dc-checks thead th{border-top:0;padding:0 0 .6rem;font:400 .62rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim-text)}.tool[data-tool="design-check"] .dc-checks tbody th{font-size:.92rem;color:var(--ink);padding-right:1rem}.tool[data-tool="design-check"] .dc-checks td{font:400 .78rem var(--f-mono);color:var(--mute);white-space:nowrap}.tool[data-tool="design-check"] .dc-checks td:last-child{text-align:right}.tool[data-tool="design-check"] .dc-checks thead th:last-child{text-align:right}.tool[data-tool="design-check"] .dc-sc{font:400 .66rem var(--f-mono);color:var(--dim-text);margin-left:.35rem}.tool[data-tool="design-check"] .dc-pf{display:inline-flex;align-items:center;gap:.5rem;font:500 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase}.tool[data-tool="design-check"] .dc-pf::before{content:"";width:7px;height:7px;border-radius:50%}.tool[data-tool="design-check"] .is-pass .dc-pf{color:var(--good)}.tool[data-tool="design-check"] .is-pass .dc-pf::before{background:var(--good);box-shadow:0 0 8px var(--good)}.tool[data-tool="design-check"] .is-fail .dc-pf{color:var(--bad)}.tool[data-tool="design-check"] .is-fail .dc-pf::before{border:1px solid var(--bad)}@media (max-width:420px){.tool[data-tool="design-check"] .dc-checks tbody th{font-size:.84rem}.tool[data-tool="design-check"] .dc-sc{display:block;margin:.2rem 0 0}}.tool[data-tool="design-check"] .dc-preview{--dc-fg:var(--ink);--dc-bg:var(--void);margin-top:clamp(2rem,5vw,3.5rem);display:grid;background:var(--dc-bg);color:var(--dc-fg);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);transition:background .2s ease,color .2s ease}.tool[data-tool="design-check"] .dc-pv{padding:1.5rem clamp(1rem,3vw,2rem);min-width:0}.tool[data-tool="design-check"] .dc-pv + .dc-pv{border-top:1px solid color-mix(in srgb,var(--dc-fg) 18%,transparent)}.tool[data-tool="design-check"] .dc-pv__k{display:block;margin-bottom:.9rem;font:400 .62rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.85}.tool[data-tool="design-check"] .dc-pv__h{margin:0;font:300 1.75rem/1.15 var(--f-display);letter-spacing:-.01em}.tool[data-tool="design-check"] .dc-pv__p{margin:0;font-size:1rem;line-height:1.55;max-width:46ch}.tool[data-tool="design-check"] .dc-pv__ui{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.tool[data-tool="design-check"] .dc-pv__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 1.25rem;border-radius:999px;background:var(--dc-fg);color:var(--dc-bg);font:500 .8rem var(--f-body);border:1px solid var(--dc-fg)}.tool[data-tool="design-check"] .dc-pv__btn--ghost{background:transparent;color:var(--dc-fg)}.tool[data-tool="design-check"] .dc-pv__icon{width:32px;height:32px;color:var(--dc-fg);flex:0 0 auto}@media (min-width:960px){.tool[data-tool="design-check"] .dc-preview{grid-template-columns:1.15fr 1.25fr 1fr}.tool[data-tool="design-check"] .dc-pv + .dc-pv{border-top:0;border-left:1px solid color-mix(in srgb,var(--dc-fg) 18%,transparent)}.tool[data-tool="design-check"] .dc-pv{padding:2rem}}.tool[data-tool="design-check"] .dc-links{margin-top:.75rem}.tool[data-tool="design-check"] .dc-strip{display:grid;grid-template-columns:repeat(11,1fr);height:clamp(64px,9vw,112px);margin-bottom:1.75rem}.tool[data-tool="design-check"] .dc-strip span{position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.4rem}.tool[data-tool="design-check"] .dc-strip span:first-child{border-radius:4px 0 0 4px}.tool[data-tool="design-check"] .dc-strip span:last-child{border-radius:0 4px 4px 0}.tool[data-tool="design-check"] .dc-strip i{font:400 .58rem var(--f-mono);font-style:normal;letter-spacing:.04em;color:var(--void);mix-blend-mode:normal}.tool[data-tool="design-check"] .dc-strip span:nth-child(n+6) i{color:var(--ink)}.tool[data-tool="design-check"] .dc-strip span.is-brand::after{content:"";position:absolute;left:50%;top:-12px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;border:1px solid var(--blue-l);box-shadow:0 0 8px var(--blue-l)}@media (max-width:560px){.tool[data-tool="design-check"] .dc-strip i{display:none}}.tool[data-tool="design-check"] .dc-tablewrap{width:100%;overflow-x:auto}.tool[data-tool="design-check"] .dc-pal,.tool[data-tool="design-check"] .dc-ts{width:100%;border-collapse:collapse}.tool[data-tool="design-check"] .dc-pal th,.tool[data-tool="design-check"] .dc-pal td,.tool[data-tool="design-check"] .dc-ts th,.tool[data-tool="design-check"] .dc-ts td{padding:.45rem .9rem .45rem 0;border-top:1px solid var(--line);text-align:left;font-weight:400;vertical-align:middle;white-space:nowrap}.tool[data-tool="design-check"] .dc-pal thead th,.tool[data-tool="design-check"] .dc-ts thead th{border-top:0;padding-bottom:.6rem;font:400 .6rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim-text)}.tool[data-tool="design-check"] .dc-pal tbody tr:last-child>*,.tool[data-tool="design-check"] .dc-ts tbody tr:last-child>*{border-bottom:1px solid var(--line)}.tool[data-tool="design-check"] .dc-pal tbody th{font:400 .8rem var(--f-mono);color:var(--ink)}.tool[data-tool="design-check"] .dc-pal td:last-child{padding-right:0;text-align:right}.tool[data-tool="design-check"] .dc-pal td.dc-mono{color:var(--mute)}.tool[data-tool="design-check"] .dc-pal td.is-ok{color:var(--ink)}.tool[data-tool="design-check"] .dc-pal tr.is-brand>*{background:color-mix(in srgb,var(--blue) 8%,transparent)}.tool[data-tool="design-check"] .dc-b{display:block;font:400 .56rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-l)}.tool[data-tool="design-check"] .dc-sw{display:inline-flex;align-items:center;justify-content:center;width:64px;height:36px;border-radius:3px;font:500 .82rem var(--f-body)}.tool[data-tool="design-check"] .dc-tags{display:flex;gap:.35rem;flex-wrap:nowrap}.tool[data-tool="design-check"] .dc-pal td.dc-tags{display:table-cell}.tool[data-tool="design-check"] .dc-tag{display:inline-block;margin-right:.35rem;padding:.2rem .45rem;border:1px solid color-mix(in srgb,var(--good) 45%,transparent);border-radius:3px;color:var(--good);font:400 .58rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase}.tool[data-tool="design-check"] .dc-tag--off{border-color:var(--line-2);color:var(--dim-text)}@media (max-width:700px){.tool[data-tool="design-check"] .dc-hide-s{display:none}.tool[data-tool="design-check"] .dc-sw{width:34px;height:32px}.tool[data-tool="design-check"] .dc-pal th,.tool[data-tool="design-check"] .dc-pal td{padding-right:.4rem}.tool[data-tool="design-check"] .dc-pal .dc-mono{font-size:.7rem;letter-spacing:0}.tool[data-tool="design-check"] .dc-tag{display:block;margin:0;padding:.1rem .3rem;text-align:center}.tool[data-tool="design-check"] .dc-tag + .dc-tag{margin-top:.2rem}}@media (min-width:960px){.tool[data-tool="design-check"] .dc-split--pal{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}}.tool[data-tool="design-check"] .dc-typebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,12rem);gap:1rem 1.5rem;align-items:end;margin-bottom:1.25rem}.tool[data-tool="design-check"] .dc-field--range output{color:var(--ink);margin-left:.35rem}.tool[data-tool="design-check"] input[type="range"]{width:100%;height:44px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.tool[data-tool="design-check"] input[type="range"]::-webkit-slider-runnable-track{height:1px;background:var(--line-2)}.tool[data-tool="design-check"] input[type="range"]::-moz-range-track{height:1px;background:var(--line-2)}.tool[data-tool="design-check"] input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--void);border:1px solid var(--blue-l);box-shadow:0 0 10px var(--blue-l)}.tool[data-tool="design-check"] input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--void);border:1px solid var(--blue-l);box-shadow:0 0 10px var(--blue-l)}.tool[data-tool="design-check"] input[type="range"]:focus-visible{outline:1px solid var(--blue-l);outline-offset:2px}.tool[data-tool="design-check"] .dc-spec{--dc-sfont:var(--f-display);--dc-sw:300;list-style:none;margin:0;padding:0;background:var(--dc-bg);color:var(--dc-fg);border-radius:4px}.tool[data-tool="design-check"] .dc-spec__row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.25rem 1.25rem;align-items:baseline;padding:.9rem 1rem;border-top:1px solid color-mix(in srgb,var(--dc-fg) 14%,transparent)}.tool[data-tool="design-check"] .dc-spec__row:first-child{border-top:0}.tool[data-tool="design-check"] .dc-spec__meta{font:400 .64rem/1.5 var(--f-mono);letter-spacing:.06em;opacity:.8}.tool[data-tool="design-check"] .dc-spec__meta b{display:block;font-weight:500;font-size:.72rem;opacity:1;color:var(--blue-l)}.tool[data-tool="design-check"] .dc-spec__t{font-family:var(--dc-sfont);font-weight:var(--dc-sw);overflow-wrap:anywhere;min-width:0}.tool[data-tool="design-check"] .dc-spec__row.is-base .dc-spec__t,.tool[data-tool="design-check"] .dc-spec__row .dc-spec__t{max-width:68ch}.tool[data-tool="design-check"] .dc-spec__row.is-base .dc-spec__t,.tool[data-tool="design-check"] .dc-spec__row.is-small .dc-spec__t{font-family:var(--f-body);font-weight:400}@media (max-width:560px){.tool[data-tool="design-check"] .dc-typebar{grid-template-columns:1fr}.tool[data-tool="design-check"] .dc-spec__row{grid-template-columns:1fr;padding:.8rem .75rem}.tool[data-tool="design-check"] .dc-spec__meta b{display:inline;margin-right:.5rem}}.tool[data-tool="design-check"] .dc-panel>.dc-tablewrap{margin-top:clamp(2rem,5vw,3rem)}.tool[data-tool="design-check"] .dc-panel>.dc-note{margin-top:1rem}.tool[data-tool="design-check"] .dc-ts tbody th{font:400 .78rem var(--f-mono);color:var(--ink)}.tool[data-tool="design-check"] .dc-ts td{color:var(--mute)}.tool[data-tool="design-check"] .dc-ts td.dc-clamp{color:var(--ink);white-space:nowrap;padding-right:0}.tool[data-tool="design-check"] .dc-ts tr.is-base>*{background:color-mix(in srgb,var(--blue) 8%,transparent)}.tool[data-tool="design-check"] .dc-export{margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:clamp(1.75rem,4vw,2.5rem);border-top:1px solid var(--line-2)}.tool[data-tool="design-check"] .dc-exhead{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-bottom:1rem}.tool[data-tool="design-check"] .dc-exh{margin:0 auto 0 0;font:300 clamp(1.3rem,2.4vw,1.8rem)/1.2 var(--f-display);letter-spacing:-.01em}.tool[data-tool="design-check"] .dc-exh b{font:500 .72rem var(--f-mono);color:var(--blue-l);letter-spacing:.06em;margin-right:.75rem;vertical-align:.35em}.tool[data-tool="design-check"] .dc-seg{display:inline-flex;margin:0;padding:0;border:1px solid var(--line-2);border-radius:4px;min-width:0}.tool[data-tool="design-check"] .dc-seg__opt{position:relative;display:inline-flex}.tool[data-tool="design-check"] .dc-seg__opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.tool[data-tool="design-check"] .dc-seg__opt span{display:inline-flex;align-items:center;min-height:42px;padding:0 .9rem;font:400 .66rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);transition:color .2s ease,background .2s ease;white-space:nowrap}.tool[data-tool="design-check"] .dc-seg__opt + .dc-seg__opt span{border-left:1px solid var(--line-2)}.tool[data-tool="design-check"] .dc-seg__opt input:checked + span{color:var(--ink);background:color-mix(in srgb,var(--blue) 18%,transparent);box-shadow:inset 0 -1px 0 var(--blue-l)}.tool[data-tool="design-check"] .dc-seg__opt input:hover + span{color:var(--ink)}.tool[data-tool="design-check"] .dc-seg__opt input:focus-visible + span{outline:1px solid var(--blue-l);outline-offset:-3px}.tool[data-tool="design-check"] .dc-exnote{margin-bottom:1.25rem}.tool[data-tool="design-check"] .dc-code{margin:0;max-height:22rem;overflow:auto;padding:1.25rem 1.5rem;background:var(--graphite);border-left:1px solid var(--blue-l);border-radius:0 4px 4px 0;font:400 .76rem/1.7 var(--f-mono);color:var(--mute);tab-size:2;white-space:pre}.tool[data-tool="design-check"] .dc-code:focus-visible{outline-offset:2px}.tool[data-tool="design-check"] .dc-exactions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:1.25rem}.tool[data-tool="design-check"] .dc-status{font:400 .72rem var(--f-mono);letter-spacing:.06em;color:var(--good)}@media (max-width:560px){.tool[data-tool="design-check"] .dc-seg{display:flex;width:100%}.tool[data-tool="design-check"] .dc-seg__opt{flex:1 1 0}.tool[data-tool="design-check"] .dc-seg__opt span{width:100%;justify-content:center;padding:0 .4rem;font-size:.6rem}.tool[data-tool="design-check"] .dc-code{padding:1rem;font-size:.7rem}}.tool[data-tool="design-check"] .dc-lead{margin:clamp(2.5rem,6vw,4rem) 0 0;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--mute);font-size:1rem}.tool[data-tool="design-check"] .dc-lead a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--blue-l);text-underline-offset:.3em;transition:text-shadow .3s ease}.tool[data-tool="design-check"] .dc-lead a:hover{text-shadow:0 0 18px var(--blue-l)}@media (prefers-reduced-motion:reduce){.tool[data-tool="design-check"] *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:440px){.tool[data-tool="design-check"] .dc-swcell{display:none}.tool[data-tool="design-check"] .dc-pal tbody th{box-shadow:inset 4px 0 0 var(--dc-sw);padding-left:.7rem}.tool[data-tool="design-check"] .dc-pal thead th:first-child{padding-left:.7rem}.tool[data-tool="design-check"] .dc-row2--sel{grid-template-columns:1fr}}@media (max-width:700px){.tool[data-tool="design-check"] .dc-ts,.tool[data-tool="design-check"] .dc-ts thead,.tool[data-tool="design-check"] .dc-ts tbody{display:block}.tool[data-tool="design-check"] .dc-ts caption{display:block}.tool[data-tool="design-check"] .dc-ts tr{display:grid;grid-template-columns:minmax(0,1.7fr) 1fr 1fr minmax(0,.8fr);column-gap:.5rem;border-top:1px solid var(--line);padding:.55rem 0}.tool[data-tool="design-check"] .dc-ts thead tr{border-top:0;padding-top:0}.tool[data-tool="design-check"] .dc-ts tbody tr:last-child{border-bottom:1px solid var(--line)}.tool[data-tool="design-check"] .dc-ts th,.tool[data-tool="design-check"] .dc-ts td,.tool[data-tool="design-check"] .dc-ts tbody tr:last-child>*{border:0!important;padding:0;font-size:.7rem}.tool[data-tool="design-check"] .dc-ts thead th:last-child{display:none}.tool[data-tool="design-check"] .dc-ts td.dc-clamp{grid-column:1/-1;white-space:normal;overflow-wrap:anywhere;margin-top:.3rem;color:var(--mute)}}@media (max-width:700px){.tool[data-tool="design-check"] .dc-ts tr.is-base{background:color-mix(in srgb,var(--blue) 8%,transparent)}.tool[data-tool="design-check"] .dc-ts tr.is-base>*{background:none}}