/*
Theme Name: SolSector Laboratory
Theme URI: https://site.solsector.com
Author: BOA
Author URI: https://site.solsector.com
Description: Dark lab-instrumentation theme for SolSector Laboratory. Near-black
  ground, faint oscilloscope grid, cyan and amber accents. Front page carries the
  gate to the document vault. Built to be read on a bench at unreasonable hours.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solsector
Tags: dark, one-column, custom-colors, translation-ready
*/

/*
 * The design system lives in /assets/css/lab.css at the site root, shared
 * with the standalone vault so both halves of the site stay identical.
 * functions.php enqueues it ahead of this file.
 *
 * Only theme-specific rules belong below.
 */

/* ---------- content templates ---------- */

.content { padding: 56px 0 80px; }
.content-head { margin-bottom: 32px; }
.content-head h1 { margin: 10px 0 0; font-size: 1.75rem; }

.entry-meta {
  font-size: .6875rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--dim);
}

.entry-body { margin-top: 18px; max-width: 70ch; line-height: 1.7; }
.entry-body h2 { margin: 1.6em 0 .5em; font-size: 1.25rem; }
.entry-body h3 { margin: 1.4em 0 .4em; font-size: 1.0625rem; }
.entry-body p { margin: 0 0 1.1em; }

.post-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }

.post-item {
  padding: 20px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r);
}
.post-item h2 { margin: 8px 0 6px; font-size: 1.0625rem; }
.post-item h2 a { color: var(--text); text-decoration: none; }
.post-item h2 a:hover { color: var(--cyan); }
.post-item p { margin: 0; font-size: .875rem; line-height: 1.55; }

.pager { margin-top: 32px; font-size: .75rem; }
.pager .page-numbers {
  display: inline-block;
  padding: 7px 11px;
  margin-right: 5px;
  color: var(--muted);
  text-decoration: none;
  border: 1px solid var(--line-hi);
  border-radius: var(--r);
}
.pager .page-numbers:hover { color: var(--text); border-color: var(--cyan); }
.pager .page-numbers.current { color: var(--bg); background: var(--cyan); border-color: var(--cyan); }

/* ---------- WordPress core markup ---------- */

.alignleft  { float: left;  margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-inline: auto; }

.wp-caption { max-width: 100%; }
.wp-caption-text {
  font-family: var(--mono);
  font-size: .75rem;
  color: var(--dim);
  text-align: center;
}

img { max-width: 100%; height: auto; }

blockquote {
  margin: 1.5em 0;
  padding-left: 1.2em;
  border-left: 2px solid var(--cyan-deep);
  color: var(--muted);
}

code, pre {
  font-family: var(--mono);
  font-size: .875em;
}

pre {
  padding: 16px;
  overflow-x: auto;
  background: #0b0f14;
  border: 1px solid var(--line);
  border-radius: var(--r);
}

:not(pre) > code {
  padding: 2px 5px;
  color: var(--cyan);
  background: rgba(34, 211, 238, .07);
  border: 1px solid rgba(34, 211, 238, .2);
  border-radius: 3px;
}

table { border-collapse: collapse; width: 100%; }
th, td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--line);
}
th {
  font-family: var(--mono);
  font-size: .6875rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
}