.cmp-page{max-width:1060px;margin:0 auto;padding:10px 0 40px}.cmp-hero{border-bottom:1px solid var(--line);padding:28px 0 34px}.cmp-hero h1{letter-spacing:-1.7px;color:var(--navy);margin:16px 0 14px;font-size:clamp(30px,4.5vw,52px);line-height:1.08}.cmp-hero p{max-width:720px;color:var(--muted);font-size:14px;line-height:1.8}.cmp-exam{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.cmp-exam span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:99px;padding:7px 10px;font-size:11px}.cmp-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.cmp-section-heading h2,.cmp-section-heading h3{color:var(--navy);margin:7px 0;font-size:25px}.cmp-section-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.cmp-section-heading.compact{margin-top:30px}.cmp-count{color:#167d68;white-space:nowrap;font-size:12px;font-weight:700}.cmp-picker,.cmp-results{border-bottom:1px solid var(--line);padding:30px 0}.cmp-school-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cmp-school-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:22px 1fr;gap:6px 10px;padding:17px;transition:all .15s;display:grid;position:relative}.cmp-school-card:hover,.cmp-school-card.selected{border-color:#74b59b;box-shadow:0 5px 16px #1d3a3210}.cmp-school-card.selected{background:#f1faf5}.cmp-school-card input{opacity:0;position:absolute}.cmp-check{color:#fff;border:1px solid #b9c5c9;border-radius:5px;grid-row:span 3;place-items:center;width:21px;height:21px;display:grid}.selected .cmp-check{background:#167d68;border-color:#167d68}.cmp-school-name{color:var(--navy);font-size:13px;font-weight:700;line-height:1.35}.cmp-school-card small{color:var(--muted);font-size:10px;line-height:1.4}.cmp-school-card strong{color:#167d68;font-size:17px}.cmp-school-card strong em{color:var(--muted);font-size:10px;font-style:normal;font-weight:500}.cmp-action-row{flex-wrap:wrap;align-items:center;gap:14px;min-height:38px;margin-top:18px;display:flex}.cmp-primary{color:#fff;cursor:pointer;background:#113f39;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:700;display:flex}.cmp-primary:disabled{color:#fff;cursor:not-allowed;background:#bdc8c7}.cmp-primary span{opacity:.75}.cmp-hint{color:var(--muted);font-size:11px}.cmp-table-wrap{border:1px solid var(--line);background:#fff;border-radius:11px;overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%;min-width:680px;font-size:12px}.cmp-table th,.cmp-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8edef;padding:13px 14px}.cmp-table thead th{color:var(--navy);background:#f3f7f6;font-size:11px;line-height:1.4}.cmp-table thead th:not(:first-child){min-width:170px}.cmp-table thead small,.cmp-table tbody th small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.cmp-table tbody th{color:var(--navy);font-weight:650}.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0}.cmp-table td{font-variant-numeric:tabular-nums;color:#34454b}.cmp-emphasis th,.cmp-emphasis td{background:#f7fbf8}.cmp-value{align-items:center;gap:5px;font-weight:700;display:inline-flex}.cmp-value small{border-radius:4px;padding:3px 5px;font-size:9px;font-weight:700}.cmp-best{color:#167d68}.cmp-best small{background:#d9f0e3}.cmp-low{color:#ad3a43}.cmp-low small{background:#fde4e5}.cmp-equal{color:#53636a}.cmp-unit{color:var(--muted);font-size:10px}.cmp-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.cmp-summary-grid article{border:1px solid var(--line);background:#fff;border-radius:9px;padding:14px}.cmp-summary-grid span,.cmp-summary-grid small{color:var(--muted);font-size:10px;line-height:1.5;display:block}.cmp-summary-grid strong{color:var(--navy);margin:5px 0;font-size:22px;display:block}.cmp-subject-table{min-width:760px}.cmp-subject-table td{line-height:2}.cmp-unavailable{color:#89949f;font-size:11px}.cmp-clear{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:11px;display:flex}.cmp-note,.cmp-review-note{color:var(--muted);align-items:flex-start;gap:8px;margin:16px 0 0;font-size:11px;line-height:1.7;display:flex}.cmp-note svg,.cmp-review-note svg{flex-shrink:0;margin-top:3px}.cmp-review-note{background:#f5faf8;border:1px solid #dbe8e4;border-radius:9px;margin-top:24px;padding:14px}@media (max-width:700px){.cmp-page{padding:0 0 30px}.cmp-hero{padding:20px 0 26px}.cmp-section-heading{flex-direction:column;align-items:start;gap:8px}.cmp-school-grid,.cmp-summary-grid{grid-template-columns:1fr}.cmp-table th,.cmp-table td{padding:11px 10px}.cmp-table thead th:not(:first-child){min-width:145px}}.cmp-grade-section{border:1px solid var(--line);background:#fff;border-radius:11px;margin-top:24px;padding:22px}.cmp-grade-table{min-width:760px}.cmp-grade-table td{white-space:nowrap}.cmp-grade-table td strong{min-width:36px;color:var(--navy);font-size:13px;display:inline-block}.cmp-grade-table td .cmp-unit{margin-left:8px;display:inline-block}.cmp-grade-label{min-width:28px;color:var(--navy);background:#eef5f3;border-radius:5px;justify-content:center;padding:4px 6px;font-size:11px;font-weight:750;display:inline-flex}.cmp-grade-section .cmp-note{margin-bottom:0}.cmp-grade-share{border-radius:4px;align-items:center;min-width:68px;min-height:20px;margin-left:6px;display:inline-flex;position:relative;overflow:hidden}.cmp-grade-share i{z-index:0;background:#d8eee4;border-radius:4px;max-width:100%;display:block;position:absolute;inset:0 auto 0 0}.cmp-grade-share .cmp-unit{z-index:1;color:#50636a;margin-left:0;padding:2px 5px;position:relative}.cmp-filter-row{border:1px solid var(--line);background:#f8fbfa;border-radius:10px;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin:0 0 18px;padding:14px;display:grid}.cmp-filter-field{gap:6px;display:grid}.cmp-filter-field span{color:var(--navy);font-size:10px;font-weight:700}.cmp-filter-field input,.cmp-filter-field select{box-sizing:border-box;width:100%;color:var(--navy);font:inherit;background:#fff;border:1px solid #cdd9d7;border-radius:7px;padding:10px 11px;font-size:12px}.cmp-filter-result{color:var(--muted);white-space:nowrap;padding-bottom:10px;font-size:11px}.cmp-action-top{margin-top:0;margin-bottom:14px}@media (max-width:700px){.cmp-filter-row{grid-template-columns:1fr}.cmp-filter-result{padding-bottom:0}}