/* Public homepage: retain the original CMS frame and its existing artwork. */
fieldset{border:0;min-width:0;padding:0;margin:0}
.home-skip{position:absolute;top:-100px;left:12px;z-index:1000;padding:10px;background:#f8f0da;color:#7b1300}
.home-skip:focus{top:8px}
:focus-visible{outline:2px solid #b87922!important;outline-offset:2px}
.home-preview{background:#f8efd5;color:#6b3718;padding:8px 14px;margin:0 20px 10px 30px}
.home-account{padding:12px 14px;line-height:1.6;overflow-wrap:anywhere}
.home-account p{margin-bottom:12px}
.home-account button{border:0;cursor:pointer}
.home-rank-more{text-align:center;padding-bottom:18px}
.home-rank-empty{padding:10px;line-height:1.5;height:auto!important;white-space:normal!important}
#frontLogin button.btn-login{display:block;cursor:pointer;margin-top:10px}
#frontLogin .agbok{line-height:1.5}
.content .inner-content p{margin-bottom:10px}
.two-boxes .front-status p{margin-bottom:9px}
@media(max-width:929px){
 html,body{min-width:0;height:auto}
 #header{width:100%;max-width:930px}
 #header .logo{left:calc(50% - 100px)}
 #header .header-box{width:min(534px,100%);margin-left:auto;margin-right:auto}
 #regBtn{max-width:100%}
 #regBtn>a{font-size:clamp(13px,3vw,22px)!important}
 .container{width:min(100%,930px);display:flex;flex-wrap:wrap;justify-content:center}
 .col-1,.col-3{float:none;width:170px;margin:0 5px}
 .col-2{float:none;order:-1;width:510px;max-width:100%;margin:0}
 .footer-wrapper{margin-top:0}
 #footer{width:100%;max-width:930px}
 #footer ul{margin-left:16px;margin-right:16px}
}
@media(max-width:509px){
 .col-2 .two-boxes,.col-2 .two-boxes-top,.col-2 .two-boxes-bottom,.col-2 .content,.col-2 .content-bg,.col-2 .content-bg-bottom{width:auto!important;max-width:100%;background:#ead9b5;border-radius:3px}
 .col-2 .two-boxes{margin:0 8px 12px;border:2px solid #8b622c}
 .col-2 .two-boxes-bottom{display:flex;flex-wrap:wrap}
 .col-2 .box,.col-2 .box-right{float:none;width:auto!important;flex:1 1 160px;margin:0;padding:8px}
 .col-2 .box .body{padding:10px}
 .col-2 .content{margin:0 8px 12px;border:2px solid #8b622c}
 .col-2 .content h2{width:auto!important;margin:0 8px;padding-left:22px}
 .col-2 .inner-content{padding:12px!important;width:auto}
 .col-2 ul.screenshots{display:grid;grid-template-columns:repeat(2,100px);gap:10px;justify-content:center;width:auto;padding:12px}
 .col-2 ul.screenshots li{float:none;margin:0!important}
 .col-2 .shadow{display:none}
 #regSteps{display:none}
}