/* ProcessServerFortWorth.com — built to the recorded design doctrine.
   Source: /root/projects/astro/best-practices/STYLING.md + kdwraps336/design/TOKENS.md
   HARD RULES: border-radius 2px (never pills) · shadows SOLID with ZERO blur ·
   accent is a BLOCK BACKGROUND carrying DARK text, never a ground for white text ·
   ink padding >=24px to the glyphs · body contrast AAA 7:1.
   🔴 Palette below is a legal-sector PLACEHOLDER pending owner approval of the design. */
:root{
  --paper:#f2efe9; --card-bg:#ffffff; --ink:#15181c; --dark:#141a22;
  --muted:#4a4f57; --muted-strong:#33383f; --line:#d6d1c7; --line-dark:#2a3240;
  --accent:#c9a227; --accent-shadow:#8f7318; --accent-ink:#140d02;
  --link:#0b3a6b; --on-dark:#f2efe9; --on-dark-muted:#c3c8cf;
  --max:1120px;
  --shadow-btn:4px 4px 0 0 var(--accent-shadow);
  --shadow-card:7px 7px 0 0 rgba(21,24,28,.14);
  --sans:"Segoe UI",system-ui,Arial,sans-serif;
  --display:"Arial Black","Segoe UI",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* header/footer carry a 6px accent rule — doctrine */
header{background:var(--dark);color:var(--on-dark);border-bottom:6px solid var(--accent)}
header a{color:var(--on-dark)}
footer{background:var(--dark);color:var(--on-dark-muted);border-top:6px solid var(--accent);
  padding:40px 0;margin-top:64px}
footer a{color:var(--on-dark)}

h1{font-family:var(--display);font-size:clamp(30px,4.4vw,46px);line-height:1.12;margin:0 0 12px}
h2{font-family:var(--display);font-size:clamp(23px,2.8vw,31px);line-height:1.2;margin:44px 0 12px}
h3{font-size:20px;margin:26px 0 8px}
p{margin:0 0 16px;max-width:70ch}
a{color:var(--link)}

/* cards: hard edge, solid offset shadow, 5px accent left edge, 26px ink padding */
.card{background:var(--card-bg);border:1px solid var(--line);border-left:5px solid var(--accent);
  border-radius:2px;padding:26px;box-shadow:var(--shadow-card);margin:0 0 22px}

/* buttons: 2px radius, solid shadow, DARK ink on the accent block */
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);
  border:1px solid var(--accent-shadow);border-radius:2px;
  padding:14px 26px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  text-decoration:none;box-shadow:var(--shadow-btn)}
.btn:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 0 var(--accent-shadow)}

nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:18px 0;flex-wrap:wrap}
nav a{text-decoration:none;font-weight:700;letter-spacing:.04em}
main{padding:34px 0 8px}
.lede{font-size:20px;color:var(--muted-strong);max-width:66ch}

/* horizontal-content patterns: content stays in the initial HTML, reachable by a control */
details{border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:2px;
  background:var(--card-bg);padding:20px 26px;margin:0 0 14px}
summary{cursor:pointer;font-weight:800}