/*
 Taylor's Trailblazing Travels — Thailand Monsoon Packing List magazine layout
 All selectors are scoped to .ttt-monsoon-mag so the article cannot restyle the surrounding theme.
*/
.ttt-monsoon-mag,
.ttt-monsoon-mag * ,
.ttt-monsoon-mag *::before,
.ttt-monsoon-mag *::after { box-sizing: border-box; }

.ttt-monsoon-mag {
  --ink: #17324a;
  --muted: #5d6e78;
  --teal: #177f7c;
  --teal-dark: #105f64;
  --teal-pale: #e8f6f3;
  --coral: #d86d52;
  --coral-dark: #ae4d39;
  --coral-pale: #fff0e9;
  --cream: #fff5df;
  --green-pale: #eaf5e8;
  --gold: #d29a36;
  --line: #dbe5e6;
  --paper: #ffffff;
  --page: #f4f7f6;
  --shadow: 0 18px 45px rgba(24, 56, 69, .10);
  width: min(100%, 1180px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 18px 48px !important;
  overflow-x: clip !important;
  contain: inline-size;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.72;
  background: transparent;
  position: relative;
}

.ttt-monsoon-mag > * { min-width: 0; max-width: 100%; }
.ttt-monsoon-mag a { color: var(--teal-dark); text-decoration-thickness: .08em; text-underline-offset: .15em; }
.ttt-monsoon-mag a:hover,
.ttt-monsoon-mag a:focus { color: var(--coral-dark); }
.ttt-monsoon-mag p,
.ttt-monsoon-mag li { overflow-wrap: anywhere; }
.ttt-monsoon-mag p { margin: 0 0 1.05em; }
.ttt-monsoon-mag ul,
.ttt-monsoon-mag ol { padding-left: 1.35em; margin: .4em 0 1.2em; }
.ttt-monsoon-mag li + li { margin-top: .45em; }

.ttt-monsoon-mag img,
.ttt-monsoon-mag picture,
.ttt-monsoon-mag figure,
.ttt-monsoon-mag .wp-block-image,
.ttt-monsoon-mag .wp-block-image img,
.ttt-monsoon-mag img.alignwide,
.ttt-monsoon-mag img.alignfull,
.ttt-monsoon-mag figure.alignwide,
.ttt-monsoon-mag figure.alignfull,
.ttt-monsoon-mag .alignwide,
.ttt-monsoon-mag .alignfull {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  max-inline-size: 100% !important;
  height: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ttt-monsoon-mag figure { margin-top: 1.45em !important; margin-bottom: 1.45em !important; overflow: hidden; }
.ttt-monsoon-mag figure img { border-radius: 20px; }
.ttt-monsoon-mag figcaption {
  margin: .65em .25em 0;
  color: var(--muted);
  font-size: .88em;
  line-height: 1.45;
  text-align: center;
}

/* Hero — deliberately contained by the article; no 100vw or negative-margin full bleed. */
.ttt-monsoon-mag .ttt-hero {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  min-height: clamp(500px, 60vw, 680px);
  margin: 0 0 32px;
  border-radius: 0 0 34px 34px;
  overflow: hidden !important;
  isolation: isolate;
  background: #173c57;
  box-shadow: var(--shadow);
}
.ttt-monsoon-mag .ttt-hero-media,
.ttt-monsoon-mag .ttt-hero-media img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  object-fit: cover;
  object-position: center;
  border-radius: 0 !important;
}

.ttt-monsoon-mag .ttt-hero .ttt-hero-media {
  background:
    radial-gradient(circle at 22% 18%, rgba(23,127,124,.25), transparent 35%),
    linear-gradient(135deg, #153b54, #1b5566);
}
.ttt-monsoon-mag .ttt-hero .ttt-hero-media img {
  left: auto;
  right: 0;
  width: 74% !important;
  max-width: 74% !important;
  object-position: right center;
}

.ttt-monsoon-mag .ttt-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(10,36,55,.97) 0%, rgba(10,36,55,.92) 42%, rgba(10,36,55,.48) 68%, rgba(10,36,55,.26) 100%),
    linear-gradient(0deg, rgba(8,30,43,.75), transparent 55%);
}
.ttt-monsoon-mag .ttt-hero-copy {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: inherit;
  width: min(720px, 72%);
  padding: clamp(42px, 7vw, 86px);
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}
.ttt-monsoon-mag .topic-pill {
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 7px 13px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  background: rgba(23,127,124,.88);
  color: #fff;
  font-size: .76em;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.2;
  text-transform: uppercase;
}
.ttt-monsoon-mag .ttt-hero h1,
.ttt-monsoon-mag .hero-title {
  max-width: 690px;
  margin: 0 0 14px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.35rem, 5.2vw, 4.75rem);
  line-height: .98;
  letter-spacing: -.035em;
  text-shadow: 0 3px 26px rgba(0,0,0,.35);
}
.ttt-monsoon-mag .hero-title { font-weight: 700; }
.ttt-monsoon-mag .hero-subtitle {
  max-width: 670px;
  margin: 0 0 20px;
  color: rgba(255,255,255,.94);
  font-size: clamp(1rem, 1.7vw, 1.2rem);
  line-height: 1.5;
}
.ttt-monsoon-mag .hero-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.ttt-monsoon-mag .hero-chip {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 11px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  background: rgba(10,31,46,.50);
  color: #fff;
  font-size: .79em;
  font-weight: 750;
  line-height: 1.2;
  backdrop-filter: blur(4px);
}

/* Opening spread */
.ttt-monsoon-mag .opening-spread {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(280px, .78fr);
  gap: 26px;
  align-items: stretch;
  margin: 0 0 18px;
}
.ttt-monsoon-mag .opening-copy,
.ttt-monsoon-mag .quick-answer {
  min-width: 0;
  padding: clamp(24px, 4vw, 42px);
  border-radius: 26px;
}
.ttt-monsoon-mag .opening-copy {
  background: var(--paper);
  box-shadow: 0 13px 34px rgba(24,56,69,.07);
}
.ttt-monsoon-mag .opening-kicker {
  margin: 0 0 9px;
  color: var(--coral-dark);
  font-size: .77em;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.ttt-monsoon-mag .opening-copy h2 {
  margin: 0 0 .55em;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.75rem, 3.2vw, 2.65rem);
  line-height: 1.1;
}
.ttt-monsoon-mag .quick-answer {
  position: relative;
  background: linear-gradient(145deg, #e6f7f3, #f2fbf9);
  border: 1px solid #c8e8df;
  box-shadow: 0 13px 34px rgba(24,56,69,.08);
}
.ttt-monsoon-mag .quick-answer::before {
  content: "↗";
  position: absolute;
  top: 22px;
  right: 24px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: var(--teal);
  color: #fff;
  font-weight: 800;
}
.ttt-monsoon-mag .quick-answer .label {
  margin: 0 0 10px;
  color: var(--teal-dark);
  font-size: .78em;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ttt-monsoon-mag .quick-answer h2 {
  max-width: calc(100% - 45px);
  margin: 0 0 .65em;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.48rem;
  line-height: 1.16;
}
.ttt-monsoon-mag .quick-answer p:last-child { margin-bottom: 0; }

.ttt-monsoon-mag .affiliate-disclosure {
  margin: 16px 0 30px;
  padding: 12px 16px;
  border-left: 4px solid var(--gold);
  border-radius: 10px;
  background: #fbfaf5;
  color: #59656c;
  font-size: .87em;
  line-height: 1.55;
}

/* Guide navigation */
.ttt-monsoon-mag .guide-nav {
  margin: 0 0 30px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid #f2dcb7;
  border-radius: 28px;
  background:
    radial-gradient(circle at 94% 12%, rgba(216,109,82,.10) 0 85px, transparent 86px),
    linear-gradient(145deg, #fff3de, #fff9ec);
  box-shadow: 0 13px 34px rgba(89,62,31,.06);
}
.ttt-monsoon-mag .guide-nav-title {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 0 0 20px;
}
.ttt-monsoon-mag .travel-mark {
  display: grid;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  background: var(--coral);
  color: #fff;
  font-size: 1.28rem;
  line-height: 1;
}
.ttt-monsoon-mag .guide-nav h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  line-height: 1.1;
}
.ttt-monsoon-mag .guide-nav-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px 24px;
  counter-reset: guide;
}
.ttt-monsoon-mag .guide-nav a {
  position: relative;
  display: block;
  padding: 9px 10px 9px 32px;
  border-radius: 10px;
  color: var(--ink);
  font-size: .91em;
  line-height: 1.3;
  text-decoration: none;
}
.ttt-monsoon-mag .guide-nav a::before {
  content: "✦";
  position: absolute;
  left: 9px;
  color: var(--coral);
  font-size: .82em;
}
.ttt-monsoon-mag .guide-nav a:hover,
.ttt-monsoon-mag .guide-nav a:focus { background: rgba(255,255,255,.72); color: var(--coral-dark); }

/* Summary cards */
.ttt-monsoon-mag .summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  margin: 0 0 30px;
}
.ttt-monsoon-mag .summary-card {
  min-width: 0;
  padding: 22px 20px 20px;
  border: 1px solid var(--line);
  border-radius: 21px;
  background: var(--paper);
  box-shadow: 0 10px 26px rgba(24,56,69,.07);
}
.ttt-monsoon-mag .summary-icon {
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  place-items: center;
  border-radius: 13px;
  background: var(--teal-pale);
  color: var(--teal-dark);
  font-size: 1.16rem;
}
.ttt-monsoon-mag .summary-card:nth-child(even) .summary-icon { background: var(--coral-pale); color: var(--coral-dark); }
.ttt-monsoon-mag .summary-card h3 {
  margin: 0 0 .45em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.12rem;
  line-height: 1.25;
}
.ttt-monsoon-mag .summary-card p { margin: 0; color: var(--muted); font-size: .91em; line-height: 1.52; }

/* Related guides */
.ttt-monsoon-mag .related-guides {
  margin: 0 0 34px;
  padding: clamp(23px, 4vw, 36px);
  border: 1px solid #cfe3ce;
  border-radius: 26px;
  background: linear-gradient(145deg, #edf7e9, #f7fbf4);
}
.ttt-monsoon-mag .related-guides h2 {
  margin: 0 0 15px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.5rem, 2.8vw, 2rem);
}
.ttt-monsoon-mag .related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 13px;
}
.ttt-monsoon-mag .related-card {
  min-width: 0;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.75);
}
.ttt-monsoon-mag .related-card h3 { margin: 0 0 .4em; font-size: 1rem; line-height: 1.3; }
.ttt-monsoon-mag .related-card p { margin: 0; color: var(--muted); font-size: .86em; line-height: 1.45; }

/* Numbered editorial cards */
.ttt-monsoon-mag .editorial-section {
  position: relative;
  min-width: 0;
  margin: 0 0 25px;
  padding: clamp(25px, 4.2vw, 48px);
  border: 1px solid var(--line);
  border-left: 8px solid var(--teal);
  border-radius: 26px;
  background: var(--paper);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.ttt-monsoon-mag .editorial-section.accent-coral { border-left-color: var(--coral); }
.ttt-monsoon-mag .section-heading {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin: 0 0 24px;
}
.ttt-monsoon-mag .section-number {
  display: grid;
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  place-items: center;
  border-radius: 50%;
  background: var(--teal);
  color: #fff;
  font-size: .82rem;
  font-weight: 850;
  letter-spacing: .05em;
  line-height: 1;
}
.ttt-monsoon-mag .accent-coral .section-number { background: var(--coral); }
.ttt-monsoon-mag .section-heading h2 {
  margin: 2px 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.68rem, 3.4vw, 2.55rem);
  line-height: 1.08;
  letter-spacing: -.018em;
}
.ttt-monsoon-mag .editorial-section h3 {
  margin: 1.55em 0 .55em;
  color: var(--teal-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.18rem, 2vw, 1.48rem);
  line-height: 1.2;
}
.ttt-monsoon-mag .editorial-section.accent-coral h3 { color: var(--coral-dark); }
.ttt-monsoon-mag .editorial-section h3:first-child { margin-top: 0; }
.ttt-monsoon-mag .editorial-section > p:first-of-type { font-size: 1.04em; color: #314d5c; }

/* Callouts, cards and controls */
.ttt-monsoon-mag .callout,
.ttt-monsoon-mag .affiliate-box,
.ttt-monsoon-mag .sources,
.ttt-monsoon-mag .practical-tip,
.ttt-monsoon-mag .warning-box,
.ttt-monsoon-mag .source-note {
  margin: 1.35em 0;
  padding: 20px 22px;
  border-radius: 18px;
  border: 1px solid #cfe8e2;
  background: var(--teal-pale);
}
.ttt-monsoon-mag .callout.coral,
.ttt-monsoon-mag .warning-box { border-color: #f2c9bc; background: var(--coral-pale); }
.ttt-monsoon-mag .affiliate-box { border-color: #ead9af; background: #fff8e8; }
.ttt-monsoon-mag .sources,
.ttt-monsoon-mag .source-note { border-color: #d9e2e4; background: #f6f8f8; }
.ttt-monsoon-mag .callout h3,
.ttt-monsoon-mag .affiliate-box h3,
.ttt-monsoon-mag .sources h3,
.ttt-monsoon-mag .practical-tip h3,
.ttt-monsoon-mag .warning-box h3,
.ttt-monsoon-mag .source-note h3 { margin-top: 0; }
.ttt-monsoon-mag .callout > :last-child,
.ttt-monsoon-mag .affiliate-box > :last-child,
.ttt-monsoon-mag .sources > :last-child,
.ttt-monsoon-mag .practical-tip > :last-child,
.ttt-monsoon-mag .warning-box > :last-child,
.ttt-monsoon-mag .source-note > :last-child { margin-bottom: 0; }
.ttt-monsoon-mag .buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 13px; }
.ttt-monsoon-mag .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 43px;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--teal);
  color: #fff !important;
  font-size: .87em;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
}
.ttt-monsoon-mag .button.alt { background: var(--coral); }
.ttt-monsoon-mag .button.gold { background: #8f6d26; }
.ttt-monsoon-mag .button:hover,
.ttt-monsoon-mag .button:focus { filter: brightness(.92); color: #fff !important; }

.ttt-monsoon-mag .quick-grid,
.ttt-monsoon-mag .check-grid,
.ttt-monsoon-mag .related,
.ttt-monsoon-mag .pros-cons,
.ttt-monsoon-mag .two-col {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin: 1.1em 0;
}
.ttt-monsoon-mag .quick-card,
.ttt-monsoon-mag .check-item,
.ttt-monsoon-mag .pros-cons > div,
.ttt-monsoon-mag .two-col > div {
  min-width: 0;
  padding: 16px 17px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #f9fbfb;
}
.ttt-monsoon-mag .quick-card h3 { margin-top: 0; }
.ttt-monsoon-mag .check-item { font-size: .92em; line-height: 1.45; }

/* Tables: only the table container may scroll on small screens. */
.ttt-monsoon-mag .table-wrap,
.ttt-monsoon-mag .table-scroll {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 1.35em 0;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #cddfe0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(24,56,69,.06);
}
.ttt-monsoon-mag table {
  width: 100%;
  min-width: 680px;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  margin: 0;
  font-size: .91em;
  line-height: 1.45;
}
.ttt-monsoon-mag .mini-table table { min-width: 760px; }
.ttt-monsoon-mag th,
.ttt-monsoon-mag td {
  padding: 14px 16px;
  border: 0;
  border-right: 1px solid #e2e9e9;
  border-bottom: 1px solid #e2e9e9;
  vertical-align: top;
  text-align: left;
  white-space: normal;
}
.ttt-monsoon-mag th:last-child,
.ttt-monsoon-mag td:last-child { border-right: 0; }
.ttt-monsoon-mag tbody tr:last-child td { border-bottom: 0; }
.ttt-monsoon-mag thead th {
  background: linear-gradient(135deg, var(--teal-dark), var(--teal));
  color: #fff;
  font-size: .92em;
  font-weight: 800;
}
.ttt-monsoon-mag tbody tr:nth-child(even) td { background: #f7fbfa; }
.ttt-monsoon-mag caption { padding: 12px 15px; color: var(--muted); font-size: .9em; text-align: left; }

/* Details/FAQ */
.ttt-monsoon-mag #faq h3 { padding-top: .35em; border-top: 1px solid #e5ecec; }
.ttt-monsoon-mag #faq h3:first-of-type { border-top: 0; }

/* Image credit and author */
.ttt-monsoon-mag .image-credit-public {
  margin: 28px 5px 20px;
  color: var(--muted);
  font-size: .88em;
  line-height: 1.5;
}
.ttt-monsoon-mag .author-box {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 20px;
  align-items: center;
  margin: 0;
  padding: clamp(23px, 4vw, 35px);
  border-radius: 25px;
  background: linear-gradient(140deg, #153b54, #17666a);
  color: #fff;
  box-shadow: var(--shadow);
}
.ttt-monsoon-mag .author-mark {
  display: grid;
  width: 74px;
  height: 74px;
  place-items: center;
  border: 2px solid rgba(255,255,255,.35);
  border-radius: 50%;
  background: rgba(255,255,255,.10);
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.45rem;
  font-weight: 800;
}
.ttt-monsoon-mag .author-box h2 {
  margin: 0 0 .35em;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.6rem;
}
.ttt-monsoon-mag .author-box p { margin: 0; color: rgba(255,255,255,.91); font-size: .94em; }

/* Citation links */
.ttt-monsoon-mag .citation { font-size: .74em; white-space: nowrap; }
.ttt-monsoon-mag .citation a { text-decoration: none; }

/* Tablet */
@media (max-width: 920px) {
  .ttt-monsoon-mag { padding-inline: 14px !important; }
  .ttt-monsoon-mag .ttt-hero-copy { width: 82%; }
  .ttt-monsoon-mag .opening-spread { grid-template-columns: 1fr; }
  .ttt-monsoon-mag .guide-nav-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ttt-monsoon-mag .summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ttt-monsoon-mag .related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Mobile */
@media (max-width: 600px) {
  .ttt-monsoon-mag {
    padding: 0 10px 35px !important;
    font-size: 16px;
    line-height: 1.67;
  }
  .ttt-monsoon-mag .ttt-hero {
    min-height: 590px;
    border-radius: 0 0 24px 24px;
  }
  .ttt-monsoon-mag .ttt-hero-media img { left: auto; right: 0; width: 100% !important; max-width: 100% !important; object-position: 78% center; opacity: .88; }
  
.ttt-monsoon-mag .ttt-hero .ttt-hero-media {
  background:
    radial-gradient(circle at 22% 18%, rgba(23,127,124,.25), transparent 35%),
    linear-gradient(135deg, #153b54, #1b5566);
}
.ttt-monsoon-mag .ttt-hero .ttt-hero-media img {
  left: auto;
  right: 0;
  width: 74% !important;
  max-width: 74% !important;
  object-position: right center;
}

.ttt-monsoon-mag .ttt-hero::after {
    background: linear-gradient(0deg, rgba(8,29,44,.98) 0%, rgba(8,29,44,.91) 67%, rgba(8,29,44,.55) 100%);
  }
  .ttt-monsoon-mag .ttt-hero-copy {
    width: 100%;
    padding: 30px 23px 35px;
  }
  .ttt-monsoon-mag .ttt-hero h1,
  .ttt-monsoon-mag .hero-title { font-size: clamp(2.35rem, 12vw, 3.25rem); }
  .ttt-monsoon-mag .hero-chip { font-size: .72em; }
  .ttt-monsoon-mag .opening-copy,
  .ttt-monsoon-mag .quick-answer,
  .ttt-monsoon-mag .guide-nav,
  .ttt-monsoon-mag .related-guides,
  .ttt-monsoon-mag .editorial-section { padding: 22px 19px; border-radius: 20px; }
  .ttt-monsoon-mag .editorial-section { border-left-width: 6px; }
  .ttt-monsoon-mag .guide-nav-grid,
  .ttt-monsoon-mag .summary-grid,
  .ttt-monsoon-mag .related-grid,
  .ttt-monsoon-mag .quick-grid,
  .ttt-monsoon-mag .check-grid,
  .ttt-monsoon-mag .related,
  .ttt-monsoon-mag .pros-cons,
  .ttt-monsoon-mag .two-col { grid-template-columns: 1fr; }
  .ttt-monsoon-mag .section-heading { gap: 11px; }
  .ttt-monsoon-mag .section-number { flex-basis: 39px; width: 39px; height: 39px; }
  .ttt-monsoon-mag .section-heading h2 { font-size: 1.65rem; }
  .ttt-monsoon-mag .buttons { flex-direction: column; align-items: stretch; }
  .ttt-monsoon-mag .button { width: 100%; }
  .ttt-monsoon-mag .table-wrap,
  .ttt-monsoon-mag .table-scroll { border-radius: 14px; }
  .ttt-monsoon-mag table { min-width: 720px; font-size: .88em; }
  .ttt-monsoon-mag th,
  .ttt-monsoon-mag td { padding: 12px 13px; }
  .ttt-monsoon-mag .author-box { grid-template-columns: 1fr; text-align: center; }
  .ttt-monsoon-mag .author-mark { margin: 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
  .ttt-monsoon-mag * { scroll-behavior: auto !important; transition: none !important; }
}