:root{
  --background-color:#0B0B0B;
  --text-color:#F5F3E9;
  --headers:#111;
  --sec-header:#1a1608;
  --accent:#D4AF37;
  --accent-hover:#A88728;
  --border-color:rgba(212,175,55,.35);
  --muted:#b9b5a6;
  --font-size-base:16.5px;
  --line-height-base:1.6;
  --radius:10px;
  --shadow:0 6px 18px rgba(0,0,0,.25);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body, a, button, input {transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
body{
  background:var(--background-color);
  color:var(--text-color);
  font:var(--font-size-base)/var(--line-height-base) "Inter","Roboto",system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Arial,sans-serif;
  margin:0
}
a{color:var(--accent);text-decoration:none}
a:hover{color:#111;background:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

header{background:var(--headers);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px rgba(0,0,0,.3)}
.head{max-width:1500px;margin:0 auto;padding:8px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.logotype a{display:block;width:200px;height:45px;background:url(/minet-logo.png) no-repeat left center / contain}
.menu-wrapper{display:flex;align-items:center;gap:10px}

.search-form{display:flex;align-items:center;background:var(--sec-header);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}
.search-form input[type="text"]{padding:10px 12px;font-size:15px;border:none;background:transparent;color:var(--text-color);min-width:240px}
.search-form input::placeholder{color:#cfcab6}
.search-form button{background:var(--accent);border:none;color:#111;padding:9px 14px;cursor:pointer}
.search-form button:hover{background:var(--accent-hover)}
.search-icon-button{display:none;background:url(/search_icon.png) center/24px 24px no-repeat;width:40px;height:40px;border:none;cursor:pointer}
.mobile-search-form{overflow:hidden;max-height:0;transition:max-height .35s;background:var(--sec-header);width:92%;margin:0.4rem auto;border-radius:8px}
.mobile-search-form form{display:flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}
.mobile-search-form input[type="text"]{flex:1;padding:10px 12px;background:transparent;border:none;color:var(--text-color)}
.mobile-search-form button{background:var(--accent);border:none;color:#111;padding:10px 14px;cursor:pointer}

h1.h1-top-bar{
  font-size:clamp(20px,2.6vw,24px);
  font-weight:700;
  background:linear-gradient(180deg,var(--sec-header),#0f0d06);
  border:1px solid var(--border-color);
  border-radius:12px;
  padding:8px 12px;
  margin:10px 8px;
  box-shadow:var(--shadow)
}
h2{font-size:clamp(18px,2.2vw,22px);margin:8px 10px 4px;font-weight:700}
h3{font-size:18px;margin:6px 0}

main{max-width:1500px;margin:0 auto;padding:0 12px 18px}
.container{display:flex;flex-direction:column;gap:8px}
ul,li{list-style:none;margin:0;padding:0}
.muted{color:var(--muted);font-size:.95em;}

.description{
  background:var(--headers);
  border:1px solid var(--border-color);
  border-radius:12px;
  padding:12px;
  margin:12px 10px 0
}
.description p,.description td,.description th,.description li{font-size:var(--font-size-base);line-height:var(--line-height-base)}
.description table{width:100%;border-collapse:collapse;margin:1rem 0}
.description th,.description td{padding:8px 10px;border:1px solid var(--border-color);text-align:left}
.description th{background:var(--sec-header);font-weight:600}
.description li::before{content:"•";color:var(--accent);font-weight:700;margin-right:6px}

article.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
  margin:12px 10px;
}

.article{
  position:relative;background:linear-gradient(145deg,rgba(17,17,17,.98),rgba(26,22,8,.96));
  border:1px solid var(--border-color);
  border-radius:12px;overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  transition:transform .18s, box-shadow .18s, border-color .18s
}
.article:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,.35);border-color:rgba(212,175,55,.6)}
.article a{display:block;color:inherit}
.article img{
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;
  display:block;transition:filter .25s
}
.article:hover img{filter:brightness(1.08)}
.article .meta{
  padding:10px 12px;display:flex;gap:8px;justify-content:space-between;align-items:center;
  background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.25))
}
.article .meta span{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}

.categories{
  background:var(--headers);
  border:1px solid var(--border-color);
  border-radius:12px;padding:10px 12px;margin:8px 10px
}
.categories h2{margin:2px 0 8px;text-align:left}
.categories ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.categories a{
  display:block;padding:8px 10px;border:1px solid var(--border-color);
  border-radius:8px;background:var(--sec-header)
}
.categories span{
  float:right;
}
.categories a:hover{background:var(--accent);color:#111;border-color:transparent}

.navigation{
  display:flex;justify-content:center;gap:8px;padding:6px;margin:10px auto;flex-wrap:wrap
}
.navigation a,.navigation .current{
  padding:10px 14px;border-radius:8px;background:var(--headers);
  border:1px solid var(--border-color);color:#fff
}
.navigation a:hover{background:var(--accent);color:#111;border-color:transparent}
.navigation .current{background:var(--accent-hover);border-color:transparent}

.more-wrap{display:flex;justify-content:center;margin:8px 10px 14px}
#load-more{
  appearance:none;border:1px solid var(--border-color);background:var(--accent);
  color:#111;font-weight:600;padding:10px 16px;border-radius:999px;cursor:pointer
}
#load-more:hover{background:var(--accent-hover)}
#load-more:disabled{opacity:.6;cursor:not-allowed}

footer{
  color:#eae6d7;background:var(--headers);border-top:1px solid var(--border-color);
  display:flex;justify-content:center;align-items:center;flex-direction:column;
  padding:10px 0;margin-top:12px
}
footer a{text-decoration:underline}

.sitewide-banner{margin:16px 0; text-align:center;}
.sitewide-banner img{max-width:100%; height:auto; display:inline-block;}
.sitewide-banner a, .sitewide-banner picture{display:block;}

@media (max-width: 900px){
  .search-form{display:none}
  .search-icon-button{display:block}
}
@media (max-width: 760px){
  article.cards{grid-template-columns: 1fr;gap:10px;}
  .mobile-search-form:not([hidden]){max-height:220px}
}
@media (min-width: 481px) and (max-width: 760px){
  article.cards{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 380px){
  .head{padding:6px}
  .logotype a{width:160px;height:38px}
}

@media (prefers-reduced-motion: reduce){
  *{transition:none!important}
}