:root{--beta-reader-information-accent-color:#3f6f94;--beta-reader-information-bg-color:#edf5fb;--beta-reader-information-border-color:#9bb5cc;--beta-reader-information-divider-color:#c5d5e2;--beta-reader-information-icon-color:#fff}.beta-reader-directory-navigation-container{container-type:inline-size}.beta-reader-directory-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:1rem;margin:2rem 0;max-width:100%;width:100%;box-sizing:border-box}.beta-reader-directory-navigation section{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;border:2px solid var(--light-border-color);border-radius:5px;background:var(--bubble-bg-color);min-width:0}.beta-reader-directory-navigation h2{width:100%;box-sizing:border-box;font-size:1.25rem;margin:0 0 1rem}.beta-reader-directory-navigation p{flex-grow:1;margin:0 0 1.5rem}.beta-reader-directory-navigation .pill-button{align-self:center;justify-content:center;max-width:100%;text-align:center;white-space:normal}.beta-reader-directory-information{padding:1.5rem;margin-bottom:2rem;border:1px solid var(--beta-reader-information-border-color);border-radius:5px;background:var(--beta-reader-information-bg-color);max-width:100%;width:100%;box-sizing:border-box}.beta-reader-directory-information h2{display:flex;align-items:center;min-height:2.5rem;margin:0 0 1.5rem;padding:0 0 0 3.5rem;border:0;background:transparent;font-family:"Roboto Slab",serif;font-size:1.5rem;position:relative}.beta-reader-directory-information h2 b{color:MediumSeaGreen}.beta-reader-directory-information.readers h2 b{color:CornflowerBlue}.beta-reader-directory-information h2::before{display:flex;align-items:center;justify-content:center;content:"i";width:2.5rem;height:2.5rem;border-radius:50%;background:var(--beta-reader-information-accent-color);color:var(--beta-reader-information-icon-color);font-family:"Georgia",serif;font-size:1.75rem;font-style:italic;font-weight:bold;position:absolute;left:0;top:50%;transform:translateY(-50%)}.beta-reader-directory-information ol b{display:block}.beta-reader-directory-information ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;list-style:none;counter-reset:beta-reader-information-step}.beta-reader-directory-information li{min-width:0;margin:0;padding:0 1.5rem 0 3.5rem;position:relative;counter-increment:beta-reader-information-step}.beta-reader-directory-information li::before{display:flex;align-items:center;justify-content:center;content:counter(beta-reader-information-step);width:2rem;height:2rem;border-radius:50%;background:var(--beta-reader-information-accent-color);color:var(--beta-reader-information-icon-color);font-weight:bold;position:absolute;left:.75rem;top:0}.beta-reader-directory-information li + li{border-left:1px solid var(--beta-reader-information-divider-color)}@media screen{html.dark{--beta-reader-information-accent-color:#477fa6;--beta-reader-information-bg-color:#263f52;--beta-reader-information-border-color:#527a9a;--beta-reader-information-divider-color:#527a9a}}@media(min-width:901px){@container(max-width:calc(56rem - 1px)){.beta-reader-directory-navigation section:last-child{grid-column:1 / -1;justify-self:center;width:calc((100% - 1rem) / 2);box-sizing:border-box}}}@media(max-width:900px){.beta-reader-directory-navigation,.beta-reader-directory-information ol{grid-template-columns:1fr}.beta-reader-directory-information li{padding-bottom:1.5rem}.beta-reader-directory-information li + li{padding-top:1.5rem;border-top:1px solid var(--beta-reader-information-divider-color);border-left:0}.beta-reader-directory-information li + li::before{top:1.5rem}.beta-reader-directory-information li:last-child{padding-bottom:0}h2 br{display:none}}