/* Florey V5 — SEO-ready, drop-forward components. System fonts, no third party runtime. */
:root{--v5-lime:#76ed72;--v5-black:#0a0d0b;--v5-cream:#f4f5f0}
#site{overflow:clip}
.v5-tag{display:block;color:var(--v5-lime);font-size:11px;line-height:1.4;font-weight:900;letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px}
.v5-teaser{background:linear-gradient(105deg,#101a12,#182719 60%,#0b120c);border-top:1px solid #354a35;border-bottom:1px solid #354a35;color:#fff}
.v5-teaser-inner{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:28px;align-items:center;padding-top:23px;padding-bottom:23px}
.v5-teaser h2{font-size:clamp(24px,2.45vw,36px);font-weight:1000;letter-spacing:-.045em;line-height:1.03;margin:0 0 8px;color:#fff}
.v5-teaser h2 em{font-style:normal;color:var(--v5-lime)}
.v5-teaser p{font-size:13px;line-height:1.55;color:#d2ded2;margin:0;max-width:620px}
.v5-teaser .v5-tag{margin-bottom:8px;font-size:10px}
.v5-teaser-icon{width:105px;height:105px;border-radius:22px;background:#071108;border:1px solid #314633;display:grid;place-items:center}
.v5-tape-roll{width:69px;height:69px;background:radial-gradient(circle at 50% 50%,#070b08 0 16px,#b6fbb0 17px 23px,#113f1a 24px 34px);border:5px solid #89ed73;border-radius:50%;box-shadow:0 4px 18px #71f07b3b, inset 0 0 0 5px #051007;display:block;transform:rotate(-20deg)}
.v5-tape-roll i{display:block;width:24px;height:24px;background:#060c07;border-radius:50%;margin:17px auto}
.v5-arrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #7ce47b;padding:13px 19px;color:#a9ffa5;font-size:11px;font-weight:900;letter-spacing:.08em;text-decoration:none;white-space:nowrap;border-radius:6px;transition:background .2s}
.v5-arrow:hover{background:#213e23}
.v5-product-detail-link{margin-top:15px}
.v5-product-detail-link a,.v5-deep-link a,.v5-inline{color:#16842b;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:850}
.v5-result-banner{background:#141c15;color:#fff;padding:50px 0;border-bottom:1px solid #263929}
.v5-result-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.v5-result-banner h2{font-size:clamp(26px,3.4vw,44px);line-height:1.04;font-weight:950;letter-spacing:-.04em;margin:0 0 12px}
.v5-result-banner h2 em{font-style:normal;color:var(--v5-lime)}
.v5-result-banner p{max-width:630px;margin:0;color:#ccdacd;font-size:15px;line-height:1.55}
.v5-tape-showcase{background:#0c140d;color:#fff;padding:72px 0;border-top:1px solid #2a432d}
.v5-tape-showcase-grid{display:grid;grid-template-columns:.95fr 1fr;align-items:center;gap:72px}
.v5-tape-showcase h2,.v5-product-hero h1,.v5-wpial-hero h1{font-size:clamp(39px,5.5vw,78px);line-height:.98;letter-spacing:-.052em;font-weight:1000;margin:0 0 24px;color:#fff}
.v5-tape-showcase h2 em,.v5-product-hero h1 em,.v5-wpial-hero h1 em{color:var(--v5-lime);font-style:normal}
.v5-tape-showcase p,.v5-product-hero p,.v5-wpial-hero p{color:#d4dcd4;line-height:1.65;font-size:16px;max-width:660px}
.v5-tape-art{background:linear-gradient(150deg,#17251b,#071007);min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #344a38;border-radius:24px;position:relative;overflow:hidden}
.v5-tape-art>small,.v5-product-art>span{color:#aab9aa;font-size:10px;letter-spacing:.08em;font-weight:800;text-align:center;margin:26px 0 0}
.v5-big-tape{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at center,#101811 0 50px,#bde9ad 52px 68px,#2fa146 69px 82px,#0c4b1e 83px 112px);border:12px solid #8de677;box-shadow:0 20px 70px #0b0a0a88,0 0 0 13px #0a130c;display:grid;place-items:center;transform:rotate(-13deg);position:relative}
.v5-big-tape span{color:#fff;letter-spacing:.03em;font-size:16px;font-weight:1000;text-align:center;line-height:1;transform:rotate(13deg);text-shadow:0 2px #0d0d0d}
.v5-spec-pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 30px}
.v5-spec-pills span{border:1px solid #39533e;background:#152419;color:#c7efc5;padding:10px 13px;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.08em}
.v5-tape-showcase .btn{margin-top:6px}
.v5-wpial-preview{background:#0b150d;color:#fff;padding:80px 0}
.v5-wpial-preview-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:60px;align-items:center}
.v5-wpial-preview h2,.v5-cross-grid h2{font-size:clamp(36px,4.4vw,64px);font-weight:1000;letter-spacing:-.055em;line-height:1.02;margin:0 0 20px;color:#fff}
.v5-wpial-preview h2 em{color:var(--v5-lime);font-style:normal}
.v5-wpial-preview p{font-size:16px;line-height:1.65;color:#cbd6cd;max-width:620px}
.v5-wpial-stat-grid{display:grid;gap:15px}
.v5-wpial-stat-grid>div{background:#152719;border:1px solid #375239;border-radius:15px;padding:25px;display:flex;flex-direction:column;gap:5px}
.v5-wpial-stat-grid small{font-size:11px;font-weight:850;letter-spacing:.15em;color:#9bf69a}
.v5-wpial-stat-grid strong{font-size:clamp(40px,5vw,64px);letter-spacing:-.06em;color:#fff}
.v5-wpial-stat-grid span{font-size:14px;color:#d3ded4}
.v5-source-mini,.v5-source-line{font-size:12px!important;color:#aec8b0!important;line-height:1.6}
.v5-source-line a{color:#86e880;text-decoration:underline}
.v5-product-hero,.v5-wpial-hero{background:radial-gradient(ellipse at 76% 26%,#284a2d,#101811 44%,#0a0d0a 76%);padding:40px 0 75px;color:#fff;min-height:510px}
.v5-product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}
.v5-crumb{display:flex;gap:10px;color:#9ac39c;font-size:11px;font-weight:800;letter-spacing:.1em;margin:8px 0 60px}
.v5-crumb a{color:#b6cbb8;text-decoration:underline}
.v5-product-hero h1{font-size:clamp(42px,4.7vw,69px);letter-spacing:-.055em}
.v5-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}
.v5-tiny{font-size:11px!important;line-height:1.55!important;color:#a5bba8!important;max-width:680px;margin-top:24px!important}
.v5-price-box{display:flex;align-items:center;gap:18px;margin:22px 0;padding:16px 0;border-top:1px solid #304c31;border-bottom:1px solid #304c31}
.v5-price-box b{font-size:35px;letter-spacing:-.05em}
.v5-price-box span{font-size:10px;letter-spacing:.07em;max-width:200px;color:#c5cfc4;font-weight:800}
.v5-product-art{position:relative;min-height:455px;background:linear-gradient(155deg,#253726,#0e1610);border:1px solid #34573a;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px}
.v5-mat-illustration{width:90%;height:245px;background:linear-gradient(135deg,#181d1a,#030803);transform:perspective(550px) rotateX(48deg) rotateZ(-12deg);border:12px solid #536c5a;box-shadow:0 20px 0 #111b13,0 60px 50px #010701a0;border-radius:12px;display:grid;place-items:center}
.v5-ring{width:170px;height:170px;border:4px solid #e6f2e3;border-radius:50%}
.v5-product-art.tape{background:radial-gradient(circle at center,#254b2d,#061008)}
.v5-tape-hero{position:relative;display:grid;place-items:center;min-height:310px;width:100%}
.v5-tape-hero .v5-big-tape{width:260px;height:260px}
.v5-tape-lines{position:absolute;width:100%;height:100%;background:repeating-linear-gradient(-24deg,transparent 0 14px,#78d87814 15px 16px,transparent 17px 54px);z-index:0;pointer-events:none}
.v5-tape-hero .v5-big-tape{z-index:1}
.v5-spec-table{border:1px solid #dae0d5;border-radius:12px;overflow:hidden;background:#fff}
.v5-spec-table>div{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;border-bottom:1px solid #dde6db;padding:17px 22px;color:#1a291b}
.v5-spec-table>div:last-child{border-bottom:0}
.v5-spec-table b{font-size:14px}.v5-spec-table span{font-size:14px;color:#48604b}
.v5-cross-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.v5-cross-grid p{color:#c7d4c9;font-size:16px;line-height:1.65}
.v5-cross-grid .v5-cross-card.light{background:#f4f5f1;color:#172019}
.v5-cross-grid .v5-cross-card.light p{color:#435744}
.v5-cross-card{background:#1d2e1f;border:1px solid #49664a;color:#fff;border-radius:18px;padding:35px}
.v5-cross-card span{font-size:11px;font-weight:950;letter-spacing:.17em;color:#91f28e}
.v5-cross-card h3{font-size:clamp(23px,2.7vw,33px);letter-spacing:-.04em;line-height:1.12;color:inherit;margin:16px 0}
.v5-cross-card a{display:inline-block;color:#87f486;font-weight:900;text-decoration:underline;text-underline-offset:4px;font-size:12px;margin-top:11px}
.v5-cross-card.light a{color:#168627}
.v5-wpial-hero{padding:45px 0 95px;min-height:400px}
.v5-wpial-hero .container{max-width:1100px}
.v5-wpial-hero h1{font-size:clamp(40px,6vw,82px)}
.v5-wpial-hero p{max-width:890px}
.v5-wpial-hero .v5-tiny{margin-top:15px}
.v5-table-wrap{overflow-x:auto;border:1px solid #dce5d9;background:#fff;border-radius:13px}
.v5-table-wrap.dark{border-color:#2b4b31;background:#122017}
.v5-data-table{border-collapse:collapse;text-align:left;min-width:650px;width:100%;font-size:14px;color:#112018}
.v5-data-table td,.v5-data-table th{padding:17px 20px;border-bottom:1px solid #dfe8dc;white-space:nowrap}
.v5-data-table th{background:#e5f6e4;color:#203f21;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:950}
.v5-data-table tr:last-child td{border:0}
.v5-data-table a{color:#187a26;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.v5-table-wrap.dark .v5-data-table{color:#dcefe0}
.v5-table-wrap.dark .v5-data-table th{background:#263d2b;color:#a8ffa3}
.v5-table-wrap.dark .v5-data-table td{border-color:#304835}
.v5-mini-related{background:#18261a;color:#fff;border-top:1px solid #38513a;border-bottom:1px solid #38513a}
.v5-mini-related .container{display:flex;align-items:center;gap:25px;justify-content:space-between;padding-top:19px;padding-bottom:19px}
.v5-mini-related span{font-size:10px;font-weight:900;color:#9af097;letter-spacing:.12em;white-space:nowrap}
.v5-mini-related p{font-size:13px;color:#d5e4d6;margin:0}
.v5-mini-related a{color:#9cf49a;text-decoration:underline;text-underline-offset:3px}
.v5-panel-number{color:#298b34;font-size:10px;font-weight:950}
.site-header .menu{gap:22px}
.site-header .menu a{font-size:10px}
.v5-tape-showcase .v5-tape-art{aspect-ratio:4/3}
@media(max-width:1050px){.site-header .menu{gap:14px}.site-header .menu a{font-size:9px}.v5-teaser-inner{grid-template-columns:86px 1fr}.v5-teaser .v5-arrow{grid-column:2;justify-self:start}.v5-teaser-icon{width:82px;height:82px}.v5-tape-roll{transform:scale(.8) rotate(-20deg)}}
@media(max-width:850px){.v5-product-grid,.v5-wpial-preview-grid,.v5-tape-showcase-grid,.v5-cross-grid{grid-template-columns:1fr;gap:32px}.v5-result-banner-inner{align-items:flex-start;flex-direction:column}.v5-product-art{min-height:330px}.v5-crumb{margin-bottom:38px}.v5-tape-showcase{padding:45px 0}.v5-product-hero{padding-bottom:40px}.v5-wpial-preview{padding:50px 0}}
@media(max-width:590px){.v5-teaser-inner{grid-template-columns:58px 1fr;gap:15px;padding-top:18px;padding-bottom:20px}.v5-teaser-icon{width:58px;height:58px;border-radius:12px}.v5-teaser-icon .v5-tape-roll{transform:scale(.54) rotate(-20deg)}.v5-teaser h2{font-size:22px}.v5-teaser p{font-size:12px}.v5-teaser .v5-arrow{grid-column:1/-1;justify-self:stretch}.v5-product-hero h1,.v5-wpial-hero h1{font-size:clamp(36px,10vw,58px)}.v5-product-art{min-height:280px;padding:22px}.v5-mat-illustration{height:175px}.v5-ring{width:90px;height:90px}.v5-big-tape,.v5-tape-hero .v5-big-tape{transform:scale(.75) rotate(-13deg)}.v5-tape-art{min-height:285px}.v5-spec-table>div{grid-template-columns:1fr;gap:5px;padding:15px}.v5-spec-pills{margin:17px 0}.v5-mini-related .container{display:block}.v5-mini-related p{margin-top:6px}.v5-wpial-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.v5-wpial-stat-grid>div{padding:14px}.v5-wpial-stat-grid strong{font-size:34px}.v5-wpial-stat-grid small{font-size:9px}.v5-wpial-stat-grid span{font-size:11px}.v5-cross-card{padding:23px}}
@media(prefers-reduced-motion:reduce){.v5-tape-roll,.v5-big-tape{transition:none!important}}


/* V5.1: readable typography on light editorial sections.
   The earlier shared cross-promotion styles were designed for dark backgrounds.
   On the WPIAL girls section they rendered white copy on off-white. */
.page-light .v5-cross-grid > div:not(.v5-cross-card) h1,
.page-light .v5-cross-grid > div:not(.v5-cross-card) h2,
.page-light .v5-cross-grid > div:not(.v5-cross-card) h3,
.page-light .v5-cross-grid > div:not(.v5-cross-card) .display {
  color:#122019;
}
.page-light .v5-cross-grid > div:not(.v5-cross-card) p,
.page-light .v5-cross-grid > div:not(.v5-cross-card) .intro-lede {
  color:#435546;
}
.page-light .v5-cross-grid > div:not(.v5-cross-card) .overline {
  color:#21753a;
}
.page-light .v5-cross-card.light h3 {color:#152019;}
.page-light .v5-cross-card.light span {color:#257b35;}
.page-light .v5-cross-card.light p {color:#405544;}
.page-light .v5-cross-card.light a {color:#156a2b;}