@charset "UTF-8";
body{--spacing:2em;}
@media only screen and (min-width:1281px){
	body{--MaxContentWidth: 100em;}
}


/*layout*/
body{display:flex;flex-direction:column;min-width:320px;min-height:var(--VHeight);}

#guide_header{background:var(--background-color-L2,#fff);position:sticky;inset-block-start:calc((var(--site-header-height,0) - var(--main-nav-height,0))* -1px);z-index:99;transition:box-shadow 300ms;--spacing:2em;}
#guide_header.float{box-shadow:rgba(0 0 0 / 5%) 0 0 2em;}
#guide_header>.inner{display:grid;grid:"nav_logo guide_nav guide_func"/auto 1fr auto;align-items:center;gap:var(--spacing);width:min(var(--MaxContentWidth),100%);height:8em;margin-inline:auto;padding-inline:var(--spacing);box-sizing:border-box;}
#nav_logo{grid-area:nav_logo;}
#guide_nav{grid-area:guide_nav;}
#guide_func{grid-area:guide_func;}
@media only screen and (max-width:1280px){
	#guide_header>.inner{height:6em;}
}
@media only screen and (max-width:1000px){
	#guide_header>.inner{display:grid;grid:"nav_logo guide_func"/auto 1fr;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}

#nav_logo{}
#nav_logo .logo{color:inherit;}
#nav_logo .logo::before{content:'';display:block;--h:2em;width:calc(var(--h) / 4 * 19);height:var(--h);background:url('/skin/guide/images/logo_icon_text-1194d007.svg') no-repeat center/contain;-webkit-mask-image:linear-gradient(calc(var(--brightness-filter,0) * 180deg),rgba(0 0 0 / 100%),rgba(0 0 0 / 60%));filter:invert(var(--brightness-filter,0));}
#nav_logo .logo>span{display:none;}
@media only screen and (max-width:1280px){
	#nav_logo .logo::before{width:var(--h);background-image:url('/skin/guide/images/logo_icon-bd881438.svg');}
}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}

#guide_nav{}
#guide_nav>.guide_nav_ctrl_off{}
#guide_nav>.inner{}
#guide_nav .nav_title{display:none;}

#guide_nav .nav{display:flex;align-items:center;justify-content:end;}
#guide_nav .nav .bt{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding-inline-end:.75em;border-radius:.5em;transition:background-color 300ms;}
#guide_nav .nav .bt:hover{background-color:var(--SiteTHM-A10);}
#guide_nav .nav .category{display:flex;align-items:center;height:var(--CPT-US);padding-inline:1.5em .75em;border-radius:var(--CPT-BDR);font-weight:var(--CPT-FW-B);color:inherit;transition:color 300ms;}
#guide_nav .nav .category:hover{color:var(--SiteTHM);}
#guide_nav .nav .bt:has(.home){padding-inline-end:unset;}
#guide_nav .nav .home{display:flex;align-items:center;height:var(--CPT-US);padding-inline:1.5em;border-radius:var(--CPT-BDR);font-weight:var(--CPT-FW-B);color:inherit;transition:color 300ms;}
#guide_nav .nav .home:hover{color:var(--SiteTHM);}


#guide_nav .nav .subcategory_ctrl{padding:.25em;border-radius:.5em;cursor:pointer;color:var(--body-text-color-a25,rgba(0 0 0/25%));transition:color 300ms,background-color 300ms;}
#guide_nav .nav .subcategory_ctrl::before{content:attr(icon);font-size:1.5em;}
#guide_nav .nav .subcategory_ctrl:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}

#guide_nav .nav .subcategory_menu{position:absolute;inset-block-start:calc(100% + .75em);inset-inline-start:0;z-index:1;display:flex;flex-direction:column;gap:1em;min-width:20em;padding:1.5em 1.5em;box-sizing:border-box;border-radius:.5em;background-color:var(--background-color-L0,#fff);box-shadow:rgba(0 0 0/5%) 0 1em 2em;}
#guide_nav .nav .subcategory_menu:not(.show){display:none;}
#guide_nav .nav .subcategory{color:inherit;transition:color 300ms;}
#guide_nav .nav .subcategory>span{}
#guide_nav .nav .subcategory:hover{color:var(--SiteTHM);}
@media only screen and (max-width:1280px){
	#nav_logo .logo::before{width:var(--h);background-image:url('/skin/guide/images/logo_icon-bd881438.svg');}
}
@media only screen and (max-width:1000px){
	#guide_nav{position:fixed;inset:0;z-index:9;background-color:var(--background-color-mask-a75,rgba(0 0 0/50%));}
	#guide_nav>.guide_nav_ctrl_off{position:absolute;inset:0;z-index:-1;box-shadow:rgba(0 0 0/5%) 0 1em 2em;}
	#guide_nav>.inner{display:grid;grid:"nav_title" auto "nav" 1fr;align-items:start;gap:1px;width:min(30em,calc(var(--VWidth) - var(--CPT-US)));height:100%;margin:unset;margin-inline-start:auto;padding:unset;background-color:var(--background-color-L1,#fff);}

	body.show_guide_nav{overflow:hidden;}
	#guide_nav:not(.show){display:none;opacity:0;}
	#guide_nav.show{display:block;opacity:1;transition:opacity 300ms;transition-behavior:allow-discrete;}
	#guide_nav.show>.inner{transition:transform 300ms;}
	@starting-style{
		#guide_nav.show{opacity:0;}
		#guide_nav.show>.inner{transform:translateX(calc(var(--translate-reverse,1) * var(--spacing) * 1));}
	}

	#guide_nav .nav_title{grid-area:nav_title;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing);height:6em;padding-inline:var(--spacing) 1em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0;}
	#guide_nav .nav_title .logo{font-weight:var(--CPT-FW-B);}
	#guide_nav .nav_title .guide_nav_ctrl_off{width:var(--CPT-US);height:var(--CPT-US);display:flex;align-items:center;justify-content:center;}
	#guide_nav .nav_title .guide_nav_ctrl_off::before{content:attr(icon);font-size:1.5em;}

	#guide_nav .nav{flex-direction:column;align-items:unset;justify-content:unset !important;gap:unset;height:100%;padding:1em;box-sizing:border-box;overflow:hidden;overflow-y:auto;}
	#guide_nav .nav .bt{}
	#guide_nav .nav .bt:hover{background-color:unset;}
	#guide_nav .nav .category{padding-inline:1.25em;--CPT-US:4em;}
	#guide_nav .nav .category span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.25em;}
	#guide_nav .nav .category span::before{content:attr(icon);font-size:1.5em;}
	#guide_nav .nav .category span[icon=""]::before{content:'star_border';}
	#guide_nav .nav .home{padding-inline:1.25em;--CPT-US:4em;}
	#guide_nav .nav .home span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.25em;}
	#guide_nav .nav .home span::before{content:attr(icon);font-size:1.5em;}
	#guide_nav .nav .subcategory_menu{position:unset;grid-column:1/-1;background-color:unset;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;border-radius:unset;padding-block:1.25em;padding-inline:unset;margin-inline-start:4em;min-width:unset;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}

#guide_func{display:flex;align-items:center;margin-inline-start:auto;}
#guide_func .search:hover{--background-color:var(--SiteTHM-A10);--color:var(--SiteTHM);}
#guide_func .guide_nav_ctrl_on{display:none;}
@media only screen and (max-width:1000px){
	#guide_func{margin-inline-end:-1em;}
	#guide_func .guide_nav_ctrl_on{display:inherit;}
}


#content{display:flex;flex:auto;}
#content>.inner{display:flex;flex-direction:column;gap:var(--spacing);margin-inline:auto;width:min(var(--MaxContentWidth),100%);padding:var(--spacing);box-sizing:border-box;}


#guide_footer{margin-block-start:auto;}
#guide_footer>.inner{display:grid;grid:"copyright links settings"/auto 1fr auto;align-items:center;gap:var(--spacing);width:100%;max-width:var(--MaxContentWidth);padding:var(--spacing);margin-inline:auto;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing);}
#guide_footer .copyright{grid-area:copyright;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#guide_footer .links{grid-area:links;display:flex;flex-wrap:wrap;align-items:center;gap:1em;}
#guide_footer .links a:not(:hover){color:inherit;}
#guide_footer .settings{grid-area:settings;}
#guide_footer .settings .cpt-select>span[icon]::before{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
@media only screen and (max-width:1000px){
	#guide_footer>.inner{width:100%;grid:"settings" "links" "copyright";gap:1em;justify-items:start;}
}
@media only screen and (max-width:480px){}


/* home */
body:has(#home_search) #guide_header #guide_func .search{display:none;}
@media only screen and (min-width:1001px){
	body:has(#home_search) #guide_header #guide_nav{grid-column:span 2;}
	body:has(#home_search) #guide_header #guide_func{display:none;}
}

#home_search{padding-block:calc(var(--spacing) * 1.5);background-color:var(--background-color-L1,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 0 inset;}
#home_search>.inner{display:flex;flex-direction:column;gap:1.5em;width:100%;max-width:var(--MaxContentWidth);padding-inline:var(--spacing);margin-inline:auto;box-sizing:border-box;}
#home_search h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
#home_search .cpt-search{--CPT-US:4em;max-width:60em;}
#home_search .cpt-search .btw{--CPT-US:3em;margin-inline-end:.5em;}


#home_category{padding-block-start:var(--spacing);}
#home_category>.inner{display:flex;flex-direction:column;gap:1.5em;width:100%;max-width:var(--MaxContentWidth);padding-inline:var(--spacing);margin-inline:auto;box-sizing:border-box;}
#home_category .title{display:flex;flex-direction:column;gap:.5em;}
#home_category .title h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
#home_category .title .tips{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#home_category .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(25em,100%),1fr));gap:1px;border-radius:1em;background-color:var(--background-color-L1,#fff);overflow:hidden;}
#home_category .category{display:grid;grid:"icon name" auto "icon tips" 1fr/auto 1fr;gap:1em 1.5em;color:inherit;padding:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 1px 0 0 0,var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 0;transition:color 300ms,background-color 300ms;}
#home_category .category:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
#home_category .category::before{grid-area:icon;content:attr(icon);font-size:2em;}
#home_category .category[icon=""]::before{content:'star_border';}
#home_category .name{grid-area:name;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);text-transform:uppercase;}
#home_category .tips{grid-area:tips;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;color:var(--body-text-color-a50,rgba(0 0 0 / 50%));}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){
	#home_category .list{margin-inline:calc(var(--spacing) * -1);}
}


#home_articles{padding-block-start:var(--spacing);}
#home_articles>.inner{display:flex;flex-direction:column;gap:1.5em;width:100%;max-width:var(--MaxContentWidth);padding-inline:var(--spacing);margin-inline:auto;box-sizing:border-box;}
#home_articles .title{display:flex;flex-direction:column;gap:.5em;}
#home_articles .title h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
#home_articles .title .tips{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#home_articles .list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border-radius:1em;background-color:var(--background-color-L2,#fff);overflow:hidden;}
#home_articles .article{display:grid;grid:"icon title" auto "icon description" 1fr / auto 1fr;gap:1em 1.5em;box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 1px 0 0 0,var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 0;padding:var(--spacing);color:inherit;transition:color 300ms,background-color 300ms;}
#home_articles .article:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
#home_articles .article::before{grid-area:icon;content:attr(icon);font-size:2em;}
#home_articles .article_title{grid-area:title;font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-B);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;}
#home_articles .article_description{grid-area:description;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.5em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;color:var(--body-text-color-a50,rgba(0 0 0/50%));margin-block-end:auto;}
#home_articles .more{grid-column:1/-1;--icon-order:9;--CPT-US:4em;}
@media only screen and (max-width:800px){
	#home_articles .list{grid-template-columns:repeat(auto-fill,minmax(min(25em,100%),1fr));}
}
@media only screen and (max-width:480px){
	#home_articles .list{margin-inline:calc(var(--spacing) * -1);}
}


/* search */
body:has(#search_wrp) #guide_header #guide_func .search{display:none;}

#search_wrp{}
#search_wrp:only-child{margin:auto;width:min(60em,100%);}
#search_wrp>.inner{display:flex;flex-direction:column;gap:1.5em;}
#search_wrp h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
#search_wrp .cpt-search{--CPT-US:4em;max-width:60em;}
#search_wrp .cpt-search .btw{--CPT-US:3em;margin-inline-end:.5em;}

#search_result{display:flex;flex-direction:column;gap:var(--spacing);}
#search_result .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(30em,1fr));gap:var(--spacing) calc(var(--spacing) * 2);}
#search_result .search_empty{grid-column:1/-1;}
#search_result .article{display:grid;grid:"icon title" auto "icon description" 1fr / auto 1fr;align-items:center;gap:1em;color:inherit;transition:color 300ms;}
#search_result .article:hover{color:var(--SiteTHM);}
#search_result .article::before{grid-area:icon;content:attr(icon);font-size:2em;align-self:start;}
#search_result .article_title{grid-area:title;font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-B);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;}
#search_result .article_description{grid-area:description;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.5em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;color:var(--body-text-color-a50,rgba(0 0 0/50%));margin-block-end:auto;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#search_result .list{grid-template-columns:repeat(auto-fill,minmax(25em,1fr));}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#Breadcrumbs{}
#Breadcrumbs ul{display:flex;flex-wrap:wrap;gap:.5em;}
#Breadcrumbs ul>li{overflow:hidden;}
#Breadcrumbs ul>li~li{display:grid;grid-template-columns:auto 1fr;}
#Breadcrumbs ul>li~li::before{content:'/';display:inline-block;vertical-align:top;margin-inline-end:.5em;color:var(--body-text-color-a25,rgba(0 0 0/25%));}
#Breadcrumbs a{display:block;max-width:min(30em,100%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#Breadcrumbs a:hover{color:var(--SiteTHM);}


/* Guide category */
#category_list{display:flex;flex-direction:column;gap:var(--spacing);}
#category_list>.title{display:flex;flex-direction:column;gap:1em;padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5,rgb(0 0 0/5%)) 0 1px 0;}
#category_list>.title h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
#category_list>.title .tips{color:var(--body-text-color-a50,rgba(0 0 0/50%));}

#subcategory_group{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(30em,100%),1fr));gap:calc(var(--spacing) * 2);}
#subcategory_group .group{display:flex;flex-direction:column;gap:var(--spacing);max-width:40em;}
#subcategory_group .title{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:1em;}
#subcategory_group .title h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);}
#subcategory_group .title .more{--CPT-US:3em;}
#subcategory_group .title .more:not(:hover){--background-color:transparent;--border-color:transparent;--color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#subcategory_group .title .tips{grid-column:1/-1;color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#subcategory_group .title .tips:empty{display:none;}
#subcategory_group .list{display:flex;flex-direction:column;gap:1em;}
#subcategory_group .article{display:grid;grid-template-columns:auto 1fr;gap:1em;align-items:center;color:inherit;transition:color 300ms;}
#subcategory_group .article::before{content:attr(icon);display:block;font-size:2em;align-self:start;}
#subcategory_group .article>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;}
#subcategory_group .article:hover{color:var(--SiteTHM);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


/* Guide sub category */
#subcategory_list{display:flex;flex-direction:column;gap:var(--spacing);}
#subcategory_list .title{display:flex;flex-direction:column;gap:1em;padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5,rgb(0 0 0/5%)) 0 1px 0;}
#subcategory_list .title h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
#subcategory_list .title .tips{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#subcategory_list .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(30em,100%),1fr));gap:var(--spacing) calc(var(--spacing) * 2);}
#subcategory_list .article{display:grid;grid:"icon title" auto "icon description" 1fr / auto 1fr;align-items:center;gap:1em;color:inherit;transition:color 300ms;}
#subcategory_list .article:hover{color:var(--SiteTHM);}
#subcategory_list .article::before{grid-area:icon;content:attr(icon);font-size:2em;align-self:start;}
#subcategory_list .article_title{grid-area:title;font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-B);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;}
#subcategory_list .article_description{grid-area:description;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.5em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;color:var(--body-text-color-a50,rgba(0 0 0/50%));margin-block-end:auto;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


/* Guide article */
#ArticleContent{display:flex;flex:auto;}
#ArticleContent>.inner{display:grid;grid:"Breadcrumbs Breadcrumbs Breadcrumbs" auto "article_container line article_functions" 1fr / 1fr 1px clamp(20em,25%,25em);gap:var(--spacing);margin-inline:auto;width:min(var(--MaxContentWidth),100%);padding:var(--spacing);box-sizing:border-box;}
#ArticleContent>.inner::before{grid-area:line;content:'';display:block;background:var(--body-text-color-a5,rgb(0 0 0/5%));}
#ArticleContent #Breadcrumbs{grid-area:Breadcrumbs;}
#ArticleContent #article_container{grid-area:article_container;}
#ArticleContent #article_functions{grid-area:article_functions;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#ArticleContent>.inner{grid:"Breadcrumbs" auto "article_container" 1fr "line" 1px "article_functions" auto;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#article_container{display:flex;flex-direction:column;gap:var(--spacing);}
#article_container .title{display:flex;flex-direction:column;gap:1em;padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5,rgb(0 0 0/5%)) 0 1px 0;}
#article_container .title h1{font-size:var(--SiteFS-XXL);font-weight:var(--CPT-FW-EB);line-height:1.333334;}
#article_container .title .update{}
article.guide{}
article.guide h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);line-height:1.333334;margin-block:1em;}
article.guide h2:first-child{margin-block-start:unset;}
article.guide h3{font-size:var(--SiteFS-L);font-weight:var(--CPT-FW-EB);line-height:1.333334;margin-block:1em;}
article.guide ol,
article.guide ul{margin-block:1em;margin-inline-start:var(--spacing);}
article.guide ul>li{list-style:disc outside;margin-block:.75em;}
article.guide ol>li{list-style:decimal outside;margin-block:.75em;}
article.guide ol>li::marker,
article.guide ul>li::marker{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
article.guide b{font-weight:var(--CPT-FW-B);}
article.guide a{font-weight:var(--CPT-FW-B);}
article.guide a:hover{text-decoration:underline;}
article.guide img{display:block;max-width:min(50em,100%);max-height:40em;width:auto;height:auto;}
article.guide .img_wrp{width:fit-content;max-width:min(50em,100%);margin-block:1em;box-sizing:border-box;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a10,rgb(0 0 0/10%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;}
article.guide .img_wrp>img{display:block;max-width:min(50em,100%);max-height:40em;width:auto;height:auto;}
article.guide .youtube-player{max-width:min(50em,100%);margin-block:1em;box-sizing:border-box;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a10,rgb(0 0 0/10%)) 0 0 0 1px;border-radius:.5em;overflow:hidden;}
article.guide iframe,
article.guide video{display:block;width:100%;max-width:60em;height:auto;aspect-ratio:16/9;margin-inline:auto;border-radius:.5em;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}


#article_functions{position:sticky;inset-block-start:calc(var(--guide-header-height) * 1px + var(--spacing));z-index:1;display:flex;flex-direction:column;gap:var(--spacing);align-self:start;}
#article_functions>*+*{padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5,rgb(0 0 0/5%)) 0 1px 0 inset;}
#article_functions .article_tags,
#article_functions .article_votes,
#article_functions .article_related{display:flex;flex-direction:column;gap:1em;}
#article_functions .title{}
#article_functions .title h3{font-size:var(--SiteFS);font-weight:var(--CPT-FW-EB);}

#article_functions .article_tags{}
#article_functions .tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:start;gap:.5em;}
#article_functions .tag{display:block;padding:.5em 1em;border-radius:.5em;color:inherit;background-color:var(--body-text-color-a10,#fff);transition:color 300ms,background-color 300ms;}
#article_functions .tag>span{}
#article_functions .tag:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}

#article_functions .article_votes{}
#article_functions .votes{display:flex;flex-wrap:wrap;align-items:center;gap:.5em 1em;}
#article_functions .votes .btw{}
#article_functions .votes .btw:not(.on){--border-color:var(--body-text-color-a10,rgba(0 0 0/10%));--background-color:transparent;--shadow-color:transparent!important;--color:currentColor;}
#article_functions .count{color:var(--body-text-color-a50,rgba(0 0 0/50%));}

#article_functions .article_related{}
#article_functions .list{display:flex;flex-direction:column;gap:.5em;}
#article_functions .article{display:block;color:inherit;transition:color 300ms;}
#article_functions .article>span{}
#article_functions .article:hover{color:var(--SiteTHM);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){
	#article_functions{position:unset;}
}
@media only screen and (max-width:800px){}
@media only screen and (max-width:640px){}
@media only screen and (max-width:480px){}