/* Shared layout and accessibility overrides, applied after original page styles. */
:root{--color-primary:var(--color-accent);--color-text-secondary:#a9b4cf}
body{overflow-wrap:break-word}main{padding-top:7rem;min-height:60vh}main.page-index{padding-top:0}main.page-api-docs{padding-top:5rem}
.container{width:100%;padding-left:1.5rem;padding-right:1.5rem}h1{font-size:clamp(2rem,5vw,3.5rem)!important;line-height:1.2}h2,h3{line-height:1.35;color:var(--color-white)}
.hero{min-height:78vh;padding-top:8rem;padding-bottom:4rem}.hero h1{font-size:clamp(2.25rem,6vw,4rem)!important}.hero p{font-size:1.15rem}
.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem}.card{min-width:0}a,code{overflow-wrap:anywhere}
.nav-links{align-items:center;gap:1.5rem}.nav-links a[aria-current]{color:var(--color-accent)}.mobile-menu-toggle{display:none;color:var(--color-accent);font-size:1.8rem;padding:.25rem .6rem}
.skip-link{position:fixed;top:-6rem;left:1rem;z-index:2000;padding:.6rem 1rem;background:var(--color-accent);color:var(--color-bg-primary)}.skip-link:focus{top:1rem}
:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}html{scroll-padding-top:7rem}section[id]{scroll-margin-top:7rem}.fade-in{opacity:1!important;animation:none!important}
.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer-col h2{font-size:1.1rem;margin-bottom:1rem}.footer-col p{margin-bottom:1rem}.small{font-size:.9rem;color:var(--color-text-secondary)}
.section-block{margin-top:4rem;margin-bottom:4rem}.section-block>h2{margin-bottom:1.2rem}.cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.scope-note{border-left:3px solid var(--color-accent);background:var(--color-bg-secondary);padding:1rem 1.25rem;margin:1.5rem 0;color:var(--color-text-primary);font-size:.95rem}.scope-note p+p{margin-top:.75rem}.scope-note a,.article-content a,.blog-content a,.legal-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.article-content p,.blog-content p,.legal-content p{margin-bottom:1.25rem}.article-content h2,.blog-content h2,.legal-content h2{margin:2rem 0 1rem}.article-content ul,.legal-content ul,.blog-content ul{list-style:disc;padding-left:1.5rem}.article-content ol{list-style:decimal;padding-left:1.5rem}.article-content li,.legal-content li,.blog-content li{margin-bottom:.6rem}
.api-container{grid-template-columns:230px minmax(0,1fr);padding-top:0}.api-content{min-width:0;width:100%;padding:2rem;max-width:none}.api-sidebar{top:5rem}.endpoint-header{flex-wrap:wrap}.code-sample,.code-snippet{white-space:pre;overflow:auto;max-width:100%;font-family:var(--font-mono);padding:1rem;font-size:.85rem;background:#011627;border:1px solid var(--color-bg-tertiary);border-radius:8px;margin:1.5rem 0}.code-sample code,.code-snippet code{overflow-wrap:normal;white-space:pre}.table-scroll{width:100%;overflow-x:auto;margin:1.5rem 0}table{width:100%;border-collapse:collapse;min-width:460px}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--color-bg-tertiary)}.table-scroll table{margin:0}
.faq-item{background:var(--color-bg-secondary);border-radius:8px;margin:1rem 0;border:1px solid var(--color-bg-tertiary)}.faq-item summary{cursor:pointer;padding:1rem;font-weight:600;color:var(--color-white)}.faq-item .faq-answer{padding:0 1rem 1rem;max-height:none;overflow:visible}.faq-item .faq-answer p{margin-top:.75rem}.faq-category-title{margin-top:2rem}.faq-results{max-width:800px;margin:auto;color:var(--color-text-secondary)}[hidden]{display:none!important}
.contact-form{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.form-group{min-width:0}.form-input,.form-textarea{font-size:1rem}.contact-form fieldset{border:1px solid var(--color-bg-tertiary);padding:1rem;margin:1rem 0 1.5rem;border-radius:6px}.contact-form legend{padding:0 .4rem}.contact-form fieldset .form-group:last-child{margin-bottom:0}.checkbox-label{display:flex;align-items:flex-start;gap:.7rem;margin:1.5rem 0}.checkbox-label input{margin-top:.35rem;flex-shrink:0}.checkbox-label a{color:var(--color-accent);text-decoration:underline}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-feedback{margin-top:1rem;overflow-wrap:anywhere}.success-message{color:var(--color-accent)}.error-message{color:#ffb1b1}.narrow{max-width:800px}button:disabled{opacity:.6;cursor:wait}
.kb-search{max-width:650px;margin:2rem auto}.status-message{font-size:1.5rem!important}.component-item{gap:1rem}.job-card{gap:1rem;flex-wrap:wrap}.search-input{border-radius:6px}.result-count{margin:1rem 0;color:var(--color-text-secondary)}
@media(max-width:1100px){.mobile-menu-toggle{display:block}.navigation-ready .nav-links{display:none}.navigation-ready .nav-links.active{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:1rem 1.5rem;background:var(--color-bg-primary);border-bottom:1px solid var(--color-bg-tertiary);max-height:calc(100dvh - 5rem);overflow-y:auto}.nav-links a{display:block;padding:.7rem 1rem}.nav-links .btn{margin-top:.5rem}.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.container{padding-left:1rem;padding-right:1rem}.card{padding:1.5rem}.footer-content{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.contact-form{padding:1.25rem}.api-container{display:block}.api-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--color-bg-tertiary);display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem 1rem}.api-sidebar h4{margin-top:0}.api-content{padding:2rem 1rem}.blog-content{padding-left:1rem!important;padding-right:1rem!important}.faq-hero{padding:2rem 0}.faq-categories{gap:.5rem}.cat-btn{padding:.6rem 1rem}.legal-container{padding:1.25rem!important}.hero .btn{margin-left:0!important}.hero-content>.delay-300{display:flex;flex-wrap:wrap;gap:1rem}.component-item{flex-wrap:wrap}.hero h1 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.card:hover{transform:none}}

.category-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.category-card{min-width:0}.article-list a{gap:1rem;flex-wrap:wrap}.kb-search input{width:100%}.read-time{white-space:nowrap}.legal-content{min-width:0}
@media(max-width:768px){.kb-hero{padding:2rem 0}.kb-search input{padding:1rem}.category-grid{gap:1rem}.job-info{min-width:0}.blog-header{padding:2rem 1rem}.blog-content{max-width:850px;margin:auto}.legal-content ul{padding-left:1.25rem}}

@media(max-width:1100px){.nav-links{display:flex}.navigation-ready .nav-links{display:none}.navigation-ready .nav-links.active{display:flex}}
/* Practical business and learning content. */
.captcha-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0}.captcha-row img{display:block;width:240px;height:auto;max-width:100%;border:1px solid var(--color-bg-tertiary);border-radius:6px}.captcha-input{max-width:240px;letter-spacing:.15em}.captcha-fieldset .small{margin:.5rem 0}
.content-page{max-width:1120px}.content-page>h1{max-width:25ch;margin-bottom:1.25rem}.lead{font-size:1.2rem;line-height:1.75;max-width:75ch;color:var(--color-text-primary)}.eyebrow{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem}
.content-page .section-block>p,.content-section>p{max-width:85ch;margin:1rem 0;line-height:1.75}.content-page .card-grid,.content-section .card-grid{margin:1.75rem 0}.content-page a:not(.btn),.content-section a:not(.btn){color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.content-list{list-style:disc;padding-left:1.5rem;margin:1.25rem 0}.content-list li{padding-left:.2rem;margin:.75rem 0;line-height:1.7}.process-list{padding-left:1.6rem;margin:1.5rem 0}.process-list>li{padding-left:.4rem;margin:1.5rem 0}.process-list>li::marker{color:var(--color-accent);font-weight:700}.process-list h3{margin-bottom:.5rem}.process-list p{max-width:83ch;margin-bottom:.5rem}
.page-jump-links{justify-content:flex-start;gap:.6rem;flex-wrap:wrap;margin:2rem 0;padding:1rem 0;border-top:1px solid var(--color-bg-tertiary);border-bottom:1px solid var(--color-bg-tertiary)}.page-jump-links a{padding:.35rem .8rem;border:1px solid var(--color-bg-tertiary);border-radius:4px;font-size:.9rem;text-decoration:none!important}.page-jump-links a:hover{border-color:var(--color-accent)}caption{text-align:left;font-weight:600;color:var(--color-white);padding:.8rem 0}.source-links{font-size:.9rem;color:var(--color-text-secondary)}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.brief-example{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1rem 1.5rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:8px;margin:1.5rem 0}.brief-example dt{font-weight:700;color:var(--color-accent)}.brief-example dd{min-width:0}.example-panel{padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:8px;margin:1.5rem 0}.example-panel>p{margin:1rem 0}.metric-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:1.75rem 0}.metric-example-grid dt{font-weight:600;margin-bottom:.5rem}.metric-example-grid dd:not(.small){font-size:1.6rem;color:var(--color-accent);margin-bottom:.4rem}.content-section{padding-top:1rem;padding-bottom:1rem}.section-intro{max-width:75ch;margin:1rem 0}.card-link{display:inline-block;margin-top:1rem;color:var(--color-accent)}
@media(max-width:768px){.two-column-grid{grid-template-columns:1fr}.brief-example{grid-template-columns:1fr;gap:.4rem;padding:1.25rem}.brief-example dd{margin-bottom:1rem}.metric-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem}.example-panel{padding:1.25rem}.page-jump-links{gap:.5rem}.page-jump-links a{padding:.5rem .65rem}.content-page .card-grid{gap:1rem}}
@media(max-width:360px){.metric-example-grid{grid-template-columns:1fr}}
/* Keep guide summaries easy to read while identifying their linked titles. */
#learning-guides{scroll-margin-top:0}
#learning-guides .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.content-section a.category-card{text-decoration:none}
.content-section .category-card h3{text-decoration:underline;text-underline-offset:3px;margin-bottom:.6rem}
.content-section .category-card p{color:var(--color-text-primary)}
@media(max-width:1100px){#learning-guides .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){#learning-guides .category-grid{grid-template-columns:1fr}}
