/* Public agency documentation / guide */
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg, #0a0a0c); color: var(--text, #e9e9f1); font-family: system-ui, -apple-system, Segoe UI, sans-serif; }
a { color: inherit; }
.gd-top { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 14px; padding: 14px 24px; background: var(--glass, rgba(14,14,18,.8)); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border, #23232c); }
.gd-brand { display: flex; align-items: center; gap: 10px; font-weight: 800; text-decoration: none; letter-spacing: .02em; }
.gd-brand b:nth-child(2) { background: linear-gradient(90deg, #19D3DA, #E0218A); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.gd-cube { width: 26px; height: 26px; border-radius: 7px; background: linear-gradient(135deg, #19D3DA, #6C5CE7, #E0218A); }
.gd-top .gd-tag { font-size: 12.5px; color: var(--text-muted, #9aa0b4); border-left: 1px solid var(--border, #23232c); padding-left: 14px; }
.gd-top .gd-actions { margin-left: auto; display: flex; gap: 10px; }
.gd-btn { padding: 8px 15px; border-radius: 10px; border: 1px solid var(--border-2, #2f2f3a); text-decoration: none; font-weight: 600; font-size: 13.5px; color: var(--text, #e9e9f1); }
.gd-btn.grad { background: linear-gradient(90deg, #19D3DA, #E0218A); color: #07121a; border: 0; }

.gd-wrap { display: grid; grid-template-columns: 280px 1fr; max-width: 1180px; margin: 0 auto; gap: 36px; padding: 28px 24px 80px; }
.gd-toc { position: sticky; top: 78px; align-self: start; max-height: calc(100vh - 100px); overflow: auto; font-size: 13.5px; }
.gd-toc h4 { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: var(--text-faint, #6b6b78); margin: 16px 0 6px; }
.gd-toc a { display: block; padding: 6px 10px; border-radius: 8px; text-decoration: none; color: var(--text-muted, #9aa0b4); border-left: 2px solid transparent; }
.gd-toc a:hover { color: var(--text, #fff); background: var(--surface-2, #16161c); }
.gd-toc a.sec { color: var(--text, #e9e9f1); font-weight: 700; margin-top: 12px; }

.gd-main { min-width: 0; }
.gd-hero h1 { font-size: 30px; margin: 0 0 8px; }
.gd-hero p { color: var(--text-muted, #9aa0b4); font-size: 15px; line-height: 1.6; max-width: 70ch; }
.gd-search { width: 100%; margin: 18px 0 8px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border, #23232c); background: var(--surface-2, #16161c); color: var(--text, #fff); font-size: 14px; }
.gd-sec { margin-top: 40px; scroll-margin-top: 80px; }
.gd-sec > h2 { font-size: 22px; margin: 0 0 4px; padding-bottom: 8px; border-bottom: 1px solid var(--border, #23232c); }
.gd-sec > .gd-intro { color: var(--text-muted, #9aa0b4); font-size: 14px; line-height: 1.6; margin: 8px 0 0; }
.gd-art { scroll-margin-top: 80px; padding: 18px 0; border-bottom: 1px solid var(--border, #1e1e26); }
.gd-art:target h3 { color: #19D3DA; }
.gd-art h3 { font-size: 17px; margin: 0 0 8px; }
.gd-art p { color: var(--text-muted, #b6b6c2); font-size: 14.2px; line-height: 1.7; margin: 0 0 10px; }
.gd-art b { color: var(--text, #e9e9f1); }
.gd-art ul, .gd-art ol { color: var(--text-muted, #b6b6c2); font-size: 14.2px; line-height: 1.7; padding-left: 22px; }
.gd-art li { margin: 3px 0; }
.gd-art h4 { margin: 16px 0 6px; font-size: 14.5px; color: var(--text, #e9e9f1); }
.gd-art code { background: var(--surface-2, #16161c); padding: 1px 5px; border-radius: 5px; font-size: 12.5px; }
.gd-art table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 13.4px; }
.gd-art th, .gd-art td { border: 1px solid var(--border, #23232c); padding: 8px 11px; text-align: left; vertical-align: top; }
.gd-art th { background: var(--surface-2, #16161c); color: var(--text, #fff); font-weight: 700; }
.gd-note { border-left: 3px solid #19D3DA; background: rgba(25,211,218,.06); padding: 10px 14px; border-radius: 0 8px 8px 0; margin: 12px 0; font-size: 13.6px; line-height: 1.65; }
.gd-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 18px; }
.gd-plan { border: 1px solid var(--border, #23232c); border-radius: 14px; padding: 16px; background: var(--surface, #101015); }
.gd-plan b { display: block; font-size: 15px; }
.gd-plan .pr { font-size: 22px; font-weight: 800; margin: 4px 0 8px; background: linear-gradient(90deg, #19D3DA, #E0218A); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.gd-plan p { color: var(--text-muted, #9aa0b4); font-size: 13px; line-height: 1.55; margin: 0; }
.gd-hide { display: none !important; }
@media (max-width: 820px) { .gd-wrap { grid-template-columns: 1fr; } .gd-toc { display: none; } }