/* Shell for WordPress-rendered pages (blog, posts, legal). Same nav/footer as the xagent.co page,
   Xinference type + colour. */
:root{--cream:#FBF8F3;--paper:#FFFFFF;--wash:#F5F1E9;--ink:#231F20;--body:#5F584F;--faint:#8A7F6E;--line:#E9E2D4;--card:#D6CBB4;
--blue:#0045B0;--chip:#EAF0FA;--navy:#0F1B33;--sky:#7DB2FF;--band:#DCE6F7;
--display:"Space Grotesk",Arial,sans-serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
img{max-width:100%;height:auto;display:block}
a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.xa-wrap{max-width:1140px;margin:0 auto;padding:0 32px}
.xa-eyebrow{font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}
.xa-lede{font-size:17.5px;line-height:1.6;color:var(--body);max-width:60ch;margin:14px 0 0}
.xa-btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border-radius:999px;padding:12px 22px;font:600 14.5px/1 var(--sans);white-space:nowrap}
.xa-btn--light{background:var(--sky);color:var(--navy)}
/* nav */
.xa-nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--cream) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.xa-nav__row{display:flex;align-items:center;gap:22px;height:66px}
.xa-logo img{height:26px;width:auto}
.xa-links{display:flex;gap:4px;margin-left:12px}
.xa-links a{color:var(--body);font:500 14.5px/1 var(--sans);padding:9px 13px;border-radius:999px}
.xa-links a:hover{color:var(--ink)}
.xa-links a.on{color:var(--blue);background:var(--chip);font-weight:600}
.xa-navcta{margin-left:auto;display:flex;align-items:center;gap:18px}
.xa-signin{color:var(--ink);font:600 14.5px/1 var(--sans)}
/* legal pages */
.xa-main{padding:64px 0 96px}
.xa-doc{max-width:760px}
.xa-overline{font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}
.xa-doc h1{font:500 clamp(34px,5vw,48px)/1.1 var(--display);letter-spacing:-.02em;margin:0 0 28px}
.xa-doc h2{font:500 26px/1.25 var(--display);letter-spacing:-.01em;margin:48px 0 14px;padding-top:28px;border-top:1px solid var(--line)}
.xa-doc h3{font:600 18px/1.35 var(--display);margin:30px 0 10px}
.xa-doc ul,.xa-doc ol{padding-left:22px}
.xa-doc li{margin:6px 0}
.xa-doc .xa-meta{color:var(--body);font-size:15px;margin:-12px 0 32px}
/* blog index */
.xa-bhero{padding:72px 0 48px}
.xa-bhero__row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
.xa-bhero h1{font:500 clamp(40px,5.4vw,62px)/1.04 var(--display);letter-spacing:-.025em;margin:0}
.xa-bhero__art{display:flex;justify-content:center}
.xa-bhero__art img{height:220px;width:auto}
.xa-topics{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.xa-topics a{font:600 13px/1 var(--sans);color:var(--body);border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:999px;padding:9px 15px}
.xa-topics a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.xa-posts-sec{padding:8px 0 96px}
.xa-post{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--card);border-radius:8px;overflow:hidden;color:var(--ink);transition:border-color .2s}
.xa-post:hover{border-color:var(--blue)}
.xa-post__art{height:180px;background:var(--wash);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--card);overflow:hidden}
.xa-post__art img{height:72%;width:auto}
.xa-post__art img.wp-post-image{height:100%;width:100%;object-fit:cover}
.xa-post__body{padding:22px 22px 26px}
.xa-post__body h2,.xa-post__body h3{font:500 19px/1.3 var(--display);letter-spacing:-.01em;margin:0 0 8px}
.xa-post__body p:not(.xa-eyebrow){color:var(--body);font-size:15px;margin:0}
.xa-post--feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:22px}
.xa-post--feat .xa-post__art{height:auto;min-height:300px;border-bottom:0;border-right:1px solid var(--card)}
.xa-post--feat .xa-post__body{align-self:center;padding:40px}
.xa-post--feat h2{font-size:clamp(24px,2.6vw,32px);line-height:1.18}
.xa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.xa-grid:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.xa-grid:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.xa-empty{border:1px dashed var(--card);border-radius:8px;padding:48px;text-align:center;background:var(--paper)}
.xa-empty h2{font:500 26px/1.2 var(--display);margin:0 0 8px}
.xa-pager{margin-top:32px}
.xa-pager .nav-links{display:flex;gap:10px;justify-content:center}
.xa-pager .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:14px}
.xa-pager .current{background:var(--ink);color:#fff;border-color:var(--ink)}
/* article */
.xa-ahero{padding:64px 0 44px;border-bottom:1px solid var(--line)}
.xa-crumb{font-size:14px;color:var(--faint);margin:0 0 18px}
.xa-ahero h1{font:500 clamp(34px,4.6vw,54px)/1.08 var(--display);letter-spacing:-.02em;max-width:22ch;margin:0}
.xa-meta{font-size:14px;color:var(--faint);margin:22px 0 0}
.xa-abody{padding:56px 0 80px}
.xa-abody__row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px}
.xa-toc{position:sticky;top:96px;align-self:start;display:grid;gap:10px;font-size:14px}
.xa-toc a{color:var(--body)}
.xa-toc a:hover{color:var(--blue)}
.xa-prose{max-width:68ch;font-size:17px;line-height:1.75}
.xa-prose h2{font:500 27px/1.25 var(--display);letter-spacing:-.01em;margin:44px 0 12px;scroll-margin-top:90px}
.xa-prose h2:first-child{margin-top:0}
.xa-prose h3{font:600 20px/1.3 var(--display);margin:30px 0 10px}
.xa-prose p{margin:0 0 18px}
.xa-prose img{border-radius:8px;margin:26px 0}
.xa-prose blockquote{margin:26px 0;padding:4px 0 4px 20px;border-left:3px solid var(--blue);color:var(--body)}
.xa-prose pre,.xa-prose code{font-family:var(--mono);font-size:14px}
.xa-prose pre{background:var(--navy);color:var(--band);padding:18px;border-radius:8px;overflow-x:auto}
.xa-prose table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.xa-prose th,.xa-prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.xa-related{padding:72px 0 96px;background:var(--wash);border-top:1px solid var(--line)}
.xa-related h2{font:500 32px/1.1 var(--display);margin:0 0 28px}
/* tables + FAQ in posts */
.xa-prose .tbl-wrap{overflow-x:auto;margin:26px 0;border:1px solid var(--card);border-radius:8px;background:var(--paper)}
.xa-prose .tbl-wrap table{display:table;min-width:520px;margin:0}
.xa-prose .tbl-wrap th{font:600 14px/1.3 var(--display);background:var(--wash)}
.xa-prose .post-faq{margin-top:48px;padding-top:8px}
.xa-prose .post-faq .faq{border-top:1px solid var(--line)}
.xa-prose details{border-bottom:1px solid var(--line);padding:16px 0}
.xa-prose summary{cursor:pointer;list-style:none;font:500 18px/1.4 var(--display);display:flex;justify-content:space-between;gap:16px}
.xa-prose summary::-webkit-details-marker{display:none}
.xa-prose summary .ind::before{content:"+";color:var(--blue);font-size:22px;line-height:1}
.xa-prose details[open] summary .ind::before{content:"\2212"}
.xa-prose .xa-try{margin:40px 0 0;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.xa-prose .xa-try a{color:var(--blue)}
.xa-prose .faq-body{padding-top:10px}.xa-prose .faq-body p{margin:0 0 10px;color:var(--body)}
/* cta + footer */
.xa-cta{background:var(--navy);color:#fff}
.xa-cta__row{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:72px;padding-bottom:72px;flex-wrap:wrap}
.xa-cta h2{font:500 clamp(30px,4vw,44px)/1.1 var(--display);letter-spacing:-.02em;margin:0}
.xa-cta h2 span{color:var(--sky)}
.xa-cta p{color:var(--band);font-size:15.5px;margin:12px 0 0;max-width:46ch}
.xa-foot{background:var(--paper);border-top:1px solid var(--line);padding:64px 0 40px;font-size:13.5px}
.xa-foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.xa-foot__grid p{color:var(--body);max-width:30ch;margin:14px 0 0}
.xa-foot__grid img{height:24px;width:auto;max-width:none;display:block}
.xa-foot__grid a{display:block;color:var(--ink);padding:5px 0}
.xa-k{display:block;font:600 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:4px 0 12px}
.xa-foot__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);color:var(--faint)}
.xa-foot__base a{color:var(--faint)}
@media (max-width:900px){.xa-links{display:none}.xa-grid,.xa-grid:has(> :nth-child(2):last-child){grid-template-columns:1fr 1fr}.xa-foot__grid{grid-template-columns:1fr 1fr}}
.xa-grid:has(> :nth-child(2):last-child) .xa-post__art{height:220px}
@media (max-width:720px){.xa-wrap{padding:0 18px}.xa-bhero__row,.xa-post--feat,.xa-abody__row{grid-template-columns:1fr}.xa-bhero__art img{height:150px}
.xa-post--feat .xa-post__art{border-right:0;border-bottom:1px solid var(--card);min-height:200px}.xa-toc{position:static}.xa-grid,.xa-grid:has(> :nth-child(2):last-child){grid-template-columns:1fr}.xa-signin{display:none}.xa-main{padding:40px 0 64px}.xa-doc h2{font-size:22px}}

/* xa-chrome:start */
/* Shared site chrome (nav + footer). Single source: partials/nav.html, partials/footer.html, this file.
   build_pages.py copies it into every new page, into theme static/pages/home.html and into theme static/shell.css. All text 15px or larger. */
:root{--line-cool:#D6CBB4;--blue-ink:#003A94;--panel:#F5F1E9;--display:"Space Grotesk",Arial,sans-serif}
nav.sitenav{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.97);border-bottom:1px solid var(--line)}
nav.sitenav .wrap{max-width:1140px;margin:0 auto;padding:0 32px}
nav.sitenav .navrow{display:flex;align-items:center;gap:24px;height:70px;position:relative}
nav.sitenav .logo{display:block;flex:none}
nav.sitenav .logo img{height:26px;width:auto;display:block}
nav.sitenav .navlinks{display:flex;align-items:center;gap:2px;flex:1;font-size:15px;font-weight:500;line-height:1.2}
nav.sitenav .navlinks>a,nav.sitenav .navdrop__btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;color:var(--body);font-family:inherit;font-size:15px;font-weight:500;line-height:1.2;background:none;border:0;cursor:pointer;white-space:nowrap}
nav.sitenav .navlinks>a:hover,nav.sitenav .navdrop__btn:hover,nav.sitenav .navdrop.is-open .navdrop__btn{color:var(--ink)}
nav.sitenav .navlinks>a.on,nav.sitenav .navdrop__btn.on{color:var(--blue);background:var(--chip);font-weight:600}
nav.sitenav .navlinks a:focus-visible,nav.sitenav .navdrop__btn:focus-visible,nav.sitenav .navtoggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
nav.sitenav .navdrop__btn::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}
nav.sitenav .navdrop.is-open .navdrop__btn::after{transform:translateY(1px) rotate(-135deg)}
nav.sitenav .navdrop{position:relative}
nav.sitenav .navdrop__menu{display:none;position:absolute;top:100%;left:0;min-width:250px;margin:0;padding:8px;list-style:none;background:var(--paper);border:1px solid var(--line-cool);border-radius:10px;z-index:60}
nav.sitenav .navdrop.is-open .navdrop__menu{display:block}
@media (hover:hover) and (min-width:1061px){nav.sitenav .navdrop:not(.is-dismissed):hover .navdrop__menu{display:block}nav.sitenav .navdrop:hover .navdrop__btn{color:var(--ink)}}
nav.sitenav .navdrop__menu a{display:block;padding:10px 12px;border-radius:7px;color:var(--ink);font-size:15px;font-weight:500;white-space:nowrap}
nav.sitenav .navdrop__menu a:hover,nav.sitenav .navdrop__menu a:focus-visible{background:var(--chip);color:var(--blue)}
nav.sitenav .navdrop__menu a.on{color:var(--blue);font-weight:600}
nav.sitenav .navdrop__sep{height:1px;margin:6px 4px;background:var(--line)}
nav.sitenav .navcta{display:flex;align-items:center;gap:18px;flex:none}
nav.sitenav .signin{font-size:15px;font-weight:600;color:var(--ink)}
nav.sitenav .navcta .pill{display:inline-flex;align-items:center;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:600;background:var(--blue);color:#fff;white-space:nowrap}
nav.sitenav .navcta .pill:hover{background:var(--blue-ink)}
nav.sitenav .navlinks>a.navsign{display:none}
nav.sitenav .navtoggle{display:none;flex:none;width:44px;height:44px;border:1px solid var(--line-cool);border-radius:10px;background:var(--paper);cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
nav.sitenav .navtoggle i{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .15s ease,opacity .15s ease}
nav.sitenav.open .navtoggle i:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.sitenav.open .navtoggle i:nth-child(2){opacity:0}
nav.sitenav.open .navtoggle i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1060px){
  nav.sitenav .navrow{justify-content:space-between;gap:12px}
  nav.sitenav .navtoggle{display:flex}
  nav.sitenav .navcta{margin-left:auto}
  nav.sitenav .navlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px 32px 20px;background:var(--cream);border-bottom:1px solid var(--line);max-height:calc(100vh - 70px);overflow-y:auto}
  nav.sitenav.open .navlinks{display:flex}
  nav.sitenav .navlinks>a,nav.sitenav .navdrop__btn{padding:13px 4px;border-radius:0;border-bottom:1px solid var(--line);width:100%;font-size:17px;color:var(--ink)}
  nav.sitenav .navlinks>a.on,nav.sitenav .navdrop__btn.on{background:none}
  nav.sitenav .navdrop__btn{pointer-events:none;border-bottom:0;padding-bottom:4px;color:var(--ink);font-weight:600}
  nav.sitenav .navdrop__btn::after{display:none}
  nav.sitenav .navdrop__menu{display:block;position:static;border:0;border-radius:0;padding:0 0 6px 14px;min-width:0;background:none;border-bottom:1px solid var(--line)}
  nav.sitenav .navdrop__menu a{padding:10px 4px;font-size:16px}
  nav.sitenav .navdrop__sep{margin:4px 0}
  nav.sitenav .navlinks>a.navsign{display:inline-flex}
}
@media (max-width:640px){
  nav.sitenav .wrap{padding:0 20px}
  nav.sitenav .navrow{height:64px}
  nav.sitenav .navlinks{padding:8px 20px 20px;max-height:calc(100vh - 64px)}
  nav.sitenav .signin{display:none}
  nav.sitenav .navcta .pill{padding:10px 14px}
}
footer.site-foot{background:var(--paper);border-top:1px solid var(--line-cool);padding:64px 0 40px;font-size:15px;line-height:1.5;color:var(--body)}
footer.site-foot .wrap{max-width:1140px;margin:0 auto;padding:0 32px}
footer.site-foot .foot-grid{display:grid;grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:28px}
footer.site-foot .foot-k{display:block;margin:0 0 14px;font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
footer.site-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
footer.site-foot a{color:var(--body)}
footer.site-foot a:hover{color:var(--blue)}
footer.site-foot .foot-brand img{height:24px;width:auto;display:block}
footer.site-foot .foot-brand p{color:var(--body);font-size:15px;max-width:28ch;margin:14px 0 0}
footer.site-foot .foot-base{display:flex;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;border-top:1px solid var(--line-cool);margin-top:48px;padding-top:24px;color:var(--body);font-size:15px}
@media (max-width:1060px){footer.site-foot .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer.site-foot .foot-brand{grid-column:1/-1}}
@media (max-width:640px){footer.site-foot{padding:48px 0 32px}footer.site-foot .wrap{padding:0 20px}footer.site-foot .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* xa-chrome:end */