/* Approved Home design, shared by guests and members. */
body.bu-wcs-home,body.bu-wcs-home #page,body.bu-wcs-home .site-main,body.bu-wcs-home .inside-article{background:#FEF0DA}
body.bu-wcs-home .site-main{margin:0}
body.bu-wcs-home .inside-article{padding:0!important}
body.bu-wcs-home .entry-content{margin:0!important}
/* Replace the old welcome/funder two-column wrapper on tablet and desktop. */
.bu-wcs-page.page-id-513.bu-wcs-home .entry-content{display:block}
.bu-app-home,.bu-app-home *{box-sizing:border-box}
.bu-app-home{--orange:#FF6400;--cream:#FEF0DA;--pink:#FE8FED;--black:#000;--white:#FFF;max-width:1080px;margin:0 auto;padding:22px clamp(18px,3vw,36px) 28px;background:var(--cream);color:var(--black);font-family:"Open Sans",Arial,sans-serif;line-height:1.35}
.bu-app-home :is(h1,h2,h3,p){margin:0;color:var(--black)}
.bu-app-home :is(h1,h2,h3){font-family:"Bricolage Grotesque",Arial,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.1}
.bu-app-home img{display:block;max-width:100%}
.bu-app-home a,body.bu-wcs-home .entry-content .bu-app-home a{color:var(--black)!important;text-decoration:none}
.bu-app-home a:focus-visible{outline:3px solid var(--black);outline-offset:3px}
.bu-app-home .bu-brand{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.bu-app-home .bu-brand img{width:168px;height:auto}
.bu-app-home .bu-brand span{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-align:right;max-width:125px;line-height:1.3}
.bu-app-home .bu-intro{margin-bottom:20px}
.bu-app-home .bu-intro h1,body.bu-wcs-home .entry-content .bu-app-home .bu-intro h1{font-size:clamp(31px,4vw,48px);line-height:1.08;margin-bottom:7px}
.bu-app-home .bu-intro p{font-size:16px;line-height:1.45;max-width:570px}
.bu-app-home .bu-start{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:90px;padding:16px 18px;background:var(--orange);border:2px solid var(--black);border-radius:17px;margin-bottom:24px}
.bu-app-home .bu-start:active,.bu-app-home .bu-card:active,.bu-app-home .bu-row:active{transform:scale(.99)}
.bu-app-home .bu-start small{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}
.bu-app-home .bu-start strong{display:block;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:23px;line-height:1.12}
.bu-app-home .bu-start em{display:block;font-size:13px;font-style:normal;margin-top:3px}
.bu-app-home .bu-arrow{display:grid;place-items:center;flex:none;width:40px;height:40px;background:var(--white);border:2px solid var(--black);border-radius:50%;font-size:22px;line-height:1}
.bu-app-home .bu-section-top{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:10px}
.bu-app-home .bu-section-top h2,body.bu-wcs-home .entry-content .bu-app-home .bu-section-top h2{font-size:24px;line-height:1.1}
.bu-app-home .bu-section-top a{font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bu-app-home .bu-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bu-app-home .bu-card{display:block;overflow:hidden;border:1.5px solid var(--black);border-radius:15px;background:var(--white)}
.bu-app-home .bu-card img{width:100%;height:clamp(112px,16vw,190px);object-fit:cover;object-position:center 40%}
.bu-app-home .bu-card span{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;min-height:48px;font-weight:800;font-size:16px;line-height:1.15}
.bu-app-home .bu-card b{font-weight:800;font-size:20px}
.bu-app-home .bu-row{display:flex;align-items:center;gap:12px;min-height:66px;margin-top:12px;padding:8px 12px;background:var(--white);border:1.5px solid var(--black);border-radius:14px}
.bu-app-home .bu-row img{width:49px;height:49px;object-fit:cover;border-radius:8px}
.bu-app-home .bu-row strong{font-size:15px;line-height:1.2;flex:1}
.bu-app-home .bu-row b{font-size:20px}
.bu-app-home .bu-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
.bu-app-home .bu-more>span{grid-column:1/-1;font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.bu-app-home .bu-more a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;background:var(--white);border:1.5px solid var(--black);border-radius:100px;font-size:13px;font-weight:800}
.bu-app-home .bu-more a:hover,.bu-app-home .bu-card:hover,.bu-app-home .bu-row:hover{background:#fff8ee}
.bu-app-home .bu-complete{display:inline-flex;align-items:center;gap:7px;background:var(--white);border:1.5px solid var(--black);border-radius:100px;padding:8px 12px;margin-bottom:18px;font-size:13px;font-weight:800}
.bu-app-home .bu-complete b{font-size:16px;line-height:1}
.bu-app-home .bu-funder{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:12px;border-top:1px solid var(--black);font-size:11px;font-weight:700}
.bu-app-home .bu-funder img{width:105px;max-height:40px;object-fit:contain;object-position:left}
@media(min-width:760px){.bu-app-home{padding-top:36px}.bu-app-home .bu-intro{margin-bottom:24px}.bu-app-home .bu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bu-app-home .bu-card img{height:clamp(210px,28vw,320px);object-fit:contain;object-position:center;background:var(--cream)}.bu-app-home .bu-start{max-width:560px}}
@media(max-width:759px){.bu-app-home{padding:16px 18px calc(112px + env(safe-area-inset-bottom,0px))}.bu-app-home .bu-brand{margin-bottom:17px}.bu-app-home .bu-brand img{width:145px}.bu-app-home .bu-brand span{font-size:10px;max-width:115px}.bu-app-home .bu-intro{margin-bottom:16px}.bu-app-home .bu-intro h1,body.bu-wcs-home .entry-content .bu-app-home .bu-intro h1{font-size:31px}.bu-app-home .bu-intro p{font-size:15px;line-height:1.35}.bu-app-home .bu-start{min-height:81px;margin-bottom:20px;padding:12px 15px}.bu-app-home .bu-start strong{font-size:21px}.bu-app-home .bu-start em{font-size:12px}.bu-app-home .bu-section-top h2,body.bu-wcs-home .entry-content .bu-app-home .bu-section-top h2{font-size:22px}.bu-app-home .bu-card img{height:100px}.bu-app-home .bu-card span{min-height:44px;padding:8px 10px;font-size:15px}.bu-app-home .bu-more{margin-top:15px}.bu-app-home .bu-funder{margin-top:15px}}
/* The course artwork is square. Show the whole person and chair on phones. */
@media(max-width:759px){.bu-app-home .bu-card img{height:min(42vw,164px);object-fit:contain;object-position:center;background:var(--cream)}}
@media(max-width:340px){.bu-app-home .bu-brand img{width:125px}.bu-app-home .bu-brand span{font-size:9px}.bu-app-home .bu-intro h1,body.bu-wcs-home .entry-content .bu-app-home .bu-intro h1{font-size:28px}.bu-app-home .bu-card span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bu-app-home .bu-start:active,.bu-app-home .bu-card:active,.bu-app-home .bu-row:active{transform:none}}

.bu-app-home .bu-account-link{font-size:14px;margin:-10px 0 22px;display:block;text-decoration:underline!important}.bu-app-home .bu-card small{font-size:11px;font-weight:600}

/* Wider phones have room for square course artwork and a balanced completed Home.
   Keep the compact phone layout and let larger text/content scroll naturally. */
@media (min-width:414px) and (max-width:759px) {
    .bu-app-home { padding-bottom:24px; }
    .bu-app-home .bu-card img { height:auto; aspect-ratio:1; }
    .bu-app-home .bu-intro p { font-size:16px; }
    .bu-app-home .bu-section-top h2,
    body.bu-wcs-home .entry-content .bu-app-home .bu-section-top h2 { font-size:24px; }
    .bu-app-home:has(.bu-complete) {
        min-height:100svh;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
    }
    .bu-app-home > * { flex-shrink:0; }
    .bu-app-home .bu-complete { align-self:flex-start; }
}