/* /how-grades-work (mocks/how-grades-work.html): the method page, explained once for every town page. */
.hw{max-width:780px;margin:0 auto;padding:44px 20px 90px;color:var(--ink-2);font-size:16px;line-height:1.65}
.hw h1{font-size:34px;letter-spacing:-.03em;color:var(--ink);line-height:1.15} .hw .lede{font-size:18px;margin:10px 0 0}
.hw h2{font-size:22px;letter-spacing:-.02em;color:var(--ink);margin:40px 0 8px} .hw h3{font-size:17px;color:var(--ink);margin:26px 0 4px}
.hw p{margin:8px 0} .hw ul{padding-left:20px;margin:8px 0} .hw li{margin:4px 0}
.bands{display:flex;margin:14px 0 4px;border-radius:8px;overflow:hidden;font-size:13px;font-weight:700;color:#fff;text-align:center}
.bands span{padding:7px 0}
.src{font-size:14px;color:var(--muted)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0} .toc a{padding:5px 11px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:500}
.toc a:hover{border-color:var(--accent)}