/* Full-page reference reconstruction. Desktop comparison viewport: exactly 1536px. */
:root{--ref-ink:#092f2b;--ref-green:#075b46;--ref-coral:#f2532d;--ref-cream:#fffdf4;--ref-serif:Georgia,"Times New Roman",serif}
body.home{background:var(--ref-cream);color:var(--ref-ink)}
body.home .site-shell{background:var(--ref-cream)}
.site-header{height:63px;background:rgba(255,253,247,.96);border-bottom:1px solid rgba(10,54,40,.12);box-shadow:none}
@media(min-width:1500px){
 body.home .site-header::before,body.home .site-header::after{content:"";position:absolute;top:0;width:164px;height:205px;pointer-events:none;background:url("../images/reference/foliage-hibiscus-left.webp") left top/430px auto no-repeat;mask-image:linear-gradient(#000 20%,rgba(0,0,0,.9) 52%,transparent 100%);z-index:0}
 body.home .site-header::before{left:0}
 body.home .site-header::after{right:0;transform:scaleX(-1)}
 body.home .header-inner{position:relative;z-index:1}
}
.header-inner{width:min(100% - 48px,1176px);height:62px;min-height:62px;gap:18px}
.site-branding{gap:9px}
.custom-logo{max-height:41px;max-width:43px}
.brand-mark{width:40px;height:40px;font-size:25px;background:#f9e5d1;border-radius:50%}
.site-title{font:700 21px/1.03 var(--ref-serif);letter-spacing:-.055em;color:#0b332e}
.site-description{font-size:8px;line-height:1.1;margin-top:1px;color:#667769}
.primary-nav{margin-left:auto}
.primary-nav ul{gap:24px}
.primary-nav a{padding:19px 0 16px;font:700 11px/1.2 Arial,sans-serif;color:#1c413a;border-bottom:2px solid transparent}
.primary-nav .current-menu-item>a,.primary-nav a:hover{color:var(--ref-coral);border-bottom-color:var(--ref-coral)}
.pcw-header-actions{margin-left:20px}
.pcw-search-toggle{width:35px;height:35px;border-radius:50%;border:1px solid #dce7db;background:#fff;color:#21463a}
.pcw-search-toggle svg{width:18px;height:18px}
.pcw-reference-home{position:relative;overflow:hidden;background:var(--ref-cream);font-family:Arial,Helvetica,sans-serif;line-height:1.45}
.pcw-reference-home h1,.pcw-reference-home h2,.pcw-reference-home h3,.pcw-reference-home p{margin-top:0}
.pcw-ref-wide{width:calc(100% - 126px);max-width:1410px;margin:auto}
.pcw-ref-section-wrap{width:calc(100% - 136px);max-width:1400px;margin:auto;position:relative;z-index:2}
.pcw-ref-eyebrow{display:inline-flex;align-items:center;gap:13px;color:var(--ref-coral);font:800 11px/1.2 Arial,sans-serif;letter-spacing:.13em}
.pcw-ref-eyebrow i{width:68px;height:1px;background:#f58b69}
.pcw-ref-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:7px;background:#075c47;color:#fff;padding:14px 21px;font:700 14px/1.2 var(--ref-serif);box-shadow:0 6px 12px rgba(4,58,40,.1)}
.pcw-ref-button:hover{background:#074634;color:#fff}
.pcw-ref-button span{font:700 18px/1 Arial,sans-serif}
.pcw-ref-outline-link{align-self:center;display:inline-flex;align-items:center;gap:15px;padding:11px 21px;border:1px solid #d9e2d8;border-radius:28px;background:#fff;color:#0b493b;white-space:nowrap;font:700 13px var(--ref-serif);box-shadow:0 4px 10px rgba(16,55,35,.05)}
.pcw-ref-outline-link:hover{border-color:#a7cfb6}
.pcw-ref-outline-link span{font:700 18px Arial,sans-serif;color:#076143}
.pcw-ref-section-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:26px}
.pcw-ref-section-heading h2{margin:8px 0 4px;font:700 47px/.98 var(--ref-serif);letter-spacing:-.06em;color:var(--ref-ink)}
.pcw-ref-section-heading p{margin:0;color:#4d6556;font-size:16px;line-height:1.4}
.pcw-ref-light-section{position:relative;background:#fcfcf3}
.pcw-ref-light-section::before,.pcw-ref-light-section::after{position:absolute;content:"";pointer-events:none;z-index:1;background:url("../images/reference/foliage-hibiscus-left.webp") no-repeat left bottom/contain;opacity:.17}
.pcw-ref-light-section::before{left:-45px;bottom:-25px;width:245px;height:260px}
.pcw-ref-light-section::after{right:-54px;top:15px;width:200px;height:245px;transform:scaleX(-1);opacity:.12}

/* 63–473px: reference hero */
.pcw-ref-hero{height:410px;position:relative;isolation:isolate;background:#f9f6e8;overflow:hidden}
.pcw-ref-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 53%;z-index:-3}
.pcw-ref-hero::before{position:absolute;inset:0;z-index:-2;content:"";background:linear-gradient(90deg,#fffcf2 0%,rgba(255,252,242,.96) 22%,rgba(255,252,242,.73) 38%,rgba(255,252,242,.08) 57%,transparent 69%)}
.pcw-ref-hero-leaves{position:absolute;width:270px;height:410px;left:-58px;top:0;object-fit:cover;object-position:left top;opacity:.58;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 44%,transparent 96%);z-index:-1;pointer-events:none}
.pcw-ref-hero-copy{width:700px;margin-left:calc((100vw - 1198px)/2);padding-top:45px;position:relative;z-index:1}
.pcw-ref-hero h1{font:700 76px/.9 var(--ref-serif);letter-spacing:-.068em;color:#092f2b;margin:1px 0 15px;white-space:nowrap}
.pcw-ref-hero h1 em{font-weight:400;color:#397154;position:relative;display:inline-block;white-space:nowrap}
.pcw-ref-hero h1 em::after{content:"";position:absolute;left:5%;right:0;bottom:-5px;height:7px;border-radius:50%;background:#e9ce0b;transform:rotate(-3deg)}
.pcw-ref-hero-copy>p{width:470px;font-size:16px;line-height:1.43;color:#405f55;margin:0}
.pcw-ref-hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px}
.pcw-ref-hero-actions form{width:432px;height:46px;display:flex;align-items:center;background:rgba(255,255,255,.94);border:1px solid #d6e2d8;border-radius:7px;box-shadow:0 4px 12px rgba(16,53,31,.07);overflow:hidden}
.pcw-ref-hero-actions form>span{font-size:29px;color:#184d42;margin-left:14px;line-height:1}
.pcw-ref-hero-actions input{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 9px;color:#223b31;font-size:12px;outline:0}
.pcw-ref-hero-actions button{height:39px;margin:3px 3px 3px 0;padding:0 22px;border:0;border-radius:5px;background:#075b46;color:#fff;font:700 13px var(--ref-serif)}

/* 473–758px: six topics */
.pcw-ref-topics{height:285px;padding:20px 0 26px;position:relative;background:linear-gradient(180deg,#fffdf6,#f9faf0)}
.pcw-ref-topic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;height:238px}
.pcw-ref-topic{display:flex;flex-direction:column;min-width:0;height:238px;border:1px solid #dfe8dd;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 9px 18px rgba(27,70,41,.06);transition:transform .2s}
.pcw-ref-topic:hover{transform:translateY(-3px)}
.pcw-ref-topic-photo{display:block;height:143px;overflow:hidden;background:#d8ead5}
.pcw-ref-topic-photo img{width:100%;height:100%;object-fit:cover;object-position:center 26%}
.pcw-ref-topic-species .pcw-ref-topic-photo img{object-position:center 12%}
.pcw-ref-topic-food .pcw-ref-topic-photo img{object-position:center 65%}
.pcw-ref-topic-training .pcw-ref-topic-photo img{object-position:center 20%}
.pcw-ref-topic-content{height:95px;position:relative;display:flex;flex-direction:column;padding:13px 10px 9px 63px}
.pcw-ref-topic-symbol{position:absolute;left:12px;top:7px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#095c42;color:#fff;border:3px solid #fff;box-shadow:0 3px 7px rgba(3,51,32,.14)}
.pcw-ref-topic-food .pcw-ref-topic-symbol{background:#f5a80a}
.pcw-ref-topic-care .pcw-ref-topic-symbol{background:#139c96}
.pcw-ref-topic-behavior .pcw-ref-topic-symbol{background:#f3523c}
.pcw-ref-topic-training .pcw-ref-topic-symbol{background:#568b39}
.pcw-ref-topic-health .pcw-ref-topic-symbol{background:#cd2760}
.pcw-ref-topic-symbol svg{width:21px;height:21px}
.pcw-ref-topic-content strong{font:700 15px/1.18 var(--ref-serif);letter-spacing:-.035em;color:#15362e}
.pcw-ref-topic-content small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:11px/1.3 Arial,sans-serif;color:#53665c;margin-top:5px}
.pcw-ref-card-arrow{position:absolute;right:10px;bottom:5px;color:var(--ref-coral);font-size:15px}

/* 758–1127px: latest guides */
.pcw-ref-fresh{height:369px;padding:21px 0 42px;background:radial-gradient(ellipse at 50% 0,rgba(217,230,197,.45),transparent 70%),#f4f8ee}
.pcw-ref-fresh .pcw-ref-section-wrap{width:calc(100% - 150px)}
.pcw-ref-fresh .pcw-ref-section-heading{margin-bottom:13px;margin-left:52px}
.pcw-ref-fresh .pcw-ref-section-heading h2{font-size:47px}
.pcw-ref-fresh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.pcw-ref-fresh-card{height:194px;background:#fff;border:1px solid #e4ece0;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(28,72,48,.045)}
.pcw-ref-fresh-card a{display:grid;grid-template-columns:48% 52%;height:100%}
.pcw-ref-fresh-photo{overflow:hidden;background:#d9ead7}
.pcw-ref-fresh-photo img{width:100%;height:100%;object-fit:cover;object-position:center 27%}
.pcw-ref-fresh-body{min-width:0;display:flex;flex-direction:column;padding:15px 16px}
.pcw-ref-fresh-body small{font:800 10px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--ref-coral)}
.pcw-ref-fresh-body strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:700 21px/1.08 var(--ref-serif);letter-spacing:-.04em;color:#12352f;margin-top:5px}
.pcw-ref-fresh-body>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:12px/1.38 Arial,sans-serif;color:#58695e;margin-top:6px}
.pcw-ref-fresh-body b{font:700 11px Arial,sans-serif;color:var(--ref-coral);margin-top:auto}

/* 1127–1562px: trust */
.pcw-ref-trust{height:435px;position:relative;z-index:3;isolation:isolate;overflow:visible;background:linear-gradient(180deg,#ecf4e9 0%,#eaf4e7 73%,#dcebdc 100%)}
.pcw-ref-trust::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 44% 21%,rgba(255,255,247,.8),transparent 52%),linear-gradient(90deg,rgba(233,244,229,.7),rgba(237,246,235,.2));z-index:-2}
.pcw-ref-trust-mountains{position:absolute;inset:60px 0 0;opacity:.65;filter:blur(4px);background:url("../images/reference/misty-mountains.svg") bottom center/100% 100% no-repeat;z-index:-1}
.pcw-ref-trust::after{content:"";position:absolute;left:-72px;top:-45px;width:250px;height:calc(100% + 105px);background:url("../images/reference/hero-foliage-left-v2.webp") left top/255px auto no-repeat,url("../images/reference/hero-foliage-left-v2.webp") left bottom/255px auto no-repeat;opacity:.56;mask-image:linear-gradient(90deg,#000 0%,transparent 98%);pointer-events:none;z-index:0}
.pcw-ref-trust-bird{position:absolute;right:-8px;top:-15px;width:600px;height:520px;object-fit:contain;z-index:2;pointer-events:none}
.pcw-ref-trust-inner{width:1170px;position:relative;z-index:1;margin-left:130px;text-align:center;padding-top:51px}
.pcw-ref-trust h2{font:700 36px/1.1 var(--ref-serif);letter-spacing:-.045em;margin:0 0 9px}
.pcw-ref-trust p{font-size:15px;line-height:1.45;color:#547265;margin:0}
.pcw-ref-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:1080px;margin-top:30px;text-align:left}
.pcw-ref-trust-item{display:flex;flex-direction:column;align-items:flex-start;max-width:196px}
.pcw-ref-trust-item:last-child{max-width:160px}
.pcw-ref-trust-item>span{display:grid;place-items:center;width:69px;height:69px;margin-bottom:20px;border-radius:50%;background:rgba(255,255,255,.93);box-shadow:0 5px 20px rgba(28,77,54,.08);color:#45834e}
.pcw-ref-trust-item svg{width:34px;height:34px}
.pcw-ref-trust-item strong{font:700 15px/1.25 var(--ref-serif);color:#153b30}
.pcw-ref-trust-item small{font:12px/1.38 Arial,sans-serif;color:#496655;margin-top:10px}

/* 1562–2117px: species */
.pcw-ref-species{height:555px;padding:34px 0 42px;background:linear-gradient(180deg,#fffdf4,#fafbf1)}
.pcw-ref-species .pcw-ref-section-heading{margin-bottom:28px;margin-left:60px}
.pcw-ref-species .pcw-ref-section-heading{transform:translateY(-15px)}
.pcw-ref-species .pcw-ref-section-heading h2{margin-top:7px}
.pcw-ref-species-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.pcw-ref-species-card{height:307px;min-width:0;display:flex;flex-direction:column;border:1px solid #dde8dc;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 9px 18px rgba(26,70,42,.05)}
.pcw-ref-species-photo{height:188px;overflow:hidden;background:#d7e7d4}
.pcw-ref-species-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.pcw-ref-species-card:nth-child(2) img{object-position:61% 24%}
.pcw-ref-species-card:nth-child(3) img{object-position:center 16%}
.pcw-ref-species-body{height:119px;position:relative;padding:15px 16px}
.pcw-ref-species-body strong{display:block;font:700 17px/1.16 var(--ref-serif);letter-spacing:-.03em;color:#143830}
.pcw-ref-species-body small{display:block;max-width:170px;font:12px/1.36 Arial,sans-serif;color:#566d5e;margin-top:5px}
.pcw-ref-species-body i{position:absolute;right:14px;bottom:10px;font-size:15px;font-style:normal;color:var(--ref-coral)}

/* 2117–2758px: wide feature */
.pcw-ref-feature{height:641px;display:grid;grid-template-columns:51.2% 48.8%;position:relative;background:#fffdf4}
.pcw-ref-feature-media{position:relative;height:100%;overflow:hidden;background:#397c4a}
.pcw-ref-feature-media>img{width:100%;height:100%;object-fit:cover;object-position:51% 50%}
.pcw-ref-feature-play{position:absolute;top:48%;left:51%;transform:translate(-50%,-50%);display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.96);color:#0b6249;font-size:30px;padding-left:5px;box-shadow:0 7px 20px rgba(0,0,0,.15)}
.pcw-ref-feature-caption{position:absolute;bottom:19px;left:28px;background:rgba(6,41,29,.84);border-radius:9px;color:#fff;padding:9px 14px;font:700 13px Arial,sans-serif}
.pcw-ref-feature-caption small{display:block;font-size:10px;font-weight:400;color:#d5e9d9;margin-top:2px}
.pcw-ref-feature-copy{position:relative;z-index:1;padding:10px max(60px,calc((100vw - 1370px)/2)) 40px 62px;background:radial-gradient(circle at 100% 70%,rgba(222,235,209,.52),transparent 34%),#fffdf4}
.pcw-ref-feature-copy::after{content:"";position:absolute;right:-65px;bottom:-65px;width:280px;height:310px;background:url("../images/reference/foliage-hibiscus-left.webp") left bottom/contain no-repeat;transform:scaleX(-1);opacity:.3;pointer-events:none;z-index:-1}
.pcw-ref-feature-copy h2{font:700 65px/.98 var(--ref-serif);letter-spacing:-.06em;color:var(--ref-ink);margin:13px 0 22px}
.pcw-ref-feature-copy>p{font-size:20px;line-height:1.5;max-width:550px;color:#49665c;margin:0 0 31px}
.pcw-ref-feature-copy .pcw-ref-button{margin-bottom:39px}
.pcw-ref-feature-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:21px}
.pcw-ref-feature-copy li{position:relative;padding-left:33px;color:#466052;font-size:14px}
.pcw-ref-feature-copy li::before{content:"✓";position:absolute;left:0;top:-1px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#558c3f;color:#fff;font-size:12px;font-weight:bold}

/* 2758–3385px: four blog cards */
.pcw-ref-blog{height:627px;padding:53px 0 65px;background:linear-gradient(180deg,#fffdf6,#fbfcf4)}
.pcw-ref-blog .pcw-ref-section-heading{margin-bottom:29px;margin-left:60px}
.pcw-ref-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pcw-ref-blog-card{height:371px;border:1px solid #dfe8dc;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 8px 18px rgba(27,71,41,.045)}
.pcw-ref-blog-card a{display:flex;flex-direction:column;height:100%}
.pcw-ref-blog-photo{height:174px;overflow:hidden;background:#e1ead8}
.pcw-ref-blog-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.pcw-ref-blog-body{display:flex;flex-direction:column;flex:1;padding:17px 17px 16px}
.pcw-ref-blog-body strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:700 21px/1.12 var(--ref-serif);letter-spacing:-.04em;color:#15352e}
.pcw-ref-blog-body small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#5a6d62;font:13px/1.45 Arial,sans-serif;margin-top:9px}
.pcw-ref-blog-body b{color:var(--ref-coral);font:700 12px Arial,sans-serif;margin-top:auto}

/* 3385–3680px: newsletter */
.pcw-ref-newsletter{height:295px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 52% 50%,#0c6a4f,#063f33 66%,#052f29)}
.pcw-ref-newsletter::before,.pcw-ref-newsletter::after{content:"";position:absolute;z-index:-1;pointer-events:none;background:url("../images/reference/foliage-hibiscus-left.webp") left bottom/contain no-repeat}
.pcw-ref-newsletter::before{left:-10px;bottom:-85px;width:420px;height:385px}
.pcw-ref-newsletter::after{right:-32px;bottom:-130px;width:440px;height:420px;transform:scaleX(-1)}
.pcw-ref-newsletter-inner{position:relative;max-width:740px;margin:auto;text-align:center;padding-top:56px;color:#fff}
.pcw-ref-newsletter h2{font:700 39px/1.1 var(--ref-serif);letter-spacing:-.04em;margin:0 0 7px;color:#fff}
.pcw-ref-newsletter p{color:#d8eee4;font-size:15px;margin:0 0 20px}
.pcw-ref-newsletter-form,.pcw-ref-newsletter .pcw-newsletter-form{width:675px;max-width:100%;margin:auto}
.pcw-ref-newsletter .pcw-newsletter-fields{gap:0;background:#fff;border-radius:30px;overflow:hidden;padding:4px;height:55px;box-shadow:0 7px 18px rgba(0,0,0,.13)}
.pcw-ref-newsletter .pcw-newsletter-fields input{border:0;border-radius:25px;padding:0 22px;font-size:13px;color:#163b31}
.pcw-ref-newsletter .pcw-newsletter-fields button{border-radius:25px;background:#f45a28;padding:0 28px;font:700 14px var(--ref-serif);color:#fff}
.pcw-ref-newsletter .pcw-newsletter-fields button:hover{background:#d64d20}
.pcw-ref-newsletter .pcw-newsletter-consent{justify-content:center;color:#b9d5c6;font-size:10px;line-height:1.2;margin-top:7px}
.pcw-ref-newsletter .pcw-newsletter-message{min-height:0;margin-top:3px}
.pcw-ref-newsletter-inner>small{display:block;color:#c9e4d6;font-size:10px;margin-top:2px}

/* 3680–4320px: illustrated footer */
.site-footer.pcw-ref-footer{min-height:640px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 48% 0%,#075b48,#043d33 67%,#03352e);color:#e7f2e8}
.pcw-ref-footer-content{display:grid;grid-template-columns:1.62fr repeat(5,1fr);gap:29px;width:calc(100% - 134px);max-width:1400px;margin:0 auto;padding:62px 0 44px;position:relative;z-index:2}
.pcw-ref-footer-brand{max-width:280px}
.pcw-ref-footer-logo{display:flex;align-items:center;gap:9px;color:#fff}
.pcw-ref-footer-logo>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff2dd;font-size:26px}
.pcw-ref-footer-logo img{width:42px;height:42px;max-width:42px;object-fit:contain;border-radius:50%}
.pcw-ref-footer-logo strong{font:700 20px/1.05 var(--ref-serif);letter-spacing:-.045em}
.pcw-ref-footer-logo small{display:block;font:9px/1.15 Arial,sans-serif;letter-spacing:0;color:#bed6c4}
.pcw-ref-footer-brand p{color:#c4dcd0;font-size:12px;line-height:1.55;margin:20px 0}
.pcw-ref-footer-social{display:flex;gap:8px}
.pcw-ref-footer-social a{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.65);border-radius:50%;font:bold 16px Arial,sans-serif;color:#fff}
.pcw-ref-footer-social svg{width:16px;height:16px;fill:currentColor}
.pcw-ref-footer-column h3{margin:4px 0 15px;font:700 13px Arial,sans-serif;color:#fff}
.pcw-ref-footer-column h3 a:hover,.pcw-ref-footer-column li a:hover{color:#fff;text-decoration:underline}
.pcw-ref-footer-column ul{padding:0;margin:0;list-style:none;display:grid;gap:8px}
.pcw-ref-footer-column li a{color:#c3d9cc;font:12px/1.25 Arial,sans-serif}
.pcw-ref-footer-column .pcw-ref-footer-all{margin-top:8px}
.pcw-ref-footer-bottom{position:relative;z-index:2;display:flex;gap:50px;align-items:center;width:calc(100% - 134px);max-width:1400px;margin:10px auto 0;padding-top:27px;border-top:1px solid rgba(209,232,213,.2);color:#aacdbb;font-size:11px}
.pcw-ref-footer-bottom nav{display:flex;flex-wrap:wrap;gap:27px}
.pcw-ref-footer-bottom a:hover{color:#fff}
.pcw-ref-footer-botanical{position:absolute;left:-65px;bottom:-120px;width:min(73vw,1120px);height:auto;z-index:1;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,transparent 40%,#000 72%)}
.pcw-ref-footer-bird{position:absolute;right:-10px;bottom:-60px;width:600px;height:auto;z-index:1;pointer-events:none}

/* Editorial hub and starter-guide presentation shared by inner templates. */
.pcw-hub-overview{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-top:28px}
.pcw-hub-overview-card,.pcw-hub-overview-links{background:#fffdf6;border:1px solid #dce8d7;border-radius:16px;padding:29px 34px;box-shadow:0 10px 22px rgba(19,65,42,.04)}
.pcw-hub-overview-card h2,.pcw-hub-return h2{font:700 clamp(28px,3vw,38px)/1.08 var(--ref-serif);letter-spacing:-.04em;color:#0c3c30;margin:11px 0}
.pcw-hub-overview-card p,.pcw-hub-return p{max-width:670px;color:#51695c;font-size:15px;line-height:1.6;margin:0}
.pcw-hub-overview-links{display:flex;flex-direction:column;gap:10px}
.pcw-hub-overview-links>a{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#eef6e9;border-radius:9px;color:#0b5842;font:700 15px var(--ref-serif)}
.pcw-hub-overview-links>a:hover{background:#dcebd6}
.pcw-hub-overview-links>a span{color:#ec613d}
.pcw-hub-feature{display:grid;grid-template-columns:44% 56%;min-height:300px;background:#fff;border:1px solid #dfebdc;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px rgba(20,62,41,.06)}
.pcw-hub-feature>img{width:100%;height:100%;min-height:300px;object-fit:cover}
.pcw-hub-feature-copy{display:flex;flex-direction:column;align-items:flex-start;padding:38px 44px}
.pcw-hub-feature-copy strong{font:700 clamp(29px,3.5vw,45px)/1.08 var(--ref-serif);letter-spacing:-.045em;color:#103d31;margin:10px 0}
.pcw-hub-feature-copy small{font-size:15px;line-height:1.6;color:#536c5d}
.pcw-hub-feature-copy b{margin-top:auto;padding-top:20px;color:#ed5d39;font:700 13px Arial,sans-serif}
.pcw-hub-supporting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pcw-hub-supporting-card{display:grid;grid-template-columns:38% 1fr;min-height:185px;background:#fff;border:1px solid #dce8db;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(20,62,41,.05)}
.pcw-hub-supporting-card img{width:100%;height:100%;object-fit:cover}
.pcw-hub-supporting-card>span{display:flex;flex-direction:column;align-items:flex-start;padding:23px 25px}
.pcw-hub-supporting-card small{font:800 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e35b3a}
.pcw-hub-supporting-card strong{font:700 26px/1.1 var(--ref-serif);letter-spacing:-.04em;color:#123b30;margin-top:10px}
.pcw-hub-supporting-card em{margin-top:auto;padding-top:17px;color:#d95634;font:700 12px Arial,sans-serif;font-style:normal}
.pcw-hub-return{padding:30px 36px;background:#edf5e9;border-radius:16px;margin-top:24px}
.pcw-hub-return .pcw-ref-button{margin-top:19px}
.pcw-care-callout{background:#eef6e9;border-left:4px solid #5b9e58;border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0;color:#1c4938}
.pcw-care-callout>strong{display:block;font:700 19px var(--ref-serif);margin-bottom:10px}
.pcw-care-callout ul,.pcw-care-callout ol{margin:0;padding-left:22px;display:grid;gap:7px}
.pcw-source-note{font-size:13px;color:#5d7262;border-top:1px solid #dcebdc;padding-top:15px;margin-top:30px}
.pcw-toc-title{display:flex;align-items:center;gap:7px}
.pcw-toc-title svg{width:17px;height:17px;color:#3a8156}

/* Match the reference's denser editorial type and wider navigation at 1536px. */
@media(min-width:1200px){
 .pcw-ref-trust-inner>h2,.pcw-ref-trust-inner>p{transform:translateX(min(53px,3.45vw))}
 .primary-nav{margin-left:196px}
 .primary-nav a{font-size:13px}
 .pcw-header-actions{margin-left:auto}
 .pcw-search-toggle{width:44px;height:44px}
 .pcw-search-toggle svg{width:21px;height:21px}
 .pcw-ref-button{font-size:15px}
 .pcw-ref-outline-link{font-size:15px}
 .pcw-ref-topic-content strong{font-size:17px}
 .pcw-ref-topic-content small{font-size:12.5px;line-height:1.27}
 .pcw-ref-fresh-body>span{font-size:14px;line-height:1.3}
 .pcw-ref-fresh-body b{font-size:13px}
 .pcw-ref-trust h2{font-size:40px}
 .pcw-ref-trust-item strong{font-size:18px}
 .pcw-ref-trust-item small{font-size:15px}
 .pcw-ref-species-body strong{font-size:20px}
 .pcw-ref-species-body small{font-size:14px}
 .pcw-ref-feature-copy>p{font-size:20px}
 .pcw-ref-feature-copy li{font-size:17px}
 .pcw-ref-blog-body strong{font-size:22px}
 .pcw-ref-blog-body small{font-size:15px}
 .pcw-ref-blog-body b{font-size:14px}
 .pcw-ref-newsletter-inner{max-width:800px;padding-top:50px}
 .pcw-ref-newsletter h2{font-size:43px}
 .pcw-ref-newsletter p{font-size:17px}
 .pcw-ref-newsletter-form,.pcw-ref-newsletter .pcw-newsletter-form{width:760px}
 .pcw-ref-newsletter .pcw-newsletter-fields{height:60px}
 .pcw-ref-newsletter .pcw-newsletter-fields input{font-size:15px}
 .pcw-ref-newsletter .pcw-newsletter-fields button{min-width:180px;font-size:16px}
 .pcw-ref-footer-logo strong{font-size:23px}
 .pcw-ref-footer-logo small{font-size:10px}
 .pcw-ref-footer-brand p{font-size:15px}
 .pcw-ref-footer-social a{width:33px;height:33px}
 .pcw-ref-footer-column h3{font-size:16px}
 .pcw-ref-footer-column li a{font-size:15px;line-height:1.3}
 .pcw-ref-footer-bottom{font-size:13px}
}

/* Responsive adaptation follows the desktop reference build. */
@media(max-width:1199px){
 .header-inner{width:calc(100% - 38px)}
 .primary-nav ul{gap:13px}
 .pcw-ref-hero-copy{margin-left:7%;width:55%}
 .pcw-ref-hero h1{font-size:clamp(48px,5vw,76px)}
 .pcw-ref-hero-actions{gap:12px}
 .pcw-ref-hero-actions form{width:310px}
 .pcw-ref-topic-grid{grid-template-columns:repeat(3,1fr);height:auto}
 .pcw-ref-topics{height:auto}
 .pcw-ref-topic{height:230px}
 .pcw-ref-fresh,.pcw-ref-species,.pcw-ref-blog{height:auto;min-height:0}
 .pcw-ref-fresh .pcw-ref-section-heading,.pcw-ref-species .pcw-ref-section-heading,.pcw-ref-blog .pcw-ref-section-heading{margin-left:0}
 .pcw-ref-fresh-grid{grid-template-columns:1fr}
 .pcw-ref-trust-inner{width:73%;margin-left:3%}
 .pcw-ref-trust-grid{width:auto}
 .pcw-ref-trust-bird{width:35%}
 .pcw-ref-species-grid{grid-template-columns:repeat(3,1fr)}
 .pcw-ref-feature-copy{padding:65px 35px}
 .pcw-ref-feature-copy h2{font-size:50px}
 .pcw-ref-footer-content{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1200px) and (max-width:1499px){
 .pcw-ref-trust-inner{width:76.2vw;margin-left:8.46vw}
 .pcw-ref-trust-grid{width:70.3vw}
 .pcw-ref-trust-bird{width:33vw;height:400px;top:0;right:0}
}
@media(max-width:760px){
 .pcw-hub-overview,.pcw-hub-feature{grid-template-columns:1fr}
 .pcw-hub-supporting-grid{grid-template-columns:1fr}
 .pcw-hub-feature>img{height:220px;min-height:0}
 .pcw-hub-feature-copy{padding:26px}
 .site-header{height:auto}
 .header-inner{height:72px;min-height:72px}
 .primary-nav{margin-left:0}
 .pcw-ref-hero{height:auto;display:flex;flex-direction:column}
 .pcw-ref-hero-photo{position:relative;order:2;height:250px;object-position:65% 50%}
 .pcw-ref-hero::before,.pcw-ref-hero-leaves{display:none}
 .pcw-ref-hero-copy{order:1;width:auto;margin:0;padding:37px 20px 32px;background:#fffdf4}
 .pcw-ref-hero h1{font-size:clamp(46px,9vw,65px);white-space:normal}
 .pcw-ref-hero h1{margin:12px 0 15px}
 .pcw-ref-hero-copy>p{width:auto;max-width:470px}
 .pcw-ref-hero-actions{flex-wrap:wrap}
 .pcw-ref-hero-actions{margin-top:25px}
 .pcw-ref-hero-actions form{width:100%}
 .pcw-ref-wide,.pcw-ref-section-wrap,.pcw-ref-fresh .pcw-ref-section-wrap{width:calc(100% - 32px)}
 .pcw-ref-topic-grid{grid-template-columns:repeat(2,1fr);gap:10px}
 .pcw-ref-topic{height:238px}
 .pcw-ref-topic-content{padding-left:57px}
 .pcw-ref-section-heading{display:block}
 .pcw-ref-section-heading h2{font-size:37px}
 .pcw-ref-outline-link{margin-top:18px}
 .pcw-ref-fresh,.pcw-ref-species,.pcw-ref-blog{padding:45px 0 55px}
 .pcw-ref-species .pcw-ref-section-heading{transform:none}
 .pcw-ref-fresh-card{height:180px}
 .pcw-ref-trust{height:auto;padding:45px 16px 130px}
 .pcw-ref-trust-inner{width:100%;margin:0;padding:0}
 .pcw-ref-trust-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px}
 .pcw-ref-trust-bird{width:210px;height:210px;right:-25px;bottom:-35px;top:auto}
 .pcw-ref-species-grid,.pcw-ref-blog-grid{grid-template-columns:repeat(2,1fr);gap:11px}
 .pcw-ref-feature{height:auto;display:flex;flex-direction:column}
 .pcw-ref-feature-media{height:390px}
 .pcw-ref-feature-copy{padding:45px 24px 55px}
 .pcw-ref-feature-copy h2{font-size:49px}
 .pcw-ref-feature-copy>p{font-size:17px}
 .pcw-ref-feature-copy .pcw-ref-button{margin-bottom:29px}
 .pcw-ref-feature-copy ul{gap:12px}
 .pcw-ref-newsletter{height:auto;min-height:295px;padding:0 16px 30px}
 .pcw-ref-newsletter-inner{padding-top:50px}
 .pcw-ref-newsletter h2{font-size:34px}
 .pcw-ref-footer-content{width:calc(100% - 42px);grid-template-columns:repeat(2,1fr);gap:32px;padding-top:45px}
 .pcw-ref-footer-brand{grid-column:1/-1}
 .pcw-ref-footer-bottom{width:calc(100% - 42px);display:block;padding-bottom:190px}
 .pcw-ref-footer-bottom nav{margin-top:12px}
 .pcw-ref-footer-bird{width:380px;bottom:-130px}
 .pcw-ref-footer-botanical{width:330px;bottom:-130px}
}
@media(max-width:460px){
 .pcw-hub-supporting-card{grid-template-columns:1fr}
 .pcw-hub-supporting-card img{height:145px}
 .pcw-ref-topic-photo{height:116px}
 .pcw-ref-topic{height:236px}
 .pcw-ref-topic-content{height:120px;padding:16px 8px 9px 11px}
 .pcw-ref-topic-symbol{top:-20px;left:8px}
 .pcw-ref-topic-content strong{margin-top:11px}
 .pcw-ref-fresh-card a{grid-template-columns:43% 57%}
 .pcw-ref-fresh-body{padding:12px}
 .pcw-ref-fresh-body strong{font-size:17px}
 .pcw-ref-species-card{height:255px}
 .pcw-ref-species-photo{height:150px}
 .pcw-ref-species-body{padding:12px}
 .pcw-ref-species-body strong{font-size:16px}
 .pcw-ref-species-body small{font-size:11px}
 .pcw-ref-blog-card{height:315px}
 .pcw-ref-blog-photo{height:135px}
 .pcw-ref-blog-body{padding:12px}
 .pcw-ref-blog-body strong{font-size:17px}
 .pcw-ref-newsletter .pcw-newsletter-fields{height:auto;display:grid;gap:4px;border-radius:16px}
 .pcw-ref-newsletter .pcw-newsletter-fields input{min-height:42px}
 .pcw-ref-newsletter .pcw-newsletter-fields button{min-height:42px;border-radius:12px}
}

/* The topical hub's later editorial rules must not crop guide photography. */
.pcw-hub-feature>img,.pcw-hub-supporting-card img{object-fit:contain;background:#e5efe1}