.topic-landing{border-top:3px solid var(--ink);margin:0 0 26px;padding:24px 0 0;scroll-margin-top:20px}
.topic-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}
.topic-kicker{font:700 .7rem/1.4 system-ui,sans-serif;letter-spacing:.14em;color:var(--blue)}
.topic-heading h2{font:2rem/1.15 Georgia,serif;margin:6px 0 10px}.topic-heading p{max-width:730px;margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}
.topic-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:35%}
.topic-actions button{border:1px solid var(--ink);color:var(--ink);border-radius:4px;min-height:44px;padding:10px 14px;font-weight:700;background:white}
.topic-actions button[aria-pressed=true]{background:var(--ink);color:white}
#topic-picker{border-block:1px solid var(--line)}
#topic-picker>summary{padding:16px 0;cursor:pointer;font-weight:700;line-height:1.5}
#topic-state{font-weight:400;color:var(--muted);font-size:.85rem;margin-left:15px}
.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--line);padding:0 0 15px}
.topic-choice{display:flex;text-align:left;align-items:flex-start;gap:9px;min-width:0;border:0;border-bottom:1px solid var(--line);padding:19px 12px 17px 0;margin-right:15px;color:var(--ink);background:transparent;border-radius:0;line-height:1.35;text-decoration:none}
.topic-choice:hover,.topic-choice[aria-pressed=true]{background:#e5eef0}.topic-choice:focus-visible,.topic-actions button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.topic-index{font:400 .75rem/1.9 monospace;color:var(--muted)}.topic-choice>span:nth-child(2){min-width:0;flex:1}
.topic-choice strong{display:block;font:700 1rem/1.3 Georgia,serif;overflow-wrap:anywhere}.topic-choice small{display:block;font-size:.75rem;line-height:1.45;color:var(--muted);margin:7px 0}.topic-choice em{font:600 .7rem/1.4 system-ui,sans-serif;color:var(--blue)}.topic-arrow{font-size:.9rem}
.pilot-variants{display:block;margin:12px 0 0;font-size:.8rem;line-height:1.6}.pilot-current{display:flex;gap:8px;flex-wrap:wrap}.pilot-current a{color:var(--blue)}.pilot-history{margin-top:8px}.pilot-history summary{cursor:pointer;color:var(--muted)}
.pilot-variant{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);padding:8px 10px;border-radius:4px;min-height:44px;text-decoration:none}.pilot-variant strong{text-decoration:underline;text-underline-offset:3px}.pilot-variant.is-selected{border-color:var(--blue);background:#f0f6f8}.pilot-selection{font-size:.7rem;color:var(--ink)}.pilot-variant-state{font-size:.7rem;color:var(--muted)}.pilot-history-links{display:flex;gap:8px;flex-wrap:wrap}.pilot-history p{font-size:.8rem}.detail-placeholder{padding:32px;font:2rem Georgia,serif;background:#e6eef1}
body[data-topic-landing=true] .discovery-controls{margin-bottom:24px}
#results{scroll-margin-top:18px}.historical-ratings{border:1px solid var(--line);padding:12px;margin-top:18px}.historical-ratings summary{cursor:pointer;font-weight:700}
footer{min-width:0;flex-wrap:wrap}footer button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1150px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.topic-heading{display:block}.topic-heading h2{font-size:1.65rem}.topic-actions{max-width:none;justify-content:flex-start;margin-top:16px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-choice{margin-right:8px;padding:16px 5px 15px 0;gap:5px}.topic-arrow{display:none}.topic-choice strong{font-size:1rem}.topic-index{font-size:.65rem}#topic-state{display:block;margin-left:0}.topic-heading p{font-size:.9rem}}
@media(max-width:360px){.topic-grid{grid-template-columns:1fr}.topic-choice small{margin:3px 0}}