/* Homepage particle background */

body{isolation:isolate;background:#f2f5fe}
#homepage-network{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,.footer{position:relative;z-index:1}
.home-hero{background:rgba(240,244,255,.32)}
.home-intro{background:transparent}
.home-journal{background:rgba(243,245,252,.38)}
.home-end{background:rgba(233,237,250,.46)}
.footer{background:rgba(250,251,255,.4)}
.home-hero-copy{position:relative}
.home-journal .story-card{background:rgba(255,255,255,.94)}
.network-control{position:fixed;right:16px;bottom:16px;z-index:50;border:1px solid #b5c3e0;background:rgba(255,255,255,.96);color:#344b86;border-radius:100px;padding:10px 16px;font:700 14px/1.2 system-ui,sans-serif;box-shadow:0 5px 18px #23315012;cursor:pointer}
.network-control:disabled{cursor:default}
@media(max-width:620px){.network-control{right:10px;bottom:10px;font-size:13px;padding:10px 12px}.footer{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.social-links a,.story-card{transition:none}}
@media print{#homepage-network,.network-control{display:none!important}}

/* Shared across journal pages, tools, resources and the finance book. */
body > main,body > header,body > footer,body > .wrap,body > .top,body > .mini-nav{position:relative;z-index:1}
.page-top,.tools-hero,.top{background:rgba(240,244,255,.35)}
.journal-list,.journal-post{background:transparent}
main.teen-book{background:transparent}
.book-start{background:rgba(255,255,255,.5)}
@media print{#homepage-network,.network-control{display:none!important}}