/* Noephic site: page layout on top of Noephic Headword (tokens.css, then components/bundle.css) */
html { scroll-behavior: smooth; }
.nx a:not([class]) { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
.site-shell { box-sizing: border-box; width: 100%; max-width: 1264px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }
.site-sheet { margin: 0 12px; background: var(--sheet); border-radius: var(--radius-xl); box-shadow: var(--shadow-hairline); }
.site-section { padding-top: 80px; padding-bottom: 80px; }
.site-well { padding: 48px; }
.site-tile { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--radius-m); background: var(--sheet-sunken); color: var(--ink-2); }
.site-tile--ai { background: var(--ai-soft); color: var(--ai); }
.site-split { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px 56px; align-items: center; }
@media (max-width: 1100px) {
  .site-split { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .site-shell { padding-left: 16px; padding-right: 16px; }
  .site-sheet { margin: 0; border-radius: 0; box-shadow: none; }
  .site-section { padding-top: 48px; padding-bottom: 48px; }
  .site-well { padding: 16px; }
  .site-actions { flex-direction: column; align-items: stretch; }
  .site-actions > .nx-btn { width: 100%; }
  .site-phone-block { align-self: stretch !important; width: 100%; }
}