.article-wrapper{flex-direction:column;gap:24px;max-width:900px;margin-bottom:24px;display:flex}.article-wrapper h3{color:#333;font-size:24px;font-weight:800}.article-wrapper .article-html-content{flex-direction:column;gap:8px;display:flex}.article-wrapper .article-html-content p{margin:0;font-size:16px;line-height:1.5}@media screen and (min-width:1024px){.article-wrapper .article-html-content p{font-size:20px}}.article-wrapper .article-html-content ol{margin:0;padding-left:1.5rem;list-style:none}.article-wrapper .article-html-content ol li{margin-bottom:8px;font-size:16px;line-height:1.5;position:relative}@media screen and (min-width:1024px){.article-wrapper .article-html-content ol li{font-size:20px}}.article-wrapper .article-html-content ol li[data-list=bullet]:before{content:"•";font-size:1.2em;position:absolute;left:-1.2rem}.article-wrapper .article-html-content ol li[data-list=unchecked]:before{content:"☐";font-size:1.2em;position:absolute;left:-1.5rem}.article-wrapper .article-html-content ol li[data-list=checked]:before{content:"☑";font-size:1.2em;position:absolute;left:-1.5rem}.article-wrapper .article-html-content ol li:not([data-list]){list-style:decimal}.article-wrapper .article-html-content .ql-ui{display:none}.article-wrapper .article-html-content strong{font-weight:800}.article-wrapper .article-html-content em{font-style:italic}.article-wrapper .article-html-content u{text-decoration:underline}.article-wrapper .article-html-content s{text-decoration:line-through}.article-wrapper .article-html-content a{color:#00f;text-decoration:underline}.article-wrapper .article-html-content a:hover{opacity:.8}.article-fragment-images-wrapper{flex-direction:row;gap:12px;max-width:900px}.article-fragment-images-wrapper img{border-radius:8px;width:300px}@media screen and (min-width:1024px){.article-fragment-images-wrapper img{width:400px}.article-fragment-images-wrapper{flex-direction:row;display:flex}}.article-fragment-image-wrapper{justify-content:space-between;gap:24px;display:flex}.article-fragment-image-wrapper img{border-radius:8px;width:100%;height:100%}.article-fragment-video-wrapper{flex-direction:column;justify-content:space-between;gap:24px;font-size:20px;display:flex}.article-fragment-video-wrapper iframe{border:none;border-radius:8px;width:300px;height:400px}@media screen and (min-width:768px){.article-fragment-video-wrapper iframe{width:600px;height:350px}}@media screen and (min-width:1024px){.article-fragment-video-wrapper iframe{width:900px;height:500px}}
.article-hero-image-container{width:100%;height:260px;position:relative}.article-hero-image-container .article-hero-clip{z-index:0;width:100%;position:absolute;top:0}.article-hero-image-container img{clip-path:url(#article-hero-clip-custom);object-fit:cover;object-position:center center;width:100%;height:100%;display:block}@media screen and (min-width:768px){.article-hero-image-container{height:560px}}
.article-hero-container{width:100%;height:fit-content;min-height:520px;display:flex;position:relative;overflow:hidden}.article-hero-container .article-hero-left{z-index:1;flex-direction:column;gap:24px;padding-left:16px;display:flex}.article-hero-container .article-hero-left .article-hero-titles{position:relative}.article-hero-container .article-hero-left .article-hero-titles h2{color:#0000;text-shadow:2px 0 #515151;margin-top:64px;font-size:32px}.article-hero-container .article-hero-left h5,.article-hero-container .article-hero-left p{color:#333;text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff,-2px 0 #fff,2px 0 #fff,0 -2px #fff,0 2px #fff;padding-right:16px;font-size:16px;font-weight:600}.article-hero-container .article-hero-right{width:300px;position:absolute;top:260px;right:-48px;overflow:hidden}@media screen and (min-width:580px){.article-hero-container .article-hero-left{justify-content:center;max-width:560px;min-height:680px}.article-hero-container .article-hero-left .article-hero-titles h2{font-size:40px}.article-hero-container .article-hero-right{top:64px;right:-50px}}@media screen and (min-width:768px){.article-hero-container{min-height:640px}.article-hero-container .article-hero-left .article-hero-titles h2{font-size:48px}.article-hero-container .article-hero-right{width:400px;height:560px;right:0}}@media screen and (min-width:1024px){.article-hero-container .article-hero-left{max-width:600px}.article-hero-container .article-hero-left .article-hero-titles h2{font-size:64px}.article-hero-container .article-hero-left p{text-shadow:-2px -2px #f8f8f8,0 -2px #f8f8f8,2px -2px #f8f8f8,2px 0 #f8f8f8,2px 2px #f8f8f8,0 2px #f8f8f8,-2px 2px #f8f8f8,-2px 0 #f8f8f8}.article-hero-container .article-hero-right{width:640px;height:560px;right:0}}@media screen and (min-width:1300px){.article-hero-container .article-hero-left{padding:0}}
.article-table-of-contents-items-wrapper{background-image:url(/login_background.png);background-position:50%;background-repeat:no-repeat;background-size:80%;border-radius:8px;width:90%;padding:16px;box-shadow:inset 0 0 6px #deebeb,0 4px 12px #0020401a}@media screen and (min-width:768px){.article-table-of-contents-items-wrapper{width:600px;padding:20px}}@media screen and (min-width:1024px){.article-table-of-contents-items-wrapper{width:800px}}@media screen and (min-width:1300px){.article-table-of-contents-items-wrapper{border-radius:0 16px 16px 0;width:auto;max-width:calc(50vw + 275px);padding-left:calc(50vw - 658px)}}.article-table-of-contents-items-wrapper h4{margin-top:8px;margin-bottom:16px;font-size:20px}.article-table-of-contents-items-wrapper ul{flex-direction:column;gap:16px;padding-left:16px;text-decoration:underline;list-style:none;display:flex}@media screen and (min-width:768px){.article-table-of-contents-items-wrapper ul{padding-left:32px}}
.table-of-contents-item{align-items:center;gap:14px;display:flex}.table-of-contents-item .table-of-contents-item-image{justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}
.article-container{flex-direction:column;gap:16px;max-width:1300px;margin:0 auto;display:flex}.article-container .article-content{padding:16px}@media screen and (min-width:1300px){.article-container .article-content{padding:0}}.article-content{flex-direction:column;gap:24px;max-width:1300px;margin:24px auto 0;padding:16px;display:flex}@media screen and (min-width:1024px){.article-content{padding-left:16px}}@media screen and (min-width:1300px){.article-content{padding:0}}.article-connected-articles-wrapper{max-width:1300px;margin:24px auto 0;padding:0 16px}@media screen and (min-width:1300px){.article-connected-articles-wrapper{padding:0}}.article-text-articles-wrapper{max-width:1300px;margin:0 auto;padding:16px}.article-text-articles-wrapper h2{font-weight:700}@media screen and (min-width:1300px){.article-text-articles-wrapper{padding:16px 0}}.article-gallery-wrapper{max-width:1300px;margin:0 auto;padding:16px}@media screen and (min-width:1300px){.article-gallery-wrapper{padding:16px 0}}.article-location-container{align-items:center;gap:8px;margin-left:16px;display:flex}.article-location-container .article-location{cursor:pointer;align-items:center;gap:8px;max-width:1300px;text-decoration:underline;display:flex}.article-location-container .article-location h2{font-weight:700}@media screen and (min-width:1024px){.article-location-container .article-location{margin-left:0}}@media screen and (min-width:1300px){.article-location-container .article-location{padding:0}}.article-gallery-text-wrapper{justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;padding:0 16px;display:flex}@media screen and (min-width:1300px){.article-gallery-text-wrapper{padding:0}}.article-location-parent{flex-direction:column;gap:16px;max-width:1300px;margin:0 auto 24px;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:2rem 0;display:grid}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;padding:1rem 0}}.gallery-item{aspect-ratio:1;border-radius:8px;transition:transform .3s;position:relative;overflow:hidden}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{transition:transform .3s}.gallery-item:hover img{transform:scale(1.05)}
.article-read-more-wrapper{align-items:center;gap:16px;display:flex}.article-read-more-wrapper img{object-fit:contain;width:50px;height:50px}.article-read-more-wrapper h2{color:#333;font-size:24px;font-weight:700}.article-read-more-wrapper a{color:#2bac82;font-size:20px;text-decoration:none}.article-read-more-wrapper a:hover{text-decoration:underline}