.story-detail-page .severity-badge,.story-page .severity-badge{position:relative;padding-right:42px!important}
.story-detail-page .severity-help,.story-page .severity-help{position:absolute;top:7px;right:7px;z-index:1200}
.story-detail-page .severity-help>summary,.story-page .severity-help>summary{display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid currentColor;border-radius:50%;background:#fff;color:#355d68;font:800 13px/1 "Open Sans",Arial,sans-serif;cursor:pointer;list-style:none;transition:background-color .18s,color .18s,transform .18s}
.story-detail-page .severity-help>summary::-webkit-details-marker,.story-page .severity-help>summary::-webkit-details-marker{display:none}
.story-detail-page .severity-help>summary:hover,.story-detail-page .severity-help>summary:focus-visible,.story-detail-page .severity-help[open]>summary,.story-page .severity-help>summary:hover,.story-page .severity-help>summary:focus-visible,.story-page .severity-help[open]>summary{background:#e8f5f7;color:#087e98;transform:scale(1.04)}
.story-detail-page .severity-help>summary:focus-visible,.story-page .severity-help>summary:focus-visible{outline:3px solid rgba(8,126,152,.28);outline-offset:2px}
.story-detail-page .severity-explainer,.story-page .severity-explainer{position:absolute;top:calc(100% + 9px);right:0;box-sizing:border-box;width:min(360px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(68vh,520px);overflow:auto;padding:16px;border:1px solid #cbdde1;border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 14px 38px rgba(9,40,58,.2);color:#344f59;text-transform:none;letter-spacing:normal;white-space:normal;animation:severity-explainer-in .18s ease-out}
.story-detail-page .severity-explainer h3,.story-page .severity-explainer h3{margin:0 0 8px;color:#09283a;font:800 15px/1.3 "Open Sans",Arial,sans-serif}
.story-detail-page .severity-explainer p,.story-page .severity-explainer p{display:block;margin:0 0 10px!important;overflow:visible;color:#435f68;font:500 11px/1.5 "Open Sans",Arial,sans-serif;-webkit-line-clamp:unset}
.story-detail-page .severity-explainer dl,.story-page .severity-explainer dl{display:grid;gap:8px;margin:0 0 10px}
.story-detail-page .severity-explainer dl>div,.story-page .severity-explainer dl>div{display:grid;grid-template-columns:98px minmax(0,1fr);gap:8px;padding-bottom:7px;border-bottom:1px solid #e7eef0}
.story-detail-page .severity-explainer dt,.story-page .severity-explainer dt{color:#173d4b;font:800 10px/1.4 "Open Sans",Arial,sans-serif}
.story-detail-page .severity-explainer dd,.story-page .severity-explainer dd{margin:0;color:#526b73;font:500 10px/1.45 "Open Sans",Arial,sans-serif}
.story-detail-page .severity-explainer .severity-explainer-bands,.story-page .severity-explainer .severity-explainer-bands{padding:8px;border-radius:7px;background:#f0f7f8;color:#183e4b;font-weight:700!important}
.story-detail-page .severity-explainer .severity-explainer-note,.story-page .severity-explainer .severity-explainer-note{margin-bottom:0!important;color:#657a81;font-size:10px!important}
@keyframes severity-explainer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.story-detail-page .severity-explainer,.story-page .severity-explainer{animation:none}.story-detail-page .severity-help>summary,.story-page .severity-help>summary{transition:none}}
@media(max-width:600px){.story-detail-page .severity-explainer,.story-page .severity-explainer{width:calc(100vw - 32px);max-height:65vh}.story-detail-page .severity-explainer dl>div,.story-page .severity-explainer dl>div{grid-template-columns:86px minmax(0,1fr)}}
