.sd-screen-design-page{--screen-cobalt: #326df5;--screen-violet: #7743e8;--screen-aqua: #52c9ba}.sd-screen-design-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.sd-screen-design-scope p{padding:16px;margin:0;border:1px solid var(--guide-border);border-radius:14px;color:var(--guide-muted);background:var(--guide-surface-soft);font-size:13px;line-height:1.58}.sd-screen-design-scope a,.sd-screen-design-example-copy>a,.sd-screen-design-hierarchy-grid article>div>a,.sd-screen-design-control-study>div>a,.sd-screen-design-sequence>div:first-child>a,.sd-screen-design-state-gallery article>div>a,.sd-screen-design-validation-study>div>a,.sd-screen-design-access-grid article>div>a{color:var(--guide-blue);font-weight:650;text-decoration:none}.sd-screen-design-scope a:hover,.sd-screen-design-scope a:focus-visible,.sd-screen-design-example-copy>a:hover,.sd-screen-design-example-copy>a:focus-visible,.sd-screen-design-hierarchy-grid article>div>a:hover,.sd-screen-design-hierarchy-grid article>div>a:focus-visible,.sd-screen-design-control-study>div>a:hover,.sd-screen-design-control-study>div>a:focus-visible,.sd-screen-design-sequence>div:first-child>a:hover,.sd-screen-design-sequence>div:first-child>a:focus-visible,.sd-screen-design-state-gallery article>div>a:hover,.sd-screen-design-state-gallery article>div>a:focus-visible,.sd-screen-design-validation-study>div>a:hover,.sd-screen-design-validation-study>div>a:focus-visible,.sd-screen-design-access-grid article>div>a:hover,.sd-screen-design-access-grid article>div>a:focus-visible{color:var(--guide-purple);text-decoration:underline;text-underline-offset:3px}.sd-screen-design-method-note{padding:15px 17px;border-left:3px solid var(--guide-blue);margin-top:24px;color:var(--guide-muted);background:var(--guide-surface-soft);font-size:13px;line-height:1.62}.sd-screen-design-method-note strong{color:var(--guide-ink)}.sd-screen-design-opening-strip{display:grid;min-height:430px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;margin-top:38px;padding:24px;border:1px solid rgb(255 255 255 / 28%);border-radius:22px;background:linear-gradient(rgb(255 255 255 / 10%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 10%) 1px,transparent 1px),linear-gradient(145deg,#2859d2,#7144dd 56%,#39aa9d);background-size:24px 24px,24px 24px,auto}.sd-screen-design-opening-strip>a,.sd-screen-design-single-screen,.sd-screen-design-hierarchy-grid article>a,.sd-screen-design-screen-pair figure>a,.sd-screen-design-control-study>a,.sd-screen-design-sequence-screens figure>a,.sd-screen-design-state-gallery article>a,.sd-screen-design-validation-study>a,.sd-screen-design-access-grid article>a,.sd-screen-design-search-grid article>a{position:relative;z-index:1;display:block;min-width:0;transition:translate .18s ease,scale .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.sd-screen-design-opening-strip>a:nth-child(1){translate:0 10px;rotate:-1.5deg}.sd-screen-design-opening-strip>a:nth-child(2){translate:0 -4px;rotate:.8deg}.sd-screen-design-opening-strip>a:nth-child(3){translate:0 14px;rotate:-.7deg}.sd-screen-design-opening-strip>a:nth-child(4){translate:0 2px;rotate:1.3deg}.sd-screen-design-opening-strip>a:hover,.sd-screen-design-opening-strip>a:focus-visible,.sd-screen-design-single-screen:hover,.sd-screen-design-single-screen:focus-visible,.sd-screen-design-hierarchy-grid article>a:hover,.sd-screen-design-hierarchy-grid article>a:focus-visible,.sd-screen-design-screen-pair figure>a:hover,.sd-screen-design-screen-pair figure>a:focus-visible,.sd-screen-design-control-study>a:hover,.sd-screen-design-control-study>a:focus-visible,.sd-screen-design-sequence-screens figure>a:hover,.sd-screen-design-sequence-screens figure>a:focus-visible,.sd-screen-design-state-gallery article>a:hover,.sd-screen-design-state-gallery article>a:focus-visible,.sd-screen-design-validation-study>a:hover,.sd-screen-design-validation-study>a:focus-visible,.sd-screen-design-access-grid article>a:hover,.sd-screen-design-access-grid article>a:focus-visible,.sd-screen-design-search-grid article>a:hover,.sd-screen-design-search-grid article>a:focus-visible{z-index:4;outline:none;translate:0 -7px;scale:1.035;filter:saturate(1.06);box-shadow:0 24px 48px #1114343d}.sd-screen-design-opening-strip:has(>a:hover)>a:not(:hover),.sd-screen-design-opening-strip:has(>a:focus-visible)>a:not(:focus-visible),.sd-screen-design-hierarchy-grid:has(article>a:hover) article>a:not(:hover),.sd-screen-design-hierarchy-grid:has(article>a:focus-visible) article>a:not(:focus-visible),.sd-screen-design-screen-pair:has(figure>a:hover) figure>a:not(:hover),.sd-screen-design-screen-pair:has(figure>a:focus-visible) figure>a:not(:focus-visible),.sd-screen-design-sequence-screens:has(figure>a:hover) figure>a:not(:hover),.sd-screen-design-sequence-screens:has(figure>a:focus-visible) figure>a:not(:focus-visible),.sd-screen-design-state-gallery:has(article>a:hover) article>a:not(:hover),.sd-screen-design-state-gallery:has(article>a:focus-visible) article>a:not(:focus-visible),.sd-screen-design-access-grid:has(article>a:hover) article>a:not(:hover),.sd-screen-design-access-grid:has(article>a:focus-visible) article>a:not(:focus-visible),.sd-screen-design-search-grid:has(article>a:hover) article>a:not(:hover),.sd-screen-design-search-grid:has(article>a:focus-visible) article>a:not(:focus-visible){opacity:.74;filter:saturate(.78)}.sd-screen-design-opening-strip img,.sd-screen-design-single-screen img,.sd-screen-design-hierarchy-grid article>a img,.sd-screen-design-screen-pair img,.sd-screen-design-control-study>a img,.sd-screen-design-sequence-screens img,.sd-screen-design-state-gallery article>a img,.sd-screen-design-validation-study>a img,.sd-screen-design-access-grid article>a img,.sd-screen-design-search-grid article>a img{display:block;width:100%;height:auto;border:1px solid rgb(255 255 255 / 62%);border-radius:5px;background:#fff;box-shadow:0 16px 32px #11143430}.sd-screen-design-contract-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.sd-screen-design-contract-grid>div,.sd-screen-design-content-tests>div,.sd-screen-design-error-anatomy>div,.sd-screen-design-checklist>div{padding:18px;border:1px solid var(--guide-border);border-radius:15px;background:var(--guide-surface-soft)}.sd-screen-design-contract-grid span,.sd-screen-design-brief-card span,.sd-screen-design-example-copy>span,.sd-screen-design-hierarchy-grid article>div>span,.sd-screen-design-form-study>div:last-child>span,.sd-screen-design-control-study>div>span,.sd-screen-design-sequence>div:first-child>span,.sd-screen-design-state-gallery article>div>span,.sd-screen-design-validation-study>div>span,.sd-screen-design-error-anatomy span,.sd-screen-design-access-grid article>div>span,.sd-screen-design-review-list>li>span,.sd-screen-design-checklist>div>span{color:var(--guide-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sd-screen-design-contract-grid h3,.sd-screen-design-content-tests h3,.sd-screen-design-error-anatomy h3{margin:12px 0 0;color:var(--guide-ink);font-size:18px}.sd-screen-design-contract-grid p,.sd-screen-design-content-tests p,.sd-screen-design-error-anatomy p{margin:8px 0 0;color:var(--guide-muted);font-size:13px;line-height:1.55}.sd-screen-design-brief-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;margin-top:34px;padding:26px;border:1px solid color-mix(in srgb,var(--guide-blue) 24%,var(--guide-border));border-radius:20px;background:radial-gradient(circle at 6% 8%,color-mix(in srgb,var(--guide-blue) 12%,transparent),transparent 38%),var(--guide-surface-soft)}.sd-screen-design-brief-card>div>p{margin:13px 0 0;color:var(--guide-ink);font-size:18px;line-height:1.58}.sd-screen-design-brief-card ul,.sd-screen-design-control-study ul{display:grid;gap:10px;padding:0;margin:0;color:var(--guide-muted);font-size:14px;line-height:1.5;list-style:none}.sd-screen-design-brief-card li,.sd-screen-design-control-study li{position:relative;padding-left:18px}.sd-screen-design-brief-card li:before,.sd-screen-design-control-study li:before{position:absolute;top:.62em;left:0;width:6px;height:6px;border-radius:99px;background:var(--guide-blue);content:""}.sd-screen-design-example-row{display:grid;grid-template-columns:minmax(0,1fr) 235px;align-items:center;gap:46px;margin-top:44px;padding-top:38px;border-top:1px solid var(--guide-border)}.sd-screen-design-example-row--reverse{grid-template-columns:235px minmax(0,1fr)}.sd-screen-design-example-row--reverse .sd-screen-design-example-copy{order:2}.sd-screen-design-example-row--reverse .sd-screen-design-single-screen{order:1}.sd-screen-design-example-copy h3,.sd-screen-design-form-study h3,.sd-screen-design-control-study h3,.sd-screen-design-sequence h3,.sd-screen-design-validation-study h3{margin:12px 0 0;color:var(--guide-ink);font-family:Grifter,Rethink Sans,sans-serif;font-size:clamp(25px,3vw,34px);line-height:1.08;letter-spacing:.006em}.sd-screen-design-example-copy p,.sd-screen-design-form-study>div:last-child>p,.sd-screen-design-control-study>div>p,.sd-screen-design-sequence>div:first-child>p,.sd-screen-design-validation-study>div>p{margin:14px 0 0;color:var(--guide-muted);font-size:15px;line-height:1.7}.sd-screen-design-example-copy>a,.sd-screen-design-control-study>div>a,.sd-screen-design-sequence>div:first-child>a,.sd-screen-design-validation-study>div>a{display:inline-flex;align-items:center;gap:6px;margin-top:17px;margin-right:14px;font-size:13px}.sd-screen-design-example-copy>.sd-guide-text-link,.sd-screen-design-control-study .sd-guide-text-link,.sd-screen-design-validation-study .sd-guide-text-link{display:inline-flex}.sd-screen-design-hierarchy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}.sd-screen-design-hierarchy-grid article{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:24px;padding:18px;border:1px solid var(--guide-border);border-radius:20px;background:var(--guide-surface-soft)}.sd-screen-design-hierarchy-grid h3,.sd-screen-design-state-gallery h3,.sd-screen-design-access-grid h3{margin:11px 0 0;color:var(--guide-ink);font-family:Grifter,Rethink Sans,sans-serif;font-size:23px;line-height:1.12;letter-spacing:.005em}.sd-screen-design-hierarchy-grid p,.sd-screen-design-state-gallery article>div>p,.sd-screen-design-access-grid article>div>p{margin:11px 0 0;color:var(--guide-muted);font-size:13px;line-height:1.62}.sd-screen-design-hierarchy-grid article>div>a,.sd-screen-design-state-gallery article>div>a,.sd-screen-design-access-grid article>div>a{display:inline-flex;margin-top:14px;font-size:12px}.sd-screen-design-read-order{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px}.sd-screen-design-read-order:before{position:absolute;top:24px;right:11%;left:11%;z-index:0;height:1px;background:color-mix(in srgb,var(--guide-blue) 28%,var(--guide-border));content:""}.sd-screen-design-read-order>div{position:relative;z-index:1;text-align:center}.sd-screen-design-read-order span{display:grid;width:48px;height:48px;place-items:center;border:1px solid color-mix(in srgb,var(--guide-blue) 35%,var(--guide-border));border-radius:99px;margin:0 auto;color:#fff;background:var(--guide-gradient);font-size:13px;font-weight:700}.sd-screen-design-read-order h3{margin:13px 0 0;color:var(--guide-ink);font-size:15px}.sd-screen-design-read-order p{margin:6px 0 0;color:var(--guide-muted);font-size:12px;line-height:1.48}.sd-screen-design-form-study{display:grid;grid-template-columns:minmax(350px,1.05fr) minmax(0,.95fr);align-items:center;gap:42px;margin-top:38px}.sd-screen-design-screen-pair{display:grid;min-height:470px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;padding:20px 20px 32px;border-radius:22px;background:linear-gradient(rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(145deg,#2f5bd2,#7444dd 60%,#43b8a7);background-size:24px 24px,24px 24px,auto}.sd-screen-design-screen-pair figure{min-width:0;margin:0}.sd-screen-design-screen-pair figure:nth-child(2){translate:0 18px}.sd-screen-design-screen-pair figcaption{margin-top:8px;font-size:11px;text-align:center}.sd-screen-design-screen-pair figcaption a{color:#ffffffe0;text-decoration:none}.sd-screen-design-content-tests,.sd-screen-design-error-anatomy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}.sd-screen-design-search-link{margin-top:24px}.sd-screen-design-control-study,.sd-screen-design-validation-study{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:center;gap:44px;margin-top:38px;padding:24px;border:1px solid var(--guide-border);border-radius:20px;background:var(--guide-surface-soft)}.sd-screen-design-control-study ul{margin-top:18px}.sd-screen-design-control-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:28px}.sd-screen-design-control-map>div{display:grid;grid-template-columns:minmax(115px,.38fr) minmax(0,.62fr);gap:14px;padding:15px 17px;border:1px solid var(--guide-border);border-radius:13px;background:var(--guide-surface-soft)}.sd-screen-design-control-map strong{color:var(--guide-ink);font-size:13px}.sd-screen-design-control-map span{color:var(--guide-muted);font-size:13px;line-height:1.45}.sd-screen-design-sequence{display:grid;grid-template-columns:minmax(0,.83fr) minmax(390px,1.17fr);align-items:center;gap:42px;margin-top:38px}.sd-screen-design-sequence-screens{display:grid;min-height:485px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;padding:20px 20px 32px;border-radius:22px;background:linear-gradient(rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 9%) 1px,transparent 1px),linear-gradient(145deg,#283f91,#473b9f 60%,#2f776f);background-size:24px 24px,24px 24px,auto}.sd-screen-design-sequence-screens figure{min-width:0;margin:0}.sd-screen-design-sequence-screens figure:nth-child(2){translate:0 16px}.sd-screen-design-sequence-screens figure>span,.sd-screen-design-sequence-screens figcaption{display:block;color:#ffffffdb;font-size:10px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}.sd-screen-design-sequence-screens figure>span{margin-bottom:8px}.sd-screen-design-sequence-screens figcaption{margin-top:9px;font-weight:600;letter-spacing:0;text-transform:none}.sd-screen-design-state-gallery,.sd-screen-design-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}.sd-screen-design-state-gallery article,.sd-screen-design-access-grid article{display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:24px;padding:18px;border:1px solid var(--guide-border);border-radius:20px;background:var(--guide-surface-soft)}.sd-screen-design-validation-study{grid-template-columns:245px minmax(0,1fr)}.sd-screen-design-access-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.sd-screen-design-access-checks p{padding:17px;margin:0;border:1px solid var(--guide-border);border-radius:14px;color:var(--guide-muted);background:var(--guide-surface-soft);font-size:13px;line-height:1.55}.sd-screen-design-access-checks strong{color:var(--guide-ink)}.sd-screen-design-handoff-map{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:42px;margin-top:38px;padding:28px;border:1px solid var(--guide-border);border-radius:22px;background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--guide-blue) 12%,transparent),transparent 34%),var(--guide-surface-soft)}.sd-screen-design-handoff-screen{padding:15px;border:1px solid color-mix(in srgb,var(--guide-ink) 15%,var(--guide-border));border-radius:6px;background:var(--guide-surface-solid);box-shadow:0 18px 38px #11143421}.sd-screen-design-handoff-bar{display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:8px;text-align:center}.sd-screen-design-handoff-bar span{width:18px;height:18px;border-radius:99px;background:var(--guide-surface-soft)}.sd-screen-design-handoff-bar strong{color:var(--guide-ink);font-size:11px}.sd-screen-design-handoff-copy{display:grid;gap:6px;margin-top:25px}.sd-screen-design-handoff-copy i{display:block;width:72%;height:8px;border-radius:99px;background:color-mix(in srgb,var(--guide-ink) 18%,transparent)}.sd-screen-design-handoff-copy i:last-child{width:48%;opacity:.66}.sd-screen-design-handoff-field{display:grid;gap:6px;padding:13px;border:1px solid var(--guide-border);border-radius:5px;margin-top:20px}.sd-screen-design-handoff-field small,.sd-screen-design-handoff-field em{color:var(--guide-muted);font-size:8px;font-style:normal}.sd-screen-design-handoff-field strong{color:var(--guide-ink);font-size:11px}.sd-screen-design-handoff-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.sd-screen-design-handoff-options span{padding:10px 6px;border:1px solid var(--guide-border);border-radius:5px;color:var(--guide-muted);font-size:9px;text-align:center}.sd-screen-design-handoff-options .is-selected{border-color:var(--guide-blue);color:var(--guide-blue);background:color-mix(in srgb,var(--guide-blue) 8%,transparent)}.sd-screen-design-handoff-action{padding:11px;border-radius:5px;margin-top:20px;color:#fff;background:var(--guide-gradient);font-size:10px;font-weight:700;text-align:center}.sd-screen-design-handoff-map ol{display:grid;gap:9px;padding:0;margin:0;list-style:none;counter-reset:handoff}.sd-screen-design-handoff-map li{display:grid;grid-template-columns:minmax(125px,.32fr) minmax(0,.68fr);gap:18px;padding:13px 15px;border-bottom:1px solid var(--guide-border);counter-increment:handoff}.sd-screen-design-handoff-map li:last-child{border-bottom:0}.sd-screen-design-handoff-map li strong{color:var(--guide-ink);font-size:13px}.sd-screen-design-handoff-map li span{color:var(--guide-muted);font-size:13px;line-height:1.5}.sd-screen-design-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:34px 0 0;list-style:none}.sd-screen-design-review-list>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--guide-border);border-radius:15px;background:var(--guide-surface-soft)}.sd-screen-design-review-list h3{margin:0;color:var(--guide-ink);font-size:16px}.sd-screen-design-review-list p{margin:7px 0 0;color:var(--guide-muted);font-size:13px;line-height:1.55}.sd-screen-design-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.sd-screen-design-search-grid article{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:16px;padding:14px;border:1px solid var(--guide-border);border-radius:16px;background:var(--guide-surface-soft)}.sd-screen-design-search-grid h3{margin:0;color:var(--guide-ink);font-size:16px}.sd-screen-design-search-grid article>div>a{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:var(--guide-blue);font-size:11px;font-weight:650;text-decoration:none}.sd-screen-design-search-grid article>div>a:hover,.sd-screen-design-search-grid article>div>a:focus-visible{color:var(--guide-purple)}.sd-screen-design-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}.sd-screen-design-checklist>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px}.sd-screen-design-checklist p{margin:0;color:var(--guide-ink);font-size:14px;line-height:1.52}html[data-theme=dark] .sd-screen-design-scope p,html[data-theme=dark] .sd-screen-design-contract-grid>div,html[data-theme=dark] .sd-screen-design-brief-card,html[data-theme=dark] .sd-screen-design-hierarchy-grid article,html[data-theme=dark] .sd-screen-design-content-tests>div,html[data-theme=dark] .sd-screen-design-control-study,html[data-theme=dark] .sd-screen-design-control-map>div,html[data-theme=dark] .sd-screen-design-state-gallery article,html[data-theme=dark] .sd-screen-design-validation-study,html[data-theme=dark] .sd-screen-design-error-anatomy>div,html[data-theme=dark] .sd-screen-design-access-grid article,html[data-theme=dark] .sd-screen-design-access-checks p,html[data-theme=dark] .sd-screen-design-handoff-map,html[data-theme=dark] .sd-screen-design-review-list>li,html[data-theme=dark] .sd-screen-design-search-grid article,html[data-theme=dark] .sd-screen-design-checklist>div{background-color:color-mix(in srgb,var(--guide-surface-soft) 88%,transparent)}@media(max-width:920px){.sd-screen-design-scope,.sd-screen-design-contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-screen-design-hierarchy-grid,.sd-screen-design-state-gallery,.sd-screen-design-access-grid,.sd-screen-design-form-study,.sd-screen-design-sequence{grid-template-columns:1fr}.sd-screen-design-screen-pair,.sd-screen-design-sequence-screens{width:min(100%,540px);margin-inline:auto}}@media(max-width:760px){.sd-screen-design-opening-strip{min-height:650px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;padding:18px}.sd-screen-design-brief-card,.sd-screen-design-example-row,.sd-screen-design-example-row--reverse,.sd-screen-design-control-study,.sd-screen-design-validation-study,.sd-screen-design-handoff-map{grid-template-columns:1fr}.sd-screen-design-example-row--reverse .sd-screen-design-example-copy,.sd-screen-design-example-row--reverse .sd-screen-design-single-screen{order:initial}.sd-screen-design-single-screen,.sd-screen-design-control-study>a,.sd-screen-design-validation-study>a,.sd-screen-design-handoff-screen{width:min(240px,72%);margin-inline:auto}.sd-screen-design-content-tests,.sd-screen-design-error-anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sd-screen-design-scope,.sd-screen-design-contract-grid,.sd-screen-design-read-order,.sd-screen-design-content-tests,.sd-screen-design-control-map,.sd-screen-design-error-anatomy,.sd-screen-design-access-checks,.sd-screen-design-review-list,.sd-screen-design-search-grid,.sd-screen-design-checklist{grid-template-columns:1fr}.sd-screen-design-opening-strip{min-height:520px;gap:7px;padding:13px}.sd-screen-design-hierarchy-grid article,.sd-screen-design-state-gallery article,.sd-screen-design-access-grid article{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:14px}.sd-screen-design-read-order:before{display:none}.sd-screen-design-read-order>div{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:13px;text-align:left}.sd-screen-design-read-order span{width:42px;height:42px;grid-row:1 / 3;margin:0}.sd-screen-design-read-order h3{margin-top:2px}.sd-screen-design-screen-pair,.sd-screen-design-sequence-screens{min-height:380px;gap:7px;padding:13px 13px 27px}.sd-screen-design-control-map>div,.sd-screen-design-handoff-map li{grid-template-columns:1fr;gap:7px}.sd-screen-design-handoff-map{gap:28px;padding:19px}.sd-screen-design-search-grid article{grid-template-columns:72px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.sd-screen-design-opening-strip>a:hover,.sd-screen-design-opening-strip>a:focus-visible,.sd-screen-design-single-screen:hover,.sd-screen-design-single-screen:focus-visible,.sd-screen-design-hierarchy-grid article>a:hover,.sd-screen-design-hierarchy-grid article>a:focus-visible,.sd-screen-design-screen-pair figure>a:hover,.sd-screen-design-screen-pair figure>a:focus-visible,.sd-screen-design-control-study>a:hover,.sd-screen-design-control-study>a:focus-visible,.sd-screen-design-sequence-screens figure>a:hover,.sd-screen-design-sequence-screens figure>a:focus-visible,.sd-screen-design-state-gallery article>a:hover,.sd-screen-design-state-gallery article>a:focus-visible,.sd-screen-design-validation-study>a:hover,.sd-screen-design-validation-study>a:focus-visible,.sd-screen-design-access-grid article>a:hover,.sd-screen-design-access-grid article>a:focus-visible,.sd-screen-design-search-grid article>a:hover,.sd-screen-design-search-grid article>a:focus-visible{translate:0 0;scale:1}}