/* KSSR blog presentation baseline — 2026-08-06 */
.single-post .wp-block-post-content > figure,
.single-post .wp-block-post-content > div > figure {
  width: min(100%, 960px);
  max-width: 960px;
  margin: 2rem auto 0.5rem;
  overflow: hidden;
}

.single-post .wp-block-post-content > figure > img,
.single-post .wp-block-post-content > div > figure > img {
  display: block;
  width: 100% !important;
  max-width: 960px !important;
  height: auto !important;
  max-height: 640px !important;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.single-post .wp-block-post-content > figure + p,
.single-post .wp-block-post-content > div > figure + p {
  max-width: 960px;
  margin: 0.65rem auto 1.75rem;
  color: #56616f;
  font-size: clamp(0.78rem, 0.9vw, 0.9rem);
  font-style: italic;
  line-height: 1.45;
  text-align: center;
}

.home .wp-block-post-template > li {
  display: flex;
}

.home .blog-box {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.home .blog-image {
  aspect-ratio: 16 / 9;
  min-height: 0;
  overflow: hidden;
}

.home .blog-image .wp-block-post-featured-image,
.home .blog-image a,
.home .blog-image img {
  display: block;
  width: 100%;
  height: 100%;
}

.home .blog-image img {
  object-fit: cover;
}

.home .blog-content {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.home .blog-content .wp-block-read-more {
  margin-top: auto;
}
/* KSSR blog presentation baseline — 2026-08-06 */
.single-post .wp-block-post-content > figure,
.single-post .wp-block-post-content > div > figure {
  width: min(100%, 960px);
  max-width: 960px;
  margin: 2rem auto 0.5rem;
  overflow: hidden;
}

.single-post .wp-block-post-content > figure > img,
.single-post .wp-block-post-content > div > figure > img {
  display: block;
  width: 100% !important;
  max-width: 960px !important;
  height: auto !important;
  max-height: 640px !important;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.single-post .wp-block-post-content > figure + p,
.single-post .wp-block-post-content > div > figure + p {
  max-width: 960px;
  margin: 0.65rem auto 1.75rem;
  color: #56616f;
  font-size: clamp(0.78rem, 0.9vw, 0.9rem);
  font-style: italic;
  line-height: 1.45;
  text-align: center;
}

.home .wp-block-post-template > li {
  display: flex;
}

.home .blog-box {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.home .blog-image {
  aspect-ratio: 16 / 9;
  min-height: 0;
  overflow: hidden;
}

.home .blog-image .wp-block-post-featured-image,
.home .blog-image a,
.home .blog-image img {
  display: block;
  width: 100%;
  height: 100%;
}

.home .blog-image img {
  object-fit: cover;
}

.home .blog-content {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.home .blog-content .wp-block-read-more {
  margin-top: auto;
}

/* Student-facing comparison tables */
.single-post .wp-block-post-content table {
  width: 100%;
  margin: 1.5rem 0 2rem;
  border: 1px solid #cfd6e2;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(39, 48, 67, 0.08);
}

.single-post .wp-block-post-content table th,
.single-post .wp-block-post-content table td {
  padding: 1rem 1.1rem;
  border-right: 1px solid #d9dfe8;
  border-bottom: 1px solid #d9dfe8;
  vertical-align: top;
  line-height: 1.5;
}

.single-post .wp-block-post-content table tr > :last-child {
  border-right: 0;
}

.single-post .wp-block-post-content table tr:last-child > * {
  border-bottom: 0;
}

.single-post .wp-block-post-content table tr:first-child > * {
  background: linear-gradient(115deg, #f6e5f2 0%, #e8f3ff 52%, #eef9f1 100%);
  color: #272a35;
  font-weight: 700;
}

.single-post .wp-block-post-content table tr:not(:first-child) > :first-child {
  width: 42%;
  background: #faf6fb;
  color: #302a35;
  font-weight: 650;
}

.single-post .wp-block-post-content table p {
  margin: 0;
}

@media (max-width: 640px) {
  .single-post .wp-block-post-content table th,
  .single-post .wp-block-post-content table td {
    padding: 0.8rem;
    font-size: 0.9rem;
  }
}
/* KSSR blog presentation baseline — 2026-08-06 */
.single-post .wp-block-post-content > figure,
.single-post .wp-block-post-content > div > figure {
  width: min(100%, 960px);
  max-width: 960px;
  margin: 2rem auto 0.5rem;
  overflow: hidden;
}

.single-post .wp-block-post-content > figure > img,
.single-post .wp-block-post-content > div > figure > img {
  display: block;
  width: 100% !important;
  max-width: 960px !important;
  height: auto !important;
  max-height: 640px !important;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.single-post .wp-block-post-content > figure + p,
.single-post .wp-block-post-content > div > figure + p {
  max-width: 960px;
  margin: 0.65rem auto 1.75rem;
  color: #56616f;
  font-size: clamp(0.78rem, 0.9vw, 0.9rem);
  font-style: italic;
  line-height: 1.45;
  text-align: center;
}

.home .wp-block-post-template > li {
  display: flex;
}

.home .blog-box {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.home .blog-image {
  aspect-ratio: 16 / 9;
  min-height: 0;
  overflow: hidden;
}

.home .blog-image .wp-block-post-featured-image,
.home .blog-image a,
.home .blog-image img {
  display: block;
  width: 100%;
  height: 100%;
}

.home .blog-image img {
  object-fit: cover;
}

.home .blog-content {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.home .blog-content .wp-block-read-more {
  margin-top: auto;
}

/* Student-facing comparison tables */
.single-post .wp-block-post-content table:not([role="presentation"]) {
  width: 100%;
  margin: 1.5rem 0 2rem;
  border: 1px solid #cfd6e2;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(39, 48, 67, 0.08);
}

.single-post .wp-block-post-content table:not([role="presentation"]) th,
.single-post .wp-block-post-content table:not([role="presentation"]) td {
  padding: 1rem 1.1rem;
  border-right: 1px solid #d9dfe8;
  border-bottom: 1px solid #d9dfe8;
  vertical-align: top;
  line-height: 1.5;
}

.single-post .wp-block-post-content table:not([role="presentation"]) tr > :last-child {
  border-right: 0;
}

.single-post .wp-block-post-content table:not([role="presentation"]) tr:last-child > * {
  border-bottom: 0;
}

.single-post .wp-block-post-content table:not([role="presentation"]) tr:first-child > * {
  background: linear-gradient(115deg, #f6e5f2 0%, #e8f3ff 52%, #eef9f1 100%);
  color: #272a35;
  font-weight: 700;
}

.single-post .wp-block-post-content table:not([role="presentation"]) tr:not(:first-child) > :first-child {
  width: 42%;
  background: #faf6fb;
  color: #302a35;
  font-weight: 650;
}

.single-post .wp-block-post-content table:not([role="presentation"]) p {
  margin: 0;
}

@media (max-width: 640px) {
  .single-post .wp-block-post-content table:not([role="presentation"]) th,
  .single-post .wp-block-post-content table:not([role="presentation"]) td {
    padding: 0.8rem;
    font-size: 0.9rem;
  }
}
/* KSSR blog presentation baseline — 2026-08-06 */
.single-post .wp-block-post-content > figure,
.single-post .wp-block-post-content > div > figure {
  width: min(100%, 960px);
  max-width: 960px;
  margin: 2rem auto 0.5rem;
  overflow: hidden;
}

.single-post .wp-block-post-content > figure > img,
.single-post .wp-block-post-content > div > figure > img {
  display: block;
  width: 100% !important;
  max-width: 960px !important;
  height: auto !important;
  max-height: 640px !important;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.single-post .wp-block-post-content > figure + p,
.single-post .wp-block-post-content > div > figure + p {
  max-width: 960px;
  margin: 0.65rem auto 1.75rem;
  color: #56616f;
  font-size: clamp(0.78rem, 0.9vw, 0.9rem);
  font-style: italic;
  line-height: 1.45;
  text-align: center;
}

.home .wp-block-post-template > li {
  display: flex;
}

.home .blog-box {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.home .blog-image {
  aspect-ratio: 16 / 9;
  min-height: 0;
  overflow: hidden;
}

.home .blog-image .wp-block-post-featured-image,
.home .blog-image a,
.home .blog-image img {
  display: block;
  width: 100%;
  height: 100%;
}

.home .blog-image img {
  object-fit: cover;
}

.home .blog-content {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.home .blog-content .wp-block-read-more {
  margin-top: auto;
}

/* Student-facing comparison tables */
.single-post .wp-block-post-content table:not([role="presentation"]) {
  width: 100%;
  margin: 1.5rem 0 2rem;
  border: 1px solid #cfd6e2;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(39, 48, 67, 0.08);
}

.single-post .wp-block-post-content table:not([role="presentation"]) th,
.single-post .wp-block-post-content table:not([role="presentation"]) td {
  padding: 1rem 1.1rem;
  border-right: 1px solid #d9dfe8;
  border-bottom: 1px solid #d9dfe8;
  vertical-align: top;
  line-height: 1.5;
}

.single-post .wp-block-post-content table:not([role="presentation"]) tr > :last-child {
  border-right: 0;
}

.single-post .wp-block-post-content table:not([role="presentation"]) tr:last-child > * {
  border-bottom: 0;
}

.single-post .wp-block-post-content table:not([role="presentation"]) tr:first-child > * {
  background: linear-gradient(115deg, #f6e5f2 0%, #e8f3ff 52%, #eef9f1 100%);
  color: #272a35;
  font-weight: 700;
}

.single-post .wp-block-post-content table:not([role="presentation"]) tr:not(:first-child) > :first-child {
  width: 42%;
  background: #faf6fb;
  color: #302a35;
  font-weight: 650;
}

.single-post .wp-block-post-content table:not([role="presentation"]) p {
  margin: 0;
}

@media (max-width: 640px) {
  .single-post .wp-block-post-content table:not([role="presentation"]) th,
  .single-post .wp-block-post-content table:not([role="presentation"]) td {
    padding: 0.8rem;
    font-size: 0.9rem;
  }
}

/* Author biography: italic, never bold */
.single-post .wp-block-post-content aside table[role="presentation"] td,
.single-post .wp-block-post-content aside table[role="presentation"] p {
  font-weight: 400 !important;
}

/* Diagnostic CTAs: contrast-safe foreground/background pairs in every state */
.single-post .wp-block-post-content a.kssr-diagnostic-cta[href*="/ielts/"],
.single-post .wp-block-post-content a.kssr-diagnostic-cta[href*="/ielts/"]:link,
.single-post .wp-block-post-content a.kssr-diagnostic-cta[href*="/ielts/"]:visited {
  background: linear-gradient(135deg, #681a5e 0%, #7d246f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta[href*="/toefl/"],
.single-post .wp-block-post-content a.kssr-diagnostic-cta[href*="/toefl/"]:link,
.single-post .wp-block-post-content a.kssr-diagnostic-cta[href*="/toefl/"]:visited {
  background: linear-gradient(135deg, #173f70 0%, #246889 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta:hover,
.single-post .wp-block-post-content a.kssr-diagnostic-cta:focus-visible {
  background: linear-gradient(135deg, #ffe4f4 0%, #dff4ff 100%) !important;
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
  text-shadow: none;
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta:focus-visible {
  outline: 4px solid #172033;
  outline-offset: 4px;
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta:active {
  background: linear-gradient(135deg, #35132f 0%, #173c62 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

/* Keep diagnostic CTA labels readable even when browser history marks the link visited */
.single-post .wp-block-post-content a.kssr-diagnostic-cta {
  position: relative;
  font-size: 0 !important;
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta::after {
  display: block;
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta[href*="/ielts/"]::after {
  content: "Take our free IELTS diagnostic practice test";
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta[href*="/toefl/"]::after {
  content: "Take our free TOEFL diagnostic practice test";
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta:hover::after,
.single-post .wp-block-post-content a.kssr-diagnostic-cta:focus-visible::after {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta:active::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Interaction surfaces are paired with their matching label contrast */
.single-post .wp-block-post-content a.kssr-diagnostic-cta[href]:is(:hover, :focus-visible) {
  background: linear-gradient(135deg, #ffe4f4 0%, #dff4ff 100%) !important;
}

.single-post .wp-block-post-content a.kssr-diagnostic-cta[href]:active {
  background: linear-gradient(135deg, #35132f 0%, #173c62 100%) !important;
}