.topics-page{padding-block:clamp(44px,7vw,90px) 80px}.topics-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:50px;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--line)}.topics-header h1{margin:0;color:var(--ink);font:600 clamp(3.7rem,8vw,7.5rem)/.86 var(--serif);letter-spacing:-.055em}.topics-header p{margin:0;color:var(--muted);font-size:1rem}.topics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 18px}.topics-toolbar>p{margin:0;color:var(--muted);font-size:.72rem}.topics-search{position:relative;width:min(430px,100%)}.topics-search>span[aria-hidden]{position:absolute;top:50%;left:13px;transform:translateY(-50%);color:var(--muted);font-size:1.25rem}.topics-search input{width:100%;height:44px;padding:0 42px 0 39px;border:1px solid var(--line);border-radius:5px;background:rgba(15,11,20,.72);color:var(--ink);font:500 .83rem var(--sans);outline:0}.topics-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(207,129,254,.09)}.topics-search button{position:absolute;top:50%;right:9px;transform:translateY(-50%);width:28px;height:28px;border:0;background:transparent;color:var(--muted);font-size:1rem}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.topics-grid>a{display:flex;min-height:180px;flex-direction:column;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(15,11,20,.38);transition:background .18s,border-color .18s}.topics-grid>a:hover{background:rgba(207,129,254,.055);box-shadow:inset 3px 0 var(--accent)}.topics-grid h2{margin:0;color:var(--ink);font:600 1.45rem/1.08 var(--serif)}.topics-grid p{margin:auto 0 0;padding-top:24px;color:var(--muted);font-size:.75rem}.topics-empty{padding:65px 20px;text-align:center;border:1px dashed var(--line)}.topics-empty h2{margin:0;color:var(--ink);font:600 1.8rem var(--serif)}.topics-empty p{color:var(--muted)}@media(max-width:900px){.topics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topics-page{padding-top:38px}.topics-header{grid-template-columns:1fr;gap:20px}.topics-header h1{font-size:4rem}.topics-toolbar{align-items:flex-start;flex-direction:column}.topics-search{width:100%}.topics-grid{grid-template-columns:1fr}.topics-grid>a{min-height:145px;padding:21px}}