@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@700&family=Inter:ital,wght@0,400;0,600;1,400&display=swap");
/* Header */
:root{--sf-border:hsl(45 8% 15%);--sf-foreground:hsl(45 8% 95%);--sf-primary:hsl(45 76% 55%);--sf-muted:hsl(45 10% 11%);--sf-background:hsl(45 8% 4%);--sf-secondary:hsl(225 66% 62%);--sf-card:hsl(45 8% 8%);--sf-hero-foreground:hsl(45 8% 97%);--sf-muted-foreground:hsl(45 6% 62%);--sf-primary-hover:hsl(45 76% 45%)}
*{box-sizing:border-box}
body{font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;color:var(--sf-foreground);line-height:1.55;background-color:var(--sf-background);font-size:16px;margin:0}
pre{overflow-x:auto;max-width:100%}
code{overflow-wrap:anywhere}
img{max-width:100%;display:block;height:auto}
.wu-topStrip{display:flex;line-height:1.35}
.wu-topStrip{justify-content:space-between;padding:13px 11px 13px 11px}
.wu-topStrip{row-gap:11px;color:var(--sf-background)}
/* Cards */
.wu-topStrip{background-color:var(--sf-secondary);column-gap:11px;font-size:.9em;align-items:center;margin:0}
.wu-topStrip p, .wu-topStrip span{margin:0px;flex:1 1 auto}
.wu-topStrip a{text-decoration:underline;font-weight:bold;color:var(--sf-background)}
.wu-barX{background-color:transparent;border:0}
.wu-barX{font-size:1.1em;cursor:pointer;padding:2px 5px 2px;color:var(--sf-background);line-height:1}
.wu-topStrip[hidden]{display:none}
a{color:var(--sf-primary)}
a:hover{color:var(--sf-primary-hover)}
h1,h2,h3,h4{letter-spacing:0;margin-bottom:.59em;font-weight:bold;font-family:'Urbanist', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;line-height:1.2}
/* Typography */
h1{font-size:1.89rem}
h2{margin-top:1.63em;font-size:1.40rem}
h3{margin-top:1.14em;font-size:1.06rem}
a[id]:empty{scroll-margin-top:90px}
a[id]:empty{display:block;visibility:hidden;position:relative}
.wu-richText{max-width:100%}
.wu-richText p{margin:0 0 1.07em 0}
.wu-richText ul,.wu-richText ol{margin-bottom:1.23em;padding-left:1.54em}
.wu-richText li{margin-top:.34em;margin-bottom:.34em}
/* Content */
.wu-richText li>p{margin:0}
.wu-richText hr{margin:2.49em 0 1.7em 0;border:0;border-top:1px solid var(--sf-border)}
.wu-richText table{margin:1.2em 0 1.2em 0;border-collapse:collapse}
.wu-richText table{font-size:.94em;width:100%}
.wu-richText table{overflow-x:auto;display:block}
.wu-richText th,.wu-richText td{border:1px solid var(--sf-border);padding:9px 11px 9px}
.wu-richText th,.wu-richText td{text-align:left;vertical-align:top}
.wu-richText th{background-color:var(--sf-muted);font-weight:600}
.wu-richText blockquote{margin:1.35em 0 1.35em;border-left:4px solid var(--sf-secondary);padding:13px 22px 13px}
/* Footer */
.wu-richText blockquote{border-radius:15px;background-color:var(--sf-card)}
.wu-richText .wu-cite{text-decoration-line:none;font-size:.78em}
.wu-richText .wu-cite{vertical-align:text-top;color:var(--sf-secondary)}
.wu-richText code{padding:1px 5px 1px 5px;background-color:var(--sf-muted)}
.wu-richText code{font-size:.92em;border-radius:4px}
.wu-richText img{margin-bottom:1.11em;margin-top:1.11em;border-radius:12px}
.wu-summaryBox{background-color:var(--sf-muted);border-left:4px solid var(--sf-primary);margin:0 0 25px 0;padding:20px 24px 20px 24px}
.wu-summaryBox{border-radius:14px;font-size:1.06em}
.wu-summaryBox p:last-child{margin-bottom:0}
/* Base */
.wu-summaryBox>strong{display:block;margin-bottom:7px;letter-spacing:.08em}
.wu-summaryBox>strong{text-transform:uppercase;font-size:.78em;color:var(--sf-secondary)}
.wu-comparison{width:100%;table-layout:fixed}
.wu-comparison{border-spacing:16px 0;margin:19px -18px 19px -18px;border-collapse:separate}
.wu-comparison th{font-size:1.1em}
.wu-comparison th{text-align:left;padding:0 20px 9px 20px;font-family:'Urbanist', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif}
.wu-comparison td{background-color:var(--sf-card);border:1px solid var(--sf-border)}
.wu-comparison td{padding:13px 18px 13px 18px;border-radius:15px;vertical-align:top}
.wu-comparison ul{margin:0px;padding-left:1.17em}
/* Responsive */
.wu-sources{color:var(--sf-muted-foreground);margin:40px 0 0 0;font-size:.9em}
.wu-sources{padding-top:15px;border-top:1px solid var(--sf-border)}
.wu-sources ul{padding-left:1.31em}
.wu-sources li{margin:.29em 0 .29em 0;word-break:break-word}
.wu-sources a{color:var(--sf-muted-foreground)}
.wu-pullquote{font-size:1.15em;font-style:italic;padding:19px 27px 19px;border-left:4px solid var(--sf-secondary)}
.wu-pullquote{background-color:var(--sf-card);margin:22px 0 22px 0;border-radius:14px}
.wu-pullquote blockquote{background-color:transparent}
.wu-pullquote blockquote{border:0;padding:0;margin:0px}
/* Lists */
.wu-pullquote figcaption{font-style:normal;color:var(--sf-muted-foreground);margin-top:8px;font-size:.85em}
.wu-highlightBox{color:var(--sf-foreground);border:1px solid var(--sf-border);box-shadow:inset 0 1px 0 hsl(45 76% 55% / 0.35), 0 24px 60px -30px hsl(45 76% 55% / 0.6);background-color:var(--sf-card)}
.wu-highlightBox{border-radius:15px;padding:29px;margin-top:42px;margin-bottom:42px;text-align:center}
.wu-highlightBox h3{margin-top:0;color:inherit}
.wu-highlightBox p:last-child{margin:0}
.wu-perks{list-style-type:none;margin-top:18px;display:grid;margin-bottom:18px;padding:0;gap:15px}
.wu-perks li{padding:2px 0 2px 17px;border-left:3px solid var(--sf-primary)}
.wu-perks h3{margin:0 0 4px 0;font-size:1.05em}
.wu-perks p{margin:0;color:var(--sf-muted-foreground)}
/* Components */
.wu-linkButton{display:inline-block;border-radius:12px;color:var(--sf-background);background-color:var(--sf-primary);text-decoration:none;margin-top:9px;padding:11px 25px 11px 25px;font-weight:600}
.wu-linkButton:hover{filter:brightness(1.08);color:var(--sf-background)}
.wu-cardGrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;display:grid}
.wu-cardGrid{margin-bottom:27px;margin-top:27px}
.wu-item{background-color:var(--sf-card);display:grid;padding:21px;color:#ffffff;border:1px solid var(--sf-border)}
.wu-item{border-radius:16px;row-gap:9px;column-gap:9px}
.wu-item h2,.wu-item h3{color:#ffffff;margin:0;font-size:1.08em}
.wu-item p{color:var(--sf-muted-foreground);font-size:.95em;margin:0px}
.wu-item a{color:#ffffff;font-weight:600;text-decoration:none}
/* Misc */
.wu-cards{display:grid;margin-bottom:24px}
.wu-cards{margin-top:24px;row-gap:14px}
.wu-cards{column-gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.wu-cards .wu-item{padding:0;overflow:hidden;box-shadow:0 2px 10px hsl(45 8% 95% / 0.08)}
.wu-cards .wu-item .wu-cardMedia{aspect-ratio:16 / 9;width:100%}
.wu-cards .wu-item .wu-cardMedia{object-fit:contain;height:auto;background-color:hsl(45 8% 95% / 0.9);max-width:100%;padding:7px;border:1px solid hsl(45 8% 95% / 0.25)}
.wu-cards .wu-cardBody{gap:8px;display:flex}
.wu-cards .wu-cardBody{padding:17px;min-width:0;flex-direction:column}
.wu-cards .wu-cardActions{flex-wrap:wrap;align-items:center}
/* Global */
.wu-cards .wu-cardActions{gap:8px;display:flex;margin-top:auto}
.wu-cards .wu-cardOnion{color:var(--sf-muted-foreground);display:block;font-size:.85em}
.wu-cards .wu-cardOnion{min-width:0;line-height:1.35}
.wu-cards .wu-cardOnion code{font-family:inherit;overflow-wrap:anywhere;word-break:break-all}
.wu-cards .wu-cardReverse{grid-column:span 1}
.wu-cardsV2{grid-template-columns:1fr}
.wu-cards.wu-cardsV2 > .wu-item{text-align:left;flex-direction:row;display:flex;align-items:stretch}
.wu-cardsV2 .wu-cardReverse .wu-cardMedia{order:2}
.wu-cardsV2 .wu-item .wu-cardMedia{aspect-ratio:4 / 3;flex-shrink:0;width:min(34%,260px)}
/* Widgets */
.wu-cardsV3{grid-template-columns:1fr}
.wu-cards.wu-cardsV3 > .wu-item{flex-direction:row;display:flex}
.wu-cards.wu-cardsV3 > .wu-item{text-align:left;align-items:center;padding:10px}
.wu-cards.wu-cardsV3 > .wu-item .wu-cardMedia{aspect-ratio:1 / 1;width:113px;border-radius:970px;height:113px;flex-shrink:0}
.wu-cards.wu-cardsV3 > .wu-item .wu-cardBody{padding:8px 16px 8px;flex:1 1 auto;min-width:0}
.wu-cardsV4{grid-template-columns:1fr}
.wu-cards.wu-cardsV4 > .wu-item{grid-template-columns:minmax(180px,34%) 1fr;display:grid;text-align:left}
.wu-cardsV4 .wu-item .wu-cardMedia{height:100%;aspect-ratio:4 / 3}
.wu-cardLead{color:var(--sf-muted-foreground);max-width:70ch;margin-bottom:17px}
/* Layout */
.wu-cards .wu-linkButton{text-align:center;white-space:normal;margin-top:0}
.wu-note,.wu-metaStrip,.wu-utility{margin-bottom:22px;border:1px solid hsl(45 8% 15% / 0.85);font-size:.88em;background-color:var(--sf-muted);padding:8px 13px 8px;display:block;margin-top:22px}
.wu-note,.wu-metaStrip,.wu-utility{line-height:1.45;border-radius:11px}
.wu-note a, .wu-metaStrip a, .wu-utility a{font-weight:600}
.wu-utility{text-align:left}
.wu-ctx{border:1px solid hsl(45 8% 15% / 0.9);max-width:100%;background-color:var(--sf-muted);padding:27px 21px 27px 21px;margin:31px 0 31px 0}
.wu-ctx{border-radius:13px;border-left:5px solid var(--sf-secondary)}
.wu-ctx h2, .wu-ctx h3{font-size:1.08em;margin-top:0}
.wu-ctx p:last-child{margin-bottom:0}
/* Utilities */
.wu-ctx ul{margin:0;padding-left:1.27em}
.wu-primaryNav .wu-catLink,.wu-foot .wu-catLink,.wu-catLink{color:#ffffff}
.wu-primaryNav .wu-catLink.wu-catLink0,.wu-foot .wu-catLink.wu-catLink0,.wu-catLink.wu-catLink0{font-weight:bold;color:#ffffff}
.wu-primaryNav .wu-catLink.wu-catLink1,.wu-foot .wu-catLink.wu-catLink1,.wu-catLink.wu-catLink1{text-decoration-line:none;background-color:var(--sf-secondary);padding:2px 9px 2px;border-radius:11px;display:inline-block;font-weight:600;color:#111111}
.wu-primaryNav .wu-catLink.wu-catLink2,.wu-foot .wu-catLink.wu-catLink2,.wu-catLink.wu-catLink2{text-decoration:none;font-weight:600}
.wu-primaryNav .wu-catLink.wu-catLink2,.wu-foot .wu-catLink.wu-catLink2,.wu-catLink.wu-catLink2{display:inline-block;color:#ffffff}
.wu-primaryNav .wu-catLink.wu-catLink2,.wu-foot .wu-catLink.wu-catLink2,.wu-catLink.wu-catLink2{border:1.5px solid var(--sf-secondary);padding:2px 9px 2px 9px;border-radius:15px}
.wu-primaryNav .wu-catLink.wu-catLink3,.wu-foot .wu-catLink.wu-catLink3,.wu-catLink.wu-catLink3{color:#ffffff}
.wu-primaryNav .wu-catLink.wu-catLink3,.wu-foot .wu-catLink.wu-catLink3,.wu-catLink.wu-catLink3{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
/* Forms */
.wu-primaryNav .wu-catLink.wu-catLink4,.wu-foot .wu-catLink.wu-catLink4,.wu-catLink.wu-catLink4{font-weight:600;color:#ffffff}
.wu-primaryNav .wu-catLink.wu-catLink4::before,.wu-foot .wu-catLink.wu-catLink4::before,.wu-catLink.wu-catLink4::before{color:#ffffff;margin-right:.3em;content:"•"}
.wu-primaryNav .wu-catLink.wu-catLink0,.wu-foot .wu-catLink.wu-catLink0,.wu-catLink.wu-catLink0:hover,.wu-primaryNav .wu-catLink.wu-catLink1,.wu-foot .wu-catLink.wu-catLink1,.wu-catLink.wu-catLink1:hover,.wu-primaryNav .wu-catLink.wu-catLink2,.wu-foot .wu-catLink.wu-catLink2,.wu-catLink.wu-catLink2:hover,.wu-primaryNav .wu-catLink.wu-catLink3,.wu-foot .wu-catLink.wu-catLink3,.wu-catLink.wu-catLink3:hover,.wu-primaryNav .wu-catLink.wu-catLink4,.wu-foot .wu-catLink.wu-catLink4,.wu-catLink.wu-catLink4:hover{opacity:1}
.wu-menuToggle{line-height:0;display:inline-block}
.wu-menuToggle>summary{list-style-type:none}
.wu-menuToggle>summary::-webkit-details-marker{display:none}
.wu-menuButton{display:none;cursor:pointer}
.wu-menuButton{align-items:center;height:22px;width:28px}
.wu-menuButton span{height:2px}
/* Navigation */
.wu-menuButton span{width:100%;display:block}
.wu-menuButton span{background:currentColor;position:relative}
.wu-menuButton span::before,.wu-menuButton span::after{display:block;background:currentColor;height:2px}
.wu-menuButton span::before,.wu-menuButton span::after{position:absolute;right:0;content:"";left:0}
.wu-menuButton span::before{top:-8px}
.wu-menuButton span::after{bottom:-8px}
.wu-articleInfo{color:var(--sf-muted-foreground);font-size:.9em}
.wu-articleInfo{display:flex;column-gap:16px;flex-wrap:wrap;row-gap:7px;margin:0 0 19px 0}
.wu-breadcrumbs{margin-bottom:15px;font-size:.88em;color:var(--sf-muted-foreground)}
/* Reset */
.wu-breadcrumbs a{color:var(--sf-muted-foreground);text-decoration:none}
.wu-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.09em;font-weight:bold;font-size:.76em}
.wu-kicker{color:var(--sf-secondary);margin-bottom:11px}
.wu-heroImage>p{color:var(--sf-muted-foreground);font-size:.85em;margin:7px 0 0 0}
.wu-howto .wu-heroImage, .wu-richText .wu-heroImage{margin:12px 0 7px 0}
.wu-howto .wu-heroImage img{width:100%;border-radius:6px}
.wu-seeAlso{margin-top:47px}
.wu-articleInfo dt{font-weight:600}
.wu-articleInfo dt::after{content:":"}
/* Blocks */
.wu-articleInfo dd{margin:0 9px 0 0}
.wu-breadcrumbs ol{padding:0;list-style-type:none;flex-wrap:wrap}
.wu-breadcrumbs ol{margin:0px;display:flex;gap:5px}
.wu-breadcrumbs li+li::before{margin:0 6px 0 0;content:"»";opacity:.7}
.wu-kicker{display:block;margin:8px 0 0 0}
.wu-richText .wu-task{margin-right:4px;color:var(--sf-secondary)}
.wu-faq details{margin:9px 0 9px 0;padding:12px 16px 12px;border:1px solid var(--sf-border)}
.wu-faq details{border-radius:13px;background-color:var(--sf-card)}
.wu-faq summary{cursor:pointer;font-weight:600}
/* Media */
.wu-faq details>div{padding-top:9px}
.wu-howto{margin-top:21px;margin-bottom:21px}
.wu-howto>div{margin-bottom:16px}
.wu-howto>div{display:flex;row-gap:15px}
.wu-howto>div{column-gap:15px;align-items:flex-start;margin-top:16px}
.wu-howto>div>span{display:grid;font-weight:bold;flex:0 0 38px;background-color:var(--sf-primary)}
.wu-howto>div>span{border-radius:50%;place-items:center;height:38px}
.wu-howto>div>span{font-family:'Urbanist', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;color:#111111}
.wu-howto h3{margin:6px 0 4px 0}
/* Article */
.wu-responsiveTable{max-width:100%;overflow-x:auto}
p,li,dd,td,blockquote,figcaption{overflow-wrap:anywhere}
/* media */
@media (width <= 655px){h1,h2,h3{overflow-wrap:anywhere}}
@media (width <= 720px){table{display:block;max-width:100%;overflow-x:auto}}
@media (width <= 655px){.wu-cards{grid-template-columns:1fr}}
@media (width <= 655px){.wu-cards.wu-cardsV2 > .wu-item,.wu-cards.wu-cardsV4 > .wu-item{display:block}}
@media (width <= 655px){.wu-cards.wu-cardsV2 > .wu-item .wu-cardMedia,.wu-cards.wu-cardsV4 > .wu-item .wu-cardMedia{aspect-ratio:16 / 9;height:auto;width:100%}}
@media (width <= 655px){.wu-comparison{grid-template-columns:minmax(0,1fr)}}
