:root{--egg:#FAF3DD;--laurel:#C8D5B9;--cambridge:#8FC0A9;--sheen:#68B0AB;--amazon:#4A7C59;--ink:#172019;--muted:#657067;--white:#fff;--line:#dce4d7}
*{box-sizing:border-box}body{margin:0;background:#fbfcf9;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.top{background:white;border-bottom:1px solid var(--line);padding:10px 4vw;display:flex;align-items:center;justify-content:space-between}.top img{width:220px;max-height:90px;object-fit:contain}.homebase{font-family:Georgia,serif;font-size:25px;color:var(--amazon)}
.wrap{max-width:1180px;margin:28px auto;padding:0 20px;display:grid;grid-template-columns:245px 1fr;gap:24px}.side,.panel{background:white;border:1px solid var(--line);border-radius:14px}.side{padding:20px;height:max-content;position:sticky;top:18px}.panel{padding:34px}
.client{font-family:Georgia,serif;font-size:23px;margin:3px 0;color:var(--amazon)}.small{font-size:13px;color:var(--muted);line-height:1.5}.progress{height:8px;background:#edf1e9;border-radius:9px;margin:15px 0}.progress div{height:100%;background:var(--amazon);border-radius:9px}
.side a{display:block;text-decoration:none;color:#536057;padding:10px;border-radius:8px;margin:3px 0}.side a.active{background:var(--egg);color:var(--amazon);font-weight:700}
.kicker{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--amazon);font-weight:700}h1,h2,h3{font-family:Georgia,serif;color:#26382b}h1{font-size:34px;margin:8px 0 12px}h2{font-size:27px;margin:7px 0 10px}.intro{color:#59645c;line-height:1.65}.note{background:var(--egg);border-left:4px solid var(--cambridge);padding:15px 17px;border-radius:0 8px 8px 0;margin:20px 0}
.field,.question{padding:19px 0;border-top:1px solid #edf0ea}.field:first-of-type,.question:first-of-type{border-top:0}label,.prompt{font-weight:700;line-height:1.5;display:block;margin-bottom:8px}.help{font-size:13px;color:var(--muted);line-height:1.5;margin:-2px 0 9px}
input[type=text],input[type=email],input[type=url],input[type=date],input[type=number],textarea,select{width:100%;padding:12px;border:1px solid #cbd5c8;border-radius:8px;background:white;font:inherit}textarea{min-height:110px;resize:vertical}.check{font-weight:400;padding:5px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.repeat{display:grid;grid-template-columns:1fr 1.4fr 42px;gap:8px;margin:8px 0}.repeat4{grid-template-columns:1fr 1.2fr 1fr 1fr 42px}.rank{display:grid;grid-template-columns:80px 1fr;gap:10px;margin:8px 0}.remove{border:0;background:#f0f3ed;border-radius:7px;cursor:pointer}
.actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.btn{display:inline-block;padding:12px 18px;border-radius:8px;border:1px solid var(--amazon);text-decoration:none;font-weight:700;cursor:pointer}.primary{background:var(--amazon);color:white}.secondary{background:white;color:var(--amazon)}.saved{font-size:13px;color:var(--amazon)}.upload{border:1px dashed #aebdac;padding:15px;border-radius:10px;margin:10px 0}.tag{display:inline-block;background:var(--laurel);padding:5px 9px;border-radius:99px;font-size:12px}
@media(max-width:800px){.wrap{grid-template-columns:1fr}.side{position:static}.grid2,.repeat,.repeat4,.rank{grid-template-columns:1fr}.top img{width:165px}.panel{padding:22px}}