*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#1e293b;font:400 15px/1.65 Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:#047857}button:disabled{opacity:.4;cursor:default}button,input,select{min-height:46px}button{border:1px solid #cbd5e1;border-radius:12px;padding:10px 18px;background:#fff;color:#334155;font-weight:600}button:hover{border-color:#059669}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #10b981;outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;padding-inline:24px}.site-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 0}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#12203f;font:700 21px Inter,sans-serif;text-decoration:none}.brand img{width:38px;height:38px;object-fit:contain}.site-header nav{display:flex;gap:10px;align-items:center;font-size:14px}.site-header nav a{display:inline-block;padding:7px 12px;border-radius:9px;text-decoration:none;color:#334155}.site-header nav a[aria-current=page]{background:#d1fae5;color:#065f46}main{padding-block:30px 50px}.page-heading{text-align:center;margin:4px auto 25px}.page-heading h1{font-size:clamp(26px,3.4vw,38px);line-height:1.3;letter-spacing:-.03em;margin:0 0 10px;color:#0f172a}.page-heading p{color:#64748b;margin:0;font-size:17px}.unit-picker{display:flex;justify-content:center;gap:8px;margin:0 0 23px}.unit-picker button{border-radius:999px;padding-inline:24px}.unit-picker button[aria-pressed=true]{background:#047857;border-color:#047857;color:#fff}.house-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.house-card{background:white;border:1px solid #dce4ee;border-radius:22px;box-shadow:0 4px 20px #0f172a05;overflow:hidden;min-width:0}.house-heading{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid #e2e8f0;background:#ecfdf5}.house-heading h2{margin:0;color:#064e3b;font-size:21px}.letter{background:#047857;color:white;border-radius:10px;display:grid;place-items:center;width:34px;height:34px;font:700 19px Inter,sans-serif}.copy-button{margin-inline-start:auto;font-size:12px;min-height:36px;padding:6px 10px;background:#fff}.fields{padding:22px;display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#334155;min-width:0}.field select,.field input{min-width:0;width:100%;border:1px solid #a9b9ca;border-radius:10px;background:#f8fafc;color:#0f172a;padding:11px 12px;font-size:15px}.field input{direction:ltr}.field [aria-invalid=true]{border:2px solid #be123c}.settings{border-top:1px solid #e2e8f0}.settings summary{cursor:pointer;font-weight:600;font-size:13px;padding:15px 22px;color:#047857}.settings-body{padding:0 22px 18px}.settings-body p{font-size:12px;color:#64748b}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 14px}.primary{background:#047857;color:#fff;border-color:#047857;box-shadow:0 5px 16px #04785720;padding-inline:40px}.primary:hover{background:#065f46}.unit-note,.privacy{font-size:12px;color:#64748b;text-align:center;max-width:900px;margin:12px auto}#status{font-size:14px;color:#065f46;text-align:center;margin:16px 0}#results{scroll-margin-top:25px;background:white;border:1px solid #dce4ee;border-radius:20px;padding:24px;margin:25px 0}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.results-heading h2{font-size:23px;margin:0}.results-heading button{font-size:13px}.notice{font-size:13px;background:#ecfdf5;border-inline-start:4px solid #059669;padding:12px 15px;border-radius:8px;color:#065f46}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.result-card{padding:22px;border:1px solid #d1fae5;border-radius:15px;background:#f7fffb}.result-card h3{margin:0 0 8px;font-size:22px;color:#065f46}.result-card>p{font-size:13px;color:#475569;margin:7px 0}.total-price{display:block;font:800 clamp(25px,3vw,34px)/1.4 Inter,sans-serif;color:#0f172a;margin-top:16px}.result-card dl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:14px;border-top:1px solid #dce4ee;padding-top:14px;margin-bottom:0}.result-card dt{color:#64748b}.result-card dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;direction:ltr}.difference{background:#065f46;color:white;font-weight:600;padding:16px 20px;border-radius:12px;font-size:17px}.table-wrap{overflow:auto;border:1px solid #dce4ee;border-radius:12px}table{border-collapse:collapse;width:100%;min-width:690px;font-size:14px}td,th{border-bottom:1px solid #e2e8f0;padding:13px 16px;text-align:start;vertical-align:top}thead th{background:#f1f5f9;color:#334155}tbody th{font-weight:500}td{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}.total-row{background:#ecfdf5;font-weight:700}.method{margin:24px 0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:0 18px}.method summary{cursor:pointer;padding:15px 0;font-weight:600;color:#047857}.method p{font-size:13px;line-height:1.8;color:#475569}.contact{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:20px}.contact a{display:inline-block;padding:10px 18px;background:#047857;color:#fff;border-radius:10px;text-decoration:none}footer{background:#0f172a;color:#cbd5e1;font-size:12px;text-align:center;padding:22px}footer a{color:#cbd5e1}html[lang=ur] body{font-family:'Noto Nastaliq Urdu',serif;line-height:2.2;font-size:17px}html[lang=ur] .field,html[lang=ur] .field select,html[lang=ur] .settings summary{font-size:15px}html[lang=ur] h1{line-height:1.9;letter-spacing:0;font-size:31px}html[lang=ur] .page-heading p{font-size:17px}html[lang=ur] .result-card>p,html[lang=ur] .notice,html[lang=ur] .unit-note{font-size:14px}@media(max-width:700px){.wrap{padding-inline:16px}.house-grid,.result-grid{grid-template-columns:1fr;gap:18px}.brand{font-size:18px}.site-header nav{gap:4px}.site-header nav .all-tools{display:none}.site-header nav a{padding:6px 9px;font-size:13px}.page-heading h1{font-size:27px}.page-heading p{font-size:15px}.fields,.house-heading{padding:18px}.settings-body{padding-inline:18px}.settings summary{padding-inline:18px}.copy-button{font-size:11px}#results{padding:18px 12px}.results-heading h2{font-size:21px}.results-heading{align-items:start;flex-direction:column;gap:8px}.total-price{font-size:31px}.result-card{padding:18px}.difference{font-size:15px}.actions .primary{padding-inline:30px}}@media(max-width:380px){.advanced-grid{grid-template-columns:1fr}.brand{font-size:15px}.brand img{width:32px;height:32px}.copy-button{max-width:120px}.result-card dl{grid-template-columns:1fr;gap:3px}}@media print{body{background:white;font-size:11px}.site-header,form,.method,.privacy,.contact,footer,#status,.results-heading button{display:none!important}main{padding:0}.wrap{max-width:none;padding:0}.page-heading{margin:0 0 15px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}#results{border:0;padding:0;margin:0}.results-heading h2{font-size:20px}.result-grid{grid-template-columns:1fr 1fr;gap:12px}.result-card{padding:14px;break-inside:avoid}.result-card h3{font-size:18px}.result-card>p{font-size:11px}.total-price{font-size:23px}.result-card dl{font-size:11px}.table-wrap{overflow:visible}table{min-width:0;font-size:10px}th,td{padding:9px}.notice,.difference{font-size:11px}.difference{background:#e2e8f0;color:black}#results[hidden]{display:none!important}}
