.nav-demo>.nav-toggle{padding:16px 22px;background:var(--orange);color:var(--ink);border-radius:5px}.nav-demo>.nav-toggle:hover,.nav-demo>.nav-toggle[aria-expanded=true]{color:var(--ink);filter:brightness(.97)}.nav-demo>.nav-submenu{left:auto;right:0;width:280px}.demo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:38px 0}.demo-options>article{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:9px;padding:32px;background:var(--cream)}.demo-options h2{margin:18px 0 12px;font-size:30px}.demo-options p{flex:1}.demo-options .button{margin-top:22px}@media(max-width:760px){.nav-demo>.nav-toggle{padding:14px 18px}.nav-demo>.nav-submenu{width:100%}.demo-options{grid-template-columns:1fr}.demo-options>article{padding:24px}.demo-options .button{width:100%;text-align:center}}