/* Article and portfolio presentation. Loaded after mp-inner.css. */

/* The post used to inherit a 70ch cap, so the title and picture sat in the body measure. */
#html-body.blog-post-view .mp-blog-post {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow-wrap: break-word;
}

#html-body.blog-post-view .mp-blog-post :is(a, p, li) {
    overflow-wrap: break-word;
}

#html-body.blog-post-view .mp-blog-post > .post-header {
    display: grid;
    grid-template-columns: minmax(0, 36rem) minmax(220px, 32rem);
    justify-content: center;
    align-items: center;
    column-gap: 48px;
    row-gap: 20px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 36px var(--mp-gutter) 32px;
    background: var(--mp-navy);
    color: #fff;
    box-sizing: border-box;
}

#html-body.blog-post-view .mp-blog-post > .post-header:not(:has(.post-featured-image)) {
    grid-template-columns: minmax(0, 40rem);
}

#html-body.blog-post-view .mp-blog-post > .post-header :is(h1, .post-data-wrap, .post-data-wrap a) {
    color: #fff;
}

#html-body.blog-post-view .mp-blog-post > .post-header h1 {
    margin: 0 0 12px;
    font-size: clamp(32px, 3vw, 44px);
    font-weight: 650;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

#html-body.blog-post-view .mp-blog-post > .post-header .mp-blog-kicker,
#html-body.blog-post-view .mp-blog-post > .post-header .mp-blog-kicker a {
    color: #c8bfff;
}

#html-body.blog-post-view .mp-blog-post .post-data-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

#html-body.blog-post-view .mp-blog-post .post-featured-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px;
    border-radius: 8px;
    background: #18233a;
    box-sizing: border-box;
}

#html-body.blog-post-view .mp-blog-post .post-featured-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 280px;
    object-fit: contain;
    object-position: center;
    background: transparent;
}

#html-body.blog-post-view .mp-blog-post :is(.post-tags, .post-text-hld, .post-bottom) {
    width: min(100% - 32px, 780px);
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

#html-body.blog-post-view .mp-blog-post .post-tags {
    margin-top: 20px;
    color: var(--mp-soft);
    font-size: 14px;
}

#html-body.blog-post-view .mp-blog-post .post-tags a {
    color: var(--mp-accent);
    text-decoration: none;
}

#html-body.blog-post-view .mp-blog-post .post-text-hld {
    margin-top: 28px;
    font-size: 17px;
    line-height: 1.7;
    color: var(--mp-ink);
}

#html-body.blog-post-view .mp-blog-post .post-bottom {
    margin-top: 28px;
    margin-bottom: 8px;
}

#html-body.blog-post-view .mp-blog-post .post-bottom::after {
    content: "";
    display: block;
    clear: both;
}

#html-body.blog-post-view .mp-blog-post .post-nextprev {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

#html-body.blog-post-view .mp-blog-post .post-nextprev :is(.post-prev, .post-next, a) {
    float: none;
    max-width: 100%;
}

/* Stored post CSS still paints teal, red and wide cards. These rules sit above that sheet. */
#html-body.blog-post-view .mp-blog-post .mp-249 {
    color: var(--mp-ink);
    font-size: 17px;
    line-height: 1.7;
}

#html-body.blog-post-view .mp-blog-post .mp-249 :is(h2, h3) {
    color: var(--mp-ink);
    scroll-margin-top: 24px;
}

#html-body.blog-post-view .mp-blog-post .mp-249 h2 {
    margin: 40px 0 12px;
    font-size: clamp(26px, 3vw, 32px);
    font-weight: 650;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

#html-body.blog-post-view .mp-blog-post .mp-249 h3 {
    margin: 28px 0 8px;
    font-size: 22px;
    font-weight: 650;
    line-height: 1.3;
}

#html-body.blog-post-view .mp-blog-post .mp-249 p {
    margin: 0 0 16px;
}

#html-body.blog-post-view .mp-blog-post .mp-249 a {
    color: var(--mp-accent);
}

#html-body.blog-post-view .mp-blog-post .mp-249 :is(.answer, .evidence) {
    margin: 0 0 24px;
    padding: 20px 22px;
    border: 0;
    border-left: 4px solid var(--mp-accent);
    border-radius: 8px;
    background: var(--mp-wash);
    font-size: 17px;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .toc {
    margin: 0 0 28px;
    padding: 16px 18px;
    border: 1px solid var(--mp-line);
    border-radius: 8px;
    background: #fff;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .toc a {
    display: block;
    padding: 6px 0;
    text-decoration: none;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .fact {
    padding: 16px;
    border: 1px solid var(--mp-line);
    border-radius: 8px;
    background: #fff;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .fact b {
    display: block;
    margin-bottom: 4px;
    color: var(--mp-navy);
    font-size: 20px;
}

#html-body.blog-post-view .mp-blog-post .mp-249 :is(.note, .warning) {
    margin: 20px 0;
    padding: 16px 18px;
    border: 1px solid var(--mp-line);
    border-radius: 8px;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .note {
    background: var(--mp-wash);
}

#html-body.blog-post-view .mp-blog-post .mp-249 .warning {
    background: #f8f4ec;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .table-scroll {
    width: 100%;
    max-width: 100%;
    margin: 20px 0 28px;
    overflow-x: auto;
}

#html-body.blog-post-view .mp-blog-post .mp-249 :is(th, td) {
    padding: 12px;
    border: 1px solid var(--mp-line);
    text-align: left;
    vertical-align: top;
}

#html-body.blog-post-view .mp-blog-post .mp-249 th {
    background: var(--mp-navy);
    color: #fff;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .steps {
    display: grid;
    gap: 10px;
    margin: 16px 0 24px;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .step {
    border: 1px solid var(--mp-line);
    border-radius: 8px;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .step::before {
    background: var(--mp-accent);
}

#html-body.blog-post-view .mp-blog-post .mp-249 .illustration {
    margin: 24px 0;
    padding: 16px;
    border-radius: 8px;
    background: var(--mp-navy);
    overflow: hidden;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .illustration svg {
    display: block;
    width: 100%;
    height: auto;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .caption {
    margin: 8px 0 0;
    color: #d5dbe8;
    font-size: 13px;
    text-align: center;
}

#html-body.blog-post-view .mp-blog-post .mp-249 pre {
    margin: 20px 0 24px;
    padding: 16px 18px;
    border-radius: 8px;
    background: var(--mp-navy);
    color: #e8eef8;
    overflow-x: auto;
}

#html-body.blog-post-view .mp-blog-post .mp-249 :is(.proof-grid, .req-grid, .version-grid) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin: 16px 0 24px;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .card {
    padding: 16px 18px;
    border: 1px solid var(--mp-line);
    border-radius: 8px;
    background: #fff;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .status {
    background: var(--mp-wash);
    color: var(--mp-ink);
}

#html-body.blog-post-view .mp-blog-post .mp-249 :is(.midcta, .cta) {
    margin: 28px 0;
    padding: 20px;
    border: 1px solid var(--mp-line);
    border-radius: 8px;
    background: #fff;
    color: var(--mp-ink);
}

#html-body.blog-post-view .mp-blog-post .mp-249 .cta {
    background: var(--mp-navy);
    border-color: var(--mp-navy);
    color: #fff;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .cta :is(h2, p) {
    color: #fff;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .cta h2 {
    margin-top: 0;
}

#html-body.blog-post-view .mp-blog-post .mp-249 .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 8px;
    padding: 10px 16px;
    border-radius: 8px;
    background: var(--mp-accent);
    color: #fff !important;
    font-weight: 650;
    text-decoration: none;
}

#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker {
    width: 100%;
    margin: 8px 0 28px;
}

#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
    row-gap: 8px;
    align-items: end;
    width: 100%;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--mp-line);
    border-radius: 8px;
    background: var(--mp-wash);
    box-sizing: border-box;
}

#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker :is(label, .mp-checker-status, .mp-checker-help) {
    grid-column: 1 / -1;
}

#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker :is(div, p):has(input):has(:is(button, input[type="submit"])) {
    display: flex;
    grid-column: 1 / -1;
    gap: 12px;
    align-items: end;
    min-width: 0;
}

#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker label {
    display: block;
    margin: 0;
    color: var(--mp-ink);
    font-size: 15px;
    font-weight: 650;
}

#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker input:not([type="hidden"]):not([type="submit"]) {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--mp-line);
    border-radius: 8px;
    background: #fff;
    color: var(--mp-ink);
    font: inherit;
    box-sizing: border-box;
}

#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker :is(button, input[type="submit"]) {
    min-height: 44px;
    padding: 10px 16px;
    border: 0;
    border-radius: 8px;
    background: var(--mp-accent);
    color: #fff;
    font: inherit;
    font-weight: 650;
    cursor: pointer;
}

#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker :is(.mp-checker-status, .mp-checker-help) {
    margin: 0;
    color: var(--mp-soft);
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    #html-body.blog-post-view .mp-blog-post > .post-header {
        grid-template-columns: minmax(0, 1fr);
        padding: 28px 16px 24px;
    }

    #html-body.blog-post-view .mp-blog-post .mp-249 .facts {
        grid-template-columns: minmax(0, 1fr);
    }

    #html-body.blog-post-view .mp-blog-post .mp-249 .table-scroll td:first-child {
        background: var(--mp-wash);
        color: var(--mp-ink);
    }

    #html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker {
        grid-template-columns: minmax(0, 1fr);
    }

    #html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker :is(button, input[type="submit"]) {
        width: 100%;
    }

    #html-body.blog-post-view .mp-blog-post #stylesmuggler-checker .mp-checker :is(div, p):has(input):has(:is(button, input[type="submit"])) {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Portfolio. Full-width rows carry margin:0 inline, so the container stays flush left. */
#html-body:is(.category-tulemused, .category-results) {
    background: #fff;
}

#html-body:is(.category-tulemused, .category-results) :is(.mp-work-page, .mp-in-band, .mp-in-close) > .row-full-width-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page {
    padding: 0;
    background: #fff;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-in-hero {
    width: 100%;
    background: var(--mp-navy);
    color: #fff;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-in-hero > [data-element="inner"] {
    width: min(100%, 1440px) !important;
    max-width: 1440px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 48px var(--mp-gutter) 40px !important;
    box-sizing: border-box;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-in-hero :is(h1, p) {
    color: #fff;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-in-hero .mp-eyebrow {
    color: #c8bfff;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-in-hero h1 {
    margin: 8px 0 0 !important;
    font-size: clamp(40px, 4vw, 56px);
    font-weight: 650;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-in-hero > [data-element="inner"] > :last-child p {
    max-width: 36rem;
    color: #fff;
    font-size: 17px;
    line-height: 1.6;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    flex: 0 1 auto !important;
    width: min(1280px, calc(100% - (var(--mp-gutter) * 2))) !important;
    max-width: 1280px !important;
    min-width: 0;
    margin: 40px auto 48px !important;
    box-sizing: border-box;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project--lead {
    grid-column: 1 / -1;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project {
    min-width: 0;
    max-width: 100%;
    background: #fff;
    border: 1px solid var(--mp-line);
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project--lead .pagebuilder-column-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.85fr) !important;
    gap: 0 !important;
    align-items: start !important;
    width: 100% !important;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project--lead .pagebuilder-column {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project .mp-project-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--mp-wash);
    overflow: hidden;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project .mp-project-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 420px;
    object-fit: contain;
    object-position: center top;
    background: var(--mp-wash);
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project--lead .mp-project-copy {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: stretch;
    gap: 10px;
    width: auto !important;
    padding: 24px !important;
    box-sizing: border-box;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project:not(.mp-project--lead) {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start !important;
    gap: 8px;
    padding: 0 0 16px !important;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project:not(.mp-project--lead) > [data-element="inner"] > :is(h3, [data-content-type="text"], [data-content-type="html"]) {
    padding-right: 24px !important;
    padding-left: 24px !important;
    box-sizing: border-box;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project:not(.mp-project--lead) > [data-element="inner"] > h3 {
    margin-top: 8px !important;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project :is(h3, p) {
    margin: 0 !important;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project h3 {
    color: var(--mp-ink);
    font-size: 22px;
    font-weight: 650;
    letter-spacing: -0.03em;
    line-height: 1.25;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project p {
    color: var(--mp-soft);
    font-size: 15px;
    line-height: 1.5;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project .mp-case-label {
    display: block;
    margin: 0 0 2px !important;
    color: var(--mp-ink);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project .mp-project-type {
    color: var(--mp-soft);
    font-size: 13px;
    line-height: 1.4;
}

#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project summary {
    min-height: 44px;
}

#html-body:is(.category-tulemused, .category-results) :is(.mp-in-band, .mp-in-hero.mp-in-close) > [data-element="inner"] {
    width: min(1280px, calc(100% - (var(--mp-gutter) * 2))) !important;
    max-width: 1280px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 40px 0 !important;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-in-hero > [data-element="inner"] {
        display: block !important;
        padding: 32px 16px 28px !important;
    }

    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-in-hero h1 {
        font-size: 40px;
    }

    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        width: min(1280px, calc(100% - 32px)) !important;
        margin: 24px auto 32px !important;
    }

    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project--lead .pagebuilder-column-line {
        display: flex !important;
        flex-direction: column !important;
    }

    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project--lead .pagebuilder-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }

    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project,
    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project:not(.mp-project--lead) > [data-element="inner"] {
        padding: 0 !important;
    }

    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project:not(.mp-project--lead) {
        padding-bottom: 16px !important;
    }

    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project--lead .mp-project-copy,
    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project:not(.mp-project--lead) > [data-element="inner"] > :is(h3, [data-content-type="text"], [data-content-type="html"]) {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    #html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project--lead .mp-project-copy {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    #html-body:is(.category-tulemused, .category-results) :is(.mp-in-band, .mp-in-hero.mp-in-close) > [data-element="inner"] {
        width: min(1280px, calc(100% - 32px)) !important;
        padding: 28px 0 !important;
    }
}

/* Native inline checker: keep the check and existing after-accept enquiry together. */
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker { display: block; padding: 24px; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker [hidden] { display: none !important; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker > :is(p, form, details, div, button) { margin: 0 0 16px; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker > :last-child { margin-bottom: 0; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker form > label { margin-bottom: 8px; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-fields { display: flex; gap: 12px; align-items: stretch; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-fields input { flex: 1; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-fields button { flex-shrink: 0; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-status { padding: 16px; border: 1px solid var(--mp-line); border-radius: 6px; color: var(--mp-ink); background: #fff; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-status[data-state="attention"] { background: #fff7ed; border-color: #fed7aa; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-status[data-state="error"] { background: #fff1f2; border-color: #fecdd3; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker details summary { cursor: pointer; padding-block: 8px; font-weight: 650; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-lead { display: block !important; padding-top: 16px; border-top: 1px solid var(--mp-line); }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-lead[hidden] { display: none !important; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-lead form { display: grid; gap: 8px; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-lead h3 { margin-top: 0; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-lead-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker [data-lead-close] { color: var(--mp-ink); background: #fff; border: 1px solid var(--mp-line); }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker :is(input, button, summary):focus-visible { outline: 2px solid var(--mp-accent); outline-offset: 3px; }
@media (max-width: 767px) {
    #html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker { padding: 16px; }
    #html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker .mp-checker-fields { flex-direction: column; }
}

/* Page Builder text wrappers need a real box for desktop case copy insets. */
#html-body:is(.category-tulemused, .category-results) .mp-work-page .mp-project:not(.mp-project--lead) > [data-element="inner"] > :is([data-content-type="text"], [data-content-type="html"]) {
    display: block !important;
}

/* Legacy post rules must not enlarge individual reading paragraphs. */
#html-body.blog-post-view .mp-blog-post .post-text-hld :is(p, li) { font-size: 17px; line-height: 1.7; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker p { font-size: 16px; line-height: 1.6; }
#html-body.blog-post-view .mp-blog-post #stylesmuggler-checker #mp-checker p.mp-checker-help { font-size: 14px; line-height: 1.5; }