/*
Theme Name: M.K. Web Architects — Blueprint Precision
Theme URI: https://mkwebarchitects.com
Description: Bespoke standalone theme for M.K. Web Architects. Renders the full site (home, services, work/case studies, insights, utility) with the "Blueprint Precision" design system — no page builder required. Design tokens in design-tokens.md.
Author: M.K. Web Architects
Version: 1.0.12
Requires at least: 6.0
Requires PHP: 8.1
License: Proprietary
Text Domain: mkwa
*/

/* Design system + components load from assets/mkwa-kit.css (enqueued in functions.php).
   This file is the WordPress theme header + minimal template-specific styles. */

/* pricing table */
.ptable{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:.95rem;background:var(--surface)}
.ptable th{text-align:left;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-2);padding:14px 18px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.ptable td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--slate)}
.ptable td:first-child{font-family:var(--f-display);font-weight:600;color:var(--ink)}
.ptable td .amt{font-family:var(--f-mono);color:var(--accent-text);font-weight:500}
.ptable tr:last-child td{border-bottom:none}
.pblock{margin-bottom:var(--sp-8)}
.pblock h3{font-size:var(--fs-h3);margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pblock h3 .k{font-family:var(--f-mono);font-size:.75rem;color:var(--accent-text);background:var(--accent-wash);padding:3px 8px;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.06em}

/* article TOC + byline + inline cta */
.article-wrap{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:1000px){.article-wrap{grid-template-columns:220px 1fr;gap:56px}}
.toc{position:sticky;top:96px;align-self:start;border-left:1px solid var(--line);padding-left:18px;font-size:.85rem}
.toc .lbl{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-2);margin-bottom:12px}
.toc a{display:block;color:var(--slate);padding:5px 0;transition:color .15s}.toc a:hover{color:var(--accent-text)}
@media(max-width:999px){.toc{display:none}}
.byline{display:flex;align-items:center;gap:12px;margin:18px 0 0;font-size:.9rem;color:var(--slate)}
.byline .av{width:40px;height:40px;border-radius:var(--r-sm);background:var(--ink);color:var(--accent-bright);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:.85rem;flex:none}
.inline-cta{border:1px solid var(--accent);background:var(--accent-wash);border-radius:var(--r);padding:22px 24px;margin:var(--sp-6) 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.inline-cta p{margin:0;font-family:var(--f-display);font-weight:600;color:var(--ink)}

/* mobile nav */
.mobile-nav{display:none;position:fixed;inset:72px 0 0;background:var(--paper);z-index:9;padding:24px 20px;flex-direction:column;gap:4px;border-top:1px solid var(--line)}
.mobile-nav.open{display:flex}
.mobile-nav a{padding:14px 8px;font-family:var(--f-display);font-weight:600;font-size:1.1rem;border-bottom:1px solid var(--line)}
body.nav-open{overflow:hidden}