:root{--green:#245c45;--green2:#eaf3ee;--ink:#1e2924;--paper:#fbfaf6;--line:#d9ded9}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}
.wrap{width:min(980px,92%);margin:auto}header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{font-family:Georgia,serif;font-size:1.6rem;font-weight:bold;color:var(--green);text-decoration:none}
nav{display:flex;gap:16px;align-items:center}nav a{color:var(--ink);text-decoration:none}.hero{padding:90px 0 55px;max-width:760px}.hero h1,.pagehead h1{font:700 clamp(2.7rem,7vw,5rem)/.95 Georgia,serif;margin:.1em 0}
.lead{font-size:1.35rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:bold;color:var(--green)}
.button{display:inline-block;border:0;border-radius:9px;background:var(--green);color:white!important;padding:12px 18px;text-decoration:none;font-weight:bold;cursor:pointer}.small{padding:8px 12px}
.card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin:22px 0;box-shadow:0 4px 18px rgba(0,0,0,.035)}
.pagehead{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:48px 0 12px}.pagehead h1{font-size:3.4rem}.progress{background:var(--green2);padding:16px 22px;border-radius:12px;min-width:160px}.progress strong{display:block;font-size:1.5rem}.progress span{font-size:.85rem}
.section-title{font-family:Georgia,serif;margin-top:48px}.question{display:flex;gap:18px}.qnum{width:42px;height:42px;border-radius:50%;background:var(--green2);display:grid;place-items:center;font-weight:bold;color:var(--green);flex:0 0 auto}.qbody{flex:1}.qbody h3{margin-top:4px;font-family:Georgia,serif;font-size:1.35rem}
textarea,input{width:100%;font:inherit;border:1px solid #bbc5bf;border-radius:9px;padding:12px;background:#fff}textarea{resize:vertical}.actions{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}.mic{border:1px solid var(--green);background:white;color:var(--green);border-radius:8px;padding:8px 12px;cursor:pointer}.skip{display:flex;gap:7px;align-items:center;margin-right:auto;font-size:.9rem}.skip input{width:auto}
.auth{max-width:520px;margin:60px auto}.auth label{display:block;margin:16px 0;font-weight:bold}.error{background:#fff0f0;padding:10px;border-radius:8px}.muted{color:#68716d}.book p{white-space:normal}
footer{margin-top:60px;border-top:1px solid var(--line);padding:28px 0;color:#66706b;font-size:.9rem}
@media(max-width:650px){.pagehead{display:block}.progress{margin-top:20px}.question{padding:18px 14px}.nav nav{gap:9px;font-size:.9rem}}