.trec-dali-2026 { --dali-ink: #163344; --dali-line: #c8d7de; --dali-bg: #f2f7f9; }
.trec-dali-2026 .dali-intro { font-size: 1.125rem; line-height: 1.55; max-width: 75ch; }
.trec-dali-2026 .dali-grid, .trec-dali-2026 .dali-lights {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 1rem;
}
.trec-dali-2026 .dali-lights { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.trec-dali-2026 .dali-card, .trec-dali-2026 .dali-demo {
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--dali-line);
    border-radius: 0.5rem;
    background: var(--dali-bg);
    color: var(--dali-ink);
}
.trec-dali-2026 .dali-card img { display: block; width: 100%; height: auto; }
.trec-dali-2026 .dali-card p { margin: .5rem 0 0; }
.trec-dali-2026 .dali-demo { margin-block: 1.5rem; }
.trec-dali-2026 .dali-demo [hidden] { display: none !important; }
.trec-dali-2026 .dali-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block: 1rem; }
.trec-dali-2026 .dali-controls button, .trec-dali-2026 .dali-controls select { font: inherit; padding: .4em .65em; }
.trec-dali-2026 .dali-lights progress { display: block; width: 100%; accent-color: #117289; }
.trec-dali-2026 .dali-lamp {
    display: block;
    background: #203d4e;
    border: 2px solid #203d4e;
    border-radius: .4rem;
    height: 2rem;
    margin-block: .5rem;
}
.trec-dali-2026 .dali-lamp span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #ffdf84;
    opacity: var(--dali-level, .5);
}

/* Typography for the DALI guide and its page title. */
.tl-content.trec-dali-article .trec-dali-2026 {
    font-size: 1rem;
    line-height: 1.55;
}
.tl-content.trec-dali-article .trec-dali-2026 p {
    font-size: 1rem !important;
    line-height: inherit;
}
.tl-content.trec-dali-article .trec-dali-2026 p.dali-intro {
    font-size: 1.0625rem !important;
}
.tl-content.trec-dali-article .trec-dali-2026 h2 {
    font-size: clamp(1.375rem, 2.3vw, 1.75rem) !important;
    line-height: 1.2;
}
.tl-page-hero.trec-dali-hero h1 {
    font-size: clamp(1.875rem, 3.5vw, 2.875rem) !important;
    line-height: 1.1;
}


.tl-content.trec-dali-article .trec-dali-2026 > p {
    max-width: min(100%, 49rem);
    margin-block: 0 1rem;
    overflow-wrap: break-word;
}


.tl-page-hero.trec-dali-hero .trec-dali-hero-photo {
    display: block;
    width: 100%;
    height: clamp(12rem, 32vw, 29rem);
    margin-top: clamp(1rem, 2.5vw, 2rem);
    object-fit: cover;
    object-position: center 50%;
}