/* =========================================================
   pauldone.com — shared site chrome styles
   ========================================================= */
:root {
  --pd-bg: #0f1115;
  --pd-bg-elevated: #161922;
  --pd-text: #e8e9ec;
  --pd-text-dim: #9aa0ad;
  --pd-border: #262b36;
  --pd-accent: #5fb4ff;
  --pd-accent-dim: #2c80c4;
  --pd-radius: 10px;
  --pd-max-width: 880px;
  --pd-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --pd-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

* { box-sizing: border-box; }
html { color-scheme: dark; }

body {
  margin: 0;
  background: var(--pd-bg);
  color: var(--pd-text);
  font-family: var(--pd-font-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--pd-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; }
.pd-container { max-width: var(--pd-max-width); margin: 0 auto; padding: 0 20px; }
.pd-header { border-bottom: 1px solid var(--pd-border); padding: 18px 0; }
.pd-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.pd-brand { font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; font-size: 0.95rem; color: var(--pd-text); }
.pd-nav { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.03em; }
.pd-nav a { color: var(--pd-text-dim); }
.pd-nav a:hover { color: var(--pd-text); }
.pd-nav a[aria-current="page"] { color: var(--pd-accent); }
.pd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 28px 0; }
.pd-card { display: block; background: var(--pd-bg-elevated); border: 1px solid var(--pd-border); border-radius: var(--pd-radius); padding: 16px 18px; color: var(--pd-text); }
.pd-card:hover { border-color: var(--pd-accent-dim); text-decoration: none; }
.pd-card-title { font-weight: 600; font-size: 1rem; display: flex; align-items: center; gap: 8px; }
.pd-card-desc { color: var(--pd-text-dim); font-size: 0.85rem; margin-top: 6px; }
.pd-card-status { display: inline-block; margin-top: 10px; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--pd-text-dim); }
.pd-dot { width: 7px; height: 7px; border-radius: 50%; background: #3ddc84; display: inline-block; margin-right: 6px; }
.pd-footer { border-top: 1px solid var(--pd-border); margin-top: 48px; padding: 36px 0 28px; font-size: 0.85rem; color: var(--pd-text-dim); }
.pd-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 28px; margin-bottom: 28px; }
.pd-footer h3 { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--pd-text); margin: 0 0 10px; }
.pd-footer ul { list-style: none; margin: 0; padding: 0; }
.pd-footer li { margin-bottom: 6px; }
.pd-footer a { color: var(--pd-text-dim); }
.pd-social { display: flex; gap: 10px; margin-top: 4px; }
.pd-social a { display: inline-flex; width: 34px; height: 34px; border-radius: 8px; align-items: center; justify-content: center; background: var(--pd-bg-elevated); border: 1px solid var(--pd-border); }
.pd-social svg { width: 18px; height: 18px; display: block; }
.pd-footer-bottom { border-top: 1px solid var(--pd-border); padding-top: 18px; display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; justify-content: space-between; font-size: 0.76rem; font-family: var(--pd-font-mono); }
.pd-disclaimer { font-size: 0.74rem; line-height: 1.5; max-width: 640px; color: var(--pd-text-dim); margin-top: 4px; }
.pd-back-to-top { font-family: var(--pd-font-mono); font-size: 0.76rem; }
.pd-mt-0 { margin-top: 0; }
.pd-section { margin: 32px 0; }
.pd-eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--pd-accent); margin: 0 0 8px; }
@media (max-width: 560px) { .pd-footer-bottom { flex-direction: column; align-items: flex-start; } }