/* FroggyAds V227 KPI and dashboard pages. Page-scoped inclusion only. */
.v227-page .v227-hero{padding-top:72px}.v227-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);gap:52px;align-items:center}.v227-hero-visual img{display:block;width:100%;height:auto;border-radius:24px}.v227-proof-grid,.v227-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v227-proof-grid article,.v227-score-grid article{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.v227-proof-grid strong,.v227-score-grid strong{display:block;color:var(--frog-300);font-family:var(--font-display);font-size:1.04rem}.v227-proof-grid span,.v227-score-grid span{display:block;margin-top:8px;color:var(--muted);font-size:.86rem;line-height:1.55}.v227-answer{padding:28px;border:1px solid rgba(84,239,176,.3);border-radius:20px;background:linear-gradient(145deg,rgba(24,224,138,.08),rgba(47,216,210,.035))}.v227-answer p{font-size:1.08rem;line-height:1.78}.v227-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.v227-grid-2 article{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022)}.v227-grid-2 h3{font-size:1.08rem}.v227-grid-2 p{margin-top:11px;color:var(--muted);line-height:1.74}.v227-head{display:flex;gap:18px;align-items:flex-start}.v227-num{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#153F2D,#0C251A);border:1px solid rgba(84,239,176,.35);font-family:var(--font-display);font-weight:800;color:var(--frog-300)}.v227-rule{margin-top:18px;padding:17px 19px;border-left:3px solid var(--frog-300);background:rgba(24,224,138,.045);border-radius:0 13px 13px 0}.v227-rule strong{color:var(--frog-300)}.v227-method{padding:24px;border:1px solid rgba(66,216,208,.3);border-radius:18px;background:rgba(66,216,208,.045)}.v227-method code{font-family:var(--font-mono);color:#B8FFF2}.v227-source-note{font-size:.82rem;color:var(--muted)}
@media(max-width:1050px){.v227-hero-grid{grid-template-columns:1fr;gap:32px}.v227-hero-visual{max-width:760px}.v227-proof-grid,.v227-score-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.v227-page .v227-hero{padding-top:48px}.v227-proof-grid,.v227-score-grid,.v227-grid-2{grid-template-columns:1fr}.v227-head{gap:13px}.v227-num{flex-basis:50px;width:50px;height:50px;border-radius:14px}}