.container-query-lesson pre[data-v-8bbde53c]{margin-block:1.25rem 1.75rem}.container-query-lesson pre+p[data-v-8bbde53c]{margin-top:1.25rem}.concept-query-figure[data-v-8bbde53c]{padding:1.25rem}.concept-query-brief[data-v-8bbde53c]{margin-block-end:1rem}.query-diagram[data-v-8bbde53c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:1rem}.query-panel[data-v-8bbde53c]{display:grid;gap:.75rem;padding:1rem;border:1px solid #d8cec1;border-radius:.5rem;background:#fffaf4}.query-panel p[data-v-8bbde53c]{margin:0}.query-label[data-v-8bbde53c]{font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4b88a2}.browser-frame[data-v-8bbde53c]{min-height:10rem;padding:1rem;border:2px solid #4b88a2;border-radius:.5rem;background:#fff}.browser-frame--containers[data-v-8bbde53c]{display:grid;gap:.75rem;align-items:end}.viewport-line[data-v-8bbde53c]{height:.25rem;margin-block-end:2rem;border-radius:999px;background:#4b88a2}.container-box[data-v-8bbde53c]{padding:.4rem;border:1px dashed #8d0000;border-radius:.4rem}.container-box--small[data-v-8bbde53c]{width:38%}.container-box--medium[data-v-8bbde53c]{width:62%}.container-box--large[data-v-8bbde53c]{width:100%}.mini-card[data-v-8bbde53c]{min-height:2.5rem;border-radius:.35rem;background:linear-gradient(90deg,#ffd166 0 35%,transparent 35%),linear-gradient(#e8edf0 0 0)}.mini-card--wide[data-v-8bbde53c]{min-height:4rem;background:linear-gradient(90deg,#ffd166 0 32%,#e8edf0 32%),linear-gradient(#fff 0 0)}