/*
Theme Name: Holistic Care Solutions
Theme URI: https://hcsintegratedcare.com
Author: Holistic Care Solutions
Description: Custom theme for Holistic Care Solutions Behavioral Health & Wellness Center. Native WordPress theme — no Elementor or paid field-plugin dependency; content is managed through native WordPress pages/posts, a Custom Post Type for Services, and Theme Options.
Version: 1.3.2
Text Domain: holistic-care
Requires PHP: 7.4
*/
@import url("https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&family=Arimo:ital,wght@0,400;0,700;1,400&display=swap");

/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--background:36 50% 96%;--foreground:0 0% 17%;--card:0 0% 100%;--card-foreground:0 0% 17%;--popover:0 0% 100%;--popover-foreground:0 0% 17%;--primary:214 33% 34%;--primary-foreground:0 0% 100%;--secondary:180 47% 53%;--secondary-foreground:213 33% 21%;--muted:37 41% 91%;--muted-foreground:0 0% 40%;--accent:180 62% 27%;--accent-foreground:0 0% 100%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:214 20% 85%;--input:214 20% 85%;--ring:180 62% 27%;--radius:0.5rem;--navy:214 33% 34%;--navy-deep:213 33% 21%;--teal:180 47% 53%;--teal-deep:180 62% 27%;--cream:36 50% 96%;--cream-deep:37 41% 91%}body{font-family:Arial,Arimo,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Georgia,Tinos,serif}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-1{top:-.25rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[-10\%\]{left:-10%}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[-40\%\]{top:-40%}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.order-1{order:1}.order-2{order:2}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.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-9{margin-bottom:2.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-\[-1px\]{margin-top:-1px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/11\]{aspect-ratio:16/11}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1/1}.size-4{width:1rem;height:1rem}.size-\[--cell-size\]{width:var(--cell-size);height:var(--cell-size)}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[--cell-size\]{height:var(--cell-size)}.h-\[1px\]{height:1px}.h-\[520px\]{height:520px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[--cell-size\]{width:var(--cell-size)}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-\[45\%\]{width:45%}.w-\[520px\]{width:520px}.w-\[82\%\]{width:82%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[--cell-size\]{min-width:var(--cell-size)}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[1240px\]{max-width:1240px}.max-w-\[240px\]{max-width:240px}.max-w-\[320px\]{max-width:320px}.max-w-\[440px\]{max-width:440px}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[720px\]{max-width:720px}.max-w-\[75\%\]{max-width:75%}.max-w-\[760px\]{max-width:760px}.max-w-\[900px\]{max-width:900px}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.translate-y-2{--tw-translate-y:0.5rem}.translate-y-2,.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl,.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-bl-3xl{border-bottom-left-radius:1.5rem}.rounded-br-3xl{border-bottom-right-radius:1.5rem}.rounded-br-\[3rem\]{border-bottom-right-radius:3rem}.rounded-br-\[60px\]{border-bottom-right-radius:60px}.rounded-br-\[80px\]{border-bottom-right-radius:80px}.rounded-tl-2xl{border-top-left-radius:1rem}.rounded-tl-3xl{border-top-left-radius:1.5rem}.rounded-tl-\[3rem\]{border-top-left-radius:3rem}.rounded-tl-\[60px\]{border-top-left-radius:60px}.rounded-tl-\[80px\]{border-top-left-radius:80px}.rounded-tl-\[8rem\]{border-top-left-radius:8rem}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-tr-3xl{border-top-right-radius:1.5rem}.rounded-tr-\[60px\]{border-top-right-radius:60px}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-\[3px\]{border-bottom-width:3px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[\#3A5272\]{--tw-border-opacity:1;border-color:rgb(58 82 114/var(--tw-border-opacity))}.border-\[\#3A5272\]\/25{border-color:#3a527240}.border-\[\#4DBFBF\]{--tw-border-opacity:1;border-color:rgb(77 191 191/var(--tw-border-opacity))}.border-black\/10{border-color:#0000001a}.border-black\/5{border-color:#0000000d}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive)/.5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(var(--primary)/.5)}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/60{border-color:#fff9}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#1A6E6E\]{--tw-bg-opacity:1;background-color:rgb(26 110 110/var(--tw-bg-opacity))}.bg-\[\#1a2836\]{--tw-bg-opacity:1;background-color:rgb(26 40 54/var(--tw-bg-opacity))}.bg-\[\#243447\]{--tw-bg-opacity:1;background-color:rgb(36 52 71/var(--tw-bg-opacity))}.bg-\[\#3A5272\]{--tw-bg-opacity:1;background-color:rgb(58 82 114/var(--tw-bg-opacity))}.bg-\[\#3A5272\]\/25{background-color:#3a527240}.bg-\[\#4DBFBF\]{--tw-bg-opacity:1;background-color:rgb(77 191 191/var(--tw-bg-opacity))}.bg-\[\#F2EBE0\]{--tw-bg-opacity:1;background-color:rgb(242 235 224/var(--tw-bg-opacity))}.bg-\[\#FAF6F0\]{--tw-bg-opacity:1;background-color:rgb(250 246 240/var(--tw-bg-opacity))}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/40{background-color:#0006}.bg-black\/80{background-color:#000c}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#1A6E6E\]{--tw-gradient-from:#1a6e6e var(--tw-gradient-from-position);--tw-gradient-to:#1a6e6e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#3A5272\]{--tw-gradient-from:#3a5272 var(--tw-gradient-from-position);--tw-gradient-to:#3a527200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#4DBFBF\]{--tw-gradient-from:#4dbfbf var(--tw-gradient-from-position);--tw-gradient-to:#4dbfbf00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#4DBFBF\]{--tw-gradient-to:#4dbfbf00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4dbfbf var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#243447\]{--tw-gradient-to:#243447 var(--tw-gradient-to-position)}.to-\[\#3A5272\]{--tw-gradient-to:#3a5272 var(--tw-gradient-to-position)}.to-\[\#4DBFBF\]{--tw-gradient-to:#4dbfbf var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.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-\[--cell-size\]{padding-left:var(--cell-size);padding-right:var(--cell-size)}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[\#1A6E6E\]{--tw-text-opacity:1;color:rgb(26 110 110/var(--tw-text-opacity))}.text-\[\#243447\]{--tw-text-opacity:1;color:rgb(36 52 71/var(--tw-text-opacity))}.text-\[\#2b2b2b\]{--tw-text-opacity:1;color:rgb(43 43 43/var(--tw-text-opacity))}.text-\[\#3A5272\]{--tw-text-opacity:1;color:rgb(58 82 114/var(--tw-text-opacity))}.text-\[\#4DBFBF\]{--tw-text-opacity:1;color:rgb(77 191 191/var(--tw-text-opacity))}.text-\[\#5b5b5b\]{--tw-text-opacity:1;color:rgb(91 91 91/var(--tw-text-opacity))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground)/.5)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in,.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.\[--cell-size\:2rem\]{--cell-size:2rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#4DBFBF\]:hover{--tw-border-opacity:1;border-color:rgb(77 191 191/var(--tw-border-opacity))}.hover\:bg-\[\#243447\]:hover{--tw-bg-opacity:1;background-color:rgb(36 52 71/var(--tw-bg-opacity))}.hover\:bg-\[\#3A5272\]:hover{--tw-bg-opacity:1;background-color:rgb(58 82 114/var(--tw-bg-opacity))}.hover\:bg-\[\#3fa9a9\]:hover{--tw-bg-opacity:1;background-color:rgb(63 169 169/var(--tw-bg-opacity))}.hover\:bg-\[\#4DBFBF\]:hover{--tw-bg-opacity:1;background-color:rgb(77 191 191/var(--tw-bg-opacity))}.hover\:bg-\[\#F2EBE0\]:hover{--tw-bg-opacity:1;background-color:rgb(242 235 224/var(--tw-bg-opacity))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:text-\[\#1A6E6E\]:hover{--tw-text-opacity:1;color:rgb(26 110 110/var(--tw-text-opacity))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:ring-1:focus-visible,.focus-visible\:ring-2:focus-visible{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group[open] .group-open\:rotate-45{--tw-rotate:45deg}.group:hover .group-hover\:-translate-y-1,.group[open] .group-open\:rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-\[1\.02\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.group:hover .group-hover\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-start\=true\]\:bg-primary[data-range-start=true],.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true],.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:hsl(var(--accent))}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:relative{position:relative}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:z-10{z-index:10}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:border-ring{border-color:hsl(var(--ring))}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:ring-\[3px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:ring-ring\/50{--tw-ring-color:hsl(var(--ring)/0.5)}:is(.dark .dark\:border-destructive){border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:aspect-\[16\/9\]{aspect-ratio:16/9}.sm\:h-10{height:2.5rem}.sm\:h-14{height:3.5rem}.sm\:w-10{width:2.5rem}.sm\:w-14{width:3.5rem}.sm\:w-6{width:1.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.sm\:rounded-\[2rem\]{border-radius:2rem}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:rounded-tr-\[120px\]{border-top-right-radius:120px}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pb-16{padding-bottom:4rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pt-16{padding-top:4rem}.sm\:text-left{text-align:left}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:block{display:block}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.4fr_1fr_1fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}.md\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.md\:flex-row{flex-direction:row}.md\:gap-12{gap:3rem}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.md\:border-b{border-bottom-width:1px}.md\:border-r{border-right-width:1px}.md\:p-14{padding:3.5rem}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:pl-10{padding-left:2.5rem}.md\:pr-10{padding-right:2.5rem}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:-bottom-10{bottom:-2.5rem}.lg\:left-8{left:2rem}.lg\:right-8{right:2rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:mt-0{margin-top:0}.lg\:mt-24{margin-top:6rem}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:aspect-\[21\/9\]{aspect-ratio:21/9}.lg\:aspect-auto{aspect-ratio:auto}.lg\:flex-1{flex:1 1 0%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-16{gap:4rem}.lg\:gap-6{gap:1.5rem}.lg\:overflow-visible{overflow:visible}.lg\:whitespace-normal{white-space:normal}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>span\]\:text-xs>span{font-size:.75rem;line-height:1rem}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-3\.5>svg{width:.875rem;height:.875rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:initial}.object-cover{object-fit:cover}
/* Hand-written — NOT part of the compiled Tailwind snapshot above (verified
   absent before adding this; same class of "silently does nothing" bug
   this project has hit before with arbitrary-bracket utility classes).
   Added in v1.4.7 for blog preview cards whose image needs to stay fully
   visible (never cropped) — see inc/helpers.php's hcs_the_image() 'fit'
   option and inc/components/blog-teaser.php. */
.object-contain{object-fit:contain}

/* ============ ABOUT PAGE: STAFF TEAM SECTION + BIO MODAL (v1.4.13) ============
   Hand-written, not Tailwind arbitrary-value classes — checked first and
   confirmed several needed values (rounded-3xl, z-[80]/z-[90], w-[150px],
   max-h-[85vh], etc.) are absent from the compiled snapshot above, same
   "silently does nothing" bug class this project has hit before. Using
   plain semantic classes here instead of guessing at more bracket values. */
.hcs-staff-photo {
  width: 150px;
  height: 150px;
  border-radius: 9999px;
  overflow: hidden;
  margin: 0 auto 1rem;
  border: 4px solid #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}
.hcs-team-modal-backdrop, .hcs-team-modal {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.hcs-team-modal-backdrop { background: rgba(0,0,0,0.5); z-index: 100; }
.hcs-team-modal {
  z-index: 110;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.hcs-team-modal.hcs-open, .hcs-team-modal-backdrop.hcs-open {
  opacity: 1;
  pointer-events: auto;
}
.hcs-team-modal-box {
  background: #fff;
  border-radius: 1.5rem;
  max-width: 480px;
  width: 100%;
  max-height: 85vh;
  overflow-y: auto;
  padding: 2rem;
  position: relative;
}
.hcs-team-modal-photo {
  width: 96px;
  height: 96px;
  border-radius: 9999px;
  object-fit: cover;
  display: block;
  margin: 0 auto 1rem;
}
/* v1.4.22: the bio modal sets its text via .textContent (assets/js/main.js)
   for security (never trust raw HTML from a text field) — but that means
   any blank-line paragraph breaks someone typed into the Bio textarea in
   wp-admin were being silently collapsed by normal HTML whitespace
   handling, since a plain-text node inside one <p> doesn't preserve
   newlines by default. This makes literal line breaks in the source text
   actually render as line breaks, without needing to parse/rebuild the
   text into multiple real <p> tags (which would need an HTML-based
   approach and reopen exactly the injection risk .textContent avoids). */
.hcs-preserve-linebreaks {
  white-space: pre-line;
}

/* ============ GED SECTION: OUTLINED CARDS (v1.4.23) ============
   Hand-written rather than a Tailwind border-white/NN class — checked
   first and confirmed only /10 and /60 are compiled, neither giving the
   deliberate, clearly-visible "white outlined border on navy" look asked
   for specifically (this section's actual signature design element).
   rounded-3xl was also checked and confirmed absent from the compiled
   snapshot (only up to rounded-2xl/1rem exists), so the radius is set
   explicitly here too instead of settling for a smaller available value. */
.hcs-ged-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  border-radius: 1.25rem;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.hcs-ged-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.6);
}

/* ============ HERO TOP PADDING (v1.4.14) ============
   Hand-written, not a Tailwind pt-* class — the compiled snapshot only
   has sm:pt-16 (4rem/64px) for the desktop breakpoint, no smaller value,
   so there was no existing utility class to just swap in for a reduced
   gap between the sticky nav and hero content. Replaces `pt-10 sm:pt-16`
   on every hero section (homepage, About, Careers, Get Started, Contact,
   Resources) with this single shared class. */
.hcs-hero-top { padding-top: 1.5rem; }
@media (min-width: 640px) {
  .hcs-hero-top { padding-top: 2.5rem; }
}

/* ============ ACCESSIBILITY: skip link, focus states, reduced motion ============ */
/* Added during the 2026 WCAG 2.1 AA audit — see PROJECT.md / CHANGELOG.md */

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: #3A5272;
  color: #fff;
  padding: 12px 20px;
  z-index: 1000;
  border-radius: 0 0 8px 0;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}
.skip-link:focus {
  left: 0;
  outline: 3px solid #4DBFBF;
  outline-offset: -3px;
}

/* Real, on-brand focus-visible state for every interactive element, replacing
   reliance on inconsistent browser defaults. Teal outline reads clearly
   against both the light cream backgrounds and the dark navy bands. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #4DBFBF;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Respect the OS/browser-level reduced-motion preference: stop decorative
   transitions and hover-lift effects. The carousel auto-advance pause is
   handled separately in main.js (see hcs-carousel-pause), since that needs
   to actually stop a JS timer, not just skip a CSS transition. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============ BLOG POST CONTENT TYPOGRAPHY ============ */
/* Hand-written rather than pulling in @tailwindcss/typography (not in the
   compiled build, and adding it would mean recompiling from the React
   source — a new dependency the "architecture is frozen" directive is
   meant to avoid). Comfortable line length capped at 65ch, matching
   standard readability guidance. */

.hcs-post-content {
  max-width: 65ch;
  margin-left: auto;
  margin-right: auto;
  color: #2b2b2b;
  font-size: 17px;
  line-height: 1.75;
}
.hcs-post-content p { margin-bottom: 1.5em; }
.hcs-post-content h2, .hcs-post-content h3, .hcs-post-content h4 {
  font-family: Georgia, Tinos, serif;
  color: #3A5272;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 2em;
  margin-bottom: 0.6em;
}
.hcs-post-content h2 { font-size: 28px; }
.hcs-post-content h3 { font-size: 22px; }
.hcs-post-content h4 { font-size: 18px; }
.hcs-post-content ul, .hcs-post-content ol {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
}
.hcs-post-content ul { list-style: disc; }
.hcs-post-content ol { list-style: decimal; }
.hcs-post-content li { margin-bottom: 0.5em; }
.hcs-post-content a { color: #1A6E6E; text-decoration: underline; text-decoration-color: #4DBFBF; text-underline-offset: 2px; }
.hcs-post-content a:hover { color: #3A5272; }
.hcs-post-content strong { font-weight: bold; color: #3A5272; }

.hcs-post-content blockquote {
  border-left: 4px solid #4DBFBF;
  background: #F2EBE0;
  padding: 1.2em 1.5em;
  margin: 2em 0;
  font-style: italic;
  color: #3A5272;
  border-radius: 0 12px 12px 0;
}
.hcs-post-content blockquote p:last-child { margin-bottom: 0; }

.hcs-post-content pre {
  background: #243447;
  color: #EAF1F5;
  padding: 1.2em 1.5em;
  border-radius: 12px;
  overflow-x: auto;
  margin: 2em 0;
  font-size: 14px;
  line-height: 1.6;
}
.hcs-post-content code {
  font-family: 'Courier New', monospace;
  background: #F2EBE0;
  color: #1A6E6E;
  padding: 0.15em 0.4em;
  border-radius: 4px;
  font-size: 0.9em;
}
.hcs-post-content pre code { background: none; color: inherit; padding: 0; }

.hcs-post-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  font-size: 15px;
}
.hcs-post-content th, .hcs-post-content td {
  border: 1px solid rgba(0,0,0,0.1);
  padding: 0.6em 1em;
  text-align: left;
}
.hcs-post-content th { background: #F2EBE0; color: #3A5272; font-weight: bold; }
/* Wide tables scroll horizontally on narrow screens instead of breaking layout */
.hcs-post-content .wp-block-table { overflow-x: auto; display: block; }

.hcs-post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 1.5em 0;
}
.hcs-post-content figure { margin: 2em 0; }
.hcs-post-content figcaption {
  font-size: 14px;
  color: #5b5b5b;
  font-style: italic;
  text-align: center;
  margin-top: 0.6em;
}

/* Responsive video embeds (YouTube/Vimeo oEmbed wrap their output in
   .wp-embed-responsive automatically when a theme adds this support —
   see functions.php add_theme_support('responsive-embeds')) */
.hcs-post-content .wp-embed-responsive .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 2em 0;
  border-radius: 12px;
}
.hcs-post-content .wp-embed-responsive .wp-block-embed__wrapper iframe,
.hcs-post-content .wp-embed-responsive .wp-block-embed__wrapper object,
.hcs-post-content .wp-embed-responsive .wp-block-embed__wrapper embed {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

/* Gallery grid (native WP gallery block/shortcode) */
.hcs-post-content .gallery, .hcs-post-content .wp-block-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 2em 0;
}
.hcs-post-content .gallery img, .hcs-post-content .wp-block-gallery img {
  margin: 0;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

/* ============ FORMS: plugin-agnostic base + thin Fluent Forms layer ============ */
/* Module 5. Base layer targets plain HTML form elements so this styling
   survives a future switch to a different form plugin with minimal rework
   — only the "FLUENT FORMS SPECIFIC" section below is plugin-specific.
   Verified against Fluent Forms' own documented class names as of this
   writing (fluentforms.com/docs); multi-step progress-bar classes could
   not be verified against a live install and are flagged accordingly. */

/* ---- Base layer: any plain form element, any plugin, our own static forms ---- */
.hcs-form-base input[type="text"],
.hcs-form-base input[type="email"],
.hcs-form-base input[type="tel"],
.hcs-form-base input[type="url"],
.hcs-form-base input[type="number"],
.hcs-form-base input[type="date"],
.hcs-form-base textarea,
.hcs-form-base select {
  width: 100%;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 8px;
  padding: 0.65em 0.85em;
  font-size: 14px;
  background: #FAF6F0;
  color: #2b2b2b;
  font-family: Arial, Arimo, sans-serif;
}
.hcs-form-base label {
  font-size: 12px;
  font-weight: bold;
  color: #3A5272;
  display: block;
  margin-bottom: 6px;
}
.hcs-form-base button[type="submit"],
.hcs-form-base input[type="submit"] {
  background: #3A5272;
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 999px;
  padding: 0.75em 2em;
  cursor: pointer;
  transition: background-color 0.2s;
}
.hcs-form-base button[type="submit"]:hover,
.hcs-form-base input[type="submit"]:hover { background: #243447; }
.hcs-form-base button[type="submit"]:disabled,
.hcs-form-base input[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ---- FLUENT FORMS SPECIFIC (thin layer, only what plain elements can't reach) ---- */
.fluentform .ff-el-form-control {
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 8px !important;
  background: #FAF6F0 !important;
  padding: 0.65em 0.85em !important;
  font-family: Arial, Arimo, sans-serif !important;
}
.fluentform .ff-btn-submit {
  background: #3A5272 !important;
  border-radius: 999px !important;
  font-weight: bold !important;
  border: none !important;
  padding: 0.75em 2em !important;
}
.fluentform .ff-btn-submit:hover { background: #243447 !important; }
.fluentform .ff-el-is-error .ff-el-form-control { border-color: #c0392b !important; }
.fluentform .text-danger { color: #c0392b !important; font-size: 13px; }
.fluentform .ff-message-success {
  background: #F2EBE0 !important;
  color: #1A6E6E !important;
  border-radius: 12px !important;
  padding: 1.2em !important;
  border: none !important;
}

/* Multi-step progress bar — NOT verified against a live Fluent Forms
   install (no test environment available); based on documented/common
   class conventions. Check against the real DOM once the plugin is
   installed and adjust selectors if the markup differs. */
.fluentform .ff_multiStep_progress { background: #F2EBE0 !important; border-radius: 999px !important; }
.fluentform .ff_multiStep_progress .ff_progress_bar,
.fluentform .ff_multiStep_progress_bar { background: #4DBFBF !important; }
.fluentform .ff-btn-next, .fluentform .ff-btn-prev {
  background: #3A5272 !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
}

/* ---- FORMINATOR SPECIFIC (thin layer; Get Started page's per-tab shortcode forms) ----
   2026 update: the Get Started page's three tabs each take an independent,
   plugin-agnostic shortcode (inc/components/get-started/dynamic-form.php +
   hcs_render_optional_shortcode()) rather than one Fluent-Forms-only
   shortcode for the whole page. The base layer above already styles plain
   <input>/<textarea>/<select>/<button> elements, which covers most of what
   Forminator renders since its fields ARE plain elements underneath; this
   thin layer only overrides what the base layer's element selectors can't
   reach (Forminator's own wrapper/label/button classes), matching the same
   "base + thin plugin layer" pattern as Fluent Forms above.
   Verified against Forminator's documented/commonly-inspected class names
   (forminator-label, forminator-input, forminator-textarea, forminator-select,
   forminator-button-submit, forminator-row) as of this writing — NOT
   verified against a live install in this sandbox (no test environment
   available), same caveat as the Fluent Forms multi-step bar below. Re-check
   against the real rendered DOM once the plugin + a real form are installed,
   and adjust selectors here if a Forminator version renders differently. */
.hcs-shortcode-form-wrap .forminator-label {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #3A5272 !important;
  font-family: Arial, Arimo, sans-serif !important;
}
.hcs-shortcode-form-wrap .forminator-input,
.hcs-shortcode-form-wrap .forminator-textarea,
.hcs-shortcode-form-wrap select.forminator-select {
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 8px !important;
  background: #FAF6F0 !important;
  padding: 0.65em 0.85em !important;
  font-family: Arial, Arimo, sans-serif !important;
}
.hcs-shortcode-form-wrap .forminator-row { margin-bottom: 1rem !important; }
.hcs-shortcode-form-wrap .forminator-button-submit {
  background: #3A5272 !important;
  color: #fff !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.75em 2em !important;
}
.hcs-shortcode-form-wrap .forminator-button-submit:hover { background: #243447 !important; }
.hcs-shortcode-form-wrap .forminator-has-error .forminator-input,
.hcs-shortcode-form-wrap .forminator-has-error .forminator-textarea { border-color: #c0392b !important; }
.hcs-shortcode-form-wrap .forminator-error-message,
.hcs-shortcode-form-wrap .forminator-response-message.forminator-error {
  color: #c0392b !important;
  font-size: 13px !important;
}
.hcs-shortcode-form-wrap .forminator-response-message.forminator-success {
  background: #F2EBE0 !important;
  color: #1A6E6E !important;
  border-radius: 12px !important;
  padding: 1.2em !important;
  border: none !important;
}

/* Loading state — added by assets/js/forms.js on submit, works for both
   Fluent Forms and our own remaining static forms alike */
.hcs-form-submitting button[type="submit"],
.hcs-form-submitting input[type="submit"] {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}

/* ============ CAROUSEL: smooth crossfade (fixes instant/jarring slide swap) ============ */
/* Previously slides toggled Tailwind's .hidden (display:none), which cannot be
   animated by CSS transitions at all — display changes are binary, not
   transitionable, regardless of any opacity rule. Fixed by stacking all
   slides in the same CSS Grid cell (grid-area: 1/1) and cross-fading opacity
   instead. This also fixes a second, related issue: since all slides share
   one grid cell, the container's height is always sized to the tallest
   slide automatically, so the carousel doesn't jump/resize when switching
   between slides of different content length. */
[data-carousel] {
  display: grid;
}
[data-carousel] > [data-slide] {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.45s ease;
}
[data-carousel] > [data-slide].hcs-slide-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  [data-carousel] > [data-slide] { transition: none; }
}

/* ============ LANGUAGE SWITCHER ============ */
/* v1.4.18 rewrite — Google Translate's own default widget (plain <select>,
   Google logo, awkward "switch back" behavior) was reported as looking out
   of place and confusing to use. Google's widget still exists and still
   does the actual translating (it has to — this theme doesn't run
   translation itself), but it's now visually hidden and driven entirely by
   custom EN/ES buttons instead — see assets/js/main.js and the header.php
   docblock above the markup for the full explanation. */

/* Visually hidden but NOT display:none — Google's script has been known to
   skip fully initializing a widget into a container with zero rendered
   dimensions — v1.4.19 switched from a "clipped to 1px" hidden pattern to
   moving it off-screen with its natural, unconstrained size instead, which
   is the more conservative choice: this way Google's own internal
   visibility/size checks see a normal-sized element, just one positioned
   outside the viewport, removing any risk that too-small a container was
   part of why the previous version's switcher didn't work. */
.hcs-lang-switcher-hidden {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* The real, visible switcher — v1.4.19: a compact native <select> instead
   of the two-button pill toggle, which crowded the header next to the
   logo and hamburger menu on small screens. A native select is naturally
   small at every screen size, so no separate mobile version is needed. */
.hcs-lang-select {
  appearance: none;
  -webkit-appearance: none;
  background: #F2EBE0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%233A5272' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 8px center;
  border: none;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #3A5272;
  padding: 6px 22px 6px 12px;
  cursor: pointer;
  line-height: 1;
}
.hcs-lang-select:hover, .hcs-lang-select:focus {
  background-color: #e9dfcf;
}

/* Google's translate script has two other well-known rough edges that
   weren't specifically reported but would show up the moment someone
   actually used the switcher, so both are suppressed proactively: */
/* 1. A "This page has been translated..." banner iframe Google injects at
      the very top of the page, which also shoves all page content down via
      an inline `body{top:40px}` style it sets itself.
      v1.4.20: reported as still showing — broadened the selector (Google
      marks this element with BOTH classes together, and matching that
      exact combination is more specific/reliable than either alone) and
      backed this up with an active JS watcher (assets/js/main.js) since
      CSS alone can be raced by Google's own script re-inserting or
      re-styling this element after the page has already loaded. */
iframe.goog-te-banner-frame,
iframe.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
}
body { top: 0 !important; }
/* 2. A dotted underline/highlight box Google adds on hover over any
      translated text — visually noisy against this site's own design. */
.goog-text-highlight { background: none !important; box-shadow: none !important; }

/* ============ DESKTOP NAV: dropdown submenu ============ */
/* Hidden by default, revealed on hover AND :focus-within — the latter is
   what makes this keyboard-accessible: tabbing into a submenu link (which
   is a descendant of the parent <li>) triggers :focus-within on that <li>,
   showing the dropdown without needing any JS. Previously there was no
   dropdown handling at all — see the comment in inc/nav-walker.php for the
   full explanation of what broke when a real submenu was added. */
.hcs-submenu {
  /* Full layout now hand-written here rather than relying on Tailwind
     utility class names, after confirming several of the classes
     previously used in the PHP markup (bare grid-cols-2, gap-x-2, pt-20,
     gap-x-10, gap-y-5, and others) do not actually exist in this theme's
     compiled CSS at all — this theme has no live Tailwind build, only
     whatever happened to be compiled in from the original source, so any
     class not already present is a silent no-op. Writing the actual CSS
     directly removes that risk entirely. */
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 720px;
  max-width: 92vw;
  background: #243447;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  padding: 12px 8px;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.hcs-has-dropdown:hover .hcs-submenu,
.hcs-has-dropdown:focus-within .hcs-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.hcs-dropdown-chevron {
  transition: transform 0.2s ease;
}
.hcs-has-dropdown:hover .hcs-dropdown-chevron,
.hcs-has-dropdown:focus-within .hcs-dropdown-chevron {
  transform: rotate(180deg);
}
.hcs-submenu-item {
  text-overflow: ellipsis;
}

/* ============ TRUST BAR: mobile marquee ============ */
/* Continuous right-to-left auto-scroll on mobile — the track is rendered
   twice back to back in the PHP (see inc/components/trust-bar.php) and
   animated exactly -50% of its own width on a loop; since the second copy
   is identical to the first, the moment the first fully scrolls offscreen
   the motion continues seamlessly rather than jumping/resetting. */
.hcs-marquee-viewport {
  overflow: hidden;
}
.hcs-marquee-track {
  animation: hcs-marquee 22s linear infinite;
}
@keyframes hcs-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
/* Respect reduced-motion: a continuously-moving marquee is exactly the kind
   of motion this preference exists to stop. Falls back to a static row
   (still horizontally scrollable by hand via overflow-x, so content isn't
   lost, just not auto-animated). */
@media (prefers-reduced-motion: reduce) {
  .hcs-marquee-track {
    animation: none;
  }
  .hcs-marquee-viewport {
    overflow-x: auto;
  }
}

/* ============ SERVICE PAGE: hero top spacing ============ */
/* Hand-written after confirming pt-20/sm:pt-48 (used in an earlier attempt
   at this same fix) do not exist in this theme's compiled CSS at all — they
   were a silent no-op, which is why that update appeared to do nothing.
   ~64px on mobile scaling to ~192px (2 inches) on tablet/desktop and up. */
.hcs-service-hero {
  padding-top: 64px;
}
@media (min-width: 640px) {
  .hcs-service-hero {
    padding-top: 192px;
  }
}

/* ============ SERVICE PAGE: "About This Service" blue box ============ */
/* Redesigned per explicit request: image + text side by side inside a
   brand-navy box, white text, image "marginally smaller" than before.
   Built as hand-written CSS (not Tailwind utility classes) after this
   session's discovery that several previously-used utility classes were
   silently non-functional in this theme's compiled CSS. */
.hcs-about-service-box {
  background: #3A5272;
  border-radius: 24px;
  padding: 32px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: center;
}
@media (min-width: 1024px) {
  .hcs-about-service-box {
    grid-template-columns: 0.85fr 1.15fr;
    padding: 48px;
    gap: 48px;
  }
}
.hcs-about-service-box .hcs-service-about-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
}
.hcs-about-service-box .hcs-service-about-image img,
.hcs-about-service-box .hcs-service-about-image > div {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Text color overrides — .hcs-post-content defaults to dark gray for its
   normal light-background use elsewhere (blog posts, service page body
   copy on cream backgrounds); this context needs white for readability
   against the new navy background. */
.hcs-about-service-box .hcs-post-content,
.hcs-about-service-box .hcs-post-content p {
  color: #ffffff;
  margin: 0;
}
.hcs-about-service-box .hcs-service-about-label {
  color: #4DBFBF;
}

/* ============ TRUST BAR: desktop row visibility ============ */
/* Hand-written after confirming "lg:flex" does not exist in this theme's
   compiled CSS at all (only certain other lg:-prefixed utilities were ever
   compiled in, from whatever the original source happened to use) — the
   desktop trust bar row was permanently display:none as a result, which is
   why it rendered as an empty navy strip with no visible text at any
   screen width. !important used deliberately here to guarantee this wins
   over the (confirmed-working) .hidden class regardless of stylesheet
   order, removing any doubt. */
@media (min-width: 1024px) {
  .hcs-trust-bar-desktop {
    display: flex !important;
  }
}
