/* Navigation and page landmarks share the existing Rose theme tokens. */
.skip-link{position:fixed;top:12px;left:16px;z-index:100;padding:12px 18px;background:var(--header-surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;transform:translateY(-160%);font:14px var(--sans)}
.skip-link:focus{transform:none}
.site-header{min-height:72px;box-sizing:border-box;padding-block:14px}
.site-menu{display:none}
.site-menu summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:24px;color:var(--ink);background:var(--surface);font:13px var(--sans);cursor:pointer;list-style:none}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu[open] summary>span{transform:rotate(45deg)}
.site-header .site-menu nav{position:absolute;top:calc(100% + 8px);right:16px;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow-y:auto;box-sizing:border-box;margin:0;padding:12px;background:var(--header-surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px #00000012}
.site-header .site-menu nav a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 14px;box-sizing:border-box;color:var(--ink);font:14px var(--sans);border-radius:8px}
.site-header .site-menu nav a:hover{background:var(--surface)}
.site-header .site-menu .menu-studio{margin-top:8px;background:var(--accent);color:var(--accent-text)}
.landing-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:start;gap:48px;padding:48px 8vw}
.landing-footer .footer-intro .brand{font-size:30px}
.landing-footer .footer-intro p{display:block;margin-top:12px;font:13px/1.7 var(--sans);color:var(--muted);max-width:24ch}
.landing-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;background:none;box-shadow:none;backdrop-filter:none}
.landing-footer nav h2{margin:0 0 12px;font:500 15px/1.5 var(--sans);letter-spacing:0;color:var(--ink)}
.landing-footer nav a{display:flex;align-items:center;min-height:44px;font:14px/1.5 var(--sans);color:var(--muted)}
.landing-footer nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){
  .site-header .desktop-navigation{display:none}
  .site-menu{display:block;margin-left:auto}
}
@media(max-width:700px){
  .site-header{display:flex;flex-wrap:nowrap;height:72px;gap:8px;padding:12px 16px}
  .site-header .header-cta{display:none}
  .site-header .brand{font-size:24px}
  .theme-toggle{padding:10px;min-width:44px}
  .landing-footer{grid-template-columns:1fr 1fr;gap:24px 20px;padding:36px 22px max(32px,env(safe-area-inset-bottom))}
  .footer-intro{grid-column:1 / -1}
}
@media(max-width:370px){
  .site-header{gap:6px;padding-inline:12px}
  .site-header .brand{font-size:21px}
  .site-menu summary{padding-inline:10px;font-size:12px}
  .site-header .landing-account{width:40px;height:40px}
  .landing-footer{grid-template-columns:1fr}
}