*{box-sizing:border-box}body{margin:0;color:#083848;background:linear-gradient(#e8f6f4ef,#fbf6e9f2),url('dausoko-background.png') center/cover fixed;font:16px/1.55 system-ui,sans-serif}header{display:flex;justify-content:space-between;gap:1rem;padding:1rem 5%;background:#063949;color:white}header a{color:white;font-weight:800;text-decoration:none}main{width:min(960px,92vw);margin:3rem auto 5rem}.eyebrow{letter-spacing:.18em;font-size:.75rem;font-weight:800}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin:.3rem 0}.lead{max-width:45rem;font-size:1.1rem}.panel{background:#fffc;border:1px solid #bdd4d2;border-radius:20px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 12px 28px #0a35421a}h2{margin:0 0 1rem}label{display:block;font-weight:700;margin:1rem 0}input,select,textarea{display:block;width:100%;margin:.3rem 0;padding:.8rem;border:1px solid #8facac;border-radius:10px;font:inherit;background:white;color:#083848}textarea{min-height:6rem}button,.button{display:inline-block;border:0;border-radius:10px;background:#087b87;color:white;padding:.8rem 1.1rem;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.card,.post{border-top:1px solid #c9d9d6;padding:1rem 0}.card:first-child,.post:first-child{border-top:0}.card h3{margin:0}.meta,.footnote{color:#4b666a;font-size:.92rem}.card-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.7rem}.secondary{background:#e2f1ef;color:#075b65}.error{color:#9c2433;font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d58100;outline-offset:3px}
body{background-image:linear-gradient(#e8f6f4ef,#fbf6e9f2),url('assets/dausoko-wayfinding-background.png')}
