/* pages */
.foot1{width:80vw;margin:0 auto;height:10vw;background-image:url(/css/f.svg);background-repeat:repeat-x;background-size:auto 8vw}
nav{background:#f8f3eb;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:998}
nav .logo{font-size:1.5em;text-shadow:2px 2px 4px rgba(0,0,0,.25)}
nav c,nav a{color:#a97e66;transition:.3s;text-decoration:none;padding:5px 10px}
nav c:hover,nav a:hover{color:#5a3e2b;border:0 !important}
main{max-width:800px;margin:3em auto;padding:2em;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
main.mini {
  max-width: 400px;
  margin: 2em auto; /* optional: slightly less vertical spacing */
  padding: 1.5em 2em; /* optional: smaller padding */
}
.foot{background:#eae4dc;padding:10px;color:#3f3f3f;border-top:solid 1px #d8d0c8}
.foot a{color:#b08d74}
body.bg .foot{background-color:#d7c6af}

c{cursor:pointer}
c{color:#0877bd;text-decoration:none}c:hover{border-bottom:1px dashed}
c.none{border:0}

tr.sort{cursor:pointer}
tr.sort td.sort,tr.sort td.sortD{color:red}
tr.sort td.sort:after,tr.sort td.sortD:after{content:' ';position:relative;left:5px;border:5px solid transparent}
tr.sort td.sortD:after{top:12px;border-top-color:red}
tr.sort td.sort:after{bottom:12px;border-bottom-color:red}

img.lazy{opacity:0;transition:opacity 0.3s ease-in}
img.lazy.loaded{opacity:1}
.cp b.fa-copy{display:none;cursor:pointer}
.cp:hover b.fa-copy{display:initial}