#tablecloth-tool{--tc-error:#933720;--tc-border:#b5c7b8;max-width:100%;font-size:1rem}
#tablecloth-tool h1{font-size:clamp(1.9rem,4.6vw,3.3rem);max-width:900px}
#tablecloth-tool .lede{max-width:760px;font-size:1.06rem}
#tablecloth-tool .calculator{margin-top:1.75rem}
#tablecloth-tool .settings{display:flex;gap:1rem;flex-wrap:wrap}
#tablecloth-tool label{display:block;font-weight:650}
#tablecloth-tool select,#tablecloth-tool input,#tablecloth-tool textarea{font:inherit;font-size:16px;color:var(--ink);background:white;border:1px solid #718579;border-radius:5px;min-height:46px;padding:.6rem;max-width:100%;width:100%}
#tablecloth-tool .settings label{min-width:130px;flex:0 1 200px}
#tablecloth-tool .settings select{display:block;margin-top:.35rem}
#tablecloth-tool .help{font-size:.88rem;color:#40594d}
#tablecloth-tool fieldset{min-width:0;border:1px solid var(--tc-border);border-radius:10px;background:white;margin:0 0 1rem;padding:1rem}
#tablecloth-tool legend{font-weight:750;font-size:1.1rem;padding:0 .4rem}
#tablecloth-tool .dimension-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.85rem;max-width:570px}
#tablecloth-tool .dimension-fields.single{grid-template-columns:minmax(0,285px)}
#tablecloth-tool .field{min-width:0}
#tablecloth-tool .field label{font-size:.9rem;margin-bottom:.35rem}
#tablecloth-tool .input-with-unit{display:flex;align-items:center;gap:.5rem}
#tablecloth-tool .input-with-unit input{min-width:0}
#tablecloth-tool .unit-suffix{font-size:.9rem}
#tablecloth-tool .error{color:var(--tc-error);font-size:.88rem;margin:.25rem 0 0}
#tablecloth-tool [aria-invalid=true]{border:2px solid var(--tc-error)}
#tablecloth-tool .options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
#tablecloth-tool .options.third{grid-template-columns:repeat(3,minmax(0,1fr))}
#tablecloth-tool .options .dimension-fields{grid-template-columns:1fr}
#tablecloth-tool button:disabled{cursor:not-allowed;background:#e8ece6;color:#536358;border-color:#87998b}
#tablecloth-tool button{min-width:44px}
#tablecloth-tool .remove{margin-top:.8rem}
#tablecloth-tool .comparison{margin-top:2rem;padding-top:.8rem;border-top:2px solid var(--tc-border)}
#tablecloth-tool .comparison h2{font-size:1.65rem}
#tablecloth-tool #table-summary{font-weight:700}
#tablecloth-tool #results table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:1rem}
#tablecloth-tool #results th,#tablecloth-tool #results td{overflow-wrap:anywhere;vertical-align:top;text-align:left;border-bottom:1px solid var(--tc-border);padding:1rem;background:white}
#tablecloth-tool #results thead th{background:#e6eee4;font-size:1.1rem}
#tablecloth-tool #results th:first-child{width:22%;background:transparent}
#tablecloth-tool #results .axis td{font-weight:650}
#tablecloth-tool #results .coverage td{font-size:.9rem}
#tablecloth-tool .exposed{color:var(--tc-error)}
#tablecloth-tool .assumptions{font-size:.9rem;max-width:850px}
#tablecloth-tool .actions{gap:.7rem}
#tablecloth-tool .supporting{margin-top:3rem;max-width:860px}
#tablecloth-tool .supporting section{margin-top:2.2rem}
#tablecloth-tool .orientation-keys{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
#tablecloth-tool figure{margin:0;border:1px solid var(--tc-border);border-radius:8px;padding:.7rem}
#tablecloth-tool svg{width:100%;height:auto;display:block}
#tablecloth-tool figcaption{font-size:.88rem}
#tablecloth-tool .formulas{border-left:3px solid #718579;padding-left:1rem}
#tablecloth-tool .formulas dt{font-weight:700}
#tablecloth-tool .formulas dd{margin:0 0 .7rem}
#tablecloth-tool h3{font-size:1.05rem;margin-bottom:.3rem}
#tablecloth-tool .faq p{margin-top:0}
#tablecloth-tool #manual-copy{margin-top:1rem}
#tablecloth-tool #unit-warning{border-left:4px solid var(--tc-error);padding:.5rem 1rem;margin-top:1rem}
#tablecloth-tool #unit-message{margin:.3rem 0}
#tablecloth-tool .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#tablecloth-tool #print-output{display:none}
@media(min-width:900px){#tablecloth-tool #results td{border-left:8px solid var(--paper)}}
@media(max-width:700px){
 #tablecloth-tool .options,#tablecloth-tool .options.third{display:block}
 #tablecloth-tool .options .dimension-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #tablecloth-tool .options .dimension-fields.single{grid-template-columns:minmax(0,285px)}
 #tablecloth-tool .orientation-keys{grid-template-columns:1fr}
 #tablecloth-tool #results table{font-size:.81rem;line-height:1.4}
 #tablecloth-tool #results th,#tablecloth-tool #results td{padding:.6rem .3rem}
 #tablecloth-tool #results thead th{font-size:.9rem}
 #tablecloth-tool #results .coverage td{font-size:.81rem}
 #tablecloth-tool #results th:first-child{width:25%}
 #tablecloth-tool fieldset{padding:.8rem}
 #tablecloth-tool .settings label{min-width:110px;flex:1}
}
@media(max-width:350px){#tablecloth-tool .field label{font-size:.83rem}#tablecloth-tool .input-with-unit{gap:.25rem}#tablecloth-tool .dimension-fields{gap:.55rem}}
@media(max-width:280px){#tablecloth-tool .dimension-fields,#tablecloth-tool .options .dimension-fields{grid-template-columns:1fr}}
@media print{
 @page{margin:14mm}
 body{background:white!important;color:black!important}
 body>.site-header,body>.site-footer,body>.skip,body>script,body>noscript{display:none!important}
 main.wrap{width:100%;max-width:none;padding:0;min-height:0}
 #tablecloth-tool .screen-only{display:none!important}
 #tablecloth-tool #print-output{display:block;font-size:10pt}
 #tablecloth-tool #print-output:empty{display:none}
 #tablecloth-tool #print-output h1{font-size:20pt}
 #tablecloth-tool #print-output table{table-layout:fixed;width:100%;border-collapse:collapse}
 #tablecloth-tool #print-output th,#tablecloth-tool #print-output td{border:1px solid #777;padding:7pt;text-align:left;vertical-align:top;overflow-wrap:anywhere}
 #tablecloth-tool #print-output tr{break-inside:avoid}
 #tablecloth-tool #print-output p{max-width:none}
 #tablecloth-tool .print-url{overflow-wrap:anywhere}
}
#tablecloth-tool .result-cards{display:none}
@media(min-width:900px){
 #tablecloth-tool #results>table{display:none}
 #tablecloth-tool .result-cards{display:grid;grid-template-columns:repeat(var(--option-count),minmax(0,1fr));gap:1rem}
 #tablecloth-tool .result-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:0;background:white;border:1px solid var(--tc-border);border-radius:10px;padding:1.1rem;overflow-wrap:anywhere}
 #tablecloth-tool .result-card h3{font-size:1.2rem;margin:0}
 #tablecloth-tool .result-card .cloth-size{font-weight:700;margin:.3rem 0 1rem}
 #tablecloth-tool .card-coverage{margin:0 0 1rem}
 #tablecloth-tool .card-axis{border-top:1px solid var(--tc-border);padding-top:.8rem}
 #tablecloth-tool .card-axis h4{font-size:.9rem;margin:0}
 #tablecloth-tool .card-axis p{font-weight:650;margin:.4rem 0 .8rem}
}
@media print{html{background:white!important}#tablecloth-tool #print-output table{width:calc(100% - 2px)}}