@layer components{.readings-list{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);margin:0 auto 40px;display:flex;position:relative}@media (width>=520px) and (width<=920px){.readings-list{--padding:50px}}.readings-list__inner{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:44px 20px;display:flex;position:relative}.readings-list__inner:before{content:"";background:linear-gradient(to bottom right,transparent 0%,var(--blue)25%,var(--magenta)50%,var(--blue)75%,transparent 100%);opacity:.1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.readings-list__tagline{text-align:center;max-width:600px;margin-inline:auto}.readings-list__content{font-family:var(--serif-font)}.readings-list__content :is(h1,h2,h3,h4,h5,h6){margin-top:.8em;margin-bottom:.4em}.readings-list__content ul{margin:0 0 20px 20px;list-style:outside}.readings-list__content ol{margin:0 0 20px 30px}.readings-list__content :is(ul,ol) li{margin:10px 0}.readings-list__content a{text-decoration:none}.readings-list__content a:is(:focus,:hover){text-decoration:underline}}