/* Directory listing styling reused from legacy static build */
:root{
  --bg: #0b0e14;
  --panel: #0f131a;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --accent: #22c55e;
  --row: #0d1117;
  --row-alt: #0e1420;
  --border: #1f2937;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#f8fafc; --panel:#ffffff; --text:#0f172a; --muted:#475569; --accent:#16a34a; --row:#ffffff; --row-alt:#fafafa; --border:#e5e7eb;
  }
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji"}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
.site-header{position:sticky;top:0;background:rgba(0,0,0,.25);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}
.header-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.header-left{display:flex;flex-direction:column;gap:6px;min-width:0}
.brand{font-weight:700;letter-spacing:.2px}
.crumbs{margin:0;font-size:13px}
.crumbs a{color:var(--muted);text-decoration:none;margin-right:6px}
.crumbs a:hover{color:var(--text)}
.cta{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:linear-gradient(135deg,var(--accent) 0%,#34d399 45%,#059669 100%);color:#ffffff;font-weight:600;border-radius:999px;text-decoration:none;box-shadow:0 12px 24px rgba(13,148,136,0.3);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;line-height:1}
.cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(13,148,136,0.35);filter:brightness(1.03)}
.cta:active{transform:translateY(0);box-shadow:0 10px 20px rgba(13,148,136,0.3);filter:brightness(.98)}
.cta-label{white-space:nowrap}
.cta-icon{width:18px;height:18px;flex-shrink:0;display:block}
h1{font-size:20px;margin:16px 0}
.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}
table.listing{width:100%;border-collapse:separate;border-spacing:0}
thead{background:transparent;color:var(--muted)}
th,td{padding:12px 14px;border-bottom:1px solid var(--border)}
tbody tr:nth-child(odd){background:var(--row)}
tbody tr:nth-child(even){background:var(--row-alt)}
tbody tr:hover{background:rgba(34,197,94,0.08)}
td.col-size, td.col-date{white-space:nowrap;text-align:right;color:var(--muted)}
td.col-name{width:100%}
a.entry{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}
a.entry:hover span{text-decoration:underline}
.up td{color:var(--muted)}
.site-footer{color:var(--muted);font-size:13px;margin:12px 2px}

/* narrow screens */
@media (max-width: 640px){
  .header-bar{flex-direction:column;align-items:flex-start}
  .cta{align-self:stretch;text-align:center}
  td.col-date{display:none}
}