/* BuildAvelo documentation: visual refinements only. */
:root{--primary:64 113 86;--primary-light:153 198 169;--background-light:246 248 245;--background-dark:19 29 24;--font-sans:"Segoe UI",Arial,system-ui,sans-serif;--font-family-sans:var(--font-sans)}
html:not(.dark){background:#f6f8f5;color-scheme:light}
body{font-family:"Segoe UI",Arial,system-ui,sans-serif!important}
html:not(.dark) body{background:radial-gradient(ellipse at 72% 0%,#e7efe5 0,transparent 48%),#f3f6ef!important;background-attachment:fixed!important;color:#3e5045}
html:not(.dark) #root>div{background:transparent!important}
#content h1,#content h2,#content h3,#page-title{font-family:"Segoe UI",Arial,system-ui,sans-serif!important}
#navbar{backdrop-filter:blur(18px);border-bottom:1px solid #dce5da;box-shadow:0 3px 16px #223c2b05}
html:not(.dark) #navbar{background:#f6f8f5ed!important}
#navbar img{max-height:32px;object-fit:contain}
#sidebar{padding-top:18px;border-right:1px solid #dce5da}
#sidebar h3{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#64766b;margin-top:26px}
#sidebar a{border-radius:9px;transition:background .16s,color .16s}
html:not(.dark) #sidebar a:hover{background:#e8eee6;color:#244b35}
#sidebar a[aria-current="page"]{background:#e0eadc!important;color:#28513a!important;box-shadow:inset 3px 0 #73997b;padding-left:12px;font-weight:600;text-shadow:none}
html:not(.dark) #sidebar a{border-color:transparent}
#content-area{padding-top:20px}
#header{padding:26px 28px 24px;border:1px solid #dae5d7;border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#e4eddf,#f3f6f0 78%);box-shadow:0 8px 28px #344e3605}
#header .eyebrow{color:#52765a;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
#page-title{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-1.3px;color:#1f3829;font-weight:650}
html:not(.dark) #header p,html:not(.dark) #header [data-as="p"]{color:#526450;line-height:1.7;font-size:16px}
#page-context-menu{min-width:0}
#page-context-menu button{background:#ffffffa6;border-color:#cfdcc9;font-size:12px}
#content{font-size:16px;line-height:1.8}
html:not(.dark) #content{color:#46544a}
#content>h2{font-size:23px;letter-spacing:-.55px;margin-top:40px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #dde5d9}
html:not(.dark) #content h2,html:not(.dark) #content h3{color:#243b2c}
#content [data-component-part="card-content-container"]{border-radius:15px;padding:24px;background:linear-gradient(145deg,#fff,#f6f8f3);height:100%;transition:box-shadow .18s,transform .18s}
#content [data-component-part="card-content-container"]:hover{box-shadow:0 8px 24px #294a3510;transform:translateY(-2px)}
#content :has(>[data-component-part="card-content-container"]){border-radius:16px;border-color:#dce5d7;box-shadow:0 3px 10px #2a463207;overflow:hidden}
#content [data-component-part="card-icon"]{box-sizing:content-box;padding:10px;border-radius:12px;background:#e5eedf;color:#48734f}
#content [data-component-part="card-icon"] svg{background-color:#48734f}
#content [data-component-part="card-title"]{font-size:17px;letter-spacing:-.2px;margin-top:18px}
#content [data-component-part="card-content"]{font-size:14px;line-height:1.7;color:#60705f}
#table-of-contents{border-left:1px solid #dce5da;padding-left:18px}
#table-of-contents a{font-size:13px;line-height:1.65}
#table-of-contents a:hover{color:#3d704a}
html:not(.dark) #pagination a{background:#fff;border:1px solid #dae4d6;border-radius:13px;box-shadow:0 4px 12px #294a3505}
a:focus-visible,button:focus-visible{outline:2px solid #6e9976;outline-offset:4px}
code,pre,kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
.dark body{background:#131d18;color:#c4d0c7}.dark #navbar{background:#131d18ed!important;border-color:#2d3c31}.dark #sidebar,.dark #table-of-contents{border-color:#2d3c31}.dark #header{background:linear-gradient(125deg,#233b2c,#1a2920);border-color:#36503b}.dark #page-title{color:#e0eddf}.dark #sidebar a[aria-current="page"]{background:#2c4431!important;color:#d7ebd6!important}.dark #content [data-component-part="card-content-container"]{background:linear-gradient(145deg,#213127,#1a2920)}.dark #content :has(>[data-component-part="card-content-container"]),.dark #content>h2{border-color:#354636}.dark #content [data-component-part="card-content"]{color:#a9beac}.dark #content [data-component-part="card-icon"]{background:#304a35}.dark #content [data-component-part="card-icon"] svg{background-color:#acd0ad}.dark #page-context-menu button{background:#253b2c;border-color:#405b45}
@media(max-width:1023px){#content-area{padding-top:14px}#header{padding:22px}#sidebar{border-right:0}#content>h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){#content [data-component-part="card-content-container"],#sidebar a{transition:none}#content [data-component-part="card-content-container"]:hover{transform:none}}
.dark body{background:#131d18!important}.dark #header p,.dark #header [data-as="p"]{color:#c1d2bf!important}.dark #header .eyebrow{color:#a4c4a4}.dark #page-context-menu button{color:#d0e0cd}
