:root{--background-color: white;--background-color-elevated: rgb(225, 225, 225);--foreground-color: black;--accent-color: #00B13B;--accent-color-darker: #11570a}@media (prefers-color-scheme: dark){:root{--background-color: black;--background-color-elevated: rgb(30, 30, 30);--foreground-color: lightgray;--accent-color: #00B13B;--accent-color-darker: #11570a}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--foreground-color);font-family:sans-serif}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin:1rem 0}h2{font-size:2rem;font-weight:700;line-height:1.2;margin:2.25rem 0 1.125rem}h3{font-size:1.5rem;font-weight:700;line-height:1.2;margin:1.5rem 0 .75rem}p{font-size:1rem;font-weight:400;line-height:1.6;margin:.75rem 0}ul,li{list-style-position:inside;margin:.75rem 0}a{color:var(--accent-color)}header{background:var(--accent-color);color:#fff;padding:.5rem;position:relative}header h1{font-size:1.2rem;margin:.5rem 2rem .5rem 0rem}#desktop-nav{display:flex;gap:1rem}#desktop-nav a,#mobile-nav a{color:#fff;text-decoration:none;font-size:1rem}#menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;position:absolute;top:.5rem;right:.5rem}#mobile-nav{display:none;flex-direction:column;background:var(--accent-color-darker);padding:1rem}#mobile-nav a{margin:.5rem 0}#mobile-nav.hidden{display:none}main{padding:1rem}footer{background:var(--accent-color);color:#fff;font-size:.8rem;text-align:center;padding:.5rem;margin:.2rem 0}@media (max-width: 600px){#desktop-nav{display:none}#menu-toggle{display:block}#mobile-nav{display:flex}#mobile-nav.hidden{display:none}}.tips-months-bar{padding:1rem;line-height:1.2}.tips-month-button{display:inline-block;width:3rem;text-align:center;margin:.1rem;background-color:var(--accent-color);color:#fff;border-radius:1rem;padding:.2rem;box-sizing:border-box;border:none;cursor:pointer}.tips-month-button.toggled{background:var(--accent-color-darker)}.tip-title{text-decoration:underline;color:var(--accent-color);line-height:1.5em;cursor:pointer}.tip-content{background-color:var(--background-color-elevated);border:1px solid var(--accent-color-darker);border-radius:.5rem;padding:.5rem;margin:.5rem auto}.initial-image{float:left;width:2.7rem;height:auto;margin-right:.5rem;margin-bottom:.3rem}
