body{font:17px/1.55 Tahoma,Arial,sans-serif;background:#edf3f4;color:#11313a}header{background:#063d47}.brand{width:132px;background:white;padding:5px;border-radius:3px}.wrap{max-width:1130px}.sheet{border-top-color:#00878e;padding:clamp(18px,3vw,40px)}label,th{font-size:15px}h2{font-size:22px}button.primary,.total{background:#006974;color:white}select{max-width:100%}label select{width:100%;margin:4px 0 10px}#picker{background:#f4f9f9;border:1px solid #bdd9db;padding:20px;border-radius:8px;margin-top:16px}#picker h2{margin-top:0}.modelcard{display:flex;align-items:center;gap:18px;background:white;padding:12px}.modelcard img{width:112px;height:96px;object-fit:contain}.modelcard p{margin:2px 0}.modelcard b{color:#06656b;font-size:21px}#rates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}#rates button{display:grid;text-align:left;font-size:14px}#rates b{font-size:21px}#rates button[aria-pressed=true]{background:#d9f1ef;border-color:#007b80}.lineinfo{font-size:14px;color:#425c61}.lineinfo img{width:62px;height:50px;object-fit:contain;float:left;margin-right:6px}.docbrand{width:155px}.prod{width:78px;height:65px;object-fit:contain}.parts{width:280px;max-width:100%}.summary{max-width:375px}dialog{max-width:94vw;border:1px solid #aec8c8;border-radius:8px}dialog a{display:block;padding:8px}#paper td:first-child{width:55%}#paper td{vertical-align:top}#paper small{font-size:10.5pt}#paper td img{float:left;margin-right:10px}@media(max-width:650px){#rates{grid-template-columns:1fr 1fr}.modelcard{display:block}header small{display:none}}@media print{dialog{display:none!important}#paper{font-size:12pt}.total{color:#103a40}#paper h2{font-size:15pt}.prod{width:17mm;height:17mm}.parts{width:78mm}thead{display:table-header-group}}
@page{size:A4 landscape;margin:0}@media print{html,body{margin:0;padding:0}#paper{display:block;width:297mm;height:209.9mm;margin:0;padding:0;break-inside:avoid}#paper svg{display:block;width:100%;height:100%}}
#pastePanel{margin:18px 0;padding:16px 20px;border:1px solid #bdd9db;border-radius:8px}#pastePanel h2{margin:0 0 10px}#pastePanel p{margin:5px 0 10px}#pasteStatus{white-space:pre-line}#pastePreview select{width:100%}#pastePreview button{margin-top:10px}
@media print{#paper{height:auto;break-inside:auto}.quotePage{width:297mm;height:209.9mm;break-inside:avoid}.quotePage+.quotePage{break-before:page}} dialog button{margin:4px}
@media screen {
  .readableSpecs { width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; margin:16px 0; font:600 20px/1.5 Tahoma,Arial,sans-serif; color:#142e39; }
  .readableSpecs th,.readableSpecs td { padding:9px 12px; border:1px solid #97b7bc; overflow-wrap:anywhere; text-align:center; }
  .readableSpecs thead th { background:#006371; color:white; font-size:1.08em; }
  .readableSpecs tbody th { background:#dbedef; text-align:left; }
  .readableSpecs tbody td { background:white; }
  .readableSpecs .offerPrice > * { background:#ffdf58; color:#241b06; }
  .readableSpecs .offerPrice td { font-size:1.5em; font-weight:800; }
  #rates button { font:600 18px/1.4 Tahoma,Arial,sans-serif; }
  #rates button b { font-size:26px; }
  #rates button[aria-pressed="true"] { background:#ffdf58; color:#241b06; border:2px solid #705400; }
  .quoteNav { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font:600 18px/1.5 Tahoma,Arial,sans-serif; }
  .quoteNav button { font:inherit; }
  @media (max-width:720px) { .readableSpecs { font-size:18px; } .readableSpecs th,.readableSpecs td { padding:8px 6px; } #rates { grid-template-columns:repeat(2,minmax(0,1fr)); } }
}
@media screen {
  #picker h2 {font:700 28px/1.4 Tahoma,Arial,sans-serif;}
  #picker > label, #borePicker legend {font:700 20px/1.5 Tahoma,Arial,sans-serif;}
  #picker #model, #picker #group {font:700 21px/1.5 Tahoma,Arial,sans-serif; height:auto; padding:9px; width:100%;}
  #borePicker {border:0; margin:18px 0; padding:0;}
  #borePicker legend {padding:0 0 7px;}
  .boreChoices {display:flex; flex-wrap:wrap; gap:10px;}
  .boreChoices label {position:relative; flex:1 1 190px; cursor:pointer;}
  .boreChoices input {position:absolute; opacity:0; width:1px; height:1px;}
  .boreChoices span {display:flex; align-items:center; justify-content:space-between; gap:8px; padding:14px; border:2px solid #667f83; border-radius:8px; background:white; color:#153642; font:700 25px/1.4 Tahoma,Arial,sans-serif;}
  .boreChoices small {font-size:18px;}
  .boreChoices input:checked + span {background:#005f67; border-color:#005f67; color:white;}
  .boreChoices input:focus-visible + span {outline:3px solid #ad6500; outline-offset:2px;}
  #pickerSpecs .readableSpecs {font-size:clamp(20px,2vw,24px);}
}