.article__image--topic,.post-nav-visual--topic,.news-card-visual--topic,.post-figure--topic .post-image{--post-topic-accent: #2767d8;--post-topic-accent-dark: #173d7f;--post-topic-wash: #e7effe;border:1px solid color-mix(in srgb, var(--post-topic-accent) 24%, var(--border-color));background:radial-gradient(circle at 88% 9%, color-mix(in srgb, var(--post-topic-accent) 18%, transparent), transparent 34%),linear-gradient(145deg, var(--background-color), var(--post-topic-wash))}.news-card-visual--topic{position:relative}.post-figure--topic .post-topic-visual{grid-template-columns:minmax(120px, 0.7fr) minmax(120px, 1fr);padding:clamp(20px,6%,44px)}.post-figure--topic .post-topic-visual__icon{width:clamp(112px,20vw,190px);border-radius:clamp(22px,3vw,34px)}.post-figure--topic .post-topic-visual__motif{gap:clamp(9px,1.4vw,15px)}.post-figure--topic .post-topic-visual__motif i{height:clamp(8px,1.15vw,13px)}.post-figure--topic .post-topic-visual__label{padding:8px 11px;font-size:11px}[data-post-visual-topic=steel-source-record],[data-post-visual-topic=comparable-quote]{--post-topic-accent: #8a6527;--post-topic-accent-dark: #5d4218;--post-topic-wash: #f5ead7}[data-post-visual-topic=fine-tooth-row],[data-post-visual-topic=edge-profile-compare]{--post-topic-accent: #654bb0;--post-topic-accent-dark: #453278;--post-topic-wash: #eee8fb}[data-post-visual-topic=specialist-service],[data-post-visual-topic=buying-channel-compare]{--post-topic-accent: #11736f;--post-topic-accent-dark: #0b4d4a;--post-topic-wash: #dff2ef}[data-post-visual-topic=workshop-origin]{--post-topic-accent: #a65928;--post-topic-accent-dark: #6b3517;--post-topic-wash: #f8e7d8}[data-post-visual-topic=chemical-exposure]{--post-topic-accent: #9a3f59;--post-topic-accent-dark: #67283b;--post-topic-wash: #f8e4ea}[data-post-visual-topic=blade-finish]{--post-topic-accent: #596472;--post-topic-accent-dark: #38414d;--post-topic-wash: #e8edf2}[data-post-visual-topic=terms-check],[data-post-visual-topic=exact-model-match],[data-post-visual-topic=release-review],[data-post-visual-topic=claim-boundary]{--post-topic-accent: #2767d8;--post-topic-accent-dark: #173d7f;--post-topic-wash: #e7effe}.post-topic-visual{position:absolute;inset:0;isolation:isolate;display:grid;grid-template-columns:minmax(92px, 0.8fr) minmax(76px, 1fr);grid-template-rows:1fr auto;gap:10px 14px;align-items:center;padding:clamp(14px,5%,22px);overflow:hidden}.post-topic-visual::before,.post-topic-visual::after{position:absolute;z-index:-1;content:"";pointer-events:none}.post-topic-visual::before{top:-31%;right:-12%;width:58%;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--post-topic-accent) 30%, transparent);border-radius:50%}.post-topic-visual::after{inset:0;opacity:.18;background-image:radial-gradient(var(--post-topic-accent) 0.8px, transparent 0.8px);background-position:5px 5px;background-size:14px 14px;-webkit-mask-image:linear-gradient(90deg, #000, transparent 68%);mask-image:linear-gradient(90deg, #000, transparent 68%)}.post-topic-visual__icon{display:grid;width:clamp(82px,11vw,108px);max-width:100%;aspect-ratio:1;place-items:center;align-self:center;justify-self:center;border:1px solid color-mix(in srgb, var(--post-topic-accent) 26%, #d8e1ef);border-radius:22px;background:linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 244, 255, 0.94));box-shadow:0 18px 34px -28px rgba(15,23,42,.9)}.post-topic-visual__icon .topic-icon-frame{display:grid;width:88%;height:88%;inline-size:88%;block-size:88%;max-inline-size:88%;max-block-size:88%;place-items:center}[data-post-visual-source=topic-icon] .post-topic-visual .topic-icon-image{position:static;display:block;width:100%;height:100%;inline-size:100%;block-size:100%;max-inline-size:100%;max-block-size:100%;object-fit:contain;transform:none;transition:none;user-select:none}.news-featured:hover [data-post-visual-source=topic-icon] .topic-icon-image,.news-card:hover [data-post-visual-source=topic-icon] .topic-icon-image{transform:none}.post-topic-visual__motif{display:grid;gap:9px;width:100%;align-self:center}.post-topic-visual__motif i{display:block;height:8px;border:1px solid color-mix(in srgb, var(--post-topic-accent) 30%, transparent);border-radius:999px;background:color-mix(in srgb, var(--post-topic-accent) 12%, var(--background-color))}.post-topic-visual__motif i:nth-child(1){width:94%}.post-topic-visual__motif i:nth-child(2){width:72%}.post-topic-visual__motif i:nth-child(3){width:84%}.post-topic-visual__label{grid-column:1/-1;justify-self:start;padding:6px 9px;color:var(--post-topic-accent-dark);border:1px solid color-mix(in srgb, var(--post-topic-accent) 28%, transparent);border-radius:999px;background:color-mix(in srgb, var(--background-color) 88%, var(--post-topic-wash));font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1;text-transform:uppercase}.post__navigation .post-nav-visual--topic .post-topic-visual,.news-card .news-card-visual--topic .post-topic-visual{grid-template-columns:minmax(76px, 0.75fr) minmax(58px, 1fr);gap:8px 10px;padding:14px}.post__navigation .post-nav-visual--topic .post-topic-visual__icon,.news-card .news-card-visual--topic .post-topic-visual__icon{width:82px;border-radius:18px}.post__navigation .post-nav-visual--topic .post-topic-visual__motif,.news-card .news-card-visual--topic .post-topic-visual__motif{gap:7px}.post__navigation .post-nav-visual--topic .post-topic-visual__motif i,.news-card .news-card-visual--topic .post-topic-visual__motif i{height:6px}.post__navigation .post-nav-visual--topic .post-topic-visual__label,.news-card .news-card-visual--topic .post-topic-visual__label{padding:5px 8px;font-size:8px}.news-featured .news-card-visual--topic .post-topic-visual__icon{width:clamp(96px,12vw,124px)}html[dark] [data-post-visual-source=topic-icon]{--post-topic-accent-dark: #e6efff;--post-topic-wash: #1c293a}@media(prefers-reduced-motion: reduce){[data-post-visual-source=topic-icon] .topic-icon-image{transition:none}}@media(max-width: 520px){.post-figure--topic .post-topic-visual{grid-template-columns:minmax(86px, 0.8fr) minmax(70px, 1fr);gap:9px 12px;padding:16px}.post-figure--topic .post-topic-visual__icon{width:92px;border-radius:20px}.post-figure--topic .post-topic-visual__motif{gap:7px}.post-figure--topic .post-topic-visual__motif i{height:6px}.post-figure--topic .post-topic-visual__label{padding:5px 8px;font-size:8px}}/*# sourceMappingURL=post-card-visuals.css.map */