:root{--gp-primary:#0f766e;--gp-dark:#115e59;--gp-accent:#f59e0b;--gp-ink:#172033;--gp-muted:#5f6b7a;--gp-line:#dbe4ea;--gp-white:#fff}
.grade-page{background:#f7fafc;color:var(--gp-ink)}
.grade-hero{background:linear-gradient(135deg,#0f766e 0%,#164e63 100%);color:var(--gp-white);padding:3.25rem 0 5.5rem}
.grade-hero__inner{max-width:980px}.grade-breadcrumb{display:flex;gap:.55rem;align-items:center;margin-bottom:1.35rem;font-size:.92rem;color:#ffffffc7}.grade-breadcrumb a{color:#fff}
.grade-kicker,.grade-eyebrow{display:inline-block;font-size:.84rem;font-weight:800}.grade-kicker{padding:.38rem .75rem;border:1px solid #ffffff47;border-radius:999px;background:#ffffff1a}
.grade-hero h1{margin:.9rem 0 .8rem;color:#fff;font-size:clamp(2rem,5vw,3.4rem);line-height:1.25}.grade-lead{max-width:780px;margin:0;font-size:1.08rem;line-height:1.9;color:#ffffffe6}
.grade-trust-list{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;margin-top:1.25rem;font-size:.95rem}.grade-trust-list i{margin-left:.35rem;color:#a7f3d0}
.grade-tool-section{margin-top:-3rem;padding-bottom:2.5rem}.grade-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:1.4rem;align-items:start}
.grade-calculator-card,.grade-side-card,.grade-content section{background:#fff;border:1px solid var(--gp-line);border-radius:18px;box-shadow:0 18px 50px #0f172a12}.grade-calculator-card{padding:clamp(1.15rem,3vw,2rem)}
.grade-card-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.grade-eyebrow{color:var(--gp-primary)}.grade-card-heading h2,.grade-side-card h2,.grade-content h2{color:var(--gp-ink);line-height:1.45}.grade-card-heading h2{margin:.25rem 0 0;font-size:1.45rem}
.grade-text-button,.grade-secondary-button,.grade-primary-button,.grade-tab,.remove-subject{border:0;cursor:pointer;font:inherit}.grade-text-button{background:transparent;color:var(--gp-dark);font-weight:700;padding:.45rem}
.grade-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding:.35rem;margin:1.4rem 0;border-radius:12px;background:#edf2f5}.grade-tab{padding:.8rem 1rem;border-radius:9px;background:transparent;color:var(--gp-muted);font-weight:800}.grade-tab.is-active{background:#fff;color:var(--gp-dark);box-shadow:0 2px 8px #0f172a14}.grade-panel[hidden]{display:none}
.grade-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grade-field,.grade-subject-row label{display:grid;gap:.45rem;font-weight:800}.grade-field small{color:var(--gp-muted);font-weight:400;line-height:1.55}
.grade-field input,.grade-subject-row input{width:100%;border:1px solid #cbd7df;border-radius:10px;background:#fbfdfe;color:var(--gp-ink);padding:.82rem .9rem;font:inherit}.grade-field input:focus,.grade-subject-row input:focus{outline:3px solid #0f766e24;border-color:var(--gp-primary)}
.grade-actions,.grade-subject-actions{display:flex;gap:.75rem;align-items:center;margin-top:1.2rem}.grade-primary-button,.grade-secondary-button{border-radius:10px;padding:.82rem 1.1rem;font-weight:800}.grade-primary-button{background:var(--gp-primary);color:#fff;box-shadow:0 10px 24px #0f766e38}.grade-primary-button:hover{background:var(--gp-dark)}.grade-secondary-button{background:#e7f3f1;color:var(--gp-dark)}.grade-full-button{width:100%;margin-top:1rem}
.grade-panel-note{color:var(--gp-muted);line-height:1.75}.grade-subjects{display:grid;gap:.75rem}.grade-subject-row{display:grid;grid-template-columns:1.3fr .7fr .7fr auto;gap:.65rem;align-items:end;padding:.85rem;border:1px solid var(--gp-line);border-radius:12px;background:#fbfdfe}.grade-subject-row label span{font-size:.82rem}.remove-subject{width:42px;height:42px;border-radius:9px;background:#fff0f0;color:#b42318}
.grade-error{margin-top:1rem;padding:.9rem 1rem;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#9f1239;line-height:1.6}
.grade-result{display:grid;grid-template-columns:.9fr 1.4fr;gap:1rem;margin-top:1.25rem;padding:1.1rem;border:1px solid #a7f3d0;border-radius:14px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa)}.grade-result__main{display:grid;align-content:center;text-align:center;border-left:1px solid #a7f3d0}.grade-result__main strong{direction:ltr;unicode-bidi:isolate;color:var(--gp-dark);font-size:2.3rem}.grade-result__main em{color:var(--gp-muted);font-style:normal}
.grade-result__details{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.grade-result__details div{display:grid;gap:.35rem;padding:.75rem;border-radius:10px;background:#ffffffbf}.grade-result__details span{color:var(--gp-muted);font-size:.82rem}.grade-result>p{grid-column:1/-1;margin:0;text-align:center;color:var(--gp-muted);direction:ltr}
.grade-side-card{padding:1.4rem}.grade-side-card h2{margin-top:0;font-size:1.25rem}.grade-side-card p{color:var(--gp-muted);line-height:1.75}.grade-formula,.grade-example-line{padding:.85rem;border-radius:10px;text-align:center;font-weight:800}.grade-formula{background:var(--gp-ink);color:#fff}.grade-example-line{background:#fff7e6;color:#92400e}.grade-warning{margin-bottom:0;padding-top:1rem;border-top:1px solid var(--gp-line);font-size:.9rem}
.grade-content-section{padding:1rem 0 4rem}.grade-content{display:grid;gap:1.25rem;max-width:980px;min-width:0}.grade-content section{min-width:0;padding:clamp(1.2rem,3vw,2rem)}.grade-content h2{margin-top:0;padding-right:.8rem;border-right:4px solid var(--gp-accent);font-size:1.45rem}.grade-content h3{color:var(--gp-dark)}.grade-content p,.grade-content li{line-height:1.9;color:#344054}.grade-steps,.grade-check-list{margin:0;padding-right:1.25rem}
.grade-table-wrap{max-width:100%;overflow-x:auto;margin:1rem 0}.grade-table-wrap table{width:100%;min-width:600px;border-collapse:collapse}.grade-table-wrap th,.grade-table-wrap td{padding:.8rem;border:1px solid var(--gp-line);text-align:center}.grade-table-wrap th{background:#e7f3f1;color:var(--gp-dark)}.grade-total-row{background:#fff7e6;font-weight:800}
.grade-comparison-grid,.grade-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.grade-comparison-grid article{padding:1rem;border:1px solid var(--gp-line);border-radius:12px;background:#fbfdfe}.grade-comparison-grid p{margin-bottom:0}
.grade-faq details{border-bottom:1px solid var(--gp-line)}.grade-faq summary{padding:1rem 0;cursor:pointer;color:var(--gp-ink);font-weight:800}.grade-faq details p{margin-top:0}
.grade-related-card{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid var(--gp-line);border-radius:12px;background:#fbfdfe;color:var(--gp-ink);text-decoration:none;transition:.2s}.grade-related-card:hover{border-color:var(--gp-primary);transform:translateY(-2px)}.grade-related-card i{color:var(--gp-primary);font-size:1.25rem}.grade-related-card span{display:grid;gap:.35rem}.grade-related-card small{color:var(--gp-muted);line-height:1.55}
@media(max-width:900px){.grade-layout,.grade-comparison-grid,.grade-related-grid{grid-template-columns:1fr}}
@media(max-width:640px){.grade-hero{padding-top:2.2rem}.grade-field-grid,.grade-result,.grade-result__details,.grade-subject-row{grid-template-columns:1fr}.grade-card-heading,.grade-actions,.grade-subject-actions{align-items:stretch;flex-direction:column}.grade-result__main{padding-bottom:.8rem;border-left:0;border-bottom:1px solid #a7f3d0}.remove-subject{width:100%}}