*{margin:0;padding:0;box-sizing:border-box;scroll-margin-top:1.5rem}@media (max-width: 1024px){*{scroll-margin-top:1rem}}html,body{font-family:"Mulish",Arial,sans-serif;font-size:18px;line-height:1.8rem;scroll-behavior:smooth}@media (max-width: 1024px){html,body{font-size:16px}}strong{font-weight:bold}em{font-style:italic}hr{border:1px
dotted black}h1,h2,h3{color:#002265}h1{font-size:2.6rem;line-height:3.7rem;margin:0.3rem 0 0.5rem;text-align:center}h1::first-letter {text-transform:capitalize}h2{font-size:2.1rem;line-height:3rem;margin:0.6rem 0}h3{font-size:1.8rem;line-height:2.6rem;margin:0.6rem 0}p{margin:0.5rem 0 1rem}a{text-decoration:none;border-bottom:2px solid;color:#0038a8}a:hover{font-weight:bold}fieldset{border:none}button,.button{display:block;border:none;padding:0.7rem 0.95rem;border-radius:0.3em;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2), 0 3px 9px rgba(0, 0, 0, 0.19);transition:0.3s ease}.only-main{margin:1rem auto;padding:0
1.2rem;max-width:1840px}@media (max-width: 1024px){.only-main{margin-top:1.5rem}}.content-grid{max-width:2190px;margin:auto;padding:0
1.3rem 1rem;display:grid;gap:1.6rem;grid-template-columns:calc(70% - 1.12rem) calc(30% - 0.48rem)}@media (max-width: 1024px){.content-grid{grid-template-columns:100%}}.bar-container{position:sticky;top:-4.7rem;z-index:1000;display:flex;flex-wrap:wrap;color:white;transition:opacity 1s ease-in-out}@media (max-width: 1024px){.bar-container{top:0}}.bar-container
.bar{display:flex;flex-basis:100%;align-items:center;padding:0
1.3rem;height:4.7rem;background:#0038a8}.bar-container .bar
.logo{border-radius:0.3em;background-color:white;height:2.8rem;padding:0.2rem;width:auto}.bar-container .bar .search-button{margin-right:1.3rem}@media (min-width: 1024px){.bar-container .bar .search-button{display:none}}.bar-container .bar
.middle{flex-basis:95%;margin:0
1em}@media (max-width: 1024px){.bar-container .bar
.middle{text-align:center}}.bar-container .bar .middle
.title{color:white;font-size:1.4rem}@media (min-width: 1024px){.bar-container .bar .middle
.title{vertical-align:middle;padding-left:1rem}}.bar-container .bar .middle .title::first-letter {text-transform:capitalize}@media (max-width: 1024px){.bar-container .bar .middle .title
.slogan{display:none}}.bar-container .bar .menu-button{font-size:2.4rem;cursor:pointer}@media (min-width: 1024px){.bar-container .bar .menu-button{display:none}}.bar-container
.promotion{flex-basis:100%;display:flex;background-color:#242830;padding:0.3rem 0.6rem;line-height:2rem;order:1}.bar-container .promotion
a{color:white}.bar-container .promotion
.placeholder{flex-grow:1;visibility:hidden}.bar-container .promotion
.close{width:2rem;text-align:center}.sidebar{width:100%;margin-bottom:1rem}.sidebar
.sticky{position:sticky;top:1.5rem}.sidebar .sidebar-card{margin:1.4rem 0;padding:0.7rem 1rem;box-shadow:0 0.2rem 1.2rem rgba(0, 0, 0, 0.2)}.sidebar .sidebar-card
.image{max-width:400px;margin:auto;width:100%}.sidebar .sidebar-card:first-child{margin-top:0}.sidebar
.recommendations{display:grid;gap:1.4rem 1rem;margin:1.4rem 0;grid-template-columns:100%}@media (max-width: 1024px){.sidebar
.recommendations{grid-template-columns:50fr 50fr}}@media (max-width: 680px){.sidebar
.recommendations{grid-template-columns:100%}}.sidebar .latest-comments{margin:1rem 0 1.4rem}.sidebar .menu-banner{background:#003297;color:white;margin:0.3rem 0;padding:0.3rem;text-align:center;border-radius:0.3em;line-height:1.6rem;display:block}.sidebar .menu-banner:hover{background-color:#002265}.main
.share{margin:1.6rem 0;font-size:2.2rem}.article-card{border-radius:0.3em;cursor:pointer;box-shadow:0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);transition:0.3s ease}.article-card:hover{transform:translateY(-0.3rem) scale(1.005);box-shadow:0 1.8rem 2.2rem rgba(0, 0, 0, 0.11)}.article-card a,
.article-card .main-link{color:#2d2d2d;border-bottom:none}.article-card a:hover,
.article-card .main-link:hover{color:black}.article-card
img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:0.3em 0.3em 0 0}.article-card .image-container{position:relative}.article-card
.body{margin:0.8rem 1.2rem}.article-card .body
h2{margin-bottom:0.1rem}.article-card .body
ul{font-size:86%;margin:0;list-style:none}.article-card .body
li{margin:0}.pointer{cursor:pointer}.mini-cards{display:grid;gap:1rem;grid-template-columns:90px 1fr}.mini-cards
img{height:60px;aspect-ratio:4/3;display:inline-block}.recommended-tools{display:grid;gap:2rem 1.1rem;grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr))}.recommended-tools>div{border:2px
solid black;border-radius:0.3em}.recommended-tools .intro,
.recommended-tools
.tool{padding:0.7rem}.recommended-tools .tool:nth-child(even){background-color:#e6ebf6}.recommended-tools
.intro{background-color:white}.recommended-tools .intro
h2{text-align:center}.recommended-tools .tools-image{width:85%;margin:1rem auto}@media (max-width: 1024px){.recommended-tools .tools-image{width:93%}}.affiliate{background:#e9e9e9;font-size:0.9rem;padding:1rem;font-style:italic;line-height:1.55rem;margin:1.1rem}.summary{background:#d4defc;padding:0.9em;border-radius:0.3em}.babel{margin:auto 0;display:inline;border-bottom:none}.toc{margin:1.5rem 0}.toc
ol{margin:0
0 0 1.3rem;list-style:none}.toc ol
li{margin:0.7rem 0}.toc ol li
a{border-bottom:none;font-size:1.2rem;color:#2d2d2d}@media (max-width: 1024px){.toc ol li
a{padding:0.4rem 0}}.toc ol li a:hover{border-bottom:2px solid;color:#0038a8}.main-image{margin:1.5rem 0 0;position:relative}@media (max-width: 1024px){.main-image{margin:0
-1.2rem}}.main-image
img{width:100%;-o-object-fit:contain;object-fit:contain;border-radius:0.3em 0.3em 0 0}@media (max-width: 1024px){.main-image
img{border-radius:0}}.menu{display:inline;margin:1rem 0;padding:0
1rem;color:#2d2d2d}.dropdown:has(.is-open) .dropdown-content{display:block}@media (min-width: 1024px){.dropdown:hover .dropdown-content{display:block}}.dropdown
.dropbtn{box-shadow:none;cursor:pointer;font-size:104%;font-family:inherit;padding:0;transition:none}@media (max-width: 1024px){.dropdown .dropbtn.is-open{font-size:117%}}@media (max-width: 1024px){.dropdown
.dropbtn{padding:0.2rem 0}}.dropdown .dropdown-content{display:none;min-width:160px;position:absolute;padding:1rem 1rem 0.6rem 0.6rem;overflow-y:auto;border-radius:0.3em;box-shadow:0 8px 16px rgba(0, 0, 0, 0.2);z-index:4}@media (max-width: 1024px){.dropdown .dropdown-content{padding-bottom:0.1rem;position:static;box-shadow:none}}.dropdown .dropdown-content
a{display:block;margin-bottom:0.6rem;line-height:1.7rem;cursor:pointer;padding-bottom:0.3rem;border-bottom:none}.dropdown .dropdown-content a:last-child{margin:0}@media (max-width: 1024px){.menu-hidden{transform:translateX(17em)}}.navigation{padding:1.2rem 1rem;flex-basis:100%;order:2;background-color:white}@media (max-width: 1024px){.navigation{width:17rem;position:fixed;right:0;top:0;padding:0;height:100%;transition:transform 0.5s ease;z-index:60000;box-shadow:0 2px 10px rgba(0, 0, 0, 0.15);overflow-y:auto;font-size:1.15rem}}@media (min-width: 1024px){.navigation .search-button{color:#2d2d2d}}.navigation .menu-items{display:flex;justify-content:center;align-items:center;-moz-column-gap:1.4em;column-gap:1.4em}.navigation .menu-items a,
.navigation .menu-items
button{color:#2d2d2d;background:white}.navigation .menu-items a:hover,
.navigation .menu-items button:hover{font-weight:600}@media (max-width: 1024px){.navigation .menu-items{margin:2.8rem 0 0;flex-direction:column}}.navigation .menu-items .menu-item .gth-menu-item{border-top:1px solid black;padding-top:0.9rem}@media (max-width: 1024px){.navigation .menu-items .menu-item{border-bottom:1px solid rgba(0, 0, 0, 0.25);padding:0.8rem 0.8rem 0.8rem 1rem;width:100%}.navigation .menu-items .menu-item:last-child{display:none}.navigation .menu-items .menu-item:nth-last-child(2){border:none}}.mobile-menu{transform:translateX(0)}