/* =========================
   Single Post Light Theme
   ========================= */

/* Colors & tokens */
:root {
    --ai-1: #479ff7;
    --ai-2: #1a75ef;
    --ink: #334155;
    --muted: #64748b;
    --bg: #f8fbff;
    --card: #f8fafc;
    --edge: #e2e8f0;
    --line: #e9edf6;
}

body {
    font-family: 'Inter', sans-serif;
    background: var(--bg);
    color: var(--ink);
    line-height: 1.7;
    margin: 0;
    padding: 0;
    font-size: 16px !important;
    line-height: 1.8rem;
}

body.single,
body.single-post {
    font-family: 'Inter', sans-serif;
    background: white;
    color: var(--ink);
    line-height: 1.7;
    margin: 0;
    padding: 0;
}

/* =========================
   Hero Section
   ========================= */
.is-hero {
    max-width: 1040px;
    margin: 0 auto;
    padding: 2rem 1rem;
    border-bottom: 1px solid var(--line);
}

.is-breadcrumb {
    font-size: .85rem;
    color: var(--muted);
    margin-bottom: 1rem;
}

.is-badge {
    display: inline-block;
    padding: .25rem .75rem;
    font-size: 14px;
    border-radius: 20px;
    background: linear-gradient(90deg, #3896f6, #99c9f9);
    color: #fff !important;
}

.is-badge a {
    color: #fff !important;
    text-decoration: none;
}

.is-title {
    font-size: 2.4rem;
    font-weight: 800;
    margin: 1rem 0;
}

.is-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .9rem;
    color: var(--muted);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: .75rem 0;
    margin: 1.5rem 0;
}

.is-meta {
    display: flex;
    align-items: center;
    gap: 4px;
}

.is-meta .author {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.is-author-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(2, 6, 23, .15);
    object-fit: cover;
}

.is-share {
    display: flex;
    gap: .5rem;
}

.is-share__btn {
    border: 1px solid var(--edge);
    background: #fff;
    padding: .5rem .75rem;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .85rem;
    color: #454546;
}

.is-share__btn:hover {
    background: #f1f5ff;
}

.is-featured img {
    width: 100%;
    border-radius: 12px;
    margin: 2rem 0;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

/* =========================
   Layout: 3 Columns
   ========================= */
.is-body {
    max-width: 1240px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 280px;
    gap: 2rem;
    padding: 2rem 1rem;
}

@media(max-width: 1080px) {
    .is-body {
        grid-template-columns: 1fr;
    }

    .is-left,
    .is-right {
        position: static;
        order: 2;
    }

    .is-middle {
        order: 1;
    }
}

/* Left sticky bar (TOC) */

.is-left {
    position: sticky;
    top: 6rem;
    align-self: start;
}

.is-toc {
    background: var(--card);
    padding: 1rem;
    border-radius: 12px;
}

.is-toc h3 {
    font-size: 1rem;
    margin-bottom: .5rem;
}

.is-toc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.is-toc li {
    margin: .25rem 0;
}

.is-toc a {
    display: block;
    padding: .25rem .5rem;
    border-radius: 6px;
    color: var(--ink);
    text-decoration: none;
    font-size: .9rem;
}

.is-toc a:hover {
    background: #f5faff;
}

.is-toc a.is-active {
    background: #eaf3fe;
    border-left: 3px solid var(--ai-1);
}

/* Middle: Post content */
.is-middle {
    min-width: 0;
}

.entry-content {
    font-size: 1.05rem;
    color: var(--ink);
}

.entry-content p {
    margin: 1rem 0;
    font-family: 'Inter';
}

.entry-content a {
    color: var(--ai-1);
}

.entry-content a:hover {
    color: var(--ai-2);
}

.entry-content h2 {
    font-size: 1.7rem;
    margin: 2rem 0 1rem;
    font-weight: 700;
    padding: .25rem .5rem;
    border-left: 4px solid var(--ai-1);
    background: linear-gradient(270deg, rgb(248 250 252), rgb(232 243 255))
}

.entry-content h3 {
    font-size: 1.5rem;
    margin: 1.5rem 0 1rem;
    font-weight: 600;
}

.entry-content h4{
    font-size: 1.1em;
    font-weight: 600;
}

.entry-content li {
    margin: .5rem 0;
    font-family: 'Inter', sans-serif;
}

.entry-content blockquote {
    margin: 1.5rem 0;
    padding: 1rem 2rem;
    color: var(--ink);
}

blockquote:before{
    margin-left: -20px;
}

.entry-content img {
    max-width: 100%;
    border-radius: 12px;
    display: block;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .07);
}

.entry-content figcaption {
    text-align: center;
    color: var(--muted);
    margin-top: .8rem;
}

.entry-content .star-rate{
	height: 16px;
	width: auto;
	box-shadow: none !important;
    margin: 0;
}

.entry-content th, .entry-content td{
    height: fit-content;
    font-size: 14px;
    align-content: flex-start;
}

.entry-content .hide-dt{
    display: none;
}

.entry-content .show-dt{
    display: block;
}

/* ================================
   Auto list styling inside .entry-content
   - Top-level UL  => checkmark bullets
   - Top-level OL  => step bubbles
   - Nested lists  => normal markers
   ================================ */

.entry-content {
    --list-accent: var(--ai-1, #4653CF);
    --list-ink: var(--ink, #0F2654);
    --list-muted: #6b7280;
}

/* Base spacing */
.entry-content ul,
.entry-content ol {
    margin: 1rem 0 2rem;
    color: var(--list-ink);
}

.entry-content li {
    line-height: 1.6;
    margin: .35rem 0;
}

.entry-content li>ul,
.entry-content li>ol {
    margin-top: .35rem;
    /* breathe between nested lists */
}

/* ----------------- Top-level UL as check-list ----------------- */
/* only UL that are direct children of .entry-content */
.entry-content>ul {
    list-style: none;
    padding-left: 1.5rem;
}

.entry-content>ul>li {
    position: relative;
    padding-left: 1.75rem;
    margin: .45rem 0;
}

.entry-content>ul>li::before {
    content: "";
    position: absolute;
    top: .35em;
    width: 1.1rem;
    height: 1.1rem;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23479ff7'/%3E%3Cpath d='M4.5 8.2 7 10.7 11.8 5.9' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.entry-content iframe{
	width: 100%;
	margin: 20px 0;
}

.entry-content dd{
    text-align: center;
    color: var(--muted);
    margin-top: .8rem;
    margin-bottom: 21px;
    font-family: 'Inter';
    font-style: italic;
}

/* Nested UL keep normal bullets & subtle color */
.entry-content ul ul {
	list-style: unset;
    margin-left: 1rem;
	padding-left: 1rem;
}

.entry-content ul ul li::marker {
    color: var(--list-muted);
}

/* Top-level OL bubbles that respect start/reversed/value */
.entry-content > ol {
    list-style: none;          /* hide default marker */
    padding-left: 0;
    counter-reset: none;       /* guard against global resets */
}

.entry-content > ol > li {
    position: relative;
    padding-left: 2.25rem;
    margin: .6rem 0;
}

.entry-content > ol > li::before {
    content: counter(list-item);  /* uses native list counter */
    position: absolute;
    left: 0;
    top: .05rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    background: var(--list-accent);
    color: #fff;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    display: grid;
    place-items: center;
}
/* Optional: tidy long items */
.entry-content li+li {
    margin-top: .25rem;
}

/* Verdict prompt box */
.entry-content .verdict-style {
    --v-accent: var(--ai-1, #4653CF);
    /* your purple */
    --v-edge: var(--edge, #E5E7EB);
    --v-card: var(--card, #fff);
    --v-ink: var(--ink, #0F2654);

    display: block;
    margin: 1rem 0;
    padding: .875rem 1rem;
    color: var(--v-ink);
    background: var(--v-card);
    border: 1px solid var(--v-edge);
    border-left: 4px solid var(--v-accent);
    border-radius: 12px;
    line-height: 1.65;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
    font-size: .95rem;
}

/* optional: make bracketed parts pop slightly without extra markup */
.entry-content .verdict-style {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    letter-spacing: .01em;
}

.entry-content .verdict-style .hint {
    color: #6b7280;
}

/* if you ever wrap notes */

@supports (color: color-mix(in oklab, red, blue)) {
    .entry-content .verdict-style {
        background: color-mix(in oklab, var(--v-accent) 6%, white 94%);
        border-color: color-mix(in oklab, var(--v-accent) 22%, var(--v-edge) 78%);
    }
}

/* Step background box (inside entry content) */
.entry-content .step-background {
    --step-accent: var(--ai-1, #4653CF);
    /* purple */
    --step-ink: var(--ink, #0F2654);
    --step-bg: #f6f7fb;
    /* light grey */
    --step-edge: #e9edf3;

    display: block;
    margin: 1rem 0;
    padding: .9rem 1rem;
    color: var(--step-ink);
    background: var(--step-bg);
    border: 1px solid var(--step-edge);
    border-radius: 12px;
    line-height: 1.65;
    font-size: .95rem;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
}

/* ================================
   .table-scroll — responsive + styled
   Keeps your exact markup
   ================================ */

.entry-content table.table-scroll {
    --tbl-edge: var(--edge, #e5e7eb);
    --tbl-card: var(--card, #fff);
    --tbl-ink: var(--ink, #0F2654);
    --tbl-head: #f6f7fb;
    /* header (first row) bg */
    --tbl-row: #f8fbff;
    /* zebra bg */

    /* Desktop defaults: act like a normal table */
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tbl-ink);
    font-size: .95rem;

    /* Frame */
    background: var(--tbl-card);
    border: 1px solid var(--tbl-edge);
    border-radius: 12px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
    box-sizing: border-box;
    /* include border in width */
}

/* Cells */
.entry-content table.table-scroll td,
.entry-content table.table-scroll th {
    padding: .85rem 1rem;
    vertical-align: top;
    border-bottom: 1px solid var(--tbl-edge);
}

.entry-content table.table-scroll td+td,
.entry-content table.table-scroll th+th {
    border-left: 1px solid var(--tbl-edge);
}

/* Use FIRST ROW as header (since there’s no <thead>) */
.entry-content table.table-scroll>tbody>tr:first-child>td {
    background: var(--tbl-head);
    font-weight: 700;
}

/* Zebra rows after the header */
.entry-content table.table-scroll>tbody>tr:nth-child(n+2):nth-child(odd) {
    background: var(--tbl-row);
}

/* Lists in cells */
.entry-content table.table-scroll td ul {
    margin: .25rem 0 0;
    padding-left: 1.1rem;
    list-style: disc;
}

.entry-content table.table-scroll td li {
    margin: .2rem 0;
    line-height: 1.55;
}

.entry-content table.table-scroll td li::marker {
    color: var(--ai-1, #4653CF);
    /* purple bullets */
}

/* Prevent long words/URLs from blowing out columns */
.entry-content table.table-scroll td {
    word-break: break-word;
    overflow-wrap: anywhere;
}

.wp-block-group:not(.alignwide):not(.alignfull) * {
    max-width: 100%;
    font-size: 14px;
}

/* Mobile: turn the TABLE into a scroll container */
@media (max-width: 768px) {
    .entry-content table.table-scroll {
        display: block;
        /* become the scroll box */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* optional: subtle edge fade to hint scrolling */
    .entry-content table.table-scroll {
        mask-image: linear-gradient(to right,
                transparent 0, black 16px,
                black calc(100% - 16px), transparent 100%);
    }

    /* compact padding on small screens */
    .entry-content table.table-scroll td {
        padding: .65rem .75rem;
        font-size: .93rem;
    }
}

/* ==============================================
   Gutenberg tables (.wp-block-table)
   ============================================== */

/* 1) Palette just for Gutenberg tables */
.entry-content .wp-block-table {
    --tbl-edge: #c2cffd;
    /* darker blue edge */
    --tbl-card: var(--card, #fff);
    --tbl-ink: var(--ink, #0F2654);
    --tbl-head: #dbe6ff;
    /* darker blue header */
    --tbl-row: #eef3ff;
    /* darker blue zebra */
    --tbl-accent: #1975ef;
    /* list markers */
}

/* 2) Frame & base (support both figure.wp-block-table > table and table.wp-block-table) */
.entry-content .wp-block-table {
    width: 100%;
    max-width: 100%;
    background: var(--tbl-card);
    border: 1px solid var(--tbl-edge);
    border-radius: 12px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
    box-sizing: border-box;
    margin: 1rem 0;
    overflow: visible;
    /* desktop: normal flow */
}

.entry-content .wp-block-table table,
.entry-content table.wp-block-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--tbl-ink);
    font-size: .95rem;
    border-radius: 12px;
    overflow: hidden;
}

/* 3) Cells */
.entry-content .wp-block-table :is(td, th),
.entry-content table.wp-block-table :is(td, th) {
    padding: .85rem 1rem;
    vertical-align: top;
    border-bottom: 1px solid var(--tbl-edge);
}

.entry-content .wp-block-table :is(td, th)+ :is(td, th),
.entry-content table.wp-block-table :is(td, th)+ :is(td, th) {
    border-left: 1px solid var(--tbl-edge);
}

/* 4) Header (thead if present, else first row) */
.entry-content .wp-block-table :is(thead th, tbody > tr:first-child > :is(td, th)),
.entry-content table.wp-block-table :is(thead th, tbody > tr:first-child > :is(td, th)) {
    background: var(--tbl-head);
    font-weight: 700;
}

/* 5) Zebra rows (after header) */
.entry-content .wp-block-table tbody>tr:nth-child(n+2):nth-child(odd),
.entry-content table.wp-block-table tbody>tr:nth-child(n+2):nth-child(odd) {
    background: var(--tbl-row);
}

/* 6) Lists inside cells */
.entry-content .wp-block-table td ul,
.entry-content table.wp-block-table td ul {
    margin: .25rem 0 0;
    padding-left: 1.1rem;
    list-style: disc;
}

.entry-content .wp-block-table td li,
.entry-content table.wp-block-table td li {
    margin: .2rem 0;
    line-height: 1.55;
    font-weight: normal;
}

.entry-content .wp-block-table td li::marker,
.entry-content table.wp-block-table td li::marker {
    color: var(--tbl-accent);
}

/* 7) Long words/URLs */
.entry-content .wp-block-table td,
.entry-content table.wp-block-table td {
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* 8) Mobile: wrapper/table becomes the scroller (works for both markups) */
@media (max-width: 768px) {

    .entry-content .wp-block-table,
    .entry-content table.wp-block-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* subtle edge fade hint */
        mask-image: linear-gradient(to right,
                transparent 0, black 16px,
                black calc(100% - 16px), transparent 100%);
    }

    .entry-content .wp-block-table td,
    .entry-content table.wp-block-table td {
        padding: .65rem .75rem;
        font-size: .93rem;
    }
}

/* If the block uses Gutenberg's stripes style, keep our bluer tone */
.entry-content .wp-block-table.is-style-stripes table tbody tr:nth-child(odd) {
    background: var(--tbl-row) !important;
}

/* Ensure your TOC (outside .entry-content) stays untouched */
.is-toc ul {
    list-style: none;
    padding-left: 0;
}

/* Right sticky bar */
.is-right {
    position: sticky;
    top: 6rem;
    align-self: start;
}

.is-card {
    background: var(--card);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.is-card__title {
    font-size: 1.1rem;
    margin-bottom: .5rem;
    font-weight: 600;
    text-align: left;
}

.is-tags ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
    padding: 0;
}

.is-tags li a {
    display: inline-block;
    padding: .3rem .7rem;
    border: 1px solid var(--edge);
    border-radius: 999px;
    background: #f8fafc;
    font-size: .85rem;
    color: var(--ink);
    text-decoration: none;
}

.is-tags li a:hover {
    background: #eef2f7;
}

/* CTA download */
.is-cta {
    text-align: center;
}

.is-cta p {
    font-size: .9rem;
    margin: .5rem 0 1rem;
    text-align: left;
}

.is-cta__btn {
    padding: .6rem 1.2rem;
    border-radius: 8px;
    background: linear-gradient(90deg, var(--ai-1), var(--ai-2));
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    width: fit-content;
}

.is-cta__btn:hover {
    opacity: .9;
}

/* Helpful */
.is-helpful__btn {
    background: #fff;
    border: 1px solid var(--edge);
    padding: .5rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    margin: .25rem;
    color: #303030;
}

.is-helpful__btn:hover {
    background: #f5f7ff;
}

/* Message hidden by default; shown only when .is-show-msg present */
.is-helpful__msg {
    display: none;
    font-size: .9rem;
    margin-top: .5rem;
    color: #1f79f0;
}

.is-helpful.is-show-msg .is-helpful__msg {
    display: inline;
}

/* Optional: dim and lock buttons after voting */
.is-helpful.is-voted .is-helpful__btns {
    opacity: .5;
    pointer-events: none;
}

/* Nav */
.is-mini-nav__row {
    display: flex;
    justify-content: space-between;
    font-size: .9rem;
}

.is-mini-nav__row a:hover {
    color: var(--ai-1);
}

/* =========================
   Subscribe section
   ========================= */

.is-subscribe {
    --sub-ink: var(--ink, #0F2654);
    --sub-muted: var(--muted, #6b7280);
    --sub-edge: var(--edge, #e5e7eb);
    --sub-card: var(--card, #fff);
    --sub-a1: var(--ai-1, #4653CF);
    /* purple */
    --sub-a2: var(--ai-2, #6AA7FF);
    /* secondary accent */

    max-width: 1040px;
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 3rem) 1rem;
    border-top: 1px solid var(--sub-edge);
    text-align: center;
    color: var(--sub-ink);
    position: relative;
}

.is-subscribe h3 {
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    margin: 0 0 .9rem;
    font-weight: 800;
    letter-spacing: .01em;
    position: relative;
    display: inline-block;
}

.is-subscribe h3::after {
    content: "";
    display: block;
    height: 4px;
    border-radius: 999px;
    margin: .5rem auto 0;
    width: 64px;
    background: linear-gradient(90deg, var(--sub-a1), var(--sub-a2));
    opacity: .75;
}

/* Card */
.is-sub-form {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    max-width: 560px;
    margin: 1rem auto 0;
    background: var(--sub-card);
    border: 1px solid var(--sub-edge);
    border-radius: 14px;
    padding: 1.25rem;
    box-shadow: 0 10px 24px rgba(2, 6, 23, .06);
    text-align: left;
    transition: box-shadow .2s ease, border-color .2s ease;
}

.is-sub-form:hover {
    box-shadow: 0 14px 28px rgba(2, 6, 23, .08);
}

/* Label */
.is-label {
    font-size: .85rem;
    font-weight: 700;
    color: var(--sub-ink);
}

/* Input row */
.is-input-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .5rem;
    align-items: center;
}

@media (max-width: 560px) {
    .is-input-row {
        grid-template-columns: 1fr;
    }
}

/* Email input */
.is-input-row input[type="email"] {
    flex: 1;
    height: 42px;
    padding: 0 .9rem;
    border: 1px solid #dbe2f1;
    border-radius: 10px;
    font-size: .95rem;
    color: var(--sub-ink);
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
    box-shadow: 0 0 0 0 rgba(70, 83, 207, 0);
}

.is-input-row input[type="email"]::placeholder {
    color: #9aa4b2;
}

.is-input-row:focus-within input[type="email"] {
    border-color: color-mix(in oklab, var(--sub-a1) 50%, #dbe2f1);
    box-shadow: 0 0 0 4px color-mix(in oklab, var(--sub-a1) 20%, transparent);
    outline: none;
}

/* Button */
.is-btn {
    height: 42px;
    padding: 0 1.15rem;
    border: none;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--sub-a1), var(--sub-a2));
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
    cursor: pointer;
    transition: transform .05s ease, opacity .2s ease, box-shadow .2s ease;
    box-shadow: 0 6px 16px color-mix(in oklab, var(--sub-a1) 26%, transparent);
}

.is-btn:hover {
    opacity: .95;
}

.is-btn:active {
    transform: translateY(1px);
}

.is-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px color-mix(in oklab, var(--sub-a1) 28%, transparent);
}

.is-btn:disabled {
    opacity: .6;
    cursor: not-allowed;
    box-shadow: none;
}

/* Policy text */
.is-policy {
    font-size: .82rem;
    color: var(--sub-muted);
    margin: .1rem 0 0;
}

.is-policy a {
    color: var(--sub-a1);
    text-decoration: underline;
}

/* Message area (info / success / error) */
.is-sub-msg {
    font-size: .9rem;
    margin-top: .25rem;
    min-height: 1.25em;
    /* reserve space to prevent layout shift */
    color: #1f79f0;
    /* info default */
}

.is-sub-msg.is-ok {
    color: #047857;
}

/* success */
.is-sub-msg.is-err {
    color: #b91c1c;
}

/* error */

/* Loading state for the whole form (toggle this class in JS if desired) */
.is-sub-form.is-loading {
    pointer-events: none;
    opacity: .85;
}

.is-sub-form.is-loading .is-btn {
    position: relative;
}

.is-sub-form.is-loading .is-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(12px 12px at center, #fff 40%, transparent 41%),
        conic-gradient(from 0turn, #fff0, #fff 30%, #fff0 60%);
    mask: radial-gradient(12px 12px at center, transparent 55%, black 56%);
    animation: subspin 1s linear infinite;
    opacity: .6;
}

@keyframes subspin {
    to {
        transform: rotate(1turn);
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

    .is-btn,
    .is-sub-form {
        transition: none;
    }

    .is-sub-form.is-loading .is-btn::after {
        animation: none;
    }
}

/* Post details */

.wp-block-table td,
.wp-block-table th {
    border: none;
}

tr:nth-child(odd) td {
    background: transparent !important;
    font-size: 14px;
}

.entry-content table {
    font-size: 16px;
    margin: 40px 0;
}

/* =========================
   Responsive tweaks
   ========================= */
@media(max-width:768px) {
    .is-title {
        font-size: 1.8rem;
    }

    .is-hero {
        padding: 1.5rem 1rem;
    }

    .is-body {
        padding: 1.5rem 1rem;
    }

    .is-sim-grid {
        grid-template-columns: 1fr;
    }

    .is-meta-row {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }

    .is-featured img {
        margin: 0;
    }

    .entry-content .hide-dt{
        display: block;
    }

    .entry-content .show-dt{
        display: none;
    }
}