.dsc-tool{padding-block-start:var(--sp-5)}
.dsc-narrow{max-width:62rem}
.dsc-steps{display:grid;gap:var(--sp-4);margin:0 0 var(--sp-5);padding:0;list-style:none;counter-reset:dsc}
.dsc-steps li{position:relative;padding:var(--sp-4) var(--sp-4) var(--sp-4) 3.75rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);counter-increment:dsc}
.dsc-steps li::before{content:counter(dsc);position:absolute;inset-block-start:var(--sp-4);inset-inline-start:var(--sp-4);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--brand);color:#fff;font-weight:750}
.dsc-steps h3{margin:0 0 var(--sp-1);font-size:var(--fs-lg)}
.dsc-steps p{margin:0;color:var(--ink-soft)}
@media (min-width:48em){.dsc-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dsc-formula{padding:var(--sp-4);border-radius:var(--r-md);background:var(--dark);color:var(--on-dark);font-variant-numeric:tabular-nums}
.dsc-formula p{margin:0 0 var(--sp-2);overflow-wrap:anywhere}
.dsc-formula p:last-child{margin:0}
.dsc-formula strong{color:#fff}
.dsc-more,.dsc-fine{margin-block-start:var(--sp-4);color:var(--ink-soft)}
.dsc-fine{font-size:var(--fs-sm)}
.dsc-filter{display:flex;flex-direction:column;gap:var(--sp-1);max-width:26rem;margin-block-end:var(--sp-5);font-weight:650;font-size:var(--fs-sm)}
.dsc-filter input{min-height:48px;padding:.625rem .875rem;border:1px solid #8a8a92;border-radius:var(--r-md);font:inherit;font-size:1rem;font-weight:400}
.dsc-filter input:focus{outline:3px solid var(--brand);outline-offset:1px}
.dsc-group{margin-block-end:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.dsc-group>summary{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-3) var(--sp-4);cursor:pointer;list-style:none}
.dsc-group>summary::-webkit-details-marker{display:none}
.dsc-group>summary:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:var(--r-md)}
.dsc-group h3{margin:0;font-size:var(--fs-lg);flex:1 1 auto}
.dsc-count{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}
.dsc-marker{flex:none;color:var(--brand);transition:transform .2s}
.dsc-group[open]>summary .dsc-marker{transform:rotate(45deg)}
.dsc-group>.dsc-table{margin:0 0 var(--sp-3)}
.dsc-group[open]>summary{border-block-end:1px solid var(--line-soft)}
@media (max-width:47.99em){.dsc-group>.dsc-table tbody{padding:var(--sp-3)}}
.dsc-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}
.dsc-table th,.dsc-table td{padding:var(--sp-3);text-align:start;vertical-align:top;border-block-end:1px solid var(--line-soft);overflow-wrap:anywhere}
.dsc-table thead th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-block-end:2px solid var(--line)}
.dsc-table tbody th{font-weight:650;color:var(--ink)}
.dsc-table td{font-variant-numeric:tabular-nums;color:var(--ink-soft)}
.dsc-table td a{color:var(--brand-hover)}
@media (max-width:47.99em){
.dsc-table,.dsc-table tbody,.dsc-table tr,.dsc-table th,.dsc-table td{display:block;width:auto}
.dsc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dsc-table tbody{display:grid;gap:var(--sp-3)}
.dsc-table tbody tr{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}
.dsc-table tbody th{padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-block-end:1px solid var(--line-soft)}
.dsc-table td{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border:0}
.dsc-table td::before{content:attr(data-label);font-size:var(--fs-xs);font-weight:650;color:var(--muted)}
}
.dsc-cards{display:grid;gap:var(--sp-3)}
@media (min-width:48em){.dsc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dsc-card{display:flex;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink-soft);text-decoration:none}
.dsc-card:hover{border-color:var(--brand)}
.dsc-card .ico{flex:none;color:var(--brand)}
.dsc-card strong{display:block;color:var(--ink);margin-block-end:var(--sp-1)}