.nol-ranking{max-width:1000px;margin-inline:auto;padding-bottom:3rem}.nol-ranking-hero{background:#102a43;color:#fff;border-radius:24px;padding:clamp(1.5rem,5vw,3rem);margin-block:2rem}.nol-ranking-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem)}.nol-ranking-hero .nol-campaign{color:#a5eee8;font-weight:700;letter-spacing:.03em}.nol-ranking-hero p{max-width:65ch}.nol-ranking section{margin-block:2rem}.nol-ranking .nol-school-panel{margin-block:1rem}.nol-ranking-month{font-size:1.4rem;font-weight:700}.nol-top-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.nol-top-heading h2{margin:0}.nol-top-heading button{min-height:44px;padding:.6rem 1.1rem;background:#155eef;color:white;border:0;border-radius:10px;font:inherit;cursor:pointer}.nol-top-heading button:disabled{opacity:.65}.nol-ranking :focus-visible{outline:3px solid #155eef;outline-offset:4px}.nol-ranking-list{list-style:none;margin:1rem 0;padding:0;min-height:220px}.nol-ranking-list[hidden]{display:none}.nol-rank-row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.6rem 1rem;align-items:center;background:#fff;border:1px solid #d9e2ec;border-radius:16px;padding:1rem;margin-bottom:.75rem}.nol-rank-row:nth-child(-n+3){border-left:5px solid #12877e;background:#f0fdfa}.nol-rank-row h3{font-size:1rem;margin:0;overflow-wrap:anywhere}.nol-rank-row p{margin:.35rem 0 0;font-size:.875rem;overflow-wrap:anywhere}.nol-rank-number{font-size:1.35rem;font-weight:800;color:#102a43}.nol-rank-row .nol-rank-score{grid-column:2;color:#105e58;font-weight:700}.nol-ranking-empty{min-height:220px;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px dashed #9fb3c8;border-radius:16px;padding:1.5rem;background:#fff}.nol-ranking-empty[hidden]{display:none}.nol-ranking-empty h3{font-size:1.2rem}.nol-own-rank{min-height:3rem;margin-top:1rem;border-top:1px solid #bcccdc;padding-top:.75rem}.nol-own-rank p{margin:.3rem 0}.nol-own-rank .nol-rank-caption{font-size:.85rem;color:#486581}.nol-own-rank .nol-rank-total{font-size:1.4rem;font-weight:800;color:#102a43}.nol-ranking-explanation{padding:1.5rem;border-radius:16px;background:#eaf3ff}.nol-ranking-meta{color:#486581;font-size:.875rem}.nol-ranking-status{min-height:1.5em}.nol-school-panel [data-school-name]{overflow-wrap:anywhere}@media(min-width:700px){.nol-rank-row{grid-template-columns:3rem minmax(0,1fr) 10rem}.nol-rank-row .nol-rank-score{grid-column:3;text-align:right}}