.topic-grid-section__head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.topic-grid-section__head--toggle{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:flex-start;padding:0}.topic-grid-section__chevron{color:var(--b-muted);flex:none;transition:transform .2s}.topic-grid-section__chevron--open{transform:rotate(90deg)}.topic-grid-section__title{letter-spacing:.1em;text-transform:uppercase;color:var(--b-muted);font-size:13px;font-weight:800}.topic-grid-section__count{color:var(--b-muted);font-size:12.5px}.topic-grid-section+.topic-grid-section{margin-top:28px}.topic-tile__new-count{border-radius:var(--radius-pill);background:var(--b-warn);min-width:17px;height:17px;color:var(--b-on-accent);border:2px solid var(--b-surface);place-items:center;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.topic-grid{gap:12px;display:grid}@media (min-width:769px){.topic-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.topic-grid{display:none}.topic-grid--mobile{grid-template-columns:1fr;display:grid}}.topic-tile{text-align:left;cursor:pointer;border-radius:var(--radius-tile);background:var(--b-surface);border:1px solid var(--b-line);color:var(--b-ink);flex-direction:column;gap:15px;padding:16px 18px;font-family:inherit;transition:background .15s,border-color .15s;display:flex;position:relative}.topic-tile:hover{background:var(--b-surface);border-color:var(--b-accent)}.topic-tile__top{align-items:center;gap:13px;width:100%;display:flex}.topic-tile__icon{border-radius:var(--radius-row);flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative}.topic-tile__names{flex:1;min-width:0}.topic-tile__name{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:800;overflow:hidden}.topic-tile__acts{text-transform:uppercase;letter-spacing:.06em;color:var(--b-muted);margin-top:4px;font-size:11px;font-weight:700}.topic-tile__status{white-space:nowrap;border-radius:var(--radius-pill);background:var(--b-accent);color:var(--b-on-accent);flex:none;padding:11px 14px;font-size:11.5px;font-weight:800}.topic-tile__status--started{background:color-mix(in srgb, var(--b-warn) 16%, transparent);color:var(--b-warn)}.topic-tile__status--complete{background:color-mix(in srgb, var(--b-good) 16%, transparent);color:var(--b-good)}.topic-tile__done{border-radius:var(--radius-circle);background:var(--b-good-fill);width:20px;height:20px;color:var(--b-on-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--b-good) 15%, transparent);flex:none;place-items:center;display:grid}.topic-bento{display:none}.topic-bento .topic-feat{grid-column:span 2}@media (max-width:768px){.topic-bento{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}}.topic-feat{text-align:left;cursor:pointer;border-radius:var(--radius-tile);color:var(--b-ink);border:1px solid #0000;flex-direction:column;align-items:stretch;gap:8px;padding:15px;font-family:inherit;display:flex}.topic-feat__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.topic-feat__icon{width:44px;height:44px}.topic-feat__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--b-accent-text);background:var(--b-hi);border:1px solid var(--b-hi);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 10px;font-size:10px;font-weight:800}.topic-feat__name{letter-spacing:-.2px;font-size:19px;font-weight:800}.topic-feat__meta{text-transform:uppercase;letter-spacing:.06em;color:var(--b-muted);margin-top:-4px;font-size:11px;font-weight:700}.topic-feat .topic-mini__foot{margin-top:4px}.topic-mini{text-align:left;cursor:pointer;border-radius:var(--radius-card);background:var(--b-surface);border:1px solid var(--b-line);color:var(--b-ink);flex-direction:column;align-items:stretch;gap:10px;padding:13px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.topic-mini:hover{background:var(--b-surface);border-color:var(--b-accent)}.topic-mini__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.topic-mini__icon{border-radius:var(--radius-inset);flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.topic-mini__check{color:var(--b-good);place-items:center;display:inline-grid}.topic-mini__name{letter-spacing:-.1px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.topic-mini__foot{align-items:center;gap:8px;margin-top:auto;display:flex}.topic-mini__bar{flex:1;min-width:0}.topic-mini__frac{color:var(--b-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.topic-rings{display:none}@media (max-width:768px){.topic-rings{grid-template-columns:repeat(3,1fr);gap:18px 8px;display:grid}}.topic-ring{cursor:pointer;color:var(--b-ink);text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:4px 2px;font-family:inherit;display:flex}.topic-ring__wrap{place-items:center;width:68px;height:68px;display:grid;position:relative}.topic-ring__wrap>svg{position:absolute;inset:0}.topic-ring__wrap .topic-tile__new-count{top:0;right:0}.topic-ring__icon{border-radius:var(--radius-circle);place-items:center;width:46px;height:46px;display:grid}.topic-ring__done{border-radius:var(--radius-circle);background:var(--b-good-fill);width:18px;height:18px;color:var(--b-on-accent);border:2px solid var(--b-bg);place-items:center;display:grid;position:absolute;bottom:0;right:2px}.topic-ring__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:110px;font-size:12px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.topic-ring__frac{color:var(--b-muted);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:800}.topic-grid-section__more{width:100%;color:var(--b-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;margin-top:14px;padding:8px 0;font-family:inherit;font-size:13px;font-weight:600;display:flex}.topic-grid-section__more:hover{color:var(--b-ink)}.topic-grid-section__more-chevron{transition:transform .2s}.topic-grid-section__more-chevron--open{transform:rotate(180deg)}
