/* Chosen style B: only the four requested navigation and demo controls. */
:is(#nd-demo-open,#plfss-demo-open,#reopen-demo,.demo-exit,.nav a.companion-link){background:linear-gradient(130deg,#f68c47,#f4a252);color:#243246;border:1px solid #ef934c;border-radius:8px;box-shadow:0 2px 8px #dc792b17;text-shadow:none;text-decoration:none;font-family:"Inter Display",Arial,sans-serif;font-size:12px;font-weight:650;line-height:1.3;padding:10px 14px;transition:filter .15s,transform .15s,box-shadow .15s}
:is(#nd-demo-open,#plfss-demo-open,#reopen-demo,.demo-exit,.nav a.companion-link):hover{background:linear-gradient(130deg,#f68c47,#f4a252);color:#243246;filter:brightness(.98);text-decoration:none;transform:none;box-shadow:0 2px 8px #dc792b17}
:is(#nd-demo-open,#plfss-demo-open,#reopen-demo,.demo-exit,.nav a.companion-link):active{transform:translateY(1px);box-shadow:none}
:is(#nd-demo-open,#plfss-demo-open,#reopen-demo,.demo-exit,.nav a.companion-link):focus-visible{outline:2px solid #173a55;outline-offset:4px;text-decoration:none}
.demo-exit.demo-exit{padding:12px 16px}
@media(max-width:720px){:is(#nd-demo-open,#plfss-demo-open,#reopen-demo,.demo-exit,.nav a.companion-link){font-size:11px;padding:9px 11px}}
@media(max-width:650px){#plfss-demo-open{font-size:11px;padding:7px 10px}}
@media(max-width:360px){#plfss-demo-open{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){:is(#nd-demo-open,#plfss-demo-open,#reopen-demo,.demo-exit,.nav a.companion-link){transition:none}}

/* The requested Lecture control uses the same orange finish, without a bevel. */
.demo-tools #start-tour.demo-button{background:linear-gradient(130deg,#f68c47,#f4a252);color:#243246;border:1px solid #ef934c;border-radius:8px;box-shadow:0 2px 8px #dc792b17;text-shadow:none;font-weight:650;transition:filter .15s,transform .15s,box-shadow .15s}
.demo-tools #start-tour.demo-button:hover:not(:disabled){background:linear-gradient(130deg,#f68c47,#f4a252);color:#243246;filter:brightness(.98);transform:none;box-shadow:0 2px 8px #dc792b17}
.demo-tools #start-tour.demo-button:active:not(:disabled){transform:translateY(1px);box-shadow:none}
.demo-tools #start-tour.demo-button:focus-visible{outline:2px solid #173a55;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.demo-tools #start-tour.demo-button{transition:none}}