/* ══════════════════════════════════════════════════════════════════════════
   The CSS added while completing mockups 28 「链接已失效」, 29 「Game已下线」,
   30 「404页面不存在」 and 25 「关于我们」.

   ── Why this file is nearly empty ────────────────────────────────────────
   The three dead ends needed NOTHING. `web/css/base.css` already ports all
   three of them from the mockups' shared stylesheet — `.dg-play` /
   `.dg-play__card` are their `.player-stage` / `.center-card`, and
   `.dg-unavailable`, `__glyph` (the slate gradient tile), `__heading`,
   `__body` and the full-width accent CTA are lifted rule for rule. Restating
   any of that here would give the same declaration two homes and a way to
   disagree, so this file deliberately carries none of it. The site-wide 404
   registered in `lib/app.dart` renders the SAME component and therefore needs
   nothing either.

   ── Why the About rule is in a file called `errors.css` ──────────────────
   `.dg-legal__cta` belongs beside its siblings in `web/css/legal.css`. It is
   here because that stylesheet is another agent's file this phase and a
   parallel edit to it would collide; one new stylesheet was the sanctioned
   alternative. **Merge note for the lead: move the block below into
   `legal.css`, add `@import "./css/errors.css"` nowhere, and drop the
   `<link>` in `legal_chrome.dart`'s `legalChromeAbout`.**

   ── How it is loaded ─────────────────────────────────────────────────────
   NOT through `web/styles.tw.css` — that file is not this task's, and the
   Tailwind build that compiles it is run centrally. `legalChromeAbout` emits
   `<link rel="stylesheet" href="/css/errors.css">` into the document head
   instead, and jaspr serves `web/` as static files, so the rule is live
   without a rebuild.

   MOBILE-FIRST and NO DARK BLOCK, like every sheet beside it: all 45 mockups
   are light-only phone screens.
   ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════════
   ABOUT — mockup 25's closing 「开始创建我的 Game →」.

   The mockup's own markup is `<div style="text-align:center;padding-top:10px">`
   holding a `.btn.accent.lg`, sitting under the last section of the page
   column. The button itself is `.dg-btn .dg-btn--accent .dg-btn--lg` from
   base.css — nothing about it is redefined here.

   The 10px of the mockup becomes 18px: there, the preceding `.about-section`
   carries a 32px bottom margin; here the preceding element is the engine's
   last `<p>`, whose margin is smaller.
   ══════════════════════════════════════════════════════════════════════════ */
.dg-legal__cta {
  padding-top: 18px;
  text-align: center;
}