.weights-intro{max-width:900px}.weights-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:45px;align-items:start}.weights-chart,.weights-converter{min-width:0}.weights-chart h2,.weights-converter h2{font-size:31px}.weights-chart p,.weights-converter p{font-size:15px;color:var(--muted)}.weights-table-wrap{overflow-x:auto}.weights-table{min-width:620px;font-variant-numeric:tabular-nums}.weights-table th,.weights-table td{padding:11px 10px}.weights-table tbody tr:nth-child(even){background:#f5f8fb}.weights-table td:nth-child(3){white-space:nowrap;font-weight:600}.weights-source{font-size:13px!important;max-width:75ch}.weights-converter{background:var(--blue);border:1px solid var(--line);border-radius:8px;padding:25px}.weights-converter label{display:block;font-weight:600;margin:18px 0 7px}.weights-converter input,.weights-converter select{display:block;width:100%;padding:10px 12px;border:1px solid #8ba1b3;border-radius:4px;font:inherit;background:white;color:var(--ink)}.weights-converter .weight-help{font-size:13px;margin:5px 0 0}.weights-converter button{margin-top:20px}.weights-converter .weight-error{color:#8d2525;font-weight:600;margin:8px 0 0}.weight-answer{background:white;border-left:4px solid var(--accent);margin-top:25px;padding:17px}.weight-answer span,.weight-answer small{display:block;font-size:13px;color:var(--muted)}.weight-answer strong{display:block;font-size:clamp(23px,3vw,32px);line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:4px 0}.weight-noscript{margin-top:15px}@media(max-width:850px){.weights-layout{grid-template-columns:1fr;gap:25px}.weights-converter{max-width:600px}}@media(max-width:600px){.weights-table{min-width:0}.weights-table thead{display:none}.weights-table tbody,.weights-table tr,.weights-table td,.weights-table th{display:block}.weights-table tr{border:1px solid var(--line);border-radius:5px;padding:10px;margin:0 0 12px}.weights-table th,.weights-table td{border:0;padding:3px 7px}.weights-table th{background:none;font-size:19px}.weights-table td:before{display:inline-block;min-width:150px;font-weight:600;color:var(--muted);font-size:13px}.weights-table td:nth-child(2):before{content:'Unit or fraction'}.weights-table td:nth-child(3):before{content:'Exact grams'}.weights-table td:nth-child(4):before{content:'Rounded label'}.weights-converter{padding:20px}}@media print{.weights-layout{display:block}.weights-converter{break-before:page}}
.weights-converter [hidden]{display:none!important}
.weights-explainer{max-width:850px}.weights-explainer h3{margin-top:30px}