/* V4-CMS base stylesheet — minimal, dual-theme via .dark class */
:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0.012 255);
  --primary: oklch(0.46 0.22 264);
  --primary-foreground: oklch(0.99 0 0);
  --border: oklch(0.91 0.006 255);
  --muted: oklch(0.965 0.003 255);
  --muted-foreground: oklch(0.52 0.018 255);
  --card: oklch(0.99 0.002 255);
  --radius: 0.5rem;
  color-scheme: light;
}
:root.dark {
  --background: oklch(0.09 0.005 285);
  --foreground: oklch(0.92 0.005 65);
  --primary: oklch(0.56 0.22 264);
  --primary-foreground: oklch(0.99 0 0);
  --border: oklch(1 0 0 / 9%);
  --muted: oklch(0.16 0.006 285);
  --muted-foreground: oklch(0.55 0.012 285);
  --card: oklch(0.13 0.006 285);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--background); color: var(--foreground); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Geist', 'Space Grotesk', system-ui, sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
button { font: inherit; cursor: pointer; }
img, svg { max-width: 100%; height: auto; }
pre, code { font-family: ui-monospace, SFMono-Regular, 'Geist Mono', Menlo, Consolas, monospace; }
.prose { color: var(--foreground); }
.prose h1, .prose h2, .prose h3 { font-weight: 700; line-height: 1.25; }
.prose h2 { font-size: 1.4rem; margin-top: 2rem; margin-bottom: 0.75rem; }
.prose h3 { font-size: 1.15rem; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.prose p { margin: 0.75rem 0; }
.prose ul, .prose ol { padding-left: 1.5rem; margin: 0.75rem 0; }
.prose li { margin: 0.25rem 0; }
.prose code { background: var(--muted); padding: 0.1rem 0.35rem; border-radius: 0.25rem; font-size: 0.9em; }
.prose pre { background: #0d1117; color: #e6edf3; padding: 1rem; border-radius: 0.75rem; overflow-x: auto; font-size: 0.85rem; line-height: 1.55; }
.prose pre code { background: transparent; padding: 0; color: inherit; }
.prose blockquote {
  position: relative;
  margin: 1.35rem 0;
  padding: 1rem 1.15rem 1rem 1.35rem;
  color: rgb(51 65 85);
  border: 1px solid rgb(199 210 254 / 0.8);
  border-left: 0;
  border-radius: 1rem;
  background:
    linear-gradient(90deg, rgb(238 242 255 / 0.95), rgb(248 250 252 / 0.92)),
    radial-gradient(circle at 1.5rem 1.2rem, rgb(99 102 241 / 0.12), transparent 12rem);
  box-shadow: 0 12px 32px rgb(15 23 42 / 0.06);
  overflow: hidden;
}
.prose blockquote::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.35rem;
  background: linear-gradient(180deg, rgb(79 70 229), rgb(14 165 233));
}
.prose blockquote::after {
  content: "“";
  position: absolute;
  right: 1rem;
  top: -0.75rem;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 4rem;
  line-height: 1;
  color: rgb(79 70 229 / 0.12);
  pointer-events: none;
}
.prose blockquote > :first-child { margin-top: 0; }
.prose blockquote > :last-child { margin-bottom: 0; }
.dark .prose blockquote {
  color: rgb(226 232 240);
  border-color: rgb(129 140 248 / 0.28);
  background:
    linear-gradient(90deg, rgb(30 41 59 / 0.78), rgb(15 23 42 / 0.72)),
    radial-gradient(circle at 1.5rem 1.2rem, rgb(129 140 248 / 0.16), transparent 12rem);
  box-shadow: 0 18px 42px rgb(0 0 0 / 0.22);
}
.dark .prose blockquote::after { color: rgb(129 140 248 / 0.16); }
.prose table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.prose th, .prose td { padding: 0.5rem 0.75rem; border: 1px solid var(--border); text-align: left; font-size: 0.9rem; }
.prose th { background: var(--muted); }
.prose-invert pre { background: #0d1117; }
[data-rebuild-bar] { transition: width 0.3s ease; }


/* Utility subset used by the SSR React components. */
.static { position: static; }
.sticky { position: sticky; }
.top-0 { top: 0; }
.top-16 { top: 4rem; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.mx-auto { margin-left: auto; margin-right: auto; }
.ml-2 { margin-left: 0.5rem; }
.mr-1 { margin-right: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
.mt-16 { margin-top: 4rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.block { display: block; }
.inline-flex { display: inline-flex; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.min-h-screen { min-height: 100vh; }
.h-2 { height: 0.5rem; }
.h-14 { height: 3.5rem; }
.h-fit { height: fit-content; }
.h-full { height: 100%; }
.w-full { width: 100%; }
.max-w-none { max-width: none; }
.max-w-sm { max-width: 24rem; }
.max-w-7xl { max-width: 80rem; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-6 { grid-column: span 6 / span 6; }
.col-span-9 { grid-column: span 9 / span 9; }
.col-span-12 { grid-column: span 12 / span 12; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.25rem; }
.space-y-1.5 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.375rem; }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 1rem; }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 1.5rem; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.border { border-width: 1px; border-style: solid; }
.border-b { border-bottom-width: 1px; border-bottom-style: solid; }
.border-t { border-top-width: 1px; border-top-style: solid; }
.border-slate-100 { border-color: rgb(241 245 249); }
.border-slate-200 { border-color: rgb(226 232 240); }
.border-indigo-100 { border-color: rgb(224 231 255); }
.border-indigo-200 { border-color: rgb(199 210 254); }
.border-indigo-300 { border-color: rgb(165 180 252); }
.border-emerald-300 { border-color: rgb(110 231 183); }
.border-rose-200 { border-color: rgb(254 205 211); }
.border-white\/10 { border-color: rgb(255 255 255 / 0.1); }
.bg-white { background-color: rgb(255 255 255); }
.bg-slate-50 { background-color: rgb(248 250 252); }
.bg-slate-100 { background-color: rgb(241 245 249); }
.bg-slate-200 { background-color: rgb(226 232 240); }
.bg-indigo-50 { background-color: rgb(238 242 255); }
.bg-indigo-600 { background-color: rgb(79 70 229); }
.bg-emerald-50 { background-color: rgb(236 253 245); }
.bg-emerald-600 { background-color: rgb(5 150 105); }
.bg-amber-50 { background-color: rgb(255 251 235); }
.bg-rose-50 { background-color: rgb(255 241 242); }
.bg-rose-100 { background-color: rgb(255 228 230); }
.bg-sky-100 { background-color: rgb(224 242 254); }
.bg-[#0b0b0f] { background-color: #0b0b0f; }
.bg-[#111118] { background-color: #111118; }
.bg-indigo-400\/10 { background-color: rgb(129 140 248 / 0.1); }
.bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); }
.from-indigo-50 { --tw-gradient-from: rgb(238 242 255); --tw-gradient-to: rgb(238 242 255 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-indigo-900\/30 { --tw-gradient-from: rgb(49 46 129 / 0.3); --tw-gradient-to: rgb(49 46 129 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-white { --tw-gradient-to: rgb(255 255 255); }
.to-transparent { --tw-gradient-to: transparent; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-0.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.pt-6 { padding-top: 1.5rem; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-[10px] { font-size: 10px; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-7xl { font-size: 4.5rem; line-height: 1; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.leading-6 { line-height: 1.5rem; }
.leading-7 { line-height: 1.75rem; }
.tracking-tight { letter-spacing: 0; }
.text-white { color: rgb(255 255 255); }
.text-slate-100 { color: rgb(241 245 249); }
.text-slate-200 { color: rgb(226 232 240); }
.text-slate-300 { color: rgb(203 213 225); }
.text-slate-400 { color: rgb(148 163 184); }
.text-slate-500 { color: rgb(100 116 139); }
.text-slate-600 { color: rgb(71 85 105); }
.text-slate-700 { color: rgb(51 65 85); }
.text-slate-900 { color: rgb(15 23 42); }
.text-indigo-400 { color: rgb(129 140 248); }
.text-indigo-600 { color: rgb(79 70 229); }
.text-indigo-700 { color: rgb(67 56 202); }
.text-emerald-700 { color: rgb(4 120 87); }
.text-amber-700 { color: rgb(180 83 9); }
.text-rose-600 { color: rgb(225 29 72); }
.text-rose-700 { color: rgb(190 18 60); }
.text-sky-700 { color: rgb(3 105 161); }
.underline { text-decoration-line: underline; }
.opacity-30 { opacity: 0.3; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
.backdrop-blur { backdrop-filter: blur(8px); }
.transition-all { transition: all 150ms ease; }
.transition-colors { transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease; }
.cursor-pointer { cursor: pointer; }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }
.hover\:underline:hover { text-decoration-line: underline; }
.hover\:opacity-80:hover { opacity: 0.8; }
.hover\:opacity-100:hover { opacity: 1; }
.hover\:text-white:hover { color: rgb(255 255 255); }
.hover\:text-slate-900:hover { color: rgb(15 23 42); }
.hover\:text-rose-600:hover { color: rgb(225 29 72); }
.hover\:bg-slate-100:hover { background-color: rgb(241 245 249); }
.hover\:bg-indigo-700:hover { background-color: rgb(67 56 202); }
.hover\:bg-emerald-700:hover { background-color: rgb(4 120 87); }
.hover\:border-indigo-300:hover { border-color: rgb(165 180 252); }
.hover\:border-indigo-400\/50:hover { border-color: rgb(129 140 248 / 0.5); }
.hover\:border-rose-300:hover { border-color: rgb(253 164 175); }
.hover\:shadow-sm:hover { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
.group:hover .group-hover\:text-indigo-600 { color: rgb(79 70 229); }
.dark .dark\:border-white\/10 { border-color: rgb(255 255 255 / 0.1); }
.dark body:not(.admin):not(.admin-login) .bg-white { background-color: #0b0b0f; }
.dark body:not(.admin):not(.admin-login) .bg-slate-50 { background-color: #111118; }
.dark body:not(.admin):not(.admin-login) .bg-indigo-50 { background-color: rgb(129 140 248 / 0.1); }
.dark body:not(.admin):not(.admin-login) .border-slate-200 { border-color: rgb(255 255 255 / 0.1); }
.dark body:not(.admin):not(.admin-login) .text-slate-900 { color: rgb(241 245 249); }
.dark body:not(.admin):not(.admin-login) .text-slate-700 { color: rgb(226 232 240); }
.dark body:not(.admin):not(.admin-login) .text-slate-600 { color: rgb(203 213 225); }
.dark body:not(.admin):not(.admin-login) .text-slate-500 { color: rgb(148 163 184); }
.dark body:not(.admin):not(.admin-login) .from-indigo-50 { --tw-gradient-from: rgb(49 46 129 / 0.3); --tw-gradient-to: rgb(49 46 129 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark body:not(.admin):not(.admin-login) .to-white { --tw-gradient-to: transparent; }

.prose-slate h1, .prose-slate h2, .prose-slate h3 { color: inherit; }
.prose-slate a { color: rgb(79 70 229); font-weight: 500; }
.prose-slate p, .tutorial-body p { margin: 0.9rem 0; }
.tutorial-body h2 { margin-top: 2rem; margin-bottom: 0.75rem; font-size: 1.4rem; }
.tutorial-body h3 { margin-top: 1.5rem; margin-bottom: 0.5rem; font-size: 1.15rem; }
.tutorial-body ul, .tutorial-body ol { margin: 0.9rem 0; padding-left: 1.5rem; }
.tutorial-body li { margin: 0.25rem 0; }
.tutorial-body pre { position: relative; }
.copy-code-btn { position: absolute; top: 0.55rem; right: 0.55rem; padding: 0.2rem 0.5rem; border: 1px solid rgb(255 255 255 / 0.16); border-radius: 0.45rem; background: rgb(255 255 255 / 0.08); color: rgb(226 232 240); font-size: 0.72rem; }
.copy-code-btn:hover { background: rgb(255 255 255 / 0.14); }
.feedback-link { display: inline-flex; padding: 0.45rem 0.8rem; border: 1px solid var(--border); border-radius: 999px; font-size: 0.82rem; text-decoration: none; }
.feedback-link:hover { border-color: rgb(99 102 241); text-decoration: none; }
.tutorial-sidebar { overflow: hidden; background-image: radial-gradient(circle at top left, rgb(99 102 241 / 0.08), transparent 9rem); box-shadow: 0 18px 45px rgb(15 23 42 / 0.08); }
.dark .tutorial-sidebar { box-shadow: none; }
.tutorial-sidebar-section { padding: 0.85rem; }
.tutorial-sidebar-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; gap: 0.65rem; padding: 0.2rem 0.15rem 0.75rem; border-bottom: 1px solid var(--border); margin-bottom: 0.65rem; color: var(--foreground); background: inherit; }
.tutorial-sidebar-head strong { display: block; margin-top: 0.12rem; font-size: 0.92rem; line-height: 1.25; letter-spacing: -0.02em; }
.tutorial-sidebar-kicker { display: block; color: rgb(79 70 229); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.06em; }
.dark .tutorial-sidebar-kicker { color: rgb(165 180 252); }
.tutorial-sidebar-head small { flex: 0 0 auto; padding: 0.14rem 0.5rem; border-radius: 999px; background: var(--muted); color: var(--muted-foreground); font-size: 0.68rem; font-weight: 700; }
.tutorial-sidebar-progress { position: relative; margin: 0 0.15rem 0.75rem; padding-bottom: 0.52rem; color: var(--muted-foreground); font-size: 0.72rem; }
.tutorial-sidebar-progress span { display: block; margin-bottom: 0.38rem; }
.tutorial-sidebar-progress::before, .tutorial-sidebar-progress b { content: ""; position: absolute; left: 0; bottom: 0; height: 0.22rem; border-radius: 999px; }
.tutorial-sidebar-progress::before { right: 0; background: var(--muted); }
.tutorial-sidebar-progress b { background: linear-gradient(90deg, rgb(79 70 229), rgb(14 165 233)); }
.tutorial-sidebar-list { position: relative; max-height: calc(100vh - 11rem); overflow-y: auto; padding: 0 0.15rem 0.2rem 0.15rem; margin: 0; list-style: none; scrollbar-width: thin; scroll-behavior: smooth; overscroll-behavior: contain; }
.tutorial-sidebar-list::before { content: ""; position: absolute; left: 1.18rem; top: 0.55rem; bottom: 0.55rem; width: 1px; background: linear-gradient(180deg, transparent, var(--border) 8%, var(--border) 92%, transparent); }
.tutorial-sidebar-list li { margin: 0; }
.tutorial-sidebar-link { position: relative; display: grid; grid-template-columns: 1.85rem minmax(0, 1fr); align-items: start; gap: 0.5rem; margin-bottom: 0.22rem; padding: 0.55rem 0.6rem 0.55rem 0.42rem; border: 1px solid transparent; border-radius: 0.78rem; font-size: 0.82rem; line-height: 1.35; text-decoration: none; transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; }
.tutorial-sidebar-link:hover { transform: translateX(2px); background: var(--muted); text-decoration: none; }
.tutorial-sidebar-link[aria-current="page"] { box-shadow: 0 10px 24px rgb(79 70 229 / 0.10); }
.tutorial-sidebar-link.is-auto-scrolled { animation: sidebar-current-pulse 0.75s ease-out 1; }
@keyframes sidebar-current-pulse { 0% { outline: 2px solid rgb(99 102 241 / 0.34); outline-offset: 2px; } 100% { outline: 2px solid transparent; outline-offset: 6px; } }
.tutorial-sidebar-index { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 1.45rem; height: 1.45rem; border-radius: 999px; background: var(--card); border: 1px solid var(--border); color: var(--muted-foreground); font-size: 0.62rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1; }
.tutorial-sidebar-link[aria-current="page"] .tutorial-sidebar-index { background: rgb(79 70 229); border-color: rgb(79 70 229); color: white; }
.tutorial-sidebar-label { display: block; min-width: 0; }
.tutorial-sidebar-label > span { display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tutorial-sidebar-label em { display: inline-flex; margin-top: 0.22rem; padding: 0.06rem 0.38rem; border-radius: 999px; background: rgb(79 70 229 / 0.1); color: rgb(79 70 229); font-style: normal; font-size: 0.66rem; font-weight: 800; }
.dark .tutorial-sidebar-label em { color: rgb(165 180 252); background: rgb(129 140 248 / 0.12); }

@media (min-width: 640px) {
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  .md\:flex { display: flex; }
  .md\:hidden { display: none; }
  .md\:flex-row { flex-direction: row; }
  .md\:items-center { align-items: center; }
  .md\:justify-between { justify-content: space-between; }
  .md\:col-span-3 { grid-column: span 3 / span 3; }
  .md\:col-span-4 { grid-column: span 4 / span 4; }
  .md\:col-span-8 { grid-column: span 8 / span 8; }
  .md\:col-span-9 { grid-column: span 9 / span 9; }
  .md\:col-span-12 { grid-column: span 12 / span 12; }
  .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .md\:text-5xl { font-size: 3rem; line-height: 1; }
}
@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\:col-span-8 { grid-column: span 8 / span 8; }
  .lg\:col-span-9 { grid-column: span 9 / span 9; }
  .lg\:col-span-10 { grid-column: span 10 / span 10; }
  .lg\:col-span-12 { grid-column: span 12 / span 12; }
}

/* Productized V3-inspired public UI */
.site-nav { position: sticky; background: rgb(255 255 255 / 0.92); border-color: var(--border); backdrop-filter: blur(14px); }
.dark .site-nav { background: rgb(11 11 15 / 0.88); border-color: rgb(255 255 255 / 0.09); }
.site-brand { display: flex; align-items: center; gap: 0.55rem; color: var(--foreground); }
.site-brand-mark { width: 1.8rem; height: 1.8rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.55rem; background: linear-gradient(135deg, rgb(79 70 229), rgb(14 165 233)); color: white; font-size: 0.72rem; letter-spacing: -0.04em; box-shadow: 0 10px 24px rgb(79 70 229 / 0.25); }
.site-nav-link { position: relative; padding: 0.4rem 0.7rem; border-radius: 0.55rem; color: var(--muted-foreground); transition: color 0.15s ease, background 0.15s ease; }
.site-nav-link:hover { color: var(--foreground); background: var(--muted); text-decoration: none; }
.site-nav-link.is-active { color: rgb(79 70 229); background: rgb(238 242 255); font-weight: 700; }
.dark .site-nav-link.is-active { color: rgb(165 180 252); background: rgb(129 140 248 / 0.12); }
.dark .site-nav-link:hover { background: rgb(255 255 255 / 0.06); }
.site-theme-toggle { padding: 0.38rem 0.65rem; border-radius: 999px; border: 1px solid var(--border); color: var(--muted-foreground); text-decoration: none; }
.site-mobile-toggle { min-width: 2.25rem; min-height: 2.25rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 0.7rem; background: var(--card); color: var(--foreground); font-size: 1.15rem; line-height: 1; }
.site-mobile-nav { border-top: 1px solid var(--border); background: rgb(255 255 255 / 0.96); }
.dark .site-mobile-nav { background: rgb(11 11 15 / 0.96); border-color: rgb(255 255 255 / 0.09); }
.nav-search, .mobile-search { position: relative; }
.nav-search input, .mobile-search input { min-height: 2.15rem; width: 12rem; padding: 0 0.75rem; border: 1px solid var(--border); border-radius: 0.7rem; background: var(--muted); color: var(--foreground); outline: 0; font-size: 0.82rem; }
.mobile-search input { width: 100%; }
.nav-search-results { display: none; position: absolute; z-index: 60; top: calc(100% + 0.35rem); right: 0; width: min(28rem, 92vw); }
.mobile-search .nav-search-results { left: 0; right: auto; width: 100%; }
.home-hero { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #fff 50%, rgb(248 250 252) 100%); border-color: var(--border); }
.dark .home-hero { background: linear-gradient(180deg, #0b0b0f 0%, #0b0b0f 55%, #101017 100%); border-color: rgb(255 255 255 / 0.09); }
.home-hero-dots { position: absolute; inset: 0; opacity: 0.65; background-image: radial-gradient(rgb(148 163 184 / 0.45) 1px, transparent 1px); background-size: 24px 24px; pointer-events: none; }
.dark .home-hero-dots { opacity: 0.45; background-image: radial-gradient(rgb(255 255 255 / 0.12) 1px, transparent 1px); }
.home-hero-glow { position: absolute; right: -10rem; top: -11rem; width: 42rem; height: 34rem; border-radius: 999px; background: radial-gradient(circle, rgb(99 102 241 / 0.26), transparent 62%); filter: blur(12px); pointer-events: none; }
.home-hero-inner { position: relative; display: grid; gap: 3rem; align-items: center; }
.home-hero-copy { max-width: 39rem; }
.hero-kicker { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.38rem 0.75rem; border: 1px solid rgb(165 180 252 / 0.75); border-radius: 999px; background: rgb(238 242 255 / 0.9); color: rgb(67 56 202); font-size: 0.75rem; font-weight: 600; }
.dark .hero-kicker { border-color: rgb(129 140 248 / 0.28); background: rgb(129 140 248 / 0.1); color: rgb(165 180 252); }
.hero-title { margin: 1.35rem 0 0; font-size: clamp(2.45rem, 6vw, 4.15rem); line-height: 1.05; letter-spacing: -0.055em; color: var(--foreground); }
.text-gradient { background: linear-gradient(135deg, rgb(79 70 229), rgb(14 165 233)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-subtitle { margin-top: 1rem; max-width: 36rem; font-size: 1.05rem; line-height: 1.85; }
.hero-search { margin-top: 1.5rem; max-width: 31rem; min-height: 2.8rem; display: flex; align-items: center; gap: 0.75rem; padding: 0 0.8rem 0 1rem; border: 1px solid var(--border); border-radius: 0.85rem; background: rgb(255 255 255 / 0.86); box-shadow: 0 12px 32px rgb(15 23 42 / 0.06); }
.dark .hero-search { background: rgb(255 255 255 / 0.055); border-color: rgb(255 255 255 / 0.12); box-shadow: none; }
.hero-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--foreground); font: inherit; font-size: 0.9rem; }
.hero-search span { font-size: 0.65rem; color: var(--muted-foreground); border: 1px solid var(--border); border-radius: 0.35rem; padding: 0.1rem 0.32rem; }
.hero-search-results { display: none; max-width: 31rem; margin-top: 0.35rem; }
.hero-search-results.is-open, .nav-search-results.is-open {
  display: block;
  border: 1px solid var(--border);
  border-radius: 0.85rem;
  background: rgb(255 255 255 / 0.96);
  box-shadow: 0 22px 45px rgb(15 23 42 / 0.12);
  overflow-y: auto !important;
  overflow-x: hidden;
  max-height: 360px !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.hero-search-results.is-open::-webkit-scrollbar, .nav-search-results.is-open::-webkit-scrollbar { width: 8px; }
.hero-search-results.is-open::-webkit-scrollbar-thumb, .nav-search-results.is-open::-webkit-scrollbar-thumb { border-radius: 999px; background: rgb(148 163 184 / 0.55); }
.dark .hero-search-results.is-open, .dark .nav-search-results.is-open { background: rgb(17 17 24 / 0.96); border-color: rgb(255 255 255 / 0.1); }
.search-panel-head { padding: 0.65rem 0.85rem; font-size: 0.72rem; font-weight: 700; color: var(--muted-foreground); background: var(--muted); border-bottom: 1px solid var(--border); }
.search-result-item { display: grid; grid-template-columns: auto 1fr; gap: 0.2rem 0.7rem; padding: 0.72rem 0.85rem; color: var(--foreground); text-decoration: none; }
.search-result-item:hover { background: rgb(238 242 255); text-decoration: none; }
.dark .search-result-item:hover { background: rgb(129 140 248 / 0.1); }
.search-result-type { align-self: start; padding: 0.12rem 0.45rem; border-radius: 999px; background: rgb(238 242 255); color: rgb(67 56 202); font-size: 0.68rem; font-weight: 700; }
.dark .search-result-type { background: rgb(129 140 248 / 0.12); color: rgb(165 180 252); }
.search-result-item strong { font-size: 0.88rem; line-height: 1.3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search-result-item small { color: var(--muted-foreground); line-height: 1.35; }
.hero-tags { margin-top: 1rem; align-items: center; }
.hero-tags a { padding: 0.3rem 0.65rem; border-radius: 0.55rem; border: 1px solid var(--border); color: var(--muted-foreground); background: var(--muted); }
.dark .hero-tags a { background: rgb(255 255 255 / 0.05); border-color: rgb(255 255 255 / 0.1); }
.hero-tags a:hover { color: var(--foreground); border-color: rgb(79 70 229 / 0.45); text-decoration: none; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.85rem; margin-top: 1.6rem; }
.hero-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 2.65rem; padding: 0 1.15rem; border-radius: 0.75rem; background: rgb(79 70 229); color: white; font-weight: 700; font-size: 0.92rem; box-shadow: 0 14px 30px rgb(79 70 229 / 0.26); }
.hero-primary:hover { background: rgb(67 56 202); text-decoration: none; }
.hero-secondary { color: var(--muted-foreground); font-weight: 600; font-size: 0.9rem; }
.hero-secondary:hover { color: var(--foreground); }
.hero-stats { display: flex; gap: 1.8rem; margin-top: 1.6rem; padding-top: 1.15rem; border-top: 1px solid var(--border); }
.hero-stats strong { display: block; color: var(--foreground); font-size: 1.35rem; letter-spacing: -0.04em; }
.hero-stats span { display: block; color: var(--muted-foreground); font-size: 0.76rem; }
.hero-code-window { display: none; border: 1px solid rgb(15 23 42 / 0.13); border-radius: 1rem; overflow: hidden; background: #0d1117; box-shadow: 0 28px 70px rgb(15 23 42 / 0.25); }
.code-titlebar { display: flex; align-items: center; gap: 0.42rem; padding: 0.78rem 1rem; border-bottom: 1px solid rgb(255 255 255 / 0.08); background: #161b22; color: rgb(148 163 184); font-size: 0.75rem; }
.dot { width: 0.72rem; height: 0.72rem; border-radius: 999px; }
.dot.red { background: rgb(244 63 94); } .dot.yellow { background: rgb(245 158 11); } .dot.green { background: rgb(16 185 129); }
.code-titlebar .file { margin-left: 0.35rem; }
.hero-code-window pre { margin: 0; padding: 1.25rem; overflow-x: auto; color: rgb(226 232 240); font-size: 0.82rem; line-height: 1.75; }
.code-output { padding: 0.85rem 1.25rem; border-top: 1px solid rgb(255 255 255 / 0.08); background: #090d12; color: rgb(52 211 153); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.82rem; }
.section-panel { position: relative; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 1.25rem; }
.section-heading p { margin: 0; color: var(--muted-foreground); font-size: 0.9rem; }
.category-section { padding-top: 4rem; padding-bottom: 3rem; }
.tutorial-section { padding-top: 2rem; padding-bottom: 4rem; }
.category-card-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.category-card, .tutorial-card { position: relative; background: rgb(255 255 255 / 0.95); border-color: var(--border); box-shadow: 0 1px 2px rgb(15 23 42 / 0.04); transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; }
.category-card:hover, .tutorial-card:hover { transform: translateY(-2px); border-color: rgb(79 70 229 / 0.35); box-shadow: 0 18px 40px rgb(15 23 42 / 0.09); text-decoration: none; }
.dark .category-card, .dark .tutorial-card { background: rgb(17 17 24 / 0.9); border-color: rgb(255 255 255 / 0.09); box-shadow: none; }
.dark .category-card:hover, .dark .tutorial-card:hover { border-color: rgb(129 140 248 / 0.42); box-shadow: 0 18px 40px rgb(0 0 0 / 0.22); }
.category-icon { width: 2.3rem; height: 2.3rem; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem; margin-bottom: 0.85rem; background: linear-gradient(135deg, rgb(238 242 255), rgb(224 242 254)); color: rgb(67 56 202); font-size: 0.8rem; font-weight: 800; }
.dark .category-icon { background: rgb(129 140 248 / 0.13); color: rgb(165 180 252); }
.tutorial-card .flex.items-center.gap-2 { min-height: 1.55rem; }

/* Productized admin UI */
body.admin, body.admin-login { background: #f4f7fb; }
.admin-shell { background: radial-gradient(circle at top left, rgb(224 231 255 / 0.8), transparent 28rem), linear-gradient(180deg, #f8fafc, #eef2f7); }
.admin-topbar { background: rgb(255 255 255 / 0.86); backdrop-filter: blur(16px); border-color: rgb(203 213 225 / 0.75); }
.admin-logo { width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.65rem; color: white; font-size: 0.68rem; font-weight: 800; background: linear-gradient(135deg, rgb(79 70 229), rgb(14 165 233)); box-shadow: 0 12px 24px rgb(79 70 229 / 0.22); }
.admin-path { padding: 0.2rem 0.5rem; border-radius: 999px; background: rgb(241 245 249); color: rgb(100 116 139); }
.admin-layout { align-items: start; }
@media (min-width: 768px) {
  .admin-layout {
    display: grid;
    grid-template-columns: minmax(190px, 220px) minmax(0, 1fr);
  }
  .admin-layout .admin-sidebar {
    grid-column: auto;
  }
  .admin-layout .admin-main {
    grid-column: auto;
    min-width: 0;
  }
}
.admin-sidebar { position: sticky; top: 4.5rem; padding: 0.75rem; border: 1px solid rgb(226 232 240); border-radius: 1rem; background: rgb(255 255 255 / 0.82); box-shadow: 0 18px 45px rgb(15 23 42 / 0.06); backdrop-filter: blur(14px); }
.admin-nav-item { border: 1px solid transparent; font-weight: 600; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.admin-nav-item.is-active { background: linear-gradient(135deg, rgb(238 242 255), rgb(240 249 255)); border-color: rgb(199 210 254); color: rgb(67 56 202); }
.admin-main { border-color: rgb(226 232 240); background: rgb(255 255 255 / 0.94); box-shadow: 0 24px 70px rgb(15 23 42 / 0.09); backdrop-filter: blur(12px); }
.admin-main h2 { margin-top: 0; letter-spacing: -0.02em; }
.admin-main form { background: linear-gradient(180deg, rgb(248 250 252), rgb(255 255 255)); border-color: rgb(226 232 240); box-shadow: inset 0 1px 0 rgb(255 255 255); }
.admin-main input, .admin-main textarea, .admin-main select { background: white; border-color: rgb(203 213 225); transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.admin-main textarea.font-mono { background: #fff; color: rgb(15 23 42); caret-color: rgb(15 23 42); border-color: rgb(203 213 225); }
.admin-main textarea.font-mono::placeholder { color: rgb(100 116 139); opacity: 1; }
.admin-main input:focus, .admin-main textarea:focus, .admin-main select:focus { outline: none; border-color: rgb(99 102 241); box-shadow: 0 0 0 3px rgb(99 102 241 / 0.14); }
.admin-main button[type="submit"], .admin-main button[data-action="rebuild-all"] { box-shadow: 0 10px 22px rgb(79 70 229 / 0.18); }
.admin-main table { border-collapse: separate; border-spacing: 0; background: white; box-shadow: 0 12px 28px rgb(15 23 42 / 0.04); }
.admin-main thead { background: linear-gradient(180deg, #f8fafc, #f1f5f9); }
.admin-main tbody tr:hover { background: rgb(248 250 252); }
.admin-login > div, body.admin-login > div > div { box-shadow: 0 24px 70px rgb(15 23 42 / 0.12); }
.admin-eyebrow { margin-bottom: 0.35rem; color: rgb(79 70 229); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.admin-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.25rem 0 0.75rem; padding: 0.95rem 1rem; border: 1px solid rgb(226 232 240); border-radius: 1rem; background: linear-gradient(180deg, rgb(248 250 252), rgb(255 255 255)); box-shadow: 0 10px 25px rgb(15 23 42 / 0.04); }
.admin-list-title { font-weight: 800; color: rgb(15 23 42); letter-spacing: -0.02em; }
.admin-list-meta { margin-top: 0.15rem; color: rgb(100 116 139); font-size: 0.76rem; }
.admin-list-controls { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-end; }
.admin-list-controls input, .admin-list-controls select { min-height: 2.25rem; min-width: 10rem; padding: 0 0.65rem; border: 1px solid rgb(203 213 225); border-radius: 0.65rem; background: white; color: rgb(15 23 42); font-size: 0.82rem; }
.admin-table-wrap { overflow-x: auto; border-radius: 1rem; }
.admin-row-actions { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
.admin-action-link { min-height: 1.7rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.55rem; border: 1px solid rgb(203 213 225); border-radius: 0.5rem; background: white; color: rgb(51 65 85); font-size: 0.74rem; font-weight: 700; text-decoration: none; }
.admin-action-link:hover { border-color: rgb(99 102 241); color: rgb(67 56 202); text-decoration: none; }
.admin-action-link.primary { border-color: rgb(199 210 254); background: rgb(238 242 255); color: rgb(67 56 202); }
.admin-action-link.danger { border-color: rgb(254 205 211); background: rgb(255 241 242); color: rgb(190 18 60); }
button.admin-action-link { cursor: pointer; }
.admin-list-empty { padding: 1.4rem; text-align: center; color: rgb(100 116 139); border: 1px dashed rgb(203 213 225); border-radius: 0.9rem; background: rgb(248 250 252); }
.admin-status { display: inline-flex; align-items: center; padding: 0.15rem 0.5rem; border-radius: 999px; font-weight: 700; }
.admin-status-pending { background: rgb(241 245 249); color: rgb(71 85 105); }
.admin-status-running { background: rgb(224 242 254); color: rgb(3 105 161); }
.admin-status-done { background: rgb(236 253 245); color: rgb(4 120 87); }
.admin-status-failed { background: rgb(255 241 242); color: rgb(190 18 60); }
.admin-dashboard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.admin-quick-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; }
.admin-quick-action { min-height: 2rem; display: inline-flex; align-items: center; padding: 0 0.75rem; border: 1px solid rgb(203 213 225); border-radius: 0.65rem; color: rgb(51 65 85); background: white; font-size: 0.82rem; font-weight: 700; text-decoration: none; box-shadow: 0 1px 2px rgb(15 23 42 / 0.04); }
.admin-quick-action:hover { border-color: rgb(99 102 241); color: rgb(67 56 202); text-decoration: none; }
.admin-quick-action.primary { border-color: rgb(79 70 229); background: rgb(79 70 229); color: white; }
.admin-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 1023px) { .admin-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .admin-stat-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
.admin-activity-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 0.75rem 0; border-top: 1px solid rgb(241 245 249); }
.admin-activity-row:first-child { border-top: 0; padding-top: 0; }
.cms-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.cms-head-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; }
.cms-list-summary { margin-top: 1rem; }
.cms-list-toolbar { margin-top: 1rem; }
.cms-batch-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; padding: 0.75rem; border: 1px solid rgb(226 232 240); border-radius: 0.85rem; background: rgb(248 250 252); }
.cms-batch-btn { min-height: 1.9rem; padding: 0 0.65rem; border: 1px solid rgb(203 213 225); border-radius: 0.45rem; background: white; color: rgb(51 65 85); font-size: 0.78rem; font-weight: 700; }
.cms-batch-btn:hover { border-color: rgb(99 102 241); color: rgb(67 56 202); }
.cms-batch-btn.danger { color: rgb(225 29 72); }
.cms-doc-table th { white-space: nowrap; }
.cms-doc-table td { vertical-align: top; }
.cms-flag { display: inline-flex; align-items: center; margin-right: 0.25rem; margin-bottom: 0.2rem; padding: 0.12rem 0.42rem; border-radius: 999px; background: rgb(241 245 249); color: rgb(71 85 105); font-size: 0.7rem; font-weight: 700; }
.cms-flag.hot { background: rgb(255 241 242); color: rgb(190 18 60); }
.cms-flag.new { background: rgb(224 242 254); color: rgb(3 105 161); }
.cms-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.35rem; margin-top: 1rem; }
.cms-page-link { min-width: 2rem; min-height: 2rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.65rem; border: 1px solid rgb(203 213 225); border-radius: 0.6rem; background: white; color: rgb(51 65 85); font-size: 0.8rem; font-weight: 700; text-decoration: none; }
.cms-page-link:hover { border-color: rgb(99 102 241); color: rgb(67 56 202); text-decoration: none; }
.cms-page-link.active { border-color: rgb(79 70 229); background: rgb(79 70 229); color: white; }
.cms-page-link.disabled { pointer-events: none; opacity: 0.45; }
.rebuild-hero { display: flex; align-items: stretch; justify-content: space-between; gap: 1rem; padding: 1.25rem; border: 1px solid rgb(199 210 254); border-radius: 1.1rem; background: radial-gradient(circle at top right, rgb(219 234 254), transparent 18rem), linear-gradient(135deg, rgb(238 242 255), rgb(255 255 255)); }
.rebuild-last-card { min-width: 12rem; padding: 0.9rem; border: 1px solid rgb(226 232 240); border-radius: 0.9rem; background: rgb(255 255 255 / 0.78); box-shadow: 0 14px 30px rgb(15 23 42 / 0.06); }
.rebuild-action-grid { align-items: stretch; }
.rebuild-action { min-height: 5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.25rem; text-align: left; box-shadow: 0 10px 25px rgb(15 23 42 / 0.04); }
.rebuild-action.is-loading, .rebuild-action:disabled { opacity: 0.7; cursor: wait; }
.rebuild-action span { font-weight: 800; }
.rebuild-action small { color: rgb(100 116 139); font-size: 0.74rem; line-height: 1.35; }
.rebuild-action.primary small { color: rgb(224 231 255); }
.placeholder-panel { max-width: 42rem; padding: 2rem; border: 1px solid var(--border); border-radius: 1.25rem; background: linear-gradient(180deg, rgb(248 250 252), rgb(255 255 255)); box-shadow: 0 18px 45px rgb(15 23 42 / 0.06); }
.dark .placeholder-panel { background: rgb(17 17 24 / 0.9); border-color: rgb(255 255 255 / 0.09); box-shadow: none; }
.public-pagination { display: flex; align-items: center; justify-content: center; gap: 0.6rem; margin-top: 1.5rem; }
.public-page-btn, .public-page-number { min-height: 2.25rem; min-width: 2.25rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.85rem; border: 1px solid var(--border); border-radius: 999px; background: var(--card); color: var(--foreground); font-weight: 700; font-size: 0.85rem; text-decoration: none; }
.public-page-btn:hover, .public-page-number:hover { border-color: rgb(99 102 241); color: rgb(67 56 202); text-decoration: none; }
.public-page-number.active { background: rgb(79 70 229); border-color: rgb(79 70 229); color: white; }
.public-page-btn.disabled { opacity: 0.45; pointer-events: none; }
.public-page-status { color: var(--muted-foreground); font-size: 0.85rem; }

@media (max-width: 767px) {
  .rebuild-hero { flex-direction: column; }
  .rebuild-action-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .admin-list-toolbar { align-items: stretch; flex-direction: column; }
  .admin-list-controls { justify-content: stretch; }
  .admin-list-controls input, .admin-list-controls select { width: 100%; }
}

@media (min-width: 1024px) {
  .home-hero-inner { grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); padding-top: 5rem; padding-bottom: 5rem; }
  .hero-code-window { display: block; }
}