/* GeoNations Wiki - shared stylesheet. Editing this file IS the deploy (03-LOCATIONS). */
*{box-sizing:border-box}
body{margin:0;background:#0d0d10;color:#c9c9cf;font-family:Georgia,serif;line-height:1.62}
a{color:#FFD700;text-decoration:none}
a:hover{text-decoration:underline}
code{font-family:ui-monospace,Menlo,Consolas,monospace;color:#FFD700;font-size:.93em}
strong,b{color:#e8e8ee}

/* layout: fixed sidebar + content */
.side{position:fixed;top:0;left:0;bottom:0;width:250px;overflow-y:auto;background:#101014;border-right:1px solid #26262e;padding:1.1rem 1rem 2rem}
main{margin-left:250px;max-width:50rem;padding:2rem 2.2rem 3rem}

/* sidebar */
.side .brand{display:block;font-size:1.05rem;letter-spacing:.28em;background:linear-gradient(90deg,#FFD700,#FF6B00);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.2rem}
.side .brand span{display:block;font-size:.62rem;letter-spacing:.34em;color:#8a8a92;-webkit-text-fill-color:#8a8a92;margin-top:.15rem}
.side p.g{color:#8a8a92;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;margin:1.25rem 0 .3rem;border-bottom:1px solid #1d1d24;padding-bottom:.25rem}
.side a.pg{display:block;color:#c9c9cf;padding:.22rem .45rem;border-radius:5px;font-size:.92rem}
.side a.pg:hover{background:#17171d;text-decoration:none;color:#FFD700}
.side a.pg.on{background:#1c1c24;color:#FFD700;border-left:2px solid #FFD700;padding-left:.35rem}
.side .foot{margin-top:1.4rem;padding-top:.8rem;border-top:1px solid #1d1d24;font-size:.85rem}
.side .foot a{display:block;color:#8a8a92;padding:.14rem 0}
.side .foot .upd{display:block;color:#5a5a62;font-size:.75rem;margin-top:.6rem}

/* mobile top bar */
.topbar{display:none}
#nav-toggle{display:none}
@media(max-width:900px){
  .side{display:none}
  #nav-toggle:checked ~ .side{display:block;position:static;width:auto;border-right:none;border-bottom:1px solid #26262e}
  main{margin-left:0;padding:1.2rem 1.1rem 3rem}
  .topbar{display:flex;align-items:center;justify-content:space-between;background:#101014;border-bottom:1px solid #26262e;padding:.7rem 1.1rem}
  .topbar .brand{font-size:.95rem;letter-spacing:.26em;background:linear-gradient(90deg,#FFD700,#FF6B00);-webkit-background-clip:text;background-clip:text;color:transparent}
  .topbar label{color:#FFD700;border:1px solid #26262e;border-radius:6px;padding:.25rem .7rem;font-size:.85rem;cursor:pointer}
}

/* content */
h1{font-size:1.9rem;letter-spacing:.04em;background:linear-gradient(90deg,#FFD700,#FF6B00);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 .25rem}
p.updated{color:#5a5a62;font-size:.83rem;margin:.1rem 0 1.6rem}
h2{color:#FFD700;letter-spacing:.1em;font-size:1.18rem;border-bottom:1px solid #26262e;padding-bottom:.32rem;margin-top:2.4rem}
h3{color:#e8e8ee;font-size:1.02rem;margin:1.7rem 0 .4rem}
p{margin:.7rem 0}
ul,ol{padding-left:1.2rem}
li{margin:.32rem 0}
.muted{color:#8a8a92;font-size:.92rem}
.card{background:#15151a;border:1px solid #26262e;border-radius:8px;padding:.95rem 1.25rem;margin:1.1rem 0}
.card b{color:#FFD700}
.wrap{overflow-x:auto}
table{border-collapse:collapse;margin:.8rem 0;width:100%;font-size:.94rem}
td,th{border-bottom:1px solid #1d1d24;padding:.4rem .6rem;vertical-align:top;text-align:left}
th{color:#FFD700;font-weight:normal;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
td.n{white-space:nowrap;color:#e8e8ee}
footer{color:#5a5a62;font-size:.84rem;margin-top:3rem;border-top:1px solid #26262e;padding-top:1rem;line-height:1.9}