/*
Theme Name: Trusted AI Data
Theme URI: https://trustedaidata.com
Description: Custom theme for an AI data readiness advisory practice. Editorial layout with a Home page, a Services page, and a contact form. Firm details are set under Appearance > Customize > Firm Details.
Version: 1.5.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: trustedaidata
*/

body{margin:0;background:#F4F1EA;color:#14201C;font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0E5A4A}a:hover{color:#093D32}
h1,h2,h3,p,ul{margin:0}
input,textarea,button{font-family:inherit}
img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #9A4E0B;outline-offset:2px}

/* Body copy inside pages and the About section */
.tad-prose{font-size:18px;line-height:1.65;color:#3B4A44}
.tad-prose>*+*{margin-top:20px}
.tad-prose h2{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:32px;line-height:1.2;letter-spacing:-0.01em;color:#14201C;margin-top:40px}
.tad-prose h3{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:24px;line-height:1.25;color:#14201C;margin-top:32px}
.tad-prose ul,.tad-prose ol{padding-left:24px}
.tad-prose a{color:#0E5A4A;text-decoration:underline;text-underline-offset:3px}

/* Mobile menu (no JavaScript) */
.tad-mnav{display:none;position:relative}
.tad-mnav summary{list-style:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid rgba(20,32,28,0.55);border-radius:3px;font-size:15px;font-weight:600;color:#14201C}
.tad-mnav summary::-webkit-details-marker{display:none}
.tad-mnav-list{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#FBFAF6;border:1px solid rgba(20,32,28,0.16);border-radius:4px;padding:8px;display:flex;flex-direction:column;z-index:50}
.tad-mnav-list a{min-height:44px;display:flex;align-items:center;padding:0 12px;color:#14201C;text-decoration:none;font-size:16px}

/* Architecture page */
#takl-arch,#takl-arch *{box-sizing:border-box}#takl-arch{color:#14201C;font-family:'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}#takl-arch button{font-family:'IBM Plex Mono',monospace}#takl-arch h1,#takl-arch h2,#takl-arch h3,#takl-arch p{margin:0}#takl-arch svg text{user-select:none}

@media (max-width: 1260px){header.pad{padding-left:32px !important;padding-right:32px !important}.tad-nav{gap:22px !important}}
@media (max-width: 1140px){.tad-nav{display:none !important}.tad-mnav{display:block}header.pad .tad-cta{margin-left:auto}}

@media (max-width: 900px){
  .split,.two,.three,.four{grid-template-columns:minmax(0,1fr) !important}
  .pad{padding-left:24px !important;padding-right:24px !important}
  .vpad{padding-top:56px !important;padding-bottom:56px !important}
  .hero-h{font-size:42px !important}
  .h2{font-size:32px !important}
  .hide-m{display:none !important}
  .tad-cta{display:none !important}
  .tad-logo{font-size:20px !important}
  .tad-shield{width:32px !important;height:35px !important}
  .tad-mnav{display:block}
}

#takl-arch rect[data-tk-go]{cursor:pointer}
#takl-arch rect[data-tk-go]:hover{fill:rgba(20,32,28,0.05) !important}
#takl-arch button[data-tk-go]:hover{color:#14201C !important}
#takl-arch a[href*="deep-dive"]:hover{background:#14201C !important;color:#fff !important}
#takl-arch svg{max-width:100%;height:auto}
