.elementor-3959 .elementor-element.elementor-element-4d6d0da{--display:flex;}.elementor-3959 .elementor-element.elementor-element-38deced .elementor-icon-list-icon{width:14px;}.elementor-3959 .elementor-element.elementor-element-38deced .elementor-icon-list-icon i{font-size:14px;}.elementor-3959 .elementor-element.elementor-element-38deced .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-3959 .elementor-element.elementor-element-8d08b02{text-align:left;}.elementor-3959 .elementor-element.elementor-element-c438123{--display:flex;}@media(max-width:767px){.elementor-3959 .elementor-element.elementor-element-c438123{--width:48%;}}/* Start custom CSS for container, class: .elementor-element-4d6d0da *//* =========================================
   TokenToolHub — Single Post Card (v3 mobile-fix)
   Target: ONE container with class "tth-post-card"
   ========================================= */

.tth-post-card{
  /* ---- design tokens ---- */
  --card-width: 1180px;         /* wider desktop; adjust to taste */
  --bg: #ffffff;
  --text: #0f172a;
  --muted: #6b7280;
  --accent: #10b981;
  --radius: 12px;
  --shadow: 0 12px 36px rgba(2,10,22,.08);
  --h-gutter: clamp(14px, 2vw, 28px);
  --v-gutter: clamp(22px, 3vw, 40px);

  background: var(--bg);
  color: var(--text);
  max-width: min(var(--card-width), calc(100% - 40px)); /* perfect side gutters */
  margin: clamp(18px, 3vw, 48px) auto;
  padding: var(--v-gutter) var(--h-gutter);
  border-radius: var(--radius);
  border: 1px solid #e5e7eb;
  box-shadow: var(--shadow);
  line-height: 1.78;
  font-size: 17px;
  overflow-x: clip;     /* stop horizontal scroll from inner blocks */
  word-break: normal;
  overflow-wrap: anywhere; /* break very long tokens if needed */
  scroll-margin-top: 96px;
}

/* Optional bump for ultra-wide monitors */
@media (min-width: 1600px){ .tth-post-card{ --card-width: 1240px; } }

/* ---- Title ---- */
.tth-post-card .elementor-widget-theme-post-title h1,
.tth-post-card .elementor-widget-post-title h1,
.tth-post-card h1.entry-title{
  margin: 0 0 10px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.15;
  font-size: clamp(26px, 2.5vw, 38px);
}

/* ---- Meta ---- */
.tth-post-card .elementor-post-info,
.tth-post-card .tth-meta{
  display:flex; flex-wrap:wrap; align-items:center;
  column-gap:14px; row-gap:8px;
  margin:6px 0 22px;
  font-size:14px; color:var(--muted);
}
.tth-post-card .elementor-post-info a,
.tth-post-card .tth-meta a{ color:var(--accent); text-decoration:none; }
.tth-post-card .elementor-post-info a:hover,
.tth-post-card .tth-meta a:hover{ text-decoration:underline; }

/* ---- Content rhythm ---- */
.tth-post-card .elementor-widget-theme-post-content > *:not(:last-child),
.tth-post-card .elementor-widget-post-content > *:not(:last-child){
  margin-bottom: 1.05rem;
}

/* Headings in content */
.tth-post-card h2{ font-weight:800; line-height:1.25; margin:28px 0 8px; font-size:clamp(22px,2.1vw,30px); }
.tth-post-card h3{ font-weight:800; line-height:1.3;  margin:22px 0 6px;  font-size:clamp(18px,1.7vw,24px); }
.tth-post-card h4{ font-weight:700; margin:18px 0 4px; font-size:18px; }

/* Links */
.tth-post-card a{ color:var(--accent); text-decoration:none; }
.tth-post-card a:hover{ text-decoration:underline; }

/* Lists */
.tth-post-card ul, .tth-post-card ol{ padding-left:1.25rem; }
.tth-post-card li{ margin:6px 0; }

/* Images & figures */
.tth-post-card img{ max-width:100%; height:auto; border-radius:8px; }
.tth-post-card figure{ margin:1rem 0; }
.tth-post-card figcaption{ color:#64748b; font-size:14px; text-align:center; }

/* Tables */
.tth-post-card table{ width:100%; border-collapse:collapse; font-size:15px; }
.tth-post-card th, .tth-post-card td{ border:1px solid #e5e7eb; padding:10px 12px; }
.tth-post-card th{ background:#f8fafc; font-weight:700; }

/* Code: light scheme */
.tth-post-card pre, .tth-post-card code{
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.tth-post-card pre{
  background:#f5f7fb; color:#0f172a; border:1px solid #e2e8f0;
  border-radius:10px; padding:14px; overflow:auto;
}
.tth-post-card code{
  background:#f5f7fb; color:#0f172a; border:1px solid #e2e8f0;
  border-radius:6px; padding:.12em .36em;
}

/* Quotes */
.tth-post-card blockquote{
  margin:16px 0; padding:12px 16px;
  border-left:4px solid var(--accent);
  background:#ecfdf5; border-radius:8px; color:#0f172a;
}

/* HR */
.tth-post-card hr{ border:0; border-top:1px solid #e5e7eb; margin:24px 0; }

/* =========================
   MOBILE STACKING FIXES
   (forces any grids/columns inside post to stack)
   ========================= */
@media (max-width: 768px){

  /* Elementor rows/columns inside the card */
  .tth-post-card .elementor-container,
  .tth-post-card .elementor-row{ display:block !important; }
  .tth-post-card .elementor-column,
  .tth-post-card .elementor-column-wrap,
  .tth-post-card .elementor-widget-wrap{
    width:100% !important;
    max-width:100% !important;
  }

  /* Any custom grids in content (even inline-styled) → 1 column */
  .tth-post-card [style*="display: grid"]{
    grid-template-columns: 1fr !important;
  }
  .tth-post-card [style*="grid-template-columns: repeat("]{
    grid-template-columns: 1fr !important;
  }

  /* Kill fixed/min widths that cause sideways overflow */
  .tth-post-card div, .tth-post-card section, .tth-post-card article,
  .tth-post-card aside, .tth-post-card figure{
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Tables and code scroll horizontally instead of stretching page */
  .tth-post-card table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .tth-post-card pre{ font-size:14px; }

  /* Comfortable mobile typography + padding */
  .tth-post-card{
    --h-gutter: clamp(16px, 5vw, 22px);
    --v-gutter: clamp(18px, 5vw, 24px);
    margin: 16px auto;
    font-size: 16px;
    line-height: 1.75;
    border-radius: 10px;
  }
  .tth-post-card .elementor-widget-theme-post-title h1{
    font-size: clamp(24px, 6.2vw, 30px);
    line-height: 1.2;
    margin-bottom: 8px;
  }
}

/* Hide Astra’s native page-title band */
body.single-post .ast-page-title-wrap{ display:none !important; }/* End custom CSS */