:is(version-check,advisory-log){&{--pad:10px;--hairline:color-mix(in oklab, var(--color-text-default) 14%, transparent);align-items:start;margin-block-end:var(--space-9);& p{text-wrap:pretty;margin:0}}& :is(rail-title,[data-version],[data-filter],[data-answer],fix-chart,[data-intro]){grid-column:1/-1;min-width:0}& rail-title{margin-block-end:var(--space-6);display:block;& h1{font-size:inherit;line-height:inherit;letter-spacing:0}@media (width>=1024px){top:var(--sticky-top-offset);width:calc(var(--grid-rail) - var(--grid-gutter));margin:0 0 0 calc(-1 * var(--grid-rail));grid-area:1/1/span 4;position:sticky}}& nav{column-gap:var(--space-3);flex-wrap:wrap;display:flex;@media (width>=1024px){flex-direction:column;align-items:flex-start}& a{text-decoration:none;&:is(:hover,[aria-current]){text-underline-offset:.18em;text-decoration:underline 1px}}}& [data-version]{grid-template-columns:subgrid;align-items:center;display:grid;& span{grid-column:1/span 2}& input{width:calc(100% + 2 * var(--pad));min-width:0;margin-inline:calc(-1 * var(--pad));padding:8px var(--pad);line-height:inherit;background:var(--muted);outline-offset:0;border:0;border-radius:0;grid-column:3/-1}@media (width>=1024px){grid-area:1/1/auto/span 7;margin-block-start:-8px}}& [data-filter]{grid-template-columns:subgrid;align-items:baseline;display:grid;&>span:first-child{grid-column:1/span 2}& [data-options]{column-gap:var(--space-3);flex-wrap:wrap;grid-column:3/-1;display:flex}& button{color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0;&:is(:hover,[aria-pressed=true]){text-underline-offset:.18em;text-decoration:underline 1px}& span{color:var(--color-text-muted);font-feature-settings:"lnum", "tnum"}}@media (width>=1024px){grid-area:1/1/auto/span 7}}& [data-answer]{min-height:2lh;margin-block:var(--space-3) var(--space-5);@media (width>=600px){grid-column:3/-1}@media (width>=1024px){grid-area:2/3/auto/span 5}}& [data-intro]{max-width:34em;margin-block:var(--space-6);@media (width>=1024px){grid-column:1/span 6}}& fix-chart{display:block;overflow:clip}& lane-track{row-gap:2px;display:grid;position:relative;&>:not(lane-row){position:absolute;inset-block:0}}& lane-row{height:var(--lane,3px);position:relative;&>*{position:absolute;inset-block:0}&[data-out]{--tone:var(--hairline);& lane-tick{background:var(--hairline)}}}& lane-row[data-pending]:not([data-out]) lane-bar{opacity:.4}&:is(advisory-log){--lane:6px;--lane-min:6px;& lane-row[data-point] lane-bar{translate:-50%}@media (width<600px){& lane-axis [data-minor]{display:none}}}& [data-reserved]{color:var(--color-text-muted);& h2{font-size:inherit;line-height:inherit;letter-spacing:0}}& [data-ids]{color:var(--color-text-muted);font-feature-settings:"lnum", "tnum"}& lane-major{left:var(--at);background:var(--hairline);width:1px}& lane-bar{left:var(--from);width:max(var(--lane-min,2px), calc(var(--to) - var(--from)));background:var(--tone)}& lane-tick{left:var(--at);background:var(--color-text-default);width:1px}& lane-mine{left:var(--mine);background:var(--color-text-default);width:1px;display:none}&[data-mine] lane-mine{display:block}& lane-axis{background:repeating-linear-gradient(to right, var(--hairline) 0 1px, transparent 1px calc(100% / var(--releases))) top / 100% 4px no-repeat;height:calc(1lh + 8px);margin-block-start:4px;display:block;position:relative;@media (width<600px){background-size:100% 1px}& span{top:8px;left:var(--at);position:absolute}}& fix-batch{grid-template-columns:subgrid;align-items:start;row-gap:var(--space-2);display:grid;&+&{margin-block-start:var(--space-5)}&:not(:has(li[id]:not([hidden]))){display:none}grid-column:1/-1}& fix-batch>:is(time,[data-date]){grid-column:1/-1;@media (width>=600px){grid-column:1/span 2}@media (width>=1024px){top:var(--sticky-top-offset);position:sticky}}& fix-batch>ol{grid-template-columns:subgrid;row-gap:var(--space-3);grid-column:1/-1;margin:0;padding:0;list-style:none;display:grid;@media (width>=600px){grid-column:3/-1}}& fix-batch>ol>li{grid-template-columns:subgrid;align-items:start;row-gap:var(--space-1);grid-column:1/-1;display:grid;&>*{overflow-wrap:anywhere;grid-column:1/-1;min-width:0}&>fix-meta{order:-1}@media (width>=1024px){&>:is(details,[data-reserved]){grid-area:1/1/auto/span 4}&>fix-meta{grid-area:1/5/auto/-1}}}& summary{cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}& h2{font-size:inherit;line-height:inherit;letter-spacing:0}&:hover h2{text-underline-offset:.15em;text-decoration:underline 1px}}& fix-detail{gap:var(--space-3);padding-block:var(--space-2) var(--space-3);flex-direction:column;display:flex}& fix-summary{display:block;&>*+*{margin-block-start:var(--space-1)}&>h3{font-size:inherit;line-height:inherit;letter-spacing:0}&>*+h3{margin-block-start:var(--space-2)}& :is(ul,ol){padding-inline-start:1.25em;list-style:outside;display:block}& ol{list-style:decimal}& pre{padding:8px var(--pad);background:var(--muted);overflow-x:auto}& blockquote{margin:0;padding-inline-start:1em}}& fix-facts{justify-content:space-between;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex;& ul{margin:0;padding:0;list-style:none}}& fix-meta{display:block}& [data-severity=critical]{--tone:var(--color-severity-critical)}& [data-severity=high]{--tone:var(--color-severity-high)}& [data-severity=medium]{--tone:var(--color-severity-medium)}& [data-severity=low]{--tone:var(--color-severity-low)}& sev-mark{align-items:baseline;gap:.5em;display:flex;&:before{content:"";background:var(--tone);flex:none;align-self:center;width:.6em;height:.6em}}}
