:root{color:#25211d;background:#fff7f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:clamp(1.25rem,3vw,3rem)}.page-header{max-width:800px;padding:2rem 0 clamp(2rem,5vw,4rem)}.brand,.section-kicker{margin:0 0 .75rem;color:#a45124;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2{margin:0;color:#211b17;letter-spacing:0}h1{max-width:820px;font-size:clamp(2.8rem,8vw,6.7rem);line-height:.94}h2{font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.1}.intro-text{max-width:720px;margin:1.4rem 0 0;color:#5d5148;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);gap:1.25rem;align-items:start}.panel{border:1px solid rgba(150,92,54,.18);border-radius:8px;background:#fffdf9f0;box-shadow:0 20px 55px #50342214}.calculator-form,.result-panel,.comparison-panel,.details-panel{padding:clamp(1.25rem,3vw,2rem)}.section-heading{margin-bottom:1.5rem}.field-grid{display:grid;gap:1.1rem}.form-field{display:grid;gap:.45rem}label{color:#2f2822;font-size:1rem;font-weight:800}input{width:100%;min-width:0;border:1px solid rgba(109,82,63,.26);border-radius:8px;background:#fffdfa;color:#25211d;padding:.82rem .9rem;font-size:1rem;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus{border-color:#c95f2b;outline:none;box-shadow:0 0 0 4px #c95f2b33}.input-with-unit{display:flex;overflow:hidden;border:1px solid rgba(109,82,63,.26);border-radius:8px;background:#fffdfa;transition:border-color .16s ease,box-shadow .16s ease}.input-with-unit:focus-within{border-color:#c95f2b;box-shadow:0 0 0 4px #c95f2b33}.input-with-unit input{border:0;border-radius:0;background:transparent;box-shadow:none}.unit-label{display:grid;min-width:7.25rem;place-items:center;border-left:1px solid rgba(109,82,63,.16);background:#fff4eb;color:#6e4d38;padding:0 .85rem;font-size:.9rem;font-weight:750;white-space:nowrap}.field-helper,.empty-note,.comparison-note{margin:0;color:#6e6259;font-size:.94rem;line-height:1.5}.field-error,.form-alert{margin:0;color:#9f351c;font-size:.94rem;font-weight:700;line-height:1.45}.form-alert{margin-top:1rem;border-left:4px solid #c95f2b;background:#fff0e8;padding:.8rem 1rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.primary-button,.secondary-button,.remove-button{min-height:2.75rem;border:0;border-radius:8px;font-weight:850;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.primary-button{background:#c95f2b;color:#fffdf9;padding:.8rem 1.3rem;box-shadow:0 12px 28px #c95f2b47}.secondary-button{border:1px solid rgba(109,82,63,.22);background:#fffdf9;color:#553723;padding:.78rem 1.1rem}.primary-button:hover,.secondary-button:hover,.remove-button:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.remove-button:focus-visible,summary:focus-visible{outline:4px solid rgba(201,95,43,.24);outline-offset:3px}.result-panel{position:sticky;top:1.25rem}.result-panel-empty{color:#645950}.result-copy{margin:1rem 0 0;color:#3c332c;font-size:1.02rem;line-height:1.65}.metric-list{display:grid;gap:0;margin:1.5rem 0 0;border-top:1px solid rgba(109,82,63,.16)}.metric-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;border-bottom:1px solid rgba(109,82,63,.16);padding:.95rem 0}.metric-list dt{color:#6e6259;font-size:.94rem}.metric-list dd{margin:0;color:#211b17;font-size:1.12rem;font-weight:850;text-align:right}.disclaimer{margin:1.5rem 0 0;border-left:4px solid #d98659;background:#fff2eb;color:#513d31;padding:1rem;font-size:.96rem;line-height:1.58}.comparison-panel,.details-panel{margin-top:1.25rem}summary{width:fit-content;color:#211b17;cursor:pointer;font-size:1.2rem;font-weight:850}.comparison-content,.details-content{margin-top:1.25rem}.comparison-intro{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.comparison-intro p{max-width:660px;margin:0;color:#5d5148;line-height:1.6}.compact-button{min-height:2.5rem;padding:.65rem .9rem}.size-row-list{display:grid;gap:.85rem}.size-row{display:grid;grid-template-columns:minmax(8rem,.65fr) minmax(11rem,1fr) 2.75rem;gap:.8rem;align-items:end;border-top:1px solid rgba(109,82,63,.14);padding-top:.85rem}.remove-button{display:grid;width:2.75rem;place-items:center;border:1px solid rgba(109,82,63,.22);background:#fff7f1;color:#8a3d24;font-size:1.35rem;line-height:1}.size-row-error{grid-column:1 / -1}.comparison-results{margin-top:1.4rem}.best-match{margin:0 0 1rem;border-left:4px solid #2f7a62;background:#eef8f2;color:#214c3f;padding:1rem;font-weight:800;line-height:1.55}.table-scroll{overflow-x:auto;border:1px solid rgba(109,82,63,.16);border-radius:8px}table{width:100%;min-width:720px;border-collapse:collapse;background:#fffdfa}th,td{border-bottom:1px solid rgba(109,82,63,.14);padding:.9rem;text-align:left;vertical-align:top}thead th{background:#fff0e8;color:#4f3527;font-size:.92rem}tbody th{color:#211b17}.best-row th,.best-row td{background:#f1faf4}.comparison-note{margin-top:.85rem}.details-content{display:grid;gap:.8rem;color:#4f453e;line-height:1.65}.details-content p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:880px){.calculator-layout{grid-template-columns:1fr}.result-panel{position:static}}@media(max-width:640px){.page-shell,.calculator-form,.result-panel,.comparison-panel,.details-panel{padding:1rem}.input-with-unit{display:grid}.unit-label{min-width:0;min-height:2.3rem;border-top:1px solid rgba(109,82,63,.16);border-left:0;justify-content:start}.metric-list div,.size-row{grid-template-columns:1fr}.metric-list dd{text-align:left}.remove-button{width:100%}}