/* DINOSTRIKE theme on the Multi 1.4.0 class system. Our own code: #component, @modifier, !state. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:140px}
body{margin:0;font-family:var(--glob-body-family);font-size:var(--glob-body-size);line-height:var(--glob-body-line-height);color:var(--color-scheme-text,#121820);background:#F5F7FA;font-feature-settings:"kern" 1}
img,svg,video{max-width:100%}
img{height:auto}
a{color:var(--color-scheme-links);text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
h1,h2,h3,h4,h5,.heading-font{font-family:var(--glob-heading-family);font-weight:700;line-height:1.15;letter-spacing:-.005em;margin:0 0 .5em}
p{margin:0 0 1em}
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.reset-list{list-style:none;margin:0;padding:0}
.reset-link{color:inherit;text-decoration:none}
.reset-link:hover{text-decoration:underline}
.stretched-link{position:absolute;inset:0;z-index:1;text-indent:-9999px;overflow:hidden}
@media (max-width:991px){.mobile-hidden{display:none!important}}
@media (min-width:992px){.desktop-hidden{display:none!important}}
.lights-off{display:none}
.color-scheme-main,.color-scheme-invert,.color-scheme-accent,.color-scheme-accent2{background:var(--color-scheme-bg);color:var(--color-scheme-text)}
.color-scheme-invert a,.color-scheme-accent a{color:var(--color-scheme-links)}

/* container and grids */
.\#container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:28px}
.\#container .\#container{padding-inline:0;max-width:none}
@media (max-width:860px){.\#container{padding-inline:24px}}
@media (max-width:520px){.\#container{padding-inline:16px}}
.\#grid.\@type\:columns{display:grid;grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));gap:var(--gap,20px)}
@media (max-width:991px){.\#grid.\@type\:columns{grid-template-columns:repeat(var(--columns-mobile,2),minmax(0,1fr));gap:var(--gap-mobile,14px)}}
.\#grid.\@type\:template{display:grid;grid-template-columns:var(--template);gap:var(--gap,32px)}
@media (max-width:991px){.\#grid.\@type\:template{grid-template-columns:minmax(0,1fr)}}
.\#grid > *{min-width:0}

/* icons */
.\#icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex:0 0 auto}

/* media */
.\#media{position:relative;display:block;overflow:hidden;background:#fff}
.\#media-image{display:block;width:100%;height:100%;object-fit:var(--image-fit,contain)}
.\#media-image-loading-placeholder{display:none}
.is-photo{object-fit:cover}

/* buttons */
.\#button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:0 22px;border:2px solid transparent;border-radius:999px;font-family:var(--glob-heading-family);font-weight:700;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;max-width:100%;flex:0 0 auto;transition:background-color .15s,transform .15s}
.\#button.\@tier\:primary{background:#3BE35A;color:#06210D}
.\#button.\@tier\:primary:hover{background:#5BF076}
.\#button.\@tier\:secondary{background:transparent;border-color:currentColor;color:inherit}
.\#button.\@tier\:secondary:hover{background:rgba(127,127,127,.12)}
.\#button.\@tier\:link{padding:0;min-height:0;border:0;background:none;color:var(--color-scheme-links);text-decoration:underline}
.\#button.\@size\:sm{min-height:38px;padding:0 16px;font-size:.92rem}
.\#button.\@size\:lg{min-height:54px;padding:0 28px;font-size:1.12rem}
.\#button.\@block{display:flex;width:100%}
.\#button img.cta-label{display:block;width:auto;max-width:none;flex:0 0 auto}
.\#button img.cta-short{display:none}
.\#button:focus-visible,a:focus-visible,summary:focus-visible,label:focus-visible{outline:3px solid #2456D6;outline-offset:2px}

/* section body */
.\#section-body.\@spaced{padding-block:64px}
@media (max-width:991px){.\#section-body.\@spaced{padding-block:40px}}
.\#section-body-header{margin-bottom:28px}
.\#hero-kicker{font-family:var(--glob-mono-family);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .6em;color:var(--color-scheme-highlight)}
.\#hero-heading{font-size:clamp(1.6rem,2.4vw,2.35rem);margin:0 0 .35em}
.\#hero-subheading{max-width:68ch;color:inherit;opacity:.86;margin:0}
.\#accent-text{display:inline}
.color-scheme-invert.\@deck\:play,.color-scheme-accent.\@deck\:play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%233BE35A' stroke-opacity='.07' stroke-width='1.2'/%3E%3C/svg%3E");background-size:56px 97px}

/* tables */
.tbl-wrap{overflow-x:auto;position:relative;margin:0 0 1.5em}
.tbl-wrap table{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl-wrap caption{caption-side:top;text-align:left;font-family:var(--glob-heading-family);font-weight:600;font-size:1.05rem;padding:0 0 .6em}
.tbl-wrap th,.tbl-wrap td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-scheme-border,#D5DDE8)}
.tbl-wrap thead th{font-family:var(--glob-mono-family);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;opacity:.8}
.tbl-wrap tbody th{font-weight:600}
.tbl-compare td:last-child{font-family:var(--glob-mono-family);white-space:nowrap}
@media (max-width:640px){
  .tbl-fold table,.tbl-fold tbody,.tbl-fold tr,.tbl-fold th,.tbl-fold td{display:block;width:100%}
  .tbl-fold thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl-fold tr{padding:12px 0;border-bottom:1px solid var(--color-scheme-border,#D5DDE8)}
  .tbl-fold tbody th,.tbl-fold td{border:0;padding:3px 0}
  .tbl-fold tbody th{font-size:1.02rem;padding-bottom:6px}
  .tbl-fold td::before{content:attr(data-l);display:block;font-family:var(--glob-mono-family);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:1px}
  .tbl-wrap.tbl-compare.tbl-fold tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px}
  .tbl-wrap.tbl-compare.tbl-fold tbody tr > th{grid-column:1 / -1}
  .tbl-wrap.tbl-compare.tbl-fold tbody tr > td{width:auto}
  .tbl-compare td:last-child{white-space:normal}
}
/* A table straight under a heading that says the same: its caption stays for screen readers. */
.tbl-quiet caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* rating */
.rating{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:.88rem;margin:0}
.stars{position:relative;display:inline-block;color:rgba(127,127,127,.35);letter-spacing:1px;line-height:1}
.stars-on{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#F2B01E}
.rating-num{font-weight:600}
.rating-count{opacity:.75}
.rating-shared,.rating-empty{opacity:.75}

/* page header */
.\#page-header{padding:28px 0 32px;background:#F5F7FA;color:#121820}
.\#page-header.\@deck\:play{background:#0C1110;color:#EEF5F0}
.\#page-header.\@deck\:play a{color:#3BE35A}
.\#page-header .\#hero-heading{font-size:clamp(1.9rem,3.2vw,2.9rem)}
.\#page-header .\#hero-kicker{color:#2456D6}
.\#page-header.\@deck\:play .\#hero-kicker{color:#3BE35A}
.\#breadcrumbs{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:.84rem;margin:0 0 16px;opacity:.9}
.\#breadcrumbs-item{display:inline-flex;align-items:center;gap:6px}
.\#breadcrumbs-item-link{color:inherit}
.\#page-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;font-size:.95rem}
.\#page-facts b{font-family:var(--glob-mono-family);font-weight:500}
.\#page-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.\#page-jumps a{display:inline-block;padding:6px 14px;border:1px solid currentColor;border-radius:999px;font-size:.88rem;text-decoration:none;color:inherit;opacity:.9}
.\#page-jumps a:hover{opacity:1;background:rgba(127,127,127,.12)}

/* faq */
.faq{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:992px){.faq{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px}.faq-head{position:sticky;top:140px;align-self:start}}
.faq-head .\#hero-heading{font-size:clamp(1.4rem,2vw,1.9rem)}
.\#faq-item{border-bottom:1px solid var(--color-scheme-border,#D5DDE8)}
.\#faq-item-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;cursor:pointer;list-style:none}
.\#faq-item-header::-webkit-details-marker{display:none}
.\#faq-item-heading{font-family:var(--glob-body-family);font-weight:600;font-size:1.06rem;line-height:1.4;margin:0}
.\#faq-item-indicator{flex:0 0 auto;transition:transform .2s}
details[open] > .\#faq-item-header .\#faq-item-indicator{transform:rotate(180deg)}
.\#faq-item-body{padding:0 0 18px;max-width:72ch}

/* sources */
.sources{margin-top:28px;padding:22px 24px;border:1px solid var(--color-scheme-border,#D5DDE8);border-left:4px solid #2456D6;border-radius:6px;background:rgba(255,255,255,.6);font-size:.93rem;max-width:880px}
.sources .src-h{font-size:1.1rem;margin:0 0 .5em}
.sources ul{margin:0 0 .8em;padding-left:1.2em}
.sources li{margin:.25em 0}
.sources .road{margin:0;font-weight:600}
.sources .src-note{margin:0 0 .9em}

/* rich text */
.\#rte{max-width:74ch}
.\#rte h2{font-size:clamp(1.35rem,2vw,1.75rem);margin:1.6em 0 .5em}
.\#rte h3{font-size:1.2rem;margin:1.4em 0 .4em}
.\#rte ul,.\#rte ol{padding-left:1.3em;margin:0 0 1.1em}
.\#rte li{margin:.3em 0}
.\#info-section{margin-bottom:8px}
.\#info-section:first-child h2{margin-top:0}