/* Namespaced documentation page styles */
.docs-page {
  --docs-card-bg: rgba(20,20,20,0.85);
  --docs-border: var(--accent-turquoise);
}

.docs-page .static-docs-container { max-width:1200px; }
.docs-page .static-docs-header { margin-bottom:2.2rem; }
.docs-page .static-docs-title { font-size:2.75rem; display:flex; align-items:center; justify-content:center; gap:.65rem; text-align:center; letter-spacing:1px; background:linear-gradient(90deg,var(--accent-turquoise),var(--accent-yellow)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.docs-page .static-docs-intro { color:var(--off-white); opacity:.95; max-width:900px; line-height:1.7; margin:0 auto; text-align:center; font-size:1.12rem; }

.docs-page .panel-block { min-height:0; padding:2.2rem 2.1rem 2.6rem; border:1px solid rgba(64,224,208,0.35); border-radius:26px; background:linear-gradient(135deg, rgba(15,15,15,0.85), rgba(25,25,25,0.70)); box-shadow:0 8px 42px -6px rgba(64,224,208,0.28), 0 2px 24px 0 rgba(0,0,0,0.5); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.docs-page .panel-block:not(:last-of-type){ margin-bottom:2.4rem; }

/* Section container enhancements */
.docs-page .doc-section { position:relative; overflow:hidden; }
.docs-page .doc-section:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 30% 20%, rgba(64,224,208,0.12), transparent 70%), radial-gradient(circle at 80% 65%, rgba(255,105,180,0.10), transparent 75%); pointer-events:none; }
.docs-page .doc-body { position:relative; z-index:2; max-width:820px; margin:0 auto; font-size:1.12rem; line-height:1.74; }
.docs-page .doc-body > *:first-child { margin-top:0; }
.docs-page .doc-body p + h2, .docs-page .doc-body p + h3, .docs-page .doc-body ul + h2, .docs-page .doc-body ul + h3, .docs-page .doc-body ol + h2, .docs-page .doc-body ol + h3 { margin-top:2.6rem; }
.docs-page .doc-body ul, .docs-page .doc-body ol { padding-left:1.2rem; }
.docs-page .doc-body li::marker { color:var(--accent-turquoise); }
.docs-page .doc-body strong { color:var(--accent-yellow); font-weight:700; }
.docs-page .doc-body em { color:var(--accent-pink); }

/* Legal disclaimer box */
.docs-page .legal-box { border:1px solid rgba(255,105,180,0.5); background:linear-gradient(135deg, rgba(40,0,25,0.55), rgba(10,10,10,0.6)); padding:1.3rem 1.4rem 1.2rem; border-radius:18px; margin:2.4rem 0 2.2rem; box-shadow:0 0 0 1px rgba(255,105,180,0.25), 0 4px 22px -6px rgba(255,105,180,0.45); position:relative; }
.docs-page .legal-box h3 { margin:0 0 .6rem; font-size:1.05rem; letter-spacing:.8px; text-transform:uppercase; color:var(--accent-pink); }
.docs-page .legal-box ul { margin:.9rem 0 0 1.1rem; }
.docs-page .legal-box li::marker { color:var(--accent-pink); }
.docs-page .legal-box .note-muted { opacity:.6; font-size:.7rem; margin-top:.9rem; }

/* Table of contents */
.docs-page .toc-box { border:1px solid rgba(64,224,208,0.4); background:linear-gradient(135deg, rgba(15,25,30,0.65), rgba(10,10,14,0.7)); padding:1rem 1.2rem 1.1rem; border-radius:16px; margin:2rem 0 2.4rem; max-width:420px; box-shadow:0 0 0 1px rgba(64,224,208,0.25), 0 4px 24px -6px rgba(64,224,208,0.35); }
.docs-page .toc-box h3 { margin:0 0 .75rem; font-size:.85rem; letter-spacing:1px; text-transform:uppercase; color:var(--accent-turquoise); }
.docs-page .toc-box ol { list-style:decimal; margin:0; padding-left:1.2rem; display:grid; gap:.35rem; }
.docs-page .toc-box a { color:var(--accent-pink); text-decoration:none; font-size:.8rem; }
.docs-page .toc-box a:hover { color:var(--accent-yellow); }

/* Command reference table */
.docs-page .cmd-table { width:100%; border-collapse:collapse; margin:1.2rem 0 2.2rem; font-size:.9rem; }
.docs-page .cmd-table th, .docs-page .cmd-table td { padding:.65rem .75rem; border:1px solid rgba(64,224,208,0.35); vertical-align:top; }
.docs-page .cmd-table th { background:rgba(64,224,208,0.12); text-align:left; letter-spacing:.6px; font-size:.75rem; text-transform:uppercase; color:var(--accent-turquoise); }
.docs-page .cmd-table td code { background:rgba(64,224,208,0.18); }
.docs-page .cmd-table tr:nth-child(even) td { background:rgba(255,255,255,0.02); }

/* Code blocks */
.docs-page pre { background:#0d1117; border:1px solid rgba(64,224,208,0.25); padding:1rem 1rem 1.1rem; border-radius:14px; overflow:auto; font-size:.85rem; line-height:1.5; box-shadow:0 4px 28px -8px rgba(0,0,0,0.6), 0 0 0 1px rgba(64,224,208,0.15); }
.docs-page pre code { background:transparent; padding:0; color:var(--off-white); }
.docs-page code { font-family: "Courier New", monospace; }

/* Subtle grid backdrop */
.docs-page .doc-section:after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px); background-size:40px 40px; opacity:.25; mix-blend-mode:overlay; pointer-events:none; }

.docs-page h1.product-title { font-size:2.6rem; color:var(--accent-orange); text-align:center; margin:0 0 1.2rem; letter-spacing:1.5px; text-shadow:0 0 18px rgba(255,99,71,0.45); }
.docs-page h1.product-title.te { color:#85ffa9; text-shadow:0 0 18px rgba(133,255,169,0.55); }
.docs-page h1.product-title.gillis { color:var(--accent-pink); text-shadow:0 0 20px rgba(255,105,180,0.55); }

.docs-page h2 { color:var(--accent-yellow); margin:2.1rem 0 .9rem; font-size:1.78rem; letter-spacing:.5px; }
.docs-page h3 { color:var(--accent-pink); margin:1.55rem 0 .65rem; font-size:1.38rem; }
.docs-page h4 { color:var(--accent-purple); margin:1.4rem 0 .5rem; font-size:1.05rem; }

/* Explicit heading weight & letter-spacing to override any global variance */
.docs-page h1, .docs-page h2, .docs-page h3, .docs-page h4 { font-weight:700; letter-spacing:.6px; }

.docs-page p { color:var(--off-white); line-height:1.76; margin:.7rem 0 .85rem; font-size:1.14rem; }
.docs-page ul, .docs-page ol { margin: .85rem 0 1.25rem 1.4rem; }
.docs-page li { margin:.4rem 0; }
.docs-page code { color:var(--accent-turquoise); font-size:1em; background:rgba(64,224,208,0.14); padding:.32em .6em; border-radius:6px; }
.docs-page a { color:var(--accent-pink); text-decoration:none; }
.docs-page a:hover { color:var(--accent-yellow); text-decoration:underline; }

/* Nav active state (ensure highlight matches expectation) */
.docs-page .nav .nav-link.active { color:var(--accent-turquoise) !important; text-shadow:0 0 10px var(--accent-turquoise); }

/* Bullet list consistency */
.docs-page ul { list-style:disc; }
.docs-page ol { list-style:decimal; }

/* Ensure typography consistency regardless of global overrides */
.docs-page .panel-block p,
.docs-page .panel-block li { font-family:var(--font-primary) !important; letter-spacing:.25px; }
.docs-page .panel-block li { line-height:1.5; }

/* Strong product title enforcement */
.docs-page h1.product-title { font-weight:800 !important; letter-spacing:1.2px; }

.docs-page .note-muted { font-size:.85rem; opacity:.8; margin-top:.55rem; display:block; }
.docs-page .doc-divider { height:3px; width:100%; background:linear-gradient(90deg, transparent, var(--accent-turquoise), transparent); margin:2.2rem 0 2rem; opacity:.65; border-radius:50%; position:relative; }
.docs-page .doc-divider:after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:160px; height:6px; background:linear-gradient(90deg,var(--accent-pink),var(--accent-yellow),var(--accent-turquoise)); filter:blur(6px); opacity:.55; border-radius:50%; }

.docs-page .viewer-content { outline:none; }

.docs-page .nav-link-small { font-size:.7rem; letter-spacing:1px; text-transform:uppercase; padding:.35rem .6rem; border:1px solid rgba(64,224,208,0.35); border-radius:8px; }
.docs-page .nav-link-small:hover { background:rgba(64,224,208,0.15); }

.docs-page .docs-main { padding: 7.5rem 0 5rem; position:relative; }

/* Product navigation pills */
.docs-page .product-nav { margin:0 0 2.8rem; display:flex; justify-content:center; }
.docs-page .product-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:.9rem; flex-wrap:wrap; }
.docs-page .product-nav a.product-pill { display:inline-block; padding:.55rem 1.05rem .6rem; font-size:.75rem; letter-spacing:1px; text-transform:uppercase; border:1px solid rgba(64,224,208,0.4); border-radius:999px; background:linear-gradient(135deg, rgba(15,25,30,0.65), rgba(10,10,14,0.7)); color:var(--accent-turquoise); position:relative; box-shadow:0 0 0 1px rgba(64,224,208,0.25), 0 4px 16px -6px rgba(64,224,208,0.4); text-decoration:none; }
.docs-page .product-nav a.product-pill:hover { color:var(--accent-yellow); border-color:var(--accent-yellow); }
.docs-page .product-nav .hakpak-pill { color:var(--accent-orange); border-color:rgba(255,99,71,0.5); box-shadow:0 0 0 1px rgba(255,99,71,0.3), 0 4px 18px -6px rgba(255,99,71,0.45); }
.docs-page .product-nav .te-pill { color:#85ffa9; border-color:rgba(133,255,169,0.55); box-shadow:0 0 0 1px rgba(133,255,169,0.35), 0 4px 18px -6px rgba(133,255,169,0.45); }
.docs-page .product-nav .gillis-pill { color:var(--accent-pink); border-color:rgba(255,105,180,0.55); box-shadow:0 0 0 1px rgba(255,105,180,0.35), 0 4px 18px -6px rgba(255,105,180,0.45); }

/* Product document layout */
.docs-page .product-doc .product-doc-header { text-align:center; margin:0 0 2.2rem; }
.docs-page .product-doc .tagline { margin:-.6rem 0 1.1rem; font-size:1rem; letter-spacing:.6px; color:var(--accent-pink); text-align:center; }
.docs-page .product-doc .lead { font-size:1.15rem; max-width:760px; margin:0 auto 1.25rem; line-height:1.6; }
.docs-page .product-layout { display:block; }
.docs-page .product-layout .single-col { max-width:820px; margin:0 auto; }
/* Unify product doc body width for all containers (HakPak, TychesEye, Gillis) */
/* Unified width for all product doc inner columns */
.docs-page .product-doc .doc-body { max-width:820px; }
.docs-page .product-doc .single-col { max-width:820px; margin:0 auto; }

@media (max-width:1000px){ .docs-page .product-layout .single-col { padding:0 0; } }

/* Doc blocks */
.docs-page .doc-block { padding-bottom:.35rem; border-bottom:1px solid rgba(255,255,255,0.05); margin-bottom:.5rem; }
.docs-page .doc-block:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }

/* Tool groups grid */
.docs-page .tool-groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1.2rem; margin-top:1.2rem; }
.docs-page .tool-group { border:1px solid rgba(64,224,208,0.3); background:rgba(10,15,18,0.55); padding:.75rem .9rem .85rem; border-radius:14px; box-shadow:0 0 0 1px rgba(64,224,208,0.18), 0 3px 18px -6px rgba(0,0,0,0.55); }
.docs-page .tool-group h3 { margin:.2rem 0 .5rem; font-size:.85rem; letter-spacing:.8px; text-transform:uppercase; color:var(--accent-turquoise); }
.docs-page .tool-group ul { list-style:disc; margin:0; padding-left:1.1rem; }
.docs-page .tool-group li { font-size:.75rem; margin:.25rem 0; }

/* Compact command table variation */
.docs-page .cmd-table.compact th, .docs-page .cmd-table.compact td { padding:.5rem .6rem; font-size:.75rem; }

/* Minor accessibility focus outlines */
.docs-page a:focus-visible { outline:2px solid var(--accent-yellow); outline-offset:2px; border-radius:6px; }

/* Center alignment adjustments per request */
.docs-page .product-doc, .docs-page .product-doc .doc-body, .docs-page .product-doc .main-col, .docs-page #tycheseye-docs .doc-body, .docs-page #gillis-docs .doc-body { text-align:center; }
.docs-page .product-doc .doc-block ul, .docs-page .product-doc .doc-block ol, .docs-page #tycheseye-docs .doc-block ul, .docs-page #gillis-docs .doc-block ul, .docs-page #tycheseye-docs .doc-block ol, .docs-page #gillis-docs .doc-block ol { text-align:left; display:inline-block; margin:.6rem auto 1rem; padding-left:1.15rem; }
.docs-page .product-doc .tool-groups { justify-items:center; }

/* Tighten heading spacing (after enlarging again) */
.docs-page h2 { margin:1rem 0 .55rem; }
.docs-page h3 { margin:.7rem 0 .45rem; }

/* Adjust paragraph margins to match new size (denser) */
.docs-page p { margin:.5rem 0 .6rem; }

/* Adjust list spacing tighter */
.docs-page ul, .docs-page ol { margin:.45rem 0 .6rem 1.15rem; }

/* Release list styling */
.docs-page .release-list { list-style:none; margin:.4rem 0 .4rem; padding:0; }
.docs-page .release-list li { margin:.45rem 0; }
.docs-page .release-list a { font-weight:600; color:var(--accent-turquoise); }
.docs-page .release-list a:hover { color:var(--accent-yellow); }
.docs-page .release-list .release-meta { display:inline-block; margin-left:.6rem; font-size:.75rem; opacity:.7; color:var(--off-white); }

@media (max-width:900px){
  .docs-page .static-docs-title { font-size:2.2rem; }
  .docs-page .panel-block { padding:1.8rem 1.6rem 2.2rem; border-radius:22px; }
  .docs-page h1.product-title { font-size:2.3rem; }
}
@media (max-width:620px){
  .docs-page .static-docs-title { font-size:1.9rem; }
  .docs-page h1.product-title { font-size:2rem; }
  .docs-page .docs-main { padding:6.5rem 0 4rem; }
}