body.regs-showcase-page{padding-bottom:0;background:#edf5f8}body.regs-showcase-page .regs-paid-banner{display:none}.showcase-shell{min-height:calc(100svh - 76px);padding:18px max(22px,calc((100vw - 1500px)/2)) 50px;color:#173b5c;background:linear-gradient(135deg,#f9fcfd 0 68%,#e3f1f6 68%)}
.showcase-ribbon{display:grid;grid-template-columns:minmax(330px,1fr) minmax(510px,1.15fr) auto;align-items:center;gap:22px;margin-bottom:16px;padding:15px 18px;color:#fff;border-radius:12px;background:linear-gradient(110deg,#092f51,#174f78);box-shadow:0 18px 40px rgba(8,47,82,.17)}.showcase-ribbon p,.showcase-collection p,.system-hero p,.system-story p,.admin-rolodex p,.admin-record p,.admin-photo-rolodex p{margin:0;color:#efc75e;font-size:8px;font-weight:900;letter-spacing:.15em}.showcase-ribbon h1{margin:2px 0;color:#fff;font:500 clamp(25px,2.2vw,36px)/1 Georgia,serif}.showcase-ribbon>div>span{display:block;color:#d8e6ed;font-size:11px}.showcase-ribbon nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.showcase-ribbon nav button{position:relative;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:0 7px;padding:9px;color:#d8e7ef;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:rgba(255,255,255,.06);text-align:left;cursor:pointer}.showcase-ribbon nav button b{grid-row:1/3;display:grid;width:26px;height:26px;place-items:center;color:#efc75e;border:1px solid rgba(239,199,94,.6);border-radius:50%;font:700 10px Georgia,serif}.showcase-ribbon nav button span{font-size:10px;font-weight:900}.showcase-ribbon nav button small{color:#bcd0dc;font-size:7px}.showcase-ribbon nav button.is-active{color:#123b63;border-color:#efc75e;background:#fff8dc;box-shadow:0 7px 18px rgba(0,0,0,.18)}.showcase-ribbon nav button.is-active small{color:#667b87}.showcase-ribbon>a{padding:10px 13px;color:#123b63!important;border-radius:5px;background:#efc75e;font-size:10px;font-weight:900;white-space:nowrap}
.showcase-view{display:grid;gap:15px;min-height:660px;animation:showcase-in .22s ease}.showcase-view[hidden]{display:none!important}@keyframes showcase-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.showcase-view[data-showcase-panel=profile]{grid-template-columns:270px minmax(420px,1.2fr) minmax(330px,.85fr)}.showcase-profile-card,.showcase-collection,.system-metrics article,.system-story,.system-service-card,.admin-rolodex,.admin-record{border:1px solid #c9dbe4;border-radius:12px;background:#fff;box-shadow:0 17px 38px rgba(18,59,99,.09)}.showcase-profile-card{display:grid;align-content:start;justify-items:center;padding:25px 20px;text-align:center}.showcase-avatar{display:grid;width:94px;height:94px;place-items:center;color:#123b63;border:6px solid #fff2bd;border-radius:50%;background:linear-gradient(145deg,#f7ca55,#e7a917);box-shadow:0 11px 28px rgba(190,137,17,.3);font-size:46px}.showcase-profile-card>p{margin:15px 0 0;color:#a57200;font-size:8px;font-weight:900;letter-spacing:.15em}.showcase-profile-card h2{margin:2px 0;color:#123b63;font:600 29px Georgia,serif}.showcase-profile-card>span{color:#617681;font-size:10px}.showcase-level{width:100%;height:8px;margin:18px 0 5px;overflow:hidden;border-radius:10px;background:#e1e9ed}.showcase-level i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#d6a42d,#f0ca63)}.showcase-profile-card>small{color:#6e818d;font-size:8px}.showcase-profile-card dl{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0 0;background:#dae5ea}.showcase-profile-card dl>div{display:grid;padding:10px;background:#f7fafb}.showcase-profile-card dt{color:#a67200;font-size:7px;font-weight:900;text-transform:uppercase}.showcase-profile-card dd{margin:1px 0;color:#123b63;font-size:10px;font-weight:850}
.showcase-neighbourhood-card{position:relative;min-height:660px;overflow:hidden;border-radius:12px;background:#123b63;box-shadow:0 21px 50px rgba(8,47,82,.18)}.showcase-neighbourhood-card>img{width:100%;height:100%;object-fit:cover;object-position:center}.showcase-neighbourhood-card>div{position:absolute;right:0;bottom:0;left:0;padding:34px 24px 22px;color:#fff;background:linear-gradient(0deg,rgba(4,28,49,.98),rgba(4,28,49,.82) 60%,transparent)}.showcase-neighbourhood-card p{margin:0;color:#efc75e;font-size:8px;font-weight:900;letter-spacing:.15em}.showcase-neighbourhood-card h2{margin:2px 0;color:#fff;font:500 32px Georgia,serif}.showcase-neighbourhood-card span{color:#d8e5ed;font-size:10px;line-height:1.5}
.showcase-collection{padding:20px}.showcase-collection>header,.system-story>header,.admin-photo-rolodex>header{display:flex;align-items:start;justify-content:space-between;gap:14px}.showcase-collection h2,.system-story h2{margin:2px 0;color:#123b63;font:500 24px/1.05 Georgia,serif}.showcase-collection>header>span,.system-story>header>span,.admin-photo-rolodex>header>span{padding:5px 8px;color:#35734e;border-radius:20px;background:#eaf7ef;font-size:7px;font-weight:850}.showcase-house-model{display:grid;grid-template-columns:115px 1fr;gap:12px;margin:18px 0;padding:9px;border:1px solid #d7e2e7;border-radius:8px;background:#f7fafb}.showcase-house-model img{width:115px;height:92px;object-fit:cover;border-radius:5px}.showcase-house-model>div{display:grid;align-content:center}.showcase-house-model small{color:#a67200;font-size:7px;font-weight:900}.showcase-house-model strong{color:#123b63;font:600 18px Georgia,serif}.showcase-house-model span{color:#687d88;font-size:9px}.showcase-pet-icons{display:grid;gap:8px}.showcase-pet-icons article{display:grid;grid-template-columns:45px 1fr;gap:9px;align-items:center;padding:8px;border:1px solid #eadcb7;border-radius:8px;background:#fffaf0}.showcase-pet-icons i{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#fff;font-size:24px;font-style:normal}.showcase-pet-icons div{display:grid}.showcase-pet-icons strong{font:600 15px Georgia,serif}.showcase-pet-icons small{color:#71828d;font-size:8px}.showcase-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.showcase-badges span{padding:6px 8px;color:#2f5b72;border:1px solid #cbdce5;border-radius:20px;background:#f6fafb;font-size:8px;font-weight:800}
.showcase-view[data-showcase-panel=status]{grid-template-columns:repeat(4,1fr)}.system-hero{position:relative;grid-column:1/-1;display:grid;grid-template-columns:43% 1fr;min-height:270px;overflow:hidden;border-radius:12px;background:#0a355a;box-shadow:0 20px 48px rgba(8,47,82,.16)}.system-hero img{width:100%;height:100%;object-fit:cover}.system-hero>div{display:grid;align-content:center;padding:30px 38px;color:#fff}.system-hero h2{margin:3px 0;color:#fff;font:500 clamp(32px,3vw,48px)/1 Georgia,serif}.system-hero>div>span{color:#d2e1e8;font-size:12px;line-height:1.5}.system-health{display:grid;grid-template-columns:13px auto 1fr;gap:5px 9px;align-items:center;margin-top:20px;padding:10px 12px;border:1px solid rgba(159,224,182,.45);border-radius:7px;background:rgba(43,128,80,.23)}.system-health i{grid-row:1/3;width:11px;height:11px;border-radius:50%;background:#69d28f;box-shadow:0 0 0 5px rgba(105,210,143,.15)}.system-health b{font-size:11px}.system-health small{grid-column:2;color:#c5dbcf;font-size:8px}
.system-metrics{display:contents}.system-metrics article{display:grid;grid-template-columns:42px 1fr;padding:16px}.system-metrics article>span{grid-row:1/5;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#fff4cb;font-size:18px}.system-metrics small{color:#aa7500;font-size:7px;font-weight:900;letter-spacing:.11em}.system-metrics strong{margin:2px 0;color:#123b63;font:600 17px Georgia,serif}.system-metrics p{margin:2px 0;color:#657984;font-size:8px;line-height:1.4}.system-story{grid-column:1/4;padding:20px}.system-chart{display:flex;height:190px;align-items:end;gap:13px;margin:19px 0 10px;padding:15px 15px 26px;border:1px solid #d8e4ea;border-radius:8px;background:repeating-linear-gradient(0deg,#f7fafb 0,#f7fafb 34px,#e8eff2 35px)}.system-chart i{position:relative;flex:1;min-width:20px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#efc75e,#21719e);box-shadow:0 6px 12px rgba(22,83,119,.15)}.system-chart b{position:absolute;top:calc(100% + 6px);left:50%;color:#71828c;font-size:7px;font-style:normal;transform:translateX(-50%)}.system-story aside{padding:10px 12px;color:#345e48;border-left:4px solid #62a879;background:#eef8f1;font-size:9px}.system-story aside b{margin-right:5px}.system-service-card{grid-column:4;display:grid;align-content:center;justify-items:start;padding:22px}.system-service-card>span{font-size:37px}.system-service-card small{color:#a67200;font-size:7px;font-weight:900;letter-spacing:.13em}.system-service-card h3{margin:3px 0;color:#123b63;font:600 22px Georgia,serif}.system-service-card p{color:#687c87;font-size:9px;line-height:1.5}.system-service-card button{margin-top:12px;padding:8px 10px;color:#123b63;border:1px solid #bfcfd8;border-radius:5px;background:#fff;font-size:9px;font-weight:900}
.showcase-view[data-showcase-panel=admin]{grid-template-columns:275px 1fr}.admin-rolodex{overflow:hidden}.admin-rolodex>header{padding:18px;border-bottom:1px solid #d9e3e8}.admin-rolodex h2{margin:2px 0 12px;color:#123b63;font:600 24px Georgia,serif}.admin-rolodex input{width:100%;min-height:38px;padding:8px 10px;border:1px solid #c5d5dd;border-radius:5px;font-size:10px}.admin-rolodex>button{display:grid;width:100%;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:12px 14px;color:#274b61;border:0;border-bottom:1px solid #e2e9ed;background:#fff;text-align:left;cursor:pointer}.admin-rolodex>button.is-active{background:#fff7da;box-shadow:inset 4px 0 #d5a63a}.admin-rolodex button i{display:grid;width:36px;height:36px;place-items:center;color:#fff;border-radius:50%;background:#123b63;font-size:10px;font-style:normal;font-weight:900}.admin-rolodex button span{display:grid}.admin-rolodex button b{font-size:10px}.admin-rolodex button small{color:#75868f;font-size:8px}.admin-rolodex button em{color:#397453;font-size:8px;font-style:normal;font-weight:900}.admin-record{overflow:hidden}.admin-record>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;color:#fff;background:#123b63}.admin-record>header h2{margin:2px 0;color:#fff;font:500 27px Georgia,serif}.admin-record>header span{color:#ccdae2;font-size:8px}.admin-record>header>div:last-child{display:flex;gap:7px}.admin-record>header button{padding:7px 9px;color:#123b63;border:0;border-radius:4px;background:#f5d36f;font-size:8px;font-weight:900}.admin-status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce5e9}.admin-status-row span{display:grid;padding:9px 12px;color:#66808c;background:#f6fafb;font-size:8px}.admin-status-row b{color:#317050;font-size:9px}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:10px;padding:13px}.admin-detail-grid article{overflow:hidden;border:1px solid #d7e2e7;border-radius:7px;background:#fff}.admin-detail-grid h3{margin:0;padding:9px 11px;color:#123b63;background:#fff7dd;font:600 15px Georgia,serif}.admin-detail-grid dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.admin-detail-grid dl>div{padding:7px 9px;border-right:1px solid #edf1f3;border-bottom:1px solid #edf1f3}.admin-detail-grid dt{color:#a36f00;font-size:6px;font-weight:900;text-transform:uppercase}.admin-detail-grid dd{margin:1px 0;color:#345366;font-size:8px}.admin-detail-grid ul{display:grid;gap:6px;margin:0;padding:11px;list-style:none}.admin-detail-grid li{position:relative;padding-left:17px;color:#526d7a;font-size:8px}.admin-detail-grid li:before{position:absolute;left:0}.admin-detail-grid li.ok:before{content:'✓';color:#31805a}.admin-detail-grid li.watch:before{content:'!';display:grid;width:12px;height:12px;place-items:center;color:#fff;border-radius:50%;background:#d7a22a;font-size:7px}.admin-photo-rolodex{padding:0 13px 15px}.admin-photo-rolodex>header{margin-bottom:8px}.admin-photo-rolodex h3{margin:1px 0;color:#123b63;font:600 18px Georgia,serif}.admin-photo-rolodex>div{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.admin-photo-rolodex figure{overflow:hidden;margin:0;border:1px solid #cedce3;border-radius:6px;background:#fff}.admin-photo-rolodex img{width:100%;height:88px;object-fit:cover}.admin-photo-rolodex figcaption{display:grid;padding:6px;color:#38566a;font-size:7px}.admin-photo-rolodex figcaption b{color:#34724f}
@media(max-width:1200px){.showcase-ribbon{grid-template-columns:1fr auto}.showcase-ribbon nav{grid-row:2;grid-column:1/-1}.showcase-view[data-showcase-panel=profile]{grid-template-columns:240px 1fr}.showcase-collection{grid-column:1/-1}.showcase-neighbourhood-card{min-height:540px}.system-story{grid-column:1/-1}.system-service-card{grid-column:1/-1}.showcase-view[data-showcase-panel=admin]{grid-template-columns:230px 1fr}.admin-detail-grid{grid-template-columns:1fr 1fr}.admin-detail-grid article:last-child{grid-column:1/-1}.admin-photo-rolodex>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.showcase-shell{padding:10px}.showcase-ribbon{grid-template-columns:1fr}.showcase-ribbon nav{grid-column:auto}.showcase-ribbon>a{justify-self:start}.showcase-view[data-showcase-panel=profile],.showcase-view[data-showcase-panel=admin]{grid-template-columns:1fr}.showcase-neighbourhood-card{min-height:430px;grid-row:1}.system-hero{grid-template-columns:1fr}.system-hero img{height:220px}.showcase-view[data-showcase-panel=status]{grid-template-columns:1fr 1fr}.system-metrics{display:contents}.system-story,.system-service-card{grid-column:1/-1}.admin-rolodex{display:none}.admin-status-row{grid-template-columns:1fr 1fr}.admin-detail-grid{grid-template-columns:1fr}.admin-detail-grid article:last-child{grid-column:auto}}
@media(max-width:520px){.showcase-ribbon nav{grid-template-columns:1fr}.showcase-view[data-showcase-panel=status]{grid-template-columns:1fr}.system-hero,.system-story,.system-service-card{grid-column:1}.admin-photo-rolodex>div{grid-template-columns:1fr 1fr}.admin-record>header{align-items:flex-start;flex-direction:column}}

/* SolarSeeker47's public profile is a custom place, not a generic account card. */
.showcase-view[data-showcase-panel=profile]{grid-template-columns:270px minmax(500px,1.35fr) minmax(330px,.8fr)}
.showcase-avatar{width:110px;height:110px;overflow:hidden;border-color:#fff2bd;background:linear-gradient(145deg,#dff3fb,#f8d568);font-size:0}
.showcase-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.showcase-avatar-traits{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:14px}
.showcase-avatar-traits span{padding:5px 7px;color:#285974;border:1px solid #c8dce6;border-radius:18px;background:#eef8fb;font-size:7px;font-weight:800}
.showcase-neighbourhood-card>div{top:18px;right:auto;bottom:auto;left:18px;width:min(390px,calc(100% - 36px));padding:15px 17px;border:1px solid rgba(239,199,94,.7);border-radius:9px;background:rgba(4,36,61,.91);box-shadow:0 12px 30px rgba(4,28,49,.2);backdrop-filter:blur(4px)}
.showcase-neighbourhood-card h2{font-size:31px}
.showcase-neighbourhood-card span{display:block;max-width:620px}
.showcase-house-model{grid-template-columns:125px 1fr}
.showcase-house-model img{width:125px;height:94px;object-position:62% 42%}
.showcase-pet-icons article{grid-template-columns:50px 1fr}
.showcase-pet-icons .pet-portrait{position:relative;display:block;width:46px;height:46px;overflow:hidden;border:2px solid #f0ca63;border-radius:50%;background:#dceef4;font-size:0;font-style:normal}
.showcase-pet-icons .pet-portrait img{position:absolute;width:220px;max-width:none;height:auto}
.showcase-pet-icons .pet-dog img{top:-79px;left:-105px}
.showcase-pet-icons .pet-bunny img{top:-67px;left:-134px}
.showcase-pet-icons .pet-tortoise img{top:-73px;left:-158px}
.showcase-pet-icons strong{color:#123b63}
.showcase-scene-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.showcase-scene-checks span{display:grid;padding:8px;color:#5f7581;border-left:3px solid #4b9a6a;background:#eef8f2;font-size:7px;line-height:1.4}
.showcase-scene-checks b{color:#226341;font-size:7px;letter-spacing:.08em}
.showcase-rewards{grid-column:1/-1;display:grid;grid-template-columns:300px minmax(420px,.9fr) 1.6fr;gap:15px;padding:20px;border:1px solid #c9dbe4;border-radius:12px;background:#fff;box-shadow:0 17px 38px rgba(18,59,99,.09)}
.showcase-rewards>header{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #dfe8ec}
.showcase-rewards header p{margin:0;color:#a77300;font-size:8px;font-weight:900;letter-spacing:.15em}
.showcase-rewards header h2{margin:2px 0;color:#123b63;font:500 28px/1 Georgia,serif}
.showcase-rewards header span{color:#687d88;font-size:9px}
.showcase-rewards header>strong{display:grid;min-width:62px;height:62px;place-items:center;color:#123b63;border:6px solid #f4d470;border-radius:50%;background:#fff8dc;font:700 16px Georgia,serif}
.showcase-referral-card{display:grid;align-content:center;gap:12px;padding:16px;color:#fff;border-radius:9px;background:linear-gradient(135deg,#0d3a61,#17658d)}
.showcase-referral-card>div{display:grid}
.showcase-referral-card small{color:#f2cb62;font-size:7px;font-weight:900;letter-spacing:.12em}
.showcase-referral-card b{font:600 27px Georgia,serif}
.showcase-referral-card span{color:#d2e3eb;font-size:8px}
.showcase-referral-card button{padding:9px;color:#123b63;border:0;border-radius:5px;background:#f2cc62;font-size:9px;font-weight:900;cursor:pointer}
.showcase-unlock-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:10px;padding-top:20px}
.showcase-unlock-track:before{content:'';position:absolute;top:36px;right:12%;left:12%;height:5px;border-radius:10px;background:linear-gradient(90deg,#dfaa27 0 63%,#dbe5e9 63%)}
.showcase-unlock-track i{position:relative;display:grid;justify-items:center;gap:6px;color:#80919a;font-style:normal;text-align:center}
.showcase-unlock-track i b{z-index:1;display:grid;width:38px;height:38px;place-items:center;color:#6f818b;border:4px solid #dbe5e9;border-radius:50%;background:#fff;font:700 13px Georgia,serif}
.showcase-unlock-track i.is-earned{color:#285b42}
.showcase-unlock-track i.is-earned b{color:#123b63;border-color:#f1ca61;background:#fff8dc}
.showcase-unlock-track i span{font-size:8px;font-weight:900}
.showcase-reward-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.showcase-reward-notes article{display:grid;align-content:start;padding:12px;border:1px solid #d7e2e7;border-radius:8px;background:#f8fbfc}
.showcase-reward-notes small{color:#a67200;font-size:7px;font-weight:900;letter-spacing:.1em}
.showcase-reward-notes strong{margin:3px 0;color:#123b63;font:600 15px/1.1 Georgia,serif}
.showcase-reward-notes span{color:#687d88;font-size:8px;line-height:1.45}
@media(max-width:1200px){.showcase-view[data-showcase-panel=profile]{grid-template-columns:240px 1fr}.showcase-rewards{grid-template-columns:1fr 1fr}.showcase-reward-notes{grid-column:1/-1}}
@media(max-width:800px){.showcase-view[data-showcase-panel=profile]{grid-template-columns:1fr}.showcase-rewards{grid-template-columns:1fr}.showcase-reward-notes{grid-template-columns:1fr}}

/* Fourth demo: a privacy-safe, city-builder-style community block. */
.showcase-ribbon{grid-template-columns:minmax(310px,.85fr) minmax(700px,1.8fr) auto}
.showcase-ribbon nav{grid-template-columns:repeat(5,1fr)}
.showcase-view[data-showcase-panel=block]{grid-template-columns:minmax(620px,1.55fr) minmax(390px,.8fr);align-items:start}
.neighbourhood-map-card,.neighbourhood-profile-card,.neighbourhood-directory,.build-system-intro,.build-system-cards article,.build-system-finish{border:1px solid #c9dbe4;border-radius:12px;background:#fff;box-shadow:0 17px 38px rgba(18,59,99,.09)}
.neighbourhood-map-card{position:relative;grid-row:1/3;min-height:690px;overflow:hidden;background:#173b5c}
.neighbourhood-map-card>img{width:100%;height:100%;min-height:690px;object-fit:cover}
.neighbourhood-map-title{position:absolute;top:18px;left:18px;width:min(390px,calc(100% - 36px));padding:15px 17px;color:#fff;border:1px solid rgba(239,199,94,.7);border-radius:9px;background:rgba(4,36,61,.92);box-shadow:0 12px 30px rgba(4,28,49,.2);backdrop-filter:blur(4px)}
.neighbourhood-map-title p,.neighbourhood-profile-card p,.neighbourhood-directory p,.build-system-intro p{margin:0;color:#efc75e;font-size:8px;font-weight:900;letter-spacing:.15em}
.neighbourhood-map-title h2{margin:3px 0;color:#fff;font:500 30px/1 Georgia,serif}
.neighbourhood-map-title span{color:#d7e5ec;font-size:9px;line-height:1.45}
.map-plot{position:absolute;display:grid;width:32px;height:32px;place-items:center;color:#123b63;border:3px solid #fff;border-radius:50%;background:#efc75e;box-shadow:0 4px 14px rgba(5,35,58,.36);font:900 8px Arial,sans-serif;cursor:pointer;transition:.18s ease}
.map-plot:hover,.map-plot:focus-visible,.map-plot.is-active{z-index:2;color:#fff;border-color:#f9dd82;background:#0d4c74;transform:translateY(-4px) scale(1.12)}
.map-plot.is-active:after{content:'YOU';position:absolute;top:33px;padding:3px 6px;color:#123b63;border-radius:10px;background:#fff7d5;font-size:6px;letter-spacing:.08em;box-shadow:0 3px 8px rgba(0,0,0,.16)}
.plot-12{top:24%;left:11%}.plot-18{top:14%;left:30%}.plot-22{top:18%;left:50%}.plot-25{top:12%;left:80%}.plot-31{top:32%;left:68%}.plot-36{top:43%;left:24%}.plot-40{top:48%;left:88%}.plot-44{top:64%;left:10%}.plot-46{top:73%;left:31%}.plot-47{top:66%;left:59%}
.neighbourhood-profile-card{overflow:hidden}
.neighbourhood-profile-card>header{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:15px;color:#fff;background:linear-gradient(115deg,#103d64,#17678e)}
.block-avatar{display:grid;width:60px;height:60px;place-items:center;overflow:hidden;color:#123b63;border:3px solid #f2ce68;border-radius:50%;background:#fff7d4}
.block-avatar img{width:100%;height:100%;object-fit:cover}.block-avatar b{font:700 18px Georgia,serif}
.neighbourhood-profile-card>header h2{margin:2px 0;color:#fff;font:600 24px Georgia,serif}.neighbourhood-profile-card>header span{color:#d4e4ec;font-size:9px}.neighbourhood-profile-card>header em{padding:5px 7px;color:#123b63;border-radius:20px;background:#f3ce64;font-size:7px;font-style:normal;font-weight:900}
.block-home-summary{display:grid;padding:14px 16px;border-bottom:1px solid #dce6ea;background:#fffaf0}.block-home-summary small{color:#a67200;font-size:7px;font-weight:900;letter-spacing:.1em}.block-home-summary strong{color:#123b63;font:600 18px Georgia,serif}.block-home-summary span{color:#687d88;font-size:8px}
.neighbourhood-profile-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:#dce6ea}.neighbourhood-profile-card dl>div{display:grid;padding:10px 12px;background:#fff}.neighbourhood-profile-card dt{color:#a67200;font-size:7px;font-weight:900;text-transform:uppercase}.neighbourhood-profile-card dd{margin:2px 0;color:#274e65;font-size:9px;font-weight:800}
.block-privacy-note{display:grid;padding:12px 14px;color:#4e6e5c;border-left:4px solid #57a276;background:#eff8f2}.block-privacy-note b{color:#276342;font:600 15px Georgia,serif}.block-privacy-note span{font-size:8px;line-height:1.45}
.neighbourhood-directory{padding:14px}.neighbourhood-directory>header{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:10px}.neighbourhood-directory h2{margin:2px 0;color:#123b63;font:600 20px/1.05 Georgia,serif}.neighbourhood-directory>header>span{padding:5px 7px;color:#397052;border-radius:20px;background:#eaf7ef;font-size:7px;font-weight:850}.neighbourhood-directory>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.neighbourhood-directory button{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center;padding:7px;color:#36596c;border:1px solid #d6e1e7;border-radius:7px;background:#f8fbfc;text-align:left;cursor:pointer}.neighbourhood-directory button>b{display:grid;width:29px;height:29px;place-items:center;color:#123b63;border-radius:50%;background:#f4d675;font-size:7px}.neighbourhood-directory button>span{display:grid}.neighbourhood-directory button strong{font-size:8px}.neighbourhood-directory button small{color:#73858e;font-size:7px}.neighbourhood-directory button:hover,.neighbourhood-directory button.is-active{border-color:#d7a72d;background:#fff8dc;box-shadow:inset 3px 0 #d7a72d}

/* Fifth demo: plain-language cards, not a construction simulator. */
.showcase-view[data-showcase-panel=build]{grid-template-columns:1fr}
.build-system-intro{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:center;padding:24px 28px;color:#fff;background:linear-gradient(115deg,#0a355a,#17678e)}
.build-system-intro h2{margin:3px 0;color:#fff;font:500 clamp(31px,3vw,48px)/1 Georgia,serif}.build-system-intro>div>span{display:block;max-width:760px;color:#d2e2ea;font-size:11px;line-height:1.5}.build-system-intro aside{display:grid;padding:14px 16px;color:#123b63;border:1px solid #f0cf70;border-radius:9px;background:#fff7d6}.build-system-intro aside b{font:600 18px Georgia,serif}.build-system-intro aside span{color:#5b6f78;font-size:9px;line-height:1.45}
.build-system-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.build-system-cards article{display:grid;grid-template-columns:150px 1fr;min-height:210px;overflow:hidden}.build-system-cards article>img{width:150px;height:100%;object-fit:cover}.build-system-cards article>div{display:grid;align-content:center;padding:16px}.build-system-cards small{color:#a57100;font-size:7px;font-weight:900;letter-spacing:.12em}.build-system-cards h3{margin:2px 0;color:#123b63;font:600 22px/1 Georgia,serif}.build-system-cards p{margin:6px 0;color:#607581;font-size:9px;line-height:1.45}.build-system-cards article span{align-self:end;margin-top:7px;padding-top:7px;color:#2f6c4d;border-top:1px solid #d8e5dc;font-size:8px;font-weight:850}
.build-system-finish{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;color:#123b63;background:#fff8dc}.build-system-finish b{font:600 18px Georgia,serif}.build-system-finish span{color:#627680;font-size:9px}
@media(max-width:1450px){.showcase-ribbon{grid-template-columns:1fr auto}.showcase-ribbon nav{grid-row:2;grid-column:1/-1}.build-system-cards article{grid-template-columns:125px 1fr}.build-system-cards article>img{width:125px}}
@media(max-width:1100px){.showcase-view[data-showcase-panel=block]{grid-template-columns:1fr}.neighbourhood-map-card{grid-row:auto}.neighbourhood-profile-card,.neighbourhood-directory{grid-column:1}.build-system-cards{grid-template-columns:1fr 1fr}.build-system-intro{grid-template-columns:1fr}}
@media(max-width:800px){.showcase-ribbon nav{grid-template-columns:1fr 1fr}.showcase-ribbon nav button:last-child{grid-column:1/-1}.neighbourhood-map-card,.neighbourhood-map-card>img{min-height:510px}.neighbourhood-map-title{width:min(330px,calc(100% - 36px))}.neighbourhood-map-title h2{font-size:25px}.build-system-cards{grid-template-columns:1fr}}
@media(max-width:520px){.showcase-ribbon nav{grid-template-columns:1fr}.showcase-ribbon nav button:last-child{grid-column:auto}.neighbourhood-map-card,.neighbourhood-map-card>img{min-height:430px}.map-plot{width:27px;height:27px}.neighbourhood-directory>div{grid-template-columns:1fr}.build-system-cards article{grid-template-columns:105px 1fr}.build-system-cards article>img{width:105px}.build-system-intro{padding:20px}.build-system-finish{align-items:flex-start;flex-direction:column}}