/* Tailwind CDN provides most styles; this file only adds layout glue + palette */

.sr-only{position:absolute;left:-9999px;}

body.theme-a0047{
  background: radial-gradient(900px 500px at 15% 10%, rgba(59,130,246,.18), transparent 60%),
              radial-gradient(800px 500px at 85% 15%, rgba(236,72,153,.16), transparent 55%),
              #f8fafc;
}

.a0047-grid{
  display:grid;
  grid-template-areas:"nav main aside";
  grid-template-columns: 260px minmax(0,1fr) 320px;
  gap:16px;
}
.a0047-rail{grid-area:nav;}
.a0047-main{grid-area:main;}
.a0047-aside{grid-area:aside;}

@media (max-width: 980px){
  .a0047-grid{grid-template-areas:"main" "aside";grid-template-columns:1fr;}
  .a0047-rail{display:none;}
}

/* command palette */
.a0047-palette{position:fixed;inset:0;display:none;z-index:80;}
.a0047-palette[data-open="1"]{display:block;}
.a0047-palette .backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45);} 
.a0047-palette .panel{
  position:relative;
  max-width:680px;
  margin:10vh auto 0;
  background:#fff;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  overflow:hidden;
  box-shadow:0 30px 80px rgba(15,23,42,.22);
}
.a0047-palette input{width:100%;padding:14px 16px;border:0;outline:0;font-size:16px;}
.a0047-palette .list{max-height:46vh;overflow:auto;border-top:1px solid rgba(15,23,42,.08);} 
.a0047-palette a{display:block;padding:10px 14px;text-decoration:none;color:#0f172a;} 
.a0047-palette a:hover{background:rgba(59,130,246,.10);} 
.a0047-palette .hint{padding:10px 14px;color:#64748b;font-size:12px;border-top:1px solid rgba(15,23,42,.08);}