/* Owner-approved Studio exception: page-derived Obsidian/Platinum chrome, compact body. */
body[data-studio-site] .site-header a:focus-visible,
body[data-studio-site] .site-header button:focus-visible,
body[data-studio-site] .footer a:focus-visible,
.studio-skip-link:focus-visible {
  outline: 2px solid #f1f0ea;
  outline-offset: 5px;
}
.studio-skip-link {
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 1000;
  padding: 12px;
  background: #050505;
  color: #f1f0ea;
  transform: translateY(-120%);
}
.studio-skip-link:focus {
  transform: none;
}
body[data-studio-site] .footer-main p {
  color: #aaa8a2;
  font-size: 14px;
}
body[data-studio-site] .footer-bottom {
  color: #bfc1be;
  font-size: 12px;
}
body[data-studio-site] .home-link {
  color: #bfc1be;
}
@media (max-width: 680px) {
  body[data-studio-site] .site-header .brand,
  body[data-studio-site] .footer .brand {
    font-size: 20px;
  }
  body[data-studio-site] .site-header .brand em,
  body[data-studio-site] .footer .brand em {
    font-size: 10px;
  }
  body[data-studio-site] .site-header .menu-toggle {
    width: 44px;
    height: 44px;
  }
  body[data-studio-site] .mobile-menu a {
    font-size: 14px;
    min-height: 44px;
  }
  body[data-studio-site] .footer {
    padding: 40px 0 24px;
  }
  body[data-studio-site] .footer-main {
    gap: 26px;
  }
  body[data-studio-site] .footer-links {
    gap: 18px;
    font-size: 13px;
  }
  body[data-studio-site] .footer-bottom {
    margin-top: 28px;
  }
  body[data-studio-site] main .shell {
    width: calc(100% - 36px);
  }
  body[data-studio-site] main .section {
    padding: 58px 0;
  }
  body[data-studio-site] main .hero {
    padding: 104px 0 58px;
  }
  body[data-studio-site] main .hero-layout {
    gap: 28px;
  }
  body[data-studio-site] main .hero h1 {
    margin-top: 18px;
    font-size: clamp(2rem, 8.4vw, 2.5rem);
    line-height: 1.18;
    letter-spacing: -0.035em;
  }
  body[data-studio-site] main .hero-line {
    line-height: 1.17;
  }
  body[data-studio-site] main .hero-lead {
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.85;
  }
  body[data-studio-site] main .hero-actions {
    display: flex;
    gap: 8px;
    margin-top: 22px;
  }
  body[data-studio-site] main .button {
    width: fit-content;
    min-height: 44px;
    padding: 0 14px;
    font-size: 13px;
    border-radius: 11px;
  }
  body[data-studio-site] main .studio-badge {
    padding: 9px 13px;
    font-size: 12px;
  }
  body[data-studio-site] main :is(.section-pill, .tag, .studio-label, .access-label) {
    padding: 7px 11px;
    font-size: 11px;
  }
  body[data-studio-site] main .hero-signals {
    gap: 12px;
    margin-top: 18px;
  }
  body[data-studio-site] main .command-body {
    min-height: 116px;
    padding: 20px;
    gap: 9px;
  }
  body[data-studio-site] main .command-text {
    font-size: 22px;
  }
  body[data-studio-site] main .system-stream {
    padding: 0 18px 18px;
  }
  body[data-studio-site]
    main
    :is(
      .section-head h2,
      .capabilities-intro h2,
      .access-copy h2,
      .faq-heading h2,
      .proof-copy h2
    ) {
    font-size: clamp(1.65rem, 6.8vw, 1.95rem);
    line-height: 1.3;
  }
  body[data-studio-site]
    main
    :is(
      .section-head p,
      .capabilities-intro p,
      .system-card p,
      .pillar-copy p,
      .proof-copy p,
      .access-copy p,
      .faq-panel p
    ) {
    font-size: 14px;
    line-height: 1.85;
  }
  body[data-studio-site] main :is(.section-head, .capabilities-intro) {
    margin-bottom: 24px;
  }
  body[data-studio-site] main .system-grid {
    gap: 12px;
  }
  body[data-studio-site] main .system-card {
    min-height: auto;
    padding: 22px;
    border-radius: 18px;
  }
  body[data-studio-site] main .system-card.wide {
    gap: 20px;
  }
  body[data-studio-site] main :is(.system-card h3, .pillar-copy h3) {
    font-size: 20px;
  }
  body[data-studio-site] main .pillar {
    padding: 22px;
    gap: 10px;
    min-height: auto;
  }
  body[data-studio-site] main .pillar-index {
    font-size: 25px;
  }
  body[data-studio-site] main .journey-step {
    gap: 12px;
    padding: 18px;
    grid-template-columns: 36px 1fr;
  }
  body[data-studio-site] main .step-node {
    width: 34px;
    height: 34px;
  }
  body[data-studio-site] main .journey-step b {
    font-size: 15px;
  }
  body[data-studio-site] main .journey-step p {
    font-size: 13px;
  }
  body[data-studio-site] main .proof-card {
    padding: 24px;
    gap: 24px;
  }
  body[data-studio-site] main .proof-metrics {
    grid-template-columns: 1fr 1fr;
  }
  body[data-studio-site] main .proof-metrics > div {
    padding: 14px;
  }
  body[data-studio-site] main .proof-metrics strong {
    font-size: 22px;
  }
  body[data-studio-site] main .access-grid {
    gap: 28px;
  }
  body[data-studio-site] main .access-card {
    padding: 24px;
    border-radius: 20px;
  }
  body[data-studio-site] main .access-card > strong {
    margin-top: 14px;
    font-size: 42px;
  }
  body[data-studio-site] main .access-card > strong small {
    font-size: 14px;
  }
  body[data-studio-site] main .access-button {
    min-height: 44px;
    font-size: 14px;
  }
  body[data-studio-site] main .faq-button {
    min-height: 60px;
    padding: 16px 0;
    gap: 12px;
    font-size: 14px;
  }
  body[data-studio-site] main .faq-panel p {
    margin-bottom: 18px;
  }
}