/*
 * Jiedu compact + mobile responsive overrides
 * Purpose: shrink oversized titles/subtitles, reduce vertical gaps, and fix mobile layouts across all child-theme templates.
 * Loaded after the existing theme styles from functions.php.
 */

:root {
  --jd-container: 1120px;
  --jd-content: 760px;
  --jd-shadow: 0 8px 24px rgba(15, 23, 42, 0.055);
  --jd-radius-md: 16px;
  --jd-radius-lg: 22px;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  font-size: 16px !important;
  line-height: 1.72 !important;
}

body * {
  box-sizing: border-box;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

.jiedu-container,
.jiedu-narrow,
.jf-container,
.jt-wrap,
.jw-container,
.jw-wrap,
.jw-narrow,
.jws-container,
.jws-narrow,
.jd-container {
  width: min(100% - 28px, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Header: lower height, tighter logo/menu, safer mobile menu. */
.jiedu-site-header {
  background: rgba(250, 250, 248, 0.98) !important;
}

.jiedu-header-main {
  min-height: 56px !important;
  padding: 6px 0 !important;
  gap: 12px !important;
}

.jiedu-branding {
  min-width: 0 !important;
  flex-basis: 330px !important;
}

.jiedu-branding__link {
  gap: 8px !important;
}

.jiedu-branding__logo,
.jiedu-branding__mark {
  width: 38px !important;
  height: 38px !important;
  flex-basis: 38px !important;
  border-radius: 11px !important;
}

.jiedu-branding__text strong {
  font-size: 16px !important;
  line-height: 1.12 !important;
}

.jiedu-branding__text small {
  font-size: 11px !important;
  line-height: 1.22 !important;
  max-width: 280px !important;
}

.jiedu-menu {
  gap: 2px !important;
}

.jiedu-menu a {
  padding: 6px 7px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.jiedu-header-cta .jiedu-button,
.jiedu-button,
.wp-block-button__link,
button,
input[type="submit"] {
  min-height: 38px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
}

/* Footer: remove large blank areas. */
.jiedu-site-footer {
  margin-top: 0 !important;
}

.jiedu-footer-grid {
  gap: 18px !important;
  padding: 22px 0 16px !important;
}

.jiedu-site-footer h3 {
  margin-bottom: 8px !important;
  font-size: 16px !important;
}

.jiedu-site-footer p,
.jiedu-site-footer li,
.jiedu-site-footer a {
  font-size: 14px !important;
  line-height: 1.62 !important;
}

.jiedu-site-footer li {
  margin: 5px 0 !important;
}

.jiedu-footer-bottom {
  padding: 10px 0 14px !important;
  gap: 10px !important;
  font-size: 13px !important;
}

/* Generic page/article title and content spacing. */
.jiedu-section {
  padding: 34px 0 !important;
}

.jiedu-single {
  padding: 12px 0 34px !important;
}

.jiedu-single__hero {
  margin-bottom: 16px !important;
}

.jiedu-single__header {
  padding: 18px 20px !important;
  border-radius: 16px !important;
  box-shadow: var(--jd-shadow) !important;
}

.jiedu-single__title {
  font-size: clamp(23px, 2.6vw, 32px) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.018em !important;
  margin: 0 0 8px !important;
}

.jiedu-single__summary {
  font-size: 15.5px !important;
  line-height: 1.62 !important;
}

.jiedu-single__meta {
  margin-top: 10px !important;
  gap: 6px !important;
}

.jiedu-meta-pill,
.jiedu-kicker,
.real-story-badge {
  font-size: 12px !important;
  padding: 5px 9px !important;
}

.jiedu-single__help,
.medical-disclaimer,
.expert-tip,
.jiedu-author-box,
.jiedu-inline-note {
  margin: 16px 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
}

.jiedu-prose,
.entry-content {
  font-size: 16px !important;
  line-height: 1.76 !important;
}

.jiedu-prose p,
.entry-content p,
.wp-block-paragraph {
  margin-bottom: 0.9em !important;
}

.jiedu-prose ul,
.jiedu-prose ol,
.entry-content ul,
.entry-content ol {
  margin-bottom: 1em !important;
}

.jiedu-prose h1,
.entry-content h1 {
  font-size: clamp(23px, 2.6vw, 30px) !important;
  line-height: 1.28 !important;
  margin: 1.1em 0 0.45em !important;
}

.jiedu-prose h2,
.entry-content h2,
.jiedu-section-title {
  font-size: clamp(20px, 2.1vw, 25px) !important;
  line-height: 1.32 !important;
  margin: 1.05em 0 0.45em !important;
}

.jiedu-prose h3,
.entry-content h3 {
  font-size: clamp(18px, 1.8vw, 21px) !important;
  line-height: 1.38 !important;
  margin: 0.95em 0 0.38em !important;
}

.jiedu-prose h4,
.entry-content h4 {
  font-size: 17px !important;
  line-height: 1.42 !important;
}

.jiedu-quick-card,
.jiedu-related-card,
.jiedu-nav-card,
.jiedu-selftest,
.jiedu-calculator,
.jiedu-pledge {
  padding: 16px !important;
  border-radius: 16px !important;
}

.jiedu-related-grid,
.jiedu-quick-links,
.jiedu-single__nav,
.jiedu-tools-shell,
.jiedu-form-grid,
.jiedu-calculator-form,
.jiedu-pledge-form {
  gap: 14px !important;
}

/* Homepage: smaller hero title/subtitle and compact sections. */
.jd-page-home .jd-hero {
  padding: 18px 0 16px !important;
}

.jd-page-home .jd-hero__grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.52fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

.jd-page-home .jd-hero__heading {
  max-width: 620px !important;
  font-size: clamp(28px, 3.4vw, 40px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
}

.jd-page-home .jd-hero__subheading {
  margin-top: 8px !important;
  font-size: clamp(17px, 2vw, 22px) !important;
  line-height: 1.34 !important;
}

.jd-page-home .jd-hero__body {
  max-width: 600px !important;
  margin-top: 8px !important;
  font-size: 15.5px !important;
  line-height: 1.62 !important;
}

.jd-page-home .jd-hero__actions,
.jd-page-home .jd-final-cta__actions,
.jd-page-home .jd-family__actions {
  margin-top: 14px !important;
  gap: 8px !important;
}

.jd-page-home .jd-btn {
  min-height: 38px !important;
  padding: 8px 13px !important;
  font-size: 14px !important;
}

.jd-page-home .jd-hero-card,
.jd-page-home .jd-emergency__copy,
.jd-page-home .jd-crisis-card,
.jd-page-home .jd-bento__card,
.jd-page-home .jd-path-card,
.jd-page-home .jd-family-tip,
.jd-page-home .jd-faq-item,
.jd-page-home .jd-post-card,
.jd-page-home .jd-standard-card {
  padding: 16px !important;
  border-radius: 16px !important;
  box-shadow: 0 7px 18px rgba(15, 36, 55, 0.045) !important;
}

.jd-page-home .jd-hero-card h2 {
  font-size: clamp(18px, 1.8vw, 22px) !important;
  line-height: 1.32 !important;
  margin: 0 0 8px !important;
}

.jd-page-home .jd-hero-card p,
.jd-page-home .jd-mini-steps span,
.jd-page-home .jd-emergency__copy > p,
.jd-page-home .jd-crisis-card p,
.jd-page-home .jd-bento__card p,
.jd-page-home .jd-path-card p,
.jd-page-home .jd-family-tip p,
.jd-page-home .jd-faq-item p,
.jd-page-home .jd-post-card p,
.jd-page-home .jd-section-head p {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
}

.jd-page-home .jd-mini-steps,
.jd-page-home .jd-steps,
.jd-page-home .jd-bento,
.jd-page-home .jd-path-grid,
.jd-page-home .jd-standard-grid,
.jd-page-home .jd-post-grid,
.jd-page-home .jd-faq-grid,
.jd-page-home .jd-family__cards,
.jd-page-home .jd-trust-bar {
  gap: 12px !important;
}

.jd-page-home .jd-mini-steps li,
.jd-page-home .jd-steps__item,
.jd-page-home .jd-trust-bar__item {
  padding: 10px !important;
  border-radius: 12px !important;
}

.jd-page-home .jd-trust-bar {
  margin-top: 14px !important;
}

.jd-page-home .jd-trust-bar__item strong {
  font-size: 17px !important;
}

.jd-page-home .jd-steps__item {
  grid-template-columns: 38px minmax(0, 1fr) !important;
}

.jd-page-home .jd-steps__num,
.jd-page-home .jd-path-card__icon {
  width: 38px !important;
  height: 38px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
}

.jd-page-home .jd-emergency,
.jd-page-home .jd-standards,
.jd-page-home .jd-tools,
.jd-page-home .jd-paths,
.jd-page-home .jd-family,
.jd-page-home .jd-latest,
.jd-page-home .jd-stories,
.jd-page-home .jd-faq,
.jd-page-home .jd-final-cta {
  padding: 24px 0 !important;
}

.jd-page-home .jd-section-head {
  margin-bottom: 14px !important;
  max-width: 600px !important;
}

.jd-page-home .jd-section-head h2,
.jd-page-home .jd-emergency__copy h2,
.jd-page-home .jd-family__header h2,
.jd-page-home .jd-final-cta__inner h2 {
  font-size: clamp(20px, 2.2vw, 27px) !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
  margin-bottom: 7px !important;
}

.jd-page-home .jd-crisis-card h3,
.jd-page-home .jd-bento__card h3,
.jd-page-home .jd-path-card h3,
.jd-page-home .jd-family-tip h3,
.jd-page-home .jd-faq-item h3,
.jd-page-home .jd-post-card h3,
.jd-page-home .jd-standard-card h3 {
  font-size: 18px !important;
  line-height: 1.34 !important;
  margin: 0 0 7px !important;
}

.jd-page-home .jd-bento__card {
  min-height: 190px !important;
}

.jd-page-home .jd-bento__visual {
  height: 92px !important;
}

.jd-page-home .jd-path-card {
  grid-template-columns: 48px minmax(0, 1fr) !important;
}

.jd-page-home .jd-family__grid {
  gap: 16px !important;
}

.jd-page-home .jd-family__header,
.jd-page-home .jd-final-cta__inner {
  padding: 20px !important;
  border-radius: 18px !important;
}

.jd-page-home .jd-final-cta__inner p {
  margin-top: 6px !important;
  font-size: 15.5px !important;
}

.jd-page-home .jd-disclaimer {
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Shared foundation templates: jf-* pages. */
.jiedu-foundation .jf-hero {
  padding: 24px 0 14px !important;
}

.jiedu-foundation .jf-hero-grid,
.jiedu-foundation .jf-grid,
.jiedu-foundation .jf-grid-2,
.jiedu-foundation .jf-final {
  gap: 14px !important;
}

.jiedu-foundation .jf-card,
.jiedu-foundation .jf-faq details,
.jiedu-foundation .jf-final,
.jiedu-foundation .jf-note,
.jiedu-foundation .jf-table-wrap {
  padding: 16px !important;
  border-radius: 16px !important;
  box-shadow: 0 7px 20px rgba(17, 34, 51, 0.045) !important;
}

.jiedu-foundation .jf-kicker,
.jiedu-foundation .jf-pill {
  margin-bottom: 8px !important;
  padding: 5px 9px !important;
  font-size: 12px !important;
  letter-spacing: 0.035em !important;
}

.jiedu-foundation .jf-breadcrumb {
  margin-bottom: 8px !important;
  font-size: 12.5px !important;
}

.jiedu-foundation .jf-hero h1 {
  font-size: clamp(24px, 3vw, 36px) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.018em !important;
  margin: 0 0 10px !important;
}

.jiedu-foundation .jf-lead {
  font-size: 15.5px !important;
  line-height: 1.64 !important;
  margin-bottom: 12px !important;
}

.jiedu-foundation .jf-actions {
  gap: 8px !important;
  margin-top: 14px !important;
}

.jiedu-foundation .jf-btn {
  min-height: 38px !important;
  padding: 8px 13px !important;
  font-size: 14px !important;
}

.jiedu-foundation .jf-nav {
  top: 56px !important;
  padding: 7px 0 !important;
}

.jiedu-foundation .jf-nav .jf-container {
  gap: 8px !important;
}

.jiedu-foundation .jf-nav a {
  padding: 6px 10px !important;
  font-size: 13px !important;
}

.jiedu-foundation .jf-section {
  padding: 22px 0 !important;
}

.jiedu-foundation .jf-section h2,
.jiedu-foundation .jf-card h2,
.jiedu-foundation .jf-final h2 {
  font-size: clamp(20px, 2.25vw, 27px) !important;
  line-height: 1.32 !important;
  margin: 0 0 10px !important;
}

.jiedu-foundation .jf-section h3,
.jiedu-foundation .jf-card h3 {
  font-size: 18px !important;
  line-height: 1.38 !important;
  margin: 14px 0 7px !important;
}

.jiedu-foundation .jf-prose p,
.jiedu-foundation .jf-prose li,
.jiedu-foundation .jf-card p,
.jiedu-foundation .jf-card li,
.jiedu-foundation .jf-final p {
  font-size: 15.5px !important;
  line-height: 1.68 !important;
}

.jiedu-foundation .jf-prose p {
  margin-bottom: 10px !important;
}

.jiedu-foundation .jf-table th,
.jiedu-foundation .jf-table td {
  padding: 10px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Tool templates: jt-* pages. */
.jiedu-tool-page .jt-hero {
  padding: 26px 0 16px !important;
}

.jiedu-tool-page .jt-hero h1 {
  font-size: clamp(24px, 3.1vw, 36px) !important;
  line-height: 1.22 !important;
  margin: 10px 0 !important;
}

.jiedu-tool-page .jt-lead {
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

.jiedu-tool-page .jt-actions {
  gap: 8px !important;
  margin-top: 14px !important;
}

.jiedu-tool-page .jt-btn {
  min-height: 38px !important;
  padding: 8px 13px !important;
  font-size: 14px !important;
}

.jiedu-tool-page .jt-section {
  padding: 22px 0 !important;
}

.jiedu-tool-page .jt-card,
.jiedu-tool-page .jt-final,
.jiedu-tool-page .jt-note {
  padding: 16px !important;
  border-radius: 16px !important;
  box-shadow: 0 7px 20px rgba(15, 35, 66, 0.045) !important;
}

.jiedu-tool-page .jt-grid {
  gap: 14px !important;
}

.jiedu-tool-page .jt-card h2,
.jiedu-tool-page .jt-card h3,
.jiedu-tool-page .jt-final h2 {
  font-size: clamp(19px, 2vw, 24px) !important;
  line-height: 1.32 !important;
  margin-bottom: 8px !important;
}

.jiedu-tool-page .jt-card p,
.jiedu-tool-page .jt-card li,
.jiedu-tool-page .jt-final p {
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* World Cup templates: jw-* and jws-* pages. */
.jw-page .jw-hero,
.jiedu-worldcup-complete .jw-hero,
.jws-page .jws-hero {
  padding: 28px 0 18px !important;
}

.jw-page .jw-hero-grid,
.jiedu-worldcup-complete .jw-hero-grid,
.jws-page .jws-hero-grid,
.jw-page .jw-grid,
.jiedu-worldcup-complete .jw-grid,
.jws-page .jws-grid,
.jw-page .jw-link-grid,
.jw-page .jw-grid-2,
.jws-page .jws-two,
.jws-page .jws-three,
.jws-page .jws-four,
.jw-page .jw-three,
.jw-page .jw-four,
.jw-page .jw-two {
  gap: 14px !important;
}

.jw-page .jw-title,
.jw-page .jw-hero h1,
.jiedu-worldcup-complete .jw-title,
.jiedu-worldcup-complete .jw-hero h1,
.jws-page .jws-title {
  font-size: clamp(24px, 3vw, 36px) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.018em !important;
  margin: 10px 0 10px !important;
}

.jw-page .jw-lead,
.jiedu-worldcup-complete .jw-lead,
.jws-page .jws-lead,
.jws-page .jws-text,
.jw-page .jw-text {
  font-size: 15.5px !important;
  line-height: 1.64 !important;
  margin-bottom: 12px !important;
}

.jw-page .jw-actions,
.jiedu-worldcup-complete .jw-actions,
.jws-page .jws-actions,
.jw-page .jw-meta,
.jws-page .jws-meta {
  gap: 8px !important;
  margin-top: 12px !important;
}

.jw-page .jw-btn,
.jiedu-worldcup-complete .jw-btn,
.jws-page .jws-btn {
  min-height: 38px !important;
  padding: 8px 13px !important;
  font-size: 14px !important;
}

.jw-page .jw-kicker,
.jiedu-worldcup-complete .jw-kicker,
.jws-page .jws-kicker,
.jw-page .jw-badge,
.jiedu-worldcup-complete .jw-badge,
.jws-page .jws-badge {
  padding: 5px 9px !important;
  font-size: 12px !important;
}

.jw-page .jw-breadcrumb,
.jiedu-worldcup-complete .jw-breadcrumb,
.jws-page .jws-breadcrumb,
.jw-page .jw-crumb {
  margin-bottom: 8px !important;
  font-size: 12.5px !important;
}

.jw-page .jw-section,
.jiedu-worldcup-complete .jw-section,
.jws-page .jws-section {
  padding: 24px 0 !important;
}

.jw-page .jw-card,
.jw-page .jw-hero-card,
.jw-page .jw-side-card,
.jw-page .jw-mini-card,
.jw-page .jw-prose,
.jw-page .jw-note,
.jw-page .jw-alert,
.jw-page .jw-danger,
.jw-page .jw-safe,
.jw-page .jw-danger-box,
.jw-page .jw-tool-strip,
.jw-page .jw-footer-cta,
.jw-page .jw-cta,
.jiedu-worldcup-complete .jw-card,
.jiedu-worldcup-complete .jw-prose,
.jiedu-worldcup-complete .jw-tool-strip,
.jiedu-worldcup-complete .jw-danger-box,
.jiedu-worldcup-complete .jw-footer-cta,
.jws-page .jws-card,
.jws-page .jws-prose,
.jws-page .jws-alert,
.jws-page .jws-tool-strip,
.jws-page .jws-footer-cta,
.jws-page .jws-faq details,
.jw-page .jw-faq details,
.jiedu-worldcup-complete .jw-faq details {
  padding: 16px !important;
  border-radius: 16px !important;
  box-shadow: 0 7px 20px rgba(16, 32, 51, 0.045) !important;
}

.jw-page .jw-section-head,
.jiedu-worldcup-complete .jw-section-head,
.jws-page .jws-section-head {
  margin-bottom: 14px !important;
}

.jw-page .jw-section-head h2,
.jiedu-worldcup-complete .jw-section-head h2,
.jws-page .jws-section-head h2,
.jw-page .jw-content h2,
.jw-page .jw-prose h2,
.jiedu-worldcup-complete .jw-prose h2,
.jws-page .jws-prose h2,
.jw-page .jw-card h2,
.jiedu-worldcup-complete .jw-card h2,
.jws-page .jws-card h2,
.jw-page .jw-footer-cta h2,
.jiedu-worldcup-complete .jw-footer-cta h2,
.jws-page .jws-footer-cta h2,
.jw-page .jw-cta h2,
.jw-page .jw-tool-strip h2,
.jws-page .jws-tool-strip h2 {
  font-size: clamp(20px, 2.25vw, 27px) !important;
  line-height: 1.32 !important;
  margin: 0 0 10px !important;
}

.jw-page .jw-content h3,
.jw-page .jw-prose h3,
.jiedu-worldcup-complete .jw-prose h3,
.jws-page .jws-prose h3,
.jw-page .jw-card h3,
.jiedu-worldcup-complete .jw-card h3,
.jws-page .jws-card h3,
.jw-page .jw-mini-card h3 {
  font-size: 18px !important;
  line-height: 1.38 !important;
  margin: 14px 0 7px !important;
}

.jw-page .jw-content p,
.jw-page .jw-content li,
.jw-page .jw-card p,
.jw-page .jw-card li,
.jw-page .jw-prose p,
.jw-page .jw-prose li,
.jiedu-worldcup-complete .jw-card p,
.jiedu-worldcup-complete .jw-card li,
.jiedu-worldcup-complete .jw-prose p,
.jiedu-worldcup-complete .jw-prose li,
.jws-page .jws-card p,
.jws-page .jws-card li,
.jws-page .jws-prose p,
.jws-page .jws-prose li,
.jws-page .jws-section-head p,
.jw-page .jw-section-head p,
.jiedu-worldcup-complete .jw-section-head p,
.jw-page .jw-footer-cta p,
.jiedu-worldcup-complete .jw-footer-cta p,
.jws-page .jws-footer-cta p {
  font-size: 15.5px !important;
  line-height: 1.68 !important;
}

.jw-page .jw-nav,
.jiedu-worldcup-complete .jw-mini-nav,
.jw-page .jw-mini-nav,
.jws-page .jws-mini-nav {
  top: 56px !important;
}

.jw-page .jw-nav a,
.jiedu-worldcup-complete .jw-mini-nav a,
.jw-page .jw-mini-nav a,
.jws-page .jws-mini-nav a {
  padding: 6px 10px !important;
  font-size: 13px !important;
}

.jw-page .jw-nav .jw-wrap,
.jw-page .jw-nav-inner,
.jiedu-worldcup-complete .jw-mini-nav .jw-container,
.jws-page .jws-mini-nav .jws-container {
  gap: 8px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.jw-page table,
.jws-page table,
.jiedu-worldcup-complete table,
.jiedu-prose table,
.entry-content table {
  font-size: 14px !important;
}

.jw-page th,
.jw-page td,
.jws-page th,
.jws-page td,
.jiedu-worldcup-complete th,
.jiedu-worldcup-complete td,
.jiedu-prose th,
.jiedu-prose td,
.entry-content th,
.entry-content td {
  padding: 10px !important;
  line-height: 1.55 !important;
}

/* Tablet layout: keep cards readable instead of squeezing four columns. */
@media (max-width: 1100px) {
  .jiedu-header-cta {
    display: none !important;
  }

  .jd-page-home .jd-bento,
  .jd-page-home .jd-path-grid,
  .jd-page-home .jd-standard-grid,
  .jd-page-home .jd-post-grid,
  .jd-page-home .jd-faq-grid,
  .jiedu-foundation .jf-grid,
  .jiedu-tool-page .jt-grid,
  .jw-page .jw-four,
  .jiedu-worldcup-complete .jw-four,
  .jws-page .jws-four {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .jd-page-home .jd-bento__card--wide,
  .jd-page-home .jd-bento__card--navy {
    grid-column: span 2 !important;
  }
}

/* Mobile: one column, smaller titles, tighter gaps, no horizontal overflow. */
@media (max-width: 820px) {
  .jiedu-container,
  .jiedu-narrow,
  .jf-container,
  .jt-wrap,
  .jw-container,
  .jw-wrap,
  .jw-narrow,
  .jws-container,
  .jws-narrow,
  .jd-container {
    width: min(100% - 22px, 1120px) !important;
  }

  .jiedu-header-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand toggle" "nav nav" !important;
    align-items: center !important;
    min-height: 52px !important;
    padding: 7px 0 !important;
  }

  .jiedu-branding {
    grid-area: brand !important;
    min-width: 0 !important;
    flex-basis: auto !important;
  }

  .jiedu-menu-toggle {
    display: inline-flex !important;
    grid-area: toggle !important;
    justify-self: end !important;
    min-height: 34px !important;
    padding: 7px 11px !important;
    font-size: 13px !important;
  }

  .jiedu-main-nav {
    grid-area: nav !important;
    display: none !important;
    width: 100% !important;
    padding-top: 6px !important;
  }

  .jiedu-main-nav.is-open {
    display: block !important;
  }

  .jiedu-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  .jiedu-menu a {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }

  .jiedu-branding__text small {
    display: none !important;
  }

  .jiedu-branding__text strong {
    white-space: normal !important;
    font-size: 15px !important;
  }

  .jiedu-branding__logo,
  .jiedu-branding__mark {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  .jd-page-home .jd-hero__grid,
  .jd-page-home .jd-emergency__grid,
  .jd-page-home .jd-family__grid,
  .jiedu-foundation .jf-hero-grid,
  .jiedu-foundation .jf-grid,
  .jiedu-foundation .jf-grid-2,
  .jiedu-foundation .jf-final,
  .jiedu-tool-page .jt-grid,
  .jw-page .jw-hero-grid,
  .jw-page .jw-grid,
  .jw-page .jw-grid-2,
  .jw-page .jw-link-grid,
  .jw-page .jw-cta,
  .jw-page .jw-footer-cta,
  .jw-page .jw-four,
  .jw-page .jw-three,
  .jw-page .jw-two,
  .jiedu-worldcup-complete .jw-hero-grid,
  .jiedu-worldcup-complete .jw-four,
  .jiedu-worldcup-complete .jw-three,
  .jiedu-worldcup-complete .jw-two,
  .jiedu-worldcup-complete .jw-footer-cta,
  .jws-page .jws-hero-grid,
  .jws-page .jws-four,
  .jws-page .jws-three,
  .jws-page .jws-two,
  .jws-page .jws-footer-cta,
  .jiedu-related-grid,
  .jiedu-quick-links,
  .jiedu-single__nav,
  .jiedu-form-grid {
    grid-template-columns: 1fr !important;
  }

  .jd-page-home .jd-bento,
  .jd-page-home .jd-path-grid,
  .jd-page-home .jd-standard-grid,
  .jd-page-home .jd-post-grid,
  .jd-page-home .jd-faq-grid {
    grid-template-columns: 1fr !important;
  }

  .jd-page-home .jd-bento__card--wide,
  .jd-page-home .jd-bento__card--navy {
    grid-column: auto !important;
  }

  .jd-page-home .jd-bento__card--wide {
    grid-template-columns: 1fr !important;
  }

  .jd-page-home .jd-hero__heading {
    font-size: 28px !important;
    line-height: 1.24 !important;
  }

  .jd-page-home .jd-hero__subheading {
    font-size: 17px !important;
  }

  .jd-page-home .jd-hero__body,
  .jiedu-foundation .jf-lead,
  .jiedu-tool-page .jt-lead,
  .jw-page .jw-lead,
  .jiedu-worldcup-complete .jw-lead,
  .jws-page .jws-lead {
    font-size: 15px !important;
  }

  .jiedu-single__title,
  .jiedu-prose h1,
  .entry-content h1,
  .jiedu-foundation .jf-hero h1,
  .jiedu-tool-page .jt-hero h1,
  .jw-page .jw-title,
  .jw-page .jw-hero h1,
  .jiedu-worldcup-complete .jw-title,
  .jiedu-worldcup-complete .jw-hero h1,
  .jws-page .jws-title {
    font-size: 25px !important;
    line-height: 1.28 !important;
  }

  .jiedu-prose h2,
  .entry-content h2,
  .jd-page-home .jd-section-head h2,
  .jd-page-home .jd-emergency__copy h2,
  .jd-page-home .jd-family__header h2,
  .jd-page-home .jd-final-cta__inner h2,
  .jiedu-foundation .jf-section h2,
  .jiedu-foundation .jf-card h2,
  .jiedu-tool-page .jt-card h2,
  .jw-page .jw-section-head h2,
  .jw-page .jw-content h2,
  .jw-page .jw-prose h2,
  .jiedu-worldcup-complete .jw-section-head h2,
  .jiedu-worldcup-complete .jw-prose h2,
  .jws-page .jws-section-head h2,
  .jws-page .jws-prose h2 {
    font-size: 20px !important;
    line-height: 1.34 !important;
  }

  .jd-page-home .jd-hero,
  .jiedu-foundation .jf-hero,
  .jiedu-tool-page .jt-hero,
  .jw-page .jw-hero,
  .jiedu-worldcup-complete .jw-hero,
  .jws-page .jws-hero {
    padding-top: 18px !important;
    padding-bottom: 14px !important;
  }

  .jd-page-home .jd-emergency,
  .jd-page-home .jd-standards,
  .jd-page-home .jd-tools,
  .jd-page-home .jd-paths,
  .jd-page-home .jd-family,
  .jd-page-home .jd-latest,
  .jd-page-home .jd-stories,
  .jd-page-home .jd-faq,
  .jd-page-home .jd-final-cta,
  .jiedu-section,
  .jiedu-foundation .jf-section,
  .jiedu-tool-page .jt-section,
  .jw-page .jw-section,
  .jiedu-worldcup-complete .jw-section,
  .jws-page .jws-section {
    padding: 18px 0 !important;
  }

  .jd-page-home .jd-hero-card,
  .jd-page-home .jd-emergency__copy,
  .jd-page-home .jd-crisis-card,
  .jd-page-home .jd-bento__card,
  .jd-page-home .jd-path-card,
  .jd-page-home .jd-family-tip,
  .jd-page-home .jd-faq-item,
  .jiedu-single__header,
  .jiedu-foundation .jf-card,
  .jiedu-tool-page .jt-card,
  .jw-page .jw-card,
  .jw-page .jw-hero-card,
  .jw-page .jw-side-card,
  .jw-page .jw-prose,
  .jiedu-worldcup-complete .jw-card,
  .jiedu-worldcup-complete .jw-prose,
  .jws-page .jws-card,
  .jws-page .jws-prose {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .jd-page-home .jd-path-card,
  .jd-page-home .jd-steps__item {
    grid-template-columns: 1fr !important;
  }

  .jd-page-home .jd-bento__visual {
    display: none !important;
  }

  .jiedu-foundation .jf-nav,
  .jw-page .jw-nav,
  .jw-page .jw-mini-nav,
  .jiedu-worldcup-complete .jw-mini-nav,
  .jws-page .jws-mini-nav {
    position: relative !important;
    top: auto !important;
  }

  .jiedu-floating-help,
  .jd-float-help {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    justify-content: center !important;
  }

  .jd-float-help__btn strong {
    display: none !important;
  }

  .jiedu-footer-grid,
  .jiedu-footer-bottom {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  body {
    font-size: 15.5px !important;
    line-height: 1.68 !important;
  }

  .jiedu-container,
  .jiedu-narrow,
  .jf-container,
  .jt-wrap,
  .jw-container,
  .jw-wrap,
  .jw-narrow,
  .jws-container,
  .jws-narrow,
  .jd-container {
    width: min(100% - 20px, 1120px) !important;
  }

  .jiedu-single__title,
  .jiedu-foundation .jf-hero h1,
  .jiedu-tool-page .jt-hero h1,
  .jw-page .jw-title,
  .jw-page .jw-hero h1,
  .jiedu-worldcup-complete .jw-title,
  .jiedu-worldcup-complete .jw-hero h1,
  .jws-page .jws-title {
    font-size: 23px !important;
  }

  .jd-page-home .jd-hero__heading {
    font-size: 26px !important;
  }

  .jiedu-button,
  .wp-block-button__link,
  .jd-page-home .jd-btn,
  .jiedu-foundation .jf-btn,
  .jiedu-tool-page .jt-btn,
  .jw-page .jw-btn,
  .jiedu-worldcup-complete .jw-btn,
  .jws-page .jws-btn {
    width: 100% !important;
  }

  .jiedu-foundation .jf-actions,
  .jiedu-tool-page .jt-actions,
  .jw-page .jw-actions,
  .jiedu-worldcup-complete .jw-actions,
  .jws-page .jws-actions,
  .jd-page-home .jd-hero__actions,
  .jd-page-home .jd-final-cta__actions,
  .jd-page-home .jd-family__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .jiedu-prose table,
  .entry-content table,
  .jw-page table,
  .jws-page table,
  .jiedu-worldcup-complete table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    white-space: normal !important;
  }
}

/* === Jiedu v3.3 home/footer layout repair ===
   首页重点修复：
   - 手机端页脚 2 列紧凑排列；
   - 手机端“需要帮助”浮动按钮恢复文字；
   - 世界杯指南卡片横向铺满；
   - 家属主卡与右侧卡片组对齐；
   - 真实经历区支持 4 篇文章。
*/
@media (min-width: 981px) {
  body.home .jd-bento {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
  body.home .jd-bento__card--navy {
    grid-column: 1 / -1 !important;
    min-height: 168px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
  }
  body.home .jd-bento__card--navy .jd-btn {
    min-width: 180px !important;
    width: auto !important;
  }
  body.home .jd-family__grid {
    align-items: stretch !important;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1fr) !important;
  }
  body.home .jd-family__header {
    position: relative !important;
    top: auto !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  body.home .jd-post-grid--stories {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 681px) and (max-width: 980px) {
  body.home .jd-post-grid--stories {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 680px) {
  body.home .jd-bento__card--navy {
    grid-column: 1 / -1 !important;
    min-height: 128px !important;
  }
  body.home .jd-family__header {
    min-height: 210px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  body.home .jd-post-grid--stories {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* === Jiedu v3.4 all pages compact module repair ===
   全站页面统一修复：
   - 世界杯专题页、子页、工具页、戒赌方法/债务/家属/求助等页面全部压缩间距；
   - 手机端辅助模块多列显示，不再所有卡片一行一个；
   - Hero、导航、文章区、FAQ、CTA、工具区在手机端更紧凑；
   - 页脚保持两列紧凑；
   - 浮动求助按钮在手机端显示文字且不遮挡大面积内容。
*/

/* ---------- 通用容器与竖向节奏 ---------- */
.jt-wrap,
.jw-wrap,
.jw-container,
.jws-container,
.jws-narrow,
.jiedu-container,
.jiedu-narrow {
  max-width: 1120px;
}

.jt-section,
.jw-section,
.jws-section,
.jiedu-section,
.jf-section {
  padding-top: clamp(28px, 4vw, 46px) !important;
  padding-bottom: clamp(28px, 4vw, 46px) !important;
}

/* ---------- 桌面端统一整齐 ---------- */
@media (min-width: 981px) {
  .jt-grid,
  .jw-grid,
  .jws-three,
  .jws-four {
    align-items: stretch !important;
  }

  .jt-card,
  .jw-card,
  .jw-prose,
  .jws-card,
  .jws-prose,
  .jiedu-card,
  .jf-card {
    min-width: 0 !important;
  }

  .jt-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .jw-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .jw-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .jws-four {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .jws-three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .jws-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .54fr) !important;
    gap: 24px !important;
  }

  .jw-hero,
  .jt-hero,
  .jws-hero {
    padding-top: 34px !important;
    padding-bottom: 24px !important;
  }

  .jw-hero h1,
  .jt-hero h1,
  .jws-title {
    font-size: clamp(34px, 4.2vw, 52px) !important;
    line-height: 1.12 !important;
  }

  .jw-lead,
  .jt-lead,
  .jws-lead {
    font-size: 17px !important;
    line-height: 1.76 !important;
  }

  .jws-footer-cta {
    align-items: center !important;
  }
}

/* ---------- 通用手机端：大幅压缩 Hero 与卡片 ---------- */
@media (max-width: 680px) {
  :root {
    --jd-mobile-page-gap: 20px;
  }

  .jt-wrap,
  .jw-wrap,
  .jw-container,
  .jws-container,
  .jws-narrow,
  .jiedu-container,
  .jiedu-narrow {
    width: min(100% - 20px, 1120px) !important;
  }

  .jt-hero,
  .jw-hero,
  .jws-hero {
    padding-top: 18px !important;
    padding-bottom: 14px !important;
  }

  .jt-crumb,
  .jw-crumb,
  .jw-breadcrumb,
  .jws-breadcrumb {
    margin-bottom: 8px !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }

  .jt-kicker,
  .jw-kicker,
  .jws-kicker,
  .jws-badge {
    padding: 5px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  .jt-hero h1,
  .jw-hero h1,
  .jw-title,
  .jws-title {
    margin: 10px 0 8px !important;
    font-size: clamp(25px, 7.2vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em !important;
  }

  .jt-lead,
  .jw-lead,
  .jws-lead {
    font-size: 14px !important;
    line-height: 1.58 !important;
    max-width: 100% !important;
  }

  .jws-text,
  .jw-card p,
  .jt-card p {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .jt-actions,
  .jw-actions,
  .jws-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    margin-top: 12px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .jt-btn,
  .jw-btn,
  .jws-btn,
  .jiedu-button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 34px !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .jt-section,
  .jw-section,
  .jws-section,
  .jiedu-section,
  .jf-section {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  .jt-card,
  .jw-card,
  .jw-prose,
  .jws-card,
  .jws-prose,
  .jiedu-card,
  .jf-card {
    padding: 14px !important;
    border-radius: 17px !important;
    box-shadow: 0 7px 18px rgba(15,35,66,.045) !important;
  }

  .jw-card h2,
  .jw-card h3,
  .jt-card h2,
  .jt-card h3,
  .jws-card h2,
  .jws-card h3,
  .jws-prose h2,
  .jw-prose h2 {
    font-size: 19px !important;
    line-height: 1.25 !important;
    margin-top: 0 !important;
    margin-bottom: 7px !important;
  }

  .jws-prose h3,
  .jw-prose h3 {
    font-size: 17px !important;
    line-height: 1.28 !important;
    margin-top: 18px !important;
    margin-bottom: 6px !important;
  }

  .jws-prose p,
  .jws-prose li,
  .jw-prose p,
  .jw-prose li,
  .jt-card li,
  .jw-card li {
    font-size: 13.5px !important;
    line-height: 1.62 !important;
  }

  .jws-alert,
  .jw-note,
  .jw-danger,
  .jw-safe,
  .jt-note {
    padding: 12px 13px !important;
    border-radius: 14px !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    margin: 14px 0 !important;
  }
}

/* ---------- 手机端网格：按重要性压缩，多列展示 ---------- */
@media (max-width: 680px) {
  /* 工具页三张提示卡：三列小卡 */
  .jt-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .jt-grid .jt-card {
    padding: 11px 9px !important;
  }

  .jt-grid .jt-card h3 {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .jt-grid .jt-card p {
    font-size: 11.5px !important;
    line-height: 1.42 !important;
  }

  /* 支持文章页/债务页等 jw 网格：两列 */
  .jw-grid,
  .jw-grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .jw-grid > .jw-card,
  .jw-grid-2 > .jw-card {
    padding: 12px !important;
  }

  .jw-grid > .jw-card h3,
  .jw-grid-2 > .jw-card h3 {
    font-size: 15px !important;
  }

  .jw-grid > .jw-card p,
  .jw-grid-2 > .jw-card p {
    font-size: 12px !important;
    line-height: 1.46 !important;
  }

  /* 子专题 jws：四步骤两列；三篇文章三列或两列根据宽度 */
  .jws-four,
  .jws-three,
  .jws-two {
    display: grid !important;
    gap: 9px !important;
  }

  .jws-four {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .jws-three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .jws-two {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .jws-four .jws-card,
  .jws-three .jws-card,
  .jws-two .jws-card {
    padding: 11px !important;
  }

  .jws-four .jws-card h3,
  .jws-three .jws-card h3,
  .jws-two .jws-card h3 {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .jws-four .jws-card p,
  .jws-three .jws-card p,
  .jws-two .jws-card p {
    font-size: 11.5px !important;
    line-height: 1.42 !important;
  }

  .jws-three .jws-card a {
    font-size: 11.5px !important;
  }

  .jws-section-head {
    margin-bottom: 12px !important;
  }

  .jws-section-head h2 {
    font-size: 21px !important;
    line-height: 1.24 !important;
    margin: 8px 0 5px !important;
  }

  .jws-section-head p {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}

/* ---------- 手机端导航：横向胶囊，不占大面积 ---------- */
@media (max-width: 680px) {
  .jw-nav,
  .jws-mini-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 12 !important;
  }

  .jw-nav .jw-wrap,
  .jws-mini-nav .jws-container,
  .jw-nav-inner {
    gap: 6px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .jw-nav a,
  .jws-mini-nav a,
  .jw-nav-inner a {
    padding: 6px 9px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
  }
}

/* ---------- 手机端文章正文表格：允许横向滑动，避免撑爆页面 ---------- */
@media (max-width: 680px) {
  .jw-prose table,
  .jws-prose table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    border-radius: 14px !important;
    font-size: 12px !important;
  }

  .jw-table th,
  .jw-table td,
  .jws-prose th,
  .jws-prose td {
    padding: 9px 10px !important;
    line-height: 1.45 !important;
  }

  .jw-prose ul,
  .jws-prose ul {
    padding-left: 18px !important;
  }
}

/* ---------- 工具短代码区域：减少外框占用 ---------- */
@media (max-width: 680px) {
  .jt-shortcode {
    margin-top: 12px !important;
  }

  .jt-shortcode input,
  .jt-shortcode select,
  .jt-shortcode textarea,
  .jt-shortcode button {
    max-width: 100% !important;
  }
}

/* ---------- CTA 区：手机端按钮横排滚动，不一行一个 ---------- */
@media (max-width: 680px) {
  .jw-final,
  .jws-tool-strip,
  .jws-footer-cta,
  .jd-final-cta__inner {
    padding: 18px !important;
    border-radius: 19px !important;
  }

  .jw-final h2,
  .jws-tool-strip h2,
  .jws-footer-cta h2 {
    font-size: 21px !important;
    line-height: 1.25 !important;
  }

  .jw-final p,
  .jws-tool-strip p,
  .jws-footer-cta p {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  .jws-footer-cta {
    display: block !important;
  }
}

/* ---------- FAQ：两列小卡，减少纵向长度 ---------- */
@media (max-width: 680px) {
  .jw-faq,
  .jws-faq {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .jw-faq details,
  .jws-faq details {
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 15px !important;
  }

  .jw-faq summary,
  .jws-faq summary {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .jw-faq p,
  .jws-faq p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* ---------- 页脚：全站手机端两列紧凑 ---------- */
@media (max-width: 820px) {
  .jiedu-site-footer {
    margin-top: 18px !important;
  }

  .jiedu-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
    padding: 18px 0 12px !important;
  }

  .jiedu-footer-grid section {
    min-width: 0 !important;
  }

  .jiedu-site-footer h3 {
    margin: 0 0 7px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .jiedu-site-footer p,
  .jiedu-site-footer li,
  .jiedu-site-footer a {
    font-size: 12.5px !important;
    line-height: 1.52 !important;
  }

  .jiedu-site-footer li {
    margin: 4px 0 !important;
  }

  .jiedu-footer-bottom {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 0 14px !important;
    font-size: 12px !important;
  }

  .jiedu-footer-bottom p {
    margin: 0 !important;
  }

  .jiedu-footer-bottom p:last-child {
    text-align: right !important;
  }
}

/* ---------- 浮动求助按钮：全站手机端恢复文字，减少遮挡 ---------- */
@media (max-width: 680px) {
  .jd-float-help,
  .jiedu-floating-help,
  .jiedu-float-help {
    left: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: calc(100% - 24px) !important;
    z-index: 90 !important;
  }

  .jd-float-help__btn,
  .jiedu-floating-help,
  .jiedu-float-help a {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 38px !important;
    padding: 9px 13px !important;
    border-radius: 999px !important;
    gap: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .jd-float-help__btn strong {
    display: inline !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  .jd-float-help__btn span {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
  }
}

/* ---------- 极窄屏安全降级 ---------- */
@media (max-width: 390px) {
  .jt-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .jws-three {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .jw-faq,
  .jws-faq {
    grid-template-columns: 1fr !important;
  }

  .jiedu-footer-grid {
    gap: 12px !important;
  }

  .jiedu-site-footer h3 {
    font-size: 14px !important;
  }

  .jiedu-site-footer p,
  .jiedu-site-footer li,
  .jiedu-site-footer a {
    font-size: 11.8px !important;
  }

  .jiedu-footer-bottom {
    grid-template-columns: 1fr !important;
  }

  .jiedu-footer-bottom p:last-child {
    text-align: left !important;
  }
}