.percentage-hero .lead{max-width:900px}.percentage-shell,.percentage-result,.percentage-note,.percentage-privacy{border:1px solid rgba(16,21,20,.16);border-radius:16px;background:#fff;padding:1.1rem;min-width:0}.percentage-shell{display:grid;gap:1rem;margin:1rem 0}.percentage-privacy{border-left:5px solid #2e725b;background:#f1f8f5}.percentage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.percentage-field{display:grid;gap:.35rem;font-weight:700;min-width:0}.percentage-field input,.percentage-field select{width:100%;box-sizing:border-box;border:1px solid #89958f;border-radius:10px;padding:.72rem;background:#fff;color:#101514}.percentage-actions{display:flex;flex-wrap:wrap;gap:.65rem}.percentage-actions .button{min-height:46px}.percentage-error{color:#8a251e;font-weight:700;min-height:1.4em}.percentage-result[hidden],[data-steps][hidden],[data-mode-panel][hidden]{display:none}.percentage-output{display:grid;gap:.5rem}.percentage-output>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #dde3df;padding:.5rem 0}.percentage-status{font-weight:700}.percentage-field input:focus-visible,.percentage-field select:focus-visible,.percentage-actions button:focus-visible{outline:3px solid #e8b84d;outline-offset:2px}@media(max-width:430px){.percentage-grid{grid-template-columns:1fr}.percentage-output>div{display:grid}.percentage-actions .button{width:100%}}