/* A&J Computers — tools.ajcomputers.support
 *
 * A snapshot of the A&J Computers design system, not a live link to it. Sources:
 *   ajcomputers.website.2026/design_handoff_ajcomputers/design-tokens.css  (tokens)
 *   ajcomputers.website.2026/aj-theme/css/aj-brand.css, aj-sections.css    (components)
 *   ajcomputers.M365smtp.wordpress/site/brand/ajc-docs.css                  (sticky header, doc scale)
 * Same convention as the plugins site: when the brand changes, re-derive here.
 *
 * Light only by design: the system defines no dark palette. Navy is a dark
 * section within a light page, not a theme.
 *
 * asset(...) tokens in double braces are rewritten by bin/build.py to fingerprinted URLs.
 */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url(/assets/fonts/archivo-latin-wdth-normal.woff2?v=e3a28eade2) format('woff2');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/fonts/public-sans-latin-wght-normal.woff2?v=5ed4d31c98) format('woff2');
}

:root {
  /* Brand */
  --aj-blue:#004280; --aj-blue-deep:#00305c; --aj-navy:#0d1b2a; --aj-blue-light:#1565a8;
  --aj-red:#7A1613; --aj-red-hover:#5f110e;
  /* Service accents: one hue per offering */
  --aj-indigo:#463f8c; --aj-indigo-tint:#ece9f6;
  --aj-purple:#6b3aa0; --aj-purple-tint:#f1ebf8;
  --aj-green:#0a6b4f;  --aj-green-hover:#085740; --aj-green-tint:#e7f4ef;
  --aj-teal:#0a6b66;   --aj-teal-hover:#085450;  --aj-teal-tint:#e3f2ef;
  --aj-amber:#9a5a00;  --aj-amber-hover:#7a4700; --aj-amber-tint:#f8f0e4;
  /* Neutrals */
  --aj-ink:#16191d; --aj-body:#46515f; --aj-body-soft:#5a6675; --aj-muted:#6b7787;
  --aj-muted-2:#8b97a6; --aj-faint:#9aa6b4; --aj-border:#e4e9f0; --aj-border-soft:#eef2f6;
  --aj-bg-soft:#f5f8fb; --aj-bg-hero:#f5f9fd; --aj-white:#ffffff; --aj-note-bg:#e9f1f9;
  /* Type: Archivo at 125% width is the system's "Archivo Expanded" display face */
  --aj-font-heading:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --aj-font-body:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --aj-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* Layout */
  --aj-container:1240px; --aj-gutter:28px; --aj-section-y:84px;
  --aj-radius-btn:9px; --aj-radius-tile:12px; --aj-radius-card:16px; --aj-radius-band:22px;
  --aj-shadow-card:0 16px 40px -22px rgba(0,48,92,.4);
  --aj-measure:46rem;
  /* Default accent; a body .aj-accent-* class overrides it */
  --aj-accent:var(--aj-blue); --aj-accent-hover:var(--aj-blue-deep); --aj-accent-tint:#e9f1f9;
}
.aj-accent-blue   { --aj-accent:var(--aj-blue);   --aj-accent-hover:var(--aj-blue-deep);  --aj-accent-tint:#e9f1f9; }
.aj-accent-red    { --aj-accent:var(--aj-red);    --aj-accent-hover:var(--aj-red-hover);  --aj-accent-tint:#f6ebea; }
.aj-accent-indigo { --aj-accent:var(--aj-indigo); --aj-accent-hover:#4a3f8e;              --aj-accent-tint:var(--aj-indigo-tint); }
.aj-accent-purple { --aj-accent:var(--aj-purple); --aj-accent-hover:#57308a;              --aj-accent-tint:var(--aj-purple-tint); }
.aj-accent-green  { --aj-accent:var(--aj-green);  --aj-accent-hover:var(--aj-green-hover); --aj-accent-tint:var(--aj-green-tint); }
.aj-accent-teal   { --aj-accent:var(--aj-teal);   --aj-accent-hover:var(--aj-teal-hover);  --aj-accent-tint:var(--aj-teal-tint); }
.aj-accent-amber  { --aj-accent:var(--aj-amber);  --aj-accent-hover:var(--aj-amber-hover); --aj-accent-tint:var(--aj-amber-tint); }

/* ---- Base ------------------------------------------------------------- */
*, *::before, *::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-padding-top:96px; }
body {
  margin:0; background:var(--aj-white); color:var(--aj-body);
  font-family:var(--aj-font-body); font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
h1, h2, h3, h4 { font-family:var(--aj-font-heading); color:var(--aj-ink); font-weight:800; line-height:1.2; margin:0; }
p { margin:0 0 16px; }
a { color:var(--aj-blue); text-underline-offset:2px; }
a:hover { color:var(--aj-blue-deep); }
strong { font-weight:650; color:var(--aj-ink); }
img, svg { max-width:100%; }
code {
  font-family:var(--aj-font-mono); font-size:.88em; color:var(--aj-blue-deep);
  background:var(--aj-bg-soft); border:1px solid var(--aj-border-soft); border-radius:5px;
  padding:.08em .35em; overflow-wrap:anywhere;
}
:focus-visible { outline:3px solid var(--aj-blue-light); outline-offset:2px; border-radius:4px; }

.skip {
  position:absolute; left:12px; top:-60px; z-index:100; background:var(--aj-ink); color:#fff;
  padding:10px 16px; border-radius:var(--aj-radius-btn); font-weight:600; text-decoration:none;
}
.skip:focus { top:12px; color:#fff; }

.container { max-width:var(--aj-container); margin-inline:auto; padding-inline:var(--aj-gutter); }
.section { padding-block:var(--aj-section-y); }
.section--soft { background:var(--aj-bg-soft); border-top:1px solid var(--aj-border-soft); }
.section--tight { padding-block:56px; }

.eyebrow {
  display:inline-flex; align-items:center; gap:12px;
  font-family:var(--aj-font-heading); font-size:13px; font-weight:700; line-height:1.4;
  text-transform:uppercase; letter-spacing:.16em; color:var(--aj-accent); margin:0 0 14px;
}
.eyebrow--rule::before { content:""; width:26px; height:2px; background:currentColor; display:inline-block; flex:none; }
.h2 { font-size:clamp(28px,3.4vw,38px); line-height:1.14; letter-spacing:-.01em; }
.sec-head { margin-bottom:40px; max-width:680px; }
.sec-head p { font-size:17px; color:var(--aj-muted); margin:14px 0 0; }

/* ---- Header ----------------------------------------------------------- */
.utility { background:var(--aj-blue-deep); color:#fff; font-size:13.5px; }
.utility .container { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-block:9px; flex-wrap:wrap; }
.utility p { margin:0; }
.utility a { color:#fff; text-decoration:none; }
.utility a:hover { color:#fff; text-decoration:underline; }
.utility__links { display:flex; gap:22px; flex-wrap:wrap; }

.mainbar {
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.93); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--aj-border);
}
.mainbar .container { display:flex; align-items:center; gap:28px; padding-block:14px; flex-wrap:wrap; }
.brand { display:flex; align-items:center; gap:14px; text-decoration:none; line-height:0; flex:none; }
.brand img { height:48px; width:auto; display:block; }
.brand__tag {
  font-family:var(--aj-font-heading); font-weight:700; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--aj-muted); line-height:1.2;
  border-left:1px solid var(--aj-border); padding-left:14px;
}
.nav { display:flex; gap:26px; flex-wrap:wrap; margin-left:auto; align-items:center; }
.nav a {
  font-size:15.5px; font-weight:600; color:var(--aj-ink); text-decoration:none;
  padding:6px 0; border-bottom:2px solid transparent; transition:color .16s, border-color .16s;
}
.nav a:hover { color:var(--aj-blue); }
.nav a[aria-current="page"] { color:var(--aj-ink); border-bottom-color:var(--aj-accent); }

/* ---- Buttons ---------------------------------------------------------- */
.btns { display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--aj-font-body); font-weight:600; font-size:16px; line-height:1.1;
  padding:14px 26px; border-radius:var(--aj-radius-btn); border:1.5px solid transparent;
  text-decoration:none; cursor:pointer; transition:background-color .15s, border-color .15s, color .15s;
}
.btn svg { width:18px; height:18px; flex:none; }
.btn--sm { font-size:14.5px; padding:10px 18px; }
.btn--red { background:var(--aj-red); color:#fff; }
.btn--red:hover { background:var(--aj-red-hover); color:#fff; }
.btn--accent { background:var(--aj-accent); color:#fff; }
.btn--accent:hover { background:var(--aj-accent-hover); color:#fff; }
.btn--ghost { background:#fff; color:var(--aj-accent); border-color:color-mix(in srgb, var(--aj-accent) 26%, #fff); }
.btn--ghost:hover { border-color:var(--aj-accent); color:var(--aj-accent); }
.btn--white { background:#fff; color:var(--aj-accent); }
.btn--white:hover { background:#f3f6fa; color:var(--aj-accent-hover); }
.btn--on-dark { background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.3); }
.btn--on-dark:hover { background:rgba(255,255,255,.2); color:#fff; }
.btn[aria-disabled="true"] { background:var(--aj-bg-soft); color:var(--aj-muted); border-color:var(--aj-border); cursor:default; }

/* ---- Hero ------------------------------------------------------------- */
.hero { background:linear-gradient(180deg,var(--aj-bg-hero) 0%,#fff 100%); border-bottom:1px solid var(--aj-border-soft); }
.hero .container { padding-block:76px 84px; }
.hero__grid { display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
.hero h1 {
  font-stretch:125%; font-weight:800; font-size:clamp(34px,4.8vw,52px); line-height:1.12;
  letter-spacing:-.01em; margin:0 0 22px;
}
.hero__lead { font-size:clamp(17px,1.5vw,19px); line-height:1.6; color:var(--aj-body); max-width:560px; margin:0 0 30px; }
.hero__trust { display:flex; align-items:center; gap:12px; flex-wrap:wrap; color:var(--aj-muted); font-size:14px; margin-top:26px; }
.hero__trust strong { font-family:var(--aj-font-heading); font-weight:800; color:var(--aj-blue); }
.dot { width:4px; height:4px; border-radius:50%; background:#c4ccd6; display:inline-block; }

.crumbs { font-size:14px; color:var(--aj-muted-2); margin:0 0 24px; display:flex; gap:8px; flex-wrap:wrap; }
.crumbs a { color:var(--aj-muted-2); text-decoration:none; }
.crumbs a:hover { color:var(--aj-accent); text-decoration:underline; }
.crumbs [aria-current] { color:var(--aj-body); font-weight:600; }

/* ---- Promise panel (home hero right) ----------------------------------- */
.panel {
  background:#fff; border:1px solid var(--aj-border); border-radius:18px; padding:30px;
  box-shadow:0 24px 60px -30px rgba(0,48,92,.35); position:relative;
}
.panel__badge {
  position:absolute; right:-14px; top:-16px; background:var(--aj-red); color:#fff; border-radius:12px;
  padding:10px 15px; text-align:center; line-height:1; box-shadow:0 14px 30px -14px rgba(122,22,19,.6);
}
.panel__badge strong { display:block; font-family:var(--aj-font-heading); font-stretch:125%; font-weight:800; font-size:21px; color:#fff; }
.panel__badge span { display:block; font-size:10px; letter-spacing:.1em; text-transform:uppercase; opacity:.88; margin-top:4px; }
.panel h2 { font-size:19px; margin:0 0 18px; }
.checks { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.checks li { display:grid; grid-template-columns:28px 1fr; gap:12px; align-items:start; font-size:15.5px; line-height:1.5; }
.checks li strong { display:block; font-family:var(--aj-font-heading); font-weight:700; font-size:16px; }
.tick {
  width:28px; height:28px; border-radius:8px; background:var(--aj-accent-tint); color:var(--aj-accent);
  display:flex; align-items:center; justify-content:center;
}
.tick svg { width:16px; height:16px; }
.tick--no { background:#f6ebea; color:var(--aj-red); }

/* ---- Cards ------------------------------------------------------------ */
.grid-2, .grid-3 { display:grid; gap:22px; }
.grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }

.mono {
  display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; flex:none;
  border-radius:var(--aj-radius-tile); background:var(--aj-accent-tint); color:var(--aj-accent);
  font-family:var(--aj-font-heading); font-weight:800; font-size:14px; letter-spacing:.02em;
}
.tool-card {
  display:flex; flex-direction:column; gap:16px; background:#fff; border:1px solid var(--aj-border);
  border-radius:var(--aj-radius-card); padding:28px; text-decoration:none; color:inherit;
  transition:border-color .18s, box-shadow .18s, transform .18s;
}
a.tool-card:hover { border-color:var(--aj-accent); box-shadow:var(--aj-shadow-card); transform:translateY(-3px); color:inherit; }
.tool-card h3 { font-size:21px; font-weight:700; margin:0 0 8px; }
.tool-card p { font-size:15.5px; line-height:1.55; color:var(--aj-body-soft); margin:0; }
.tool-card__for { font-size:13.5px; color:var(--aj-muted); }
.tool-card__more { margin-top:auto; color:var(--aj-accent); font-weight:600; font-size:15px; }
.tool-card--soon { background:var(--aj-bg-soft); border-style:dashed; }
.tool-card--soon .mono { background:#fff; color:var(--aj-muted); border:1px dashed var(--aj-border); }

.feature { background:#fff; border:1px solid var(--aj-border); border-radius:14px; padding:24px; }
.feature h3 { font-size:17.5px; font-weight:700; margin:0 0 6px; }
.feature p { font-size:15px; line-height:1.55; color:var(--aj-body-soft); margin:0; }
.feature__tag { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--aj-muted); margin-left:6px; }

/* ---- Deep blue band ----------------------------------------------------- */
.band { background:var(--aj-blue-deep); color:#fff; }
.band .eyebrow { color:#7fb0e0; }
.band h2 { color:#fff; max-width:620px; }
.band__col { border-top:2px solid rgba(127,176,224,.4); padding-top:22px; }
.band__col h3 { color:#fff; font-size:20px; font-weight:700; margin:0 0 10px; }
.band__col p { color:#bcd0e6; font-size:15.5px; line-height:1.6; margin:0; }

/* ---- Steps ------------------------------------------------------------ */
.steps { display:grid; gap:14px; counter-reset:step; margin:0; padding:0; list-style:none; }
.step { display:flex; gap:18px; align-items:flex-start; background:#fff; border:1px solid var(--aj-border); border-radius:14px; padding:22px 24px; }
.step::before {
  counter-increment:step; content:counter(step); flex:none; width:38px; height:38px; border-radius:9px;
  background:var(--aj-accent); color:#fff; display:flex; align-items:center; justify-content:center;
  font-family:var(--aj-font-heading); font-weight:800; font-size:15px;
}
.step h3 { font-size:17.5px; font-weight:700; margin:6px 0 5px; }
.step p { font-size:15.5px; line-height:1.55; color:var(--aj-body-soft); margin:0; }
.step p + p { margin-top:8px; }

.two-col { display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:start; }

/* ---- Download box ----------------------------------------------------- */
.download {
  background:#fff; border:1px solid var(--aj-border); border-radius:18px; padding:30px;
  box-shadow:0 24px 60px -30px rgba(0,48,92,.35);
}
.download__head { display:flex; gap:16px; align-items:center; margin-bottom:20px; }
.download__head h2 { font-size:20px; margin:0; }
.download__head p { margin:2px 0 0; font-size:14px; color:var(--aj-muted); }
.download .btn { width:100%; }
.download__hash { margin:12px 0 14px; font-size:12.5px; line-height:1.5; color:var(--aj-muted); }
.download__hash span { display:block; font-weight:600; letter-spacing:.04em; margin-bottom:3px; }
.download__hash code { display:block; font-size:12.5px; color:var(--aj-ink); padding:6px 9px; user-select:all; }
.download__meta { list-style:none; margin:20px 0 0; padding:18px 0 0; border-top:1px solid var(--aj-border-soft); display:grid; gap:10px; font-size:14.5px; }
.download__meta li { display:grid; grid-template-columns:22px 1fr; gap:10px; align-items:start; line-height:1.45; }
.download__meta svg { width:18px; height:18px; color:var(--aj-accent); margin-top:2px; }
.download__soon { font-size:15px; color:var(--aj-body); margin:14px 0 0; }

/* ---- Publisher callout ------------------------------------------------- */
.note {
  background:var(--aj-note-bg); border:1px solid #d5e0ec; border-left:4px solid var(--aj-blue);
  border-radius:0 var(--aj-radius-btn) var(--aj-radius-btn) 0; padding:16px 20px; margin:0 0 18px;
}
.note p { color:var(--aj-ink); font-size:15.5px; line-height:1.55; }
.note p:last-child { margin-bottom:0; }
.note--warn { background:#f6ebea; border-color:#ebd3d1; border-left-color:var(--aj-red); }
.publisher {
  display:block; font-family:var(--aj-font-mono); font-size:14px; line-height:1.55; color:var(--aj-ink);
  background:#fff; border:1px solid var(--aj-border); border-radius:var(--aj-radius-btn);
  padding:12px 14px; margin:10px 0 0; overflow-wrap:anywhere;
}

/* ---- Lists -------------------------------------------------------------- */
.xlist { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.xlist li { display:grid; grid-template-columns:28px 1fr; gap:12px; align-items:center; font-size:16px; }

/* ---- FAQ (native details) ---------------------------------------------- */
.faq { display:grid; gap:12px; max-width:var(--aj-measure); }
.faq details { background:#fff; border:1px solid var(--aj-border); border-radius:12px; padding:0 22px; }
.faq summary {
  cursor:pointer; list-style:none; padding:18px 30px 18px 0; position:relative;
  font-family:var(--aj-font-heading); font-weight:700; font-size:17px; color:var(--aj-ink);
}
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after {
  content:""; position:absolute; right:4px; top:50%; width:9px; height:9px; margin-top:-7px;
  border-right:2px solid var(--aj-accent); border-bottom:2px solid var(--aj-accent); transform:rotate(45deg);
  transition:transform .18s;
}
.faq details[open] summary::after { transform:rotate(-135deg); margin-top:-2px; }
.faq details > div { padding:0 0 18px; }
.faq details p { font-size:15.5px; color:var(--aj-body); }
.faq details p:last-child { margin-bottom:0; }

/* ---- CTA band ----------------------------------------------------------- */
.cta {
  background:linear-gradient(120deg,var(--aj-accent),var(--aj-accent-hover)); border-radius:var(--aj-radius-band);
  padding:clamp(34px,5vw,56px); display:flex; align-items:center; justify-content:space-between;
  gap:32px; flex-wrap:wrap; color:#fff;
}
.cta h2 { font-stretch:125%; font-size:clamp(25px,3vw,33px); color:#fff; letter-spacing:-.01em; max-width:560px; }
.cta p { color:rgba(255,255,255,.84); font-size:16.5px; margin:10px 0 0; max-width:520px; }

/* ---- Document pages (privacy) ------------------------------------------- */
.doc-head { background:linear-gradient(180deg,var(--aj-bg-hero) 0%,#fff 100%); border-bottom:1px solid var(--aj-border-soft); }
.doc-head .container { padding-block:56px 40px; }
.doc-head h1 { font-stretch:125%; font-size:clamp(30px,4vw,42px); letter-spacing:-.01em; margin:0 0 10px; }
.doc-head__meta { font-size:14px; color:var(--aj-muted); margin:0; }
.doc { max-width:var(--aj-measure); }
.doc h2 { font-size:23px; color:var(--aj-blue); letter-spacing:-.01em; margin:44px 0 12px; }
.doc h3 { font-size:18px; margin:28px 0 8px; }
.doc p, .doc li { font-size:16.5px; line-height:1.7; }
.doc ul { margin:0 0 16px; padding-left:22px; }
.doc li { margin-bottom:6px; }
.doc .toc { background:var(--aj-bg-soft); border:1px solid var(--aj-border); border-radius:14px; padding:20px 24px; margin:0 0 8px; }
.doc .toc p { font-family:var(--aj-font-heading); font-weight:700; color:var(--aj-ink); margin:0 0 8px; font-size:15px; }
.doc .toc ul { margin:0; }
.doc .toc li { font-size:15.5px; margin:0 0 4px; }

/* ---- 404 ---------------------------------------------------------------- */
.lost { text-align:left; max-width:640px; }
.lost__code { font-family:var(--aj-font-heading); font-stretch:125%; font-weight:800; font-size:clamp(64px,10vw,110px); line-height:1; color:var(--aj-accent-tint); -webkit-text-stroke:2px var(--aj-accent); margin:0 0 12px; }

/* ---- Footer --------------------------------------------------------------- */
.footer { background:var(--aj-navy); color:#cbd5e1; font-size:15px; }
.footer .container { padding-block:64px 30px; }
.footer__grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1.1fr; gap:40px; }
.footer__logo { height:48px; width:auto; display:block; margin-bottom:18px; }
.footer h2 { color:#fff; font-size:14px; letter-spacing:.06em; text-transform:uppercase; margin:6px 0 14px; }
.footer ul { list-style:none; margin:0; padding:0; line-height:2; }
.footer a { color:#cbd5e1; text-decoration:none; }
.footer a:hover { color:#fff; text-decoration:underline; }
.footer p { margin:0 0 14px; line-height:1.6; }
.footer__bottom {
  margin-top:44px; padding-top:22px; border-top:1px solid rgba(255,255,255,.14);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:14px; color:#9fb0c4;
}
.footer__bottom p { margin:0; }

.ext::after { content:" \203A"; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

/* ---- Responsive ------------------------------------------------------------ */
@media (max-width:980px) {
  .grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer__grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:900px) {
  .hero__grid, .two-col { grid-template-columns:1fr; gap:40px; }
  .hero .container { padding-block:56px 64px; }
  .panel__badge { right:12px; }
}
@media (max-width:760px) {
  :root { --aj-gutter:16px; --aj-section-y:60px; }
  html { scroll-padding-top:128px; }
  .utility__tag { display:none; }
  .utility .container { justify-content:flex-end; }
  .mainbar .container { gap:10px 18px; padding-block:10px; }
  .brand img { height:40px; }
  .brand__tag { display:none; }
  .nav { margin-left:0; width:100%; gap:20px; order:3; }
  .nav a { font-size:15px; padding:4px 0; }
  .mainbar .btn { margin-left:auto; }
  .hero__jump { display:none; }
  .grid-2, .grid-3 { grid-template-columns:1fr; }
  .footer__grid { grid-template-columns:1fr; gap:28px; }
  .step { padding:18px; gap:14px; }
  .panel, .download { padding:22px; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { transition:none !important; animation:none !important; }
}
@media print {
  .utility, .mainbar, .footer, .cta, .skip { display:none; }
  body { font-size:11pt; }
  .hero, .doc-head { background:none; }
}