/* KBACC layout & spacing fixes — loaded into of every page. The compiled Tailwind chunk (_next/static/chunks/*.css) was tree-shaken too aggressively at build time and is missing most of the standard spacing/utility classes the HTML references, so this file restores them and then layers a few intentional layout tweaks on top. */ /* ========================================================================= 0. RESTORED TAILWIND SPACING UTILITIES These should have been in the compiled chunk but were purged. Includes only the scales actually referenced by the site's HTML. ========================================================================= */ /* padding-top */ .pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem} .pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem} .pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem} .pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem} .pt-24{padding-top:6rem} /* padding-bottom */ .pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem} .pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem} .pb-8{padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem} .pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem} .pb-24{padding-bottom:6rem} /* padding-left / right */ .pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem} .pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem} .pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem} .pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem} .pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem} .pr-8{padding-right:2rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem} /* padding x-axis */ .px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem} .px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem} .px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem} .px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem} .px-12{padding-left:3rem;padding-right:3rem} /* padding y-axis */ .py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem} .py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem} .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem} .py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem} .py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem} /* margin-top */ .mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem} .mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem} .mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem} /* margin-bottom */ .mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem} /* gap (flex/grid) */ .gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem} .gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem} .gap-12{gap:3rem}.gap-16{gap:4rem} /* column-gap / row-gap */ .gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem} .gap-x-5{column-gap:1.25rem}.gap-x-6{column-gap:1.5rem}.gap-x-8{column-gap:2rem} .gap-x-10{column-gap:2.5rem}.gap-x-12{column-gap:3rem}.gap-x-16{column-gap:4rem} .gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem} .gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem} .gap-y-10{row-gap:2.5rem}.gap-y-12{row-gap:3rem} /* space-y-* and space-x-* (child sibling gaps) */ .space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem} .space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem} .space-y-2\.5>:not([hidden])~:not([hidden]){margin-top:.625rem} .space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem} .space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem} .space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem} .space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem} .space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem} /* divide-y */ .divide-y>:not([hidden])~:not([hidden]){border-top-width:1px;border-bottom-width:0} /* rounded */ .rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem} .rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem} .rounded-full{border-radius:9999px} /* fractional padding scales sometimes used */ .pt-0\.5{padding-top:.125rem}.pt-2\.5{padding-top:.625rem} .mb-2\.5{margin-bottom:.625rem}.mt-2\.5{margin-top:.625rem} /* arbitrary clamp() padding class missing from the build */ .py-\[clamp\(3rem\,7vw\,5rem\)\]{ padding-top:clamp(3rem,7vw,5rem); padding-bottom:clamp(3rem,7vw,5rem); } /* ========================================================================= 1. INTENTIONAL LAYOUT FIXES ========================================================================= */ /* 1a. Hero stacks until 1024px so the two columns never crash at tablet */ @media (max-width: 1023.98px) { .md\:grid-cols-12.md\:items-end { grid-template-columns: 1fr !important; } .md\:grid-cols-12.md\:items-end > .md\:col-span-8, .md\:grid-cols-12.md\:items-end > .md\:col-span-4 { grid-column: 1 / -1 !important; } .md\:grid-cols-12.md\:items-end > .md\:col-span-4.md\:pl-8 { padding-left: 0 !important; border-left-width: 0 !important; } } /* 1b. Mobile nav: stop Contact from wrapping to a second row on <=480px */ @media (max-width: 480px) { header nav ul { column-gap: 1rem; row-gap: 0.5rem; } header .nav-link { font-size: 0.86rem; } header a[aria-label="KiloByte Accounting home"] .mono { display: none; } } /* 1c. Footer Pages list <-> Hours: clear separator on mobile */ @media (max-width: 767.98px) { footer .eyebrow.mt-8 { margin-top: 2.5rem !important; padding-top: 1.5rem; border-top: 1px solid var(--color-border); } footer .eyebrow.mt-6 { margin-top: 2rem !important; padding-top: 1.25rem; border-top: 1px solid var(--color-border); } } /* 1d. SAIT accreditation card: soften the white slab against the dark theme */ .card[style*="background:#fff"] { background: #ece9e1 !important; border-color: rgba(255,255,255,0.08) !important; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); border-radius: 8px; padding: 0.625rem 0.875rem !important; } .card[style*="background:#fff"] img { opacity: 0.95; }