.design-actions{display:flex;align-items:center;gap:16px 26px;flex-wrap:wrap;margin-top:28px}.design-primary{display:inline-flex;align-items:center;justify-content:center;background:#a1e4d6;color:#082d40;font-weight:750;padding:14px 20px;border-radius:5px;text-decoration:none;min-height:48px;line-height:1.45;text-align:center}.design-primary:hover{background:#c4f0e6}.design-secondary{color:#fff;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.seo-hero .design-intro{font-size:1.12rem;line-height:1.65;max-width:790px;color:#e0edf2}.design-evidence-page .seo-hero .design-hero-note{font-size:.86rem;line-height:1.6;color:#d2e5ed;max-width:650px;margin-top:16px}.design-brief{border-block:1px solid #b8ccd4;padding:24px 0;margin:36px 0}.seo-article .design-brief h2{margin-top:10px}.seo-article .design-caption{font-size:.88rem;line-height:1.65;color:#47616d}.design-report{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start;margin:26px 0 32px}.design-report figure{margin:0}.design-report figure>a{display:block;border:1px solid #c5d6dc;box-shadow:0 8px 24px #153b4614}.design-report img{display:block;width:100%;height:auto}.design-report figcaption{font-size:.76rem;line-height:1.6;margin-top:12px;color:#47616d}.seo-article .design-report h3{margin-top:0;font-size:1.32rem;line-height:1.4}.seo-article .design-report .seo-kicker{margin-top:0}.seo-article .design-reading{list-style:decimal;margin:24px 0;padding-left:24px}.design-reading li{padding-left:5px;margin:14px 0}.seo-table:focus-visible{outline:3px solid #a46905;outline-offset:4px}@media (max-width:1023px){.design-evidence-page header nav[aria-label="Main"],.design-evidence-page header div.ml-auto{display:none}.design-evidence-page header #menu-btn{display:block;flex-shrink:0}.design-evidence-page header #menu-panel:not([hidden]){display:block}}@media (max-width:650px){.design-report{grid-template-columns:1fr;gap:24px}.design-report figure{display:grid;grid-template-columns:125px minmax(0,1fr);gap:20px;align-items:center}.design-report figcaption{margin:0}.design-actions{gap:10px 24px}.design-primary{font-size:.96rem}.seo-hero h1{font-size:2.1rem}.seo-hero nav{margin-bottom:24px}}@media (max-width:380px){.design-evidence-page header>div:first-child{gap:8px}.design-evidence-page header a[aria-label]>img{height:26px}}@media print{.design-actions,.design-hero-note{display:none}.seo-hero .design-intro{color:#222}.design-report{display:block}.design-report figure{display:none}.design-brief{break-inside:avoid}}
