/* v2 chrome on legacy pages (articles, listings, tools, legal, Claude Cowork, Agent).
   The chrome lives inside <div class="aw aw-chrome">. aw.css loads first in <head> so a legacy
   page keeps its own :root tokens; the chrome re-declares the aw tokens here so it looks
   the same everywhere. Nothing below restyles legacy page content. */
.aw-chrome{
  --ink:#1d2330; --ink-2:#3a4150; --muted:#676b74; --faint:#9a9ca3;
  --violet:#4b3c8e; --violet-2:#362a6e; --purple:#8a4fff; --purple-2:#7438f0;
  --lilac:#f1ecff; --lilac-2:#e4daff; --coral:#e56457; --mint:#1f9d74; --mint-bg:#e7f6ef;
  --amber:#b7791f; --amber-bg:#fdf3e1;
  --bg:#f7f5f3; --bg-2:#efece8; --card:#fff; --line:#e7e2dc; --line-2:#d9d3cb;
  --r:16px; --r-sm:10px; --r-lg:24px;
  --sh-1:0 1px 2px rgba(29,35,48,.04),0 2px 8px rgba(29,35,48,.04);
  --sh-2:0 2px 6px rgba(29,35,48,.05),0 12px 32px rgba(29,35,48,.08);
  --sh-3:0 24px 60px -12px rgba(54,42,110,.25);
  --serif:"AW Playfair","Playfair Display",Georgia,serif;
  --sans:"AW Inter","Inter Variablefont Opsz Wght",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --max:1200px; --gut:20px;
  display:contents; font:400 17px/1.6 var(--sans); color:var(--ink); text-align:left;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
@media(min-width:768px){.aw-chrome{--gut:32px}}
/* Legacy element selectors (nav{}, footer{}, header{}, a{}, ul{}) must not reach the chrome. */
.aw-chrome nav,.aw-chrome header,.aw-chrome footer{position:static;display:block;background:none;border:0;margin:0;padding:0;width:auto;height:auto;box-shadow:none;max-width:none}
.aw-chrome header.aw-nav{position:sticky;top:0;padding:12px var(--gut) 0;z-index:100}
.aw-chrome footer.aw-foot{background:var(--ink);color:#b9bccb;padding:64px 0 28px;font-size:15px}
.aw-chrome ul{margin:0;padding:0;list-style:none}
.aw-chrome ul.aw-menu{display:none}
@media(min-width:1100px){.aw-chrome ul.aw-menu{display:flex;flex-direction:row;align-items:center;gap:2px}}
.aw-chrome li{margin:0;padding:0;list-style:none}
.aw-chrome a{text-decoration:none}
.aw-chrome .aw-offer a{text-decoration:underline}
.aw-chrome button{font-family:var(--sans);letter-spacing:normal;text-transform:none}
.aw-chrome img,.aw-chrome svg{max-width:100%}
.aw-chrome h6{font-family:var(--sans)}
/* /agent product disclaimer, moved out of its old footer so the legal text stays on the page */
.aw-legalstrip{background:#fff;border-top:1px solid #e7e2dc;padding:28px 0}
.aw-legalstrip .aw-wrap{width:100%;max-width:calc(1200px + 64px);margin:0 auto;padding:0 20px}
.aw-legalstrip p{margin:0;max-width:760px;font:400 13px/1.65 "AW Inter",Inter,system-ui,sans-serif;color:#676b74}
/* legacy .brand / .pill / .mark rules (Claude Cowork, Agent) must not reach the footer brand block */
.aw-chrome .aw-foot .brand{display:block;position:static;gap:0;font:inherit;color:inherit;padding:0;margin:0}
@media(min-width:768px){.aw-legalstrip .aw-wrap{padding:0 32px}}
.aw-chrome .aw-drawer nav a svg{width:18px;height:18px;flex:0 0 auto;color:var(--violet)}
