/*
 * Every <table> rule used anywhere in the app, consolidated. Moved verbatim
 * (selectors/declarations unchanged) out of globals.css, ai-humanizer.css,
 * and essay-writes.css as part of the strips/banners/sidebars/tool-pages/
 * tables CSS reorganization. See each section's comment for provenance.
 */

/*
 * Tables in CMS article bodies (globals.css). They come through as bare
 * `<table>` markup with no class, and the live template styles them with a
 * single rule pair in templates/GAH/css/content.css:
 *
 *   .allinner_main table            { border-collapse:collapse; width:100% }
 *   .allinner_main table tr td/th   { font-size:.875rem; border:1px solid #d7d7d7;
 *                                     padding:5px; font-weight:normal; text-align:left }
 *
 * @tailwindcss/typography's own table styling gives header cells a bold
 * weight and only an underline-style bottom border, which is why these
 * rendered as plain bold columns instead of a bordered grid. `font-weight:
 * normal` is deliberate — header cells are not bold on the live site.
 */
.prose table {
  width: 100%;
  border-collapse: collapse;
}

.prose table tr td,
.prose table tr th {
  border: 1px solid #d7d7d7;
  padding: 5px;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: left;
}

/* ---- ai-humanizer.css: "Why Choose Our Humanize AI Tool? A Quick
   Comparison!" real <table> inside .essay_writing_scrollable_section (the
   rest of that section's non-table layout stays in tool-pages.css). ---- */
.essay_writing_scrollable_section table { display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;width:100%;margin:0 0 20px }
.essay_writing_scrollable_section table td,
.essay_writing_scrollable_section table th { color:#2a2a2a;border:1px solid #2a2a2a;padding:10px;font-size:15px;white-space:nowrap }

/* ---- ai-humanizer.css: "Why Choose Our Humanize AI Tool? A Quick
   Comparison!" section's own 3-column comparison grid, `.website-feature-
   table` — not real `<table>` markup (it's a CSS Grid of `<ul>`s), but it is
   this page's comparison-table UI, so it belongs here rather than in
   tool-pages.css. (This block was initially dropped by mistake during the
   strips/banners/sidebars/tool-pages/tables split — a visual regression
   caught by before/after screenshot comparison on /ai-humanizer and fixed
   before this reorganization was considered done.) ---- */
.website-feature-table { text-align:center }
.website-feature-table .feature-box { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:#eee;box-shadow:0px 0px 10px 0px #0000002e inset;border-radius:14px;padding:25px }
.website-feature-table .first-col,
.website-feature-table .second-col,
.website-feature-table .third-col { border-radius:14px }
.website-feature-table .feature-box ul { margin:0;padding:0;list-style:none }
.website-feature-table li { padding:20px;border-bottom:.2px solid #ddd;text-align:left;min-height:65px;display:flex;align-items:center;gap:6px }
.website-feature-table li:last-child { border:none;padding:12px }
/* `.prose img` (@tailwindcss/typography) gives every image `margin: 2em 0`
   — meant for large standalone content images, not these 20×20 inline row
   icons. Without this override each row was 64px taller than it should be
   (32px margin top + 32px bottom), which is the actual bug here, not the
   row padding. `.prose` prefix for the specificity win, same pattern as
   every other typography-collision fix in this app. */
.prose .website-feature-table li img { vertical-align:bottom;margin:0 }
/* Same shared-rule leak as `.faq-list li`/`.blog-card` elsewhere: `.prose
   ul>li` (globals.css) gives every CMS bullet list a green checkmark +
   30px left indent, which stacks on top of these rows' own real icons. */
.prose .website-feature-table li { padding-left:20px }
.prose .website-feature-table li::before { content:none }
.prose .website-feature-table li:last-child { padding-left:12px }
.website-feature-table .first-col,
.website-feature-table .third-col { background:#fff }
.website-feature-table .first-col li,
.website-feature-table .third-col li { font-size:16px;color:#3f3f3f }
.website-feature-table .top-head { border-radius:14px 14px 0 0;background:#f8f8f8;color:#1d1d1d;text-align:center;font-family:robotomedium;font-size:20px;justify-content:center }
.website-feature-table .second-col { background:#f9fff2;box-shadow:0px 0px 20px 5px #00000040;border:2px solid #9ec137 }
.website-feature-table .second-col li { font-size:18px;color:#252430 }
.website-feature-table .highlighted-head { border-radius:12px 12px 0 0;background:#9ec137;color:#fff;text-align:center;font-family:robotomedium;font-size:20px;box-shadow:0px 0px 13.69px .4px #86a2348c;justify-content:center }
.prose .website-feature-table .try-btn { font-family:robotomedium;font-size:14px;line-height:18px;background:linear-gradient(180deg,#ffb04f 10.99%,#f58e0e 100%);color:#fff;border-radius:3px;padding:8px;width:100%;display:block;text-align:center;text-decoration:none }
@media (max-width:767px) {
  .website-feature-table .feature-box { grid-template-columns:1fr }
}

/* ---- essay-writes.css: real <table> markup inside the country-pages /
   essay-writing scrollable comparison section (rest of that section's
   non-table layout stays in essay-writes.css). ---- */
.country-pages .essay-writing .content_navigatation_area .content_area .left table,.country-pages .essay-writing .content_navigatation_area .content_area .right table{border-collapse:collapse;width:100%;margin:0 0 20px}

.country-pages .essay-writing .content_navigatation_area .content_area .left table tr td,.country-pages .essay-writing .content_navigatation_area .content_area .left table tr th,.country-pages .essay-writing .content_navigatation_area .content_area .right table tr td,.country-pages .essay-writing .content_navigatation_area .content_area .right table tr th{color:#2A2A2A;border:1px solid #2A2A2A;padding:10px;font-size:14px;font-weight:normal}

.seo-content .content-table{width:100%;overflow-x:auto;margin-bottom:15px}

.seo-content .content-table table{border-collapse:collapse;width:100%}

.seo-content .content-table table tr td{font-size:0.875rem;border:1px solid #d7d7d7;padding:5px}

.essay-writing .content_navigatation_area .content_area .left table,.essay-writing .content_navigatation_area .content_area .right table{border-collapse:collapse;width:100%;margin:0 0 20px}

.essay-writing .content_navigatation_area .content_area .left table tr td,.essay-writing .content_navigatation_area .content_area .left table tr th,.essay-writing .content_navigatation_area .content_area .right table tr td,.essay-writing .content_navigatation_area .content_area .right table tr th{color:#2A2A2A;border:1px solid #2A2A2A;padding:10px;font-size:14px;font-weight:normal}

@media screen and (max-width:768px){.country-pages .essay-writing .content_navigatation_area .content_area .right table tr th{padding:5px;font-size:12px}.essay-writing .content_navigatation_area .content_area .right table tr th{padding:5px;font-size:12px}}