@layer app{[data-tool="grade-calculator"] .wrap{max-width:980px;margin-inline:auto}[data-tool="grade-calculator"] .panel{padding:clamp(1rem,3vw,2rem)}[data-tool="grade-calculator"] .field{margin-block:1rem}[data-tool="grade-calculator"] .lbl{display:block;font-weight:650;margin-bottom:.45rem}[data-tool="grade-calculator"] .input,[data-tool="grade-calculator"] .textarea{width:100%;box-sizing:border-box}[data-tool="grade-calculator"] .result{margin-top:1rem;padding:1rem;border:1px solid var(--line,#cbd5e1);border-radius:.75rem;overflow:auto}[data-tool="grade-calculator"] table{width:100%;border-collapse:collapse;margin-block:.75rem}[data-tool="grade-calculator"] th,[data-tool="grade-calculator"] td{padding:.6rem;border-bottom:1px solid var(--line,#cbd5e1);text-align:left}@media print{[data-tool="grade-calculator"] .btn{display:none}}}:root{--primary:#c2410c;--primary-strong:#c2410c;--on-primary:#ffffff}:root[data-theme="dark"]{--primary:#ffab85;--primary-strong:#ffab85;--on-primary:#0f1b2d}@media (prefers-color-scheme:dark){:root[data-theme="auto"]{--primary:#ffab85;--primary-strong:#ffab85;--on-primary:#0f1b2d}}