/******************************************************************************************************************************
This used to be in a CSS file loaded from typekit.com, but we could only put font-display, which G wanted, if we hosted
*******************************************************************************************************************************/
@import url("https://p.typekit.net/p.css?s=1&k=wmt8pic&ht=tk&f=139.140.175.176.5474&a=3904127&app=typekit&e=css");

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n7&v=3") format("opentype");
font-style:normal;font-weight:700;font-display:fallback;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/86b539/00000000000000003b9b093a/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/86b539/00000000000000003b9b093a/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/86b539/00000000000000003b9b093a/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i7&v=3") format("opentype");
font-style:italic;font-weight:700;font-display:fallback;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/4838bd/00000000000000003b9b0934/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n4&v=3") format("opentype");
font-style:normal;font-weight:400;font-display:fallback;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/6aec08/00000000000000003b9b0935/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i4&v=3") format("opentype");
font-style:italic;font-weight:400;font-display:fallback;
}

@font-face {
font-family:"proxima-nova";
src:url("https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n3&v=3") format("opentype");
font-style:normal;font-weight:300;font-display:fallback;
}

:root {
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.10), 0 4px 8px rgba(15, 23, 42, 0.04);
  --color-ink: #0f172a;
  --color-text: #1a1a1a;
  --color-muted: #64748b;
  --color-border: #e5e7eb;
  --color-border-soft: #f1f5f9;
  --color-bg-subtle: #f8fafc;
  --color-accent: #00a4b2;
  --color-accent-ink: #006d78;
  --color-success: #15803d;
  --color-success-bg: #dcfce7;
  --color-danger: #b91c1c;
  --color-danger-bg: #fee2e2;
  --color-cta: #e2223b;
  --color-warning-bg: #fffbeb;
  --color-warning-border: #f59e0b;
}

body {font-family: "proxima-nova",sans-serif; margin: 0;font-size: 17px;line-height: 1.6;color: var(--color-text);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

h1,h2,h3,h4,h5,h6 {font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;}
h1 {font-size: clamp(30px, 6.5vw, 44px);margin: 0.5em 0 0.35em 0;line-height: 1.15;letter-spacing: -0.02em;}
h2 {font-size: clamp(23px, 4vw, 30px);margin: 1.5em 0 0.5em 0;letter-spacing: -0.015em;}
h3 {font-size: clamp(20px, 3vw, 23px);margin: 1.5em 0 0.5em 0;font-weight: 700;letter-spacing: -0.01em;}
h4 {font-size: 17px;margin: 1.4em 0 0.4em 0;font-weight: 600;}
h5, h6 {font-size: 14px;margin: 1.4em 0 0.4em 0;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: #555;}

a {text-decoration: none;}

li {margin-top: 10px !important;margin-bottom: 10px !important;}

header {display: flex;justify-content: space-between;align-items: center;padding: 0 8px 0 17px;}
.article-left header {display: block;padding:0;margin: 0 -0.5em;}
.mb1 {margin-bottom: 1em;}

.title {margin: 8px 0 6px 0;width: 14em;max-width:50%;}
.title a, .title a:link, .title a:visited {text-decoration: none;color: #000;}
.title img {width: 100%;height: auto;}

#menu-bar {float: right;display: flex;align-items: center;justify-content: space-around;background: transparent url(images/mobile-menu.svg) 0 0 no-repeat;height: 30px;width: 30px;margin-right: 12px;margin-top: 2px;}

#menu {display: none;align-items: center;justify-content: space-around;list-style: none; background-color: #fff;padding-left: 0;text-align: center;
  border-color: rgb(233, 233, 233);
  border-style: solid;
  border-width: 1px;
  position: absolute;
  right: 0;
  top: 44px;width: 300px;}


#menu a, #menu a:link, #menu a:visited {color: #454545;}

.menu-item {width: 300px;font-size: 17px;border-bottom: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;letter-spacing: 0.02em;text-transform: uppercase;}
.menu-item a {width: 100%;padding: 25px 0; display: block;}

#menu-resources {position: relative;padding: 25px 0;color: #454545;}
#resources-folddown {display:none;position: absolute;right: 0;top: 3em;width: 19em;text-align: left;padding: 1em 0 1em 1em;list-style: none;box-shadow: 0 1px 2px 0 #d2d2d2,0 2px 6px 2px #fff,inset 0 4px 6px -4px #fff;border-radius: 0.15em;background-color: #fafafa;}
#resources-folddown .menu-item {width: 100%;padding:0;border:none}

.aff_dis {font-size: 14px;font-style: normal;color: var(--color-muted);background: var(--color-bg-subtle);border-left: 3px solid var(--color-accent);padding: 10px 14px;border-radius: 0 var(--radius-sm) var(--radius-sm) 0;margin: 18px 0 28px 0;line-height: 1.5;}
.aff_dis a {color: var(--color-accent-ink);font-weight: 600;text-decoration: underline;}

#main-article {justify-content: center; display: flex;width: 95%;margin: auto;flex-wrap: wrap;}
#main-article img {height: auto;max-width:100%;margin: 0;border-radius: var(--radius-md);}
.category #main-article img {margin: 2em 0 0 0;}
.article-left {width: 95%;max-width: 62ch;}
.article-left p, li {line-height: 1.65;font-size: 18px;margin: 0 0 1em 0;}
ul, ol {line-height: 1.6;margin: 0 0 1em 0;padding-left: 1.5em;}
.article-sidebar {display: flex;flex-wrap: wrap; justify-content: space-between;align-items: baseline;width: 85%;text-align: center;margin-bottom: 45px;font-size: 18px;line-height: 1.3em;}

.authorship {border-bottom: 1px solid var(--color-border); padding-bottom: 14px;margin-bottom: 20px;font-size: 14px;color: var(--color-muted);}

.authorship a, .authorship a:link, .authorship a:visited {font-weight: 600;color: var(--color-accent-ink);margin-left: 2px;}
.authorship time {color: var(--color-muted);}

.article-sidebar img {margin:0 !important;width:100% !important}
.article-sidebar a {width: 100%;margin: 20px 0;}

.article-sidebar hr {display:none;color: #b9b9b9;width: 25%;opacity: 0.25;margin: 5px auto 1.5em auto;}

.article-sidebar h2 {width: 100%;border-bottom: 1px solid var(--color-border);font-weight: 700; margin-bottom: 20px;font-size: 24px; padding-bottom: 10px;letter-spacing: -0.01em;}
.article-sidebar a {transition: transform 0.25s ease;}
.article-sidebar a img {border-radius: var(--radius-md);transition: box-shadow 0.25s ease;}
.article-sidebar a:hover img {box-shadow: var(--shadow-md);}

.author-box {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;background-color: #f5f5f5;margin-top: 2em;margin-bottom: 40px;padding: 20px 40px 20px 40px;}
.author-box img {max-width:unset !important;width:125px;border-radius: 123px !important;border-color: #fff;border-width: 5px;border-style: solid;}
.author-box-headline {width: 100%;margin-bottom: 0.75em;border-bottom: 1px solid #E7E7E7;padding-bottom: 5px;}
.author-about {font-size: 15px;}
.author-name {font-weight: 400;font-size: 0.97em;color: #00a4b2;}
.author-bio {margin-top: 5px;}
footer {background: #111;color: #CCC;padding: 30px 0;width: 100%;text-align: center;}
footer a:hover, footer a:link, footer a:visited {color: #fff;}
footer a img {max-width: 95%;height: auto;}
.footer-menu {align-items: center;justify-content: center;list-style: none;padding:0}
.footer-menu li {padding: 0px 5px;margin-left: 1.5em;margin-right: 1.5em;}
.footer-menu li a {padding: 23px 0;width: 100%;display: block;}
.footer-menu-start {border-left:none !important;}
.footer-menu-end {border-right:none !important;}
.social_badges a {margin: 0.25em;}
.copyright, .disclaimer {color: #a1a1a1;font-size: 17px;font-weight: 300;width: 98%;margin: 1em auto 0 auto;}

.h_icon {margin-right: 10px;vertical-align: middle;}

.highlightblock {
  background: #D4FEFB;
  border: 1px solid #d8d8d8;
  padding: 15px 15px 15px 15px;
  margin: 15px 0 30px 0;
}

.highlightblock p {margin:0}

.italic {font-style: italic;}

.bold {font-weight: bold;}

.center {text-align: center;}
.center img {max-width: 100%;height: auto;}
img.center {margin: 1.25em auto !important;display: block;}
.img-left, .img_left, .img-right, .img_right {display: block;margin: 1em auto 1.5em auto !important;max-width: 100% !important;height: auto;}
.img-round {border-radius: 40em !important;max-width: 46% !important;}
.img-round-narrow {border-radius: 40em !important;}

table {border: 1px solid #ddd;font-size: 16px;color: #444;text-align: left;margin-bottom: 25px;line-height: 1.5;border-collapse: collapse;border-spacing: 0;}
.display-table thead {background: #f7f8f9;font-size: 14px;}
.display-table tbody, tr, td, table div, table span {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

table > thead > tr > td, table > tbody > tr > td, .the-content table > tbody > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #ddd;
}

.display-table thead > tr > td {
  text-align: center;
  font-size: 1.1em;
  font-weight: 600;
}

.display-table tbody > tr > td:first-child {font-weight: 600 !important;}
table > tbody > tr > td {border-color: #e7e7e7;}
table > tbody > tr > td, table > tbody > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #DDD;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
}

/* Homepage only */
.conference {display: flex;flex-wrap: wrap;}
.conference p {line-height: 1.4;}
.conference ul {margin: 1em;}
#conference-img {width: 100%;height: auto;}
.hts-intro {display: flex;flex-wrap: wrap;align-content: center;}
.hts-intro ul {margin-bottom: 2em;}
.hts-scanner1 {order:2}
.hts-scanner2 {order:1}
.hts-scanner3 {order:3;justify-content: center;margin-top: 4em;align-items:center;}
.hts-scanner4 {order:4;width: 90%;margin: auto;}
.hts-scanner5 {order:2;width:100%}
.hts-scanner6 {order:1;width:100%}
.hts-scanner {display: flex;max-width: 1300px;margin: auto;flex-wrap: wrap;}
.hts-scanner header, .conference header, .homepage-resources header {border-bottom:none;box-shadow:none;}
.hts-scanner h1, .conference h1, .homepage-resources h1, #spyware-scanner h1 {font-size: 27px;margin-bottom:1em;width: 100%;text-align: center;}
.homepage-resources h1 {margin-top:2em;margin-bottom:0;}
.hts-scanner header {width: 100%;text-align: center;}
.hts-scanner h2, .homepage-resources h2 {font-size: 26px;margin-top: 2.5em;}
.hts-scanner p, .conference p, .homepage-resources p, .release-notes ul {line-height: 1.4;max-width: 37em;width: 90%;font-size: 20px;margin: auto;}
.hts-scanner .release {font-style: oblique;font-weight: 600;color: #545454;font-size: 16px;margin: 1em auto;}
.hts-scanner-div {margin-top: 2em; text-align: center;}
.hts-scanner-download {margin-top: 2em; width: 90%;margin: 1em auto;font-size: 20px;}
.hts-scanner-download a, #submit_button {background-color: #00837d;padding: 0.5em 2em !important;border-radius: 40px;color: #fff;}
#hts-scanner-img {width: 70%;height: auto;}
.hts-scanner-conclusion {color: #fff;padding: 1.5em 0;background-color: #32769f;}
.hts-scanner-conclusion p {max-width: 35em;width: 90%;font-size: 22px;margin: 1em auto;text-align: center;line-height: 1.4em;}
.resource-panels-wrapper {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.resource-panels {max-width: 600px;width: 90%;margin-top: 2em;}
.resource-panels img {width: 100%;height: auto;}
.homepage-resources p {line-height: 1.4;max-width: 37em;font-size: 20px;margin:1.25em auto}
.homepage-resources-featured {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.homepage-resources-featured a {max-width: 300px;font-size: 18px; margin: 1em;}
.homepage-resources-featured a img {width: 100%;height: auto;}
#spyware-scanner {max-width: 94%;display: flex;flex-wrap: wrap;justify-content: center;}
#spyware-scanner form {max-width: 94%;font-size: 16px;}
#spyware-scanner fieldset {border:none;padding-left: 0;}
#spyware-scanner input, #spyware-scanner textarea {max-width: 300px;font-size: 18px;display: block;padding: 0.35em;margin: 0.35em 0 1em 0;}
#spyware-scanner h1 {width: 100%;text-align: center;}
#submit_button {margin: 0.35em 0 5em 1em !important;border: none;}
#spyware-scanner #spyware-scanner-submitted {color:red}

/* Star Chart v1 */
.starchart{font-size:1em;display:flex;flex-wrap: wrap;justify-content: space-around;align-items:stretch;margin-bottom:2rem;padding:15px;background:#fff;border:solid 1px transparent;border-color:#c2c0d6}
.starchart.top-pick{border-color:#38d39f}
@media (min-width:576px){
.logo-col,.pricing-col,.score-col{width:33.333%;margin-top:0}
}
	
 .col{flex-basis:auto;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
 .inner-col-wrapper{width:100%}
 .number-col{order:1;width:100%;margin-top:-1rem;padding:.75rem 0;text-align:center;font-size:1.125rem}
 .top-pick .number-col{font-weight:700}
 .logo-col{order:2;width:50%;text-align:center}
 .logo-col .logo{border-radius:100%}
 .logo-col img{width:6em;height:auto}
 .logo-col .check-tagline{line-height:1}
 .logo-col .check{margin-right:.375rem;color:#38d39f}
 .logo-col .tagline{color:#4a4a4a;font-weight:700}
 .score-col{order:3;width:50%}
 .score-col .top-pick-text{margin-top:0.75em;text-align:center;text-transform:uppercase;color:#38d39f}
 .pricing-col{order:4;width:100%;margin-top:1rem;text-align:center}
 .pricing-col ul{margin:0;padding-left:0;list-style:none}
 .pricing-col li{margin:0}
 .pricing-col .free-plan{margin-top:.375rem;color:#979797}
 .ratings-col{order:5;width:100%;margin-top:1rem}
 .ratings-col .inner-col-wrapper{max-width:16rem}
 .ratings-col .rating-row{display:flex;margin-bottom:.375em}
 .ratings-col .rating-title{flex-grow:1}
 .ratings-col .stars{flex-shrink:0;color: #38d39f;}
 .cta-col{order:6;width:100%;margin-top:1rem;margin-bottom:0;text-align:center}
 .cta-col .review-link{margin-top:.375rem}
 .cta-col .review-link a{text-decoration:underline}
@media (min-width:768px){
.starchart {padding:15px 0;}
.number-col{width:8%;margin-top:0}
.logo-col{width:33%;border-right:1px solid #c2c0d6;}
.pricing-col,.score-col{width:33%;border-right:1px solid #c2c0d6}
.cta-col{order:5;width:33%;margin-top:0;margin-bottom:1rem}
.ratings-col{order:6}
}
@media (min-width:992px) and (max-width:1199.98px){
.cta-col .starbtn-fixed-width{min-width:auto}
}
@media (min-width:992px){
 .starchart{margin-bottom:1rem;flex-wrap:nowrap;justify-content:center}
 .col{margin-bottom:0;}
 .score-col{width:20%;border-right:1px solid #c2c0d6}
 .ratings-col{order:4;width:30%;margin-top:0;border-right:1px solid #c2c0d6;padding: 0 20px;}
 .pricing-col{order:5;width:10%}
 .cta-col{width:25%;border-right:0;order:6;}
 .cta-col .starbtn-fixed-width{min-width:auto}
 .number-col{width:5%}
 .logo-col{width:25%}
}
 
.svg-inline--fa.fa-w-18 {width: 1.125em;}
.svg-inline--fa {display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -.125em;}
.starbtn, a.starbtn {
    display: inline-block;
    font-family:'proxima-nova',serif;
    font-weight: 700;
    font-size: .875em;
    color: #555;
    text-align: center;
    line-height: 1.7;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid 
    transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: .25rem;
    padding: .6875rem 1.5rem;
    transition: .2s;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.starbtn-primary, a.starbtn-primary {
    background-color: #1e22ff;
border-color:transparent;
color:#fff !important;
}
.radial-rating .score-area {
    position: relative;
    width: 6.5em;
    height: 6.5em;
    margin: 0 auto;
}

.radial-rating .circle-score-holder {

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: 

    #f7f8fc;
    border-radius: 50%;

}
.radial-rating.top-pick .semi-circ {
    background-color: 
    #38d39f;
}
.radial-rating .semi-circ:first-child {
    z-index: 1;
    right: auto;
    left: 0;
    transform-origin: 100% 50%;
}
.radial-rating .semi-circ {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    transform-origin: 0 50%;
    background-color: #29235b;
}
.radial-rating .center-circ {
    position: absolute;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    top: 8px;
    left: 8px;
    border-radius: 50%;
    background-color: 
    #fff;
    z-index: 2;
}
.radial-rating .center-circ p {
    position: absolute;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    font-size: 1.65em;
    font-weight: 500;
}
	/* END - Star Chart */

/* Star Chart v2 */
.flex_wrapper {display: flex;flex-wrap: wrap;align-items:flex-start;}
.flex_wrapper.switchorder .flex_wrapper_txt {order:2}
.flex_wrapper.switchorder .procon_wrapper {order:1}
.procon_wrapper {display: flex;
  position: relative;font-size: 17px;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin: 0.75em 0 2em 0;
  padding: 1.4em 1.4em 1em 1.4em;
}

.procon_wrapper.img_right,.procon_wrapper.img_left {float: none;width: 17em !important;max-width: 88% !important;}
.procon_wrapper img {max-width: 100% !important;}
.procon_wrapper .stars {display: flex;}
.procon_wrapper .stars img {height: 16px !important;width: auto !important;margin: 0 !important;}
.procon_wrapper .star-rating {display: inline-flex;gap: 2px;}
.procon_wrapper .svg-inline {display: inline-block;font-size: inherit;overflow: visible;vertical-align: -.125em;height: 1em;width: 1.125em;color: #FCC300;}

.procon_wrapper .rating {display: block;width: fit-content;max-width: 100%;margin: 0 auto 1em auto;padding: 6px 14px;background: linear-gradient(135deg, #0891b2, #00a4b2);color: #fff;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;border-radius: var(--radius-pill);box-shadow: 0 4px 10px rgba(8, 145, 178, 0.25);text-align: center;}
.procon_wrapper .rating::before {content: "★ ";}
.procon_wrapper .product_details {display: flex;font-size: 0.93em;width:100%;justify-content: space-between;align-items: center;line-height: 1.4;padding: 7px 0;color: #475569;}
.procon_wrapper .product_details + .product_details {border-top: 1px solid var(--color-border-soft);}
.procon_wrapper .separator {height: 1px;width:100%;margin: 1em 0;background-color: var(--color-border-soft);}
.procon_wrapper .pros,.procon_wrapper  .cons {width:100%}
.procon_wrapper .pros ul,
.procon_wrapper .cons ul {list-style: none;padding-left: 0;margin: 0.4em 0 0.8em 0;}
.procon_wrapper .pros ul li,
.procon_wrapper .cons ul li {position: relative;padding-left: 28px;font-size: 0.95em;line-height: 1.45;margin: 0 0 8px 0 !important;color: #334155;}
.procon_wrapper .pros ul li::before,
.procon_wrapper .cons ul li::before {content: "";position: absolute;left: 0;top: 0.2em;width: 18px;height: 18px;border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: 10px 10px;}
.procon_wrapper .pros ul li::before {background-color: var(--color-success-bg);background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2315803d'><path d='M16.7 5.3a1 1 0 0 1 0 1.4l-8 8a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.4L8 12.6l7.3-7.3a1 1 0 0 1 1.4 0z'/></svg>");}
.procon_wrapper .cons ul li::before {background-color: var(--color-danger-bg);background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23b91c1c'><path d='M5 9h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2z'/></svg>");}
.procon_wrapper .pros span,.procon_wrapper .cons span {color: inherit;}
.procon_wrapper .pro_con_headline {font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--color-success);margin-bottom: 4px;}
.procon_wrapper .cons .pro_con_headline {color:var(--color-danger);}
.procon_wrapper .recommended, .procon_wrapper .recommended a {width:100%}
.procon_wrapper .recommended img {width:100%;height: auto;margin-bottom: 0.5em;}
.procon_wrapper .recommended.screenshot img {margin: 0 0 1.25em 0 !important;border: 1px solid var(--color-border);border-radius: var(--radius-md);box-shadow: var(--shadow-sm);}
.procon_wrapper .recommended.screenshot a {display: block;transition: transform 0.2s ease;}
.procon_wrapper .recommended.screenshot a:hover {transform: translateY(-2px);}
.main_btn {margin: 0.5em 0 0.5em 0;width: 100%;}
.main_btn a {display: flex;align-items: center;justify-content: center;gap: 6px;width: 100%;padding: 14px 20px;
  font-size: 17px;
  font-weight: 600;
  border-radius: var(--radius-md);
  box-shadow: 0 4px 12px rgba(226, 34, 59, 0.28);
  background: linear-gradient(180deg, #e83b54, #d81f37);
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  color: #fff !important;
  letter-spacing: 0.01em;
  box-sizing: border-box;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.main_btn a::after {content: "→";display: inline-block;transition: transform 0.15s ease;font-weight: 500;}
.main_btn a:hover {transform: translateY(-1px);box-shadow: 0 6px 18px rgba(226, 34, 59, 0.34);filter: brightness(1.03);}
.main_btn a:hover::after {transform: translateX(3px);}
.main_btn a:focus-visible {outline: 3px solid rgba(226, 34, 59, 0.35);outline-offset: 2px;}
/* END - Star Chart v2 */

/* Legality / warning callout */
.legality-callout {background: var(--color-warning-bg);border-left: 4px solid var(--color-warning-border);border-radius: 0 var(--radius-md) var(--radius-md) 0;padding: 4px 22px 18px 22px;margin: 2em 0;}
.legality-callout h2 {margin-top: 0.75em;}
.legality-callout p:last-child {margin-bottom: 0.5em;}

/* Languages */
.lang_available {text-align:center;display:none}
.lang_wrapper .menu-item {font-weight: 400;border-right: none;border-left: none;text-transform: none;font-size: 18px;}
.language_english_overlay {font-size: 16px;position: fixed;bottom: 0;right: 0;width: 5em;text-align: center;z-index: 150;background-color: #fff;border-width: 1px;border-style: solid none none solid;border-color: #848484;border-radius: 0.25em 0 0 0;padding: 0.25em 0 0.25em 0;}
.languages_available_wrapper {font-size: 18px;margin: 2em 0 2em 0;}

/* Categories */
.manual_wrapper {display:flex;flex-wrap:wrap;justify-content: space-around;}
.manual_wrapper a {width:45%;max-width:300px;text-decoration:none;font-size:18px}
.manual_wrapper a img {max-width:100%;height:auto}
.category #main-article {width: 95%;padding-left: 0;padding-bottom: 6em;}

/* Top Callout */
.top_callout_frame {max-width: 400px;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;font-size: 18px;width: 90%;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;border-radius: 4px 4px 4px 4px;border-style: solid;border-width: 0 0 0 1px;border-color: #DEDEDE;box-shadow: 0 0 10px 0 rgba(0,0,0,.18);margin: 2em auto 3em auto;padding: 1.1em 1.1em 0.5em 1.1em}
.top_callout_headline {width: 100%;font-size: 24px;line-height: 22px;font-weight: 400;text-align: center;}
.top_callout_img_main {width: 100%;text-align: center;}
.top_callout_img_main img {border: 1px solid #e5e5e5;-webkit-box-shadow: 0 20px 30px -15px rgba(72,35,0,.5);box-shadow: 0 20px 30px -15px rgba(65, 70, 73, 0.5);margin-bottom: 1.5em !important;}
.top_callout_btn {margin: 0.5em auto 1.5em auto;}
.top_callout_btn a {display: block;
  background: linear-gradient(0deg,#35b782,#35b782),#35b782;
box-shadow: 0 6px 10px 0 rgba(22, 226, 150, 0.2);
padding: 13px 20px 13px 20px;
font-size: 21px;
font-weight: 400;
border-radius: 10px;
text-align: center;
touch-action: manipulation;
cursor: pointer;
color: #fff;
width: 10em;
}
.top_callout_btn a {color: #fff;}
.top_callout_feat_wrap {width: 100%;display: flex;flex-wrap: wrap;justify-content:center;}
.top_callout_feat_txt {width: 100%;text-align: center;border-bottom: 1px solid #c3cce6;padding: 0.55em 0;}
.top_callout_compat_frame {display: flex;align-items:center;justify-content: center;width: 100%;margin: 1.25em 0 0.5em 0;}
.top_callout_compat_frame img {margin: 0 0 0 0.25em !important;width: auto;height: 22px;}
.top_callout_compat {font-size: 17px;font-weight: 300;margin-right: 0.45em;}

/* TOC */
.toc_ul_outer {font-size: 0.95em;padding-left: 1em;}
.toc_ul_outer li {width: 100% !important;}

@media only screen and (min-width: 430px) {
  #menu-bar {height: 43px;width: 43px;}
  .article-left {width: 95%;}
  .authorship {font-size: 0.8em;}
  .article-sidebar a {width: 300px;max-width:48.5%;margin: 10px 0;}
  .title {width: 12em;}
}

@media only screen and (min-width: 550px) {
  .article-left {width: 85%;}
  footer a img {max-width: unset;}
  .footer-menu {display: flex;}
  .footer-menu li {list-style: disc;}
  .footer-menu li a {padding: 0;width: auto;display: inline;}
  .author-box {padding: 25px;}
  .author-about {font-size: 0.95em;}
  .lang_available {display:block}
  .copyright, .disclaimer {font-size: 1.1em;}
}

@media only screen and (min-width: 750px) {
  .ratings-col .inner-col-wrapper{max-width:22rem}
  .author-box-headline {font-size: 1.3em;}
  .author-box {padding: 1.9vw;flex-wrap:nowrap;justify-content: unset;}
  .procon_wrapper {max-width: 55%;margin: 1em auto 1em auto;}
  .flex_wrapper .procon_wrapper {max-width: 15em;min-width: 15em;}
  .author-info {margin-left: 2em;}
  .hts-scanner-half {width: 50%;}
  .hts-scanner {align-items: center;}
  .hts-scanner1 {order:1}
  .hts-scanner2 {order:2}
  .hts-scanner5, .hts-scanner6 {width:100%}
  .resource-panels {max-width: 300px;}
  .title {margin: 8px 0 5px 0;width: 13em;}
}

@media only screen and (min-width: 850px) {
  .img-left, .img_left {float: left;margin: 1em 2.1em 1.5em 0 !important;}
  .img-right, .img_right {float: right;margin: 1em 0 1.5em 1.5em !important;}
  .procon_wrapper {margin: 0 0 2em 1em;width: 16em;}
  .flex_wrapper.switchorder .flex_wrapper_txt {order:1}
  .flex_wrapper.switchorder .procon_wrapper {order:2}
  .flex_wrapper {flex-wrap: nowrap;}
  .flex_wrapper_txt {width: auto;}
  .resource-panels {max-width: 400px;}
  .conference {align-items:center}
  .hts-scanner5, .hts-scanner6 {width:50%}
  .hts-scanner5 {order:2}
  .hts-scanner6 {order:1}
  .title {width: 11em;}
}

@media only screen and (min-width: 900px) {
  #menu-bar {float:none;display: block;background: none;height: auto;width: auto;margin-right: unset;margin-top: unset; color: #3e3e3e;text-transform: uppercase;padding: 0 0;text-align: center;}
  #menu {display: flex;justify-content: center;background-color:unset;border-style: none; position: static; width: auto; margin: 0; padding: 0;}
  .menu-item {display: inline-block; width:unset; margin: 0;border-bottom: unset;border-bottom: unset;border-right: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;font-weight: 500;}
  .menu-item a,#menu-resources {width: unset;padding: 0 22px;line-height: 40px;}
  #resources-folddown {left: 0;right:unset}
}


@media only screen and (min-width: 1000px) {
  body {font-size: 18px;}
  #main-article {width: 95%;flex-wrap: nowrap;}
  .article-left {width: 68%;}
  .category .article-left {width: 90%;}
  .category .article-left p, .category .article-left header {width: 75%;margin: auto;}
  .article-sidebar {width: 420px;max-width: 27%;display: block;margin-top: 67px;margin-left: 5%;margin-bottom:0;font-size: 1em;line-height:normal;}
  .article-sidebar h2 {width: auto;font-size: 1.2em;padding-bottom: 2px;}
  .article-sidebar a {width: auto;margin: 0;}
  .article-sidebar hr {display: block;}
  .article-sidebar img {margin: 20px 0 0 0;}
  .radial-rating .score-area {width: 4.5em;height: 4.5em;}
  .main_btn {font-size: 20px;}
  .procon_wrapper {margin: 0 auto 2em auto;}
  .flex_wrapper {flex-wrap: wrap;}
  .flex_wrapper.switchorder .flex_wrapper_txt {order:2}
  .flex_wrapper.switchorder .procon_wrapper {order:1}
  .img-left, .img_left, .img-right, .img_right {max-width: 50% !important;height: auto;}
  .img-round-narrow {max-width: 35% !important;}
  .title {margin: 8px 0 4px 0;width: 17em;}
  .menu-item {font-size: 17px;}
}

@media only screen and (min-width: 1150px) {
  #main-article {width: 85%;padding-left: 7%;}
  .category #main-article {width: 70%;padding-left: 0;}
  .procon_wrapper {margin: 1em auto 1em auto;width: 16em;}
  .procon_wrapper.img_right {float: right;}
  .procon_wrapper.img_left {float: left;}
  .resource-panels {max-width: 450px;}
  .title {width: 16em;}
  .menu-item {font-size: 18px;}
}

@media only screen and (min-width: 1250px) {
  #main-article {width: 80%;padding-left: 10%;}
  .category #main-article {width: 70%;padding-left: 0;}
  .language_english_overlay {font-size: 18px;}
  .resource-panels {max-width: 500px;}
  .title {width: 13em;}
  .menu-item {font-size: 17px;}
}

@media only screen and (min-width: 1370px) {
  #main-article {width: 80%;padding-left: 10%;}
  .category #main-article {width: 70%;padding-left: 0;}
  .article-left p, ul, ol, li {font-size: 1em;}
  .author-about {font-size: 0.9em;}
  .copyright, .disclaimer {font-size: 1em;}
  .procon_wrapper {margin: 1em 0 1em 1em;}
  .flex_wrapper {flex-wrap: nowrap;}
  .flex_wrapper.switchorder .flex_wrapper_txt {order:1}
  .flex_wrapper.switchorder .procon_wrapper {order:2}
  .menu-item {font-size: 19px;}
}

@media only screen and (min-width: 1500px) {
  .author-box img {width:150px;}
  .copyright, .disclaimer {font-size: 0.9em;}
  .resource-panels {max-width: 600px;}
  .title {width: 11em;}
}

@media only screen and (min-width: 2050px) {
  #main-article {width: 70%;}
  .category #main-article {width: 60%;}
  body {font-size: 1vw;}
  .author-box img {width:175px;}
}

/* Sidebar recommendation box
   Lives here rather than per-page so all review pages share one source of truth.
   --lab-* are page-local donor tokens on the newer review template; the fallbacks
   carry the identical values so the older template (no tokens) renders the same. */
#main-article .rec-pick {width: 100%;max-width: 420px;margin: 32px auto 0;background: #fff;border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);overflow: hidden;text-align: left;line-height: 1.5;}
#main-article .rec-pick-band {display: flex;align-items: center;gap: 0.5em;margin: 0;padding: 0.75em 1.15em;background: var(--lab-ink, #16323a);color: #fff;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.09em;}
#main-article .rec-pick-band::before {content: "\2605";font-size: 14px;line-height: 1;}
#main-article .rec-pick-body {padding: 1.25em 1.15em;}
#main-article .rec-pick-head {margin: 0 0 1.05em;padding-bottom: 0.9em;border-bottom: 1px solid var(--color-border-soft);}
#main-article .rec-pick-logo {display: block;width: 120px !important;height: auto;margin: 0 !important;border: 0;border-radius: 0;}
/* Optional, for products with no logo asset: a product screenshot and a text name */
#main-article .rec-pick-shot {display: block;width: 100% !important;height: auto;margin: 0 0 1.05em !important;border-radius: var(--radius-sm);}
#main-article .rec-pick-name {display: block;font-size: 17px;font-weight: 700;line-height: 1.3;letter-spacing: -0.01em;color: var(--color-ink);}
#main-article .rec-pick-copy {margin: 0 0 1.15em;font-size: 15px;line-height: 1.55;color: #475569;}
#main-article .rec-pick-cta {display: flex;align-items: center;justify-content: center;gap: 8px;box-sizing: border-box;width: 100%;max-width: none;margin: 0;padding: 0.75em 1.2em;background: var(--lab-accent, #0e7c7b);color: #fff;font-size: 16px;font-weight: 600;text-align: center;text-decoration: none;border-radius: var(--radius-sm);box-shadow: 0 4px 14px -4px rgba(14,124,123,0.5);transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;}
#main-article .rec-pick-cta::after {content: "\2192";transition: transform 0.15s ease;}
#main-article .rec-pick-cta:hover {background: var(--lab-accent-dk, #0a5d5c);transform: translateY(-1px);box-shadow: 0 9px 20px -6px rgba(14,124,123,0.55);}
#main-article .rec-pick-cta:hover::after {transform: translateX(3px);}
#main-article .rec-pick-cta:focus-visible {outline: 3px solid rgba(14,124,123,0.45);outline-offset: 3px;}
@media (prefers-reduced-motion: reduce) {
  #main-article .rec-pick-cta, #main-article .rec-pick-cta::after {transition: none;}
  #main-article .rec-pick-cta:hover, #main-article .rec-pick-cta:hover::after {transform: none;}
}
@media only screen and (min-width: 1000px) {
  #main-article .rec-pick {position: sticky;top: 20px;max-width: none;margin: 36px 0 0;}
}
/* Only bites on boxes carrying a screenshot (max 537px tall, so it needs ~577px of
   viewport). Without the shot the box is ~337px and clears any realistic window. */
@media only screen and (min-width: 1000px) and (max-height: 580px) {
  #main-article .rec-pick-shot {display: none;}
}/* Desktop only. Below 1000px the sidebar stops being a column and stacks under the
   article, where a pinned recommendation would just be an ad tacked to the page end. */
@media only screen and (max-width: 999px) {
  #main-article .rec-pick {display: none;}
}