/* ToboDigi v2 styling fixes, James 2026-10-30. Link LAST in <head> (after all inline <style> blocks). Palette: #101012 / #fff / #82CD17 only. */
:root{--blue:#82CD17;--cyan:#82CD17;--lime:#82CD17}

/* 1. Leftover #c8ff00 / #b9ff39 lime -> single lime */
.links a:hover,.eyebrow,h1 span,.service .arrow,.read,.ticks div:before,.belief em,.floating b,.capItem span{color:#82CD17}
.navbtn{border-color:#82CD17}
.primary,.toast,.filter.active,.filter:hover{background:#82CD17;border-color:#82CD17;color:#101012}
.primary{box-shadow:0 14px 35px rgba(130,205,23,.18)}
.service:hover,.case:hover,.industry:hover{border-color:#82CD17}
.orb.a{background:#82CD17}.orb.b{background:rgba(130,205,23,.33)}
.caseVisual .label{text-shadow:0 0 30px rgba(130,205,23,.2)}
#about .orbit-core{background:#82CD17}#about .orbit-ring{border-color:rgba(130,205,23,.22)}#about em{color:#82CD17}

/* 2. Leftover navy/blue-grey text + controls in #work */
#work p,#work small,#work .real-work-card .caseMeta p,.caseMeta small{color:rgba(255,255,255,.66)}
#work .td-work-arrow{background:#101012;border-color:rgba(255,255,255,.18);color:#fff}
#work .td-work-arrow:hover{border-color:#82CD17;color:#82CD17}
#work .td-work-dot{background:rgba(255,255,255,.25)}
#work .td-work-dot[aria-current="true"],#work .td-work-dot.active{background:#82CD17}

/* 3. Contact box: olive text (#263000/#252900) -> brand ink */
#contact .contactBox .eyebrow,#contact .contactBox p,#contact .contactBox a,#contact .contactBox strong,#contact .tdj-policies,#contact .tdj-small{color:#101012!important}

/* 4. Insights cards: purple/teal gradients -> dark + lime (section hidden today; future-proof) */
.insights-section .article{background:#101012;border:1px solid rgba(255,255,255,.12)}
.insights-section .articleVisual{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)}
.insights-section .visual-branding{background:radial-gradient(120% 120% at 100% 0,rgba(130,205,23,.45),transparent 60%),#101012!important}
.insights-section .visual-web{background:radial-gradient(120% 120% at 0 100%,rgba(130,205,23,.30),transparent 60%),#101012!important}
.insights-section .visual-content{background:linear-gradient(135deg,#101012 55%,rgba(130,205,23,.35))!important}
.insights-section .article:hover{border-color:#82CD17}

/* 5. FAQ: clearer icon, states, spacing */
.faq-item summary{padding:16px 0;color:#101012;border-radius:8px}
.faq-item summary:hover{color:#000}
.faq-item summary::after{content:"";flex:0 0 32px;width:32px;height:32px;border-radius:50%;
 background:#101012 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%2382CD17' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s ease,background-color .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item[open]{border-bottom-color:#82CD17}
.faq-item p{padding-right:48px;line-height:1.65;margin:0 0 20px}
@media(max-width:480px){.faq-item p{padding-right:0}}
@media(prefers-reduced-motion:reduce){.faq-item summary::after{transition:none}}

/* 6. Cookie notice: never hide content at page end; safe-area; compact on phones */
#td-consent{bottom:calc(12px + env(safe-area-inset-bottom));border-color:rgba(130,205,23,.35)}
#td-consent button:hover{filter:brightness(1.08)}
#td-consent button.o:hover{background:rgba(130,205,23,.12)}
@media(max-width:480px){#td-consent{padding:10px 12px}#td-consent p{font-size:12.5px}#td-consent button{min-height:36px}}
body:has(#td-consent){padding-bottom:128px}

/* 7. Visible keyboard focus everywhere (default ring was #101010 = invisible on black) */
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #82CD17!important;outline-offset:3px}
.faq :where(a,summary):focus-visible,.contactBox :focus-visible{outline-color:#101012!important}