/* Internal pages use the homepage's tokens and shared navigation components.
   This file is not loaded by the homepage. */
.internal-page .btn-primary {
  display:inline-flex; align-items:center; gap:8px; background-color:var(--ink); color:#fff;
  padding:11px 24px; min-height:0; border:0; border-radius:9999px; font-size:14px; font-weight:600;
  box-shadow:0 4px 12px rgba(0,0,0,.14); text-decoration:none;
}
.internal-page .btn-primary:hover { background-color:#000; transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,.2); }
.internal-page .work-card-elongated,
.internal-page .experiment-card,
.internal-page .thought-card,
.internal-page .playground-card,
.internal-page .sidequests-card { border-radius:var(--border-radius-xs); box-shadow:var(--shadow-card); }
.internal-page .case-title,.internal-page .about-hero-title { font-family:var(--font-display); font-weight:400; letter-spacing:-.04em; }
.internal-page .qh-glance-band,.internal-page .case-tldr-card { background:var(--paper-light); border-radius:var(--border-radius-xs); }
.internal-page .site-footer { margin-top:64px; padding-bottom:24px; }
.internal-page .footer-brand { font-family:var(--font-brush); font-size:24px; font-weight:700; letter-spacing:normal; }
.internal-page .footer-link { font-family:var(--font-sans); font-size:13.5px; font-weight:400; color:var(--ink-soft); }
.internal-page .site-footer a { overflow-wrap:anywhere; }
.internal-page .design-decision { border-color:var(--blue); background:var(--blue-soft); }
.internal-page .design-route li::before { color:var(--blue); }
.internal-page .design-route { border-color:var(--line); }
.internal-page .design-decision .design-tradeoff { border-color:var(--line); }
.mobile-nav-overlay:not(.is-open) { display: none !important; visibility: hidden !important; }
@media (max-width: 1023px) {
  .nav-links-desktop { display: none !important; }
  .mobile-nav-toggle { display: flex !important; }
}