.grade-page{overflow-wrap:anywhere;max-width:1320px;margin:0 auto;padding:24px clamp(14px,3vw,40px) 72px}.grade-page *{min-width:0}.grade-hero{color:#fff;background:#102b4b;border-radius:18px;margin-bottom:20px;padding:clamp(22px,4vw,40px)}.grade-hero h1{margin:18px 0 10px;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.25}.grade-hero p{color:#d9e6f3}.grade-back{color:#d9e6f3;align-items:center;gap:8px;min-height:44px;font-size:.9rem;text-decoration:none;display:inline-flex}.grade-badges{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.grade-badges span{background:#ffffff16;border:1px solid #7894b1;border-radius:99px;padding:5px 12px;font-size:.8rem}.grade-layout{grid-template-columns:minmax(0,1fr) minmax(280px,350px);align-items:start;gap:20px;display:grid}.grade-main,.grade-side,.grade-categories{gap:18px;min-width:0;display:grid}.grade-panel{background:#fff;border:1px solid #dbe4ed;border-radius:14px;padding:22px;box-shadow:0 2px 10px #142e4810}.grade-panel h2,.grade-section-head h2{color:#173b67;margin:0 0 16px;font-size:1.15rem}.grade-panel h3{color:#173b67;font-size:1.05rem}.grade-explanation summary,.grade-result details summary,.grade-assessments summary{color:#173b67;cursor:pointer;align-items:center;min-height:44px;font-weight:650;display:flex}.grade-explanation p{color:#415b75;margin:10px 0;font-size:.93rem}.grade-explanation p:last-child{margin-bottom:0}.grade-field{color:#425e78;gap:6px;margin:12px 0;font-size:.85rem;font-weight:600;display:grid}.grade-field input,.grade-field select,.grade-page select{color:#173b67;background:#fff;border:1px solid #bdccdb;border-radius:8px;width:100%;min-height:46px;padding:8px 11px}.grade-field input[type=number]{font-variant-numeric:tabular-nums}.grade-actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.grade-page button{color:#174573;text-align:center;background:#f7fafd;border:1px solid #b9cbdc;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-weight:600;display:inline-flex}.grade-page button:hover{background:#eaf3fc}.grade-page button:disabled{opacity:.5}.grade-meta{border-top:1px solid #e5ebf1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding-top:16px;display:grid}.grade-meta div{min-width:0}.grade-meta dt{color:#637b91;font-size:.75rem}.grade-meta dd{color:#254661;margin:0;font-size:.88rem}.grade-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grade-section-head h2{margin:0}.grade-category{border-left:4px solid #3977af}.grade-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.grade-card-head button{width:44px;padding:8px}.grade-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grade-source{border:0;flex-wrap:wrap;gap:10px;margin:12px 0;padding:0;display:flex}.grade-source legend{color:#425e78;margin-bottom:8px;font-size:.85rem;font-weight:600}.grade-source label{cursor:pointer;border:1px solid #bdccdb;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:6px 12px;display:flex}.grade-source input,.grade-check input{accent-color:#245e95;flex:none;width:20px;height:20px}.grade-quick{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:14px;display:grid}.grade-slider input{background:0 0;border:0;padding:0}.grade-assessments{border-top:1px solid #e4ebf2;margin-top:16px}.grade-assessment{background:#f9fbfd;border:1px solid #dce5ee;border-radius:10px;margin:12px 0;padding:14px}.grade-assessment-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.grade-assessment-actions .grade-field{flex:120px}.grade-check{color:#375673;align-items:center;gap:8px;min-height:44px;font-size:.9rem;display:flex}.grade-errors{color:#764111;background:#fff4ec;border-left:3px solid #d68b41;margin:12px 0;padding:10px 12px;font-size:.85rem}.grade-errors p+p{margin-top:5px}.grade-category-result{color:#4b657d;border-top:1px solid #e7edf3;margin-top:16px;padding-top:12px}.grade-category-result strong{color:#173b67}.grade-score{color:#173b67;margin:12px 0;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.25;display:block}.grade-result>p{color:#546f87;margin:9px 0;font-size:.86rem}.grade-warning{color:#805514;background:#fff4e2;border-radius:7px;padding:8px 10px}.grade-result details{border-top:1px solid #e4ebf2;margin-top:16px}.grade-step{border-bottom:1px solid #e8edf2;gap:4px;padding:12px 0;font-size:.84rem;display:grid}.grade-step span,.grade-step small{color:#597189}.grade-compare{color:#425e78;gap:8px;margin-top:12px;display:grid}.grade-compare strong{color:#173b67}.grade-privacy p{color:#536e85;margin:10px 0;font-size:.87rem}.grade-privacy button{width:100%}@media (max-width:1050px){.grade-layout{grid-template-columns:minmax(0,1fr)}.grade-side{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-result{grid-column:1/-1}}@media (max-width:700px){.grade-page{padding:14px 12px 56px}.grade-hero{border-radius:12px;padding:20px}.grade-panel{padding:17px}.grade-side{grid-template-columns:minmax(0,1fr)}.grade-result{grid-column:auto}.grade-meta,.grade-quick{grid-template-columns:minmax(0,1fr)}.grade-actions button{flex:145px}.grade-section-head button{width:100%}}@media (max-width:390px){.grade-two{grid-template-columns:minmax(0,1fr)}.grade-source label{flex:125px}}.grade-source-note{color:#536e85;margin:8px 0 12px;font-size:.85rem;line-height:1.45}.grade-assessments[open]>summary{margin-bottom:8px}