.wrap.qworkshop-page{max-inline-size:940px;padding-block:2rem 4rem;line-height:1.9;overflow-wrap:anywhere}.qworkshop-page h1{font-family:var(--font-display,"Noto Kufi Arabic",sans-serif);font-size:clamp(1.85rem,5vw,3.25rem);line-height:1.55;margin-block:1rem 1.5rem}.qworkshop-page h2{font-size:1.5rem;line-height:1.7;margin-block:1.75rem 1rem}.qworkshop-page h3{font-size:1.2rem;line-height:1.8}.qworkshop-page a{color:var(--green-ink);text-underline-offset:.35em}.qworkshop-breadcrumb{margin-block-end:2rem}.qworkshop-lead,.qworkshop-prompt{font-size:1.2rem}.qworkshop-page p{margin-block:.75rem}.qworkshop-note{padding:1rem 1.25rem;background:var(--surface);border-inline-start:3px solid var(--accent-ink);margin-block:1.5rem}.qworkshop-note h2{margin-block:.25rem .75rem}.qworkshop-index{padding:0;list-style:none}.qworkshop-index>li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:1rem;border-block-end:1px solid var(--line);padding-block:1.5rem}.qworkshop-index h2{margin-block:0 .5rem}.qworkshop-number{font-size:1.35rem;font-family:IBM Plex Mono,monospace;color:var(--accent-ink)}.qworkshop-question{padding-block:1.25rem;border-block-end:1px solid var(--line)}.qworkshop-page [tabindex="-1"]{scroll-margin-block-start:6rem}.qworkshop-page fieldset{border:0;padding:0;margin-block:1rem;min-inline-size:0}.qworkshop-page legend{font-weight:600;margin-block-end:.6rem;max-inline-size:100%}.qworkshop-option{display:grid;grid-template-columns:22px 1.5rem minmax(0,1fr);align-items:start;gap:.5rem;border:1px solid var(--line);background:var(--surface);padding:1rem;margin-block:.7rem;cursor:pointer}.qworkshop-option input{inline-size:20px;block-size:20px;margin-block-start:.35rem;accent-color:var(--accent-ink)}.qworkshop-option:has(input:checked){background:var(--accent-soft);border-color:var(--accent-ink)}.qworkshop-page fieldset:disabled .qworkshop-option{cursor:default}.qworkshop-option input:disabled{opacity:1}.qworkshop-page .btn{white-space:normal;min-block-size:44px;line-height:1.7;max-inline-size:100%}.qworkshop-page :focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px}.qworkshop-page .btn:disabled{opacity:.55;cursor:not-allowed}.qworkshop-feedback{border-inline-start:4px solid var(--green-ink);background:var(--green-soft);padding:1rem;margin-block:1rem}.qworkshop-feedback h4{font-size:1.1rem;margin-block:0 .5rem}.qworkshop-page details{margin-block:1rem}.qworkshop-page summary{cursor:pointer;min-block-size:44px;padding-block:.5rem;font-weight:600}.qworkshop-feedback li{margin-block:1rem}.qworkshop-model{padding-block:1.5rem;border-block:2px solid var(--ink)}.qworkshop-model fieldset{background:var(--surface);border:1px solid var(--line);padding:1rem}.qworkshop-model label{display:block;font-weight:600}.qworkshop-model input[type=range]{display:block;inline-size:100%;min-block-size:44px;accent-color:var(--green-ink);margin-block:.4rem 1rem}.qworkshop-model select{display:block;inline-size:100%;max-inline-size:100%;min-block-size:44px;background:var(--surface-sunken);color:var(--ink);border:1px solid var(--line);font:inherit;padding:.5rem;margin-block:.4rem 1rem}.qworkshop-drawing{margin:1.5rem 0}.qworkshop-drawing svg{display:block;inline-size:100%;max-inline-size:500px;block-size:auto;margin-inline:auto;direction:ltr}.qworkshop-drawing figcaption{margin-block-start:.8rem;color:var(--muted)}.qworkshop-page .qw-fill{fill:var(--green-ink)}.qworkshop-page .qw-cut{fill:var(--surface);stroke:var(--ink);stroke-dasharray:4 3;stroke-width:1.5}.qworkshop-page .qw-outline,.qworkshop-page .qw-line{fill:none;stroke:var(--ink);stroke-width:2}.qworkshop-page .qw-svg-text{fill:var(--ink);text-anchor:middle;font-family:IBM Plex Sans Arabic,sans-serif;font-size:16px}.qworkshop-page .qw-venn{fill:var(--green-soft);fill-opacity:.55;stroke:var(--green-ink);stroke-width:2}.qworkshop-page .qw-pair-lines{stroke:var(--muted);stroke-width:1}.qworkshop-page .qw-node{fill:var(--surface);stroke:var(--ink);stroke-width:2}.qworkshop-page .qw-first{fill:var(--accent-ink)}.qworkshop-page .qw-second{fill:var(--ink)}.qworkshop-result{border:1px solid var(--green-ink);padding:1rem;background:var(--green-soft);margin-block:1rem}.qworkshop-page .qa-math-scroll{display:inline-block;max-inline-size:100%;overflow-x:auto;vertical-align:middle}.qworkshop-page math{direction:ltr;font-size:1.05em}.qworkshop-page .qw-table{border-collapse:collapse;inline-size:100%;table-layout:fixed;margin-block:1rem}.qworkshop-page .qw-table caption{text-align:start;font-weight:600;margin-block:.7rem}.qworkshop-page .qw-table th,.qworkshop-page .qw-table td{border:1px solid var(--line);padding:.65rem .4rem;text-align:center;overflow-wrap:anywhere}.qworkshop-page .qw-table th{background:var(--surface)}.qworkshop-page .qw-pair-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.25rem 1.5rem;padding-inline-start:1.5rem}.qworkshop-page .qw-fraction-key{padding-inline-start:1.5rem}.qworkshop-page .qw-fraction-key li{margin-block:.5rem}.qworkshop-authorship{color:var(--muted);border-block-start:1px solid var(--line);padding-block:1rem}@media(max-width:420px){.wrap.qworkshop-page{padding-inline:1rem}.qworkshop-note,.qworkshop-feedback,.qworkshop-model fieldset{padding:1rem}.qworkshop-option{padding:.8rem .6rem}.qworkshop-page h2{font-size:1.3rem}.qworkshop-page .qw-table{font-size:.95rem}.qworkshop-page .qw-table th,.qworkshop-page .qw-table td{padding:.5rem .25rem}}@media print{.qworkshop-page{max-inline-size:none}.qworkshop-page button,.qworkshop-model fieldset{display:none}.qworkshop-question{break-inside:avoid}.qworkshop-page{color:#000;background:#fff}}
