.ws-welcome{background:#f5f0e6;color:#203a34;padding:56px max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.ws-welcome-kicker{font-size:.73rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;margin-bottom:20px}.ws-welcome h1{font-family:Fredoka,sans-serif;font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 22px}.ws-welcome h1 em{font-style:normal;color:#a34045}.ws-welcome>div>p:not(.ws-welcome-kicker){color:#49574f;line-height:1.75;max-width:490px;margin:0 0 26px}
.ws-welcome-button{display:inline-flex;background:#213f36;color:white;border-radius:12px;padding:16px 22px;font-weight:700;text-decoration:none}.ws-progress-link{display:block;color:#203a34;font-weight:700;font-size:.85rem;margin-top:20px}
.ws-first-project{display:flex;flex-direction:column;align-items:start;background:#e1ecd2;color:#203a34;border:1px solid #bcccaa;border-radius:24px;padding:30px;text-decoration:none;box-shadow:10px 12px 0 #d9d9cc}.ws-welcome-mascot{display:block;width:min(150px,70%);height:190px;object-fit:contain;align-self:center;margin:-8px auto 14px;filter:drop-shadow(0 18px 24px rgba(47,36,49,.18))}.ws-first-art{font-size:4rem;line-height:1;margin-bottom:26px}.ws-first-project small{font-size:.7rem;letter-spacing:.1em;font-weight:700}.ws-first-project h2{font-family:Fredoka,sans-serif;font-size:2rem;line-height:1.1;margin:14px 0}.ws-first-project p{font-size:.9rem;line-height:1.65;margin-bottom:20px}.ws-requirement{font-size:.75rem;line-height:1.6;border-top:1px solid #aaba97;padding-top:16px;margin-bottom:18px}.ws-first-project>strong{font-size:.85rem}
.ws-finder{scroll-margin-top:80px;padding-top:30px}.ws-finder-shell{display:block!important}.ws-choice-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:20px 0}.ws-choice-controls label{display:flex;flex-direction:column;gap:8px;font-size:.78rem;font-weight:700;flex:1;min-width:180px}.ws-choice-controls select{font:inherit;font-size:.95rem;padding:12px;background:#fff;color:#203a34;border:1px solid #899b8c;border-radius:9px;width:100%}.ws-choice-controls button{border:1px solid #899b8c;border-radius:9px;padding:12px 16px;min-height:44px;background:#e1ecd2;color:#203a34;font-weight:700;cursor:pointer}
#filterBar{position:static;flex-wrap:wrap;border-radius:16px;justify-content:flex-start;margin:16px auto;max-width:calc(100% - 40px)}
body.ws-finder-active .ws-live-section,body.ws-finder-active #courses{display:none}
#continueWorkshop a,#continueWorkshop strong{color:#203a34!important}#continueWorkshop a{background:#e1ecd2!important}#continueWorkshop span{color:#324f40!important}
#dailyChallengeWorkshop .jvds-daily-top,#dailyChallengeWorkshop .jvds-daily-meta{flex-wrap:wrap}
.ws-welcome a:focus-visible,.ws-choice-controls :focus-visible{outline:3px solid #a34045;outline-offset:5px}
@media(max-width:700px){.ws-welcome{grid-template-columns:1fr;gap:30px;padding:36px 22px 44px}.ws-first-project{padding:24px;box-shadow:7px 8px 0 #d9d9cc}.ws-welcome-mascot{height:150px}.ws-first-art{font-size:3rem;margin-bottom:18px}.ws-choice-controls{gap:12px}.ws-choice-controls label{min-width:100%}.header-inner{padding:0 12px;gap:4px}.logo-link{font-size:.8rem;gap:6px}.logo-link img{height:26px}#navProfileChip{font-size:.65rem!important;padding:4px 6px!important}.theme-toggle,.nav-toggle{width:36px;min-width:36px;padding:6px}}
@media(prefers-reduced-motion:reduce){.ws-first-project,.ws-welcome *{animation:none;transition:none}}
.ws-section{width:100%;min-width:0;box-sizing:border-box}.ws-section-head{flex-wrap:wrap}.ws-section-head>div{min-width:0;flex:1 1 180px}.ws-section-count{white-space:normal}.ws-section-sub{overflow-wrap:anywhere}
@media(max-width:700px){.courses-grid,.articles-grid,.cat-grid,.behind-grid{grid-template-columns:minmax(0,1fr)!important}.ws-section>div[style*="display:grid"]{grid-template-columns:minmax(0,1fr)!important}.ws-section-head{gap:10px}.ws-sec-count{white-space:normal}}
.ws-finder{width:100%;min-width:0;box-sizing:border-box}.ws-finder-shell,.ws-search-wrap,.ws-search-input{min-width:0;max-width:100%}.ws-search-input{width:100%}

/* ── Landing polish: match the spacious, character-led Home + Tools rhythm ── */
.ws-welcome{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(124,108,240,.10),rgba(242,99,122,.08) 45%,transparent 76%),#f0ead6;border-bottom:1px solid rgba(64,59,51,.10);padding-top:68px;padding-bottom:68px;}
.ws-welcome::before{content:'';position:absolute;width:330px;height:330px;right:-110px;top:-130px;border-radius:50%;background:rgba(124,108,240,.12);filter:blur(1px);pointer-events:none;}
.ws-welcome>div,.ws-first-project{position:relative;z-index:1;}
.ws-welcome-kicker{color:#5443d1;}
.ws-welcome h1{color:#403b33;}
.ws-welcome h1 em{color:#bc4749;}
.ws-welcome>div>p:not(.ws-welcome-kicker){font-size:1rem;}
.ws-welcome-button{background:#213f36;box-shadow:0 5px 0 #14291f;transition:transform .18s,box-shadow .18s;}
.ws-welcome-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #14291f;}
.ws-first-project{background:rgba(255,255,255,.90);border:1px solid rgba(124,108,240,.25);border-top:4px solid #7c6cf0;border-radius:24px;box-shadow:12px 14px 0 rgba(210,180,140,.34);}
.ws-first-project:hover{transform:translateY(-4px);box-shadow:12px 18px 0 rgba(210,180,140,.34);}
.ws-welcome-mascot{height:210px;width:min(180px,72%);}
.ws-first-project h2{color:#403b33;}
.ws-first-project p{color:#5a5449;}
.ws-requirement{border-top-color:rgba(64,59,51,.16);color:#5a5449;}
@media(max-width:700px){.ws-welcome{padding-top:42px;padding-bottom:46px}.ws-first-project{box-shadow:8px 10px 0 rgba(210,180,140,.34)}.ws-first-project:hover{box-shadow:8px 13px 0 rgba(210,180,140,.34)}.ws-welcome-mascot{height:170px;}}
/* ── Single primary Start Here chooser ── */
.ws-welcome-copy{min-width:0;}
.ws-chooser-label{font-size:.78rem!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5443d1!important;margin:0 0 10px!important;}
.ws-chooser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;}
.ws-chooser-btn{display:flex;flex-direction:column;gap:6px;min-height:104px;padding:14px 15px;border-radius:14px;border:1px solid rgba(64,59,51,.14);background:rgba(255,255,255,.9);color:#403b33;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;}
.ws-chooser-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(64,59,51,.12);border-color:rgba(84,67,209,.4);}
.ws-chooser-emoji{font-size:1.5rem;line-height:1;}
.ws-chooser-text{display:flex;flex-direction:column;gap:2px;}
.ws-chooser-text b{font-size:.9rem;color:#403b33;}
.ws-chooser-text span{font-size:.74rem;line-height:1.35;color:#5a5449;}
.ws-chooser-btn--new{border-top:3px solid #06a37a;}
.ws-chooser-btn--some{border-top:3px solid #5443d1;}
.ws-chooser-btn--idea{border-top:3px solid #c98a2e;}
.ws-welcome .ws-progress-link{margin-top:18px;}
/* A1356: the welcome hero is a deliberately light panel in both themes, so the
   chooser buttons keep their light surface and ink. (The old dark overrides
   here turned the buttons dark against the still-light hero.) */
@media(max-width:700px){.ws-chooser{grid-template-columns:1fr;max-width:none}.ws-chooser-btn{min-height:0;flex-direction:row;align-items:center;gap:12px}.ws-chooser-text{flex:1;}}
/* ── Presentation pass: turn the guide block into one calm, intentional welcome panel ── */
.lumo-banner{max-width:1120px!important;margin:26px auto 22px!important;padding:0 28px!important;}
.lumo-banner-inner{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:start!important;gap:22px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(124,108,240,.20)!important;border-radius:22px!important;padding:24px 26px!important;box-shadow:0 12px 32px rgba(64,59,51,.08)!important;}
.lumo-figure{width:82px!important;}
.lumo-figure img{width:82px!important;height:104px!important;object-fit:contain!important;background:linear-gradient(145deg,#eee6ff,#faf8ff)!important;border-radius:16px!important;padding:7px!important;}
.lumo-name{font-size:.72rem!important;color:#5443d1!important;letter-spacing:.12em!important;}
.lumo-tip{font-size:1rem!important;line-height:1.6!important;color:#403b33!important;max-width:680px;}
.lumo-quote{margin:10px 0 14px!important;color:#7c3aed!important;}
.lumo-route-grid{gap:10px!important;margin-top:14px!important;}
.lumo-route{min-height:118px!important;padding:13px 14px!important;border:1px solid rgba(124,108,240,.16)!important;border-radius:15px!important;background:#faf8ff!important;}
.lumo-route b{font-size:.8rem!important;color:#5443d1!important;}
.lumo-route span{font-size:.78rem!important;line-height:1.45!important;color:#5a5449!important;}
.lumo-route em{font-size:.72rem!important;color:#0f766e!important;}
.lumo-start-link{margin-top:14px!important;padding:9px 14px!important;}
.lumo-badge{font-size:.72rem!important;margin-left:8px;}
.hub-handoff--learn{max-width:1064px!important;margin:0 auto 30px!important;}
.ws-level-strip{max-width:1120px!important;margin:0 auto 30px!important;}
@media(max-width:760px){.lumo-banner{padding:0 18px!important;margin-top:20px!important}.lumo-banner-inner{grid-template-columns:minmax(0,1fr)!important;padding:20px!important}.lumo-figure{width:100%!important}.lumo-figure img{width:88px!important;height:88px!important;margin:0 auto!important}.lumo-badge{display:block;width:max-content;max-width:100%;margin:10px 0 0!important}.hub-handoff--learn{margin-left:18px!important;margin-right:18px!important}.ws-level-strip{padding:0 18px!important;}}