.page-main:has(.qp){background:var(--color-surface)}.site-page.qp{background:var(--color-surface)}.site-chrome:has(.qp) .site-footer-v2{background:var(--color-surface)}.qp-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}body:has(.back-lesson) .qp-back{display:none}.qp-tools{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-2)}.qp-share{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-h-sm);min-height:var(--control-h-sm);padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-medium);background:none;border:none;border-radius:var(--radius-control);cursor:pointer}.qp-share:hover{color:var(--color-brand);background:var(--color-surface-subtle)}.qp-tools .qp-bookmark{min-width:var(--control-h-sm);min-height:var(--control-h-sm);padding:0;background:none;border:none;box-shadow:none}html body .qp-tools .qp-bookmark:hover{color:var(--color-brand);background:var(--color-surface-subtle)}.qp-back:focus-visible,.qp-share:focus-visible,.qp-tools .qp-bookmark:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (max-width:639px){.qp-toolbar{flex-wrap:nowrap}}html body .question-page{display:flex;flex-direction:column;padding-bottom:var(--space-12)}html body .question-page .question-page__header{margin:0 0 var(--space-6)}html body .question-page .question-page__title{margin:0;color:var(--color-text-primary);font-size:var(--fs-h1);font-weight:var(--fw-semibold);line-height:var(--line-height-tight);letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere}html body .question-page .question-page__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}html body .question-page .question-page__chip--ai{color:var(--color-text-muted)}html body .question-page .question-page__chips .k-chip--good{background:color-mix(in srgb,var(--color-green) 12%,transparent)}html body .question-page .question-page__chips .k-chip--warn{background:color-mix(in srgb,var(--color-yellow) 12%,transparent)}html body .question-page .question-page__chips .k-chip--bad{background:color-mix(in srgb,var(--color-red) 12%,transparent)}html body .question-page .question-page__status{margin:var(--space-2) 0 0;font-size:var(--fs-caption)}html body .question-page .question-page__layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-8)}html body .question-page .question-page__main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}html body .question-page .question-page__rail{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@media (min-width:1024px){html body .question-page .question-page__layout{grid-template-columns:minmax(0,1fr) 20rem}html body .question-page .question-page__rail{position:sticky;top:var(--space-6)}}html body .question-page .question-page__card{padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-panel)}html body .question-page .question-page__question{border-inline-start:3px solid var(--color-brand)}html body .question-page .question-page__label{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--fs-label);font-weight:var(--fw-semibold);line-height:1.5;letter-spacing:var(--eyebrow-tracking);text-transform:uppercase}html body .question-page .question-page__prose{min-width:0;color:var(--color-text-primary);font-size:var(--fs-body);line-height:1.7;overflow-wrap:anywhere}html body .question-page .question-page__prose--question{font-size:var(--fs-lead)}html body .question-page .question-page__prose>:first-child{margin-top:0}html body .question-page .question-page__prose>:last-child{margin-bottom:0}html body .question-page .question-page__prose :where(pre,table,img,video){max-width:100%}html body .question-page .question-page__prose pre{overflow-x:auto}html body .question-page .question-page__reveal{display:flex;flex-direction:column;gap:var(--space-4)}html body .question-page .question-page__answer{animation:question-page-fade-in var(--duration-base) ease}@keyframes question-page-fade-in{0%{opacity:0}to{opacity:1}}html body .question-page .question-page__answer-head{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-brand-soft);border-radius:var(--radius-control)}html body .question-page .question-page__answer-head .question-page__label{margin:0;color:var(--color-brand)}html body .question-page .question-page__answer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-5)}html body .question-page .question-page__notes-panel{min-width:0;padding-top:var(--space-4)}html body .question-page .question-page__pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}html body .question-page .question-page__pager-card{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);color:inherit;text-decoration:none;background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-panel);transition:transform var(--duration-base) ease,border-color var(--duration-base) ease,box-shadow var(--duration-base) ease}html body .question-page .question-page__pager-card>svg{flex:none}html body .question-page .question-page__pager-card--next{justify-content:flex-end;text-align:end}html body .question-page .question-page__pager-text{display:flex;flex-direction:column;min-width:0}html body .question-page .question-page__pager-caption{color:var(--color-text-muted);font-size:var(--fs-caption);font-weight:var(--fw-medium)}html body .question-page .question-page__pager-title{overflow:hidden;color:var(--color-text-primary);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap}html body .question-page .question-page__pager-card[aria-disabled=true]{color:var(--color-text-muted);cursor:default}html body .question-page .question-page__rail-title{margin:0 0 var(--space-3);color:var(--color-text-primary);font-size:var(--fs-body);font-weight:var(--fw-semibold)}html body .question-page .question-page__related-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}html body .question-page .question-page__related-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);color:inherit;text-decoration:none;background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-panel);transition:transform var(--duration-base) ease,border-color var(--duration-base) ease,box-shadow var(--duration-base) ease}html body .question-page .question-page__related-title{display:-webkit-box;min-width:0;overflow:hidden;font-size:var(--fs-sm);-webkit-box-orient:vertical;-webkit-line-clamp:2}html body .question-page .question-page__related-chip{flex:none}html body .question-page .question-page__browse{display:inline-flex;align-items:center;min-height:var(--control-h-md);color:var(--color-brand);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-decoration:none}html body .question-page .question-page__browse:hover{color:var(--color-brand-hover)}html body .question-page a.question-page__pager-card:hover,html body .question-page a.question-page__related-card:hover{border-color:var(--color-brand-muted);background-image:var(--hover-tint-layer)}html body .question-page .question-page__browse:focus-visible,html body .question-page .question-page__pager-card:focus-visible,html body .question-page .question-page__related-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (max-width:639px){html body .question-page .question-page__pager{gap:var(--space-3)}html body .question-page .question-page__pager-title{white-space:normal}html body .question-page .question-page__reveal-btn{width:100%}}@media (min-width:640px){html body .question-page .question-page__card{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){html body .question-page .question-page__answer{animation:none}html body .question-page .question-page__pager-card,html body .question-page .question-page__related-card{transition:none;transform:none}}@media (min-width:1024px){html body .question-page .question-page__layout{grid-template-columns:minmax(0,1fr)}html body .question-page .question-page__rail{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-6);align-items:start}}