﻿/* Shared title accent: a continuous tinted panel between two gradient rails. */
.sulvida-highlight{--highlight-top:#e46c6c;--highlight-bottom:#c91e1f;display:inline-block;position:relative;isolation:isolate;max-width:calc(100% - 16px);margin-inline:8px;padding:0 .16em;vertical-align:baseline;background:linear-gradient(to top,#c91e1e45,transparent 78%);font-weight:inherit}
.sulvida-highlight-text{position:relative;color:var(--highlight-bottom);overflow-wrap:anywhere}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .sulvida-highlight-text{background:linear-gradient(to bottom,var(--highlight-top),var(--highlight-bottom));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}
}
.sulvida-highlight::before,.sulvida-highlight::after{content:"";position:absolute;top:0;bottom:0;width:14px;pointer-events:none}
.sulvida-highlight::before{left:-7px;background:radial-gradient(circle at 50% 7px,var(--highlight-top) 0 6px,transparent 6.5px),linear-gradient(to bottom,var(--highlight-top),var(--highlight-bottom)) center/1px 100% no-repeat}
.sulvida-highlight::after{right:-7px;background:radial-gradient(circle at 50% calc(100% - 7px),var(--highlight-bottom) 0 6px,transparent 6.5px),linear-gradient(to bottom,var(--highlight-top),var(--highlight-bottom)) center/1px 100% no-repeat}
@media(forced-colors:active){.sulvida-highlight{background:none}.sulvida-highlight-text{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.sulvida-highlight::before,.sulvida-highlight::after{background:CanvasText;width:1px}}
/* Preserve whole words in long titles on narrow screens. */
.sulvida-highlight-long{font-size:min(1em,8vw)}
