/* A07: grafika kontroly inzerátu ve společné šabloně poradny. */
.page-a07 .vp-art {
    --a07-green: #173f32;
    --a07-soft: #f0f5f1;
    --a07-line: #d8e4dc;
    --a07-pad: clamp(16px, 3vw, 24px);
}

.page-a07 main .vp-art .vp-art-head > .vp-art-summary {
    padding: var(--a07-pad);
    border: 1px solid var(--a07-line);
    border-radius: 14px;
    background: var(--a07-soft);
}

.page-a07 main .vp-art .vp-art-head .vp-art-summary-title {
    color: var(--a07-green);
}

.page-a07 .vp-art .vp-art-aside .vp-toc--aside a.is-active {
    background: #e4eee6;
    color: var(--a07-green);
}

.page-a07 .vp-prose > h2:first-child + .vp-table-wrap {
    margin-top: 14px;
}

.page-a07 .a07-diagnosis {
    table-layout: fixed;
}

.page-a07 .a07-diagnosis th:first-child {
    width: 39%;
}

.page-a07 .a07-diagnosis tbody th {
    color: var(--a07-green);
}

.page-a07 .a07-filter,
.page-a07 .a07-log {
    margin: 1.55em 0;
    padding: var(--a07-pad);
    border: 1px solid var(--a07-line);
    border-radius: 14px;
}

.page-a07 .a07-filter {
    background: var(--a07-soft);
}

.page-a07 .a07-filter figcaption {
    margin: calc(-1 * var(--a07-pad)) calc(-1 * var(--a07-pad)) .9em;
    padding: 15px var(--a07-pad) 17px;
    border-radius: 13px 13px 0 0;
    background: var(--a07-green);
    color: #fff;
}

.page-a07 :is(.a07-filter, .a07-log) h3 {
    margin: 0;
}

.page-a07 .a07-filter figcaption h3 {
    color: inherit;
}

.page-a07 .a07-filter .a07-example-label {
    margin-bottom: .3em;
    color: #e1ece5;
    font-size: .78em;
    line-height: 1.45;
}

.page-a07 .a07-filter-choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: .85em 0 1em;
}

.page-a07 .a07-filter-choices div {
    padding: .65em .8em;
    border: 1px solid var(--a07-line);
    border-radius: 9px;
    background: #fff;
}

.page-a07 .a07-filter-choices div:last-child {
    border-color: #adc7b4;
    background: #e3eee5;
}

.page-a07 :is(.a07-filter, .a07-log) dt {
    color: var(--a07-green);
    font-weight: 650;
}

.page-a07 :is(.a07-filter, .a07-log) dd,
.page-a07 .a07-filter > p:last-child {
    margin: 0;
}

.page-a07 .a07-log {
    background: #fff;
}

.page-a07 .a07-log h3 {
    color: var(--a07-green);
}

.page-a07 .a07-log dl {
    margin: .75em 0 1em;
    border-block: 1px solid var(--a07-line);
}

.page-a07 .a07-log dl > div {
    display: grid;
    grid-template-columns: minmax(0, 7.5em) minmax(0, 1fr);
    gap: .25em 1em;
    padding: .65em 0;
}

.page-a07 .a07-log dl > div + div {
    border-top: 1px solid var(--a07-line);
}

.page-a07 .a07-broker-message {
    padding: .75em .85em;
    border-radius: 9px;
    background: var(--a07-soft);
}

.page-a07 .a07-broker-message p {
    margin-bottom: .35em;
    color: var(--a07-green);
}

.page-a07 .a07-broker-message blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
}

@media (max-width: 767px) {
    .page-a07 .a07-diagnosis th:first-child {
        width: auto;
    }

    .page-a07 .a07-diagnosis tbody td::before {
        display: none;
    }
}

@media (max-width: 479px) {
    .page-a07 .a07-filter-choices,
    .page-a07 .a07-log dl > div {
        grid-template-columns: minmax(0, 1fr);
    }
}