:root{color:#222;background:#f4f6f8;font-family:Arial,sans-serif;line-height:1.5}body{margin:0}main{max-width:42rem;margin:1.5rem auto;padding:0 1rem}.page-region{background:#fff;border:1px solid #ddd;border-radius:.5rem;padding:1.1rem 1.25rem}.machine-header,.product-introduction{text-align:center}.machine-header h1{margin-bottom:.35rem;font-size:clamp(1.7rem,4vw,2rem);line-height:1.15}.product-introduction{color:#555;margin-bottom:1.25rem;font-size:1rem}.page-region{margin-bottom:1rem}h1,h2,h3,p{margin-top:0}.workspace{min-height:6rem}.workspace-placeholder{color:#666;border:1px dashed #bbb;padding:1rem}.machine-footer{color:#666;text-align:center;font-size:.875rem}.assessment-question{border:1px solid #d7dce2;border-radius:.375rem;margin:1rem 0;padding:.75rem .85rem}.assessment-question legend{padding:0 .2rem;font-size:1rem;font-weight:700}.assessment-question p{margin-bottom:.5rem;font-size:.95rem}.answer-options{border-top:1px solid #e1e4e8;grid-template-columns:1fr;gap:0;display:grid}.answer-options label{cursor:pointer;border-bottom:1px solid #e1e4e8;align-items:center;gap:.55rem;min-height:2rem;padding:.35rem .4rem;font-size:.95rem;display:flex}.answer-options label:hover{background:#f6f8fa}.answer-options label:focus-within{outline-offset:2px;outline:2px solid #2457a7}.answer-options label:has(input:checked){background:#eef5ff;border-color:#9bb9df}.answer-options input{accent-color:#2457a7;flex:none;margin:0}.assessment-question.is-invalid{background:#fff8f7;border-color:#b42318}.assessment-question:focus{outline-offset:2px;outline:3px solid #9fc0f1}.assessment-question.is-invalid:focus{outline-color:#f0b6b1}.assessment-question .question-error{color:#9b1c1c;margin-bottom:.5rem;font-weight:700}.assessment-actions{flex-wrap:wrap;gap:.75rem;display:flex}button{color:#183b70;font:inherit;cursor:pointer;background:#fff;border:1px solid #2457a7;border-radius:.25rem;padding:.55rem .9rem;font-weight:700}button[type=submit]{color:#fff;background:#2457a7}button[type=button]{color:#4c5967;border-color:#8a96a3;font-weight:400}button:focus-visible{outline-offset:2px;outline:3px solid #9fc0f1}.assessment-result{background:#f4f8ff;border:2px solid #2457a7;border-radius:.375rem;margin-top:1.25rem;padding:1rem}.score{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}@media (width<=36rem){main{margin:1.25rem auto;padding:0 .75rem}.page-region{padding:1rem}.assessment-question{padding:.75rem}.assessment-actions button{width:100%}}.shopping{color:#20332d;overflow-wrap:anywhere}.shopping *,.shopping :before,.shopping :after{box-sizing:border-box}.shopping .shop-badge{color:#386357;letter-spacing:.1em;font-size:.72rem;font-weight:700}.shopping label{margin-bottom:.35rem;font-size:.9rem;font-weight:700;display:block}.shopping input,.shopping select{color:#20332d;width:100%;min-width:0;min-height:46px;font:inherit;background:#fff;border:1px solid #869b93;border-radius:8px;padding:.65rem;font-size:16px;display:block}.shopping input:focus,.shopping select:focus{outline-offset:1px;border-color:#21634f;outline:3px solid #bdddd2}.shopping input[aria-invalid=true]{border-color:#a52b28}.shopping small{color:#52665f;margin-top:.35rem;font-size:.78rem;display:block}.shopping .shop-intro>select{max-width:12rem}.shopping .shop-privacy{color:#52665f;background:#f0f5f2;border-radius:8px;padding:.75rem;font-size:.82rem}.shopping .shop-products{gap:1rem;display:grid}.shopping .shop-card{background:#fff;border:1px solid #cbd8d1;border-radius:12px;min-width:0;padding:1rem}.shopping h2{margin-bottom:.8rem;font-size:1.15rem}.shopping .shop-field{min-width:0;margin-bottom:1rem}.shopping .shop-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.shopping .shop-upload{font-size:.82rem}.shopping .shop-photo{margin-bottom:1rem}.shopping .shop-photo input{padding:.45rem;font-size:.78rem}.shopping .shop-photo img{object-fit:contain;background:#f0f5f2;border-radius:8px;width:100%;max-height:190px;margin:.6rem 0;display:block}.shopping button{min-height:44px}.shopping .shop-error{color:#a12424;margin-top:.3rem;font-size:.8rem;display:block}.shopping .shop-pack-summary{background:#f0f5f2;border-radius:8px;gap:.3rem;padding:.8rem;font-size:.82rem;display:grid}.shopping .shop-result{background:#f0f5f2;border:1px solid #cbd8d1;border-radius:12px;margin-top:1rem;padding:1rem}.shopping .shop-result-winner,.shopping .shop-result-tie{background:#eaf6ee;border-color:#6b9f80}.shopping .shop-result h3{margin:.5rem 0;font-size:1.2rem}.shopping .shop-saving{color:#21634f;margin-bottom:.4rem;font-size:1.8rem;font-weight:700}@media (width<=400px){.shopping .shop-pair{grid-template-columns:minmax(0,1fr);gap:0}.shopping .shop-card{padding:.8rem}}body.shopping-page main{max-width:72rem;margin:.75rem auto}body.shopping-page .machine-header h1{margin:.4rem 0;font-size:clamp(1.3rem,3vw,1.65rem)}body.shopping-page .product-introduction{margin-bottom:.7rem;font-size:.9rem}body.shopping-page .workspace{padding:.8rem}.shopping{font-size:.9rem;line-height:1.4}.shopping h2{margin:0;font-size:1rem}.shopping .shop-intro{margin-bottom:.8rem}.shopping .shop-intro>p{margin:0 0 .5rem}.shopping .shop-toolbar,.shopping .shop-actions,.shopping .shop-card-heading{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.shopping .shop-toolbar{justify-content:flex-start;align-items:end}.shopping .shop-toolbar select{width:7rem}.shopping .shop-actions{flex-wrap:wrap;margin-top:.7rem}.shopping .shop-card-heading{margin-bottom:.6rem}.shopping .shop-card{padding:.75rem}.shopping .shop-products{gap:.7rem}.shopping .shop-field{margin-bottom:.65rem}.shopping label{margin-bottom:.2rem;font-size:.82rem}.shopping input,.shopping select{min-height:44px;padding:.4rem .5rem}.shopping small{font-size:.75rem}.shopping .shop-amounts{grid-template-columns:1fr 1fr .8fr;gap:.5rem;display:grid}.shopping .shop-toggle{align-items:center;gap:.4rem;min-height:44px;display:flex}.shopping .shop-toggle input{flex-shrink:0;width:18px;height:18px;min-height:18px}.shopping .shop-pack-summary{gap:.2rem;padding:.6rem}.shopping .shop-pack-summary strong{font-size:1rem}.shopping .shop-photo-details{margin-top:.6rem}.shopping summary{cursor:pointer;min-height:36px;padding-top:.3rem;display:list-item}.shopping .shop-photo{margin:.5rem 0 0}.shopping .shop-result{padding:.8rem;scroll-margin-top:.7rem}.shopping .shop-result h3{font-size:1.05rem}.shopping .shop-saving{margin:.4rem 0;font-size:1.3rem}.shopping .shop-table-wrap{margin:.7rem 0;overflow-x:auto}.shopping table{border-collapse:collapse;width:100%;font-size:.8rem}.shopping caption{text-align:left;margin-bottom:.4rem}.shopping th,.shopping td{text-align:left;vertical-align:top;border-bottom:1px solid #cbd8d1;padding:.5rem .35rem}.shopping thead th{font-size:.75rem}.shopping .shop-result-note{margin-bottom:.4rem;font-size:.8rem}@media (width>=720px){.shopping .shop-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.shopping .shop-pair{grid-template-columns:1fr 1fr;gap:.5rem}.shopping .shop-card{padding:.65rem}}.shopping .shop-summary-heading{margin:0 0 .2rem;font-size:.9rem}.shopping .shop-close-note{margin:.5rem 0;font-size:.85rem}.shopping .shop-summary-grid{gap:.65rem;margin:.7rem 0;display:grid}.shopping .shop-summary-grid>div{background:#fff;border:1px solid #b7cfc1;border-radius:8px;min-width:0;padding:.75rem}.shopping .shop-summary-grid strong{color:#21634f;margin-top:.4rem;font-size:1.2rem;display:block}.shopping .shop-summary-grid p{margin:.4rem 0}.shopping .shop-details,.shopping .shop-calculator{border-top:1px solid #bdcdc4;margin-top:.6rem;padding-top:.4rem}.shopping .shop-calculator li{margin:.6rem 0}.shopping .shop-edit-heading{margin:1.2rem 0 .7rem}.shopping button[aria-pressed=true]{color:#fff;background:#21634f}.shopping .shop-table-wrap table{min-width:620px}.shopping .shop-toolbar{flex-wrap:wrap}@media (width>=720px){.shopping .shop-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.shopping .shop-calculator .shop-pair{grid-template-columns:1fr}}