.tidy-lock{overflow:hidden}

.tidy-hub{
  position:relative;
  padding-block:clamp(34px,5vw,62px);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.055), transparent 28%),
    linear-gradient(120deg, rgba(255,255,255,.025), rgba(255,255,255,.008));
}
[data-theme="ops"] .tidy-hub{
  background:
    radial-gradient(circle at 16% 12%, rgba(57,255,157,.095), transparent 30%),
    linear-gradient(120deg, rgba(57,255,157,.035), rgba(255,176,0,.012));
}
.tidy-hub .hub-head{
  display:grid;
  grid-template-columns:minmax(220px,.42fr) minmax(0,.7fr);
  gap:clamp(18px,3vw,38px);
  align-items:end;
  margin-bottom:clamp(18px,3vw,28px);
}
.tidy-hub .hub-kicker{
  display:block;
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.tidy-hub h2{
  color:var(--text);
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.85rem,3.4vw,3.4rem);
  line-height:.94;
  text-transform:uppercase;
  letter-spacing:0;
}
.tidy-hub .hub-copy{
  color:var(--text-dim);
  font-size:clamp(1rem,1.35vw,1.18rem);
  line-height:1.55;
  max-width:56ch;
}
.tidy-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.8vw,20px);
}
.tidy-card{
  appearance:none;
  border:1px solid var(--line);
  border-radius:10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.18)),
    rgba(0,0,0,.22);
  color:var(--text);
  text-align:left;
  min-height:142px;
  padding:18px;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  gap:8px;
  cursor:pointer;
  transition:border-color .18s var(--ease), transform .18s var(--ease), background .18s var(--ease);
}
[data-theme="ops"] .tidy-card{border-radius:6px}
.tidy-card:hover,
.tidy-card:focus-visible{
  border-color:var(--accent);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,0,0,.12));
  transform:translateY(-2px);
  outline:none;
}
.tidy-card .idx{
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.tidy-card .ttl{
  color:var(--text);
  font-family:var(--font-display);
  font-size:clamp(1.18rem,1.7vw,1.58rem);
  line-height:.96;
  font-weight:900;
  letter-spacing:0;
  text-transform:uppercase;
}
.tidy-card .desc{
  color:var(--text-dim);
  font-size:.94rem;
  line-height:1.38;
}
.tidy-card .act{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:var(--accent-hot);
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
[data-theme="ops"] .tidy-card .act{color:var(--accent)}

.tidy-source-hidden{display:none !important}
.tidy-modal[hidden]{display:none}
.tidy-modal{
  position:fixed;
  inset:0;
  z-index:999;
  display:grid;
  place-items:center;
  padding:clamp(14px,3vw,34px);
}
.tidy-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
}
.tidy-dialog{
  position:relative;
  width:min(1120px,100%);
  max-height:min(82vh,860px);
  overflow:auto;
  border:1px solid var(--line-strong);
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.18)),
    var(--bg);
  box-shadow:0 30px 100px rgba(0,0,0,.72);
}
[data-theme="ops"] .tidy-dialog{border-radius:6px}
.tidy-modal-bar{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px clamp(18px,3vw,30px);
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter:blur(14px);
}
.tidy-modal-title{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.tidy-modal-title .eyebrow{
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.tidy-modal-title .name{
  color:var(--text);
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.4rem,2.8vw,2.4rem);
  line-height:1;
  text-transform:uppercase;
}
.tidy-close{
  appearance:none;
  flex:none;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(0,0,0,.22);
  color:var(--text);
  height:40px;
  padding:0 16px;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
}
.tidy-close:hover,.tidy-close:focus-visible{border-color:var(--accent);color:var(--accent-hot);outline:none}
[data-theme="ops"] .tidy-close:hover,[data-theme="ops"] .tidy-close:focus-visible{color:var(--accent)}
.tidy-modal-body{
  padding:clamp(18px,3vw,34px);
}
.tidy-modal-body > section{
  padding:0 !important;
  min-height:0 !important;
}
.tidy-modal-body > section > .wrap,
.tidy-modal-body .wrap{
  width:100%;
  max-width:100%;
  padding-inline:0;
}
.tidy-modal-body .display{
  font-size:clamp(2rem,4vw,3.7rem);
  line-height:.95;
}
.tidy-modal-body .sec-head{
  margin-bottom:clamp(20px,3vw,34px);
}
.tidy-modal-body .sec-head p{
  font-size:clamp(.98rem,1.2vw,1.1rem);
  max-width:58ch;
}

@media(max-width:980px){
  .tidy-hub .hub-head{grid-template-columns:1fr}
  .tidy-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .tidy-hub{padding-block:32px}
  .tidy-hub h2{font-size:clamp(1.8rem,9vw,2.6rem)}
  .tidy-card-grid{grid-template-columns:1fr}
  .tidy-card{
    min-height:118px;
    padding:16px;
  }
  .tidy-dialog{
    max-height:88vh;
    border-radius:8px;
  }
  .tidy-modal{padding:10px}
  .tidy-modal-bar{padding:14px}
  .tidy-close{height:36px;padding:0 12px}
  .tidy-modal-body{padding:16px}
}