*,*:before,*:after{box-sizing:border-box}html{display:grid;min-height:100%;line-height:1.2;overflow-x:clip}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-main-background);color:var(--color-main-font);word-wrap:break-word;overflow-wrap:break-word}:where(a,a:visited){color:var(--color-link);text-decoration:none;text-decoration-color:currentColor}:where(a:hover,a:focus-visible){color:var(--color-link-hover)}img{max-width:100%;display:block;height:auto}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{color:var(--color-heading);margin:0}h1{margin-bottom:var(--spacing-lg)}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}input,textarea{font-family:inherit;font-size:100%}hr{height:1px;background-color:gray;border:none}:root{counter-reset:rating}.stars{position:relative;display:inline-block;font-size:var(--star-size);color:var(--color-main-font, #ccc);overflow:hidden}.stars:before{content:"★★★★★"}.stars__fill{position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;width:0;transition:width .6s ease-out;color:var(--color-alt-highlighter, gold)}.stars__fill:before{content:"★★★★★"}.metric.pill{--h: 3px;height:var(--h);background:var(--color-unactive-background);border-radius:var(--h);overflow:hidden}.metric.pill .pill__fill{display:block;width:0;height:100%;background:var(--color-alt-highlighter);border-radius:inherit;transition:width .8s ease-out}.metric.radial{--size: 48px;--thickness: 6px;--value: 0;position:relative;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--color-alt-highlighter) calc(var(--value) * 1%),var(--color-unactive-background) 0);display:flex;align-items:center;justify-content:center;font-size:calc(var(--size) * .4);font-weight:500;color:var(--color-main-font);transition:background 1s ease-out}.metric.radial:before{content:attr(aria-valuenow) "%";position:absolute;z-index:1}.metric.radial:after{content:"";position:absolute;inset:var(--thickness);border-radius:50%;background:var(--color-main-background);z-index:0}.metric.radial.overall,.metrics-row .metric.radial:first-child{--fill: var(--color-brand)}.metrics-dots{display:flex;gap:4px}.metrics-dots .dot{--d-min: 6px;--d-max: 12px;width:var(--d-min);height:var(--d-min);background:var(--color-unactive-background);border-radius:50%;transition:width .5s ease,height .5s ease}.number:before{counter-increment:rating;content:counter(rating)}details{margin-top:.5rem;padding:.5rem}summary{cursor:pointer}summary:hover{color:var(--color-link-hover)}summary::-webkit-details-marker{color:var(--color-alt-highlighter)}details[open] summary{color:var(--color-brand);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-unactive-background)}.introduction a,.conclusion a{color:var(--color-link)!important;text-decoration:none!important;font-weight:inherit}.introduction a:hover{color:var(--color-link-hover)!important;text-decoration:underline!important}.introduction details[open] a{color:var(--color-link)!important}.tab-panel{display:none}.tab-panel.active{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:8px 16px;border:none;border-radius:var(--radius-small);font-size:14px;font-weight:600;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;transition:opacity .2s ease;line-height:1.4}.btn:hover{opacity:.85}.btn-brand{background-color:var(--color-brand);color:var(--color-btn-brand-text)}.btn-brand:hover{color:var(--color-btn-brand-text)}.btn-contrast{background:transparent;border:1.5px solid var(--color-highlighter, #8e7cff);color:var(--color-heading)}.btn-contrast:hover{color:var(--color-heading);border-color:var(--color-link-hover)}.btn-left{border-radius:var(--radius-small) 0 0 var(--radius-small)}.btn-right{border-radius:0 var(--radius-small) var(--radius-small) 0}.btn-pill{border-radius:2rem}@media(prefers-reduced-motion:no-preference){html{transition:background-color .18s ease,color .18s ease}}
