
/* HomePod's housing purpose leads the homepage. */
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-wrap{width:calc(100% - 40px);max-width:1120px;margin-inline:auto;box-sizing:border-box;min-width:0}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero{background:#f5f8f2;padding:32px 0 28px;color:#153e2b}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-intro-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.85fr);gap:32px;align-items:center}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.15em;font-weight:700;margin:0 0 12px;color:#286044}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero h1{font-size:clamp(32px,3.7vw,49px);line-height:1.12;letter-spacing:-.03em;margin:0 0 18px;color:#153e2b}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-lead{font-size:18px;line-height:1.55;max-width:650px;margin:0 0 18px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:14px 0 0}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-actions a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;font-size:15px;font-weight:700;line-height:1.4;color:inherit;text-underline-offset:4px;padding:8px 0}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-actions a.purpose-primary{background:#174d33;color:white;padding:12px 18px;border-radius:7px;text-decoration:none}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-quicklinks{display:flex;flex-wrap:wrap;gap:2px 18px;border-top:1px solid #bed0c3;padding-top:8px;margin-top:18px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-quicklinks a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:14px;color:#174d33;text-underline-offset:4px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepage-song-feature{width:100%;padding:0;margin:0;min-width:0}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar.homepage-song{padding:0!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-inner{grid-template-columns:1fr!important;padding:22px!important;gap:8px!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-inner>*{grid-column:1!important;grid-row:auto!important;min-width:0}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-toggle{justify-self:start}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-volume{justify-content:flex-start!important;display:flex!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-link{min-height:36px!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway{background:#174d33;color:white;padding:36px 0}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway h2,html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway p,html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway a{color:inherit}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .purpose-eyebrow{color:#b6e0aa}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway h2,html body#homepage-polish#homepage-polish#homepage-polish main .purpose-people h2,html body#homepage-polish#homepage-polish#homepage-polish main .purpose-designs h2{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.02em;margin:0 0 14px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway p{max-width:850px;font-size:17px;line-height:1.6}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .purpose-primary{background:#d5efc8;color:#153e2b}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 12px;gap:10px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-journey li{border-top:1px solid #9bbda7;padding:12px 0 0;font-size:15px;line-height:1.4;font-weight:700}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-journey span{display:block;color:#b6e0aa;font-size:12px;margin-bottom:6px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .purpose-caption{font-size:13px;color:#d5e5d8;margin:14px 0}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-downloads{margin-top:16px;border-top:1px solid #799b84;padding-top:4px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-downloads summary{min-height:44px;box-sizing:border-box;padding:12px 0;cursor:pointer;font-size:14px;font-weight:600}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .client-share-intro{color:white!important;padding:12px 0!important;border:0!important;margin:0!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .client-share-intro :is(h2,p,a){color:white!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .client-share-intro h2{font-size:21px!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .client-share-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px 20px!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .client-share-actions a{background:transparent!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-people{padding:36px 0;background:#fff;color:#153e2b}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-cards article{padding:20px;background:#f3f7f1;border:1px solid #c6d5c5;border-radius:10px;min-width:0;scroll-margin-top:20px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-cards h3{font-size:23px;margin:0 0 12px;line-height:1.2;color:#174d33}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-cards p{font-size:16px;line-height:1.6;margin:0 0 12px}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-cards a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:#174d33;text-underline-offset:4px}
html body#homepage-polish#homepage-polish#homepage-polish main #a1-boards{padding:0 0 32px;background:#fff;scroll-margin-top:20px}
html body#homepage-polish#homepage-polish#homepage-polish main #a1-boards .wrap{max-width:1120px;width:calc(100% - 40px);padding:0}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-designs{padding:28px 0 0;background:#f6f8f5;color:#153e2b}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-designs p{font-size:17px;line-height:1.6}
html body#homepage-polish#homepage-polish#homepage-polish main #bob-build{background:#f6f8f5;padding-top:24px!important}
html body#homepage-polish#homepage-polish#homepage-polish main .optional-guide{margin-block:24px;background:#174d33;color:white;border-radius:8px;overflow:hidden}
html body#homepage-polish#homepage-polish#homepage-polish main .optional-guide>summary{padding:16px 20px;min-height:52px;font-size:16px;font-weight:700;cursor:pointer}
html body#homepage-polish#homepage-polish#homepage-polish main .optional-guide>summary span{font-weight:400;font-size:13px;margin-left:12px;color:#d5e5d8}
html body#homepage-polish#homepage-polish#homepage-polish main .optional-guide .guide-backdrop{padding:12px 0 20px!important;background:#174d33!important}
html body#homepage-polish#homepage-polish#homepage-polish main .project-introductions>.wrap{grid-template-columns:1fr!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-community{background:#f6f8f5}
html body#homepage-polish#homepage-polish#homepage-polish main :is(.purpose-hero,.purpose-pathway,.purpose-people,.purpose-designs) :is(a,summary,button):focus-visible{outline:3px solid #cc9b38;outline-offset:4px}
@media(max-width:900px){
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-intro-grid{grid-template-columns:1fr;gap:22px}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-inner{grid-template-columns:1fr auto!important;gap:6px 16px!important;padding:16px!important}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-inner>div{grid-column:1!important;grid-row:1!important}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-toggle{grid-column:2!important;grid-row:1!important;align-self:center}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-volume{grid-column:2!important;grid-row:2!important}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-link{grid-column:1!important;grid-row:2!important}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-status{grid-column:1/-1!important;grid-row:3!important}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-cards{gap:12px}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-cards article{padding:16px}
}
@media(max-width:600px){
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero{padding:24px 0}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero h1{font-size:32px}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-lead{font-size:16px;line-height:1.5}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-volume{display:none!important}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar .hm-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 10px!important}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero #homepod-music-bar strong{font-size:20px!important}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway,html body#homepage-polish#homepage-polish#homepage-polish main .purpose-people{padding:28px 0}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-journey li:last-child{grid-column:1/-1}
 html body#homepage-polish#homepage-polish#homepage-polish main .purpose-cards{grid-template-columns:1fr}
 html body#homepage-polish#homepage-polish#homepage-polish main .optional-guide>summary span{display:block;margin:6px 0 0}
}
/* Keep legacy presentation rules from overriding the purpose sections. */
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero h1::before{display:none!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-hero h1{background:none!important;color:#153e2b!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-actions a.purpose-primary{background:#174d33!important;color:#fff!important;border:0!important;border-radius:7px!important;padding:12px 18px!important;text-decoration:none!important;display:inline-flex!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway :is(h2,h3,p,a,summary){color:#fff!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .purpose-actions a.purpose-primary{background:#d5efc8!important;color:#153e2b!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .purpose-eyebrow{font-size:11px!important;color:#b6e0aa!important}
html body#homepage-polish#homepage-polish#homepage-polish main .purpose-pathway .purpose-caption{font-size:13px!important;color:#d5e5d8!important}
