/* The only shared layout change is accommodating the fourth theme choice. */
html body[data-theme] .ui-theme-switcher { grid-template-columns:repeat(2,minmax(0,1fr)); }
html body[data-theme] .ui-theme-switcher button { white-space:normal; overflow-wrap:anywhere; }
html[data-ui=mobile] .m-theme-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-ui=mobile].m-large-type .m-theme-choices { grid-template-columns:1fr; }
html[data-ui=mobile] .m-theme-swatch[data-theme-preview=redbook] { background:#191919; }
html[data-ui=mobile] .m-theme-swatch[data-theme-preview=redbook] i { background:#ff2442; opacity:1; }
html[data-ui=mobile] .m-theme-swatch[data-theme-preview=redbook] i:nth-child(2) { background:#fff; }
html[data-ui=mobile] .m-theme-swatch[data-theme-preview=redbook] i:last-child { background:#d8b879; }
html[data-theme=redbook] { color-scheme:light; background:#f5f5f5; }
html[data-theme=redbook] .boot-shell { background:#f5f5f5; color:#202020; }
html[data-theme=redbook] .boot-sidebar { background:#191919; border-color:#343434; color:#fff; }
html[data-theme=redbook] .boot-brand small,html[data-theme=redbook] .boot-kicker { color:#a3263b; }
html[data-theme=redbook] .boot-sidebar small { color:#d8b879; }
html[data-theme=redbook] .boot-main p { color:#666; }
html[data-theme=redbook] .boot-lines i { background:linear-gradient(90deg,#333,#4c4230,#333); }
html[data-theme=redbook] .boot-cards i { border-color:#e5e5e5; background:linear-gradient(90deg,#fff,#ececec,#fff); }
@media(prefers-reduced-motion:reduce){html[data-theme=redbook] .boot-lines i,html[data-theme=redbook] .boot-cards i{animation:none}}