.topic-top{align-items:flex-start;gap:72px;padding-top:44px;padding-bottom:48px;display:flex}.topic-head{flex-grow:1;min-width:0}.topic-head__title{letter-spacing:-.028em;margin-top:28px;font-size:64px;font-weight:600;line-height:1.04}.topic-head__title:first-child{margin-top:0}.topic-head__desc{max-width:700px;color:var(--ink-2);margin-top:24px;font-size:18px;line-height:1.55}.topic-head__counts{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-top:20px;font-size:12px}.book-chips{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.book-chip{min-height:var(--tap);background:var(--paper-2);border:1px solid var(--hair);font-family:var(--font-sans);color:var(--ink);border-radius:2px;align-items:center;gap:8px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.book-chip:hover{border-color:var(--ink)}.book-chip__icon{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-linejoin:round;flex-shrink:0}.book-chip__cite{font-weight:600}.book-chip__ref{color:var(--muted);white-space:nowrap}.book-chip__lang{border:1px solid var(--hair);letter-spacing:.06em;color:var(--muted);padding:1px 5px;font-size:11px}.topic-pad{padding-top:8px;padding-bottom:48px}.progress{flex-direction:column;flex-shrink:0;gap:18px;width:400px;padding:24px 26px;display:flex;position:relative}.progress__head{justify-content:space-between;display:flex}.progress__big{align-items:baseline;gap:12px;display:flex}.progress__num{font-family:var(--font-sans);font-size:44px;font-weight:600;line-height:1}.progress__caption{color:var(--ink-2);font-size:15px}.progress__boxes{gap:6px;display:flex}.progress__boxes span{border:1px solid var(--ink);width:22px;height:10px}.progress__boxes span.on{background:var(--ink)}.progress__text{color:var(--ink-2);font-size:15px;line-height:1.5}.progress__hand{position:absolute;bottom:-40px;right:-18px;transform:rotate(-7deg)}.topic-body__inner{padding-left:0;padding-right:0;display:flex}.topic-main{padding:32px 48px 56px var(--gutter);border-right:1px solid var(--hair);flex-direction:column;flex-grow:1;gap:40px;min-width:0;display:flex}.topic-section{flex-direction:column;gap:18px;display:flex}.topic-aside{width:400px;padding:32px var(--gutter) 56px 40px;flex-direction:column;flex-shrink:0;gap:18px;display:flex}.quiz-table__head,.quiz-table__row{grid-template-columns:72px minmax(0,1fr) 96px 110px 170px 110px;align-items:center;column-gap:12px;display:grid}.quiz-table__head{border-bottom:1px solid var(--ink);height:34px;font-family:var(--font-sans);letter-spacing:.08em;color:var(--muted);font-size:11px}.quiz-table__row{border-bottom:1px solid var(--hair);min-height:88px;padding:16px 0}.quiz-table__num{font-family:var(--font-sans);font-size:24px;font-weight:500}.quiz-table__title{flex-direction:column;gap:4px;font-size:19px;line-height:1.25;display:flex}.quiz-table__title a{color:var(--ink);text-decoration-color:var(--hair);text-underline-offset:4px}.quiz-table__title a:hover{text-decoration-color:var(--ink)}.quiz-table__desc a{color:var(--ink-2);font-size:14px}.quiz-table__desc{color:var(--muted);font-size:14px;line-height:1.4}.quiz-table__count{text-align:right;font-family:var(--font-sans);font-size:15px}.quiz-table__status{font-family:var(--font-sans);letter-spacing:.06em;font-size:12px;font-weight:600}.status--done{color:var(--ink)}.status--rec{color:var(--accent-ink)}.status--idle{color:var(--muted)}.quiz-table__action{text-align:right;font-family:var(--font-sans);flex-direction:column;align-items:flex-end;font-size:14px;display:flex}.quiz-table__action a{min-height:var(--tap);align-items:center;display:inline-flex}.quiz-table__ranked{min-height:32px;color:var(--muted);font-size:12px}.mini-leaders{border-top:1px solid var(--ink)}.mini-leaders__row{border-bottom:1px solid var(--hair);align-items:center;height:50px;font-size:15px;display:flex}.mini-leaders__row--me{background:var(--tint);margin:0 -10px;padding:0 10px;font-weight:600}.mini-leaders__rank{width:36px;font-family:var(--font-sans);font-size:14px}.mini-leaders__rank--me{color:var(--accent-ink)}.mini-leaders__name{flex-grow:1}.mini-leaders__points{font-family:var(--font-sans);font-size:14px;font-weight:600}.mini-leaders__gap{height:30px;font-family:var(--font-sans);color:var(--muted);align-items:center;font-size:13px;display:flex}@media (width<=1200px){.topic-top{gap:40px}.quiz-table__head,.quiz-table__row{grid-template-columns:56px minmax(0,1fr) 80px 96px 150px 100px}}@media (width<=900px){.topic-top{flex-direction:column;gap:28px;padding-top:28px;padding-bottom:32px}.topic-head__title{font-size:40px}.topic-head__desc{font-size:16px}.progress{width:100%}.progress__hand{display:none}.topic-body__inner{flex-direction:column}.topic-main{padding:28px var(--gutter) 32px;border-right:0}.topic-aside{width:100%;padding:28px var(--gutter) 40px;border-top:1px solid var(--ink)}.quiz-table__head{display:none}.quiz-table__row{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"num title""num meta";row-gap:8px}.quiz-table__num{grid-row:span 3;align-self:start;font-size:20px}.quiz-table__row>.quiz-table__count{display:none}.quiz-table__action{text-align:left;flex-direction:row;align-items:center;gap:16px}}.quiz-table__head>span{font-family:var(--font-sans);font-size:11px;font-weight:400}.whole__card{background:var(--paper-2);border:2px solid var(--ink);box-shadow:inset 4px 0 0 var(--accent);align-items:center;gap:32px;padding:28px 32px;display:flex}.whole__main{flex-direction:column;flex:auto;gap:10px;display:flex}.whole__title{margin:0;font-size:28px;line-height:1.2}.whole__desc{max-width:560px;color:var(--ink-2);margin:0;font-size:16px;line-height:1.5}.whole__facts{line-height:1.4;font-family:var(--font-sans);color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:14px;display:flex}.whole__status{font-family:var(--font-sans);letter-spacing:.04em;font-size:13px;font-weight:600}.whole__actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}@media (width<=900px){.whole__card{flex-direction:column;align-items:stretch;padding:22px 20px}.whole__title{font-size:22px}.whole__actions{align-items:flex-start}}