.harbor-quest{margin:18px 0 20px;padding:23px;border:1px solid #d7dfc5;border-radius:22px;background:linear-gradient(120deg,#fffbec,#eef2df);box-shadow:0 5px #d5dfcb;color:#486c60}.harbor-intro{display:flex;align-items:center;gap:18px}.harbor-portrait{width:68px;height:80px;flex-shrink:0;border-radius:20px;background:#d9e8d3}.harbor-portrait svg{width:100%;height:100%}.harbor-intro h2{font:700 26px/1.2 'Baloo 2',sans-serif;color:#35635c;margin:5px 0 7px}.harbor-intro p{font-size:13px;line-height:1.7;margin:0;max-width:650px}.harbor-steps{padding:0;display:flex;gap:8px;list-style:none;margin:20px 0 15px;counter-reset:harbor}.harbor-steps li{counter-increment:harbor;flex:1;padding:10px 9px;border-radius:12px;border:1px solid #e1dfc7;font-size:11px;background:#f9f5e3;text-align:center}.harbor-steps li:before{content:counter(harbor);display:inline-grid;place-items:center;width:20px;height:20px;background:#e6dfbd;border-radius:50%;margin-right:5px;font-weight:700}.harbor-steps li.done{background:#e3edd8;border-color:#bfd1ac}.harbor-steps li.done:before{content:'✓';background:#9cb58a;color:#fff}.harbor-next{display:flex;gap:18px;align-items:center;justify-content:space-between}.harbor-next p{font-size:12px;line-height:1.6;max-width:530px}.harbor-next button{flex-shrink:0}.harbor-customize{border-top:1px solid #d7dfc5;margin-top:16px;padding-top:17px}.harbor-customize h3{margin:0 0 11px;font-size:15px}.roof-choices{display:flex;gap:10px;flex-wrap:wrap}.roof-choice{display:flex;align-items:center;gap:9px;padding:10px 13px;border:2px solid #d6dfc7;background:#fffbed;border-radius:12px;cursor:pointer;color:#526e60;font-weight:700}.roof-choice:before{content:'';display:block;height:22px;width:27px;background:var(--roof-color);clip-path:polygon(50% 0,100% 55%,90% 100%,10% 100%,0 55%)}.roof-choice[aria-pressed=true]{border-color:#7c9d83;box-shadow:0 3px #b8cbaa}.roof-choice:hover{background:#f4edda}.roof-choice:focus-visible{outline:3px solid #3d7e8c;outline-offset:3px}.harbor-customize p{font-size:11px;margin-bottom:0}.primary-button:active,.quiet-button:active,.roof-choice:active{transform:translateY(2px)}@media(max-width:800px){.harbor-quest{padding:17px}.harbor-intro{gap:12px}.harbor-intro h2{font-size:23px}.harbor-steps{gap:5px;flex-wrap:wrap}.harbor-steps li{min-width:40%;padding:8px}.harbor-next{align-items:flex-start;flex-direction:column;gap:4px}.harbor-next button{width:100%}}@media(prefers-reduced-motion:reduce){.primary-button:active,.quiet-button:active,.roof-choice:active{transform:none}}.less-motion .primary-button:active,.less-motion .quiet-button:active,.less-motion .roof-choice:active{transform:none}

.harbor-quest button,#lighthouseFocus{min-height:44px}.harbor-quest .primary-button:focus-visible,.harbor-quest .quiet-button:focus-visible{outline:3px solid #3d7e8c;outline-offset:3px}

.market-quest{background:linear-gradient(120deg,#fff0dc,#fbf6e7);border-color:#e4c7a4;box-shadow:0 5px #dfcfb6}.market-quest .harbor-portrait{background:#f2d8c5}.market-quest .eyebrow{color:#986647}.market-quest #marketSpeak{margin-top:12px}.awning-choice:before{clip-path:polygon(0 0,100% 0,100% 100%,80% 85%,60% 100%,40% 85%,20% 100%,0 85%)}.market-quest .harbor-customize>p{margin:0 0 12px}.market-quest .harbor-next p{flex:1}