/* Page-scoped styles for /blog/leading-terms-in-tree-testing.
   Kicker, byline, tables, rule and CTA follow ontology-tree-testing-editorial.css (same Unicorn blog shell).
   New here: the two inline-SVG research figures with a desktop and a mobile rendition, and the numbered wordings list. */
#ltt-editorial .post-title {
    margin-bottom: 0.65rem;
    text-wrap: balance;
}
#ltt-editorial .ltt-byline {
    color: #51475a;
    font-size: 0.9rem;
}
#ltt-editorial .ltt-kicker {
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-weight: 900;
    letter-spacing: .18em;
    font-size: 13px !important;
    color: #592f91 !important;
    margin-bottom: 14px;
    text-transform: uppercase;
}
#ltt-editorial .ltt-kicker::before {
    content: "";
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #F90473;
    box-shadow: 0 0 0 4px rgba(249,4,115,.18);
}
#ltt-editorial .ltt-kicker::after {
    content: "";
    flex: 0 0 64px;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #4ADDB4, #4D61FC 35%, #943bdc 65%, #F90473);
}
@media (max-width: 560px) {
    #ltt-editorial .post-title {
        font-size: clamp(1.9rem, 8vw, 2.3rem) !important;
        line-height: 1.13;
    }
}
#ltt-editorial .post-body > h2,
#ltt-editorial .read-more .post-item__title {
    text-wrap: balance;
}
#ltt-editorial .post-body > h2[id] {
    scroll-margin-top: 90px;
}
#ltt-product-cta .button {
    color: #e8046b;          /* brand pink darkened to 4.5:1 on the end-card's light grey (Ren, 2026-11-12) */
    border-color: #e8046b;
}
#ltt-product-cta .button:focus-visible {
    outline: 3px solid #592f91;
    outline-offset: 4px;
}
#ltt-editorial .read-more__more-posts .post-item .post-item__img { border-radius: 12px; height: auto; max-height: none; aspect-ratio: 3 / 2; object-fit: cover; }

/* The post body uses white-space: pre-wrap; markup line breaks inside these blocks must not render as blank lines. */
#ltt-editorial .ltt-wordings,
#ltt-editorial .ltt-fig,
#ltt-editorial .ltt-table {
    white-space: normal;
}

/* The three illustrative wordings. */
#ltt-editorial .ltt-wordings {
    margin: 0.7em 0 0.4em;
    padding-left: 1.6rem;
    line-height: 1.6;
}
#ltt-editorial .ltt-wordings li {
    margin-bottom: 0.45rem;
}

/* Research figures: title, inline SVG chart (desktop or mobile rendition), accessible data table, caption. */
#ltt-editorial .ltt-fig {
    width: 100%;
    max-width: 880px;
    margin: 1.5rem auto 2.25rem;
}
#ltt-editorial .ltt-fig__title {
    margin: 0 0 0.6rem;
    line-height: 1.4;
}
#ltt-editorial .ltt-chart-desktop,
#ltt-editorial .ltt-chart-mobile {
    border: 1px solid #e5d8f0;
    border-radius: 14px;
    padding: 10px 12px 6px;
    background: #fff;
}
#ltt-editorial .ltt-chart {
    display: block;
    width: 100%;
    height: auto;
}
#ltt-editorial .ltt-chart-mobile { display: none; }
@media (max-width: 640px) {
    #ltt-editorial .ltt-chart-desktop { display: none; }
    #ltt-editorial .ltt-chart-mobile { display: block; }
}
#ltt-editorial .ltt-fig figcaption {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: #79747e;
}

/* Data tables (same treatment as the ontology article's two-row table; stack into labelled cards on narrow screens). */
#ltt-editorial .ltt-table {
    width: 100%;
    margin: 1rem 0 0;
    border-collapse: collapse;
    font-size: 0.95rem;
    line-height: 1.45;
}
#ltt-editorial .ltt-table th,
#ltt-editorial .ltt-table td {
    padding: 0.6rem 0.75rem;
    border: 0;
    border-bottom: 1px solid #e3dedd;
    text-align: left;
    vertical-align: top;
}
#ltt-editorial .ltt-table thead th {
    color: #58268b;
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 2px solid #8346b0;
}
#ltt-editorial .ltt-table tbody th { font-weight: 700; color: #241630; }
#ltt-editorial .ltt-table td {
    font-weight: 700;
    color: #241630;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
#ltt-editorial .ltt-table--fig1 td { text-align: right; }
#ltt-editorial .ltt-table--fig1 thead th:nth-child(n+2) { text-align: right; }
@media (max-width: 640px) {
    #ltt-editorial .ltt-table thead {
        position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);
    }
    #ltt-editorial .ltt-table tr {
        display: block;
        margin-bottom: 0.75rem;
        padding: 0.4rem 0.9rem;
        border: 1px solid #e3dedd;
        border-top: 4px solid #8346b0;
        border-radius: 0.6rem;
    }
    #ltt-editorial .ltt-table th,
    #ltt-editorial .ltt-table td {
        display: block;
        padding: 0.45rem 0;
        border: 0 !important;
        text-align: left !important;
        white-space: normal;
    }
    #ltt-editorial .ltt-table [data-label]::before {
        content: attr(data-label);
        display: block;
        color: #58268b;
        font-size: 0.7rem;
        font-weight: 750;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }
}

/* r2 visual correction (2026-11-11): compact figures, native disclosures for data and full methodology, numbered practices. */
#ltt-editorial .ltt-fig { max-width: 760px; margin: 1.25rem auto 1.75rem; }
#ltt-editorial .ltt-fig--matrix .ltt-chart-desktop { max-width: 480px; }
#ltt-editorial .ltt-chart-desktop,
#ltt-editorial .ltt-chart-mobile { padding: 6px 8px 2px; }
#ltt-editorial .ltt-fig figcaption { margin: 8px 0 0; }
#ltt-editorial .ltt-data,
#ltt-editorial .ltt-methods,
#ltt-editorial .ltt-steps { white-space: normal; }
#ltt-editorial .ltt-data { margin: 8px 0 0; }
#ltt-editorial .ltt-data > summary,
#ltt-editorial .ltt-methods > summary {
    display: inline-block;
    cursor: pointer;
    list-style: none;
    padding: 4px 0 4px 20px;
    position: relative;
    color: #58268b;
    font-weight: 700;
    font-size: 0.95rem;
}
#ltt-editorial .ltt-data > summary::-webkit-details-marker,
#ltt-editorial .ltt-methods > summary::-webkit-details-marker { display: none; }
#ltt-editorial .ltt-data > summary::before,
#ltt-editorial .ltt-methods > summary::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 2px solid #58268b;
    border-bottom: 2px solid #58268b;
    transform: translateY(-65%) rotate(-45deg);
    transition: transform .15s ease;
}
#ltt-editorial .ltt-data[open] > summary::before,
#ltt-editorial .ltt-methods[open] > summary::before { transform: translateY(-65%) rotate(45deg); }
#ltt-editorial .ltt-data > summary:focus-visible,
#ltt-editorial .ltt-methods > summary:focus-visible { outline: 3px solid #592f91; outline-offset: 3px; border-radius: 4px; }
#ltt-editorial .ltt-data .ltt-table { margin-top: 6px; font-size: 0.9rem; }
#ltt-editorial .ltt-data .ltt-table th,
#ltt-editorial .ltt-data .ltt-table td { padding: 0.45rem 0.6rem; }
/* Phones: the tables stay tables (no card stacks); long headers wrap, cells scroll only if they must. */
@media (max-width: 640px) {
    #ltt-editorial .ltt-data { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    #ltt-editorial .ltt-data .ltt-table { font-size: 0.8rem; min-width: 0; }
    #ltt-editorial .ltt-data .ltt-table thead { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
    #ltt-editorial .ltt-data .ltt-table thead th { font-size: 0.62rem; letter-spacing: 0.04em; white-space: normal; }
    #ltt-editorial .ltt-data .ltt-table tr { display: table-row; margin: 0; padding: 0; border: 0; border-radius: 0; }
    #ltt-editorial .ltt-data .ltt-table th,
    #ltt-editorial .ltt-data .ltt-table td { display: table-cell; padding: 0.4rem 0.35rem; border-bottom: 1px solid #e3dedd !important; white-space: normal; }
    #ltt-editorial .ltt-data .ltt-table [data-label]::before { content: none; }
    #ltt-editorial .ltt-data .ltt-table td { white-space: nowrap; }
    #ltt-editorial .ltt-data .ltt-table tbody th { font-size: 0.8rem; }
}
/* Numbered practices: counter plus a lilac accent rule, in the article's type. */
#ltt-editorial .ltt-steps {
    list-style: none;
    counter-reset: ltt-step;
    margin: 0.5em 0 1.2em;
    padding: 0;
}
#ltt-editorial .ltt-steps li {
    counter-increment: ltt-step;
    position: relative;
    margin: 0 0 1.1rem;
    padding: 0.15rem 0 0.15rem 2.9rem;
    border-left: 3px solid #e5d8f0;
    line-height: 1.6;
}
#ltt-editorial .ltt-steps li::before {
    content: counter(ltt-step);
    position: absolute;
    left: 0.85rem;
    top: 0.15rem;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 50%;
    background: #58268b;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
}
@media (max-width: 640px) {
    #ltt-editorial .ltt-steps li { padding-left: 2.5rem; }
    #ltt-editorial .ltt-steps li::before { left: 0.6rem; }
}
/* Full methodology disclosure: body copy inside, small subheadings. */
#ltt-editorial .ltt-methods { margin: 0.4em 0 1.2em; }
#ltt-editorial .ltt-methods h3 { font-size: 1.02rem; margin: 1.1rem 0 0.35rem; }
#ltt-editorial .ltt-methods p { margin: 0 0 0.9rem; line-height: 1.65; }
/* End of article: the shell's 130px bottom padding plus the disclosure margin read as a hole before the end-card. */
#ltt-editorial .post-body { padding-bottom: 56px !important; }
#ltt-editorial .post-body > .ltt-methods:last-child { margin-bottom: 0; }
#ltt-editorial .ltt-methods > p:last-child { margin-bottom: 0; }

/* Takeaway (Nova, 2026-11-12): the articles' designated-sentence highlighter, a marker stroke in the guides' palette yellow
   (#FFFFBB, guides-rich.css), as on the ontology Scientific Take. */
#ltt-editorial .ltt-pull {
    margin: 1.6rem 0 1.8rem;
    font-size: 1.12em;
    line-height: 1.55;
    white-space: normal;
}
#ltt-editorial .ltt-hl {
    color: inherit;
    background: linear-gradient(transparent 38%, #FFFFBB 38%, #FFFFBB 92%, transparent 92%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 0 4px;
}