.unit-converter-page{padding-top:.75rem}.unit-converter-page>nav{margin-bottom:1rem}.unit-converter-page>section[aria-labelledby=tool-title]{padding-bottom:1.25rem}.unit-converter-page #tool-title{font-size:1.75rem;line-height:1.25}.unit-converter-page #tool-title+p{max-width:none;margin-top:.5rem;font-size:1rem;line-height:1.5}.unit-converter-tool,.unit-converter,.unit-converter-field{min-width:0}.unit-converter-form{border:1px solid var(--border);border-radius:.75rem;padding:1rem;background:var(--surface)}.unit-converter-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}.unit-converter-field:first-child{grid-column:1;grid-row:1}.unit-converter-field:last-child{grid-column:1;grid-row:3}.unit-converter-field>label{display:block;margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.unit-converter-field-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:.375rem}.unit-converter-value{width:100%;min-width:0;height:2.75rem;padding:.5rem .875rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);font-size:1.75rem;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.unit-converter-value[data-long]{font-size:1rem}.unit-converter-value::placeholder{font-size:1rem;font-weight:400;color:var(--text-muted)}.unit-converter-value:hover,.unit-converter-value:focus-visible{border-color:var(--primary)}.unit-converter-value[aria-invalid=true]{border-width:2px;padding-inline:calc(.875rem - 1px)}.unit-converter-unit-wrap{position:relative;display:flex;min-width:0;align-items:center;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted)}.unit-converter-unit-wrap:hover{border-color:var(--primary);background:var(--surface-hover)}.unit-converter-unit-wrap:has(select:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.unit-converter-unit-display{display:block;width:100%;min-width:0;min-height:2.75rem;padding:.625rem 2.25rem .625rem .875rem;font-size:1rem;line-height:1.5rem;overflow-wrap:anywhere}.unit-converter-unit-wrap>svg{position:absolute;right:.75rem;width:1rem;height:1rem;color:var(--text-muted);pointer-events:none}.unit-converter-unit-wrap select{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:1rem;cursor:pointer}.unit-converter-unit-wrap:has(select:disabled){opacity:.6}.unit-converter-swap{grid-column:1;grid-row:2;justify-self:center;align-self:start;margin-top:2rem;margin-bottom:.625rem;border-radius:.5rem;background:var(--surface-muted)}.unit-converter-swap svg{width:1.25rem;height:1.25rem;transform:rotate(90deg)}.unit-converter-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.unit-converter-input-hint{order:2;font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.unit-converter-pair-result{display:flex;flex-direction:column;gap:.5rem;min-width:0}.unit-converter-equation{overflow-wrap:anywhere;font-size:1rem;line-height:1.5rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.unit-converter-copy-area{position:relative;min-width:0}.unit-converter-pair-copy{width:100%;min-height:2.75rem;gap:.5rem;border-radius:.5rem;font-size:.875rem}.unit-converter-pair-copy svg{width:1.125rem;height:1.125rem;flex-shrink:0}.unit-converter-error{margin-top:.5rem;color:var(--text-primary);font-size:.875rem;line-height:1.5rem;font-weight:600;overflow-wrap:anywhere}.unit-converter-copy-fallback{margin-top:.75rem;font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.unit-converter-copy-fallback textarea{width:100%;margin-top:.5rem;font-size:1rem}.unit-converter-copy-compact .unit-converter-copy-fallback{position:absolute;z-index:2;top:100%;right:0;width:min(20rem,calc(100vw - 4rem));margin-top:.25rem;padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.unit-converter-results{margin-top:2rem;min-width:0}.unit-converter-results-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.375rem 1rem;margin-bottom:1rem}.unit-converter-results-heading>div{min-width:0}.unit-converter-results-heading h2,.unit-converter-section-title{font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-.025em}.unit-converter-results-heading p{margin-top:.375rem;color:var(--text-muted);font-size:.875rem;line-height:1.5rem;overflow-wrap:anywhere}.unit-converter-results-heading .unit-converter-rounding-note{margin:0;font-size:.75rem}.unit-converter-results-surface{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding:.75rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.unit-converter-results-surface[data-single]{grid-template-columns:minmax(0,1fr)}.unit-converter-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.875rem;line-height:1.25rem}.unit-converter-label-col{width:46%}.unit-converter-copy-col{width:2.75rem}.unit-converter-table caption{padding:.25rem .25rem .75rem;text-align:left;font-weight:700}.unit-converter-table-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;align-items:baseline}.unit-converter-table-description{color:var(--text-muted);font-size:.75rem;line-height:1.25rem;font-weight:400}.data-converter-common-note{margin-top:.75rem;color:var(--text-muted);font-size:.875rem;line-height:1.5rem}.unit-converter-table tbody tr{border-top:1px solid var(--border)}.unit-converter-table tbody th{padding:.5rem .25rem;text-align:left;font-weight:500;overflow-wrap:anywhere}.unit-converter-unit-symbol{color:var(--text-muted)}.unit-converter-result-value{padding:.5rem .25rem;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.unit-converter-result-action{width:2.75rem;padding:.125rem 0;vertical-align:middle}.unit-converter-row-copy{width:2.75rem;min-height:2.75rem;border-color:transparent;border-radius:.5rem;background:transparent}.unit-converter-row-copy svg{width:1.125rem;height:1.125rem}.unit-converter-row-copy:disabled{opacity:.4;cursor:default}.unit-converter-table tr[data-selected]{background:var(--primary-soft)}.unit-converter-selected{display:block;width:fit-content;margin-top:.125rem;color:var(--primary);font-size:.75rem;line-height:1rem}.unit-converter-no-js{margin-top:1rem;color:var(--text-muted);font-size:.875rem;line-height:1.5rem}.unit-converter-page #instruction{margin-top:2rem}.unit-converter-steps{display:grid;gap:1.25rem;margin-top:1.25rem}.unit-converter-step{display:flex;gap:.75rem;align-items:flex-start}.unit-converter-step>span{display:flex;flex:0 0 2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--surface-muted);font-weight:600}.unit-converter-step h3{font-size:.875rem;line-height:1.25rem;font-weight:700}.unit-converter-step p{margin-top:.5rem;color:var(--text-muted);font-size:.875rem;line-height:1.5rem}.unit-converter-precision{margin-top:1.5rem;color:var(--text-muted);font-size:.875rem;line-height:1.5rem}.unit-converter-reference-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:2rem}.unit-converter-reference{min-width:0}.unit-converter-reference p,.unit-converter-reference li{color:var(--text-muted);font-size:.875rem;line-height:1.5rem;overflow-wrap:anywhere}.unit-converter-reference p{margin-top:1rem}.unit-converter-reference .unit-converter-formula{padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);color:var(--text-primary)}.unit-converter-reference h3{margin-top:1.5rem;font-size:1rem;line-height:1.5rem;font-weight:700}.unit-converter-reference ul{display:grid;gap:.75rem;margin-top:.75rem;padding-left:1.25rem;list-style:disc}.unit-converter-reference-table{width:100%;margin-top:1rem;border-collapse:collapse;table-layout:fixed;font-size:.875rem;line-height:1.5rem}.unit-converter-reference-table th,.unit-converter-reference-table td{padding:.75rem .5rem;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.unit-converter-reference-table th{text-align:left;font-weight:500}.unit-converter-reference-table thead th{background:var(--surface-muted);color:var(--text-muted);font-weight:600}.unit-converter-reference-table th:first-child{width:60%}.unit-converter-reference-table th:last-child,.unit-converter-reference-table td{text-align:right;font-variant-numeric:tabular-nums}.unit-converter-reference-table tbody th{text-align:left}#mass-correspondence .unit-converter-reference-table th:first-child{width:40%}#mass-correspondence .unit-converter-reference-table td{white-space:nowrap}#area-correspondence .unit-converter-reference-table th{text-align:right}#area-correspondence .unit-converter-reference-table th:first-child{width:30%}#area-correspondence .unit-converter-reference-table th:last-child{width:45%}@media(min-width:48rem){.unit-converter-page{padding-top:2rem}.unit-converter-page>nav{margin-bottom:1.5rem}.unit-converter-page #tool-title{font-size:3rem}.unit-converter-page #tool-title+p{font-size:1.125rem}.unit-converter-page>section[aria-labelledby=tool-title]{padding-bottom:2rem}.unit-converter-form{padding:2rem}.unit-converter-fields{grid-template-columns:minmax(0,1fr) 2.75rem minmax(0,1fr);gap:2rem}.unit-converter-field:first-child{grid-column:1;grid-row:1}.unit-converter-field:last-child{grid-column:3;grid-row:1}.unit-converter-field>label{margin-bottom:.625rem}.unit-converter-value{height:4.5rem;font-size:2.25rem}.unit-converter-swap{grid-column:2;grid-row:1;align-self:center;margin-top:1.875rem;margin-bottom:0}.unit-converter-swap svg{transform:none}.unit-converter-actions{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem minmax(0,1fr);gap:2rem;margin-top:1.25rem}.unit-converter-input-hint{grid-column:1;grid-row:1;order:initial}.unit-converter-pair-result{grid-column:3;grid-row:1}.unit-converter-pair-copy{width:auto;min-width:14rem;min-height:3rem}.unit-converter-pair-result .unit-converter-copy-area{text-align:right}.unit-converter-results{margin-top:2.5rem}.unit-converter-results-heading h2{font-size:1.875rem;line-height:2.25rem}.unit-converter-results-heading p{font-size:1rem}.unit-converter-results-surface{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:1rem;align-items:start}.unit-converter-results-surface>table+table{position:relative}.unit-converter-results-surface>table+table:before{content:"";position:absolute;top:0;bottom:0;left:-1rem;border-left:1px solid var(--border)}.unit-converter-table tbody th{padding:.5rem}.unit-converter-result-value{padding-inline:.5rem}.unit-converter-page #instruction{margin-top:2.5rem}.unit-converter-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.unit-converter-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2.5rem}}@media(min-width:64rem){.unit-converter-field-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1rem}.unit-converter-unit-display{display:flex;min-height:4.375rem;align-items:center}.unit-converter-pair-result{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.75rem}.unit-converter-table{font-size:1rem;line-height:1.5rem}.data-converter .unit-converter-field-controls{grid-template-columns:minmax(0,1fr);gap:.75rem}.data-converter .unit-converter-unit-display{min-height:3.25rem}}