.question-card{background-color:var(--color-sub);border:1px solid var(--color-inactive);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:24px;width:100%;min-width:0;max-width:100%;padding:24px;display:flex;overflow:visible}.question-card__title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-title);color:var(--color-title);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.question-card__title span{overflow-wrap:anywhere;min-width:0}.question-card__title .draft-badge{flex-shrink:0;margin-left:0}.question-card--title-only{flex:none}.question-card__content{flex-direction:column;gap:24px;min-width:0;display:flex}.question-card__footer{flex-shrink:0;min-width:0;max-width:100%;display:flex}.question-card__footer:empty{display:none}@media (max-width:960px){.question-card{flex:none;min-height:auto;overflow:visible}.question-card__content{flex:none;overflow:visible}}
.tag{--button-radius:8px;--button-transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, opacity .2s ease;all:unset;box-sizing:border-box;border-radius:var(--button-radius);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:var(--button-transition);font:inherit;font-size:var(--fs-small);font-weight:var(--fw-small);line-height:var(--lh-small);color:var(--color-active);background-color:var(--color-background);justify-content:center;align-items:center;padding:10px;display:inline-flex;position:relative}@media (prefers-reduced-motion:reduce){.tag{transition:none}}
.tags-panel{background-color:var(--color-sub);box-sizing:border-box;border:1px solid var(--color-inactive);border-radius:12px;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;height:max-content;padding:12px 24px;display:flex}.tags-panel__title{font-size:var(--fs-subtitle);font-weight:var(--fw-subtitle);line-height:var(--lh-subtitle);color:var(--color-title);margin:0}.tags-panel__tags{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;display:flex}
.answer-card{background-color:var(--color-sub);border:1px solid var(--color-inactive);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:24px;width:100%;min-width:0;max-width:100%;padding:24px;display:flex}.answer-card__content{flex-direction:column;gap:24px;min-width:0;display:flex}.answer-card__title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-title);color:var(--color-title);margin:0}.answer-card__footer{flex-shrink:0;min-width:0;max-width:100%;display:flex}.answer-card__footer:empty{display:none}
.theory-card{background-color:var(--color-sub);border:1px solid var(--color-inactive);box-sizing:border-box;border-radius:12px;flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.theory-card__header{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;display:block}.theory-card__header:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.theory-card__header-content{gap:8px;min-width:0;padding:24px;display:flex}.theory-card__title{min-width:0;font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-title);color:var(--color-title);overflow-wrap:anywhere;flex:1;margin:0}.theory-card__chevron{flex-shrink:0;font-size:24px;line-height:1;transition:transform .3s;display:inline-block;transform:rotate(0)}.theory-card__chevron--open{transform:rotate(90deg)}.theory-card__content-wrapper{interpolate-size:allow-keywords;opacity:0;pointer-events:none;width:100%;height:0;transition:height .3s,opacity .25s;overflow:hidden}.theory-card__content-wrapper--open{opacity:1;pointer-events:auto;height:auto}.theory-card__content{flex-direction:column;gap:24px;min-width:0;padding:0 24px;display:flex}.theory-card__footer{flex-shrink:0;min-width:0;max-width:100%;padding:24px;display:flex}.theory-card__footer:empty{display:none}
@media (min-width:961px){html.training-split,html.training-split body,html.training-split #root{height:100svh;min-height:0;max-height:100svh;overflow:hidden}html.training-split .page-layout,html.training-split .training-page{flex:1 1 0;min-height:0;overflow:hidden}}html.training-split .site-footer{display:none}.training-page{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;animation:.5s ease-out forwards slideUpFade;display:flex}.training-content{box-sizing:border-box;flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;width:100%;min-height:0;padding:0 0 0 24px;display:grid;overflow:hidden}.training-content-left,.training-content-right{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:24px;min-width:0;max-width:100%;min-height:0;padding:24px 0 0;display:flex;overflow:auto}.training-content-left:after,.training-content-right:after{content:"";flex:0 0 24px}.training-content-left>*,.training-content-right>*{box-sizing:border-box;flex-shrink:0;align-self:flex-start;width:calc(100% - 16px);max-width:calc(100% - 16px)}.training-content-right--in{animation:.5s ease-out forwards slideUpFade}.training-content-right--out{pointer-events:none;animation:.5s ease-out forwards slideDownFade}@keyframes slideDownFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@media (prefers-reduced-motion:reduce){.training-content-right--in,.training-content-right--out{animation:none}}@media (max-width:960px){.training-control-panel,.training-content{display:contents}.training-control-panel__random{order:1}.training-content-left{overscroll-behavior:auto;order:2;gap:16px;min-height:0;padding:16px;overflow:visible}.training-content-left:after,.training-content-right:after{content:none;flex:none}.training-control-panel__answer{order:3;padding-bottom:16px}.training-content-right{overscroll-behavior:auto;order:4;gap:16px;width:100%;min-height:0;margin-right:0;padding:16px;overflow:visible}.training-content-left>*,.training-content-right>*{align-self:stretch;width:100%;max-width:100%}}.training-content-right--seo{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
