/* ============================================================
   SEOCheck — paddock theme
   Matches heyitsmoo.com: Fredoka + Nunito, pasture-green +
   accent-yellow + cow-black, chunky borders, hard offset shadows,
   organic-border SVG shapes. Scoped to body.paddock.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;700;800;900&display=swap');

body.paddock {
  --cow-black: #1a1a1a;
  --cow-white: #ffffff;
  --pasture-green: #4ade80;
  --pasture-green-dk: #22c55e;
  --accent-yellow: #facc15;
  --accent-pink: #f472b6;
  --bg-light: #f0fdf4;
  --text-muted: #4b5563;
  --pass: #22c55e;
  --warn: #facc15;
  --fail: #ef4444;

  font-family: 'Nunito', system-ui, sans-serif;
  background-color: var(--bg-light);
  background-image: radial-gradient(var(--pasture-green) 1px, transparent 1px);
  background-size: 40px 40px;
  color: var(--cow-black);
  overflow-x: hidden;
}
body.paddock[data-theme="dark"] {
  --cow-black: #f0fdf4;
  --cow-white: #1a1a1a;
  --bg-light: #0a1a0f;
  --text-muted: #9ca3af;
  background-color: var(--bg-light);
  background-image: radial-gradient(rgba(74,222,128,.25) 1px, transparent 1px);
}

body.paddock h1, body.paddock h2, body.paddock h3, body.paddock h4, body.paddock h5, body.paddock .font-heading,
body.paddock .display-1, body.paddock .display-2, body.paddock .display-3,
body.paddock .display-4, body.paddock .display-5, body.paddock .display-6 {
  font-family: 'Fredoka', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}
body.paddock .fw-black { font-weight: 900 !important; }

/* Navbar / header layers --------------------------------- */
body.paddock #site-header { transition: transform .3s ease-in-out; z-index: 1050; }

body.paddock .announcement-bar {
  background-color: var(--accent-yellow);
  border-bottom: 3px solid var(--cow-black);
  text-align: center; padding: .55rem 1rem;
  font-weight: 900; font-size: .85rem;
  transition: max-height .4s ease, opacity .3s ease, padding .4s ease, border .4s ease;
  max-height: 100px; opacity: 1; overflow: hidden;
}
body.paddock #site-header.scrolled .announcement-bar {
  max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important;
  border-bottom-width: 0; opacity: 0;
}
body.paddock .top-bar-wrapper {
  background-color: var(--cow-black); color: var(--cow-white);
  font-weight: 700; font-size: .82rem;
  transition: max-height .4s ease, opacity .3s ease, padding .4s ease;
  max-height: 150px; opacity: 1; overflow: hidden;
}
body.paddock #site-header.scrolled .top-bar-wrapper {
  max-height: 0; padding-top: 0 !important; padding-bottom: 0 !important; opacity: 0;
}
body.paddock .top-bar-row {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem 1.5rem;
  padding: .5rem 1.25rem;
}
@media (min-width: 992px) { body.paddock .top-bar-row { justify-content: space-between; padding: .5rem 3rem; } }
body.paddock .top-bar-row a { color: var(--cow-white); text-decoration: none; }
body.paddock .top-bar-row a:hover { color: var(--accent-yellow); }
body.paddock .top-bar-sep { color: #6b7280; }

body.paddock .navbar {
  background: var(--cow-white) !important;
  border-bottom: 4px solid var(--pasture-green) !important;
  padding: 1rem 0 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.04);
}
body.paddock .parent-nav {
  border-bottom: 4px solid var(--pasture-green) !important;
}
body.paddock .tool-nav {
  background: var(--bg-light) !important;
  border-bottom: 4px solid var(--cow-black) !important;
  border-top: 0 !important;
  padding: .65rem 0 !important;
  box-shadow: none;
}
body.paddock .tool-brand {
  font-size: 1.15rem !important;
  display: inline-flex; align-items: center; gap: .5rem;
}
body.paddock .tool-brand-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  background: var(--pasture-green); border: 2px solid var(--cow-black); border-radius: 50%;
  font-size: .9rem; box-shadow: 2px 2px 0 var(--cow-black);
}
body.paddock .tool-brand-sub {
  font-family: 'Nunito', sans-serif !important; font-weight: 700; font-size: .78rem;
  color: var(--text-muted); margin-left: .25rem;
}
@media (max-width: 991px) {
  body.paddock .tool-brand-sub { display: none; }
}
body.paddock .navbar-brand {
  font-family: 'Fredoka', sans-serif !important;
  font-weight: 700 !important; font-size: 1.6rem !important;
  color: var(--cow-black) !important;
}
body.paddock .navbar-brand .text-muted { display: none !important; }
body.paddock .nav-link, body.paddock .nav-link-custom {
  color: var(--text-muted) !important;
  font-weight: 800 !important; font-family: 'Nunito', sans-serif !important;
  position: relative; padding: .5rem 0 !important; margin: 0 .25rem;
}
body.paddock .nav-link::after, body.paddock .nav-link-custom::after {
  content: ""; position: absolute; left: 0; bottom: -4px; width: 0; height: 3px;
  background: var(--pasture-green); transition: width .3s;
}
body.paddock .nav-link:hover::after, body.paddock .nav-link-custom:hover::after { width: 100%; }
body.paddock .nav-link:hover, body.paddock .nav-link-custom:hover { color: var(--cow-black) !important; }

body.paddock .status-dot {
  width: 10px; height: 10px; background-color: var(--pasture-green); border-radius: 50%;
  display: inline-block; animation: paddock-pulse 2s infinite;
}
@keyframes paddock-pulse {
  0% { box-shadow: 0 0 0 0 rgba(74,222,128,.7); }
  70% { box-shadow: 0 0 0 8px rgba(74,222,128,0); }
  100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); }
}

/* Buttons ------------------------------------------------- */
body.paddock .btn-moo, body.paddock .h-cta {
  background-color: var(--pasture-green); color: var(--cow-black) !important;
  font-weight: 900; font-family: 'Nunito', sans-serif !important;
  border: 3px solid var(--cow-black); border-radius: 50px;
  box-shadow: 4px 4px 0 var(--cow-black);
  transition: all .2s; padding: .8rem 1.8rem; white-space: nowrap;
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  text-decoration: none;
}
body.paddock .btn-moo:hover, body.paddock .h-cta:hover {
  background-color: var(--accent-yellow); color: var(--cow-black) !important;
  transform: translate(-2px,-2px); box-shadow: 6px 6px 0 var(--cow-black);
}
body.paddock .btn-dark {
  background: var(--cow-black) !important; color: var(--cow-white) !important;
  border: 3px solid var(--cow-black) !important; border-radius: 50px !important;
  font-weight: 900; padding: .8rem 1.8rem; box-shadow: 4px 4px 0 var(--pasture-green);
  transition: all .2s;
}
body.paddock .btn-dark:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 var(--accent-yellow); }
body.paddock .btn-light, body.paddock .btn-outline-primary,
body.paddock .btn-outline-secondary, body.paddock .btn-outline-success {
  background: var(--cow-white) !important; color: var(--cow-black) !important;
  border: 3px solid var(--cow-black) !important; border-radius: 50px !important;
  font-weight: 800; padding: .55rem 1.1rem; box-shadow: 3px 3px 0 var(--cow-black);
  transition: all .2s;
}
body.paddock .btn-light:hover, body.paddock .btn-outline-primary:hover,
body.paddock .btn-outline-secondary:hover, body.paddock .btn-outline-success:hover {
  transform: translate(-1px,-1px); box-shadow: 4px 4px 0 var(--pasture-green);
  background: var(--accent-yellow) !important;
}
body.paddock .btn-sm { padding: .4rem .85rem !important; font-size: .82rem !important; }

/* Cards --------------------------------------------------- */
body.paddock .card-moo, body.paddock .feature-card {
  background: var(--cow-white) !important;
  border: 4px solid var(--cow-black) !important;
  border-radius: 1rem !important;
  box-shadow: 8px 8px 0 var(--pasture-green);
  transition: all .2s; padding: 1.5rem !important;
}
body.paddock .card-moo:hover, body.paddock .feature-card:hover {
  transform: translateY(-5px); box-shadow: 8px 12px 0 var(--accent-yellow);
}
body.paddock .feature-card.p-0 { padding: 0 !important; }

/* Organic borders --------------------------------------- */
body.paddock .organic-border {
  border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px !important;
}

/* Pills ------------------------------------------------- */
body.paddock .h-pill, body.paddock .pill {
  display: inline-flex; align-items: center; gap: .4rem;
  background: var(--accent-yellow); color: var(--cow-black);
  border: 2px solid var(--cow-black); border-radius: 999px;
  padding: .4rem .9rem; font-weight: 900; font-size: .78rem;
  letter-spacing: .04em; box-shadow: 2px 2px 0 var(--cow-black);
}
body.paddock .h-eyebrow {
  font-family: 'Fredoka', sans-serif; font-weight: 600;
  font-size: .8rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--pasture-green-dk);
}

/* ===== HOMEPAGE ===== */

body.paddock .hero {
  background: var(--cow-white) !important;
  border-bottom: 8px dashed var(--cow-black) !important;
  border-radius: 1.5rem !important;
  padding: 4rem 1.5rem !important;
  margin-top: 1rem; margin-bottom: 2.5rem;
  text-align: center;
}
body.paddock .hero h1 {
  font-family: 'Fredoka', sans-serif; font-weight: 700;
  font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1.05;
  margin: 1rem 0 1.5rem;
}
body.paddock .hero h1 .h-display em,
body.paddock .hero-tag {
  display: inline-block; padding: 0 1rem;
  background: var(--pasture-green);
  border: 3px solid var(--cow-black); margin-top: .5rem;
  border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
  transform: rotate(-2deg);
  box-shadow: 4px 4px 0 var(--cow-black);
  font-style: normal !important; color: var(--cow-black) !important;
}
body.paddock .hero .h-lede,
body.paddock .hero p.lead {
  font-weight: 700; color: var(--text-muted);
  font-size: 1.15rem; line-height: 1.55;
  max-width: 700px; margin: 0 auto 2rem;
  font-family: 'Nunito', sans-serif !important; font-style: normal !important;
}
body.paddock .hero .h-lede em { color: var(--pasture-green-dk); font-style: italic; font-weight: 900; }

/* Hero form */
body.paddock .h-form, body.paddock .audit-form .input-group {
  background: var(--cow-white) !important;
  border: 4px solid var(--cow-black) !important;
  border-radius: 1rem !important;
  box-shadow: 6px 6px 0 var(--pasture-green) !important;
  transition: all .2s; max-width: 600px; margin: 0 auto;
  display: flex; align-items: stretch; overflow: hidden;
}
body.paddock .h-form:focus-within, body.paddock .audit-form .input-group:focus-within {
  transform: translate(-2px,-2px); box-shadow: 8px 8px 0 var(--accent-yellow) !important;
}
body.paddock .h-form input, body.paddock .audit-form input.form-control {
  flex: 1; border: 0 !important; background: transparent !important;
  padding: 1.1rem 1.25rem !important; font-family: 'Nunito', sans-serif !important;
  font-weight: 700; color: var(--cow-black) !important; outline: none;
  box-shadow: none !important;
}
body.paddock .h-form input::placeholder, body.paddock .audit-form input::placeholder { color: #9ca3af; }
body.paddock .h-form button, body.paddock .audit-form .input-group .btn {
  border: 0 !important; border-left: 4px solid var(--cow-black) !important;
  background: var(--pasture-green) !important; color: var(--cow-black) !important;
  font-family: 'Nunito', sans-serif !important; font-weight: 900;
  padding: 0 1.75rem !important; cursor: pointer; border-radius: 0 !important;
  box-shadow: none !important;
}
body.paddock .h-form button:hover, body.paddock .audit-form .input-group .btn:hover {
  background: var(--accent-yellow) !important;
}
body.paddock .h-form-foot {
  display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center;
  margin-top: 1rem; font-weight: 800; font-size: .82rem; color: var(--text-muted);
}
body.paddock .h-form-foot span::before { content: "✓ "; color: var(--pasture-green-dk); font-weight: 900; }

/* Stat ribbon -------------------------------------------- */
body.paddock .h-stats {
  background: var(--cow-black); color: var(--cow-white);
  border-radius: 1.5rem; padding: 1.5rem 1rem;
  border-bottom: 4px solid var(--accent-yellow);
  display: flex; flex-wrap: wrap; justify-content: space-around; gap: 1rem;
  margin: 0 0 3rem;
}
body.paddock .h-stat { text-align: center; flex: 1; min-width: 140px; }
body.paddock .h-stat .num {
  font-family: 'Fredoka', sans-serif; font-weight: 700;
  font-size: 2.2rem; color: var(--pasture-green); line-height: 1;
}
body.paddock .h-stat .lbl { font-weight: 800; font-size: .85rem; margin-top: .25rem; }

/* Section headings -------------------------------------- */
body.paddock .section,
body.paddock .h-section {
  padding: 4rem 0;
}
body.paddock .h-section-title, body.paddock h2.display-4, body.paddock h2.display-5 {
  font-family: 'Fredoka', sans-serif !important;
  font-weight: 700 !important; font-style: normal !important;
  letter-spacing: -0.01em !important;
  color: var(--cow-black) !important;
}
body.paddock .h-display { font-family: 'Fredoka', sans-serif !important; font-weight: 700 !important; font-style: normal !important; }
body.paddock .h-display em {
  font-style: normal !important;
  background: var(--pasture-green); padding: 0 .35em;
  border: 3px solid var(--cow-black); border-radius: 8px;
  display: inline-block; transform: rotate(-2deg);
  color: var(--cow-black) !important;
  box-shadow: 3px 3px 0 var(--cow-black);
}

/* Capabilities cards ------------------------------------- */
body.paddock .cap-card {
  height: 100%;
  border-bottom: 0 !important;
}
body.paddock .cap-card h3 {
  font-family: 'Fredoka', sans-serif; font-weight: 700;
  border-bottom: 3px dashed var(--pasture-green-dk);
  padding-bottom: .5rem; margin-bottom: 1rem;
  font-size: 1.4rem;
}
body.paddock .cap-card.green {
  background: var(--pasture-green) !important;
}
body.paddock .cap-card.green h3 { border-bottom-color: var(--cow-black); }
body.paddock .cap-card p { font-weight: 700; color: var(--text-muted); }
body.paddock .cap-card.green p { color: var(--cow-black); }
body.paddock .cap-list { list-style: none; padding: 0; margin: 1rem 0 0; }
body.paddock .cap-list li { font-weight: 800; padding: .25rem 0; padding-left: 1.75rem; position: relative; }
body.paddock .cap-list li::before {
  content: "✓"; position: absolute; left: 0;
  width: 22px; height: 22px;
  background: var(--pasture-green); color: var(--cow-black);
  border: 2px solid var(--cow-black); border-radius: 50%;
  font-weight: 900; font-size: .7rem;
  display: inline-flex; align-items: center; justify-content: center;
  top: .25rem;
}
body.paddock .cap-card.green .cap-list li::before { background: var(--cow-black); color: var(--pasture-green); }

/* Geo-arbitrage style callout (black box, rotated) -------- */
body.paddock .h-callout {
  background: var(--cow-black) !important; color: var(--cow-white) !important;
  padding: 2.5rem 2rem; border-radius: 1.5rem;
  border: 5px solid var(--accent-yellow);
  box-shadow: 12px 12px 0 var(--pasture-green);
  transform: rotate(1deg);
  margin: 3rem 1rem;
}
body.paddock .h-callout h2 { color: var(--pasture-green) !important; margin-bottom: 1rem; }
body.paddock .h-callout p { font-weight: 700; font-size: 1.1rem; line-height: 1.6; margin: 0; }
body.paddock .h-callout strong { color: var(--accent-yellow); }

/* vs table — paddock style ------------------------------ */
body.paddock .h-vs-table-wrap {
  background: var(--cow-white); border: 4px solid var(--cow-black);
  border-radius: 1rem; box-shadow: 8px 8px 0 var(--pasture-green);
  overflow-x: auto;
}
body.paddock .h-vs-table { width: 100%; border-collapse: collapse; }
body.paddock .h-vs-table th, body.paddock .h-vs-table td {
  padding: 1rem 1.25rem; text-align: left;
  border-bottom: 2px dashed rgba(0,0,0,.1); vertical-align: middle;
  font-weight: 700;
}
body.paddock .h-vs-table th {
  font-family: 'Fredoka', sans-serif; font-weight: 700;
  font-size: .9rem; text-transform: uppercase; letter-spacing: .05em;
  color: var(--text-muted); padding-bottom: 1.25rem;
  border-bottom: 3px solid var(--cow-black);
}
body.paddock .h-vs-table th.us { color: var(--pasture-green-dk); }
body.paddock .h-vs-table td.us {
  background: rgba(74,222,128,.15); font-weight: 900;
}
body.paddock .h-vs-table .yes { color: var(--pasture-green-dk); font-weight: 900; }
body.paddock .h-vs-table .no { color: #9ca3af; font-style: italic; }
body.paddock .h-vs-table .partial { color: var(--text-muted); font-style: italic; }
body.paddock .h-vs-table .price {
  font-family: 'Fredoka', sans-serif; font-weight: 700; font-size: 1.15rem;
}

/* Pricing tier cards ------------------------------------ */
body.paddock .tier-card { height: 100%; text-align: center; }
body.paddock .tier-card h3 {
  border-bottom: 3px dashed var(--pasture-green-dk);
  padding-bottom: .75rem;
  font-family: 'Fredoka', sans-serif; font-weight: 700; font-size: 1.4rem;
}
body.paddock .tier-card .price-amt {
  font-family: 'Fredoka', sans-serif; font-weight: 700;
  font-size: 3.2rem; line-height: 1; margin: 1.5rem 0;
}
body.paddock .tier-card .price-amt small { font-size: .9rem; color: var(--text-muted); font-family: 'Nunito', monospace; }
body.paddock .tier-card.featured {
  background: var(--cow-black) !important; color: var(--cow-white) !important;
  border-color: var(--accent-yellow) !important;
  box-shadow: 10px 10px 0 var(--accent-yellow);
  transform: scale(1.03); position: relative; z-index: 2;
}
body.paddock .tier-card.featured h3 { color: var(--pasture-green) !important; border-bottom-color: var(--cow-white); }
body.paddock .tier-card.featured p { color: #d1d5db !important; }
body.paddock .tier-card.featured .price-amt { color: var(--cow-white); }
body.paddock .tier-card.featured .price-amt small { color: #d1d5db; }
body.paddock .tier-popular {
  position: absolute; top: -16px; left: 50%; transform: translateX(-50%);
  background: var(--accent-yellow); color: var(--cow-black);
  border: 2px solid var(--cow-black); border-radius: 999px;
  padding: .35rem .85rem; font-weight: 900; font-size: .72rem;
  letter-spacing: .12em; box-shadow: 2px 2px 0 var(--cow-black);
  white-space: nowrap;
}

/* FAQ details accordion --------------------------------- */
body.paddock details, body.paddock .h-faq-item {
  background: var(--cow-white); border: 4px solid var(--cow-black);
  border-radius: 1rem; margin-bottom: 1rem; padding: 1.5rem;
  box-shadow: 4px 4px 0 rgba(0,0,0,.1);
}
body.paddock details summary, body.paddock .h-faq-item summary {
  font-family: 'Fredoka', sans-serif; font-weight: 700; font-size: 1.2rem;
  cursor: pointer; list-style: none;
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  outline: none; padding: 0;
}
body.paddock details summary::-webkit-details-marker, body.paddock .h-faq-item summary::-webkit-details-marker { display: none; }
body.paddock details summary::after, body.paddock .h-faq-item summary::after {
  content: "＋"; font-size: 1.4rem; color: var(--pasture-green-dk);
  transition: transform .3s; flex-shrink: 0;
}
body.paddock details[open] summary::after, body.paddock .h-faq-item[open] summary::after {
  transform: rotate(45deg); color: var(--accent-yellow);
}
body.paddock details p, body.paddock .h-faq-a {
  margin-top: 1rem; font-weight: 700; color: var(--text-muted); line-height: 1.6;
  font-family: 'Nunito', sans-serif !important; font-style: normal !important;
}
body.paddock .h-faq-q::before { content: "" !important; }
body.paddock .h-faq-icon { display: none; }

/* Sign-off / cow / divider ------------------------------- */
body.paddock .h-signoff {
  text-align: center; padding: 5rem 1rem 4rem;
  background: var(--cow-white); border-radius: 1.5rem;
  border: 4px dashed var(--cow-black); margin: 3rem 1rem;
}
body.paddock .h-signoff h3 {
  font-family: 'Fredoka', sans-serif; font-weight: 700; font-style: normal;
  font-size: clamp(1.8rem, 4vw, 3rem); margin-bottom: 1rem;
}
body.paddock .h-signoff p { color: var(--text-muted); font-weight: 700; max-width: 50ch; margin: 0 auto 1.5rem; font-style: normal; font-family: 'Nunito', sans-serif !important; }
body.paddock .h-divider { font-weight: 900; font-size: .82rem; color: var(--text-muted); }

/* Footer ------------------------------------------------ */
body.paddock footer {
  background: var(--cow-black) !important; color: var(--cow-white) !important;
  border-top: 20px solid var(--pasture-green) !important;
  padding: 4rem 0 0 !important;
}
body.paddock footer h2, body.paddock footer h3, body.paddock footer h4, body.paddock footer h5 {
  font-family: 'Fredoka', sans-serif !important; font-weight: 700 !important;
  color: var(--cow-white) !important; font-style: normal !important;
}
body.paddock footer .text-pasture-green, body.paddock footer .text-success { color: var(--pasture-green) !important; }
body.paddock footer .text-warning { color: var(--accent-yellow) !important; }
body.paddock footer .text-secondary, body.paddock footer .text-muted, body.paddock footer .text-light { color: #d1d5db !important; }
body.paddock footer a { color: #d1d5db; text-decoration: none; }
body.paddock footer a:hover { color: var(--accent-yellow); }
body.paddock footer .footer-bottom {
  background: #000; padding: 1.5rem 0; margin-top: 3rem;
  border-top: 1px solid rgba(255,255,255,.1);
  text-align: center; color: #6b7280;
  font-weight: 800; font-size: .8rem; letter-spacing: .12em;
}
body.paddock footer .footer-list { list-style: none; padding: 0; }
body.paddock footer .footer-list li { margin-bottom: .65rem; font-weight: 800; font-size: 1.05rem; }
body.paddock footer .footer-section-h {
  border-bottom: 2px dashed #6b7280; padding-bottom: .5rem;
  display: inline-block; margin-bottom: 1.25rem;
  color: var(--pasture-green) !important;
}

/* ===== REPORT PAGE ===== */
body.paddock .url-bubble {
  display: inline-block; background: var(--cow-white); color: var(--cow-black);
  padding: .35rem .9rem; border: 2px solid var(--cow-black); border-radius: 999px;
  font-family: 'Nunito', monospace; font-size: .85rem; font-weight: 700;
  box-shadow: 2px 2px 0 var(--cow-black);
}

body.paddock .py-4.bg-white {
  background: var(--cow-white) !important;
  border-bottom: 4px solid var(--cow-black) !important;
  padding: 2rem 0 !important;
}

/* Score — chunky paddock circle */
body.paddock .score-circle {
  width: 240px !important; height: 240px !important;
  background: var(--cow-white) !important;
  border: 5px solid var(--cow-black) !important;
  border-radius: 50% !important;
  display: grid !important; place-items: center;
  position: relative; box-shadow: 8px 8px 0 var(--pasture-green);
  animation: paddock-bounce-in .8s cubic-bezier(.34,1.56,.64,1) both;
}
body.paddock .score-circle::before {
  content: ""; position: absolute; inset: 8px; border-radius: 50%;
  background: conic-gradient(var(--pasture-green) calc(var(--pct) * 1%), rgba(0,0,0,.08) 0);
}
body.paddock .score-circle::after {
  content: ""; position: absolute; inset: 22px; background: var(--cow-white); border-radius: 50%;
}
body.paddock[data-theme="dark"] .score-circle::after { background: var(--cow-white); }
body.paddock .score-circle .score-inner { position: relative; z-index: 2; text-align: center; }
body.paddock .score-circle .score-num {
  font-family: 'Fredoka', sans-serif !important; font-weight: 700 !important;
  font-size: 5rem !important; color: var(--cow-black) !important;
  line-height: 1 !important; text-shadow: none;
}
body.paddock .score-circle .score-label {
  font-family: 'Nunito', sans-serif !important; font-weight: 900;
  color: var(--text-muted); font-size: .85rem; letter-spacing: .08em; text-transform: uppercase;
}
@keyframes paddock-bounce-in { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }

body.paddock .score-grade-badge {
  display: inline-block; background: var(--accent-yellow); color: var(--cow-black);
  border: 3px solid var(--cow-black); border-radius: 999px;
  padding: .5rem 1.5rem; font-family: 'Fredoka', sans-serif; font-weight: 700;
  font-size: 1.5rem; box-shadow: 4px 4px 0 var(--cow-black);
}

/* Report stat chips */
body.paddock .feature-card .h3 {
  font-family: 'Fredoka', sans-serif; font-weight: 700;
  font-size: 2.5rem; line-height: 1;
}
body.paddock .feature-card .h3.text-success { color: var(--pasture-green-dk) !important; }
body.paddock .feature-card .h3.text-danger { color: var(--fail) !important; }

/* Category cards (paddocks) */
body.paddock .cat-card {
  background: var(--cow-white) !important;
  border: 3px solid var(--cow-black) !important;
  border-radius: .75rem !important;
  padding: 1.1rem .85rem !important;
  box-shadow: 4px 4px 0 var(--pasture-green);
  text-align: center;
}
body.paddock .cat-card .cat-name {
  font-family: 'Fredoka', sans-serif !important; font-weight: 600;
  font-size: .8rem !important; color: var(--text-muted);
  text-transform: uppercase; letter-spacing: .04em;
}
body.paddock .cat-card .cat-pct {
  font-family: 'Fredoka', sans-serif !important; font-weight: 700;
  font-size: 2.2rem !important; line-height: 1; margin: .35rem 0 .5rem !important;
  color: var(--cow-black) !important;
}
body.paddock .progress {
  background: rgba(0,0,0,.08) !important; border-radius: 999px !important; height: 8px !important;
  border: 1px solid var(--cow-black);
}
body.paddock .progress-bar { border-radius: 999px !important; }

/* Section headings within report */
body.paddock h3.fw-bold.mb-3,
body.paddock h3.fw-bold.mt-5 {
  font-family: 'Fredoka', sans-serif !important; font-weight: 700 !important; font-style: normal !important;
  font-size: 2.2rem !important;
  border-bottom: 4px dashed var(--cow-black); padding-bottom: .75rem; margin-top: 4rem !important;
}
body.paddock h3.fw-bold .text-muted {
  color: var(--text-muted) !important; font-family: 'Nunito', sans-serif !important;
  font-style: normal !important; font-weight: 700 !important; font-size: 1rem;
}
body.paddock h5.text-uppercase {
  font-family: 'Fredoka', sans-serif !important; font-weight: 700 !important;
  background: var(--accent-yellow); display: inline-block;
  padding: .3rem .85rem; border: 2px solid var(--cow-black); border-radius: 999px;
  box-shadow: 2px 2px 0 var(--cow-black);
  color: var(--cow-black) !important; font-size: .82rem !important;
  letter-spacing: .04em; margin-top: 2rem !important;
}

/* Check rows */
body.paddock .check-row {
  border-bottom: 2px dashed rgba(0,0,0,.12) !important;
  padding: 1.15rem 1.5rem !important;
  background: var(--cow-white);
}
body.paddock .check-row:last-child { border-bottom: 0 !important; border-radius: 0 0 .75rem .75rem; }
body.paddock .check-row:first-child { border-radius: .75rem .75rem 0 0; }
body.paddock .check-status {
  width: 32px !important; height: 32px !important; border-radius: 50% !important;
  border: 2px solid var(--cow-black); font-weight: 900; font-size: .9rem;
  box-shadow: 2px 2px 0 var(--cow-black);
}
body.paddock .check-status.bg-success { background: var(--pasture-green) !important; color: var(--cow-black) !important; }
body.paddock .check-status.bg-warning { background: var(--accent-yellow) !important; color: var(--cow-black) !important; }
body.paddock .check-status.bg-danger { background: var(--fail) !important; color: #fff !important; }
body.paddock .check-row h6 {
  font-family: 'Fredoka', sans-serif !important; font-weight: 600;
  font-size: 1.05rem;
}
body.paddock .check-row .text-secondary, body.paddock .check-row .text-muted { color: var(--text-muted) !important; }
body.paddock .check-row .pts { font-weight: 800; font-size: .78rem; color: var(--text-muted); }
body.paddock .check-row .tip {
  background: var(--bg-light) !important;
  border-left: 4px solid var(--pasture-green-dk) !important;
  border-radius: .5rem !important;
  padding: .85rem 1rem !important; margin-top: .65rem !important;
  font-weight: 700 !important; color: var(--cow-black) !important;
  font-family: 'Nunito', sans-serif !important; font-style: normal !important;
}
body.paddock .check-row .tip strong { color: var(--pasture-green-dk); font-weight: 900; }

/* Priority fixes */
body.paddock .priority-tip {
  background: var(--accent-yellow) !important;
  border: 3px solid var(--cow-black) !important;
  border-radius: 1rem !important;
  box-shadow: 4px 4px 0 var(--cow-black);
  padding: 1.25rem 1.5rem !important;
}
body.paddock .priority-tip:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 var(--cow-black); }
body.paddock .priority-tip .impact {
  font-family: 'Fredoka', sans-serif !important; font-weight: 700;
  font-size: .75rem !important; letter-spacing: .04em; color: var(--cow-black);
  text-transform: uppercase;
}
body.paddock .priority-tip h6 { font-family: 'Fredoka', sans-serif; font-weight: 700; font-size: 1.1rem; margin: .25rem 0; }

/* Paywall */
body.paddock .locked-overlay {
  background: linear-gradient(180deg, rgba(240,253,244,.5), rgba(240,253,244,.96) 60%) !important;
  border-radius: 1rem !important;
}
body.paddock[data-theme="dark"] .locked-overlay {
  background: linear-gradient(180deg, rgba(10,26,15,.5), rgba(10,26,15,.96) 60%) !important;
}
body.paddock .locked-card {
  background: var(--accent-yellow) !important;
  border: 4px solid var(--cow-black) !important;
  border-radius: 1.25rem !important;
  box-shadow: 12px 12px 0 var(--cow-black) !important;
  padding: 2.5rem 2rem !important; max-width: 460px;
  transform: rotate(-1deg);
}
body.paddock .locked-card h4 { font-family: 'Fredoka', sans-serif; font-weight: 700; font-size: 1.7rem; }
body.paddock .locked-card .price-big {
  font-family: 'Fredoka', sans-serif; font-weight: 700;
  font-size: 4rem; line-height: 1;
  background: none !important; -webkit-text-fill-color: var(--cow-black) !important;
  color: var(--cow-black) !important; margin: .5rem 0 1rem;
}
body.paddock .locked-perks { list-style: none; padding: 0; text-align: left; }
body.paddock .locked-perks li {
  padding: .25rem 0 .25rem 1.75rem; position: relative; font-weight: 800; font-size: .92rem;
}
body.paddock .locked-perks li::before {
  content: "✓"; position: absolute; left: 0; top: .25rem;
  width: 22px; height: 22px;
  background: var(--cow-black); color: var(--accent-yellow);
  border: 2px solid var(--cow-black); border-radius: 50%;
  font-weight: 900; font-size: .7rem;
  display: inline-flex; align-items: center; justify-content: center;
}
body.paddock .trust-row {
  font-weight: 800 !important; font-size: .8rem;
  color: var(--cow-black); border-top: 2px dashed var(--cow-black);
  padding-top: 1rem; margin-top: 1rem;
}

/* SERP / Social cards */
body.paddock .serp-card {
  background: var(--cow-white) !important;
  border: 3px solid var(--cow-black) !important;
  border-radius: 1rem !important; padding: 1.5rem !important;
  box-shadow: 5px 5px 0 var(--pasture-green);
}
body.paddock .serp-favicon {
  background: var(--pasture-green) !important; color: var(--cow-black) !important;
  border: 2px solid var(--cow-black);
}
body.paddock .serp-title { color: #1a0dab; font-family: 'Nunito', sans-serif; font-weight: 800; }

body.paddock .social-card {
  background: var(--cow-white) !important;
  border: 3px solid var(--cow-black) !important;
  border-radius: 1rem !important;
  box-shadow: 5px 5px 0 var(--pasture-green); overflow: hidden;
}
body.paddock .social-card-img { background-color: var(--bg-light) !important; border-bottom: 2px solid var(--cow-black); }
body.paddock .social-card-host { font-weight: 800; font-size: .68rem; color: var(--text-muted); letter-spacing: .08em; }
body.paddock .social-card-title { font-family: 'Fredoka', sans-serif; font-weight: 600; }
body.paddock .social-card-desc { color: var(--text-muted); font-weight: 700; }
body.paddock .social-card-platform {
  background: var(--bg-light) !important; color: var(--text-muted); font-weight: 800;
  border-top: 2px dashed var(--cow-black);
}

/* Heading outline */
body.paddock .outline-card {
  background: var(--cow-white) !important;
  border: 3px solid var(--cow-black) !important;
  border-radius: 1rem !important;
  box-shadow: 5px 5px 0 var(--pasture-green);
}
body.paddock .outline-tag {
  border-radius: 999px !important;
  font-family: 'Fredoka', sans-serif !important; font-weight: 600;
  border: 2px solid var(--cow-black);
}
body.paddock .outline-h1 .outline-tag { background: var(--cow-black) !important; color: var(--accent-yellow) !important; }
body.paddock .outline-h2 .outline-tag { background: var(--pasture-green) !important; color: var(--cow-black) !important; }
body.paddock .outline-h3 .outline-tag { background: var(--accent-yellow) !important; color: var(--cow-black) !important; }
body.paddock .outline-h4 .outline-tag, body.paddock .outline-h5 .outline-tag, body.paddock .outline-h6 .outline-tag {
  background: var(--cow-white) !important; color: var(--cow-black) !important;
}
body.paddock .outline-item { font-family: 'Nunito', sans-serif; font-weight: 700; }

/* Keyword cloud */
body.paddock .keyword-pill {
  background: var(--accent-yellow) !important;
  border: 2px solid var(--cow-black) !important;
  border-radius: 999px !important;
  color: var(--cow-black) !important; font-weight: 800;
  box-shadow: 2px 2px 0 var(--cow-black);
}
body.paddock .keyword-pill .keyword-count { color: var(--text-muted) !important; font-weight: 800; }

/* Bottom info bar */
body.paddock .alert {
  background: var(--cow-white) !important;
  border: 3px solid var(--cow-black) !important;
  border-radius: 1rem !important;
  box-shadow: 4px 4px 0 var(--pasture-green);
  font-weight: 700;
}
body.paddock .alert strong { font-family: 'Fredoka', sans-serif; font-weight: 700; }
body.paddock .alert code { color: var(--pasture-green-dk); background: transparent; font-weight: 800; }

/* Action bar buttons */
body.paddock .action-bar .btn { font-family: 'Nunito', sans-serif !important; font-weight: 800 !important; }

/* Modal */
body.paddock .modal-content {
  background: var(--cow-white) !important;
  border: 4px solid var(--cow-black) !important;
  border-radius: 1.25rem !important;
  box-shadow: 8px 8px 0 var(--pasture-green);
  color: var(--cow-black);
}
body.paddock .modal-header { border-bottom: 3px dashed var(--cow-black) !important; }
body.paddock .modal-title { font-family: 'Fredoka', sans-serif; font-weight: 700; }
body.paddock .form-control, body.paddock textarea.form-control {
  background: var(--bg-light) !important;
  border: 2px solid var(--cow-black) !important;
  border-radius: .5rem !important;
  font-family: 'Nunito', monospace !important; font-weight: 700;
  color: var(--cow-black) !important;
}

/* Compare page */
body.paddock .compare-col {
  background: var(--cow-white) !important;
  border: 4px solid var(--cow-black) !important;
  border-radius: 1.25rem !important;
  box-shadow: 8px 8px 0 var(--pasture-green);
  padding: 2rem !important;
}
body.paddock .compare-col.border-success {
  border-color: var(--pasture-green-dk) !important;
  box-shadow: 8px 8px 0 var(--accent-yellow);
}
body.paddock .compare-col h3 { font-family: 'Fredoka', sans-serif; font-weight: 700; }
body.paddock .compare-vs {
  font-family: 'Fredoka', sans-serif !important; font-weight: 700;
  font-size: 3rem !important; color: var(--pasture-green-dk) !important;
}

/* Audit overlay (loading) */
body.paddock .audit-overlay { background: rgba(26,26,26,.78); }
body.paddock .audit-overlay-card {
  background: var(--cow-white) !important; color: var(--cow-black) !important;
  border: 4px solid var(--cow-black) !important;
  border-radius: 1.25rem !important;
  box-shadow: 10px 10px 0 var(--pasture-green) !important;
}
body.paddock .audit-overlay-card h4 { font-family: 'Fredoka', sans-serif; font-weight: 700; }
body.paddock .audit-overlay-card #auditStatus { font-weight: 800; color: var(--text-muted) !important; }
body.paddock .audit-spinner {
  border-color: var(--bg-light) !important;
  border-top-color: var(--pasture-green-dk) !important;
}
body.paddock .audit-overlay-card .progress { background: var(--bg-light) !important; height: 8px !important; }
body.paddock .audit-overlay-card .progress-bar { background: var(--pasture-green-dk) !important; }

/* Badges in misc places */
body.paddock .badge {
  font-family: 'Nunito', sans-serif !important; font-weight: 800 !important;
  border: 2px solid var(--cow-black) !important;
  border-radius: 999px !important;
  padding: .35rem .65rem !important;
}
body.paddock .badge.bg-success { background: var(--pasture-green) !important; color: var(--cow-black) !important; }
body.paddock .badge.bg-warning { background: var(--accent-yellow) !important; color: var(--cow-black) !important; }
body.paddock .badge.bg-danger { background: var(--fail) !important; color: #fff !important; }
body.paddock .badge.bg-secondary { background: var(--text-muted) !important; color: #fff !important; }
body.paddock .badge.bg-danger-subtle {
  background: var(--cow-white) !important; color: var(--fail) !important;
  border-color: var(--fail) !important;
}

/* History sidebar item */
body.paddock .history-item {
  background: var(--cow-white) !important;
  border: 2px solid var(--cow-black) !important;
  border-radius: .5rem !important;
  font-family: 'Nunito', sans-serif !important; font-weight: 700;
  box-shadow: 2px 2px 0 var(--pasture-green); color: var(--cow-black) !important;
}
body.paddock .history-item:hover {
  transform: translate(-1px,-1px); box-shadow: 3px 3px 0 var(--accent-yellow);
}

/* Hero adjustments for compare page */
body.paddock .hero .badge-soft {
  background: var(--accent-yellow) !important; color: var(--cow-black) !important;
  border: 2px solid var(--cow-black);
  box-shadow: 2px 2px 0 var(--cow-black);
  font-family: 'Fredoka', sans-serif !important; font-weight: 600 !important;
  padding: .4rem 1rem !important; border-radius: 999px !important;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  body.paddock .hero { padding: 2.5rem 1rem !important; }
  body.paddock .hero h1 { font-size: 2.2rem; }
  body.paddock .h-callout { transform: none; margin: 2rem 0; }
  body.paddock .tier-card.featured { transform: none; }
  body.paddock .score-circle { width: 200px !important; height: 200px !important; }
  body.paddock .score-circle .score-num { font-size: 4rem !important; }
}

/* ===== ADMIN PANEL ===== */
body.paddock .admin-tabs .nav-link {
  background: var(--cow-white);
  border: 3px solid var(--cow-black);
  border-radius: 999px !important;
  padding: .55rem 1.25rem !important;
  font-family: 'Fredoka', sans-serif !important;
  font-weight: 600;
  color: var(--cow-black) !important;
  box-shadow: 3px 3px 0 var(--cow-black);
  transition: all .15s;
}
body.paddock .admin-tabs .nav-link:hover {
  transform: translate(-1px,-1px);
  box-shadow: 4px 4px 0 var(--accent-yellow);
  background: var(--accent-yellow);
}
body.paddock .admin-tabs .nav-link.active {
  background: var(--cow-black) !important;
  color: var(--pasture-green) !important;
  box-shadow: 4px 4px 0 var(--pasture-green);
}
body.paddock .admin-audit-row {
  display: grid !important;
  grid-template-columns: 32px 1fr auto;
  gap: 1rem; align-items: center;
}
body.paddock .admin-audit-actions { flex-shrink: 0; }
body.paddock .admin-audit-actions .btn { padding: .35rem .65rem !important; font-size: .82rem !important; }
body.paddock .admin-page table { font-size: .9rem; }
body.paddock .admin-page table td { padding: .65rem .85rem; border-bottom: 1px dashed rgba(0,0,0,.15); }
body.paddock .admin-page table td:first-child { color: var(--text-muted); }
body.paddock .admin-page code.kbd, body.paddock .admin-page .kbd {
  background: var(--accent-yellow); border: 1px solid var(--cow-black); padding: .1rem .4rem;
  border-radius: 4px; font-family: monospace; font-weight: 700; color: var(--cow-black);
}

/* Print */
@media print {
  body.paddock { background: #fff !important; background-image: none !important; }
  body.paddock .h-callout, body.paddock .locked-card, body.paddock .locked-overlay { display: none !important; }
}