/* Guide-only presentation; the WordPress theme retains header, title and lifecycle. */
/* The staging theme gives the post H1 inline block padding; narrow only its lower edge for Guides. */
body.single-post:has(.ve-guide) h1.wp-block-post-title{padding-bottom:clamp(.75rem,1.5vw,1.25rem)!important;margin-bottom:0}
.ve-guide{--ve-guide-ink:#17342d;--ve-guide-muted:#435b50;--ve-guide-accent:#9c3e19;--ve-guide-soft:#f7f4ed;--ve-guide-line:#d8d0c3;box-sizing:border-box;max-width:72rem;margin:-.5rem auto 0;padding:clamp(1rem,3vw,2.5rem);padding-block-start:.5rem;color:var(--ve-guide-ink);font-family:inherit;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.7;overflow-wrap:anywhere}
.ve-guide *{box-sizing:border-box}
.ve-guide__opening:empty{display:none}
.ve-guide__dek{max-width:66ch;margin:0 0 .875rem;color:var(--ve-guide-muted);font-size:clamp(1.125rem,2.4vw,1.375rem);line-height:1.5}
.ve-guide__body>p,.ve-guide__body>ul,.ve-guide__body>ol,.ve-guide__body>blockquote,.ve-guide__body>h2,.ve-guide__body>h3,.ve-guide__body>h4{max-width:70ch}
.ve-guide__body h2:not(.ve-recommendation__headline){margin:2.75rem 0 1rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;letter-spacing:-.015em}
.ve-guide__body h2[id]{scroll-margin-top:calc(11rem + var(--wp-admin--admin-bar--height, 0px))}
.ve-guide__body h3:not(.ve-recommendation__product-name):not(.ve-recommendation__headline){margin:2rem 0 .75rem;font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.3}
.ve-guide__body p,.ve-guide__body li{line-height:1.7}
.ve-guide__body blockquote{margin:2rem 0;padding:.25rem 0 .25rem 1.25rem;border-inline-start:3px solid var(--ve-guide-line);color:var(--ve-guide-muted)}
.ve-guide__body a:not(.ve-recommendation__cta){color:var(--ve-guide-accent);text-decoration-thickness:.08em;text-underline-offset:.2em}
.ve-guide :focus-visible{outline:3px solid var(--ve-guide-accent);outline-offset:3px}
.ve-guide__outline[hidden]{display:none}
.ve-guide__outline{max-width:70ch;margin:.625rem 0 1.75rem;padding:1rem 1.25rem;background:var(--ve-guide-soft);border-inline-start:3px solid var(--ve-guide-line)}
.ve-guide__outline-title{margin:0 0 .5rem;font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ve-guide__outline-list{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;list-style:none;margin:0;padding:0}
.ve-guide__outline a{color:var(--ve-guide-ink);font-size:.9375rem;text-decoration:underline;text-underline-offset:.2em}
.ve-guide__body img{max-width:100%;height:auto}
/* External featured media uses the same restrained, uncropped opening as native Guide images. */
body.single-post:has(.ve-guide) .wp-block-post-featured-image{max-width:35rem;margin-inline:auto}
body.single-post:has(.ve-guide) .wp-block-post-featured-image img.wp-post-image,
body.single-post:has(.ve-guide) img.external-featured-image.wp-post-image{display:block;width:100%;max-width:35rem;height:auto;max-height:35rem;object-fit:contain;margin-inline:auto}
/* Shared opening-image motion for current and future posts with a featured image. */
@media (prefers-reduced-motion:no-preference){
  body.single-post .wp-block-post-featured-image{animation:ve-guide-featured-float 5s ease-in-out infinite!important;perspective:1000px}
  @keyframes ve-guide-featured-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.single-post .wp-block-post-featured-image img.wp-post-image{display:block;width:100%;height:auto;object-fit:contain;backface-visibility:hidden;transform:perspective(1000px) rotateX(var(--ve-guide-tilt-x,0deg)) rotateY(var(--ve-guide-tilt-y,0deg)) scale(1)!important;transform-origin:center;transition:transform .3s ease,filter .3s ease}
  body.single-post .wp-block-post-featured-image.ve-guide-featured--active{animation-play-state:paused!important}
  body.single-post .wp-block-post-featured-image.ve-guide-featured--active img.wp-post-image{transform:perspective(1000px) rotateX(var(--ve-guide-tilt-x,0deg)) rotateY(var(--ve-guide-tilt-y,0deg)) scale(1.035)!important;filter:drop-shadow(0 22px 20px rgba(16,58,70,.2))}
}
@media (prefers-reduced-motion:reduce){body.single-post .wp-block-post-featured-image{animation:none!important}body.single-post .wp-block-post-featured-image img.wp-post-image{transform:none!important;transition:none!important}}
.ve-guide .ve-recommendation{margin-block:2.5rem}
@media (max-width:40rem){body.single-post:has(.ve-guide) h1.wp-block-post-title{font-size:clamp(2rem,8vw,2.75rem)!important;line-height:1.12;padding-bottom:.625rem!important}.ve-guide{margin-top:-.75rem;padding:1rem;padding-block-start:0}.ve-guide__dek{margin-bottom:.75rem}.ve-guide__outline{margin-top:.5rem;margin-bottom:1.5rem}.ve-guide__outline-list{display:block}.ve-guide__outline-list li+li{margin-top:.5rem}}