/* LPF v7.7 — Inside Page Visual Upgrade + FAQ Refresh */
.v77-hero{margin:0 0 34px;padding:32px;border-radius:22px;background:linear-gradient(135deg,#f7fbff,#edf6ff);border:1px solid #dbe8f5;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.v77-hero .eyebrow{font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#2474df}
.v77-hero h1{font-family:Georgia,serif;font-size:46px;line-height:1.06;color:#102f57;margin:7px 0 12px}
.v77-hero p{font-size:18px;line-height:1.65;color:#536b83;margin:0 0 18px}
.v77-hero img{width:100%;max-height:285px;object-fit:contain}
.v77-btn{display:inline-block;background:#29a83b;color:#fff!important;border-radius:999px;padding:13px 21px;font-weight:900;text-decoration:none}
.v77-trust{margin-top:13px;font-size:12px;color:#60748a;font-weight:700}
.inside-expand{background:linear-gradient(180deg,#f5faff,#fff)!important;box-shadow:0 14px 36px rgba(16,47,87,.07)!important}
.inside-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.inside-item{position:relative;padding:23px!important;box-shadow:0 5px 16px rgba(16,47,87,.04)}
.inside-item:before{content:"✓";display:flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:#e8f7e8;color:#29a83b;font-weight:900;margin-bottom:12px}
.v77-save{margin:28px 0;padding:27px;border-radius:18px;background:#eef7ff;border:1px solid #d9e8f6}
.v77-save h2{font-family:Georgia,serif;color:#102f57;margin:0 0 17px}
.v77-save-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v77-save-card{background:#fff;border-radius:12px;padding:17px;border:1px solid #dce6f1}
.v77-save-card strong{display:block;color:#102f57;margin-bottom:5px}.v77-save-card span{font-size:13px;line-height:1.5;color:#63778d}
.v77-pig-callout{margin:28px 0;padding:22px 26px;border-radius:16px;background:linear-gradient(90deg,#effbea,#f7fff4);border:1px solid #d3eacb;display:flex;align-items:center;justify-content:space-between;gap:20px}
.v77-pig-callout strong{font-size:19px;color:#102f57}.v77-pig-callout span{display:block;color:#62758a;margin-top:4px}
.v77-faq-wrap{max-width:1000px;margin:0 auto;padding:52px 20px 70px}
.v77-faq-head{text-align:center;margin-bottom:28px}.v77-faq-head h1{font-family:Georgia,serif;font-size:44px;color:#102f57;margin:0 0 10px}.v77-faq-head p{color:#62758a}
.v77-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:24px 0 30px}.v77-tab{border:1px solid #d9e4ef;background:#fff;border-radius:9px;padding:10px 14px;font-weight:800;color:#294867}.v77-tab.active{background:#2474df;color:#fff;border-color:#2474df}
.v77-faq details{background:#fff;border:1px solid #dce6f1;border-radius:11px;margin:9px 0;overflow:hidden}.v77-faq summary{cursor:pointer;padding:17px 19px;font-weight:850;color:#102f57;list-style:none}.v77-faq summary::-webkit-details-marker{display:none}.v77-faq summary:after{content:"+";float:right;font-size:20px}.v77-faq details[open] summary{background:#f1f7ff}.v77-faq details[open] summary:after{content:"−"}.v77-faq details p{padding:0 19px 18px;margin:0;color:#5e7187;line-height:1.65}
@media(max-width:850px){.v77-hero{grid-template-columns:1fr}.v77-hero h1{font-size:38px}.inside-grid{grid-template-columns:1fr!important}.v77-save-grid{grid-template-columns:1fr 1fr}.v77-pig-callout{flex-direction:column;text-align:center}}
@media(max-width:520px){.v77-save-grid{grid-template-columns:1fr}.v77-faq-head h1{font-size:36px}}

/* LPF v7.7.1 — reuse homepage category photos in the inside-page hero instead of the small SVG icon.
   The homepage crop is a wide 416x142 strip, so it needs object-fit:cover in a fixed-height box
   rather than the icon sizing (width:min(100%,320px);height:auto) .inner-hero-illustration img uses
   by default — otherwise it renders as a thin, squashed sliver. */
.content-photo{margin:34px 0;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(6,43,89,.12)}
.content-photo img{width:100%;height:340px;object-fit:cover;display:block}
.content-photo figcaption{padding:14px 20px;font-size:13px;color:#607488;background:#f7fbff;border-top:1px solid #e3ecf5}
@media(max-width:600px){.content-photo img{height:220px}}
.inner-hero-illustration{padding:0}
.inner-hero-illustration img.category-photo{width:100%;max-width:460px;height:320px;object-fit:cover;border-radius:20px;box-shadow:0 18px 45px rgba(6,43,89,.14)}
@media(max-width:520px){.inner-hero-illustration img.category-photo{height:200px}}