.q-doc{padding:24px var(--gut) 0}.q-doc-head{position:relative;padding:56px 0 44px;border-bottom:1px solid var(--line);margin-bottom:56px}.q-doc-head>*{position:relative;z-index:1}.q-doc-head-illustrated{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center}.q-doc-head-illustrated .q-doc-title{font-size:clamp(40px,5.3vw,68px)}.q-doc-head:before{inset:-40px 0 0;inset-inline:calc(var(--gut) * -1);mask-image:radial-gradient(ellipse 62% 60% at 26% 40%,#000,transparent 74%);-webkit-mask-image:radial-gradient(ellipse 62% 60% at 26% 40%,#000,transparent 74%)}.q-doc-title{font-family:var(--f-display);font-weight:500;font-size:clamp(40px,7.2vw,92px);line-height:.95;letter-spacing:-.04em;margin:0;color:var(--ink);text-wrap:balance}.q-doc-title em{font-style:normal;color:var(--accent)}.q-doc-lede{font-size:18px;color:var(--ink-2);line-height:1.5;margin:26px 0 0;max-width:58ch;text-wrap:pretty}.q-doc-lede code{font-family:var(--f-mono);font-size:13px;background:var(--paper-2);border:1px solid var(--line);padding:2px 7px;border-radius:5px;color:var(--ink-1)}.q-doc-section+.q-doc-section{margin-top:88px;padding-top:64px;border-top:1px solid var(--line)}.q-doc-h2{font-family:var(--f-display);font-weight:500;font-size:clamp(28px,3.8vw,44px);letter-spacing:-.03em;line-height:1.04;margin:0;color:var(--ink);text-wrap:balance}.q-doc-h2 em{font-style:normal;color:var(--ink-4)}.q-doc-sub{font-size:16px;color:var(--ink-2);margin:16px 0 0;max-width:58ch;line-height:1.5}.q-grid{display:grid;gap:1px;background:var(--line);border-block:1px solid var(--line);margin-top:36px}.q-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.q-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.q-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.q-def{background:var(--ink);color:var(--paper);margin-top:36px;padding:46px 40px;border-block:1px solid var(--line)}.q-def .q-cell-lbl{color:#f4f2ed99;margin-bottom:20px}.q-def .q-cell-lbl .idx{color:#f4f2ed66}.q-def p{font-family:var(--f-display);font-size:clamp(21px,2.8vw,33px);font-weight:400;line-height:1.22;letter-spacing:-.025em;margin:0;color:var(--paper)}.q-def p em{font-style:normal;color:var(--acid)}.q-def .sub{font-family:var(--f-body);font-size:14.5px;line-height:1.6;letter-spacing:0;color:#f4f2edb8;margin-top:20px;max-width:62ch}@media(max-width:640px){.q-def{padding:34px 22px}}.q-cell{display:flex;flex-direction:column;position:relative;background:var(--paper);padding:30px 28px;min-height:196px;transition:background .15s}a.q-cell:hover,.q-cell-hover:hover{background:var(--paper-2)}.q-cell-lbl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px}.q-cell-lbl .idx{color:var(--ink-4)}.q-cell h3{font-family:var(--f-display);font-weight:500;font-size:20px;letter-spacing:-.022em;line-height:1.15;margin:0 0 10px;color:var(--ink)}.q-cell p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.6}.q-cell-foot{margin-top:auto;padding-top:24px}.q-cell-price{font-family:var(--f-display);font-size:34px;font-weight:400;letter-spacing:-.03em;line-height:1;color:var(--ink);margin:0 0 8px}.q-cell-price small{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-3);margin-left:8px}.q-cell-win{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-3);margin:0 0 18px}.q-cell-on .q-cell-price{color:var(--acid)}.q-cell-on .q-cell-price small,.q-cell-on .q-cell-win{color:#f4f2eda8}.q-cell-tag{font-family:var(--f-mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.q-cell-on{background:var(--ink);color:var(--paper)}.q-cell-on:hover{background:var(--ink)}.q-cell-on h3{color:var(--paper)}.q-cell-on p{color:#f4f2edb8}.q-cell-on .q-cell-lbl{color:#f4f2ed99}.q-cell-on .q-cell-lbl .idx{color:#f4f2ed66}.q-cell-on .q-cell-tag{color:var(--acid)}.q-cell-on .q-btn-primary,.q-on-ink .q-btn-primary{background:var(--acid);color:var(--ink);border-color:var(--acid);box-shadow:none}.q-cell-on .q-btn-primary:hover,.q-on-ink .q-btn-primary:hover{background:#d6ff5e;border-color:#d6ff5e;box-shadow:none}.q-cell-on .q-btn-ghost,.q-on-ink .q-btn-ghost{color:var(--paper);border-color:#f4f2ed4d;background:transparent}.q-cell-on .q-btn-ghost:hover,.q-on-ink .q-btn-ghost:hover{background:#f4f2ed14;border-color:#f4f2ed8c}.q-cell-on .q-btn-quiet,.q-on-ink .q-btn-quiet{color:var(--paper)}.q-cell-on .q-btn-quiet:after,.q-on-ink .q-btn-quiet:after{background:#f4f2edb3}.q-prose{max-width:68ch;font-size:16px;line-height:1.7;color:var(--ink-1)}.q-prose>*+*{margin-top:20px}.q-prose h2{font-family:var(--f-display);font-weight:500;font-size:27px;letter-spacing:-.025em;line-height:1.15;color:var(--ink);margin-top:56px}.q-prose h3{font-family:var(--f-display);font-weight:500;font-size:20px;letter-spacing:-.018em;color:var(--ink);margin-top:40px}.q-prose h2+*,.q-prose h3+*{margin-top:12px}.q-prose ul,.q-prose ol{padding-left:20px}.q-prose li+li{margin-top:8px}.q-prose li::marker{color:var(--ink-4)}.q-prose a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}.q-prose a:hover{text-decoration-color:var(--accent)}.q-prose strong{font-weight:600;color:var(--ink)}.q-prose code{font-family:var(--f-mono);font-size:.88em;background:var(--paper-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--ink-1)}.q-prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}.q-prose blockquote{border-left:2px solid var(--accent);padding-left:20px;color:var(--ink-2)}.q-note{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;font-size:14.5px;color:var(--ink-2);line-height:1.6}.q-note a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}.q-note a:hover{text-decoration-color:var(--accent)}.q-meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.q-meta span{display:inline-flex;align-items:center;gap:7px}.q-meta .go{color:var(--accent)}.q-back{display:flex;width:fit-content;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:26px}.q-back:hover{color:var(--ink)}.q-posts{display:grid;gap:1px;background:var(--line);border-block:1px solid var(--line)}.q-post{display:block;background:var(--paper);padding:30px 4px;transition:background .18s,padding-left .18s}.q-post:hover{background:var(--paper-2);padding-left:16px}.q-post h2{font-family:var(--f-display);font-weight:500;font-size:25px;letter-spacing:-.028em;line-height:1.15;margin:14px 0 8px;color:var(--ink)}.q-post p{margin:0 0 18px;font-size:15px;color:var(--ink-2);max-width:68ch;line-height:1.55}.q-post-cat{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}.q-post-illustrated{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:32px}.q-article-cover{margin:-16px 0 44px}@media(max-width:760px){.q-doc-head-illustrated{grid-template-columns:1fr;gap:32px}.q-doc-head-illustrated>.q-editorial-image{max-width:470px;justify-self:center}}@media(max-width:600px){.q-post-illustrated{grid-template-columns:1fr;gap:24px}.q-post-illustrated:hover{padding-left:4px}.q-article-cover{margin-top:-8px}}.q-cmp-scroll{overflow-x:auto;margin-top:36px}.q-cmp{width:100%;border-collapse:collapse;font-size:14.5px;min-width:660px}.q-cmp th,.q-cmp td{padding:17px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.q-cmp thead th{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-2);white-space:nowrap}.q-cmp tbody th{font-weight:500;color:var(--ink);width:26%}.q-cmp td{color:var(--ink-2)}.q-cmp tbody tr:last-child th,.q-cmp tbody tr:last-child td{border-bottom:none}.q-cmp .own{background:var(--accent-tint);color:var(--ink-1)}.q-cmp thead .own{color:var(--accent-deep);background:var(--accent-tint)}.q-cmp td.yes:before,.q-cmp td.no:before{font-family:var(--f-mono);margin-right:9px}.q-cmp td.yes:before{content:"+";color:var(--accent)}.q-cmp td.no:before{content:"−";color:var(--ink-4)}.q-cmp td.own.yes:before{color:var(--accent-deep)}.q-cmp .mk{font-family:var(--f-mono)}.q-cmp .mk.yes{color:var(--accent)}.q-cmp .mk.no{color:var(--ink-4)}.q-cmp .own .mk.yes{color:var(--accent-deep)}.q-cmp .grp th{font-family:var(--f-mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);background:var(--paper-2);border-bottom:1px solid var(--line);padding:11px 18px}.q-log{border-block:1px solid var(--line);margin-top:36px}.q-log-entry{display:grid;grid-template-columns:168px 1fr;gap:36px;padding:34px 0;border-bottom:1px dashed var(--line)}.q-log-entry:last-child{border-bottom:none}.q-log-when{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.q-log-when .ver{display:block;color:var(--ink-4);margin-top:7px}.q-log-body h3{font-family:var(--f-display);font-weight:500;font-size:21px;letter-spacing:-.022em;margin:0 0 12px;color:var(--ink)}.q-log-body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.q-log-body li{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;font-size:14.5px;color:var(--ink-2);line-height:1.55}.q-log-body li:before{content:"+";color:var(--accent);font-family:var(--f-mono)}.q-doc-cta{position:relative;margin-top:104px;padding:108px 0 104px;text-align:center}.q-doc-cta>*{position:relative;z-index:1}.q-doc-cta:before{inset:0;inset-inline:calc(var(--gut) * -1);mask-image:radial-gradient(ellipse 58% 62% at 50% 50%,#000,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 58% 62% at 50% 50%,#000,transparent 72%)}.q-doc-cta h2{font-family:var(--f-display);font-weight:500;font-size:clamp(38px,6vw,82px);line-height:.94;letter-spacing:-.038em;margin:0 auto 32px;max-width:15ch;color:var(--ink);text-wrap:balance}.q-doc-cta h2 em{font-style:normal;color:var(--accent)}.q-doc-cta-btns{display:inline-flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.q-empty{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 0}.q-empty .q-doc-title{text-wrap:balance}.q-empty .q-doc-lede{max-width:46ch}.q-empty-code{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:20px}@media(max-width:1080px){.q-page .q-grid-4,.q-page .q-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.q-page .q-grid-2,.q-page .q-grid-3,.q-page .q-grid-4{grid-template-columns:1fr}.q-page .q-doc-head{padding:36px 0 32px;margin-bottom:40px}.q-page .q-doc-section+.q-doc-section{margin-top:60px;padding-top:44px}.q-page .q-doc-cta{margin-top:72px;padding:72px 0 68px}.q-page .q-log-entry{grid-template-columns:1fr;gap:14px}.q-page .q-cell{min-height:0;padding:26px 22px}}@media(max-width:400px){.q-page .q-doc-cta-btns{flex-direction:column;align-items:stretch;gap:6px}.q-page .q-doc-cta-btns .q-btn-primary{justify-content:center}.q-page .q-doc-cta-btns .q-btn-quiet{align-self:center}}.q-blog-banner{display:block;width:100%;height:auto;margin-bottom:40px}.q-blog-heading{margin:0 0 24px;font-family:var(--f-display);font-size:28px;font-weight:500;letter-spacing:-.03em;line-height:1.2}
