/* Artikel-komponenter til valueoddsapi.com (ud over den præ-kompilerede styles.css). */
.art-hero{margin-top:2.5rem;border-radius:1.25rem;overflow:hidden;border:1px solid rgb(255 255 255/.1)}
.art-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.art-hero figcaption{padding:.6rem 1rem;font-size:.75rem;color:#a1a1aa;background:#080a09}

.art-tldr{margin-top:2.5rem;max-width:56rem;border:1px solid rgb(71 250 190/.35);background:linear-gradient(180deg,rgb(71 250 190/.08),rgb(71 250 190/.02));border-radius:1.25rem;padding:1.5rem 1.75rem}
.art-tldr h2{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#47fabe;font-weight:700}
.art-tldr ul{margin-top:.9rem;display:grid;gap:.7rem}
.art-tldr li{position:relative;padding-left:1.6rem;line-height:1.7;color:#e4e4e7}
.art-tldr li::before{content:"";position:absolute;left:0;top:.6rem;width:.6rem;height:.6rem;border-radius:999px;background:#47fabe}

.art-terms{margin-top:1.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.art-terms div{border:1px solid rgb(255 255 255/.1);background:#121617;border-radius:1rem;padding:1rem 1.1rem}
.art-terms dt{color:#fff;font-weight:700}
.art-terms dd{margin-top:.35rem;font-size:.875rem;line-height:1.65;color:#a1a1aa}

.art-table{margin-top:1.5rem;overflow-x:auto;border:1px solid rgb(255 255 255/.1);border-radius:1.25rem}
.art-table table{width:100%;min-width:640px;border-collapse:collapse;text-align:left;font-size:.875rem;line-height:1.6}
.art-table thead{background:#173127;color:#fff}
.art-table th,.art-table td{padding:1rem 1.1rem;vertical-align:top}
.art-table thead th{font-weight:600}
.art-table thead th small{display:block;font-weight:400;color:#a7f3d0;font-size:.75rem}
.art-table tbody tr{border-top:1px solid rgb(255 255 255/.08)}
.art-table tbody tr:nth-child(even){background:rgb(255 255 255/.02)}
.art-table tbody th{color:#fff;font-weight:600;white-space:nowrap}
.art-table tr.is-ref th,.art-table tr.is-ref td{color:#a1a1aa}
.art-table tr.is-us{background:rgb(71 250 190/.07)!important}
.art-table td.plain{color:#d4d4d8}

.art-bar{display:flex;align-items:center;gap:.6rem;min-width:9rem}
.art-bar span{flex:1;height:.5rem;border-radius:999px;background:rgb(255 255 255/.08);overflow:hidden}
.art-bar span::after{content:"";display:block;height:100%;width:var(--w);border-radius:999px;background:#47fabe}
.art-bar b{font-weight:600;color:#fff;min-width:3.6rem;text-align:right}

.art-pill{display:inline-block;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600;white-space:nowrap}
.art-pill.yes{background:rgb(71 250 190/.15);color:#47fabe}
.art-pill.part{background:rgb(250 204 21/.12);color:#facc15}
.art-pill.no{background:rgb(255 255 255/.06);color:#a1a1aa}

.art-note{margin-top:.9rem;font-size:.75rem;line-height:1.6;color:#a1a1aa}