:root{--teal: #4a8ba6;--teal-dark: #3a7690;--cream: #fbfff0;--input-bg: #d3d6c6;--error: #c8381f;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream);color:var(--teal-dark)}a{color:inherit}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--teal-dark);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-header{background:var(--teal);padding:20px 0}.site-header a{display:block}.site-header img{display:block;width:100%;max-width:620px;height:auto;margin:0 auto;padding:0 20px}.page{max-width:680px;margin:0 auto;padding:40px 24px 64px}.tag-link{display:block;width:fit-content;margin:0 0 24px auto;padding:8px 20px;background:var(--teal-dark);color:#fff;font-size:1.1rem;text-transform:uppercase}.post-image{display:block;width:100%;height:auto}.post-title{margin:24px 0 8px;font-size:2.6rem;line-height:1.1;text-transform:uppercase;color:var(--teal-dark)}.post p{margin:0 0 1.2em;font-size:1.35rem;line-height:1.5}.post .cta{font-weight:700;margin-top:1.5em}.pill-button{display:block;width:100%;max-width:410px;margin:24px auto 0;padding:10px 24px;border:0;border-radius:999px;background:var(--teal-dark);color:#fff;font-size:2rem;font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none}.logout{display:block;margin:32px auto 0;padding:0;border:0;background:none;color:var(--teal-dark);font-size:1.1rem;font-weight:700;text-decoration:underline}.login-form{max-width:650px;margin:0 auto;padding:0 30px}.login-page{padding-top:120px}.login-page .post-title{margin-bottom:32px}.login-input{display:block;width:100%;margin:0 0 32px;padding:24px 40px;border:0;border-radius:0;background:var(--input-bg);color:var(--teal-dark);font:700 1.4rem Noto Sans,sans-serif}.login-input::placeholder{color:var(--teal-dark);opacity:1}.error-message{margin:-16px 0 8px;color:var(--error);font-size:1.3rem;font-weight:700;text-align:center}.notes-list p{font-size:1.2rem}@media(max-width:480px){.page{padding:28px 20px 48px}.post-title{font-size:2.1rem}.post p{font-size:1.2rem}.login-page{padding-top:64px}.login-input{padding:20px 24px;margin-bottom:24px}.pill-button{font-size:1.6rem}}