/* Blog V40: selected R10 topic cards, isolated from article and service pages. */
.reader-index .reader-card[data-topic],.reader-index [data-filter]{--topic:#ADF36B}
.reader-index [data-topic="automation"],.reader-index [data-filter="automation"]{--topic:#FF9B45}
.reader-index [data-topic="knowledge"],.reader-index [data-filter="knowledge"]{--topic:#62EAFF}
.reader-index [data-topic="web"],.reader-index [data-filter="web"]{--topic:#FFD21A}
.reader-index [data-topic="governance"],.reader-index [data-filter="governance"]{--topic:#D19BFF}
.reader-index .v18-editorial-grid{gap:16px;align-items:start}
.reader-index .reader-card[data-topic]{--image:180px;position:relative;isolation:isolate;display:grid;grid-template-columns:var(--image) minmax(0,1fr);align-items:stretch;gap:0;padding:0;min-height:var(--image);border:1px solid transparent;border-radius:var(--kit-radius,12px);overflow:hidden;background:radial-gradient(ellipse at 90% 0,#ffffff05,transparent 58%) padding-box,linear-gradient(135deg,var(--kit-card,#151917),var(--kit-panel,#0e1210) 85%) padding-box,linear-gradient(145deg,#46514780,#242e2670 35%,#1d261e50 74%,#46554770) border-box;box-shadow:var(--kit-shadow,0 7px 20px #00000026),inset 0 1px 0 #ffffff04;transition:box-shadow 260ms ease}
.reader-index .reader-card[data-topic]::before,.reader-index .reader-card[data-topic]::after{display:none!important}
.reader-index .reader-card[data-topic][hidden]{display:none!important}
.reader-index .reader-card[data-topic] .v18-cover{width:var(--image)!important;height:var(--image)!important;aspect-ratio:1!important;align-self:start;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:none}
.reader-index .reader-card[data-topic] .v18-cover :is(figure,.v18-picture){width:100%;height:100%;margin:0;aspect-ratio:1!important;background:none}
.reader-index .reader-card[data-topic] .v18-cover img{display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:1!important;object-fit:contain!important;object-position:center!important;transform:none!important;border-radius:0}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy{display:flex!important;flex-direction:column;align-items:flex-start;min-width:0;gap:6px;padding:12px!important;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--topic) 4%,transparent),transparent 70%)}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy>.vb-kicker{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:5px 8px;margin:0!important;color:var(--topic)!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.055em;background:radial-gradient(ellipse at 10% 100%,color-mix(in srgb,var(--topic) 14%,transparent),transparent 75%),linear-gradient(155deg,#242a24,#171d18);box-shadow:0 3px 9px #00000025;text-shadow:0 0 9px color-mix(in srgb,var(--topic) 40%,transparent)}
.reader-index .reader-card[data-topic] .vb-kicker::before{width:4px;height:4px;flex:0 0 4px;margin:0;border-radius:50%;background:var(--topic);box-shadow:0 0 5px var(--topic),0 0 11px color-mix(in srgb,var(--topic) 55%,transparent)}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy h2{display:block;margin:0!important;font-size:16px!important;line-height:1.28!important;letter-spacing:-.01em;overflow:visible;max-height:none;-webkit-line-clamp:unset;text-wrap:pretty;overflow-wrap:anywhere}
.reader-index{--blog-reading-accent:oklch(87% 0.07 128);--blog-reading-hover:oklch(93% 0.06 128)}
.reader-index .reader-card[data-topic] h2 a,.reader-index .reader-card[data-topic] .editorial-read{color:var(--blog-reading-accent)!important;text-shadow:none}
.reader-index.editorial-page .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy>.v23-excerpt{display:block!important;-webkit-line-clamp:unset;overflow:visible;margin:0!important;max-width:42ch;color:#F1F5EF!important;font-size:12px!important;line-height:1.4!important;text-wrap:pretty;overflow-wrap:anywhere}
.reader-index .reader-card[data-topic] .v23-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px;width:100%;margin-top:auto;padding-top:0}
.reader-index .reader-card[data-topic] .editorial-meta{font-size:10px!important;line-height:1.4!important;margin:0}
.reader-index .reader-card[data-topic] .editorial-read{min-height:24px;padding:2px 0;font-size:11px!important;line-height:1.4;text-shadow:none}
.reader-index .reader-card[data-topic] h2 a:is(:hover,:focus-visible),.reader-index .reader-card[data-topic] .editorial-read:is(:hover,:focus-visible){color:var(--blog-reading-hover)!important;text-shadow:none}
.reader-index .reader-card[data-topic] a:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.reader-index .v18-filters{gap:12px;padding-block:7px 12px;isolation:isolate;overflow:visible}
.reader-index .v18-filters .glass.control[data-filter]{--control-light:var(--topic);position:relative;isolation:auto;z-index:auto;overflow:visible;border:0!important;outline:none!important;min-height:44px;min-width:44px;padding:11px 19px 11px 23px;border-radius:7px;opacity:1;filter:none!important;transform:none!important;color:var(--control-light)!important;font-weight:500;text-decoration:none;text-shadow:none;background:linear-gradient(180deg,#272a28 0%,#1c1f1d 45%,#141715 100%)!important;box-shadow:inset 0 1px 0 #ffffff0b,0 4px 9px #00000035!important;transition:color 180ms ease,text-shadow 180ms ease}
.reader-index .v18-filters .glass.control[data-filter]>.ink{color:inherit!important;text-shadow:inherit!important}
.reader-index .v18-filters .glass.control[data-filter]>.ink::before,.reader-index .v18-filters .glass.control[data-filter]>.ink::after,.reader-index .v18-filters .glass.control[data-filter]>.glass-halo{display:none!important}
/* material.js injects skins and flow; filter lamps own their optical layers. */
.reader-index .v18-filters .glass.control[data-filter]>.glass-skin,.reader-index .v18-filters .glass.control[data-filter]>canvas.flow{display:none!important}
.reader-index .v18-filters .glass.control[data-filter]::before{border:0!important;box-shadow:none!important}
.reader-index .v18-filters .glass.control[data-filter]::after{border:0!important}
.reader-index .v18-filters .glass.control[data-filter]::before{content:"";display:block;position:absolute;pointer-events:none;z-index:-1;inset:auto;left:-22px;top:50%;width:34px;height:56px;transform:translateY(-50%);border:0;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--control-light) 62%,transparent),transparent 72%);filter:blur(7px);opacity:0;transition:opacity 220ms ease}
.reader-index .v18-filters .glass.control[data-filter]::after{content:"";display:block;position:absolute;pointer-events:none;inset:auto;left:0;top:50%;width:5px;height:22px;transform:translateY(-50%);border:0;border-radius:0 4px 4px 0;background:color-mix(in srgb,var(--control-light) 72%,#334036);box-shadow:none;clip-path:none;transition:background-color 180ms ease,box-shadow 220ms ease}
/* Retire the inherited V13 inset optical face on this pseudo-element. */
.reader-index .v18-filters .glass.control[data-filter]::after{z-index:3!important;inset:auto!important;left:0!important;top:50%!important;border-radius:0 4px 4px 0!important;background:color-mix(in srgb,var(--control-light) 72%,#334036)!important;box-shadow:none!important}
.reader-index .v18-filters .glass.control[data-filter][aria-pressed="true"]{color:color-mix(in srgb,var(--control-light) 86%,white)!important;text-shadow:0 0 8px color-mix(in srgb,var(--control-light) 32%,transparent);background:linear-gradient(180deg,#292c29,#141715)!important}
.reader-index .v18-filters .glass.control[data-filter][aria-pressed="true"]::before{opacity:.3}
.reader-index .v18-filters .glass.control[data-filter][aria-pressed="true"]::after{background:color-mix(in srgb,var(--control-light) 84%,white)!important;box-shadow:-3px 0 7px color-mix(in srgb,var(--control-light) 42%,transparent)!important}
.reader-index .v18-filters .glass.control[data-filter]:focus-visible{color:color-mix(in srgb,var(--control-light) 65%,white)!important;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:5px;background:radial-gradient(ellipse 46px 28px at 0 50%,color-mix(in srgb,var(--control-light) 17%,transparent),color-mix(in srgb,var(--control-light) 7%,transparent) 45%,transparent 100%),linear-gradient(180deg,#2b2e2c,#171a18)!important;box-shadow:inset 0 1px 0 #ffffff0b,0 4px 9px #00000035,0 0 14px color-mix(in srgb,var(--control-light) 12%,transparent)!important;text-shadow:0 0 9px color-mix(in srgb,var(--control-light) 40%,transparent)}
.reader-index .v18-filters .glass.control[data-filter]:focus-visible::before{opacity:1}
.reader-index .v18-filters .glass.control[data-filter]:focus-visible::after{background:color-mix(in srgb,var(--control-light) 70%,white)!important;box-shadow:0 0 5px color-mix(in srgb,var(--control-light) 75%,transparent),-5px 0 17px color-mix(in srgb,var(--control-light) 58%,transparent),4px 0 18px color-mix(in srgb,var(--control-light) 28%,transparent)!important}
.reader-index .v18-filters .glass.control[data-filter="web"]:focus-visible{color:#FFE23D!important}
.reader-index .v18-filters .glass.control[data-filter="web"]:focus-visible::after{background:#FFE64D!important}
@media(hover:hover){
 .reader-index .reader-card[data-topic]:hover{box-shadow:0 10px 26px #0000003b,inset 0 1px 0 color-mix(in srgb,var(--topic) 17%,transparent),0 0 20px color-mix(in srgb,var(--topic) 4%,transparent)}
 .reader-index .v18-filters .glass.control[data-filter]:not(:disabled):hover{color:color-mix(in srgb,var(--control-light) 65%,white)!important;text-shadow:0 0 10px color-mix(in srgb,var(--control-light) 45%,transparent);background:radial-gradient(ellipse 46px 28px at 0 50%,color-mix(in srgb,var(--control-light) 17%,transparent),color-mix(in srgb,var(--control-light) 7%,transparent) 45%,transparent 100%),linear-gradient(180deg,#2b2e2c,#171a18)!important;box-shadow:inset 0 1px 0 #ffffff0d,0 4px 9px #00000035,0 0 14px color-mix(in srgb,var(--control-light) 12%,transparent)!important}
 .reader-index .v18-filters .glass.control[data-filter]:hover::before{opacity:1}
 .reader-index .v18-filters .glass.control[data-filter]:hover::after{background:color-mix(in srgb,var(--control-light) 70%,white)!important;box-shadow:0 0 5px color-mix(in srgb,var(--control-light) 75%,transparent),-5px 0 17px color-mix(in srgb,var(--control-light) 58%,transparent),4px 0 18px color-mix(in srgb,var(--control-light) 28%,transparent)!important}
 .reader-index .v18-filters .glass.control[data-filter="web"]:not(:disabled):hover{color:#FFE23D!important}
 .reader-index .v18-filters .glass.control[data-filter="web"]:hover::after{background:#FFE64D!important}
}
@media(max-width:1200px){.reader-index .reader-card[data-topic]{--image:176px}.reader-index .v18-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
 .reader-index .v18-editorial-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .reader-index .reader-card[data-topic]{--image:164px}
 .reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy{padding:9px 8px!important;gap:4px}
 .reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy h2{font-size:14px!important;line-height:1.25!important}
 .reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy>.vb-kicker{font-size:9px!important;padding:4px 7px}
 .reader-index.editorial-page .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy>.v23-excerpt{font-size:11px!important;line-height:1.35!important}
 .reader-index .v18-filters{flex-wrap:wrap;overflow:visible;gap:12px}
 .reader-index .v18-filters .glass.control[data-filter]{padding:11px 16px 11px 22px}
}
@media(prefers-reduced-motion:reduce){.reader-index .reader-card[data-topic],.reader-index .reader-card[data-topic] a,.reader-index .v18-filters .glass.control[data-filter],.reader-index .v18-filters .glass.control[data-filter]::before,.reader-index .v18-filters .glass.control[data-filter]::after{transition:none!important}}
@media(forced-colors:active){.reader-index .v18-filters .glass.control[data-filter]{color:ButtonText!important;background:ButtonFace!important;box-shadow:none!important}.reader-index .v18-filters .glass.control[data-filter][aria-pressed="true"]{text-decoration:underline}.reader-index .v18-filters .glass.control[data-filter]:focus-visible{color:Highlight!important;text-decoration:underline}.reader-index .v18-filters .glass.control[data-filter]::before{display:none}.reader-index .reader-card[data-topic] h2 a,.reader-index .reader-card[data-topic] .editorial-read{color:LinkText!important}.reader-index.editorial-page .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy>.v23-excerpt{color:CanvasText!important}}

/* Rendered integration: resolve legacy selector and composite-token conflicts. */
.reader-index .reader-card[data-topic="automation"]{--topic:#FF9B45}
.reader-index .reader-card[data-topic="knowledge"]{--topic:#62EAFF}
.reader-index .reader-card[data-topic="web"]{--topic:#FFD21A}
.reader-index .reader-card[data-topic="governance"]{--topic:#D19BFF}
.reader-index .v18-filters .glass.control[data-filter]::before,.reader-index .v18-filters .glass.control[data-filter]::after{display:block!important;transform:translateY(-50%)!important}
.reader-index .reader-card[data-topic] .v23-card-footer .editorial-read{min-height:24px!important}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy{padding:10px!important;gap:5px}
@media(max-width:600px){
.reader-index .reader-card[data-topic]{grid-template-columns:minmax(0,1fr)!important}
.reader-index .reader-card[data-topic] .v18-cover{width:100%!important;height:auto!important;aspect-ratio:1!important}
.reader-index .reader-card[data-topic] .v18-card-copy{padding:14px!important;gap:8px!important}
.reader-index .reader-card[data-topic] .v18-card-copy h2{font-size:17px!important;line-height:1.3!important}
.reader-index.editorial-page .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy>.v23-excerpt{font-size:13px!important;line-height:1.45!important}
}
.reader-index .reader-card[data-topic]{--image:208px}
.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy h2{font-size:15px!important;line-height:1.25!important}
@media(max-width:1440px){.reader-index .v18-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.reader-index .v18-editorial-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.reader-index .v18-editorial-grid:not(.work-grid)>.reader-card[data-topic] .v18-card-copy h2{font-size:17px!important;line-height:1.3!important}}

.reader-index .reader-card[data-topic]{background:radial-gradient(ellipse at 90% 0,#ffffff05,transparent 58%) padding-box,linear-gradient(135deg,#171b18,#0d120f 85%) padding-box,linear-gradient(145deg,#46514780,#242e2670 35%,#1d261e50 74%,#46554770) border-box!important;border-radius:12px!important}
.reader-index .reader-card[data-topic] .v23-card-footer .editorial-read{padding:2px 0!important;height:auto!important}

@media(forced-colors:active){.reader-index .v18-filters .glass.control[data-filter]::before,.reader-index .v18-filters .glass.control[data-filter]::after{display:none!important}}
@media(forced-colors:active){.reader-index .reader-card[data-topic] h2 a:is(:hover,:focus-visible),.reader-index .reader-card[data-topic] .editorial-read:is(:hover,:focus-visible){color:LinkText!important}}