.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}}

/* A calm, editorial chart surface. */
.detail-layout article section.popularity{border:1px solid #dde5de;border-left:1px solid #dde5de;border-top:4px solid #a7bdb1;border-radius:28px;padding:clamp(20px,3vw,34px);background:#fff;box-shadow:0 8px 26px rgba(52,72,61,.045)}
.popularity h2{font-size:clamp(29px,3vw,38px);line-height:1.25;margin:10px 0 12px}
.pop-title-accent{font-family:'Caveat',cursive;font-size:1.2em;font-weight:600;white-space:nowrap}
.popularity .eyebrow{font-size:12px;letter-spacing:.14em;color:#526c59}
.pop-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;padding:0;margin:24px 0}
.pop-stat{display:flex;flex-direction:column;gap:6px;background:#edf1eb;border-radius:18px;padding:18px 20px}
.pop-stat:nth-child(2){background:#f6f0df}
.pop-stat-wide{grid-column:1/-1}
.pop-stat span{font-size:14px;font-weight:600}
.pop-summary .pop-stat strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:48px;font-weight:600;line-height:1.05;color:#34483d;letter-spacing:-.03em}
.pop-stat small{font-size:14px;line-height:1.4;color:#526c59}
.pop-controls{gap:10px;margin-bottom:22px}
.pop-group{border:0;border-radius:12px;padding:4px;gap:3px;background:#edf1eb}
.pop-group button{border-radius:9px;background:transparent;padding:8px 12px;min-height:44px}
.pop-group button[aria-pressed=true]{background:#526c59;box-shadow:0 2px 5px rgba(52,72,61,.12)}
.pop-measure{font-weight:500;color:#526c59!important;margin-bottom:8px!important}
[data-pop-chart]{background:#f8faf7;border:1px solid #edf1eb;border-radius:18px;padding:10px 6px 0;margin-bottom:16px}
.pop-chart{overflow:visible}
.pop-area{fill:url(#pop-fill);pointer-events:none}
.pop-line{stroke:#526c59;stroke-width:3.25}
.pop-dot{fill:#526c59;stroke:#fff;stroke-width:2}
.pop-dot-hit.selected,.pop-dot-hit:hover,.pop-dot-hit:focus{fill:#e5d39e88;stroke:#526c59}
.pop-grid{stroke:#dfe7df;stroke-dasharray:3 5}
.pop-axis{fill:#526c59;font-size:15px}
.pop-break{stroke:#a0b69e;opacity:.8}
.pop-year-picker{background:#edf1eb;border-radius:14px;padding:14px 16px;gap:10px 18px}
.pop-year-picker label{font-weight:500}
.pop-year-picker select{border-color:#d3ddd3;border-radius:10px}
.pop-year-picker output{font-weight:500;line-height:1.6}
.pop-note{color:#526c59!important;font-size:14px!important;line-height:1.7}
.pop-table{border-top:1px solid #e3e9e1;margin-bottom:16px}
.pop-table summary{padding:16px 0;color:#34483d}
.pop-table table{background:#fff}.pop-table tbody tr:nth-child(even){background:#f8faf7}
.pop-source{font-size:14px;color:#526c59!important;margin-bottom:0!important}
.pop-empty{background:transparent;line-height:1.7;margin:0!important}
@media(max-width:600px){.detail-layout article section.popularity{padding:20px 14px;border-radius:22px}.pop-stat{padding:16px 12px}.pop-summary .pop-stat strong{font-size:40px}.pop-axis{font-size:21px}.pop-group button{padding:8px 10px}.pop-chart{margin:10px 0}.pop-year-picker{align-items:flex-start;flex-direction:column}}