/* Render the retained header at its final size before interactive enhancement. */
body[data-site-slug=perennial-home-and-gardens] .b21StickyBrand.phg-compact-header{transform:none!important;transition:none!important}
.phg-back{position:absolute!important;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;color:#f3eee1!important;background:none!important;border:0!important;box-shadow:none!important;padding:6px!important;z-index:5;text-decoration:none}
.phg-back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.phg-back:hover{color:#d7e5bc!important}.phg-back:focus-visible{outline:1px solid currentColor;outline-offset:1px}
footer.phg-footer .phg-footer-bottom{background:none!important;border:0!important;box-shadow:none!important;padding-top:0}.phg-socials{background:none!important;border:0!important;box-shadow:none!important;align-items:center}.phg-socials a{display:grid;place-items:center;width:28px;height:28px;border:0!important;background:none!important;box-shadow:none!important;padding:4px;color:inherit!important}.phg-socials svg{width:18px;height:18px;fill:currentColor}.phg-socials a:hover{opacity:.7}
.phg-preview-caption,.phg-free-tag{display:none!important}
.phg-portal{position:fixed;inset:0;z-index:50000;overflow:hidden;pointer-events:none;opacity:0;background:#10180f}.phg-portal.active{opacity:1}.phg-portal::before{content:'';position:absolute;inset:-70%;background:repeating-radial-gradient(ellipse at 50% 48%,#080f09 0 7%,#263c28 9%,#516846 12%,#152217 16%);animation:phg-fall .52s cubic-bezier(.5,0,.85,.6) both}.phg-portal::after{content:'';position:absolute;inset:0;background:#f8f3e7;animation:phg-bright .52s ease-in both}@keyframes phg-fall{from{transform:scale(.35) rotate(-10deg);filter:blur(0)}to{transform:scale(3) rotate(12deg);filter:blur(5px)}}@keyframes phg-bright{0%,64%{opacity:0}100%{opacity:1}}
html.phg-arriving::after{content:'';position:fixed;inset:0;z-index:50001;background:#f8f3e7;pointer-events:none;animation:phg-open .65s ease-out both}@keyframes phg-open{0%,18%{opacity:1;clip-path:circle(150% at 50% 48%)}100%{opacity:0;clip-path:circle(0 at 50% 48%)}}
@media(max-width:600px){.phg-back{left:6px;width:30px;height:34px}}
@media(prefers-reduced-motion:reduce){.phg-portal::before,.phg-portal::after,html.phg-arriving::after{animation:none!important}.phg-portal{display:none!important}}
footer.phg-footer .footerLegal{border:0!important;margin:0!important;padding:0!important;box-shadow:none!important;background:none!important}
/* Homepage directory and the retained tool-advertisement sequence. */
#tools{scroll-margin-top:100px}#tools .head{align-items:end}#tools .creamTool{min-width:0}#tools .phg-dashboard-link{margin:20px 0 0;text-align:center;font:16px/1.5 Georgia,serif;color:#3b412f}#tools .phg-dashboard-link a{display:inline-block;margin-left:8px;font-weight:700;color:#315b37;text-underline-offset:4px}.phg-section-anchor{display:block;scroll-margin-top:110px}
.phg-harvest-preview{padding:24px;background:#fffdf7;border:1px solid #d6dfcb;border-radius:24px;box-shadow:0 22px 44px #1d38251a;color:#263c28}.phg-harvest-preview-head{display:flex;justify-content:space-between;align-items:center;background:#294d32;color:#fff8e8;border-radius:14px;padding:16px;font:700 17px Georgia,serif}.phg-harvest-preview-head span{font-size:25px}.phg-harvest-preview>div:not(:first-child){display:grid;gap:5px;border:1px solid #ddd8ca;background:#f7f5ec;border-radius:12px;padding:15px;margin:12px 0}.phg-harvest-preview p{font:16px/1.55 Georgia,serif}.phg-harvest-preview span{font-size:15px}.phg-resource-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;padding:0;border:0}.phg-resource-choices legend{padding:0 0 10px;font-weight:700}.phg-resource-choice{display:flex;gap:10px;align-items:flex-start;background:#f6f0e6;color:#34251a;padding:16px;border:1px solid #d8caba;border-radius:14px;cursor:pointer}.phg-resource-choice input{width:18px!important;height:18px;flex:0 0 18px;accent-color:#315b37;margin:3px 0 0}.phg-resource-choice:has(input:checked){border-color:#496846;box-shadow:inset 0 0 0 1px #496846}.phg-resource-choice strong,.phg-resource-choice small{display:block}.phg-resource-choice small{margin-top:7px;line-height:1.4}.phg-resource-choices+.phg-newsletter-form{margin-top:10px}
@media(max-width:600px){#tools{padding-top:30px!important}#tools .head{gap:12px}#tools .head h2{font-size:32px!important}#tools .creamTool{padding:16px!important}#tools .toolTitleRow{gap:8px}#tools .toolTitleRow h3{font-size:18px!important}#tools .creamTool p{font-size:14px!important;line-height:1.45}#tools .phg-dashboard-link{font-size:15px}.phg-resource-choices{grid-template-columns:1fr;gap:9px}.phg-resource-choice{padding:12px}.phg-harvest-preview{padding:18px}}

#tools .creamTool h3{white-space:normal!important}

/* My Garden introduction and a consistent visual language for tool advertisements. */
#tools .head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end!important}
#tools .phg-tools-start{min-width:0}#tools .phg-tools-start p{max-width:100%;margin:0 0 17px;font-size:17px;line-height:1.6;color:#685f56}#tools .phg-tools-start small{display:block;margin-top:10px;font:13px/1.5 Georgia,serif;color:#5b6152}
body .phg-home-app h2{font-family:Georgia,serif!important;font-size:clamp(40px,5vw,62px)!important;font-weight:500!important;line-height:1!important;color:#213622!important;letter-spacing:normal!important;margin:0 0 14px!important}
body .phg-home-app .phg-app-kicker{font:700 12px/1.4 Georgia,serif!important;text-transform:uppercase;letter-spacing:.16em!important;color:#6b815f!important;margin-bottom:9px!important}
body .phg-home-offer h2{font-family:Georgia,serif!important;font-size:clamp(34px,4vw,54px)!important;font-weight:700!important;line-height:1.12!important;color:#2b241e!important;letter-spacing:normal!important}
body a.phg-app-open{position:relative!important;isolation:isolate;overflow:hidden!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;padding:13px 22px!important;border:1px solid #57784c!important;border-radius:999px!important;background:linear-gradient(125deg,#24472c,#3d643a 55%,#315936)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font:700 16px/1.3 Georgia,serif!important;box-shadow:inset 0 1px 0 #ffffff35,0 10px 24px #3159362e!important;animation:phg-app-float 5.5s ease-in-out infinite!important;transition:box-shadow .2s ease!important;max-width:100%;text-align:center;box-sizing:border-box}
body a.phg-app-open::after{content:''!important;position:absolute!important;inset:-70% auto -70% -80%!important;width:38%!important;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff70,transparent)!important;pointer-events:none;animation:phg-app-shine 6s ease-in-out infinite!important;z-index:1}
body a.phg-app-open:hover,body a.phg-app-open:focus-visible{animation:phg-app-shimmy .55s ease-in-out!important;box-shadow:inset 0 1px 0 #ffffff55,0 14px 30px #24472c40!important}body a.phg-app-open:focus-visible{outline:2px solid #315936;outline-offset:4px}
@keyframes phg-app-shine{0%,60%{left:-80%}88%,100%{left:150%}}@keyframes phg-app-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes phg-app-shimmy{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-1deg)}65%{transform:translateY(-3px) rotate(1deg)}}
@media(max-width:800px){#tools .head{grid-template-columns:1fr;gap:18px}#tools .phg-tools-start p{font-size:16px}body .phg-home-app h2{font-size:40px!important}}
@media(prefers-reduced-motion:reduce){body a.phg-app-open,body a.phg-app-open::after,body a.phg-app-open:hover,body a.phg-app-open:focus-visible{animation:none!important;transition:none!important}}

/* Copy starts at the preview's top edge; the launch control grounds each app advertisement. */
.phg-home-app .b17PreviewInner,.phg-home-app [class$="-inner"]{align-items:stretch!important}.phg-home-app .phg-app-copy{display:flex!important;flex-direction:column;align-items:flex-start;min-width:0;height:100%;box-sizing:border-box}.phg-home-app .phg-app-story{width:100%}.phg-home-app .phg-app-story p{font:17px/1.65 Georgia,serif;color:#685f56;margin:0 0 16px}.phg-home-app .phg-app-launch{margin-top:auto;padding-top:22px;width:100%}.phg-home-app .phg-app-save-note{display:block;font:13px/1.55 Georgia,serif;color:#64745c;margin:0 0 12px;max-width:520px}.phg-home-app .phg-app-launch a.phg-app-open{margin:0!important}@media(max-width:600px){.phg-home-app .phg-app-story p{font-size:16px}.phg-home-app .phg-app-launch{padding-top:12px}}







/* Connected garden finishing */
.toolgrid a.tool{display:grid;grid-template-columns:30px minmax(0,1fr);align-content:start;column-gap:10px;row-gap:10px}.toolgrid a.tool>.icon{grid-column:1;grid-row:1;margin:0;align-self:center}.toolgrid a.tool>b{grid-column:2;grid-row:1;margin:0;align-self:center}.toolgrid a.tool>span:not(.icon){grid-column:1/-1}.phg-context-help{display:block;max-width:1200px;margin:18px auto;padding:0 22px;color:#3c613c;font:14px/1.6 Georgia,serif}.phg-course-photo{display:block;width:calc(100% + 48px);max-width:none;height:210px;object-fit:cover;margin:-24px -24px 22px;border-radius:18px 18px 0 0}.phg-course-caption{font-size:14px;color:#647455}.courseVisualCard{overflow:hidden}.phg-guide{max-width:1040px;margin:auto;padding:42px 22px 70px;font:17px/1.75 Georgia,serif;color:#2e402e}.phg-guide h1{font:500 clamp(38px,5vw,62px)/1.1 Georgia,serif;color:#213622}.phg-guide-search{display:grid;gap:8px;margin:24px 0}.phg-guide-search input{font:16px Georgia,serif;padding:13px;border:1px solid #becbb1;border-radius:10px}.phg-guide details{padding:18px 22px;border:1px solid #ced8c2;background:#fffdf6;border-radius:14px;margin:14px 0;scroll-margin-top:115px}.phg-guide summary{cursor:pointer;font-weight:700;color:#315936}.phg-guide a{color:#315936}.phg-guide .guide-intro{background:#edf1e3;border-radius:16px;padding:24px}.phg-guide video,.phg-guide iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}#ap .tanya-help{color:#446238;font:12px Georgia,serif;justify-self:end;margin:0 16px -5px} @media(max-width:520px){.phg-course-photo{height:185px}.phg-guide{padding:26px 17px 50px}.phg-guide details{padding:15px}}

/* Compact previews and selected transition audio timing */
.phg-home-app .b17PreviewInner,.phg-home-app [class$="-inner"]{align-items:start!important}
.phg-home-app .phg-app-copy{height:auto!important}
.phg-home-app .phg-app-launch{margin-top:0!important;padding-top:12px}
.phg-home-app .b17AppIsland,.phg-home-app [class$="-preview"],.phg-home-app .phg-harvest-preview{align-self:start!important;height:auto!important;min-height:0!important}
.phg-home-app .b17App{min-height:0!important}
.phg-portal::before,.phg-portal::after{animation-duration:1.3s}
#phgDictionary{scroll-margin-top:110px}
@media(max-width:600px){.phg-home-app{padding-top:34px!important;padding-bottom:34px!important}}
