.topics-heading{padding:2px 0 4px}.topics-heading h1{letter-spacing:-.025em;font-size:28px;font-weight:700;line-height:1.35}.topics-heading p{color:var(--ink-3);margin-top:7px;font-size:13px;line-height:1.8}.topics-search{border:1px solid var(--line);background:var(--bg-sunk);min-height:46px;color:var(--ink-4);border-radius:9px;align-items:center;gap:10px;padding-inline:13px 5px;display:flex}.topics-search>svg{flex-shrink:0}.topics-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.topics-search input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0;flex:1;font-size:14px;outline:none!important}.topics-search input::-webkit-search-cancel-button{display:none}.topics-search button{border-radius:6px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.topics-search button:hover{background:var(--bg-muted);color:var(--ink)}.topics-group-tabs{flex-wrap:wrap;gap:5px;display:flex}.topics-group-tabs>a{min-height:40px;color:var(--ink-3);border-radius:7px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;display:flex}.topics-group-tabs>a:hover{color:var(--accent);background:var(--bg-sunk)}.topics-group-tabs>a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.topics-group-tabs small{color:var(--ink-4);font-variant-numeric:tabular-nums;font-size:10px}.topics-section-tabs{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:3px;padding-top:12px;display:flex}.topics-section-tabs a{min-height:36px;color:var(--ink-3);border-radius:6px;align-items:center;padding:6px 10px;font-size:11px;display:flex}.topics-section-tabs a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.topics-quick{scrollbar-width:none;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:11px;display:flex}.topics-quick::-webkit-scrollbar{display:none}.topics-quick>span{color:var(--ink-4)}.topics-quick a{min-height:32px;color:var(--ink-3);align-items:center;gap:4px;display:flex}.topics-quick a:hover{color:var(--accent)}.topics-quick svg{color:var(--ink-4)}.topics-applied{flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:flex}.topics-applied button{background:var(--accent-soft);min-height:36px;color:var(--accent);overflow-wrap:anywhere;border-radius:7px;align-items:center;gap:12px;max-width:100%;padding:6px 11px;display:flex}.topics-applied>a{min-height:36px;color:var(--ink-4);align-content:center;padding:6px}.topics-directory-heading h2{flex-wrap:wrap;align-items:center;gap:10px;font-size:16px;font-weight:650;display:flex}.topics-directory-bar{justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:15px;display:flex}.topics-directory-heading{flex:1;min-width:0}.topics-directory-bar .topics-toolbar{flex-shrink:0;gap:20px;margin:0}.topics-directory-heading h2>span{color:var(--ink-4);font-size:11px;font-weight:400}.topics-directory-heading p{color:var(--ink-4);overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.8}.topics-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 15px;display:flex}.topics-active{min-height:40px;color:var(--ink-3);cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.topics-active input{accent-color:var(--accent);width:14px;height:14px}.topics-active>span{color:var(--ink-4);font-variant-numeric:tabular-nums}.topics-toolbar-actions{align-items:center;gap:10px;display:flex}.topics-toolbar select{border:1px solid var(--line);background-color:var(--surface);min-height:39px;color:var(--ink-3);border-radius:7px;padding-inline:10px 30px;font-size:11px}.topics-layout{border:1px solid var(--line-soft);border-radius:8px;align-items:center;gap:2px;padding:3px;font-size:11px;display:flex}.topics-layout button{min-height:31px;color:var(--ink-4);border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 9px;display:flex}.topics-layout button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.topics-layout>a{min-height:34px;color:var(--ink-3);border-radius:5px;justify-content:center;align-items:center;padding:0 13px;font-size:12px;display:flex}.topics-layout>a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.topics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.topics-card{border:1px solid var(--line-soft);background:var(--surface);border-radius:12px;flex-direction:column;min-width:0;padding:18px;transition:border-color .2s,box-shadow .2s;display:flex}.topics-card:hover{border-color:var(--accent-border,var(--line));box-shadow:0 3px 15px #00000004}.topics-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.topics-card-title{align-items:center;gap:10px;min-width:0;display:flex}.topics-card-title>div{min-width:0}.topics-card-title small{color:var(--ink-4);margin-bottom:2px;font-size:10px;font-weight:400;display:block}.topics-card-title h3{color:var(--ink);overflow-wrap:anywhere;font-size:15px;font-weight:650;line-height:1.6}.topics-card-title:hover h3{color:var(--accent)}.topics-card-mark{background:var(--bg-sunk);width:36px;height:36px;color:var(--ink-3);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.topics-card-mark:has(img){background:0 0}.topics-card-activity{color:var(--ink-4);white-space:nowrap;padding-top:3px;font-size:10px}.topics-card-activity.is-active{color:var(--accent)}.topics-card-definition{-webkit-line-clamp:2;min-height:43px;color:var(--ink-3);-webkit-box-orient:vertical;margin-top:12px;font-size:12px;line-height:1.8;display:-webkit-box;overflow:hidden}.topics-card-latest{border-top:1px solid var(--line-soft);flex:1;margin-top:14px;padding-top:12px}.topics-card-latest>div{color:var(--ink-4);justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:10px;display:flex}.topics-card-latest>a{-webkit-line-clamp:2;color:var(--ink-2);-webkit-box-orient:vertical;font-size:12px;line-height:1.8;display:-webkit-box;overflow:hidden}.topics-card-latest>a:hover{color:var(--accent)}.topics-card-latest>p{color:var(--ink-4);font-size:12px;line-height:1.8}.topics-card-footer{flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:12px;font-size:11px;display:flex}.topics-card-enter{min-height:34px;color:var(--accent);align-items:center;gap:5px;font-weight:500;display:flex}.topics-card-enter svg{transition:transform .2s}.topics-card-enter:hover svg{transform:translate(3px)}.topics-card-total{color:var(--ink-4);font-size:10px}.topics-card-guide{min-height:34px;color:var(--ink-3);align-items:center;gap:3px;margin-left:auto;font-size:10px;display:flex}.topics-card-guide:hover{color:var(--accent)}.topics-grid-compact{border:1px solid var(--line-soft);background:var(--surface);border-radius:12px;grid-template-columns:1fr;gap:0;overflow:hidden}.topics-grid-compact .topics-card{border:0;border-bottom:1px solid var(--line-soft);background:0 0;border-radius:0;grid-template-columns:minmax(210px,1fr) minmax(220px,1.3fr) minmax(130px,.55fr);align-items:center;gap:12px 24px;padding:16px 18px;display:grid}.topics-grid-compact .topics-card:last-child{border-bottom:0}.topics-grid-compact .topics-card-heading{display:block}.topics-grid-compact .topics-card-activity{margin-top:3px;margin-left:46px;display:block}.topics-grid-compact .topics-card-definition{display:none}.topics-grid-compact .topics-card-latest{border:0;margin:0;padding:0}.topics-grid-compact .topics-card-footer{justify-content:flex-end;margin:0}.topics-grid-compact .topics-card-guide{flex-basis:100%;justify-content:flex-end}.topics-empty{border:1px dashed var(--line);text-align:center;color:var(--ink-4);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.topics-empty h3{color:var(--ink-2);font-size:15px;font-weight:550}.topics-empty p{font-size:12px;line-height:1.8}.topics-empty>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 18px;display:flex}.topics-empty :is(a,button){min-height:42px;color:var(--accent);align-items:center;gap:5px;font-size:12px;display:flex}.topics-page :is(a,button,input,select):focus-visible,.topic-page :is(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}.topic-page{max-width:1120px;margin-inline:auto}.topic-heading{border-bottom:1px solid var(--line-soft);padding:4px 0 20px}.topic-heading .topic-back{margin-bottom:14px}.topic-heading .topic-title{align-items:center;gap:13px;display:flex}.topic-heading h1{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.4}.topic-heading .topic-definition{max-width:760px;color:var(--ink-3);margin-top:9px;font-size:13px;line-height:1.9}.topic-heading .topic-guide{min-height:36px;color:var(--accent);align-items:center;gap:7px;margin-top:8px;font-size:12px;display:inline-flex}.topic-heading .topic-meta{color:var(--ink-4);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px;font-size:12px;display:flex}.topic-related{flex-wrap:wrap;align-items:center;gap:5px 12px;display:flex}.topic-related a{min-height:32px;color:var(--ink-3);align-content:center}.topic-related a:hover{color:var(--accent)}.topic-resources{border:1px solid var(--line-soft);background:var(--surface);border-radius:10px;margin-top:16px}.topic-resources summary{cursor:pointer;color:var(--ink-3);align-items:center;gap:8px;padding:13px 16px;font-size:12px;list-style:none;display:flex}.topic-resources summary::-webkit-details-marker{display:none}.topic-resources summary>span{color:var(--ink-4);margin-left:auto;font-size:10px}.topic-resources summary>svg:last-child{transition:transform .2s}.topic-resources[open] summary>svg:last-child{transform:rotate(180deg)}.topic-resources-body{padding:0 16px 16px}.topic-resources-body>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.topic-resources-body a{border-top:1px solid var(--line-soft);padding:12px 0}.topic-resources-body a>span{color:var(--accent);font-size:12px}.topic-resources-body p{color:var(--ink-4);margin-top:5px;font-size:11px;line-height:1.8}@media (width<=1100px){.topics-directory-bar{flex-wrap:wrap}.topics-directory-bar .topics-toolbar{gap:10px;width:100%}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topics-grid-compact{grid-template-columns:1fr}.topics-grid-compact .topics-card{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:10px 18px}.topics-grid-compact .topics-card-footer{grid-column:1/-1;justify-content:flex-start}.topics-grid-compact .topics-card-guide{flex-basis:auto;margin-left:auto}}@media (width<=600px){.topics-heading h1{font-size:24px}.topics-heading p{font-size:12px}.topics-search input{font-size:16px}.topics-group-tabs{gap:3px}.topics-group-tabs>a{gap:6px;min-height:40px;padding:7px 9px;font-size:11px}.topics-section-tabs{gap:2px}.topics-section-tabs a{min-height:38px;padding-inline:8px}.topics-quick{flex-wrap:nowrap;gap:12px;overflow-x:auto}.topics-quick>span{white-space:nowrap;flex-shrink:0}.topics-quick a{white-space:nowrap;flex-shrink:0;min-height:36px}.topics-toolbar{gap:4px}.topics-toolbar-actions{justify-content:space-between;width:100%}.topics-toolbar select{min-height:42px;font-size:12px}.topics-layout button{min-height:34px}.topics-grid{grid-template-columns:1fr;gap:12px}.topics-card{padding:16px}.topics-card-title h3{font-size:15px}.topics-card-definition{min-height:0}.topics-card-enter,.topics-card-guide{min-height:38px}.topics-grid-compact{gap:0}.topics-grid-compact .topics-card{align-items:stretch;gap:0;padding:14px 16px;display:flex}.topics-grid-compact .topics-card-heading{display:flex}.topics-grid-compact .topics-card-activity{margin:0}.topics-grid-compact .topics-card-latest{margin-top:12px}.topics-grid-compact .topics-card-footer{margin-top:8px}.topic-heading h1{font-size:23px}.topic-resources summary,.topic-resources-body{padding-inline:13px}.topic-resources-body>div{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){.topics-card,.topics-card-enter svg,.topic-resources summary>svg:last-child{transition:none}}