.page-copycats main{
padding-block:var(--sp5) var(--sp6);
}
.cc-hero{
display:flex;
flex-direction:column;
gap:var(--sp4);
}
.cc-hero .tag{
align-self:flex-start;
}
.cc-try{
font-size:var(--fz2);
}
.cc-example{
color:var(--tx1);
text-decoration-line:underline;
}
.cc-report{
display:flex;
flex-direction:column;
gap:var(--sp6);
}
.cc-head{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--sp2);
}
.cc-domain{
font-size:clamp(28px,7vw,56px);
letter-spacing:0;
overflow-wrap:anywhere;
}
.cc-puny{
font-size:var(--fz2);
overflow-wrap:anywhere;
}
.cc-part{
display:flex;
flex-direction:column;
gap:var(--sp3);
}
.cc-chip{
align-self:flex-start;
padding:var(--sp2) var(--sp3);
font-size:clamp(24px,5vw,40px);
}
.cc-summary{
font-size:var(--fh4);
line-height:1.4;
}
.cc-fake{
display:grid;
gap:var(--sp1);
border-left:4px solid var(--ac1);
}
.cc-fake-row{
display:grid;
grid-template-columns:5em minmax(0,1fr);
gap:var(--sp2);
overflow-wrap:anywhere;
}
.cc-fake-land{
margin-top:var(--sp2);
font-size:var(--fz3);
}
.cc-land-good{
color:var(--ok1);
}
.cc-land-warn{
color:var(--wn1);
}
.cc-land-bad{
color:var(--bd1);
}
.flag-bad .flag-word{
background:var(--bd1);
}
.cc-record{
display:block;
font-size:var(--fz2);
overflow-wrap:anywhere;
}
.cc-fix-title{
margin-top:var(--sp3);
}
.cc-fixes{
display:flex;
flex-direction:column;
gap:var(--sp3);
}
.cc-fix{
display:flex;
flex-direction:column;
gap:var(--sp3);
}
.cc-fix-rec{
display:grid;
gap:var(--sp2);
margin:0;
}
.cc-fix-rec div{
display:grid;
grid-template-columns:4em minmax(0,1fr);
gap:var(--sp2);
}
.cc-fix-rec dt{
color:var(--tx2);
}
.cc-fix-rec dd{
margin:0;
overflow-wrap:anywhere;
}
.cc-stats{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--sp2);
margin:0;
}
.cc-stats div{
display:flex;
flex-direction:column-reverse;
justify-content:flex-end;
gap:var(--sp1);
padding:var(--sp3);
}
.cc-stats dt{
color:var(--tx2);
font-size:var(--fz2);
}
.cc-stats dd{
margin:0;
font-family:var(--ff2);
font-size:var(--fh3);
font-weight:700;
line-height:var(--lh3);
}
.cc-group{
display:flex;
flex-direction:column;
gap:var(--sp2);
margin-top:var(--sp3);
}
.cc-group-title{
font-size:var(--fh4);
}
.cc-list{
display:flex;
flex-direction:column;
gap:var(--sp2);
}
.cc-item{
display:flex;
flex-direction:column;
gap:var(--sp1);
padding:var(--sp3);
background:var(--bg1);
border-left:4px solid var(--bg3);
}
.cc-high{
border-left-color:var(--bd1);
}
.cc-medium{
border-left-color:var(--wn1);
}
.cc-name{
font-size:var(--fz3);
font-weight:700;
overflow-wrap:anywhere;
}
.cc-tags{
display:flex;
flex-wrap:wrap;
gap:var(--sp1);
}
.cc-tags .tag{
padding:4px var(--sp1);
font-size:15px;
}
.tag-hot{
background:var(--bg3);
color:var(--tx1);
}
.tag-bad{
background:var(--bd1);
color:var(--tx3);
font-weight:700;
}
.cc-meta{
color:var(--tx2);
font-size:var(--fz2);
overflow-wrap:anywhere;
}
.cc-meta a{
color:var(--tx1);
text-decoration-line:underline;
}
.cc-more{
padding:0;
}
.cc-more-body{
padding:0 var(--sp2) var(--sp2);
}
.cc-watch .join-form{
display:grid;
gap:var(--sp2);
}
@media (min-width:600px){
.cc-stats{
grid-template-columns:repeat(4,minmax(0,1fr));
}
}