/* Built from the entrepreneurs mockup by tools/build-css.mjs. Do not edit by hand. */

  /* Kept: logo, grey header, blue #004aad, Signika headlines, Urbanist text.
     New: a business-desk layout — "The Brief" numbered list, lead story, "Playbooks", a hairline grid, a newsletter band; no dead banner or Sign In. */
  .hqm {
    --bg: #ffffff; --ink: #111; --muted: #5d636e; --line: #e3e5e8; --accent: #004aad; --soft: #f2f2f2;
    --display: "Signika", system-ui, sans-serif; --body: "Urbanist", system-ui, sans-serif; --label: "Urbanist", system-ui, sans-serif;
    --img-bg: #eceef0; --max: 1280px;
    --prose-size: 18px; --tk-bg: #ffffff; --tk-border: 2px solid #111; --tk-label: #111;
  }
  .hqm .kicker { font-family: var(--label); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); }
  .hqm .meta { font-family: var(--label); font-size: 13px; font-weight: 500; color: var(--muted); }

  .hqm header.top { background: var(--soft); }
  .hqm header.top .wrap { display: flex; align-items: center; gap: 26px; height: 72px; }
  .hqm header.top svg { width: 26px; height: 26px; }
  .hqm .logo img { height: 24px; width: auto; }
  .hqm nav.cats { border-bottom: 1px solid var(--line); }
  .hqm nav.cats .wrap { display: flex; gap: 26px; height: 48px; align-items: center; font-weight: 600; font-size: 15px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
  .hqm nav.cats a:hover { color: var(--accent); }
  .hqm .btn { margin-left: auto; background: var(--accent); color: #fff; font-weight: 600; font-size: 15px; padding: 10px 16px; border-radius: 4px; white-space: nowrap; }
  .hqm .btn:hover { background: #003a8a; }

  .hqm .top3 { display: grid; grid-template-columns: 300px 1fr 300px; border-bottom: 1px solid var(--line); }
  .hqm .top3 > * { padding: 36px 0; }
  .hqm .brief { padding-right: 28px; border-right: 1px solid var(--line); }
  .hqm .brief h2, .hqm .play h2 { font-family: var(--display); font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: .06em; padding-bottom: 12px; border-bottom: 2px solid var(--ink); margin-bottom: 4px; }
  .hqm .brief a { display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--line); }
  .hqm .brief .n { font-family: var(--display); font-weight: 700; font-size: 15px; color: var(--accent); padding-top: 2px; }
  .hqm .brief h3 { font-family: var(--display); font-weight: 600; font-size: 16px; line-height: 1.3; }
  .hqm .lead { padding: 36px 32px; }
  .hqm .lead h1 { font-family: var(--display); font-weight: 700; font-size: clamp(30px, 3vw, 44px); line-height: 1.08; letter-spacing: -.02em; margin: 18px 0 14px; }
  .hqm .lead p { font-size: 17.5px; color: #33373e; line-height: 1.6; }
  .hqm .play { padding-left: 28px; border-left: 1px solid var(--line); }
  .hqm .play a { display: block; padding: 16px 0; border-bottom: 1px solid var(--line); }
  .hqm .play h3 { font-family: var(--display); font-weight: 600; font-size: 16.5px; line-height: 1.3; margin-top: 10px; }

  .hqm section { padding-top: 64px; }
  .hqm .sec-head { display: flex; align-items: baseline; gap: 16px; border-top: 2px solid var(--ink); padding-top: 14px; margin-bottom: 28px; }
  .hqm .sec-head h2 { font-family: var(--display); font-weight: 700; font-size: 26px; letter-spacing: -.01em; }
  .hqm .sec-head span { font-size: 13px; color: var(--muted); }

  .hqm .grid4 { display: grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid var(--line); }
  .hqm .grid4 a { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 0 0 22px; transition: background .15s; }
  .hqm .grid4 a:hover { background: var(--soft); }
  .hqm .grid4 .in { padding: 16px 18px 0; }
  .hqm .grid4 h3 { font-family: var(--display); font-weight: 600; font-size: 18px; line-height: 1.28; margin: 10px 0 8px; }
  .hqm .grid4 p { font-size: 14.5px; color: var(--muted); line-height: 1.55; }

  .hqm .band { background: var(--ink); color: #fff; margin-top: 72px; padding: 56px 0; }
  .hqm .band .wrap { display: grid; grid-template-columns: 1fr 2fr; gap: 48px; align-items: center; }
  .hqm .band h2 { font-family: var(--display); font-weight: 700; font-size: 38px; line-height: 1.05; letter-spacing: -.02em; }
  .hqm .band h2 em { font-style: normal; color: var(--accent); }
  .hqm .band p { color: #b9bec6; margin-top: 12px; }
  .hqm .band .rows a { display: grid; grid-template-columns: 90px 1fr; gap: 18px; padding: 16px 0; border-top: 1px solid #2b2f36; align-items: center; }
  .hqm .band .kicker { color: #7fb0ff; }
  .hqm .band .rows h3 { font-family: var(--display); font-weight: 600; font-size: 18px; line-height: 1.3; }

  .hqm footer { margin-top: 0; padding: 40px 0 90px; border-top: 1px solid var(--ink); }
  .hqm footer .wrap { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; font-size: 14px; color: var(--muted); }
  .hqm footer img { height: 22px; width: auto; }

  /* Article */
  .hqm .a-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr) 220px; gap: 48px; padding-top: 48px; }
  .hqm .a-head { grid-column: 2; max-width: 760px; }
  .hqm .a-head h1 { font-family: var(--display); font-weight: 700; font-size: clamp(32px, 4.2vw, 54px); line-height: 1.06; letter-spacing: -.025em; margin: 16px 0 16px; }
  .hqm .a-head .dek { font-size: 20px; color: #33373e; line-height: 1.55; }
  .hqm .a-head .meta { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--line); display: flex; gap: 18px; flex-wrap: wrap; }
  .hqm .a-img { grid-column: 1 / -1; margin: 36px 0 12px; }
  .hqm .rail { position: sticky; top: 24px; align-self: start; }
  .hqm .rail b { display: block; font-family: var(--display); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; padding-bottom: 10px; border-bottom: 2px solid var(--ink); }
  .hqm .rail a { display: block; font-size: 14px; line-height: 1.4; padding: 10px 0; border-bottom: 1px solid var(--line); color: var(--muted); }
  .hqm .rail a:hover { color: var(--ink); }
  .hqm .prose { margin: 0; max-width: 700px; }
  .hqm .prose h2 { font-weight: 700; letter-spacing: -.015em; font-size: 1.5em; }
  .hqm .takeaways { font-size: 16.5px; }
  .hqm .takeaways ul { list-style: none; padding: 0; }
  .hqm .takeaways li { position: relative; padding-left: 30px; }
  .hqm .takeaways li::before { content: ""; position: absolute; left: 0; top: .28em; width: 18px; height: 18px; background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/14px no-repeat; }

  @media (max-width: 1080px) {
    .hqm .top3 { grid-template-columns: 1fr 1fr; } .hqm .lead { grid-column: 1 / -1; order: -1; padding: 28px 0; border-bottom: 1px solid var(--line); }
    .hqm .brief { border-right: 1px solid var(--line); } .hqm .play { border-left: 0; }
    .hqm .grid4 { grid-template-columns: 1fr 1fr; }
    .hqm .a-grid { grid-template-columns: minmax(0, 1fr) 220px; } .hqm .a-head { grid-column: 1; } .hqm .a-grid > .rail.left { display: none; }
  }
  @media (max-width: 720px) {
    .hqm header.top .wrap { height: 60px; gap: 14px; } .hqm .logo img { height: 18px; } .hqm .btn { font-size: 13.5px; padding: 8px 12px; }
    .hqm .top3 { grid-template-columns: 1fr; } .hqm .brief { border-right: 0; padding-right: 0; } .hqm .play { padding-left: 0; }
    .hqm .grid4 { grid-template-columns: 1fr; border-left: 0; } .hqm .grid4 a { border-right: 0; }
    .hqm .band .wrap { grid-template-columns: 1fr; gap: 24px; } .hqm .band h2 { font-size: 30px; }
    .hqm .a-grid { grid-template-columns: 1fr; gap: 0; padding-top: 28px; } .hqm .a-grid > .rail { display: none; }
    .hqm .a-head .dek { font-size: 18px; }
  }
  .hqm { --btn-radius: 4px; }
  .hqm .promo { display: block; background: #d42522; color: #fff; text-align: center; font-size: 14.5px; font-weight: 500; padding: 9px 16px; }
  .hqm .promo:hover { background: #b81d1a; }
  /* Category sections */
  .hqm .bsplit { display: grid; grid-template-columns: 1.3fr 1fr; gap: 36px; }
  .hqm .bsplit .big h3 { font-family: var(--display); font-weight: 700; font-size: 30px; line-height: 1.1; letter-spacing: -.015em; margin: 14px 0 10px; }
  .hqm .bsplit .big p { color: #33373e; }
  .hqm .nlist a { display: grid; grid-template-columns: 40px 1fr; gap: 10px; padding: 16px 0; border-bottom: 1px solid var(--line); }
  .hqm .nlist a:first-child { padding-top: 0; }
  .hqm .nlist .n { font-family: var(--display); font-weight: 700; font-size: 26px; line-height: 1; color: var(--accent); }
  .hqm .nlist h3 { font-family: var(--display); font-weight: 600; font-size: 17px; line-height: 1.3; }
  .hqm .textcols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 32px; }
  .hqm .textcols a { display: block; padding: 16px 0; border-top: 1px solid var(--line); }
  .hqm .textcols h3 { font-family: var(--display); font-weight: 600; font-size: 17px; line-height: 1.3; margin-top: 6px; }
  .hqm .nlist a:hover h3, .hqm .textcols a:hover h3, .hqm .bsplit .big:hover h3 { color: var(--accent); }
  @media (max-width: 1080px) { .hqm .bsplit { grid-template-columns: 1fr; } .hqm .textcols { grid-template-columns: 1fr 1fr; } }
  @media (max-width: 720px) { .hqm .textcols { grid-template-columns: 1fr; } }