.nwt-article {
        --a-text: rgba(255, 255, 255, .80);
        --a-strong: #fff;
        --a-muted: rgba(255, 255, 255, .55);
        --a-line: rgba(255, 255, 255, .10);
        --a-panel: #0f0f13;
        --a-panel2: #16161c;
        --a-accent: #d50055;
        --a-link: #ff5c95;
        --a-measure: 720px;
        max-width: 1120px;
        margin: 0 auto;
        font-family: "Roboto", system-ui, sans-serif;
    }

    /* header */
    .nwt-article__head { max-width: var(--a-measure); margin: 0 auto 28px; }
    .nwt-article__cat {
        display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
        color: var(--a-link); margin-bottom: 14px;
    }
    .nwt-article__title {
        font-family: "Roboto Condensed", sans-serif; font-weight: 700; color: var(--a-strong);
        font-size: clamp(30px, 4.4vw, 46px); line-height: 1.12; letter-spacing: -.01em; margin: 0 0 16px;
    }
    .nwt-article__dek { font-size: clamp(17px, 2vw, 20px); line-height: 1.55; color: var(--a-muted); margin: 0 0 22px; }
    .nwt-article__meta {
        display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 14px; color: var(--a-muted);
        padding-top: 18px; border-top: 1px solid var(--a-line);
    }
    .nwt-article__avatar {
        width: 34px; height: 34px; border-radius: 50%; background: var(--a-accent); color: #fff; font-weight: 700;
        font-size: 13px; display: inline-flex; align-items: center; justify-content: center;
    }
    .nwt-article__author { color: var(--a-strong); font-weight: 500; }
    .nwt-article__meta .dot { width: 3px; height: 3px; border-radius: 50%; background: var(--a-muted); }

    .nwt-article__hero { max-width: 960px; margin: 0 auto 44px; }
    .nwt-article__hero img {
        width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; display: block; background: var(--a-panel);
    }

    /* layout: text column + table of contents on wide screens */
    /* with a contents list the header/hero/footer line up with the text column, not the page centre */
    @media (min-width: 1200px) {
        .nwt-article.has-toc .nwt-article__head, .nwt-article.has-toc .nwt-article__foot { max-width: 1016px; }
        .nwt-article.has-toc .nwt-article__head > *, .nwt-article.has-toc .nwt-article__foot > * { max-width: var(--a-measure); }
        .nwt-article.has-toc .nwt-article__hero { max-width: 1016px; }
    }
    .nwt-article__dek, .nwt-article__meta { font-family: "Roboto", system-ui, sans-serif; }
    .nwt-article__body { display: grid; grid-template-columns: minmax(0, var(--a-measure)); justify-content: center; gap: 56px; }
    @media (min-width: 1200px) {
        .nwt-article__body.has-toc { grid-template-columns: minmax(0, var(--a-measure)) 240px; }
    }

    /* table of contents */
    .nwt-toc { font-size: 14px; }
    .nwt-toc__title { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--a-muted); margin: 0 0 12px; }
    .nwt-toc ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--a-line); }
    .nwt-toc li { margin: 0; }
    .nwt-toc a {
        display: block; padding: 6px 0 6px 14px; margin-left: -1px; border-left: 2px solid transparent;
        color: var(--a-muted); line-height: 1.4; text-decoration: none; transition: color .15s, border-color .15s;
    }
    .nwt-toc a:hover { color: var(--a-strong); }
    .nwt-toc a.is-active { color: var(--a-strong); border-left-color: var(--a-accent); }
    .nwt-toc--side { position: sticky; top: 100px; align-self: start; max-height: calc(100vh - 130px); overflow: auto; }
    .nwt-toc--inline {
        background: var(--a-panel); border: 1px solid var(--a-line); border-radius: 12px; padding: 4px 18px; margin: 0 0 36px;
    }
    .nwt-toc--inline summary {
        cursor: pointer; list-style: none; padding: 12px 0; font-size: 12px; font-weight: 600; letter-spacing: .12em;
        text-transform: uppercase; color: var(--a-muted); display: flex; justify-content: space-between;
    }
    .nwt-toc--inline summary::-webkit-details-marker { display: none; }
    .nwt-toc--inline summary::after { content: "+"; font-size: 18px; line-height: 1; }
    .nwt-toc--inline[open] summary::after { content: "−"; }
    .nwt-toc--inline ol { margin-bottom: 14px; }
    @media (min-width: 1200px) { .nwt-toc--inline { display: none; } }
    @media (max-width: 1199.98px) { .nwt-toc--side { display: none; } }

    /* prose */
    .nwt-prose { color: var(--a-text); font-size: 18px; line-height: 1.75; overflow-wrap: break-word; }
    .nwt-prose > *:first-child { margin-top: 0; }
    .nwt-prose p { margin: 0 0 1.3em; font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; }
    .nwt-prose strong, .nwt-prose b { color: var(--a-strong); font-weight: 600; }
    .nwt-prose em { color: inherit; }
    .nwt-prose a {
        color: var(--a-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
        text-decoration-color: rgba(255, 92, 149, .45); transition: color .15s, text-decoration-color .15s;
    }
    .nwt-prose a:hover { color: #fff; text-decoration-color: #fff; }

    .nwt-prose h2, .nwt-prose h3 {
        font-family: "Roboto Condensed", sans-serif; color: var(--a-strong); letter-spacing: -.005em; scroll-margin-top: 100px;
    }
    .nwt-prose h2 { font-size: clamp(25px, 3vw, 31px); line-height: 1.22; font-weight: 700; margin: 2.3em 0 .75em; }
    .nwt-prose h2::before {
        content: ""; display: block; width: 36px; height: 3px; border-radius: 2px; background: var(--a-accent); margin-bottom: 16px;
    }
    .nwt-prose h3 { font-size: clamp(19px, 2.2vw, 22px); line-height: 1.3; font-weight: 600; margin: 1.9em 0 .55em; }
    .nwt-prose h2 + h3 { margin-top: .9em; }

    /* "Updated ..." note that opens most posts */
    .nwt-prose > p:first-child:has(> em:only-child) {
        font-size: 14px; line-height: 1.6; color: var(--a-muted); padding: 10px 14px; margin-bottom: 1.8em;
        border-left: 3px solid var(--a-accent); background: var(--a-panel); border-radius: 0 8px 8px 0;
    }
    .nwt-prose > p:first-child:has(> em:only-child) em { font-style: normal; }
    /* lead paragraph */
    .nwt-prose > p:first-child:not(:has(> em:only-child)),
    .nwt-prose > p:first-child:has(> em:only-child) + p { font-size: 1.12em; line-height: 1.7; color: rgba(255, 255, 255, .9); }

    .nwt-prose ul, .nwt-prose ol { margin: 0 0 1.4em; padding-left: 1.35em; }
    .nwt-prose ul { list-style: disc; }
    .nwt-prose ol { list-style: decimal; }
    .nwt-prose li { margin: .5em 0; padding-left: .25em; color: inherit; font-size: inherit; line-height: 1.65; }
    .nwt-prose li::marker { color: var(--a-accent); font-weight: 700; }
    .nwt-prose li > p { margin: 0; }

    .nwt-prose blockquote {
        margin: 1.8em 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--a-accent);
        font-size: 1.1em; color: var(--a-strong); font-style: italic;
    }
    .nwt-prose img { max-width: 100%; height: auto; border-radius: 12px; }
    .nwt-prose hr { border: 0; border-top: 1px solid var(--a-line); margin: 2.5em 0; }

    /* tables */
    .nwt-table {
        margin: 1.8em 0 2em; border: 1px solid var(--a-line); border-radius: 12px; overflow-x: auto;
        -webkit-overflow-scrolling: touch; background: var(--a-panel);
    }
    .nwt-table table { width: 100%; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; margin: 0; }
    .nwt-table th, .nwt-table td { font-family: "Roboto", system-ui, sans-serif; padding: 12px 16px; text-align: left; vertical-align: top; }
    .nwt-table th {
        background: var(--a-panel2); color: var(--a-muted); font-size: 12px; font-weight: 600; letter-spacing: .08em;
        text-transform: uppercase; white-space: nowrap; border-bottom: 1px solid var(--a-line);
    }
    .nwt-table td { color: rgba(255, 255, 255, .86); border-top: 1px solid var(--a-line); font-variant-numeric: tabular-nums; }
    .nwt-table tbody tr:first-child td { border-top: 0; }
    .nwt-table tbody tr:hover td { background: rgba(255, 255, 255, .025); }
    .nwt-table td:first-child { color: var(--a-strong); font-weight: 500; }
    @media (max-width: 575.98px) { .nwt-table th, .nwt-table td { padding: 10px 12px; } .nwt-table td { white-space: nowrap; } }

    /* FAQ */
    .nwt-faq { display: grid; gap: 12px; margin: 0 0 2em; }
    .nwt-faq__item { background: var(--a-panel); border: 1px solid var(--a-line); border-radius: 12px; padding: 18px 22px; }
    .nwt-prose .nwt-faq__item h3 { font-size: 18px; margin: 0 0 8px; font-family: "Roboto", system-ui, sans-serif; font-weight: 600; line-height: 1.4; }
    .nwt-faq__item p { font-size: 16.5px; line-height: 1.65; }
    .nwt-faq__item > :last-child { margin-bottom: 0; }

    /* closing call to action: a paragraph holding a single link */
    .nwt-prose > p:last-child:has(> a:only-child) { margin-top: 2.4em; }
    .nwt-prose > p:last-child > a:only-child {
        display: inline-flex; align-items: center; gap: 8px; background: var(--a-accent); color: #fff; text-decoration: none;
        padding: 13px 24px; border-radius: 999px; font-size: 16px; font-weight: 600; line-height: 1.3;
        box-shadow: 0 8px 24px rgba(213, 0, 85, .25); transition: transform .15s, box-shadow .15s;
    }
    .nwt-prose > p:last-child > a:only-child strong { color: inherit; }
    .nwt-prose > p:last-child > a:only-child:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 10px 28px rgba(213, 0, 85, .4); }

    /* share row under the article */
    .nwt-article__foot { max-width: var(--a-measure); margin: 48px auto 64px; padding-top: 24px; border-top: 1px solid var(--a-line); }
    .blogSingle__wrapper .nwt-article__foot .shareOption { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
    .blogSingle__wrapper .nwt-article__foot .shareOption .shareTitle {
        padding: 0; margin: 0; border: 0; font-family: "Roboto", system-ui, sans-serif; font-size: 13px; font-weight: 600;
        letter-spacing: .12em; text-transform: uppercase; color: var(--a-muted);
    }
    .blogSingle__wrapper .nwt-article__foot .shareOption .social__icon { margin: 0; padding: 0; }
    .blogSingle__wrapper .nwt-article__foot .shareOption .social__icon li a img { width: 36px; transition: transform .15s; }
    .blogSingle__wrapper .nwt-article__foot .shareOption .social__icon li a:hover img { transform: translateY(-2px); }

    /* reading progress */
    .nwt-progress {
        position: fixed; top: 0; left: 0; height: 3px; width: 100%; transform-origin: 0 50%; transform: scaleX(0);
        background: var(--a-accent, #d50055); z-index: 9999; pointer-events: none;
    }

    @media (max-width: 767.98px) {
        .nwt-prose { font-size: 17px; }
        .nwt-article__hero { margin-bottom: 30px; }
        .nwt-article__hero img { border-radius: 10px; }
        .nwt-faq__item { padding: 16px 18px; }
    }
    @media (prefers-reduced-motion: reduce) { .nwt-toc a, .nwt-prose a, .nwt-prose > p:last-child > a:only-child { transition: none; } }

/* "Ask NoWireTV" form (Trinity Forms). The plugin paints fields white but leaves the text colour to the theme,
   which is light here, so typed text and the dropdown options were white on white. Dark fields to match the site. */
.trinity-forms-form {
    --trinity-forms-field-bg: var(--nwt-surface);
    --trinity-forms-border: var(--nwt-line);
    --trinity-forms-accent: var(--nwt-primary);
    color-scheme: dark;
}
.trinity-forms-form input:not([type=hidden]):not([type=submit]),
.trinity-forms-form textarea,
.trinity-forms-form select { color: var(--nwt-text); }
.trinity-forms-form input::placeholder,
.trinity-forms-form textarea::placeholder { color: var(--nwt-muted); }
.trinity-forms-form select option { background: var(--nwt-surface); color: var(--nwt-text); }
.trinity-forms-form .trinity-forms-field small,
.trinity-forms-form .trinity-forms-sublabel { color: var(--nwt-muted); }

/* Change 119: plain pages (page.php), e.g. /request-a-movie */
.nwt-page .nwt-prose { max-width: var(--a-measure, 760px); margin: 0 auto; }
.nwt-page .trinity-forms-form { margin-top: 18px; background: var(--nwt-surface); border: 1px solid var(--nwt-line); border-radius: 14px; padding: 24px; }