/* A working index, using the portfolio's existing paper, blue and typefaces. */
.topics-main{padding-top:46px;padding-bottom:80px;max-width:1160px}
.topics-heading>.eyebrow{color:var(--blue)}
.topics-heading h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;line-height:1.12;margin:20px 0 24px;text-wrap:balance}
.topics-heading h1 span{color:var(--blue)}
.topics-heading>p:last-child{max-width:640px;color:var(--muted);font-size:18px}
.topics-tools{margin:36px 0 16px;border-block:1px solid var(--line);padding:24px 0}
.topics-tools>label{display:block;font-family:var(--display);margin-bottom:10px}
.topics-input{display:flex;gap:12px;max-width:700px}
.topics-input input{min-width:0;flex:1;font:18px var(--body);padding:14px 16px;border:1px solid var(--muted);border-radius:var(--radius-control);background:var(--white);color:var(--ink)}
.topics-input input:focus-visible,.topics-tools input:focus-visible+span{outline:3px solid var(--blue);outline-offset:4px}
.topics-input button{border:0;background:transparent;text-decoration:underline;color:var(--blue);padding:10px;min-height:44px;cursor:pointer}
.topics-tools fieldset{display:flex;gap:10px;flex-wrap:wrap;border:0;margin:20px 0 0;padding:0}
.topics-tools legend{font-size:13px;color:var(--muted);margin-bottom:8px;padding:0}
.topics-tools fieldset label{position:relative;cursor:pointer}
.topics-tools fieldset input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.topics-tools fieldset span{display:block;padding:9px 15px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-control);font-size:14px}
.topics-tools input:checked+span{color:white;background:var(--blue);border-color:var(--blue)}
.topics-tools [role=status]{color:var(--muted);font-size:14px;margin-top:18px;min-height:24px}
.topics-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.topic-guide{min-width:0;padding:28px 0;border-bottom:1px solid var(--line)}
.topic-guide>.eyebrow{font-size:13px;color:var(--muted);margin-bottom:12px}
.topic-guide h2{font-size:25px;letter-spacing:-.7px;line-height:1.3}
.topic-guide h2 a{display:inline-block;min-height:44px}
.topic-guide h2 span{color:var(--blue)}
.topic-guide>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:12px}
.topic-guide details{margin-top:16px}
.topic-guide summary{color:var(--blue);min-height:44px;padding:9px 0;cursor:pointer;font-size:14px;width:fit-content}
.topic-guide ul{list-style:none;padding:0;margin:6px 0}
.topic-guide li a{display:block;min-height:44px;padding:9px 0;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;font-size:14px;overflow-wrap:anywhere}
.topics-empty,.topics-fallback{padding:24px 0;color:var(--muted)}
@media(max-width:760px){.topics-main{padding-top:30px}.topics-results{grid-template-columns:1fr}.topics-heading>p:last-child{font-size:16px}}
@media print{.topics-tools{display:none}.topics-results{display:block}.topic-guide{break-inside:avoid}}