@layer tokens,reset,base,layout,components,utilities;@layer components{.qhd__m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.qtag{display:inline-flex;align-items:center;min-block-size:24px;padding:0 10px;border-radius:var(--r-pill);background:var(--subtle);color:var(--ink);font-size:var(--fs-small);font-weight:600;white-space:nowrap}a.qtag{position:relative}a.qtag::after{content:"";position:absolute;inset:-10px 0}a.qtag:hover{background:var(--chip-hover);text-decoration:none}.qflow{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-block-start:12px}.qmain{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-content:start;min-inline-size:0}.qmain>.prose{max-inline-size:780px}.qtop{max-inline-size:780px;padding:18px 20px;border-radius:var(--r-lg);border-start-start-radius:0;border-end-start-radius:0;border-inline-start:3px solid var(--gold);background:var(--sand)}.qtop .answer{margin-block-start:6px;font-size:17px}.qtop__by{margin-block-start:10px;font-size:var(--fs-small);font-weight:600;color:var(--muted)}.post{position:relative;padding-block-end:28px;padding-inline-start:20px;border-inline-start:2px solid var(--line)}.post::before{content:"";position:absolute;inset-block-start:4px;inset-inline-start:-5px;inline-size:8px;block-size:8px;border-radius:50%;background:var(--gold)}.post:last-child{padding-block-end:4px}.post__by{margin-block-end:4px}.post>h2{margin-block-end:10px;font:700 21px/1.3 var(--sans);letter-spacing:-.3px;scroll-margin-block-start:calc(var(--hdr-h) + 16px)}.post>:last-child{margin-block-end:0}.qnext + .qnext{margin-block-start:14px}.qnext h3{margin-block-end:4px;font:700 17px/1.35 var(--sans)}.fq{margin-inline-start:4px;padding-inline-start:16px;border-inline-start:2px solid var(--line)}.fq + .fq{border-block-start:0}.fq[open]{border-inline-start-color:var(--gold)}.fq .acc__b{padding-block:2px 16px;font-size:16px;line-height:1.65}.qside{display:grid;gap:20px;align-content:start;min-inline-size:0}.qrel{padding:16px 18px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.qrel li + li{border-block-start:1px solid var(--line)}.qrel li a{display:grid;gap:2px;align-content:center;min-block-size:48px;padding-block:10px}.qrel li a:hover{text-decoration:none}.qrel li b{font-size:14px;font-weight:600;line-height:1.35}.qrel li a:hover b{text-decoration:underline;text-underline-offset:3px}.qrel li span{font-size:var(--fs-small);color:var(--muted)}.qrel .more{min-block-size:44px;margin-block-start:4px}.qhub{max-inline-size:920px}.qtopics{display:flex;flex-wrap:wrap;gap:8px;min-inline-size:0;margin-block-end:14px;padding:0;border:0}.tchip{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;padding:0 16px;border-radius:var(--r-pill);background:var(--subtle);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}.tchip small{font-size:var(--fs-small);color:var(--muted)}.tchip:has(input:checked),.tchip:has(input:checked) small{background:var(--btn);color:var(--btn-fg)}.tchip:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.qlist{border-block-start:1px solid var(--line)}.qrow{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-block:14px;border-block-end:1px solid var(--line)}.qrow__a{display:grid;gap:4px;align-content:center;min-block-size:44px}.qrow__a:hover{text-decoration:none}.qrow b{font:700 17px/1.35 var(--sans);letter-spacing:-.2px}.qrow__a:hover b,.qrow--in summary:hover b{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}.qrow__s{font-size:15px;line-height:1.5;color:var(--muted)}.qrow .qtag{justify-self:start}.qrow--in summary{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px 12px;align-content:center;min-block-size:44px;cursor:pointer;list-style:none}.qrow--in summary::-webkit-details-marker{display:none}.qrow--in summary>:is(b,.qrow__s){grid-column:1}.qrow--in summary .i{grid-column:2;grid-row:1;inline-size:20px;block-size:20px;transition:rotate .2s}.qrow--in details[open]>summary .i{rotate:180deg}.qrow--in details[open]>summary .qrow__s{display:none}.qrow--in .acc__b{margin-block-start:8px;padding-block:2px 4px;padding-inline-start:14px;border-inline-start:2px solid var(--gold);font-size:16px;line-height:1.65}.qhub:has(#t-size:checked) .qrow:not([data-t="size"]),.qhub:has(#t-fabric:checked) .qrow:not([data-t="fabric"]),.qhub:has(#t-build:checked) .qrow:not([data-t="build"]),.qhub:has(#t-outdoor:checked) .qrow:not([data-t="outdoor"]),.qhub:has(#t-order:checked) .qrow:not([data-t="order"]),.qhub:has(#t-general:checked) .qrow:not([data-t="general"]){display:none}:root:lang(ar) :is(.qrow b,.post>h2,.qnext h3){line-height:1.6}}@media (min-width:640px){@layer components{.qrow{grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:start;padding-block:16px}.qrow .qtag{justify-self:end}}}@media (min-width:1024px){@layer components{.qflow{grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}.post>h2{font-size:22px}}}