body{font-family:Arial,sans-serif;line-height:1.4;margin:0;padding:20px;background-color:#f4f4f4}*,*:before,*:after{box-sizing:border-box}.container{max-width:720px;margin:auto;background:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a}.logo{display:block;margin:0 auto 20px;max-width:200px;height:auto}h1{color:#333;text-align:center;font-size:1.5em;margin-bottom:20px}h2{color:#333;text-align:center;font-size:1.2em}form{display:grid;gap:10px}label{font-weight:700}input,select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}button{background-color:#4caf50;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#45a049}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(46,125,50,.3);outline-offset:2px}#result,#history{margin-top:20px}#history{border-top:1px solid #ddd;padding-top:20px}.history-item{background-color:#f9f9f9;border:1px solid #ddd;padding:16px;margin-bottom:14px;border-radius:6px;font-size:.9em}.history-item h3{margin-top:0;margin-bottom:5px;font-size:1em}.history-item p{margin:3px 0}.breakdown-toggle{width:100%;margin-top:14px;background:#2f4435;font-weight:700}.breakdown-toggle:hover{background:#203326}.breakdown-panel{margin-top:12px;border-top:1px solid #d7ded8;padding-top:4px}.breakdown-intro{padding:12px;border-left:4px solid #4caf50;background:#f2f8f3;color:#27352b}.breakdown-step{padding:14px 0;border-bottom:1px solid #e1e5e2}.breakdown-step-title{margin:0 0 10px;color:#243529;font-size:1.05rem}.breakdown-collection-heading{margin:0 0 9px!important;color:#1f3927;font-size:1rem;font-weight:700}.breakdown-equation{display:flex;justify-content:space-between;gap:16px;margin:7px 0;padding:9px 10px;border-radius:4px;background:#fff}.breakdown-equation-calculation{color:#3f4842}.breakdown-equation-result{flex:0 0 auto;color:#1f3927;text-align:right}.breakdown-note{margin:7px 0 0!important;color:#5a635d;font-size:.92em}.breakdown-table-wrap{overflow-x:auto;border:1px solid #d9dfda;border-radius:4px;background:#fff}.breakdown-table{width:100%;border-collapse:collapse;font-size:.9em}.breakdown-table th,.breakdown-table td{padding:7px 9px;border-bottom:1px solid #e5e8e6;text-align:left;white-space:nowrap}.breakdown-table th{position:sticky;top:0;z-index:1;background:#eef2ef;color:#344239}.breakdown-table tr:last-child td{border-bottom:0}.breakdown-table tr.is-selected td{background:#dff1e2;color:#17351f;font-weight:700}.breakdown-cost-row{margin:7px 0;padding:9px 10px;border-radius:4px;background:#fff}.breakdown-cost-heading{display:flex;justify-content:space-between;gap:16px}.breakdown-cost-heading .is-applied{color:#286a38}.breakdown-cost-row .breakdown-equation{margin-top:8px;background:#f3f6f4}.legacy-breakdown-note{margin:12px 0!important;padding:12px;border:1px solid #ddc56e;border-radius:4px;background:#fff8dc}@media (max-width: 560px){body{padding:10px}.container{padding:14px}.history-item{padding:12px}.breakdown-equation,.breakdown-cost-heading{display:block}.breakdown-equation-result,.breakdown-cost-heading strong{display:block;margin-top:4px;text-align:left}}#warningBubble{display:none;cursor:pointer;background:#ffc;border:1px solid #ccc;padding:5px;margin-top:5px;border-radius:5px}