/*
Theme Name: Index Of
Theme URI: https://example.com/
Author: OpenAI
Description: A deliberately minimal WordPress theme styled like an old Apache/FTP directory index. Categories behave like folders; posts and pages behave like files.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: index-of
*/

:root {
  --bg: #fff;
  --text: #111;
  --muted: #666;
  --link: #0000ee;
  --visited: #551a8b;
  --rule: #bbb;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0;
  padding: 28px 22px 48px;
  background: var(--bg);
  color: var(--text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 16px;
  line-height: 1.5;
}

.site-wrap { max-width: 980px; margin: 0 auto; }
a { color: var(--link); text-decoration: underline; }
a:visited { color: var(--visited); }
a:hover, a:focus { text-decoration-thickness: 2px; }

h1, h2, h3 { font: inherit; font-weight: 700; margin: 0 0 1rem; }
h1 { font-size: 1.35rem; }

.pathbar { margin-bottom: 1.2rem; }
.pathbar a { color: inherit; }

.directory-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: .25rem 0 1rem;
}
.directory-table th,
.directory-table td {
  text-align: left;
  padding: .28rem .35rem .28rem 0;
  vertical-align: top;
  border: 0;
}
.directory-table thead tr {
  border-bottom: 1px solid var(--rule);
}
.directory-table tbody tr:last-child {
  border-bottom: 1px solid var(--rule);
}
.directory-table th:nth-child(1), .directory-table td:nth-child(1) { width: 52%; }
.directory-table th:nth-child(2), .directory-table td:nth-child(2) { width: 24%; color: var(--muted); }
.directory-table th:nth-child(3), .directory-table td:nth-child(3) { width: 24%; color: var(--muted); }
.entry-name { overflow-wrap: anywhere; }
.entry-icon { display: inline-block; width: 1.45em; text-decoration: none; }

.search-form { margin: 1.25rem 0; }
.search-form label { display: block; margin-bottom: .4rem; }
.search-form input[type="search"] {
  font: inherit;
  width: min(100%, 420px);
  padding: .4rem .5rem;
  border: 1px solid #888;
  background: #fff;
  color: #111;
}
.search-form input[type="submit"] {
  font: inherit;
  padding: .4rem .6rem;
  border: 1px solid #888;
  background: #eee;
  color: #111;
  cursor: pointer;
}

.article-meta { color: var(--muted); margin-bottom: 1.5rem; }
.article-content { max-width: 78ch; }
.article-content p,
.article-content ul,
.article-content ol,
.article-content blockquote,
.article-content pre,
.article-content table { margin: 0 0 1rem; }
.article-content img { max-width: 100%; height: auto; }
.article-content pre { overflow-x: auto; padding: .75rem; border: 1px solid #ccc; }
.article-content blockquote { margin-left: 0; padding-left: 1rem; border-left: 3px solid #bbb; }

.site-footer { margin-top: 2rem; color: var(--muted); font-size: .9rem; }
.site-footer hr { border: 0; border-top: 1px solid var(--rule); margin: 1rem 0; }

.pagination { margin-top: 1rem; }
.pagination .page-numbers { margin-right: .45rem; }

@media (max-width: 700px) {
  body { padding: 18px 14px 36px; font-size: 15px; }
  .directory-table th:nth-child(2), .directory-table td:nth-child(2) { display: none; }
  .directory-table th:nth-child(1), .directory-table td:nth-child(1) { width: 70%; }
  .directory-table th:nth-child(3), .directory-table td:nth-child(3) { width: 30%; }
}