*{
box-sizing:border-box;
}
html{
scrollbar-gutter:stable;
}
html,body{
margin:0;
padding:0;
width:100%;
max-width:100%;
font-family:var(--ff1);
background-color:var(--bg1);
color:var(--tx1);
}
button{
font-family:var(--ff1);
}
textarea{
resize:none;
}
a{
text-decoration:none;
}
p{
margin:var(--gap) 0;
}
p a,p a:visited{
color:var(--lnk);
}
ul p{
margin:10px 0;
}
img{
box-sizing:border-box;
max-width:100%;
}
code{
font-family:var(--ff3);
display:block;
background-color:var(--bg3);
color:var(--cl1);
padding:20px 70px 20px var(--gap);
font-size:var(--fz1);
margin:var(--gap) 0;
white-space:pre-wrap;
word-wrap:break-word;
overflow-wrap:break-word;
line-height:34px;
border-radius:var(--br1);
position:relative;
border:var(--bw1) solid var(--bc1);
}
p code,li code,td code,th code,span code,a code,label code{
display:inline;
padding:3px 8px;
margin:0;
white-space:normal;
line-height:inherit;
position:static;
border-radius:var(--br0);
width:auto;
font-size:0.88em;
}
blockquote{
display:block;
padding:0 0 0 30px;
font-size:28px;
margin:var(--gap) 0;
line-height:42px;
position:relative;
}
blockquote::before{
content:'';
position:absolute;
top:0;
left:0;
width:10px;
height:100%;
background-color:var(--cl1);
border-radius:50px;
user-select:none;
pointer-events:none;
}
blockquote p{
margin:0;
color:var(--cl1);
font-style:italic;
font-weight:600;
}
blockquote p:not(:last-child){
margin-bottom:var(--gd2);
}
blockquote cite{
display:block;
margin-top:var(--gd2);
font-style:normal;
color:var(--tx2);
font-size:calc(var(--fz1) - 2px);
font-weight:600;
}
mark{
padding:2px 0;
background-color:var(--ac2);
color:var(--tx1);
}
ul,ol{
list-style:none;
padding-left:0;
margin-left:20px;
}
main{
margin:0 auto;
box-sizing:border-box;
max-width:var(--max);
}
h1,h2,h3,h4,h5,h6{
font-family:var(--ff2);
font-weight:700;
color:var(--tx1);
margin:var(--gap) 0;
line-height:1.3;
}
strong,b{
font-weight:700;
}
.role-badge{
display:inline-block;
padding:2px 8px;
border-radius:50px;
font-size:11px;
font-weight:700;
font-family:var(--ff2);
text-transform:uppercase;
letter-spacing:.3px;
margin-left:6px;
vertical-align:middle;
}
.role-badge.role-admin{
background:var(--rb1);
color:var(--rd1);
}
.role-badge.role-writer{
background:var(--bb1);
color:var(--lnk);
}
[class*="dropdown"],
[class*="dropdown"] *,
.ctg-hero-nav,
.ctg-hero-nav *,
.ctg-hero-title,
.nav-section-title,
.nav-section-links,
.nav-section-links *,
.share-popup,
.share-popup *,
.toc-buttons,
.toc-buttons *,
.art-links-toggle,
.panel-header,
.panel-footer,
.search-section-label,
.search-more,
.search-footer-link,
.load-more-btn,
.load-more-next,
.load-more-prev,
.pag,
.pag *{
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}