.popularity{border:1px solid var(--line);border-radius:22px;padding:clamp(18px,3vw,30px);margin-top:32px;background:#fff}.popularity h2{margin-top:8px}.pop-spelling{font-size:14px}.pop-summary{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:16px 0 22px;border-bottom:1px solid var(--line);margin-bottom:20px}.pop-summary strong{font-size:28px;line-height:1.3;color:var(--green)}.pop-summary span{font-size:14px}.pop-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.pop-controls[hidden],.pop-year-picker[hidden]{display:none}.pop-group{display:flex;flex-wrap:wrap;border:1px solid #a7bdb1;border-radius:14px;overflow:hidden}.pop-group button{border:0;padding:8px 12px;background:#fff;color:var(--ink);cursor:pointer;font-size:14px;min-height:44px}.pop-group button[aria-pressed=true]{background:var(--green);color:white}.pop-group button:focus-visible{outline-offset:-4px}.pop-measure{font-size:14px;font-weight:600;margin-bottom:4px}.pop-chart{width:100%;display:block;overflow:visible}.pop-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.pop-dot{fill:var(--green);pointer-events:none}.pop-dot-hit{fill:transparent;cursor:pointer;stroke:transparent;stroke-width:2}.pop-dot-hit.selected,.pop-dot-hit:hover,.pop-dot-hit:focus{fill:#e5d39e66;stroke:var(--green);outline:none}.pop-grid{stroke:var(--line);stroke-width:1}.pop-break{stroke:#a7bdb1;stroke-width:1.5;stroke-dasharray:5 5}.pop-axis{fill:var(--ink);font:16px 'DM Sans',Arial,sans-serif}.pop-year-picker{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;background:#f4f7f3;padding:12px 16px;border-radius:12px;margin:8px 0 18px}.pop-year-picker label{font-size:14px;display:flex;align-items:center;gap:8px}.pop-year-picker select{background:#fff;border:1px solid #a7bdb1;border-radius:8px;padding:8px;color:var(--ink);min-height:44px}.pop-year-picker output{font-size:14px;font-weight:600}.pop-note,.pop-source{font-size:14px;line-height:1.6}.pop-source a{text-decoration:underline;text-underline-offset:3px}.pop-empty{background:#f4f7f3;padding:24px;border-radius:12px}.pop-table{margin:18px 0}.pop-table summary{font-size:14px;font-weight:600;cursor:pointer;min-height:44px;padding:10px 0}.pop-table-scroll{max-height:340px;overflow:auto}.pop-table table{width:100%;border-collapse:collapse;font-size:14px}.pop-table th,.pop-table td{padding:9px 8px;text-align:left;border-bottom:1px solid var(--line)}.pop-table thead{position:sticky;top:0;background:#f4f7f3}@media(max-width:600px){.popularity{padding:18px 14px}.pop-axis{font-size:22px}.pop-chart{margin:15px 0}.pop-group button{padding:8px 10px}.pop-summary strong{font-size:24px}}