/* Shared article blocks: storefront and the admin preview use the same visual language. */
:is(.article-content,.article-editable,.template-preview) .syhc-hero{position:relative;overflow:hidden;padding:42px 38px;margin:4px 0 28px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#234738,#6e8d62);box-shadow:0 20px 45px rgba(33,67,48,.16)}
:is(.article-content,.article-editable,.template-preview) .syhc-hero::after{content:"";position:absolute;right:-70px;top:-75px;width:250px;height:250px;border-radius:50%;border:2px solid rgba(255,255,255,.22);box-shadow:0 0 0 30px rgba(255,255,255,.07),0 0 0 68px rgba(255,255,255,.05);pointer-events:none}
:is(.article-content,.article-editable,.template-preview) .syhc-hero-product{background:linear-gradient(135deg,#183d30,#42835b 65%,#a9ba73)}
:is(.article-content,.article-editable,.template-preview) .syhc-hero-green{background:linear-gradient(135deg,#173b35,#427b62 65%,#8bab78)}
:is(.article-content,.article-editable,.template-preview) .syhc-hero-gold{background:linear-gradient(135deg,#80622a,#c28b3b 62%,#e2bd72)}
:is(.article-content,.article-editable,.template-preview) .syhc-hero-moon{background:linear-gradient(135deg,#242e5b,#596292 65%,#b99774)}
:is(.article-content,.article-editable,.template-preview) .syhc-hero-red{background:linear-gradient(135deg,#851f2c,#bd4b3c 65%,#dc9860)}
:is(.article-content,.article-editable,.template-preview) .syhc-hero h2{position:relative;z-index:1;margin:14px 0 12px;color:#fff;font-size:clamp(27px,4vw,42px);line-height:1.3;letter-spacing:.02em}
:is(.article-content,.article-editable,.template-preview) .syhc-hero p{position:relative;z-index:1;color:rgba(255,255,255,.94)}
:is(.article-content,.article-editable,.template-preview) .syhc-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
:is(.article-content,.article-editable,.template-preview) .syhc-hero .syhc-eyebrow{color:#f3eac9}
:is(.article-content,.article-editable,.template-preview) .syhc-lead{font-size:17px;line-height:1.85}
:is(.article-content,.article-editable,.template-preview) .syhc-hero .syhc-lead{max-width:620px;margin:0}
:is(.article-content,.article-editable,.template-preview) .syhc-tag{display:table;margin:0 auto 26px;padding:7px 18px;border:1px solid #c8d8b8;border-radius:50px;color:#42684e;background:#f6f8ee;font-size:13px;letter-spacing:.05em;text-align:center}
:is(.article-content,.article-editable,.template-preview) .syhc-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 30px}
:is(.article-content,.article-editable,.template-preview) .syhc-photo-slot{min-width:0;overflow:hidden;border:1px solid #e3e9df;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(28,64,43,.06)}
:is(.article-content,.article-editable,.template-preview) .syhc-photo-slot .syhc-photo-placeholder{display:flex;align-items:center;justify-content:center;min-height:175px;aspect-ratio:4/3;padding:14px;color:#56705f;background:radial-gradient(circle at 28% 25%,#f9edcb,transparent 33%),linear-gradient(145deg,#dcebdd,#f0f4e8 58%,#d3e4d7);font-size:13px;text-align:center}
:is(.article-editable,.template-preview) .syhc-photo-slot .syhc-photo-placeholder{cursor:pointer}
:is(.article-content,.article-editable,.template-preview) .syhc-photo-slot img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:0}
:is(.article-content,.article-editable,.template-preview) .syhc-photo-link{display:block;overflow:hidden;cursor:pointer}
:is(.article-content,.article-editable,.template-preview) .syhc-photo-link img{transition:transform .25s ease,opacity .25s ease}
:is(.article-content,.template-preview) .syhc-photo-link:hover img{transform:scale(1.025);opacity:.94}
:is(.article-content,.template-preview) .syhc-photo-link:focus-visible{outline:3px solid #4d9470;outline-offset:2px}
:is(.article-content,.article-editable,.template-preview) .syhc-caption{margin:0!important;padding:9px 12px;color:#78877c;font-size:12px;text-align:center}
:is(.article-content,.article-editable,.template-preview) .syhc-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 26px}
:is(.article-content,.article-editable,.template-preview) .syhc-fact{padding:18px;border:1px solid #e0e9df;border-radius:12px;background:#f8faf5;transition:transform .25s ease,box-shadow .25s ease}
:is(.article-content,.article-editable,.template-preview) .syhc-fact:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(31,74,48,.1)}
:is(.article-content,.article-editable,.template-preview) .syhc-fact strong{display:block;margin:5px 0;color:#284a34;font-size:14px}
:is(.article-content,.article-editable,.template-preview) .syhc-fact p{margin:0;color:#5d7263;font-size:13px}
:is(.article-content,.article-editable,.template-preview) .syhc-icon{display:inline-block;font-size:1.25em;line-height:1;vertical-align:-.08em}
:is(.article-content,.article-editable,.template-preview) .syhc-panel{margin:20px 0;padding:24px 26px;border-radius:14px;border-left:5px solid #5d9274;background:#f2f7f0;box-shadow:0 10px 28px rgba(42,72,49,.06)}
:is(.article-content,.article-editable,.template-preview) .syhc-panel-cream{border-color:#b6a96c;background:#fbf8ee}
:is(.article-content,.article-editable,.template-preview) .syhc-panel-green{border-color:#4d9470;background:#eff7f1}
:is(.article-content,.article-editable,.template-preview) .syhc-panel-gold{border-color:#c28b3b;background:#fff6e3}
:is(.article-content,.article-editable,.template-preview) .syhc-panel-red{border-color:#bd4b3c;background:#fff1ed}
:is(.article-content,.article-editable,.template-preview) .syhc-panel h3{margin:3px 0 10px}
:is(.article-content,.article-editable,.template-preview) .syhc-panel p:last-child{margin-bottom:0}
:is(.article-content,.article-editable,.template-preview) .syhc-divider{margin:34px auto;color:#9db58e;font-size:16px;letter-spacing:.25em;text-align:center}
:is(.article-content,.article-editable,.template-preview) .syhc-note{margin:26px 0 8px;padding-top:14px;border-top:1px solid #e0e9dc;color:#839186;font-size:12px;line-height:1.75}
@media (prefers-reduced-motion:no-preference){:is(.article-content,.article-editable,.template-preview) .syhc-animate{animation:syhc-rise .65s ease both}@keyframes syhc-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media (max-width:650px){:is(.article-content,.article-editable,.template-preview) .syhc-hero{padding:29px 23px;border-radius:13px}:is(.article-content,.article-editable,.template-preview) .syhc-hero h2{font-size:27px}:is(.article-content,.article-editable,.template-preview) .syhc-lead{font-size:15px}:is(.article-content,.article-editable,.template-preview) .syhc-photo-grid{gap:9px}:is(.article-content,.article-editable,.template-preview) .syhc-photo-slot .syhc-photo-placeholder{min-height:110px;font-size:11px}:is(.article-content,.article-editable,.template-preview) .syhc-panel{padding:18px}:is(.article-content,.article-editable,.template-preview) .syhc-two-col{gap:8px}:is(.article-content,.article-editable,.template-preview) .syhc-fact{padding:12px}}