/* Deloros content only. Case grids, type scale, galleries and navigation are shared with TOLK/DOSAAF. */
.dr-page { --dc-blue: #29477e; --dc-red: #c65a63; --dc-soft: #f0f5f8; }
.dr-case .dc-technology .external-tool__logo-image { filter: grayscale(1); }
.dr-page .dr-hero-photo img { object-position: 50% 55%; }
.dr-page .tc-cover-identity h1 { max-width: 10ch; }
/* Keep the shared case type scale; let long section titles use their column. */
.dr-page .dc-showcase-heading h2 { max-width: none; }
@media (min-width: 48.01rem) and (max-width: 74.99rem) {
 .dr-page .dc-showcase-heading { grid-template-columns: 1fr; gap: .875rem; }
}
.dr-site-link { margin-top: 1.5rem; }
.dr-pair { grid-template-columns: repeat(2,minmax(0,1fr)); }
.dr-pair > .dc-full-page { grid-column: auto; }
.dr-copy-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(1.5rem,4vw,4rem); padding-top: 2rem; }
.dr-copy-columns p { font-size: clamp(1rem,1.3vw,1.25rem); line-height: 1.5; color: var(--tc-quiet); letter-spacing: -.03em; }
.dr-results-brand { display: flex; justify-content: center; margin-bottom: 2rem; }
.dr-results-brand img { display: block; width: 15rem; height: auto; }
.dr-engagement { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.dr-engagement-item { padding: clamp(1.25rem,3vw,2.5rem); background: var(--dc-soft); border-top: 1px solid var(--tc-rule); }
.dr-engagement-item header { min-height: 7.5rem; }
.dr-page .dr-engagement-item h3 { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.dr-page .dr-engagement-item h3 strong { color: var(--dc-blue); font-size: .8em; font-weight: 400; white-space: nowrap; }
.dr-engagement-item dl { display: grid; grid-template-columns: .75fr 1.25fr; gap: 1rem; margin-top: 2rem; }
.dr-engagement-item dt { color: var(--tc-quiet); font: .75rem/1.4 var(--font-mono),monospace; }
.dr-engagement-item dd { margin-top: .5rem; font-size: clamp(1.875rem,3.5vw,3.5rem); letter-spacing: -.055em; line-height: 1.1; }
.dr-engagement-item dl>div:last-child dd { color: var(--dc-blue); }
.dr-comparison-bars { display: grid; gap: .5rem; padding-top: 2rem; }
.dr-comparison-bars span { display: block; height: .5rem; background: var(--dc-blue); }
.dr-comparison-bars span:first-child { background: #a7b2c3; }
.dr-duration-before { width: 17.460317%; }
.dr-depth-before { width: 47.619048%; }
.dr-twins-flow { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 1.5rem 0 0; padding: 0; border-bottom: 1px solid var(--tc-rule); }
.dr-twins-flow li { padding: clamp(1rem,2vw,2rem); }
.dr-twins-flow li+li { border-left: 1px solid var(--tc-rule); }
.dr-twins-flow h3 { margin-top: .75rem; }
.dr-twins-flow p { margin-top: .75rem; color: var(--tc-quiet); font-size: 1rem; line-height: 1.5; }
@media (max-width:47.99rem) {
 .dr-pair, .dr-copy-columns, .dr-engagement { grid-template-columns: 1fr; }
 .dr-twins-flow { grid-template-columns: 1fr; }
 .dr-twins-flow li+li { border-left: 0; border-top: 1px solid var(--tc-rule); }
 .dr-engagement-item header { min-height: 0; }
 .dr-engagement-item dl { margin-top: 1.5rem; }
 .dr-page .dr-hero-photo img { height: auto; aspect-ratio: 2 / 1; object-fit: cover; }
}

.dr-traffic { margin-bottom: 1.5rem; }
.dr-page .dr-traffic-growth { font-size: clamp(1.75rem,3vw,2.5rem); color: var(--dc-blue); font-weight: 400; letter-spacing: -.04em; }
.dr-traffic .dc-chart-start-label { transform: none; }

/* Current Google snapshot, using native case position tables and collapse controls. */
.dr-search-positions { margin-top: 2rem; background: var(--tc-paper); }
.dr-search-intro { max-width: 52rem; }
.dr-page .dr-search-title { margin-block: 1rem; font-size: clamp(1.5rem,2.5vw,2rem); line-height: 1.2; letter-spacing: -.04em; }
.dr-search-intro > p:last-child { color: var(--tc-quiet); font-size: clamp(1rem,1.3vw,1.2rem); line-height: 1.5; }
.dr-snapshot-table th:first-child { width: auto; min-width: 0; }
.dr-snapshot-table th:last-child { width: 10rem; }
@media (max-width:47.99rem) {
 .dr-snapshot-table { display: table; }
 .dr-snapshot-table thead { display: table-header-group; position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
 .dr-snapshot-table tbody { display: table-row-group; }
 .dr-snapshot-table tbody tr { display: table-row; }
 .dr-snapshot-table tbody th, .dr-snapshot-table tbody td { display: table-cell; padding-block: 1rem; border-bottom: 1px solid var(--analytics-line); }
 .dr-snapshot-table tbody th { padding-right: 1rem; }
 .dr-snapshot-table th:last-child { width: 4.5rem; white-space: normal; }
 .dr-snapshot-table tbody td { text-align: right; }
}

/* Existing TOLK tabs and Google mark; one measurement, two query groups. */
.dr-search-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block: 2rem 1.25rem; }
.dr-search-engine { display: inline-flex; align-items: center; gap: .625rem; font: 1rem/1.2 var(--font-mono),monospace; }
.dr-search-engine svg { display: block; flex: none; width: 1.5rem; height: 1.5rem; }
.dr-position-tabs { margin-bottom: 0; }
.dr-tab-count { opacity: .6; margin-left: .5em; font-size: .8em; }
.dr-search-positions .dr-position-group { border: 0; padding: 0; margin-top: 0; }
.dr-search-positions [role="tabpanel"][hidden] { display: none; }
.dr-twin-overview { grid-template-columns: 1fr; grid-auto-rows: auto; }
.dr-twin-overview > .dc-full-page { grid-column: 1 / -1; grid-row: auto; }
.dr-twin-overview .dc-full-page__preview { height: auto; max-height: clamp(18rem,60vw,42rem); }
.dr-twins-context { padding-block: 2rem 3rem; }
.dr-twins-editorial { padding-block: 3rem; }
@media (max-width: 63.99rem) {
 .dr-twins-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .dr-twins-flow li:nth-child(3) { border-left: 0; }
 .dr-twins-flow li:nth-child(n+3) { border-top: 1px solid var(--tc-rule); }
}
@media (max-width: 47.99rem) {
 .dr-search-toolbar { align-items: flex-start; flex-direction: column; gap: .75rem; }
 .dr-position-tabs { overflow-x: auto; flex-wrap: nowrap; }
 .dr-position-tabs button { white-space: nowrap; }
 .dr-twins-flow { grid-template-columns: 1fr; }
 .dr-twins-context, .dr-twins-editorial { padding-block: 1.5rem; }
}
/* Explain the product before the interface screens, in the case's existing type scale. */
.dr-twins-local { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(1.5rem,4vw,4rem); margin-top: 2rem; padding: clamp(1.25rem,3vw,2.5rem); border-block: 1px solid var(--tc-rule); background: var(--dc-soft); }
.dr-page .dr-twins-local h3 { margin-top: 1rem; }
.dr-twins-local > div > p:not(.tc-label) { font-size: clamp(1rem,1.3vw,1.25rem); line-height: 1.5; letter-spacing: -.03em; color: var(--tc-quiet); }
.dr-twins-local > div > p + p { margin-top: 1rem; }
.dr-copy-columns strong { font-weight: 500; color: var(--tc-ink); }
.dr-twins-example { padding: clamp(1.25rem,3vw,2.5rem); border-block: 1px solid var(--tc-rule); background: var(--dc-soft); }
.dr-page .dr-twins-example h3 { margin-top: 1rem; }
.dr-twins-example .dr-copy-columns { padding-top: 1.5rem; }
@media (max-width:47.99rem) { .dr-twins-local { grid-template-columns: 1fr; } }

.dr-twins-public { padding-top: 3rem; }
.dr-page .dr-twins-public h3 { margin-top: 1rem; }
@media (max-width:47.99rem) { .dr-twins-public { padding-top: 2rem; } }