.ds-test-page{scroll-margin-top:calc(var(--fixed-size-72) + var(--space-24))}.ds-test-page .btn{width:100%}.ds-test-nav .ds-button-text{min-height:var(--fixed-size-44)}.ds-test-next{margin-left:auto}.ds-test-nav{justify-content:space-between;align-items:center;gap:var(--layout-content-gap);flex-wrap:wrap;display:flex}.ds-test-page h1[tabindex="-1"]:focus{outline:none}.ds-test-page .btn .ds-button-arrow,.ds-test-nav .ds-button-arrow,.ds-test-dialog .ds-button-arrow{width:var(--font-18);height:var(--font-18);fill:none;stroke:currentColor;stroke-width:var(--number-2);flex:none}.ds-test-page .ds-service-hero .type-h1{-webkit-hyphens:manual;hyphens:manual}.ds-test-facts{gap:var(--layout-detail-gap);margin-top:var(--layout-content-gap);flex-wrap:wrap;display:flex}.ds-test-facts .ds-tag{white-space:normal}.ds-test-panel{gap:var(--layout-action-gap);min-width:0;padding:var(--layout-panel-padding);background:var(--color-surface);border-radius:var(--radius-large) var(--radius-large) var(--radius-large) var(--radius-none);display:grid}.ds-test-section-heading{justify-content:space-between;align-items:center;gap:var(--layout-content-gap);flex-wrap:wrap;display:flex}.ds-test-paragraphs{gap:var(--layout-content-gap);max-width:calc(var(--fixed-size-720) + var(--fixed-size-160));display:grid}.ds-test-panel .type-body{color:var(--color-text-muted)}.ds-test-focus{padding:var(--layout-card-padding);background:var(--color-surface-soft);border-radius:var(--radius-inset-large)}.ds-test-note,.ds-test-safety{margin:0}.ds-test-page .ds-test-note>p,.ds-test-page .ds-test-safety>p{margin-top:var(--layout-content-gap)}.ds-test-safety{border-color:var(--color-error);background:var(--color-error-surface)}.ds-test-safety>strong{color:var(--color-error)}.ds-test-result-hero .ds-overview__note>.type-body{font-size:var(--type-h2-size);font-weight:var(--weight-bold);line-height:var(--type-h2-line);color:var(--color-brand-text)}.ds-test-result-hero .ds-overview__note>.type-caption{margin-top:var(--layout-content-gap)}.ds-test-stage{width:min(100%, calc(var(--fixed-size-720) + var(--fixed-size-160)));align-self:center}.ds-test-question-header{justify-content:space-between;align-items:center;gap:var(--layout-content-gap);display:flex}.ds-test-question-header .type-caption{white-space:nowrap}.ds-test-back .ds-button-arrow{transform:rotate(var(--angle-180deg))}.ds-test-progress{gap:var(--space-4);display:flex}.ds-test-progress>span{height:var(--space-4);background:var(--color-chip);border-radius:var(--radius-pill);flex:1}.ds-test-progress>[data-complete=true]{background:var(--color-brand)}.ds-test-answers{gap:var(--layout-content-gap);display:grid}.ds-test-answers .ds-test-answer{background:var(--color-background)}.ds-test-resource-grid>.ds-overview-card:only-child{border-radius:var(--radius-card) var(--radius-card) var(--radius-card) var(--radius-none)}.ds-test-dialog{width:calc(100% - var(--space-16));max-width:none;height:calc(100dvh - var(--space-16));border-radius:var(--radius-inset);background:var(--color-surface);max-height:none;padding:0;overflow:hidden}.ds-test-dialog[open]{flex-direction:column;display:flex}.ds-test-dialog__toolbar{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-16);border-bottom:var(--border-width) solid var(--color-border);flex:none;display:flex}.ds-test-dialog__toolbar .ds-button-text{align-self:center;min-width:0}.ds-test-dialog__toolbar .ds-button-text__label{white-space:normal}.ds-test-dialog__frame{background:var(--color-surface);border:0;flex:1;width:100%;min-height:0;display:block}@media (min-width:576px){.ds-test-page .btn{width:auto}.ds-test-dialog{width:min(calc(100% - var(--space-32)), var(--fixed-size-1040));height:min(calc(100dvh - var(--space-48)), var(--fixed-size-800));border-radius:var(--radius-large) var(--radius-large) var(--radius-large) var(--radius-none)}.ds-test-page .ds-overview__intro .type-h1,.ds-test-page .ds-service-hero .type-h1{-webkit-hyphens:none;hyphens:none}}@media (min-width:992px){.ds-test-page .ds-overview__intro .type-h1{-webkit-hyphens:manual;hyphens:manual}}@media (min-width:1200px){.ds-test-page .ds-overview__intro .type-h1{-webkit-hyphens:none;hyphens:none}}
:root{--technology-row-radius:var(--fixed-size-18);--technology-row-marker-size:var(--fixed-size-38);--technology-row-marker-radius:var(--fixed-size-12);--technology-row-underline-height:var(--fixed-size-3)}.ds-technology-row{align-items:center;gap:var(--space-16);width:100%;min-width:0;padding:var(--space-16) var(--fixed-size-18);border:var(--border-width) solid transparent;border-radius:var(--technology-row-radius) var(--technology-row-radius) var(--radius-none) var(--technology-row-radius);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--motion-duration) var(--motion-ease);display:flex;position:relative;overflow:hidden}.ds-technology-row:hover{transform:translateX(var(--fixed-size-3))}.ds-technology-row:focus-visible{outline:var(--focus-width) solid var(--color-brand);outline-offset:var(--focus-offset)}.ds-technology-row__marker{width:var(--technology-row-marker-size);height:var(--technology-row-marker-size);border-radius:var(--technology-row-marker-radius);background:var(--color-lavender);color:var(--color-brand);font-size:var(--type-body-size);font-weight:var(--weight-semibold);flex:none;place-items:center;display:grid}.ds-technology-row__text{flex:1;min-width:0}.ds-technology-row__title{font-size:var(--type-lead-size);font-weight:var(--weight-bold);line-height:var(--type-lead-line);letter-spacing:var(--tracking-title);display:block}.ds-technology-row__description{margin-top:var(--space-4);font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--color-text-muted);display:block}.ds-technology-row__underline{height:var(--technology-row-underline-height);background:var(--gradient-brand);opacity:0;position:absolute;inset:auto 0 0}.ds-technology-row:is([aria-pressed=true],:hover,:focus-visible) .ds-technology-row__marker{background:var(--gradient-brand);color:var(--color-surface)}.ds-technology-row:is([aria-pressed=true],:hover,:focus-visible) .ds-technology-row__title{color:var(--color-brand)}.ds-technology-row:is([aria-pressed=true],:hover,:focus-visible) .ds-technology-row__underline{opacity:1}@media (prefers-reduced-motion:reduce){.ds-technology-row{transition:none}.ds-technology-row:hover{transform:none}}
