body.welcome-active>main,body.welcome-active>.rail{display:none!important}
.welcome-screen{position:fixed;inset:0;z-index:90;background:#f5f7f6;color:#173e38;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;overflow:auto}
.welcome-brand{font:clamp(64px,10vw,112px)/1 Georgia,serif;letter-spacing:12px;text-align:center}
.welcome-audience{text-align:center;max-width:850px;margin:-64px 0 112px;flex-shrink:0}
.welcome-audience p{font-size:16px;line-height:1.5;color:#60766e;margin:0 0 10px}
.welcome-audience h1{font-size:clamp(22px,3vw,32px);line-height:1.4;font-weight:500;letter-spacing:-.5px;color:#173e38;margin:0}
.welcome-audience .welcome-promise{color:#356b5b;font-size:18px;margin:18px 0 0}
.welcome-audience[hidden]{display:none}
.welcome-brand span{display:block;font:500 14px/1.5 system-ui;letter-spacing:4px;margin-top:22px}
.welcome-intro{text-align:center;margin-top:56px;animation:welcome-in .4s ease both}
.welcome-intro h1{font-size:20px;font-weight:400;color:#698078;margin-bottom:28px;letter-spacing:0}
.welcome-primary{background:#20594b;color:white;border:0;padding:15px 24px;border-radius:10px;font-size:16px;min-width:250px}
.welcome-primary span{margin-left:30px}.welcome-footer{position:absolute;bottom:22px;font-size:12px;color:#72847e}
.welcome-address{width:min(540px,100%);margin-top:36px;animation:welcome-in .35s ease both}
.welcome-address h1{font-size:28px;line-height:1.3;margin:12px 0 24px;color:#173e38}
.welcome-address label{display:block;font-size:14px;margin-bottom:8px}
.welcome-address input{width:100%;padding:17px 18px;background:white;border:1px solid #b7cac2;border-radius:10px;font-size:16px;color:#173e38}
.welcome-back,.welcome-import{background:transparent;border:0;color:#356b5b;font-size:14px;padding:8px 0;text-align:left}
.welcome-result{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;padding:16px 18px;margin-top:12px;border:1px solid #dde6e1;background:white;border-radius:10px}
.welcome-result strong{font-size:16px;font-weight:600}.welcome-result span,.welcome-note,.welcome-status{font-size:14px;color:#60766e;line-height:1.5}.welcome-status:empty{display:none}
.welcome-note{margin-top:20px}.welcome-screen :focus-visible{outline:3px solid #aa8648;outline-offset:4px}
.welcome-home{color:inherit;text-decoration:none}.welcome-home:hover{color:#e5d7b9}
@keyframes welcome-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body.atelier-active main{animation:welcome-in .35s ease both}
@media(prefers-reduced-motion:reduce){body.atelier-active main{animation:none}}
@media(prefers-reduced-motion:reduce){.welcome-intro,.welcome-address{animation:none}}
@media(max-height:720px){.welcome-screen{justify-content:flex-start;padding-top:40px}.welcome-brand{font-size:58px}.welcome-brand span{margin-top:12px}.welcome-footer{position:static;margin-top:30px}.welcome-address{margin-top:20px}}
/* Selection states use shape/text as well as colour. */
#studio .building-choices{display:grid;gap:8px;max-height:48vh;overflow:auto;padding:2px}
#studio .building-row{display:flex;gap:6px;padding:0;background:transparent;border:0}
#studio .building-choice{position:relative;flex:1;text-align:left;padding:13px 12px 13px 36px;background:#fff;border:1px solid #d7e1df;border-radius:10px;min-height:75px}
#studio .building-choice:before{content:'';position:absolute;left:12px;top:17px;width:14px;height:14px;border:1.5px solid #93aaa1;border-radius:4px}
#studio .building-choice[aria-pressed=true]{background:#eaf5ef;border-color:#3b8b70;box-shadow:inset 3px 0 #3b8b70}
#studio .building-choice[aria-pressed=true]:before{content:'✓';background:#286d54;border-color:#286d54;color:#fff;font-size:12px;line-height:14px;text-align:center}
#studio .building-choice strong{font-size:14px;display:block;line-height:1.45}
#studio .building-choice span{font-size:12px;display:block;margin-top:5px;color:#5c746b}
#studio .building-focus{background:#f7f9f8;border-color:#e0e8e4;padding:7px;font-size:12px}
#studio .building-picker>h3{font-size:18px}#studio .building-picker>p{font-size:14px}
#studio .building-picker .primary{background:#225b50;border-color:#225b50;min-height:46px;border-radius:10px}
@media print{.welcome-screen{display:none!important}}
@media(min-width:601px) and (min-height:801px){.welcome-screen:has(.welcome-audience:not([hidden])){padding-bottom:clamp(140px,calc(100dvh - 700px),220px)}.welcome-audience{margin-top:-64px;margin-bottom:160px}}
@media(max-height:800px),(max-width:600px){.welcome-screen{justify-content:flex-start;padding:20px 22px}.welcome-audience{margin:0 0 44px}.welcome-intro{margin-top:32px}.welcome-footer{position:static;margin-top:32px}.welcome-brand{flex-shrink:0}.welcome-audience .welcome-promise{font-size:16px}}