/* The A skin keeps existing presentation; new feature strip is shared. */
.homepage-management{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:22px;padding:18px 20px;background:linear-gradient(110deg,#edf6f2,#f4f8ff);border:1px solid #d6e5df;border-radius:13px;color:#233c43}.home-management-icon{display:grid;place-items:center;width:56px;height:56px;background:#fff;border-radius:15px;box-shadow:0 4px 12px #3055450a}.home-management-icon svg{width:40px;fill:#e7f3ed;stroke:#387c69;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.homepage-management small{font-size:12px;color:#628073}.homepage-management h2{font-size:23px;line-height:1.2;margin:4px 0 6px}.homepage-management p{font-size:14px;line-height:1.5;margin:0;color:#577079}.homepage-management>button,.home-hero-actions>button{border:0;border-radius:9px;min-height:44px;padding:10px 16px;background:#2c7161;color:#fff;font-weight:750;white-space:nowrap;cursor:pointer}.home-hero-actions{display:none}.home-design-preview-bar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:12px;background:#fff8e7;border:1px solid #e5cf95;border-radius:10px;font-size:13px;margin-bottom:12px}.home-design-preview-bar button,.home-design-panel button{min-height:40px;padding:8px 12px;border:1px solid #bfd0dc;border-radius:8px;background:#fff;color:#26455b;cursor:pointer}.home-design-panel{position:fixed;z-index:30000;right:20px;top:80px;width:430px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;box-sizing:border-box;background:white;border:1px solid #c6d9df;border-radius:15px;padding:20px;box-shadow:0 15px 55px #183b4638;color:#26404e}.home-design-panel h2{font-size:20px;margin:0 0 12px}.home-design-panel p{font-size:14px;line-height:1.7}.home-design-panel select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #c6d9df;border-radius:8px;padding:8px;margin-bottom:12px}.home-design-panel>div{display:grid;gap:8px;margin-bottom:12px}
/* B: lighter canvas, distinct scenes and clear actions. */
body[data-route=start]:has(#start[data-home-design=B]) main.content{background:#eef3f3}#start[data-home-design=B] .homepage-shell{background:#fbfcfa;gap:18px;padding:18px;border:1px solid #e0e9e6;border-radius:22px;box-shadow:0 12px 40px #224b3b08}#start[data-home-design=B] .homepage-hero{min-height:300px;aspect-ratio:auto;border-radius:17px;background:#f0f4ef}#start[data-home-design=B] .homepage-hero-copy{width:62%;padding:26px 30px;pointer-events:auto}#start[data-home-design=B] .homepage-hero h1{font-size:36px;letter-spacing:-.045em;margin-bottom:12px;line-height:1.2}#start[data-home-design=B] .homepage-tagline{font-size:16px;line-height:1.5;max-width:520px}#start[data-home-design=B] .homepage-hero-art{left:42%;right:0;top:0;bottom:0;position:absolute}#start[data-home-design=B] .homepage-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0f4ef 0%,#f0f4efb5 20%,transparent 56%)}#start[data-home-design=B] .homepage-hero-art img{object-position:75% center}#start[data-home-design=B] .homepage-screen-brand{display:none}#start[data-home-design=B] .home-hero-actions{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:13px}#start[data-home-design=B] .home-hero-actions>a{color:#41695d;border-bottom:1px solid #abc5b9;padding:7px 0}#start[data-home-design=B] .homepage-brand{color:#3b7b68;font-size:12px;letter-spacing:1.3px}#start[data-home-design=B] .homepage-discovery{background:transparent;border-radius:0;padding:0;color:#233c43}#start[data-home-design=B] .homepage-carousel-track{gap:12px}#start[data-home-design=B] .homepage-space{border:1px solid #dce7e2;border-radius:14px;background:#fff;transition:transform .16s,box-shadow .16s}#start[data-home-design=B] .homepage-space:hover{transform:translateY(-3px);box-shadow:0 9px 22px #31524712}#start[data-home-design=B] .homepage-space-art{aspect-ratio:2.15;background:#eff5f2}#start[data-home-design=B] .homepage-space-copy{padding:13px 15px 16px;min-height:110px;background:#fff}#start[data-home-design=B] .homepage-space h2{font-size:20px;color:#24463e}#start[data-home-design=B] .homepage-space p{font-size:14px;line-height:1.65;color:#657873;padding-right:19px}#start[data-home-design=B] .homepage-space-arrow{width:26px;height:26px;right:10px;bottom:19px;color:#477d6e;border-color:#dbe9e2;font-size:20px}#start[data-home-design=B] .homepage-games{width:100%;max-width:none;margin-top:18px;border-top:1px solid #dce5e2;gap:18px}#start[data-home-design=B] .homepage-games-heading h2{color:#29463d;border-color:#7cae95}#start[data-home-design=B] .homepage-games-heading small{color:#6a8a79}#start[data-home-design=B] .homepage-games-heading>a{color:#6a7f78}#start[data-home-design=B] .homepage-game{background:#f3f7f5;border:1px solid #dae6df;color:#29463d}#start[data-home-design=B] .homepage-game p{color:#65796d}#start[data-home-design=B] .homepage-game-play{color:#377566}#start[data-home-design=B] .homepage-management{margin-top:18px;padding:18px 20px}#start[data-home-design=B] .homepage-game-picture{height:86px}#start[data-home-design=B] .homepage-product-copy h2{color:#29463d}#start[data-home-design=B] .homepage-carousel-position{color:#57776a}#start[data-home-design=B] .homepage-carousel-controls button{background:#eef5f0;color:#3d6a56;border-color:#bfd7c9}
@media(max-width:760px){.homepage-management{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px}.home-management-icon{width:42px;height:46px;border-radius:12px}.home-management-icon svg{width:34px}.homepage-management h2{font-size:21px}.homepage-management small{font-size:11px}.homepage-management p{font-size:13px;line-height:1.5}.homepage-management>button{grid-column:1/-1;width:100%;min-height:42px}.home-design-panel{right:12px;top:60px}#start[data-home-design=B] .homepage-shell{padding:10px;gap:14px;border-radius:16px}#start[data-home-design=B] .homepage-hero{min-height:0;padding-bottom:0;display:flex;flex-direction:column}#start[data-home-design=B] .homepage-hero-copy{width:100%;padding:22px 18px;order:1}#start[data-home-design=B] .homepage-hero h1{font-size:29px}#start[data-home-design=B] .homepage-tagline{font-size:15px;line-height:1.6}#start[data-home-design=B] .homepage-hero-art{position:relative;left:0;inset:auto;width:100%;height:125px;order:0}#start[data-home-design=B] .homepage-hero-art:after{background:linear-gradient(0deg,#f0f4ef,transparent 55%)}#start[data-home-design=B] .homepage-hero-art img{object-position:80% 55%}#start[data-home-design=B] .homepage-space-art{aspect-ratio:2.1}#start[data-home-design=B] .homepage-space-copy{min-height:100px}#start[data-home-design=B] .homepage-games{display:block}#start[data-home-design=B] .homepage-management{padding:13px}#start[data-home-design=B] .homepage-game-picture{height:125px}#start[data-home-design=B] .home-hero-actions{gap:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#start[data-home-design=B] .homepage-space{transition:none}}

/* .83: quiet blue, existing photographs, compact life-tools entry. */
.homepage-management{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;margin-top:16px;padding:12px 16px;background:linear-gradient(110deg,#eef6ff,#f4fbfc);border-color:#d6e6f3;border-radius:12px;color:#234b67}
.home-management-icon{width:36px;height:40px;background:transparent;box-shadow:none}.home-management-icon svg{width:34px;fill:#e4f4fb;stroke:#398eaa;stroke-width:1.8}.homepage-management small{color:#6289a2;font-size:11px}.homepage-management h2{font-size:20px;margin:3px 0}.homepage-management p{font-size:13px;color:#617e91}.homepage-management>button{min-height:38px;padding:8px 13px;background:#337fae;font-size:13px}
#start[data-home-design=B] .homepage-shell{background:#fff;border-color:#e0eaf5}#start[data-home-design=B] .homepage-hero{background:#f4f9ff}#start[data-home-design=B] .homepage-hero-art:after{background:linear-gradient(90deg,#f4f9ff, #f4f9ff99 20%,transparent 56%)}#start[data-home-design=B] .homepage-brand{color:#3a80b8}#start[data-home-design=B] .homepage-space-art{aspect-ratio:3/1;background:#f3f8ff}#start[data-home-design=B] .homepage-space h2,#start[data-home-design=B] .homepage-games-heading h2{color:#214966}#start[data-home-design=B] .homepage-space p,#start[data-home-design=B] .homepage-game p{color:#627c92}#start[data-home-design=B] .homepage-game{background:#f5f9ff;border-color:#dce8f4}#start[data-home-design=B] .homepage-management{padding:12px 16px;margin-top:16px}.home-hero-actions{display:none!important}
@media(max-width:760px){.homepage-management{grid-template-columns:32px minmax(0,1fr);padding:12px;gap:8px}.home-management-icon{width:32px}.homepage-management>button{grid-column:2;width:auto;justify-self:start;min-height:36px}.homepage-management h2{font-size:19px}.homepage-management p{font-size:12px}#start[data-home-design=B] .homepage-hero-art:after{background:linear-gradient(0deg,#f4f9ff,transparent 55%)}}

/* .84: a two-line heading, readable side description and quiet growth illustration. */
.homepage-management,#start[data-home-design=B] .homepage-management{grid-template-columns:36px minmax(130px,180px) minmax(0,1fr) auto;padding:14px 18px;gap:16px;background:#eff7ff url('./management-life.svg') no-repeat 80% center;background-size:auto 100%;border-color:#ccdfef}
.homepage-management small{color:#496a81;font-size:12px}.homepage-management h2{color:#173e5e;font-size:22px;line-height:1.25;margin:3px 0 0}.homepage-management .home-management-description{color:#355a74;font-size:14px;line-height:1.65;max-width:520px}.homepage-management>button{background:#2c719f}.home-design-panel h2{user-select:none;touch-action:none}.site-edit-card:has(#sitePartImageTools:not([hidden]))::backdrop{background:transparent}
@media(max-width:760px){.homepage-management,#start[data-home-design=B] .homepage-management{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:12px;background-position:right bottom}.homepage-management .home-management-description{grid-column:2/-1;font-size:13px;line-height:1.6;margin:2px 0}.homepage-management>button{grid-column:3;grid-row:1;min-height:36px;font-size:12px;padding:7px 9px}.homepage-management h2{font-size:20px}.homepage-management small{font-size:11px}.home-management-icon{grid-column:1;grid-row:1}}