/* QF application components: the existing fonts, surfaces and interaction colors. */
.qf :is(.qf-icon-button,.qf-text-action){font:inherit;color:var(--qf-green);background:transparent;border:0;min-block-size:44px;cursor:pointer}
.qf .qf-icon-button{display:inline-grid;place-items:center;min-inline-size:44px;padding:calc(var(--qf-spacing-8) + 2px)}
.qf .qf-text-action{text-decoration:underline;text-underline-offset:5px;padding:var(--qf-spacing-8) 0}
.qf .qf-component-feedback{font-size:var(--qf-type-body-size);color:var(--qf-muted);margin-block-start:var(--qf-spacing-16);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-component-feedback:empty{display:none}
.qf .qf-button.qf-button--danger{background:var(--qf-error);color:var(--qf-paper)}
.qf .qf-tag{display:inline-flex;align-items:center;gap:var(--qf-spacing-8);font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);padding:var(--qf-spacing-8) var(--qf-spacing-12);background:var(--qf-surface);color:var(--qf-ink);border:1px solid var(--qf-input-border);border-radius:2px;max-inline-size:100%;overflow-wrap:anywhere;letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-tag--accent{border-color:var(--qf-green)}.qf .qf-tag--error{border-color:var(--qf-error)}
.qf .qf-tag:is(.qf-tag--success,.qf-tag--warning){border-inline-start:4px solid var(--qf-green)}
.qf .qf-tag button{display:grid;place-items:center;border:0;background:transparent;color:inherit;min-inline-size:32px;min-block-size:32px;margin:calc(var(--qf-spacing-4) * -1) calc(var(--qf-spacing-4) * -1) calc(var(--qf-spacing-4) * -1) 0}
.qf .qf-loading{display:flex;flex-direction:column;align-items:center;gap:var(--qf-spacing-16);padding:var(--qf-spacing-32);color:var(--qf-ink);font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-loading--inline{display:inline-flex;flex-direction:row;padding:var(--qf-spacing-8) 0;gap:var(--qf-spacing-12)}
.qf .qf-spinner{inline-size:40px;block-size:40px;border:3px solid var(--qf-line);border-block-start-color:var(--qf-green);border-radius:50%;animation:qf-spin .9s linear infinite}
.qf .qf-loading--inline .qf-spinner{inline-size:20px;block-size:20px;border-width:2px}
@keyframes qf-spin{to{transform:rotate(360deg)}}
.qf .qf-loading-dots{display:inline-flex;align-items:center;gap:4px;block-size:20px;color:var(--qf-green);flex:none}
.qf .qf-loading-dots>span{inline-size:4px;block-size:4px;border-radius:50%;background:currentColor;animation:qf-loading-dot 1.4s ease-in-out infinite}
.qf .qf-loading-dots>span:nth-child(2){animation-delay:.16s}
.qf .qf-loading-dots>span:nth-child(3){animation-delay:.32s}
@keyframes qf-loading-dot{0%,70%,100%{opacity:.35}35%{opacity:1}}
@media(prefers-reduced-motion:reduce){.qf .qf-loading-dots>span{animation:none;opacity:1}}
.qf .qf-notification{display:flex;align-items:start;gap:var(--qf-spacing-16);padding:var(--qf-spacing-card-padding);border:1px solid var(--qf-line);border-inline-start:4px solid var(--qf-green);background:var(--qf-surface);color:var(--qf-ink)}
.qf .qf-notification>div{flex:1;min-inline-size:0}.qf .qf-notification>.qf-icon{inline-size:28px;block-size:28px;color:var(--qf-green)}
.qf .qf-notification h3{font-size:var(--qf-type-component-title-size);margin-block-end:var(--qf-spacing-8);line-height:var(--qf-type-component-title-line-height);letter-spacing:var(--qf-type-component-title-tracking);font-weight:var(--qf-type-component-title-weight)}.qf .qf-notification p{font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-notification--error{border-inline-start-color:var(--qf-error)}.qf .qf-notification--error>.qf-icon{color:var(--qf-error)}
.qf .qf-code-snippet{position:relative;background:var(--qf-paper);border:1px solid var(--qf-line);padding:var(--qf-spacing-24) var(--qf-spacing-64) var(--qf-spacing-24) var(--qf-spacing-24);max-inline-size:100%;font-size:var(--qf-type-caption-size);line-height:var(--qf-type-caption-line-height);letter-spacing:var(--qf-type-caption-tracking);font-weight:var(--qf-type-caption-weight)}
.qf .qf-code-snippet pre{font:400 var(--qf-code-size)/1.6 var(--qf-mono);margin:0;overflow:auto;max-inline-size:100%}.qf .qf-code-snippet code{font:inherit;font-family:var(--qf-mono);tab-size:2}
.qf .qf-code-snippet>.qf-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}
.qf .qf-code-snippet--inline{display:inline-block;padding-block:var(--qf-spacing-12)}.qf .qf-code-snippet--inline>span:first-child{overflow-wrap:anywhere}
.qf ul.qf-list{list-style:disc}.qf ol.qf-list{list-style:decimal}.qf .qf-list{padding-inline-start:var(--qf-spacing-24);font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}.qf .qf-list li+li{margin-block-start:var(--qf-spacing-8)}.qf .qf-list .qf-list{margin-block:var(--qf-spacing-8)}
.qf ul.qf-list--check{list-style:none;padding:0;margin:0}.qf .qf-list.qf-list--check>li{display:flex;align-items:start;gap:var(--qf-spacing-16);padding-block:var(--qf-spacing-20);border-block-end:1px solid var(--qf-line);margin-block:0}.qf .qf-list--check>li:first-child{border-block-start:1px solid var(--qf-line)}.qf .qf-list--check>li>.qf-icon{flex:none;margin-block-start:2px;color:var(--qf-green)}.qf .qf-list--cross>li>.qf-icon{color:var(--qf-error)}.qf ul.qf-list--rule{list-style:none;padding:0;margin:0}.qf .qf-list.qf-list--rule>li{padding-block:var(--qf-spacing-12);border-block-end:1px solid var(--qf-line);margin-block:0}.qf .qf-list--rule>li:first-child{padding-block-start:0}.qf .qf-list--rule>li:last-child{border-block-end:0;padding-block-end:0}
.qf .qf-contained-list{border:1px solid var(--qf-line);background:var(--qf-white)}
.qf .qf-contained-list h3{font-size:var(--qf-type-component-title-size);padding:var(--qf-spacing-20) var(--qf-spacing-24);background:var(--qf-surface);line-height:var(--qf-type-component-title-line-height);letter-spacing:var(--qf-type-component-title-tracking);font-weight:var(--qf-type-component-title-weight)}.qf .qf-contained-list h3 span{font-weight:400;color:var(--qf-muted)}
.qf .qf-contained-list ul{list-style:none;padding:0;margin:0}.qf .qf-contained-list li{padding:var(--qf-spacing-20) var(--qf-spacing-24);border-block-start:1px solid var(--qf-line);font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}.qf .qf-contained-list li>p{color:var(--qf-muted);margin-block-start:var(--qf-spacing-8)}.qf .qf-contained-list>p{padding:var(--qf-spacing-24)}
.qf :is(.qf-structured-list,.qf-table-scroll){overflow:auto;max-inline-size:100%}
.qf :is(.qf-structured-list,.qf-data-table) table{inline-size:100%;border-collapse:collapse;text-align:start;font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf :is(.qf-structured-list,.qf-data-table) th{font-weight:500;text-align:start;background:var(--qf-surface)}
.qf :is(.qf-structured-list,.qf-data-table) :is(th,td){padding:var(--qf-spacing-16) var(--qf-spacing-20);border-block-end:1px solid var(--qf-line);vertical-align:top}
.qf .qf-structured-list caption{text-align:start;font-size:var(--qf-type-component-title-size);font-weight:var(--qf-type-component-title-weight);padding-block:0 var(--qf-spacing-24);line-height:var(--qf-type-component-title-line-height);letter-spacing:var(--qf-type-component-title-tracking)}
.qf :is(.qf-structured-list,.qf-data-table) input:is([type=checkbox],[type=radio]){inline-size:20px;block-size:20px;accent-color:var(--qf-green);cursor:pointer}
.qf .qf-structured-list tr:has(input:checked){background:var(--qf-surface)}
.qf .qf-tile{display:block;position:relative;padding:var(--qf-spacing-card-padding);border:1px solid var(--qf-input-border);background:var(--qf-paper);color:var(--qf-ink);text-decoration:none}
.qf .qf-tile :is(h2,h3,h4,h5,h6,strong){display:block;font-size:var(--qf-type-component-title-size);font-weight:var(--qf-type-component-title-weight);margin-block-end:var(--qf-spacing-12);line-height:var(--qf-type-component-title-line-height);letter-spacing:var(--qf-type-component-title-tracking)}.qf .qf-tile p,.qf .qf-tile>span>span{font-size:var(--qf-type-body-size);display:block;line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-tile--link>.qf-icon{margin-block-start:var(--qf-spacing-24);color:var(--qf-green)}.qf .qf-tile--link:hover{border-color:var(--qf-green);text-decoration:none}
.qf .qf-tile--selectable{display:flex;gap:var(--qf-spacing-16);cursor:pointer}.qf .qf-tile--selectable input{inline-size:20px;block-size:20px;accent-color:var(--qf-green);flex-shrink:0;margin-block-start:var(--qf-spacing-4)}
.qf .qf-tile--selectable:has(input:checked){border:2px solid var(--qf-green);padding:var(--qf-spacing-card-padding)}.qf .qf-tile--selectable:has(input:focus-visible){outline:3px solid var(--qf-focus);outline-offset:3px}.qf .qf-tile--selectable:has(input:disabled){opacity:.5;cursor:not-allowed}
.qf details.qf-tile>summary{display:flex;justify-content:space-between;gap:var(--qf-spacing-16);font-size:var(--qf-type-component-title-size);list-style:none;cursor:pointer;line-height:var(--qf-type-component-title-line-height);letter-spacing:var(--qf-type-component-title-tracking);font-weight:var(--qf-type-component-title-weight)}.qf details.qf-tile>div{margin-block-start:var(--qf-spacing-24)}
.qf .qf-progress{font-size:var(--qf-type-body-size);max-inline-size:640px;line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}.qf .qf-progress label{display:flex;justify-content:space-between;gap:var(--qf-spacing-stack-gap);margin-block-end:var(--qf-spacing-12)}
.qf .qf-progress progress{inline-size:100%;block-size:8px;border:0;appearance:none;background:var(--qf-line);accent-color:var(--qf-green)}
.qf .qf-progress progress::-webkit-progress-bar{background:var(--qf-line)}.qf .qf-progress progress::-webkit-progress-value{background:var(--qf-green)}.qf .qf-progress progress::-moz-progress-bar{background:var(--qf-green)}
.qf .qf-progress p{color:var(--qf-muted);margin-block-start:var(--qf-spacing-12)}
.qf .qf-progress-indicator ol{display:flex;list-style:none;padding:0;margin:0;gap:var(--qf-spacing-stack-gap)}
.qf .qf-progress-indicator li{flex:1;border-block-start:2px solid var(--qf-line);padding-block-start:var(--qf-spacing-16)}.qf .qf-progress-indicator li:is([data-step-state=complete],[data-step-state=current]){border-color:var(--qf-green)}
.qf .qf-progress-indicator button{display:flex;align-items:start;gap:var(--qf-spacing-12);padding:0;border:0;background:transparent;color:var(--qf-ink);font:inherit;text-align:start;min-block-size:48px}
.qf .qf-step-marker{display:grid;place-items:center;inline-size:28px;block-size:28px;border:1px solid var(--qf-input-border);flex:none}.qf .qf-step-status{display:block;color:var(--qf-muted);font-size:var(--qf-type-body-size);margin-block-start:var(--qf-spacing-8);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf [data-step-state=current] .qf-step-marker{background:var(--qf-green);color:var(--qf-on-action)}.qf [data-step-state=error] .qf-step-marker{color:var(--qf-error)}
.qf .qf-progress-indicator--vertical ol{display:grid}.qf .qf-progress-indicator--vertical li{border-block-start:0;border-inline-start:2px solid var(--qf-line);padding-block:0;padding-inline:var(--qf-spacing-20) 0}
.qf .qf-popover-wrap,.qf .qf-tooltip-wrap{display:inline-block}
.qf .qf-ai-label{border:1px solid var(--qf-green);background:var(--qf-surface);color:var(--qf-green);font:inherit;font-weight:500;min-inline-size:44px;min-block-size:44px;padding:var(--qf-spacing-8) var(--qf-spacing-12);cursor:pointer}
.qf :is(.qf-popover,.qf-menu,.qf-multiselect-options){position:fixed;inset:auto;margin:0;max-inline-size:calc(100vw - 32px);max-block-size:calc(100vh - 32px);overflow:auto;border:1px solid var(--qf-input-border);background:var(--qf-white);color:var(--qf-ink);box-shadow:0 8px 24px #0002;font:var(--qf-type-body-weight) var(--qf-type-body-size)/var(--qf-type-body-line-height) var(--qf-font);border-radius:0;line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking)}
.qf .qf-popover{inline-size:320px;padding:var(--qf-spacing-card-padding)}.qf .qf-popover>:is(strong,span,a){display:block;margin-block-end:var(--qf-spacing-16)}.qf .qf-popover>strong{font-size:var(--qf-type-component-title-size);line-height:var(--qf-type-component-title-line-height);letter-spacing:var(--qf-type-component-title-tracking);font-weight:var(--qf-type-component-title-weight)}
.qf .qf-tooltip{position:fixed;inset:auto;margin:0;z-index:1000;inline-size:260px;max-inline-size:calc(100vw - 32px);padding:var(--qf-spacing-12) var(--qf-spacing-16);border:1px solid var(--qf-input-border);background:var(--qf-white);color:var(--qf-ink);font-size:var(--qf-type-body-size);box-shadow:0 4px 16px #0002;line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-modal{padding:var(--qf-spacing-card-padding);max-inline-size:min(560px,calc(100vw - 32px));inline-size:560px;max-block-size:calc(100dvh - 32px);border:1px solid var(--qf-line);background:var(--qf-white);color:var(--qf-ink);overflow:auto;font-family:var(--qf-font)}
.qf .qf-modal::backdrop{background:#0008}.qf .qf-modal header{display:flex;align-items:start;justify-content:space-between;gap:var(--qf-spacing-stack-gap);margin-block-end:var(--qf-spacing-24)}.qf .qf-modal h2{font-size:var(--qf-type-heading-medium-size);line-height:var(--qf-type-heading-medium-line-height);letter-spacing:var(--qf-type-heading-medium-tracking);font-weight:var(--qf-type-heading-medium-weight)}
.qf .qf-modal .qf-field{margin-block:var(--qf-spacing-24)}.qf .qf-modal footer{display:flex;justify-content:end;gap:var(--qf-spacing-16);margin-block-start:var(--qf-spacing-32)}.qf .qf-modal-example{min-block-size:80px}
.qf .qf-toggle{display:flex;align-items:center;gap:var(--qf-spacing-16);font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}.qf .qf-toggle label{position:relative;display:flex;align-items:center;gap:var(--qf-spacing-12);min-block-size:44px;cursor:pointer}
.qf .qf-toggle input{position:absolute;inline-size:48px;block-size:28px;opacity:0;margin:0;cursor:pointer}
.qf .qf-toggle-track{display:block;inline-size:48px;block-size:28px;border:2px solid var(--qf-input-border);border-radius:20px;background:var(--qf-paper);flex:none}
.qf .qf-toggle-track::after{content:'';display:block;inline-size:16px;block-size:16px;border-radius:50%;background:var(--qf-muted);margin:var(--qf-spacing-4);transition:transform .15s ease}
.qf .qf-toggle input:checked+.qf-toggle-track{background:var(--qf-green);border-color:var(--qf-green)}.qf .qf-toggle input:checked+.qf-toggle-track::after{background:var(--qf-on-action);transform:translateX(20px)}.qf[dir=rtl] .qf-toggle input:checked+.qf-toggle-track::after{transform:translateX(-20px)}
.qf .qf-toggle input:focus-visible+.qf-toggle-track{outline:3px solid var(--qf-focus);outline-offset:3px}.qf .qf-toggle label:has(input:disabled){opacity:.5;cursor:not-allowed}.qf .qf-toggle>[data-toggle-status]{color:var(--qf-muted)}
.qf .qf-tabs>[role=tablist]{display:flex;border-block-end:1px solid var(--qf-line);overflow:auto}.qf .qf-tabs [role=tab]{font:inherit;min-block-size:48px;min-inline-size:max-content;padding:var(--qf-spacing-12) var(--qf-spacing-24);border:0;border-block-end:3px solid transparent;color:var(--qf-muted);background:transparent}
.qf .qf-tabs [role=tab][aria-selected=true]{border-color:var(--qf-green);color:var(--qf-green);font-weight:500}.qf .qf-tabs--contained [role=tab]{background:var(--qf-surface)}.qf .qf-tabs--contained [role=tab][aria-selected=true]{background:var(--qf-white)}
.qf .qf-tabs>[role=tabpanel]{padding-block:var(--qf-spacing-32);min-block-size:120px}.qf .qf-tabs h3{font-size:var(--qf-type-heading-small-size);margin-block-end:var(--qf-spacing-16);line-height:var(--qf-type-heading-small-line-height);letter-spacing:var(--qf-type-heading-small-tracking);font-weight:var(--qf-type-heading-small-weight)}
.qf .qf-content-switcher>div[role=group]{display:flex;flex-wrap:wrap}.qf .qf-content-switcher button{font:inherit;border:1px solid var(--qf-input-border);background:var(--qf-white);color:var(--qf-ink);padding:var(--qf-spacing-12) var(--qf-spacing-24);min-block-size:48px}
.qf .qf-content-switcher button[aria-pressed=true]{background:var(--qf-green);color:var(--qf-on-action);border-color:var(--qf-green)}.qf .qf-content-switcher [data-switch-panel]{padding-block:var(--qf-spacing-24)}
.qf .qf-multiselect{max-inline-size:480px;min-inline-size:0;font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}.qf .qf-multiselect>span{display:block;margin-block-end:var(--qf-spacing-8)}
.qf .qf-multiselect-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--qf-spacing-stack-gap);inline-size:100%;min-block-size:48px;padding:var(--qf-spacing-12) var(--qf-spacing-16);border:2px solid transparent;border-block-end-color:var(--qf-input-border);background:var(--qf-paper);color:var(--qf-ink);font:inherit;cursor:pointer}
.qf .qf-multiselect-options{inline-size:320px;padding:var(--qf-spacing-16)}.qf .qf-multiselect-options fieldset{border:0;margin:0;padding:0;min-inline-size:0}.qf .qf-multiselect-options .qf-field{margin-block-end:var(--qf-spacing-16)}
.qf .qf-multi-option{display:flex;gap:var(--qf-spacing-12);align-items:start;padding:var(--qf-spacing-12) var(--qf-spacing-8);min-block-size:48px;cursor:pointer;color:var(--qf-ink)}.qf .qf-multi-option:hover{background:var(--qf-surface)}.qf .qf-multi-option input{inline-size:20px;block-size:20px;flex:none;accent-color:var(--qf-green);margin-block-start:var(--qf-spacing-2)}
.qf .qf-multi-option:has(input:disabled){opacity:.5;cursor:not-allowed}.qf .qf-multi-all{border-block-end:1px solid var(--qf-line)}
.qf .qf-menu-control{display:flex;flex-wrap:wrap;align-items:start;gap:0}.qf .qf-menu-control>.qf-component-feedback{flex-basis:100%}
.qf .qf-menu{inline-size:260px;list-style:none;padding:var(--qf-spacing-8) 0}.qf .qf-menu ul{list-style:none;padding:0;margin:0;border-inline-start:2px solid var(--qf-green);margin-inline-start:var(--qf-spacing-16)}
.qf .qf-menu [role=menuitem]{display:flex;align-items:center;justify-content:space-between;gap:var(--qf-spacing-16);inline-size:100%;min-block-size:48px;padding:var(--qf-spacing-12) var(--qf-spacing-20);text-align:start;background:transparent;border:0;font:inherit;color:var(--qf-ink);cursor:pointer}
.qf .qf-menu [role=menuitem]:is(:hover,:focus){background:var(--qf-surface);outline:2px solid var(--qf-focus);outline-offset:-2px}.qf .qf-menu [aria-disabled=true]{opacity:.5;cursor:not-allowed}.qf .qf-menu [role=separator]{border-block-start:1px solid var(--qf-line);margin-block:var(--qf-spacing-8)}.qf .qf-menu .qf-menu-danger{color:var(--qf-error)}
.qf .qf-component-form{max-inline-size:560px}.qf .qf-component-form h2{font-size:var(--qf-type-heading-medium-size);margin-block-end:var(--qf-spacing-16);line-height:var(--qf-type-heading-medium-line-height);letter-spacing:var(--qf-type-heading-medium-tracking);font-weight:var(--qf-type-heading-medium-weight)}.qf .qf-component-form-fields{display:grid;gap:var(--qf-spacing-field-gap);margin-block:var(--qf-spacing-32)}
.qf .qf-pagination{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--qf-spacing-stack-gap);flex-wrap:wrap;border-block-start:1px solid var(--qf-line);padding-block:var(--qf-spacing-20);font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-pagination>div{display:flex;align-items:flex-end;gap:var(--qf-spacing-16);flex-wrap:wrap}.qf .qf-pagination .qf-field{inline-size:140px}
.qf .qf-pagination :is([data-page-range],[data-page-total]){display:flex;align-items:center;min-block-size:48px}
.qf .qf-pagination>div>label{display:flex;align-items:center;gap:var(--qf-spacing-8)}
.qf .qf-pagination [data-page-number]{inline-size:64px;block-size:48px;border:1px solid var(--qf-input-border);padding:var(--qf-spacing-8);padding-inline-start:var(--qf-spacing-input-padding);background:var(--qf-paper);color:var(--qf-ink);font:inherit}
.qf .qf-pagination .qf-icon-button{block-size:48px;min-inline-size:48px}
.qf .qf-pagination .qf-icon-button:hover:not(:disabled){background:var(--qf-surface)}
.qf .qf-pagination .qf-icon-button:active:not(:disabled){background:var(--qf-green);color:var(--qf-on-action)}
.qf .qf-data-table header{display:grid;gap:var(--qf-spacing-16);padding:var(--qf-spacing-24);background:var(--qf-surface)}.qf .qf-data-table header h3{font-size:var(--qf-type-heading-small-size);margin-inline-end:auto;line-height:var(--qf-type-heading-small-line-height);letter-spacing:var(--qf-type-heading-small-tracking);font-weight:var(--qf-type-heading-small-weight)}.qf .qf-data-table header .qf-field{inline-size:100%}.qf .qf-data-table header p{flex-basis:100%;font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-data-table table{min-inline-size:540px;table-layout:fixed}.qf .qf-data-table th button{display:flex;gap:var(--qf-spacing-12);align-items:center;border:0;padding:0;background:transparent;color:inherit;font:inherit;min-block-size:32px;text-align:start}.qf .qf-data-table th[aria-sort=ascending] .qf-icon{transform:rotate(180deg)}
.qf .qf-data-table tbody tr:has([data-table-select]:checked){background:var(--qf-surface)}.qf .qf-data-table [data-table-detail] td{background:var(--qf-paper);padding:var(--qf-spacing-24)}.qf .qf-table-empty,.qf .qf-data-table>[data-table-selection]{padding-block:var(--qf-spacing-20);font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}
.qf .qf-tree ul{list-style:none;margin:0;padding:0}.qf .qf-tree [role=group]{padding-inline-start:var(--qf-spacing-24)}
.qf .qf-tree [data-tree-row]{display:flex;align-items:center;gap:var(--qf-spacing-8);min-block-size:48px;padding:var(--qf-spacing-8) var(--qf-spacing-12);font-size:var(--qf-type-body-size);cursor:pointer;line-height:var(--qf-type-body-line-height);letter-spacing:var(--qf-type-body-tracking);font-weight:var(--qf-type-body-weight)}.qf .qf-tree [role=treeitem][aria-selected=true]>[data-tree-row]{background:var(--qf-surface);box-shadow:inset 3px 0 var(--qf-green)}
.qf .qf-tree [data-tree-toggle],.qf .qf-tree-spacer{display:grid;place-items:center;inline-size:24px;block-size:24px;flex:none}.qf .qf-tree [aria-disabled=true]>[data-tree-row]{opacity:.5;cursor:not-allowed}.qf .qf-tree [role=treeitem]:focus-visible{outline:none}.qf .qf-tree [role=treeitem]:focus-visible>[data-tree-row]{outline:2px solid var(--qf-focus);outline-offset:-2px}
@container(max-width:600px){.qf .qf-progress-indicator ol{flex-direction:column}.qf .qf-notification{padding:var(--qf-spacing-card-padding);gap:var(--qf-spacing-12)}.qf .qf-modal{padding:var(--qf-spacing-card-padding)}.qf .qf-modal footer{flex-direction:column-reverse}.qf .qf-modal footer button{inline-size:100%}.qf .qf-data-table header{padding:var(--qf-spacing-16)}.qf .qf-data-table header .qf-field{max-inline-size:none;inline-size:100%}}
@media(prefers-reduced-motion:reduce){.qf .qf-spinner{animation:none}.qf .qf-toggle-track::after{transition:none}}
@media(forced-colors:active){.qf .qf-toggle input{opacity:1;position:static;inline-size:20px;block-size:20px}.qf .qf-toggle-track{display:none}.qf .qf-spinner{border-color:CanvasText;border-block-start-color:Highlight}.qf [aria-selected=true]{outline:1px solid Highlight}}

.qf[dir=rtl] .qf-tree [aria-selected=true]>[data-tree-row]{box-shadow:inset -3px 0 var(--qf-green)}
.qf .qf-progress progress:not([value]){background:repeating-linear-gradient(110deg,var(--qf-green) 0 16px,var(--qf-line) 16px 32px)}

/* Page header: page identity and local navigation, distinct from the site header. */
.qf .qf-page-header{display:grid;gap:var(--qf-spacing-stack-gap);min-inline-size:0}
.qf .qf-page-header .qf-breadcrumb{min-inline-size:0}.qf .qf-page-header .qf-breadcrumb ol{row-gap:var(--qf-spacing-4)}
.qf .qf-page-header .qf-breadcrumb li{min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere}
.qf .qf-page-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--qf-spacing-grid-gap)}
.qf .qf-page-header-copy{flex:1;min-inline-size:0}
.qf .qf-page-header-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--qf-spacing-12) var(--qf-spacing-16)}
.qf .qf-page-header-title{font-size:var(--qf-type-page-heading-size);line-height:var(--qf-type-page-heading-line-height);font-weight:var(--qf-type-page-heading-weight);letter-spacing:var(--qf-type-page-heading-tracking);overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%;margin:0}
.qf .qf-page-header-description{font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);font-weight:var(--qf-type-body-weight);color:var(--qf-text-secondary);max-inline-size:70ch;margin-block-start:var(--qf-spacing-stack-gap)}
.qf .qf-page-header-eyebrow,.qf .qf-page-header-count{font-size:var(--qf-type-body-size);color:var(--qf-muted)}
.qf .qf-page-header-status{font-size:var(--qf-type-body-size);line-height:var(--qf-type-body-line-height);color:var(--qf-text-primary);background:var(--qf-background-subtle);padding:var(--qf-spacing-4) var(--qf-spacing-8)}
.qf .qf-page-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--qf-spacing-16);max-inline-size:100%}
.qf .qf-page-header-actions .qf-button{white-space:normal;overflow-wrap:anywhere;max-inline-size:100%}
.qf .qf-page-header-back{display:inline-flex;align-items:center;gap:var(--qf-spacing-icon-gap);min-block-size:44px;justify-self:start}
.qf .qf-page-header-metadata{display:flex;flex-wrap:wrap;gap:var(--qf-spacing-stack-gap);font-size:var(--qf-type-body-size)}
.qf .qf-page-header-metadata>div{display:grid;gap:var(--qf-spacing-4);min-inline-size:0;overflow-wrap:anywhere}.qf .qf-page-header-metadata dt{color:var(--qf-muted)}.qf .qf-page-header-metadata dd{margin:0}
.qf .qf-page-header-navigation{display:flex;flex-wrap:wrap;gap:var(--qf-spacing-stack-gap);border-block-end:1px solid var(--qf-line)}
.qf .qf-page-header-navigation a{padding-block:var(--qf-spacing-12);min-block-size:48px;border-block-end:3px solid transparent;color:var(--qf-body);text-decoration:none;overflow-wrap:anywhere}
.qf .qf-page-header-navigation a[aria-current]{border-color:var(--qf-green);color:var(--qf-green);font-weight:500}
@container qf (max-width:700px){.qf .qf-page-header-main{flex-direction:column}.qf .qf-page-header-actions{inline-size:100%}}

/* Illustrated link tiles share the standard tile interaction and type roles. */
.qf .qf-tile--illustrated{display:flex;flex-direction:column;isolation:isolate}
.qf .qf-tile--illustrated>p{color:var(--qf-text-secondary);margin:0;min-block-size:4.5em}
:root,.qf[data-theme="light"]{--qf-illustration-light-display:block;--qf-illustration-dark-display:none}
:root[data-theme="dark"],.qf[data-theme="dark"]{--qf-illustration-light-display:none;--qf-illustration-dark-display:block}
.qf .qf-tile-illustration{display:block;inline-size:100%;block-size:auto;aspect-ratio:1;object-fit:contain;margin-block-start:auto;background:transparent}
.qf .qf-tile-illustration--light{display:var(--qf-illustration-light-display)}
.qf .qf-tile-illustration--dark{display:var(--qf-illustration-dark-display)}
.qf .qf-tile--illustrated>.qf-icon{align-self:flex-end;margin-block-start:var(--qf-spacing-8);inline-size:24px;block-size:24px}
.qf .qf-tile--illustrated:focus-visible{outline:var(--qf-focus-width) solid var(--qf-focus);outline-offset:var(--qf-focus-offset);z-index:1}
.qf .qf-tile--illustrated:hover{z-index:1;box-shadow:inset 0 0 0 1px var(--qf-green)}

/* Reserve compact control columns and let the primary data column take remaining space. */
.qf .qf-data-table .qf-table-control-column{width:56px}
.qf .qf-data-table .qf-table-control-cell{padding:var(--qf-spacing-8) var(--qf-spacing-4);text-align:center;vertical-align:middle}
.qf .qf-data-table .qf-table-control-cell input{margin:0;vertical-align:middle}
.qf .qf-data-table tbody td{vertical-align:middle;overflow-wrap:anywhere}
.qf .qf-data-table [data-table-expand]:hover{background:var(--qf-surface)}
.qf .qf-data-table [data-table-expand]:active{background:var(--qf-green);color:var(--qf-on-action)}

/* Notification dismissal has a visible square target in both themes. */
.qf .qf-notification>[data-dismiss-notification]{inline-size:48px;block-size:48px;flex:none;border-radius:0;margin-block-start:calc(-1 * var(--qf-spacing-8));margin-inline-end:calc(-1 * var(--qf-spacing-8));padding:var(--qf-spacing-12)}
.qf .qf-notification>[data-dismiss-notification]>.qf-icon{inline-size:24px;block-size:24px}
.qf .qf-notification>[data-dismiss-notification]:hover{background:color-mix(in srgb,var(--qf-ink) 10%,transparent)}
.qf .qf-notification>[data-dismiss-notification]:active{background:var(--qf-green);color:var(--qf-on-action)}

/* Editorial page titles use QF Serif; ordinary UI labels keep QF Sans. */
:root,.qf[data-theme="light"]{--qf-editorial-heading-weight:300}
:root[data-theme="dark"],.qf[data-theme="dark"]{--qf-editorial-heading-weight:200}
.qf .qf-page-header.qf-page-header--editorial .qf-page-header-title{font-family:var(--qf-serif);font-weight:var(--qf-editorial-heading-weight);font-size:var(--qf-type-page-heading-size);line-height:var(--qf-type-page-heading-line-height);letter-spacing:0.02em;color:var(--qf-text-primary)}