@import url("https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@500;600;700&family=Saira:wght@400;500;600&family=Special+Elite&display=swap");

:root,
html[data-theme="claro"]{
  --provas-bg:radial-gradient(120% 90% at 50% -12%, #d8ccac 0%, #cfc29e 46%, #3a3d29 100%);
  --provas-top:#101108;
  --provas-panel:#f4ecd4;
  --provas-panel-2:#e7dcbf;
  --provas-text:#1f2118;
  --provas-muted:#4c4e3b;
  --provas-line:#9a8c62;
  --provas-field:#fff8df;
  --provas-hazard:#d8a323;
  --provas-signal:#b6372d;
  --provas-shadow:0 18px 44px -32px rgba(16,17,8,.55), inset 0 1px 0 rgba(255,255,255,.45);
}

html[data-theme="escuro"]{
  --provas-bg:radial-gradient(120% 90% at 50% -12%, #2a2c20 0%, #101108 45%, #080b06 100%);
  --provas-top:#080b06;
  --provas-panel:#191b12;
  --provas-panel-2:#23251a;
  --provas-text:#ece2c6;
  --provas-muted:#a89a72;
  --provas-line:#3b3e2c;
  --provas-field:#101108;
  --provas-hazard:#e8b22a;
  --provas-signal:#d2543f;
  --provas-shadow:0 18px 42px -30px rgba(0,0,0,.92), inset 0 1px 0 rgba(255,255,255,.04);
}

*{box-sizing:border-box}

body{
  max-width:none;
  margin:0;
  padding:0;
  min-height:100vh;
  background:var(--provas-bg);
  color:var(--provas-text);
  font-family:"Saira",system-ui,sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}

body::before{
  content:"";
  display:block;
  height:14px;
  background:repeating-linear-gradient(45deg,#0d0d09 0 22px,var(--provas-hazard) 22px 44px);
}

a{color:inherit}

body>h1,
.provas-hero h1{
  margin:0;
  font-family:"Saira Condensed",sans-serif;
  font-size:clamp(2.6rem,8vw,5.8rem);
  line-height:.88;
  letter-spacing:.005em;
  color:#ece2c6;
  text-transform:uppercase;
  text-shadow:2px 2px 0 rgba(0,0,0,.22);
}

.provas-shell{
  min-height:100vh;
}

.provas-class{
  background:var(--provas-top);
  color:#ece2c6;
  font-family:"Special Elite",monospace;
  font-size:.68rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(232,178,42,.36);
  white-space:nowrap;
  overflow:hidden;
}

.provas-class-inner{
  width:min(1220px,100%);
  margin:0 auto;
  padding:7px 22px;
  display:flex;
  gap:24px;
}

.provas-class b,
.provas-hero h1 span,
.provas-stat b{
  color:var(--provas-hazard);
  font-weight:700;
}

.provas-hero{
  background:linear-gradient(180deg,#3a3d29,#101108);
  border-bottom:3px solid #080b06;
}

.provas-hero-inner{
  width:min(1220px,100%);
  margin:0 auto;
  padding:32px 22px 36px;
}

.provas-kicker{
  margin:0 0 10px;
  font-family:"Special Elite",monospace;
  font-size:.76rem;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:rgba(236,226,198,.7);
}

.provas-intro{
  max-width:820px;
  margin:14px 0 0;
  color:rgba(236,226,198,.84);
  font-size:1rem;
}

.provas-intro a{
  color:var(--provas-hazard);
}

.provas-main{
  width:min(1220px,100%);
  margin:0 auto;
  padding:24px 22px 72px;
}

.provas-toolbar{
  position:sticky;
  top:0;
  z-index:10;
  margin:0 0 16px;
  padding:14px;
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(150px,220px) minmax(150px,220px) auto;
  gap:10px;
  border:1px solid var(--provas-line);
  background:linear-gradient(180deg,var(--provas-panel),var(--provas-panel-2));
  box-shadow:var(--provas-shadow);
}

.provas-toolbar input,
.provas-toolbar select{
  width:100%;
  border:1px solid var(--provas-line);
  border-radius:3px;
  background:var(--provas-field);
  color:var(--provas-text);
  padding:11px 12px;
  font-family:"Special Elite",monospace;
  font-size:.82rem;
}

.provas-stat{
  min-width:130px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(232,178,42,.36);
  border-radius:3px;
  background:rgba(16,17,8,.08);
  color:var(--provas-muted);
  font-family:"Special Elite",monospace;
  font-size:.72rem;
  letter-spacing:.08em;
  text-align:center;
}

body>ul,
.provas-list{
  columns:auto;
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:10px;
}

body>ul li,
.provas-list li{
  margin:0;
  break-inside:auto;
}

.provas-list a{
  min-height:84px;
  display:grid;
  gap:7px;
  align-content:start;
  padding:13px 14px;
  border:1px solid var(--provas-line);
  border-left:3px solid var(--provas-hazard);
  border-radius:4px;
  background:linear-gradient(180deg,var(--provas-panel),var(--provas-panel-2));
  color:var(--provas-text);
  text-decoration:none;
  box-shadow:var(--provas-shadow);
}

.provas-list a:hover{
  border-color:var(--provas-hazard);
}

.provas-exam{
  font-family:"Saira Condensed",sans-serif;
  font-size:1.12rem;
  line-height:1;
  text-transform:uppercase;
}

.provas-area,
.provas-kind{
  font-family:"Special Elite",monospace;
  font-size:.68rem;
  letter-spacing:.08em;
  color:var(--provas-muted);
}

.provas-kind{
  color:var(--provas-signal);
}

.provas-empty{
  display:none;
  margin:18px 0 0;
  padding:20px;
  border:1px dashed var(--provas-line);
  color:var(--provas-muted);
  font-family:"Special Elite",monospace;
}

.provas-empty.on{
  display:block;
}

.provas-foot{
  width:min(1220px,100%);
  margin:0 auto;
  padding:0 22px 26px;
  color:rgba(236,226,198,.62);
  font-family:"Special Elite",monospace;
  font-size:.72rem;
  letter-spacing:.08em;
}

body>p[style]{
  display:none;
}

@media(max-width:760px){
  .provas-class-inner{
    overflow:auto;
  }

  .provas-toolbar{
    position:static;
    grid-template-columns:1fr;
    padding:12px;
  }

  .provas-hero-inner,
  .provas-main,
  .provas-foot{
    padding-inline:14px;
  }
}