/* Scoped to this category; the completed construction tools are unchanged. */
.conv-layout{min-width:0;color:var(--fg)}
.conv-layout .utility-section{min-width:0;margin:0 0 28px;padding:0}
.conv-layout .utility-section>h2{font-size:1.05rem;margin:0 0 18px;line-height:1.4}
.conv-layout .utility-answer{padding:24px;background:var(--soft);margin-bottom:0}
.conv-layout .utility-answer .result{margin:0 0 16px;background:transparent;border:0;padding:0;box-shadow:none}
.conv-layout .result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.conv-layout [hidden]{display:none!important}
.conv-layout input,.conv-layout select,.conv-layout textarea{max-width:100%}
.conv-layout .out{min-width:0;overflow-wrap:anywhere}
.conv-layout .table-wrap{max-width:100%;overflow:auto}
.conv-layout .stats{font-variant-numeric:tabular-nums}
.conv-layout button:focus-visible,.conv-layout a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:640px){.conv-layout .utility-answer{padding:18px} .conv-layout .btn{min-height:44px} .conv-layout .grid{grid-template-columns:1fr}}

#tool:has(.conv-layout){background:var(--card);color:var(--fg);padding:28px;border:1px solid var(--border);box-shadow:none}
.conv-layout .conversion-pair{display:grid;grid-template-columns:1.1fr 1fr auto 1fr;gap:14px;align-items:end;margin:18px 0}
.conv-layout.utility-cooking-converter .conversion-pair{grid-template-columns:1fr auto 1fr}
.conv-layout.utility-unit-converter,.conv-layout.utility-cooking-converter{max-width:940px;margin:auto}
.conv-layout.utility-shoe-size-converter{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.conv-layout.utility-shoe-size-converter>details{grid-column:1/-1}
.conv-layout.utility-shoe-size-converter .grid{grid-template-columns:1fr 1fr}
.conv-layout .foot-measure{margin-top:20px}
.conv-layout .foot-measure>div{margin:16px 0}
.conv-layout.utility-roman-numeral-converter{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.conv-layout.utility-roman-numeral-converter>.utility-section:last-child{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--border)}
.conv-layout.utility-roman-numeral-converter .big-num{overflow-wrap:anywhere}
.conv-layout.utility-number-to-words{max-width:820px;margin:auto}
.conv-layout.utility-fuel-cost-calculator{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}
.conv-layout.utility-fuel-cost-calculator .grid{grid-template-columns:1fr 1fr}
.conv-layout.utility-online-notepad textarea{min-height:420px;background:var(--card);line-height:1.8;padding:24px}
.conv-layout .note-actions{border-top:1px solid var(--border);padding-top:12px;margin-top:14px}
.conv-layout .share-notice{display:block;flex-basis:100%}
.conv-layout .np-status{white-space:nowrap}
.conv-layout .gpa input[type=text],.conv-layout .wg input[type=text]{min-width:130px}
@media(max-width:700px){#tool:has(.conv-layout){padding:20px}.conv-layout .conversion-pair{grid-template-columns:1fr 1fr}.conv-layout .conversion-pair>div:first-child{grid-column:1/-1}.conv-layout .conversion-pair>.btn{grid-row:3;grid-column:1/-1;justify-self:start}.conv-layout.utility-cooking-converter .conversion-pair{grid-template-columns:1fr 1fr}.conv-layout.utility-cooking-converter .conversion-pair>div:first-child{grid-column:auto}.conv-layout.utility-cooking-converter .conversion-pair>.btn{grid-row:2}.conv-layout.utility-shoe-size-converter,.conv-layout.utility-roman-numeral-converter,.conv-layout.utility-fuel-cost-calculator{grid-template-columns:1fr;gap:12px}.conv-layout.utility-shoe-size-converter>details,.conv-layout.utility-roman-numeral-converter>.utility-section:last-child{grid-column:auto}.conv-layout.utility-online-notepad textarea{padding:16px;min-height:340px}.conv-layout .np-count{display:block}}

@media(max-width:640px){
 .conv-layout .gpa,.conv-layout .wg,.conv-layout .gpa tbody,.conv-layout .wg tbody{display:block;width:100%}
 .conv-layout .gpa thead,.conv-layout .wg thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .conv-layout .gpa tr,.conv-layout .wg tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--border)}
 .conv-layout .gpa td,.conv-layout .wg td{display:block;padding:0;border:0;min-width:0}
 .conv-layout .gpa td:first-child,.conv-layout .wg td:first-child{grid-column:1/-1}
 .conv-layout .gpa td::before,.conv-layout .wg td::before{display:block;font-size:.8rem;margin-bottom:4px;color:var(--muted)}
 .conv-layout .gpa td:nth-child(1)::before{content:"Course"}
 .conv-layout .gpa td:nth-child(2)::before{content:"Grade"}
 .conv-layout .gpa td:nth-child(3)::before{content:"Credits"}
 .conv-layout .gpa td:nth-child(4)::before{content:"Course type"}
 .conv-layout .wg td:nth-child(1)::before{content:"Category"}
 .conv-layout .wg td:nth-child(2)::before{content:"Score (%)"}
 .conv-layout .wg td:nth-child(3)::before{content:"Weight (%)"}
 .conv-layout .gpa td input,.conv-layout .gpa td select,.conv-layout .wg td input{width:100%!important;min-width:0!important}
 .conv-layout .gpa td:last-child,.conv-layout .wg td:last-child{display:flex;justify-content:end;align-items:end}
 .conv-layout .gpa [data-rm],.conv-layout .wg [data-rm]{width:auto;min-width:44px}
}
.conv-layout .practical-panel{margin:20px 0 0;border:1px solid var(--border);border-radius:6px;background:var(--card);min-width:0}
.conv-layout .practical-panel>summary{padding:13px 16px;font-size:.9rem;font-weight:600;cursor:pointer}
.conv-layout .practical-body{padding:4px 16px 18px;min-width:0}
.conv-layout .practical-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.conv-layout .practical-field{display:block;font-size:.85rem;font-weight:600;margin:10px 0}
.conv-layout .practical-field input,.conv-layout .practical-field select,.conv-layout .practical-field textarea{display:block;margin-top:5px;width:100%;font-weight:400}
.conv-layout .practical-result{margin-top:14px;overflow-wrap:anywhere}
.conv-layout .practical-number{font-size:2rem;font-weight:600;line-height:1.25}
.conv-layout .practical-number span{font-size:.88rem;font-weight:400;display:block;margin-top:6px}
.conv-layout .practical-body .btn{margin:8px 7px 0 0}
.conv-layout .practical-body td{font-variant-numeric:tabular-nums}
.conv-layout .practical-panel table{font-size:.88rem}
.conv-layout .practical-result .table-wrap{overflow-x:auto}
@media(max-width:700px){.conv-layout .practical-fields{grid-template-columns:1fr}.conv-layout .practical-number{font-size:1.6rem}.conv-layout .practical-body{padding:4px 12px 16px}}

#tool:has(.conv-layout){border:0;padding:32px}
.conv-layout.utility-unit-converter .conversion-pair{grid-template-columns:1.1fr 1fr auto 1fr;align-items:end;background:var(--soft);padding:20px;border-radius:6px}
.conv-layout.utility-unit-converter .utility-answer{background:transparent;border-top:1px solid var(--border);padding-top:26px}
.conv-layout.utility-unit-converter .big-num{font-size:2.2rem}
.conv-layout.utility-cooking-converter{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}
.conv-layout.utility-cooking-converter .utility-answer{position:sticky;top:20px}
.conv-layout.utility-shoe-size-converter .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.conv-layout.utility-roman-numeral-converter>.utility-answer .big-num{font-family:Georgia,serif;font-size:3rem}
.conv-layout .roman-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;list-style:none}
.conv-layout .roman-labels li{padding:12px;background:var(--soft);font-family:Georgia,serif}
.conv-layout .check-amount-preview{margin:20px 0;padding:26px;background:var(--soft);font-family:Georgia,serif}
.conv-layout .check-payee{font-size:1rem;border-bottom:1px solid var(--border);padding-bottom:10px}
.conv-layout .check-digits{text-align:right;font:600 1.6rem var(--font);font-variant-numeric:tabular-nums}
.conv-layout .check-words{font-size:1.2rem;border-bottom:1px solid var(--border);padding-bottom:20px;line-height:1.7}
.conv-layout.utility-gpa-calculator .gpa,.conv-layout.utility-grade-calculator .wg{margin-top:14px}
.conv-layout.utility-gpa-calculator>.out{padding:22px;background:var(--soft);margin-top:24px}
.conv-layout.utility-fuel-cost-calculator .utility-answer{padding:30px;background:var(--soft)}
.conv-layout.utility-online-notepad{max-width:900px;margin:auto}
.conv-layout.utility-online-notepad [name=note]{font-family:Georgia,serif;font-size:1.15rem!important;line-height:1.8;border:0;border-bottom:1px solid var(--border);border-radius:0}
.conv-layout .note-checklist>.check{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border);gap:10px}
.conv-layout .note-checklist .check input{margin-top:6px}
.conv-layout .note-checklist .check:has(input:checked) span{text-decoration:line-through;color:var(--muted)}
@media(max-width:800px){
 #tool:has(.conv-layout){padding:22px}
 .conv-layout.utility-cooking-converter{display:block}
 .conv-layout.utility-cooking-converter .utility-answer{position:static}
 .conv-layout .roman-labels{grid-template-columns:repeat(2,minmax(0,1fr))}
 .conv-layout.utility-unit-converter .conversion-pair{grid-template-columns:1fr 1fr;padding:14px}
 .conv-layout .check-amount-preview{padding:18px}
}