img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
.wp-block-jetpack-contact-form-container.is-layout-flex.is-horizontal,.wp-block-jetpack-contact-form-is-layout-flex.is-horizontal,.wp-block-jetpack-contact-form.is-layout-flex.is-horizontal{flex-flow:row wrap}.wp-block-jetpack-contact-form-container.is-layout-flex.is-horizontal .wp-block-button,.wp-block-jetpack-contact-form-container.is-layout-flex.is-horizontal .wp-block-jetpack-button,.wp-block-jetpack-contact-form-is-layout-flex.is-horizontal .wp-block-button,.wp-block-jetpack-contact-form-is-layout-flex.is-horizontal .wp-block-jetpack-button,.wp-block-jetpack-contact-form.is-layout-flex.is-horizontal .wp-block-button,.wp-block-jetpack-contact-form.is-layout-flex.is-horizontal .wp-block-jetpack-button{flex:0 0 auto}.wp-block-jetpack-contact-form-container.is-layout-flex.is-horizontal .wp-block-button .wp-block-button__link,.wp-block-jetpack-contact-form-container.is-layout-flex.is-horizontal .wp-block-jetpack-button .wp-block-button__link,.wp-block-jetpack-contact-form-is-layout-flex.is-horizontal .wp-block-button .wp-block-button__link,.wp-block-jetpack-contact-form-is-layout-flex.is-horizontal .wp-block-jetpack-button .wp-block-button__link,.wp-block-jetpack-contact-form.is-layout-flex.is-horizontal .wp-block-button .wp-block-button__link,.wp-block-jetpack-contact-form.is-layout-flex.is-horizontal .wp-block-jetpack-button .wp-block-button__link{word-break:normal}.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-25,.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-25,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-25,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-25,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-25,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-25{width:25%}.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-33,.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-33,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-33,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-33,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-33,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-33{width:33.33%}.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-50,.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-50,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-50,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-50,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-50,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-50{width:50%}.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-75,.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-75,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-75,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-75,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-75,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-75{width:75%}.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-100,.wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-100,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-100,.wp-block-jetpack-contact-form-is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-100,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .jetpack-field__width-100,.wp-block-jetpack-contact-form.is-layout-flex.is-vertical:not(.is-content-justification-stretch) .wp-block-button__width-100{width:100%}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex{display:block}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex>:not(:first-child),.is-multistep .wp-block-jetpack-contact-form-is-layout-flex>:not(:first-child),.is-multistep .wp-block-jetpack-contact-form.is-layout-flex>:not(:first-child){margin-top:var(--wp--style--block-gap,1.5rem)}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex .wp-block-jetpack-form-step{display:flex;flex-wrap:wrap;width:100%}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex .jetpack-form-steps-wrapper,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex .jetpack-form-steps-wrapper,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex .jetpack-form-steps-wrapper{width:100%}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex .wp-block-jetpack-form-progress-indicator,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex .wp-block-jetpack-form-progress-indicator,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex .wp-block-jetpack-form-progress-indicator{align-self:normal}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex.is-content-justification-left .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex.is-content-justification-left .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex.is-content-justification-left .wp-block-jetpack-form-step{align-items:flex-start}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex.is-content-justification-right .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex.is-content-justification-right .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex.is-content-justification-right .wp-block-jetpack-form-step{align-items:flex-end}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex.is-content-justification-center .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex.is-content-justification-center .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex.is-content-justification-center .wp-block-jetpack-form-step{align-items:center}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex.is-horizontal .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex.is-horizontal .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex.is-horizontal .wp-block-jetpack-form-step{align-items:flex-end}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex.is-vertical .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex.is-vertical .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex.is-vertical .wp-block-jetpack-form-step{flex-direction:column}.is-multistep .wp-block-jetpack-contact-form-container.is-layout-flex.is-nowrap .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form-is-layout-flex.is-nowrap .wp-block-jetpack-form-step,.is-multistep .wp-block-jetpack-contact-form.is-layout-flex.is-nowrap .wp-block-jetpack-form-step{flex-wrap:nowrap}.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-animated .contact-form__inset-label-wrap,.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-animated .contact-form__inset-label-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-outlined .contact-form__inset-label-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-animated .contact-form__inset-label-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap{box-sizing:border-box;flex:1 1 100%;position:relative;width:100%}.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-25-wrap,.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-25-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-25-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-25-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-25-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-25-wrap{flex:1 1 calc(25% - var(--wp--style--block-gap, 1.5rem)*1)}.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-33-wrap,.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-33-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-33-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-33-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-33-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-33-wrap{flex:1 1 calc(33.33% - var(--wp--style--block-gap, 1.5rem)*1)}.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-50-wrap,.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-50-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-50-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-50-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-50-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-50-wrap{flex:1 1 calc(50% - var(--wp--style--block-gap, 1.5rem)*1)}.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-75-wrap,.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-75-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-75-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-75-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-75-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-75-wrap{flex:1 1 calc(75% - var(--wp--style--block-gap, 1.5rem)*1)}.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-100-wrap,.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-100-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-100-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-100-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-100-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-100-wrap{flex:1 1 100%}.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-auto-wrap,.wp-block-jetpack-contact-form-container.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-auto-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-auto-wrap,.wp-block-jetpack-contact-form-is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-auto-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-animated .contact-form__inset-label-wrap.grunion-field-width-auto-wrap,.wp-block-jetpack-contact-form.is-layout-flex.is-style-outlined .contact-form__inset-label-wrap.grunion-field-width-auto-wrap{flex:1 1 auto;width:auto}
:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(body){margin:0}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(0.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(0.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}
.bctt-click-to-tweet{display:block;background-color:#fff;position:relative;border:1px solid #ddd;-moz-border-radius:4px;border-radius:4px;padding:15px 15px 15px 30px;margin-bottom:1em;margin-top:1.75em}.bctt-click-to-tweet:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.bctt-click-to-tweet .mce-content-body{position:relative;color:#000 !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size:1.5em;line-height:140%;font-weight:100;text-decoration:none !important;text-transform:none !important;word-wrap:break-word;border-bottom:none !important;box-shadow:none !important}.bctt-ctt-text a{padding:15px 0;margin:15px 0;position:relative;color:#000 !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size:1.5em;line-height:140%;font-weight:100;text-decoration:none !important;text-transform:none !important;word-wrap:break-word;border-bottom:none !important;box-shadow:none !important}.bctt-ctt-text a:hover{text-decoration:none;color:#999 !important}a.bctt-ctt-btn{border-bottom:none !important;margin:0;padding:11px 24px 0 0;position:relative;display:block;text-transform:uppercase;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size:.7em;font-weight:700;color:#999 !important;float:right;text-decoration:none !important;background:transparent url(//dicoffeean.com/wp-content/plugins/better-click-to-tweet/assets/css/../img/birdy.png) no-repeat right top 10px;box-shadow:none !important}.bctt-ctt-btn:hover{text-decoration:none;color:#666 !important;background:transparent url(//dicoffeean.com/wp-content/plugins/better-click-to-tweet/assets/css/../img/birdy.png) no-repeat right top 8px}
.math-captcha-form{display:block;float:none;clear:both}.math-captcha-form .mathalert{color:#c62828}.login form .math-captcha-form span{display:inline-block;margin-bottom:10px}input[type=text].mc-input{display:inline-block;width:60px!important;vertical-align:middle;margin-bottom:0}.frm_forms .math-captcha-form{display:block;float:none;clear:both;margin-bottom:15px}.frm_forms .math-captcha-form label{padding-right:10px}.frm_forms .math-captcha-form .mathalert{color:#c62828}.frm_forms .math-captcha-form span{display:inline-block;margin-bottom:10px}.frm_forms input[type=text].mc-input{display:inline-block;width:60px !important;vertical-align:middle;margin-bottom:0}.frm_forms .frm_error{color:#c62828;font-weight:700;margin-bottom:10px}.frm_forms .frm_message.math-captcha{background-color:#ffebee;border:1px solid #ffcdd2;padding:8px 12px;border-radius:4px;color:#c62828}
/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/open-sans-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/open-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/open-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/open-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/open-sans-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/open-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/open-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/open-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Muli Regular';font-style:normal;font-weight:400;font-display:swap;src:local('Muli Regular'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-Regular.woff) format('woff')}@font-face{font-family:'Muli Italic';font-style:normal;font-weight:400;font-display:swap;src:local('Muli Italic'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-Italic.woff) format('woff')}@font-face{font-family:'Muli ExtraLight';font-style:normal;font-weight:400;font-display:swap;src:local('Muli ExtraLight'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-ExtraLight.woff) format('woff')}@font-face{font-family:'Muli ExtraLight Italic';font-style:normal;font-weight:400;font-display:swap;src:local('Muli ExtraLight Italic'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-ExtraLightItalic.woff) format('woff')}@font-face{font-family:'Muli Light';font-style:normal;font-weight:400;font-display:swap;src:local('Muli Light'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-Light.woff) format('woff')}@font-face{font-family:'Muli Light Italic';font-style:normal;font-weight:400;font-display:swap;src:local('Muli Light Italic'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-LightItalic.woff) format('woff')}@font-face{font-family:'Muli SemiBold';font-style:normal;font-weight:400;font-display:swap;src:local('Muli SemiBold'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-SemiBold.woff) format('woff')}@font-face{font-family:'Muli SemiBold Italic';font-style:normal;font-weight:400;font-display:swap;src:local('Muli SemiBold Italic'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-SemiBoldItalic.woff) format('woff')}@font-face{font-family:'Muli Bold';font-style:normal;font-weight:400;font-display:swap;src:local('Muli Bold'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-Bold.woff) format('woff')}@font-face{font-family:'Muli Bold Italic';font-style:normal;font-weight:400;font-display:swap;src:local('Muli Bold Italic'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-BoldItalic.woff) format('woff')}@font-face{font-family:'Muli ExtraBold';font-style:normal;font-weight:400;font-display:swap;src:local('Muli ExtraBold'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-ExtraBold.woff) format('woff')}@font-face{font-family:'Muli ExtraBold Italic';font-style:normal;font-weight:400;font-display:swap;src:local('Muli ExtraBold Italic'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-ExtraBoldItalic.woff) format('woff')}@font-face{font-family:'Muli Black';font-style:normal;font-weight:400;font-display:swap;src:local('Muli Black'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-Black.woff) format('woff')}@font-face{font-family:'Muli Black Italic';font-style:normal;font-weight:400;font-display:swap;src:local('Muli Black Italic'),url(//dicoffeean.com/wp-content/themes/dicoffeean/fonts/Muli-BlackItalic.woff) format('woff')}
/*
Theme Name: Dicoffeean
Theme URI: https://dicoffeean.com
Description: Custom theme untuk Dicoffeean - Clean, modern, and fast
Author: Dicoffeean Team
Author URI: https://dicoffeean.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dicoffeean
*/

/* ===========================
   GLOBAL STYLES
   =========================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* overflow-x: clip — cegah horizontal scroll tanpa bikin scroll container baru
   (tidak seperti hidden, clip tidak block position:sticky) */
html {
    overflow-x: clip;
}

body {
    font-family: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1e1b4b !important;
    background-color: #fdfcff;
    overflow-x: clip;
}

a {
    color: #4f46e5;
    text-decoration: none;
    transition: color 0.3s ease;
}

strong, b {
    font-weight: 600;
}

a:hover {
    color: #4338ca;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===========================
   HEADER
   =========================== */

.site-header {
    background: #ffffff;
    padding: 12px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
    position: relative;
    z-index: 200;
}

/* Search page: header nempel atas */
.search .site-header,
.search-results .site-header,
.search-no-results .site-header,
.search-results-page .site-header {
    margin-bottom: 0;
}

/* Search page: sembunyiin search toggle & form di header — udah ada di konten */
.search .search-toggle,
.search .search-form-container,
.search-results .search-toggle,
.search-results .search-form-container,
.search-no-results .search-toggle,
.search-no-results .search-form-container {
    display: none;
}

/* Single post: header langsung ke hero */
.single .site-header,
.single-post .site-header {
    margin-bottom: 0;
}

.search-main {
    padding: 0;
}

.search-main > .container {
    padding-top: 0;
}

.home .site-header .header-flex {
    align-items: flex-start;
}

.header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.site-title {
    font-size: 1.4em;
    font-weight: 700;
    margin: 0;
}

.site-title a {
    color: #333;
    text-decoration: none;
    display: inline-flex;
    align-items: flex-end;
    gap: 8px;
}

.site-logo-mug {
    display: block;
    width: auto;
    height: 34px;
    object-fit: contain;
    flex-shrink: 0;
}

.site-logo-text {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@media (max-width: 480px) {
    .site-logo-mug {
        height: 28px;
    }

    .site-logo-text {
        font-size: 1.1rem;
    }
}

.site-description {
    color: #666;
    font-size: 0.9em;
    margin-top: 5px;
}

/* Navigation Menu */
.main-navigation .nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px;
}

.main-navigation .nav-menu li {
    margin: 0;
    padding: 0;
}

.main-navigation .nav-menu a {
    color: #333;
    font-weight: 500;
    font-size: 0.95rem;
    transition: color 0.3s ease;
}

.main-navigation .nav-menu a:hover {
    color: #6366f1;
}

/* Search Toggle Button */
.search-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: color 0.3s ease;
    border-radius: 50%;
    line-height: 1;
    flex-shrink: 0;
}

.search-toggle:hover {
    color: #6366f1;
    background: rgba(99, 102, 241, 0.1);
}

.search-toggle svg {
    display: block;
    flex-shrink: 0;
}

/* Search Form Container */
.search-form-container {
    position: absolute;
    top: 100%;
    right: 20px;
    margin-top: 10px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    z-index: 1000;
    min-width: 320px;
}

.search-form-container.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search-form {
    display: flex;
    gap: 8px;
    align-items: center;
}

.search-field {
    flex: 1;
    padding: 10px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.3s ease;
}

.search-field:focus {
    border-color: #6366f1;
}

.search-submit {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    border: none;
    color: #ffffff;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.search-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.search-submit svg {
    display: block;
}

/* Hamburger Menu */
.hamburger-menu {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 1001;
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.hamburger-menu:hover {
    background: #f8fafc;
}

.hamburger-menu span {
    display: block;
    width: 24px;
    height: 2.5px;
    background: #333;
    border-radius: 3px;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
}

.hamburger-menu span:nth-child(1) {
    width: 24px;
}

.hamburger-menu span:nth-child(2) {
    width: 20px;
}

.hamburger-menu span:nth-child(3) {
    width: 24px;
}

.hamburger-menu.active {
    background: #f8fafc;
}

.hamburger-menu.active span {
    background: #475569;
}

.hamburger-menu.active span:nth-child(1) {
    transform: translateY(8.5px) rotate(45deg);
    width: 24px;
}

.hamburger-menu.active span:nth-child(2) {
    opacity: 0;
    transform: translateX(-10px);
}

.hamburger-menu.active span:nth-child(3) {
    transform: translateY(-8.5px) rotate(-45deg);
    width: 24px;
}

/* ===========================
   BLOG GRID
   =========================== */

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
    margin-bottom: 60px;
}

/* ===========================
   CARD STYLING
   =========================== */

.post-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

/* Image */
.post-card-image {
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

.post-card-image img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.post-card:hover .post-card-image img {
    transform: scale(1.05);
}

/* Content */
.post-card-content {
    padding: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Meta */
.post-meta {
    font-size: 0.85em;
    color: #666;
    margin-bottom: 10px;
}

.post-meta a {
    color: #666;
}

.post-meta a:hover {
    color: #6366f1;
}

.post-meta span:not(:last-child)::after {
    content: " • ";
    margin: 0 5px;
}

/* Title */
.post-card-title {
    font-size: 1.3em;
    line-height: 1.4em;
    margin: 0 0 15px 0;

    /* Truncate to 3 lines */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.2em;
}

.post-card-title a {
    color: #333;
}

.post-card-title a:hover {
    color: #6366f1;
}

/* Excerpt */
.post-card-excerpt {
    color: #666;
    font-size: 0.95em;
    line-height: 1.6em;
    flex: 1;

    /* Truncate to 4 lines */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 6.4em;
}

/* ===========================
   PAGINATION
   =========================== */

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 40px 0;
}

/* Nomor halaman — bulat sempurna */
.pagination a,
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 50%;
    color: #374151;
    font-size: 0.9rem;
    line-height: 1;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Prev & Next — pill, bukan circle */
.pagination a.prev,
.pagination a.next {
    width: auto;
    padding: 0 16px;
    border-radius: 8px;
    white-space: nowrap;
    font-size: 0.85rem;
    color: #4338ca;
    background: rgba(99, 102, 241, 0.08);
}

.pagination a.prev:hover,
.pagination a.next:hover {
    background: rgba(99, 102, 241, 0.10);
    color: #4338ca;
}

/* Dots (…) */
.pagination .dots {
    width: auto;
    padding: 0 4px;
    color: #9ca3af;
    border-radius: 0;
    background: none !important;
}

.pagination a:hover {
    color: #4f46e5;
    background: rgba(99, 102, 241, 0.08);
}

.pagination .current {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #ffffff;
}

/* Mobile — prev/next sedikit lebih lebar */
@media (max-width: 560px) {
    .pagination a.prev,
    .pagination a.next {
        padding: 0 18px;
        height: 38px;
        font-size: 0.88rem;
    }
}

/* ===========================
   404 PAGE
   =========================== */

.error404-wrap {
    max-width: 560px;
    margin: 0 auto;
    padding: 80px 24px 100px;
    text-align: center;
}

.error404-icon {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.error404-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 12px;
}

.error404-desc {
    font-size: 1rem;
    color: #64748b;
    margin: 0 0 36px;
    line-height: 1.7;
}

.error404-search {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f1f5f9;
    border-radius: 12px;
    padding: 6px 10px 6px 18px;
    margin-bottom: 24px;
}

.error404-search input[type="search"] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.95rem;
    color: #1e293b;
    outline: none;
    padding: 8px 0;
}

.error404-search input[type="search"]::placeholder {
    color: #94a3b8;
}

.error404-search button {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    border: none;
    border-radius: 8px;
    color: #fff;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity 0.2s;
}

.error404-search button:hover {
    opacity: 0.85;
}

.error404-home-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #6366f1;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}

.error404-home-btn svg {
    display: block;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.error404-home-btn:hover {
    color: #4338ca;
}

.error404-home-btn:hover svg {
    transform: translateX(-3px);
}

@media (max-width: 480px) {
    .error404-title {
        font-size: 1.3rem;
    }

    .error404-wrap {
        padding: 60px 20px 80px;
    }
}

/* ===========================
   SEARCH PAGE
   =========================== */

.search-hero {
    background: #f8f9fa;
    padding: 28px 0 24px;
    text-align: center;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 32px;
}

.search-hero-label {
    font-size: 0.85rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 6px;
}

.search-hero-query {
    font-size: 1.9rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 8px;
    word-break: break-word;
}

.search-hero-count {
    font-size: 0.9rem;
    color: #6366f1;
    font-weight: 500;
    margin: 0 0 24px;
}

.search-hero-form {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1.5px solid #e0e7ff;
    border-radius: 12px;
    padding: 6px 8px 6px 18px;
    max-width: 440px;
    width: 100%;
}

.search-hero-form input[type="search"] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.95rem;
    color: #1e293b;
    outline: none;
    padding: 6px 0;
    min-width: 0;
}

.search-hero-form input[type="search"]::placeholder {
    color: #94a3b8;
}

.search-hero-form button {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    border: none;
    border-radius: 8px;
    color: #fff;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity 0.2s;
    line-height: 1;
    padding: 0;
}

.search-hero-form button svg {
    display: block;
    flex-shrink: 0;
}

.search-hero-form button:hover {
    opacity: 0.85;
}

/* Skeleton Loader */
@keyframes shimmer {
    0% { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

.skeleton {
    background: #e2e8f0;
    background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
    background-size: 800px 100%;
    animation: shimmer 1.5s infinite ease-in-out;
    border-radius: 6px;
}

.skeleton-card {
    pointer-events: none;
}

.skeleton-image {
    width: 100%;
    height: 200px;
    border-radius: 0;
}

.skeleton-meta {
    display: inline-block;
    width: 120px;
    height: 14px;
}

.skeleton-line {
    height: 14px;
}

.skeleton-line.w-100 { width: 100%; }
.skeleton-line.w-75 { width: 75%; }
.skeleton-line.w-60 { width: 60%; }

/* No results state */
.search-hero.no-results {
    padding-bottom: 48px;
}

.search-no-results {
    text-align: center;
    padding: 48px 20px 64px;
    color: #64748b;
}

.search-no-results svg {
    margin-bottom: 20px;
    opacity: 0.7;
}

.search-no-results h2 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 10px;
    word-break: break-word;
}

.search-no-results p {
    font-size: 0.95rem;
    margin: 0 0 24px;
}

@media (max-width: 480px) {
    .search-hero-query {
        font-size: 1.4rem;
    }

    .search-hero {
        padding: 36px 16px 28px;
    }
}

/* ===========================
   FOOTER
   =========================== */

.site-footer {
    background: transparent;
    padding: 30px 0;
    margin-top: 60px;
    text-align: center;
    color: #333;
    font-size: 0.85em;
    box-shadow: none;
}

.footer-links {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.footer-links a {
    color: #374151;
    transition: color 0.2s ease;
    padding: 0 4px;
}

.footer-links a:hover {
    color: #4f46e5;
}

.footer-links .separator {
    color: #d1d5db;
    margin: 0 2px;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 992px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px;
    }

    .hamburger-menu {
        display: flex;
    }

    .main-navigation {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100vh;
        background: #ffffff;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1);
        padding: 80px 30px 30px;
        transition: left 0.3s ease;
        z-index: 1000;
        overflow-y: auto;
    }

    .main-navigation.active {
        left: 0;
    }

    .main-navigation .nav-menu {
        flex-direction: column;
        gap: 0;
    }

    .main-navigation .nav-menu li {
        width: 100%;
        border-bottom: 1px solid #f3f4f6;
    }

    .main-navigation .nav-menu a {
        display: block;
        padding: 16px 0;
        font-size: 1rem;
    }

    .search-form-container {
        right: 10px;
        min-width: 280px;
    }
}

@media (max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .site-header {
        margin-bottom: 20px;
        position: relative;
    }

    .post-card-content {
        padding: 20px;
    }

    .search-form-container {
        min-width: 260px;
    }

}

/* ===========================
   SINGLE POST - CLEAN & MODERN
   =========================== */

/* Single post main */
.single-main {
    padding: 0;
    overflow-x: clip; /* clip = tidak bikin scroll container, sticky tetap jalan */
}

.article-single {
    overflow-x: clip;
}

/* Hero Section with Clean Light Background */
.article-hero {
    background: #f1f5f9;
    padding: 70px 0 90px 0;
    position: relative;
    text-align: left;
    /* Cegah auto ads yang inject di sini dari melebarkan hero */
    overflow-x: clip;
}

.article-hero-inner {
    max-width: calc(920px + 280px + 32px);
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: flex-start;
}

.article-hero-content {
    max-width: 920px;
    margin: -20px 0 0 0;
    padding: 0 26px;
    box-sizing: border-box;
}

/* Breadcrumb */
.breadcrumb {
    font-size: 0.8rem;
    margin-bottom: 15px;
    color: #4b5563;
    text-align: left;
}

.breadcrumb a {
    color: #4338ca;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb a:hover {
    color: #5b21b6;
    text-decoration: underline;
}

.breadcrumb .separator {
    margin: 0 4px;
    color: #6b7280;
}

.breadcrumb .current {
    color: #4b5563;
    font-weight: 400;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.article-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px 0;
    color: #1e293b;
    text-shadow: none;
}

.article-meta {
    font-size: 0.85rem;
    color: #475569;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
}

.author-name {
    font-weight: 400;
    color: #475569;
}

.article-category {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #4338ca;
}

.article-category svg {
    color: #4338ca;
    flex-shrink: 0;
    position: relative;
    top: -0.5px;
}

.article-category a {
    color: #4338ca;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    background: none;
    padding: 0;
    border-radius: 0;
    border: none;
    text-decoration: none;
    transition: color 0.2s ease;
}

.article-category a:hover {
    color: #3730a3;
    background: none;
}

/* Featured Image - overlapping hero */
.article-featured-image {
    width: 100%;
    max-width: 920px;
    box-sizing: border-box;
    margin: -80px 0 0 0;
    padding: 0;
    position: relative;
    z-index: 2;
    /* aspect-ratio dihapus — img sudah punya width/height attr dari WP,
       browser otomatis hitung ratio untuk CLS prevention */
}

.article-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

/* Content Wrapper - Contains article + sidebar */
.content-wrapper {
    max-width: 1560px;
    margin: 0 auto;
    padding: 40px 20px 60px 20px;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 260px;
    gap: 40px;
    position: relative;
    align-items: flex-start;
    justify-content: center;
}

/* Article Container - Main content, centered */
.article-main-column {
    grid-column: 2;
    width: 100%;
    max-width: 920px;
    justify-self: start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: visible;
    min-width: 0;
}

.article-container {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -105px;
    padding: 0 40px 36px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
    border: 1px solid #f1f5f9;
    overflow: hidden;
    box-sizing: border-box;
}

/* Featured image di dalam card — flush ke atas & full-width */
.article-container .article-featured-image {
    margin: 0 -40px 32px -40px;
    width: calc(100% + 80px);
    max-width: calc(100% + 80px);
}

.article-container .article-featured-image img {
    border-radius: 0;
    box-shadow: none;
}

/* Sidebar - Positioned on the right */
.sidebar {
    grid-column: 3;
    width: 100%;
    margin-top: -160px;
    max-width: 260px;
    padding-right: 10px;
    justify-self: start;
    margin-left: auto;
    position: sticky;
    top: 20px;
    align-self: start;
}

.sidebar .widget {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    /* Reserve minimum space to reduce CLS */
    min-height: 100px;
}

.sidebar .widget-title,
.sidebar h2.widget-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 15px 0;
    color: #111827;
    padding-bottom: 10px;
    border-bottom: 2px solid #6366f1;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f4f6;
}

.sidebar li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.sidebar a {
    color: #374151;
    font-size: 0.95rem;
    transition: color 0.3s ease;
}

.sidebar a:hover {
    color: #6366f1;
}

.widget_categories ul {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.widget_categories li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 10px;
    border-radius: 8px;
    border-bottom: none;
    transition: background 0.2s ease;
}

.widget_categories li:hover {
    background: #f5f3ff;
}

.widget_categories li:last-child {
    border-bottom: none;
}

.widget_categories a {
    flex: 1;
    font-size: 0.9rem;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

/* Icon folder sebelum tiap kategori */
.widget_categories a::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.widget_categories a:hover {
    color: #4f46e5;
}

.widget_categories .category-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 6px;
    background: rgba(99, 102, 241, 0.1);
    color: #4f46e5;
    font-weight: 600;
    font-size: 0.78rem;
}

/* ===========================
   BRI/BCA CUSTOM HTML WIDGET
   =========================== */

.sidebar .widget_custom_html {
    position: relative;
    overflow: hidden;
}

/* Decorative bank/ATM icon di background */
.sidebar .widget_custom_html::before {
    content: '';
    position: absolute;
    right: -10px;
    top: -10px;
    width: 90px;
    height: 90px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.06;
    pointer-events: none;
    z-index: 0;
}

/* Image di dalam widget BRI */
.sidebar .widget_custom_html img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    position: relative;
    z-index: 1;
}

.sidebar .widget_custom_html a:hover img {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.15);
}

.sidebar .widget_custom_html div {
    position: relative;
    z-index: 1;
}

/* YouTube Feature Card (Sidebar) - Same style as Telegram */
.widget-youtube-card {
    position: relative;
    display: block;
    text-decoration: none;
    background: #ffffff;
    border: 1.5px solid #fee2e2;
    border-radius: 16px;
    padding: 24px;
    color: #111827;
    box-shadow: 0 4px 20px rgba(255, 0, 0, 0.07);
    overflow: hidden;
    margin-bottom: 35px;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.widget-youtube-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(255, 0, 0, 0.13);
}

/* Decorative large YT icon di background */
.widget-youtube-card::before {
    content: '';
    position: absolute;
    right: -18px;
    bottom: -18px;
    width: 120px;
    height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff0000' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.07;
    pointer-events: none;
}

.widget-youtube-card::after {
    display: none;
}

.sidebar .widget.widget-youtube-card {
    background: #ffffff !important;
    padding: 24px;
    border-radius: 16px;
    color: #111827;
}

/** Telegram CTA widget */
.widget-telegram-cta {
    position: relative;
    display: block;
    text-decoration: none;
    background: #ffffff;
    border: 1.5px solid #bae6fd;
    border-radius: 16px;
    padding: 24px;
    color: #111827;
    box-shadow: 0 4px 20px rgba(29, 161, 242, 0.07);
    overflow: hidden;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.widget-telegram-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(29, 161, 242, 0.13);
}

/* Decorative large Telegram icon di background */
.widget-telegram-cta::before {
    content: '';
    position: absolute;
    right: -16px;
    bottom: -16px;
    width: 120px;
    height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231da1f2' d='M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.12L7.17 13.67l-2.96-.924c-.643-.204-.657-.643.136-.953l11.57-4.461c.537-.194 1.006.131.978.889z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.07;
    pointer-events: none;
}

.widget-telegram-cta::after {
    display: none;
}

.sidebar .widget.widget-telegram-cta {
    background: #ffffff !important;
    padding: 24px;
    border-radius: 16px;
    color: #111827;
    min-height: unset;
}

.telegram-cta-content {
    display: block;
    position: relative;
    z-index: 1;
}

.telegram-icon {
    width: 52px;
    height: 52px;
    background: rgba(29, 161, 242, 0.1);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 0 14px 0;
}

.telegram-icon::after {
    display: none;
}

.telegram-icon svg {
    width: 28px;
    height: 28px;
    fill: #1da1f2;
}

.telegram-cta-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 4px 0;
    color: #111827;
}

.telegram-cta-subtitle {
    margin: 0 0 12px 0;
    color: #6b7280;
    font-size: 0.85rem;
}

.telegram-cta-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1da1f2 0%, #0a85cc 100%);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85rem;
    margin-top: 10px;
    box-shadow: 0 4px 14px rgba(29, 161, 242, 0.3);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.telegram-cta-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(29, 161, 242, 0.4);
}

.yt-content {
    display: block;
    position: relative;
    z-index: 1;
    text-align: left;
}

.yt-icon {
    width: 52px;
    height: 52px;
    background: rgba(255, 0, 0, 0.08);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 0 14px 0;
}

.yt-icon::after {
    display: none;
}

.yt-icon svg {
    width: 28px;
    height: 28px;
    fill: #ff0000;
}

.yt-label {
    font-size: 0.82rem;
    text-transform: none;
    letter-spacing: 0;
    margin: 0 0 4px 0;
    color: #6b7280;
    line-height: 1.4;
}

.widget-youtube-card .widget-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 12px 0;
    color: #111827;
    padding: 0;
    border: none;
}

.yt-subscribe-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85rem;
    margin-top: 10px;
    box-shadow: 0 4px 14px rgba(255, 0, 0, 0.3);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.yt-subscribe-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(255, 0, 0, 0.4);
}

/* Article inline variant */
.article-content .widget-youtube-card {
    max-width: 520px;
    margin: 30px auto;
    padding: 30px;
    border-radius: 20px;
    /* border: 1px solid #e5e7eb; */
    background: #ffffff;
    color: #111827;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08);
}

.article-content .widget-youtube-card::after {
    display: none;
}

.article-content .yt-card-header {
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.article-content .yt-logo {
    display: none;
}

.article-content .yt-label {
    color: #6b7280;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.95rem;
    margin-bottom: 0;
}

.article-content .widget-title {
    color: #111827;
    font-size: 1.2rem;
}

.article-content .yt-subscribe-button {
    width: auto;
    margin-top: 16px;
    padding: 10px 24px;
    align-self: flex-start;
    background: #ff4d4d;
    color: #ffffff;
}

/* Article Content - Clean Typography */
.article-content {
    font-size: 1.125rem;
    line-height: 1.9;
    color: #1e1b4b !important;
    padding: 0;
    max-width: 100%;
    display: flow-root;
    word-wrap: break-word;
}

/* Auto Ads Google di dalam article — langsung .article-content > ins */
.article-content > ins.adsbygoogle {
    margin: -0.5em 0 1.5em 0 !important;
}

.article-content a {
    color: #3730a3;
    text-decoration: underline;
    text-decoration-color: rgba(55, 48, 163, 0.3);
    text-underline-offset: 3px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.article-content a:hover {
    color: #312e81;
    text-decoration-color: #312e81;
}

.article-content>*:first-child {
    margin-top: 0;
}

.article-content p {
    margin-bottom: 1.75em;
}

/* Kalau <p> wrapping image sendirian → clip border-radius biar bg di bawah ga keliatan */
.article-content p:has(> img:only-child) {
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
    margin-bottom: 0;
}

.article-content h2 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 2.5em 0 0.75em 0;
    color: #111827;
    position: relative;
    padding-bottom: 12px;
}

.article-content h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%);
    border-radius: 2px;
}

.article-content h2.h3-size::after {
    display: none;
}

.article-content h3,
.article-content h2.h3-size {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 2em 0 0.75em 0;
    color: #1f2937;
}

.article-content h4,
.article-content h3.h4-size {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 1.75em 0 0.5em 0;
    color: #374151;
}

.article-content a {
    color: #4f46e5;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: rgba(79, 70, 229, 0.3);
    text-underline-offset: 3px;
    border-bottom: none;
    transition: all 0.2s ease;
}

.article-content a:hover {
    color: #4338ca;
    text-decoration-color: #4338ca;
}

.article-content img {
    max-width: 100% !important;
    width: auto;
    height: auto !important;
    border-radius: 10px;
    margin: 2.5em auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(99, 102, 241, 0.08);
    display: block;
    box-sizing: border-box;
}

/* Fix: WP block image dengan alignment */
.article-content .wp-block-image img,
.article-content .aligncenter img,
.article-content .alignleft img,
.article-content .alignright img {
    max-width: 100% !important;
    height: auto !important;
}

/* Alignfull / alignwide jangan overflow */
.article-content .alignfull,
.article-content .alignwide {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.article-content iframe {
    max-width: 100%;
    border-radius: 12px;
    margin: 2.5em 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    display: block;
    /* YouTube embeds are typically 16:9 */
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

.article-content figure {
    margin: 2.5em 0;
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
}

.article-content figure img {
    margin-bottom: 0;
    margin-top: 0;
}

.article-content figcaption {
    font-size: 0.85rem;
    color: #6b7280;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 0;
    font-style: normal;
    line-height: 1.5;
}

.article-content ul,
.article-content ol {
    margin: 1.75em 0;
    padding-left: 2em;
}

.article-content li {
    margin-bottom: 0.85em;
    line-height: 1.8;
}

.article-content ul li {
    position: relative;
    list-style: none;
}

.article-content ul li::before {
    content: '▸';
    position: absolute;
    left: -1.5em;
    color: #6366f1;
    font-weight: bold;
}

.article-content blockquote {
    border-left: 4px solid #6366f1;
    padding: 1em 2em 1em 2.4em;
    margin: 1.5em 0;
    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
    border-radius: 0 8px 8px 0;
    font-size: 1em;
    font-weight: 500;
    color: #1f2937;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.9;
}

.article-content blockquote>* {
    margin: 0;
}

.article-content blockquote::before {
    content: '"';
    font-size: 3.2rem;
    color: #6366f1;
    opacity: 0.45;
    position: absolute;
    top: -18px;
    left: 10px;
    font-family: Georgia, serif;
}

.article-content code {
    background: #f8fafc;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 0.9em;
    color: #1e293b;
    border: none !important;
}

.article-content pre,
.article-content pre.prettyprint {
    background: #282c34 !important;
    color: #abb2bf !important;
    padding: 1.5em;
    border-radius: 10px;
    overflow-x: auto;
    margin: 2.5em 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: none !important;
    white-space: pre;
    word-break: normal;
    font-size: 0.82rem;
    line-height: 1.7;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    /* Scrollbar dark — Firefox */
    scrollbar-width: thin;
    scrollbar-color: #4b5263 #21252b;
}
/* Scrollbar dark — Webkit */
.article-content pre::-webkit-scrollbar,
.article-content pre.prettyprint::-webkit-scrollbar {
    height: 6px;
}
.article-content pre::-webkit-scrollbar-track,
.article-content pre.prettyprint::-webkit-scrollbar-track {
    background: #21252b;
    border-radius: 0 0 10px 10px;
}
.article-content pre::-webkit-scrollbar-thumb,
.article-content pre.prettyprint::-webkit-scrollbar-thumb {
    background: #4b5263;
    border-radius: 3px;
}
.article-content pre::-webkit-scrollbar-thumb:hover,
.article-content pre.prettyprint::-webkit-scrollbar-thumb:hover {
    background: #636d83;
}

.article-content pre code {
    background: transparent !important;
    color: #f9fafb !important;
    padding: 0;
    border: none !important;
    white-space: inherit;
}

/* Article Footer */
.article-footer {
    margin-top: 60px;
    padding: 35px 0 0 0;
    border-top: 3px solid #f3f4f6;
}

.article-tags {
    font-size: 0.95rem;
    margin-top: 24px;
}

.tags-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tags-label {
    font-weight: 600;
    color: #374151;
    margin-right: 4px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.tags-label svg {
    color: #6366f1;
    flex-shrink: 0;
}

.article-tags a {
    display: inline-block;
    background: #f8fafc;
    color: #4338ca;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.88rem;
    font-weight: 500;
    transition: background 0.2s ease, color 0.2s ease;
    border: none;
}

.article-tags a::before {
    content: '#';
    color: #6366f1;
    font-weight: 700;
    margin-right: 1px;
}

.article-tags a:hover {
    color: #3730a3;
    background: #f1f5f9;
    transform: none;
}

/* Custom Share Buttons */

.share-buttons {
    margin-top: 24px;
    padding: 12px 0 0 0;
}

.share-buttons-title {
    font-size: 0.7rem;
    font-weight: 700;
    color: #94a3b8;
    margin: 0 0 10px 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
}

.share-buttons-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
}

.share-button {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #ffffff;
    border: 1.5px solid #f1f5f9;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

.share-button svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: #64748b;
}

.share-button span {
    display: none;
}

.share-button:hover {
    transform: translateY(-2px);
    color: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

.share-button:hover svg {
    color: #fff;
}

.share-button svg path,
.share-button svg rect,
.share-button svg circle {
    fill: currentColor !important;
}

.share-facebook:hover { background: #1877f2; border-color: #1877f2; }
.share-twitter:hover  { background: #1da1f2; border-color: #1da1f2; }
.share-whatsapp:hover { background: #25d366; border-color: #25d366; }
.share-linkedin:hover { background: #0077b5; border-color: #0077b5; }
.share-telegram:hover { background: #0088cc; border-color: #0088cc; }

/* Hide Jetpack/Plugin Sharing Buttons */
.sd-sharing,
.sd-social,
.sd-social-icon,
.robots-nocontent,
.sharedaddy,
.sd-block,
.sd-content {
    display: none !important;
}

/* Responsive */
@media (max-width: 1280px) {
    .content-wrapper {
        grid-template-columns: minmax(0, 1fr) 280px;
        max-width: 1100px;
        padding: 40px 20px 60px 20px;
        gap: 50px;
    }

    .toc-sidebar {
        display: none;
    }

    .toc-inline {
        display: block;
    }

    .article-main-column {
        grid-column: 1;
        max-width: 100%;
    }

    .sidebar {
        grid-column: 2;
    }
}

@media (max-width: 1200px) {
    .content-wrapper {
        grid-template-columns: 1fr;
        max-width: 900px;
        padding: 30px 20px 50px 20px;
    }

    .article-main-column {
        max-width: 100%;
    }

    .article-container {
        margin-top: -65px;
        padding: 0 20px 28px;
        border-radius: 12px;
    }

    .article-container .article-featured-image {
        margin: 0 -20px 24px -20px;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
    }

    .article-featured-image {
        max-width: 880px;
        margin: 0 auto 30px auto;
        box-sizing: border-box;
    }

    .article-hero-inner {
        justify-content: center;
    }

    .sidebar {
        grid-column: 1;
        width: 100%;
        max-width: 600px;
        margin: 35px auto 0;
        position: static;
    }
}

@media (max-width: 992px) {
    .header-flex {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .header-flex>div:first-child {
        text-align: left;
    }

    .site-description {
        display: none;
    }

    .main-navigation .nav-menu {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .main-navigation .nav-menu {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .main-navigation .nav-menu li {
        width: 100%;
    }

    .main-navigation .nav-menu a {
        display: block;
        padding: 12px;
        border-radius: 10px;
    }

    .article-hero {
        padding: 60px 0 50px 0;
    }

    .article-hero-content {
        padding: 0;
    }

    .article-title {
        font-size: 1.75rem;
        margin-bottom: 16px;
    }

    .article-meta {
        font-size: 0.8rem;
        margin-bottom: 0;
    }

    .article-main-column {
        max-width: 100%;
        width: 100%;
        min-width: 0;
    }

    .article-featured-image {
        width: 100%;
        max-width: 100%;
        margin: -50px 0 20px 0;
        padding: 0;
        box-sizing: border-box;
    }

    .article-featured-image img {
        border-radius: 8px;
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }

    body {
        overflow-x: clip;
    }

    .content-wrapper {
        padding: 40px 20px;
    }

    .sidebar {
        margin-top: 30px;
    }

    .article-content {
        font-size: 1rem;
    }

    .article-content h2 {
        font-size: 1.5rem;
    }

    .article-content h3 {
        font-size: 1.25rem;
    }

    .article-content h4 {
        font-size: 1.1rem;
    }

    /* Page template mobile */
    .post-card.type-page {
        padding: 40px 20px !important;
        margin: 30px 10px !important;
    }

    .post-card.type-page .post-card-title {
        font-size: 1.6rem !important;
    }

    /* Form full width di mobile */
    .post-card.type-page input[type="text"],
    .post-card.type-page input[type="email"],
    .post-card.type-page input[type="tel"],
    .post-card.type-page input[type="url"],
    .post-card.type-page textarea,
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="tel"],
    .wpcf7 input[type="url"],
    .wpcf7 textarea,
    .fl-form-field input[type="text"],
    .fl-form-field input[type="email"],
    .fl-form-field input[type="tel"],
    .fl-form-field textarea {
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    .post-card.type-page input[type="submit"],
    .post-card.type-page button[type="submit"],
    .wpcf7 input[type="submit"],
    .wpcf7 button[type="submit"] {
        width: 100% !important;
    }

    /* Tags — mobile */
    .article-tags {
        font-size: 1rem;
    }

    .article-tags a {
        font-size: 0.9rem;
        padding: 5px 12px;
    }
}

/* ===========================
   PAGE TEMPLATE STYLES (For Pages in Index Template)
   =========================== */

/* Override grid layout for pages */
.page .blog-grid {
    display: block !important;
    grid-template-columns: none !important;
}

/* Page container with gradient background */
.post-card.type-page {
    background: linear-gradient(135deg, #ffffff 0%, #faf9fe 100%);
    box-shadow: 0 8px 32px rgba(99, 102, 241, 0.12);
    border-radius: 16px;
    max-width: 850px;
    width: 100%;
    margin: 60px auto;
    padding: 70px 80px;
    border: 1px solid rgba(99, 102, 241, 0.08);
}

.post-card.type-page .post-card-content {
    padding: 0;
    max-width: 100%;
    margin: 0;
}

.post-card.type-page .post-card-content>* {
    margin-top: 0 !important;
}

.post-card.type-page .post-card-content>*:first-child {
    margin-top: 0 !important;
}

.post-card.type-page .post-meta {
    display: none;
}

/* Page Title with accent */
.post-card.type-page .post-card-title {
    /* font-size: 3rem; */
    font-weight: 700;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    border-bottom: none;
    position: relative;
    color: #111827;
}

.post-card.type-page .post-card-title::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);
    border-radius: 3px;
}

.post-card.type-page .post-card-title a {
    color: #111827;
    pointer-events: none;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.post-card.type-page .post-card-excerpt {
    font-size: 1.05rem;
    line-height: 1.9;
    color: #374151;
    line-clamp: unset;
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
    margin-top: 15px !important;
    padding-top: 0 !important;
}

.post-card.type-page .post-card-excerpt>*:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove excessive line breaks and WordPress block spacing */
.post-card.type-page .post-card-excerpt br {
    display: none !important;
}

.post-card.type-page .post-card-excerpt>br {
    display: none !important;
}

/* WordPress Gutenberg Block Spacing - AGGRESSIVE FIX */
.post-card.type-page .post-card-excerpt .wp-block-paragraph,
.post-card.type-page .post-card-excerpt .wp-block-quote,
.post-card.type-page .post-card-excerpt .wp-block-heading,
.post-card.type-page .post-card-excerpt .wp-block-image,
.post-card.type-page .post-card-excerpt .wp-block-list,
.post-card.type-page .post-card-excerpt>div,
.post-card.type-page .post-card-excerpt>p,
.post-card.type-page .post-card-excerpt>blockquote {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-top: 0 !important;
}

.post-card.type-page .fl-row,
.post-card.type-page .fl-col,
.post-card.type-page .fl-module,
.post-card.type-page .fl-col-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.post-card.type-page .wp-block-jetpack-contact-form-container {
    margin-top: 30px !important;
}

.post-card.type-page .post-card-excerpt p {
    margin-top: 0 !important;
}

.post-card.type-page .post-card-excerpt p:first-child {
    font-size: 1.15rem;
    color: #6b7280;
    margin-top: 0 !important;
    margin-bottom: 20px;
}

.post-card.type-page .post-card-excerpt p:empty {
    display: none;
}

/* Contact Form 7 & Beaver Builder Form Styling */
.post-card.type-page .wpcf7,
.post-card.type-page .fl-module-contact-form,
.post-card.type-page form {
    margin-top: 30px;
}

.post-card.type-page input[type="text"],
.post-card.type-page input[type="email"],
.post-card.type-page input[type="tel"],
.post-card.type-page input[type="url"],
.post-card.type-page textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.fl-form-field input[type="text"],
.fl-form-field input[type="email"],
.fl-form-field input[type="tel"],
.fl-form-field textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid #e5e7eb !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    margin-bottom: 20px !important;
    font-family: 'Inter', 'Open Sans', sans-serif !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.post-card.type-page input:focus,
.post-card.type-page textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.fl-form-field input:focus,
.fl-form-field textarea:focus {
    border-color: #6366f1 !important;
    background: #faf9fe !important;
    outline: none !important;
}

.post-card.type-page input[type="submit"],
.post-card.type-page button[type="submit"],
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"],
.fl-button,
.fl-form-button {
    background: #6366f1 !important;
    color: #ffffff !important;
    padding: 14px 40px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: 'Inter', 'Open Sans', sans-serif !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3) !important;
}

.post-card.type-page input[type="submit"]:hover,
.post-card.type-page button[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover,
.fl-button:hover,
.fl-form-button:hover {
    background: #4f46e5 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4) !important;
}

.post-card.type-page label,
.wpcf7 label,
.fl-form-field label {
    display: block !important;
    margin-bottom: 8px !important;
    color: #111827 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

.wpcf7-response-output {
    border: none !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    margin: 20px 0 0 0 !important;
    font-weight: 500 !important;
}

.wpcf7-mail-sent-ok {
    background: #d1fae5 !important;
    color: #065f46 !important;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
    background: #fee2e2 !important;
    color: #991b1b !important;
}

/* Beaver Builder specific */
.fl-form-field {
    margin-bottom: 20px !important;
}

.fl-form .fl-input-group {
    margin-bottom: 0 !important;
}

.page-content ul,
.page-content ol {
    margin: 1em 0;
    padding-left: 2em;
}

.page-content li {
    margin-bottom: 0.5em;
}

/* Contact Form Styling */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 1rem;
    margin-bottom: 15px;
}

.wpcf7-form input[type="submit"] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #ffffff;
    padding: 12px 30px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Sitemap Plugin */
.wp-sitemap-page,
.wspm_ele {
    overflow-x: visible !important;
}

/* Comments Card Wrapper */
#respond {
    background: #fdfcff;
    border: 1px solid #f1f0f7;
    border-radius: 16px;
    padding: 24px 40px 36px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    margin-top: 16px;
}

@media (max-width: 768px) {
    #respond {
        padding: 24px 20px;
        border-radius: 12px;
    }
}

/* Comments Section */
#comments {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

h3#comments {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 4px;
    color: #1e293b;
}

#comments + .navigation {
    display: none;
}

ol.commentlist {
    margin-top: 0 !important;
}

.commentlist > li:first-child .comment {
    padding-top: 0 !important;
}

.comment-list,
.commentlist {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.comment-list li,
.commentlist li,
#comments li,
.comment li {
    list-style: none !important;
    list-style-type: none !important;
    position: relative !important;
}

.comment-list li::before,
.commentlist li::before,
#comments li::before,
.comment li::before {
    display: none !important;
    content: none !important;
    position: static !important;
    left: auto !important;
    color: transparent !important;
    font-size: 0 !important;
}

.comment-list .children,
.commentlist .children {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-top: 10px !important;
    margin-left: 0 !important;
}

/* Indent by depth */
.commentlist li.depth-2 {
    margin-left: 25px !important;
}

.commentlist li.depth-3 {
    margin-left: 50px !important;
}

.commentlist li.depth-4 {
    margin-left: 75px !important;
}

.comment {
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    background: none;
    border-radius: 0;
}

.comment-author {
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
}

.comment-author a {
    color: #111827;
    text-decoration: none;
}

.comment-author a:hover {
    color: #6366f1;
}

.comment-author .says {
    display: none;
}

.comment-author .avatar {
    display: block;
    margin-right: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.comment-metadata {
    display: none;
}

.comment-form-url {
    display: none;
}

.comment-content p {
    margin: 0;
    line-height: 1.6;
    font-size: 0.9rem;
}

.comment-reply-link {
    font-size: 0.85rem;
    color: #4338ca;
    text-decoration: none;
    font-weight: 600;
    /* tap target mobile min 44px */
    display: inline-block;
    padding: 6px 10px;
    margin: -6px -10px;
}

.comment-reply-link:hover {
    color: #3730a3;
}

#respond {
    margin-top: 40px;
}

#reply-title {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 20px;
    color: #111827;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    font-size: 0.95rem;
    margin-bottom: 15px;
    font-family: inherit;
    background: #ffffff;
    color: #1e1b4b;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
    background: #ffffff;
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.comment-form .form-submit {
    text-align: right;
}

.comment-form input[type="submit"] {
    background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);
    color: #ffffff;
    padding: 12px 30px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
}

.comment-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.45);
}

/* Math Captcha alignment */
.math-captcha-form {
    text-align: left !important;
}

.math-captcha-form label {
    display: block;
    text-align: left !important;
    margin-bottom: 8px;
}

@media (max-width: 480px) {
    .site-header {
        padding: 14px 0;
    }

    .header-flex {
        gap: 8px;
    }

    .site-title {
        font-size: 1.2rem;
    }

    .main-navigation .nav-menu {
        gap: 8px;
    }

    .main-navigation .nav-menu a {
        padding: 10px 14px;
        font-size: 0.88rem;
    }

    .article-hero {
        padding: 40px 0 36px 0;
    }

    .article-title {
        font-size: 1.5rem;
    }

    .article-meta {
        font-size: 0.82rem;
    }

    .article-featured-image {
        width: 100%;
        max-width: 100%;
        margin: -40px 0 16px 0;
        padding: 0;
        box-sizing: border-box;
        overflow: hidden;
    }

    .article-featured-image img {
        border-radius: 6px;
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }

    body {
        overflow-x: clip;
    }

    .comment-form input[type="submit"] {
        width: 100%;
        display: block;
    }

}

/* ===========================
   JETPACK RELATED POSTS
   =========================== */

/* Judul "Artikel Terkait" */
#jp-relatedposts h3.jp-relatedposts-headline,
.jp-relatedposts h3.jp-relatedposts-headline {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #1e1b4b !important;
    margin-bottom: 16px !important;
}

@media (max-width: 768px) {
    #jp-relatedposts h3.jp-relatedposts-headline,
    .jp-relatedposts h3.jp-relatedposts-headline {
        font-size: 1.05rem !important;
    }
}

.jp-relatedposts-post-context {
    color: #374151 !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    opacity: 1 !important;
}

/* ===========================
   TABLE — RESPONSIVE & STYLED
   =========================== */

/* Wrapper scroll horizontal untuk semua tabel di konten artikel */
.article-content .table-scroll-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 2em 0;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(99, 102, 241, 0.08);
    box-sizing: border-box;
}

/* WP Gutenberg block table */
.article-content .wp-block-table,
.article-content figure.wp-block-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 2em 0;
}

.article-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    line-height: 1.6;
    background: #ffffff;
    min-width: 480px; /* biar tidak terlalu sempit saat di-wrap */
}

.article-content table th,
.article-content thead td {
    background: #1e293b;
    color: #f1f5f9;
    font-weight: 600;
    text-align: left;
    padding: 12px 16px;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.article-content table th:first-child,
.article-content thead td:first-child { border-radius: 10px 0 0 0; }
.article-content table th:last-child,
.article-content thead td:last-child  { border-radius: 0 10px 0 0; }

.article-content table td {
    padding: 11px 16px;
    border-bottom: 1px solid #ede9fe;
    color: #1e1b4b;
    vertical-align: top;
}

.article-content table tbody tr:nth-child(even) td {
    background: #f8fafc;
}

.article-content table tbody tr:hover td {
    background: #f1f5f9;
    transition: background 0.2s ease;
}

.article-content table tbody tr:last-child td {
    border-bottom: none;
}

.article-content table tbody tr:last-child td:first-child { border-radius: 0 0 0 10px; }
.article-content table tbody tr:last-child td:last-child  { border-radius: 0 0 10px 0; }

/* Mobile label agar tabel mudah dibaca (fallback tanpa JS) */
@media (max-width: 600px) {
    .article-content .table-scroll-wrap {
        border-radius: 8px;
    }

    /* Hint scroll indicator */
    .article-content .table-scroll-wrap::after {
        content: '← scroll →';
        display: block;
        text-align: center;
        font-size: 0.75rem;
        color: #8b8bbe;
        padding: 6px 0 4px;
        letter-spacing: 0.05em;
    }
}

/* ===========================
   CUSTOM WIDGET HTML UTILITIES
   =========================== */

/* Teks biasa di dalam widget */
.textwidget p,
.widget-text p {
    font-size: 0.92rem;
    line-height: 1.7;
    color: #374151;
    margin-bottom: 10px;
}

/* Info box */
.widget-info-box {
    background: linear-gradient(135deg, #f0f0fe 0%, #ede9fe 100%);
    border-left: 4px solid #6366f1;
    border-radius: 0 10px 10px 0;
    padding: 14px 16px;
    margin: 14px 0;
    font-size: 0.88rem;
    line-height: 1.6;
    color: #3730a3;
}

/* Warning / notice box */
.widget-notice-box {
    background: #fffbeb;
    border-left: 4px solid #f59e0b;
    border-radius: 0 10px 10px 0;
    padding: 14px 16px;
    margin: 14px 0;
    font-size: 0.88rem;
    color: #78350f;
}

/* CTA button dalam widget */
.widget-cta-btn {
    display: block;
    text-align: center;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #ffffff !important;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 11px 18px;
    border-radius: 10px;
    margin: 14px 0 0;
    text-decoration: none !important;
    border: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    letter-spacing: 0.02em;
}

.widget-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.35);
    color: #ffffff !important;
}

/* Stats / angka besar dalam widget */
.widget-stat {
    text-align: center;
    padding: 10px 0;
}

.widget-stat-number {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: #6366f1;
    line-height: 1;
    margin-bottom: 4px;
}

.widget-stat-label {
    font-size: 0.8rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Divider dalam widget */
.widget-divider {
    border: none;
    border-top: 2px solid #ede9fe;
    margin: 14px 0;
}

/* Highlight text */
.widget-highlight {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

/* Tag / badge kecil */
.widget-badge {
    display: inline-block;
    background: rgba(99, 102, 241, 0.12);
    color: #4f46e5;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 999px;
    letter-spacing: 0.04em;
}

/* ===========================
   UI POLISH TAMBAHAN
   =========================== */

/* Sidebar widget title — lebih clean */
.sidebar .widget-title,
.sidebar h2.widget-title {
    font-size: 1rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Card hover lebih halus */
.post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(99, 102, 241, 0.13);
}

/* Article hero background */
.article-hero {
    background: linear-gradient(160deg, #f4f4fd 0%, #faf9ff 60%, #f6f6f8 100%);
}

/* Category — no badge, plain colored text */
.article-category a {
    background: none;
    box-shadow: none;
}

/* Link hover underline style di artikel lebih halus */
.article-content a {
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

/* Post card title lebih tegas */
.post-card-title {
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Header shadow sedikit lebih elegan */
.site-header {
    box-shadow: 0 1px 0 #ede9fe, 0 2px 8px rgba(99, 102, 241, 0.06);
}

/* =====================================================
   DESKTOP SINGLE — align hero + narrow content
   Berlaku hanya di ≥1280px (saat toc-sidebar muncul)
   ===================================================== */
@media (min-width: 1280px) {
    /* Replika grid yang sama dengan content-wrapper
       supaya hero-content col-2 = article col-2, auto sejajar */
    .article-hero-inner {
        max-width: 1560px;
        padding: 0 20px;
        display: grid;
        grid-template-columns: 260px minmax(0, 1fr) 260px;
        gap: 40px;
    }

    .article-hero-content {
        grid-column: 2;
        max-width: 780px;
        width: 100%;
        justify-self: center;
        margin: -20px 0 0 0;
        padding: 0;
    }

    /* Max-width tetap ada, tapi di-center dalam kolom tengah */
    .article-main-column {
        max-width: 780px;
        width: 100%;
        justify-self: center;
    }

    .article-content {
        font-size: 1rem;
        line-height: 1.85;
    }

    /* Heading ikut proporsional */
    .article-content h2 {
        font-size: 1.55rem;
    }

    .article-content h3,
    .article-content h2.h3-size {
        font-size: 1.2rem;
    }
}

/* =====================================================
   TABLE OF CONTENTS — single.php
   ===================================================== */

/* ── Desktop Sidebar ── */
.toc-sidebar {
    grid-column: 1;
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #e2e8f0 transparent;
}

.toc-sidebar::-webkit-scrollbar { width: 3px; }
.toc-sidebar::-webkit-scrollbar-track { background: transparent; }
.toc-sidebar::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 3px; }

/* hide inline toc on desktop */
.toc-inline {
    display: none;
}

.toc-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

/* Toggle button */
.toc-widget-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 16px;
    background: none;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s;
}

.toc-widget-toggle:hover {
    background: #f8fafc;
}

.toc-widget-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.toc-widget-title svg {
    color: #6366f1;
    flex-shrink: 0;
}

.toc-chevron {
    color: #94a3b8;
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.toc-widget-toggle[aria-expanded="false"] .toc-chevron {
    transform: rotate(180deg);
}

/* Nav list */
.toc-nav {
    padding: 10px 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    max-height: 2000px;
    opacity: 1;
}

.toc-nav.is-collapsed {
    max-height: 0;
    opacity: 0;
    padding: 0;
}

.toc-nav ol,
.toc-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* H2 items */
.toc-nav > ol > li > a,
.toc-nav > ul > li > a {
    display: block;
    padding: 6px 16px;
    font-size: 0.82rem;
    color: #475569;
    text-decoration: none;
    line-height: 1.4;
    border-left: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.toc-nav > ol > li > a:hover,
.toc-nav > ul > li > a:hover {
    color: #6366f1;
    background: none;
    border-left-color: #6366f1;
}

.toc-nav > ol > li > a.toc-active,
.toc-nav > ul > li > a.toc-active {
    color: #6366f1;
    font-weight: 600;
    border-left-color: #6366f1;
    background: none;
}

/* H3 nested items */
.toc-nav ol ol,
.toc-nav ul ul {
    padding-left: 12px;
}

.toc-nav ol ol li a,
.toc-nav ul ul li a {
    display: block;
    padding: 5px 16px 5px 12px;
    font-size: 0.78rem;
    color: #64748b;
    text-decoration: none;
    line-height: 1.4;
    border-left: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.toc-nav ol ol li a:hover,
.toc-nav ul ul li a:hover {
    color: #6366f1;
    background: none;
    border-left-color: #c7d2fe;
}

.toc-nav ol ol li a.toc-active,
.toc-nav ul ul li a.toc-active {
    color: #6366f1;
    border-left-color: #c7d2fe;
    background: none;
}

/* ── Mobile / Tablet Inline ToC ── */
.toc-inline {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fafafa;
    margin-bottom: 8px;
}

.toc-inline-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 13px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    gap: 8px;
    transition: background 0.15s;
}

.toc-inline-toggle:hover {
    background: #f1f5f9;
}

.toc-inline-toggle > span {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #0f172a;
}

.toc-inline-toggle > span svg {
    color: #6366f1;
}

.toc-inline-toggle .toc-chevron {
    color: #94a3b8;
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.toc-inline-toggle[aria-expanded="true"] .toc-chevron {
    transform: rotate(180deg);
}

.toc-inline-nav {
    border-top: 1px solid #e2e8f0;
    padding: 10px 0;
    background: #ffffff;
}

.toc-inline-nav ol,
.toc-inline-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.toc-inline-nav > ol > li > a,
.toc-inline-nav > ul > li > a {
    display: block;
    padding: 7px 18px;
    font-size: 0.875rem;
    color: #475569;
    text-decoration: none;
    line-height: 1.4;
    border-left: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.toc-inline-nav > ol > li > a:hover,
.toc-inline-nav > ul > li > a:hover {
    color: #6366f1;
    border-left-color: #6366f1;
    background: #f5f3ff;
}

.toc-inline-nav ol ol,
.toc-inline-nav ul ul {
    padding-left: 14px;
}

.toc-inline-nav ol ol li a,
.toc-inline-nav ul ul li a {
    display: block;
    padding: 6px 18px 6px 14px;
    font-size: 0.82rem;
    color: #64748b;
    text-decoration: none;
    line-height: 1.4;
    border-left: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

.toc-inline-nav ol ol li a:hover,
.toc-inline-nav ul ul li a:hover {
    color: #6366f1;
    border-left-color: #c7d2fe;
    background: #f5f3ff;
}

/* =====================================================
   SHARE WIDGET — Kolom kiri sidebar desktop
   ===================================================== */
.share-widget {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}

.share-widget-title {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
    margin: 0 0 12px 0;
}

.share-widget .share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    background: #ffffff;
    color: #64748b;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.15s;
    flex-shrink: 0;
}

.share-btn:hover {
    transform: translateY(-2px);
}

.share-wa:hover  { background: #25D366; border-color: #25D366; color: #fff; }
.share-x:hover   { background: #000; border-color: #000; color: #fff; }
.share-fb:hover  { background: #1877F2; border-color: #1877F2; color: #fff; }
.share-tg:hover  { background: #229ED9; border-color: #229ED9; color: #fff; }

.share-copy:hover   { background: #6366f1; border-color: #6366f1; color: #fff; }
.share-copy.copied  { background: #10b981; border-color: #10b981; color: #fff; }

/* Hide after-content share buttons on desktop (ada di sidebar kiri) */
@media (min-width: 1280px) {
    .article-footer .share-buttons {
        display: none;
    }

    .article-footer {
        margin-top: 32px;
        padding-top: 0;
        border-top: none;
    }

    .article-footer .article-tags {
        margin-top: 0;
        padding-top: 24px;
        border-top: 3px solid #f3f4f6;
    }
}

img#wpstats{display:none}
.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .wp-lightbox-close-button{align-items:center;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 4px;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:0 0;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{height:1em;width:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{align-items:center;bottom:16px;cursor:pointer;display:flex;font-family:inherit;gap:4px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 8px;position:absolute;z-index:2000002}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}@media (min-width:960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background){background:0 0;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{display:block;height:1.5em;width:1.5em}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:2000001}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:0 0;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter {float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter {float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
.wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center}
.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}
@charset "UTF-8";.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important}
.amp-wp-article .wp-block-jetpack-button{color:#fff}.wp-block-jetpack-button.aligncenter,.wp-block-jetpack-button.alignleft,.wp-block-jetpack-button.alignright{display:block}.wp-block-jetpack-button.aligncenter{margin-left:auto;margin-right:auto}.wp-block-jetpack-button.alignleft{margin-right:auto}.wp-block-jetpack-button.alignright{margin-left:auto}.wp-block-jetpack-button{height:fit-content;margin:0;max-width:100%;width:fit-content}.wp-block-jetpack-button.is-style-outline>.wp-block-button__link{background-color:#0000;border:1px solid;color:currentColor}:where(.wp-block-jetpack-button:not(.is-style-outline) button){border:none}.wp-block-jetpack-button .spinner{display:none;fill:currentColor}.wp-block-jetpack-button .spinner svg{display:block}.wp-block-jetpack-button .is-submitting .spinner{display:inline}.wp-block-jetpack-button .is-visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.wp-block-jetpack-button .disable-spinner .spinner{display:none}
@charset "UTF-8";.visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.contact-form-submission .field-images .field-image-option.is-empty .field-image-option__image:after{background-color:var(--jetpack--contact-form--primary-color);content:"";height:20px;left:calc(50% - 10px);-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='%233858e9' d='M16.5 0h-14C1.4 0 .5.9.5 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2m-14 1.5h14c.3 0 .5.2.5.5v8.4l-3-2.9c-.3-.3-.8-.3-1 0L9.4 11 6.5 9c-.3-.2-.6-.2-.8 0l-3.6 2.6V2c-.1-.3.1-.5.4-.5m14 15h-14c-.3 0-.5-.2-.5-.5v-2.4l4.1-3 3 1.9c.3.2.7.2.9-.1L13.5 9l3.5 3.4V16c0 .3-.2.5-.5.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='%233858e9' d='M16.5 0h-14C1.4 0 .5.9.5 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2m-14 1.5h14c.3 0 .5.2.5.5v8.4l-3-2.9c-.3-.3-.8-.3-1 0L9.4 11 6.5 9c-.3-.2-.6-.2-.8 0l-3.6 2.6V2c-.1-.3.1-.5.4-.5m14 15h-14c-.3 0-.5-.2-.5-.5v-2.4l4.1-3 3 1.9c.3.2.7.2.9-.1L13.5 9l3.5 3.4V16c0 .3-.2.5-.5.5'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:calc(50% - 10px);width:20px}.contact-form-submission .field-images .field-image-option.is-empty .field-image-option__image:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}:root{--jetpack--contact-form--border:1px solid #8c8f94;--jetpack--contact-form--border-color:#8c8f94;--jetpack--contact-form--border-size:1px;--jetpack--contact-form--border-style:solid;--jetpack--contact-form--border-radius:0px;--jetpack--contact-form--input-padding:16px;--jetpack--contact-form--font-size:16px;--jetpack--contact-form--error-color:#b32d2e;--jetpack--contact-form--inverted-text-color:#fff}.contact-form .clear-form{clear:both}.contact-form input::placeholder,.contact-form textarea::placeholder{color:inherit;transition:opacity .3s ease-out}.contact-form input:hover::placeholder,.contact-form textarea:hover::placeholder{opacity:.5}.contact-form input:focus::placeholder,.contact-form textarea:focus::placeholder{opacity:.3}.jetpack-form-steps-wrapper{z-index:2}.jetpack-form-step{display:none}.jetpack-form-step.is-current-step{display:block;height:auto;opacity:1;overflow:visible;position:relative;visibility:visible;z-index:2}.contact-form .wp-block-button.is-hidden,.contact-form :is(.wp-block-button:has(button.is-hidden),.wp-block-jetpack-button:has(button.is-hidden)){display:none}:where(.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=url],.contact-form input[type=number],.contact-form input[type=time],.contact-form textarea,.contact-form .jetpack-field__input-element-wrap .jetpack-field__input-element){background-color:var(--jetpack--contact-form--input-background,field);border:1px solid #8c8f94;border-radius:0;box-sizing:border-box;font:inherit;padding:16px;width:100%}:where(.contact-form textarea){display:block;height:200px}.contact-form .grunion-field{padding-left:max(var(--jetpack--contact-form--input-padding-left,16px),var(--jetpack--contact-form--border-radius));padding-right:max(var(--jetpack--contact-form--input-padding-left,16px),var(--jetpack--contact-form--border-radius))}.contact-form .grunion-field-wrap :is(input,textarea){margin:0}.contact-form select{min-width:150px}.contact-form :is(input[type=checkbox],input[type=radio]){height:1em;margin:0 .75rem 0 0;min-width:1em;opacity:1;width:1em}.contact-form input[type=checkbox]{border-radius:4px;margin-left:0;top:0}.contact-form label{display:block;float:none}.contact-form :is(:where(label),:where(legend.grunion-field-label)){font-weight:700;margin-bottom:.25em}.contact-form :where(legend.grunion-field-label){padding:0}.contact-form :where(label.consent){font-size:var(--jetpack--contact-form--label--font-size,16px);font-weight:400}.contact-form label.consent{align-items:center;display:flex}.is-style-list.is-style-list label.consent{align-items:baseline}.contact-form label.consent-implicit input{display:none}.contact-form :is(:where(label.checkbox),:where(label.checkbox-multiple),:where(label.radio)){font-weight:inherit}.contact-form :is(label.checkbox-multiple,label.radio){flex:1;margin-bottom:0}.contact-form label[style*="--jetpack--contact-form--label--font-size"]{font-size:var(--jetpack--contact-form--label--font-size)}.contact-form :is(.grunion-checkbox-multiple-options,.grunion-radio-options){align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin:0}:where(.contact-form .grunion-checkbox-multiple-options),:where(.contact-form .grunion-radio-options){border:none;padding:0}:where(.contact-form .is-style-outlined .grunion-checkbox-multiple-options),:where(.contact-form .is-style-outlined .grunion-radio-options){border:1px solid var(--jetpack--contact-form--border-color)}.contact-form :is(.is-style-animated .grunion-checkbox-multiple-options,.is-style-animated .grunion-radio-options,.is-style-outlined .grunion-checkbox-multiple-options,.is-style-outlined .grunion-radio-options) legend{cursor:text;margin:0 0 -.75em;padding:0 .25em 10px;pointer-events:auto}.wp-block-jetpack-contact-form.is-style-outlined .wp-block-jetpack-options legend{align-items:baseline;display:flex;flex-wrap:wrap;padding:0 .25em;position:relative;top:calc(var(--jetpack--contact-form--border-top-size, 1px)/2*-1)}.contact-form :is(.grunion-checkbox-multiple-options,.grunion-radio-options) .contact-form-field{align-items:baseline;display:flex;margin:0}.contact-form :is(:where(.grunion-label-required),:where(label span.required)){font-size:85%;font-weight:400;margin-left:.25em}.contact-form-submission{box-sizing:border-box;margin:0 auto 4em;max-width:600px;padding:0;width:100%}.contact-form-submission:focus{border:none;outline:none}.contact-form-submission p{margin:0 auto;overflow-wrap:break-word}.contact-form-submission :where(.jetpack_forms_contact-form-custom-success-message) p{margin:revert}.contact-form-submission :where(.jetpack_forms_contact-form-custom-success-message){white-space:pre-wrap;text-wrap:pretty}.jetpack_forms_contact-form-custom-success-message+.jetpack_forms_contact-form-success-summary{margin-top:32px}.contact-form-submission h4{font-size:1.75rem;font-weight:500;line-height:1.3;margin-bottom:40px;margin-top:16px}.contact-form-submission .go-back-message{margin-bottom:0;margin-top:0;text-align:start}.contact-form-submission .go-back-message .link{color:inherit;cursor:pointer;font-size:.875rem;font-weight:400;text-decoration:none}.contact-form-submission .go-back-message .link:hover{text-decoration:underline}.contact-form-submission .jetpack_forms_contact-form-success-summary{border-bottom:1px solid color-mix(in srgb,currentcolor 20%,#0000);padding:24px 0}.contact-form-submission .jetpack_forms_contact-form-success-summary:first-of-type{border-top:1px solid color-mix(in srgb,currentcolor 20%,#0000)}.contact-form-submission .jetpack_forms_contact-form-success-summary>:is(.field-files,.field-images,.field-rating,.field-url,.field-value){margin-inline-start:28px}.contact-form-submission .field-name-wrapper{display:flex;gap:8px;margin-bottom:8px}.contact-form-submission .field-type-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;opacity:.6;width:20px}.contact-form-submission .field-type-icon svg{fill:currentColor;height:100%;width:100%}.contact-form-submission .field-name{color:inherit;font-size:.875rem;font-weight:400;opacity:.6}.contact-form-submission .field-images{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.contact-form-submission .field-images[hidden]{display:none}.contact-form-submission .field-images .field-image-option{border:1px solid var(--jetpack--contact-form--primary-color);border-radius:var(--jetpack--contact-form--border-radius,4px);box-sizing:border-box;padding:8px;width:196px}.contact-form-submission .field-images .field-image-option.is-empty .field-image-option__image{height:180px;position:relative}.contact-form-submission .field-images .field-image-option__image{margin:0;overflow:hidden}.contact-form-submission .field-images .field-image-option__image img{aspect-ratio:1/1;display:block;object-fit:cover;width:100%}.contact-form-submission .field-images .field-image-option__image img[hidden]{display:none}.contact-form-submission .field-images .field-image-option__label-wrapper{align-items:center;display:flex;gap:8px;padding-top:8px}.contact-form-submission .field-images .field-image-option__label-code{align-self:baseline;background-color:var(--jetpack--contact-form--input-background,field);border:1px solid var(--jetpack--contact-form--border-color,currentColor);border-radius:2px;color:var(--jetpack--contact-form--text-color,FieldText);display:flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1;padding:3px 6px}.contact-form-submission .field-images .field-image-option__label{color:inherit;font-size:.875rem;font-weight:500;min-width:1px;opacity:.8;overflow-wrap:break-word}.contact-form-submission .field-images .field-image-option__label[hidden]{display:none}.contact-form-submission .field-files{display:flex;flex-direction:column;gap:8px;margin-top:8px}.contact-form-submission .field-files[hidden]{display:none}.contact-form-submission .field-file{align-items:start;display:grid;gap:0 8px;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.contact-form-submission .field-file__thumbnail{align-self:center;aspect-ratio:1/1;background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;grid-row:span 2;height:46px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto;mask-size:auto;min-width:46px;width:46px}.contact-form-submission .field-file__thumbnail[hidden]{display:none}.contact-form-submission .field-file__icon{align-self:center;color:inherit;flex-shrink:0;grid-row:span 2;opacity:.6}.contact-form-submission .field-file__icon[hidden]{display:none}.contact-form-submission .field-file__name{color:inherit;font-size:1rem;font-weight:600}.contact-form-submission .field-file__size{color:inherit;font-size:.875rem;opacity:.6}.contact-form-submission .field-value{font-size:1rem;font-weight:600;margin-block-end:0;white-space:pre-wrap}.contact-form-submission .field-rating{display:flex;gap:4px;margin-block-end:0}.contact-form-submission .field-rating[hidden]{display:none}.contact-form-submission .field-rating .field-rating__icon{fill:none;height:24px;stroke:currentColor;stroke-linejoin:round;stroke-width:2;width:24px}.contact-form-submission .field-rating .field-rating__icon.is-filled{fill:currentColor}.contact-form-submission .screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.form-errors .form-error-message{color:var(--jetpack--contact-form--error-color)}.textwidget .contact-form input[type=email],.textwidget .contact-form input[type=number],.textwidget .contact-form input[type=tel],.textwidget .contact-form input[type=text],.textwidget .contact-form input[type=time],.textwidget .contact-form input[type=url],.textwidget .contact-form textarea,.wp-block-column .contact-form input[type=email],.wp-block-column .contact-form input[type=number],.wp-block-column .contact-form input[type=tel],.wp-block-column .contact-form input[type=text],.wp-block-column .contact-form input[type=time],.wp-block-column .contact-form input[type=url],.wp-block-column .contact-form textarea{width:100%}#jetpack-check-feedback-spam{margin:1px 8px 0 0}.jetpack-check-feedback-spam-spinner{display:inline-block;margin-top:7px}.wp-block-jetpack-form-step{display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:var(--wp--style--block-gap,1.5rem);justify-content:flex-start}.wp-block-jetpack-form-step>*{box-sizing:border-box;flex:0 0 100%}.wp-block-jetpack-contact-form:not(.is-layout-flex),:where(.has-no-jetpack-form-layout) .wp-block-jetpack-contact-form,:where(.wp-block-jetpack-contact-form.is-classic-layout){display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:var(--wp--style--block-gap,1.5rem);justify-content:flex-start}.wp-block-jetpack-contact-form:not(.is-layout-flex)>:not(.wp-block-jetpack-button,.wp-block-button),:where(.has-no-jetpack-form-layout) .wp-block-jetpack-contact-form>:not(.wp-block-jetpack-button,.wp-block-button),:where(.wp-block-jetpack-contact-form.is-classic-layout)>:not(.wp-block-jetpack-button,.wp-block-button){box-sizing:border-box;flex:0 0 100%}.wp-block-jetpack-contact-form:not(.is-layout-flex) .wp-block-jetpack-button,:where(.has-no-jetpack-form-layout) .wp-block-jetpack-contact-form .wp-block-jetpack-button,:where(.wp-block-jetpack-contact-form.is-classic-layout) .wp-block-jetpack-button{align-self:flex-end}:where(.wp-block-jetpack-contact-form .wp-block-separator){margin-bottom:0;margin-top:0;max-width:var(--wp--preset--spacing--80,100px)}:where(.wp-block-jetpack-contact-form .wp-block-separator.is-style-dots),:where(.wp-block-jetpack-contact-form .wp-block-separator.is-style-wide){max-width:inherit}:where(.jetpack-contact-form-container){border-width:0}.jetpack-contact-form-container.alignfull .wp-block-jetpack-contact-form{padding-inline:0}.jetpack-contact-form-container.is-forced-horizontal-form:has(.contact-form__input-error.has-errors),.jetpack-contact-form-container.is-single-input-form:has(.contact-form__input-error.has-errors){margin-bottom:calc(var(--wp--style--block-gap, 1.5rem)*2)}:is(.jetpack-contact-form-container.is-forced-horizontal-form:has(.contact-form__input-error.has-errors),.jetpack-contact-form-container.is-single-input-form:has(.contact-form__input-error.has-errors)) :is(.wp-block-button.wp-block-button,.wp-block-jetpack-button.wp-block-button){margin-bottom:2rem}:is(.jetpack-contact-form-container.is-forced-horizontal-form:has(.contact-form__input-error.has-errors),.jetpack-contact-form-container.is-single-input-form:has(.contact-form__input-error.has-errors)) :is(.wp-block-button.wp-block-button,.wp-block-jetpack-button.wp-block-button):not(.is-style-animated *,.is-style-outlined *){margin-top:var(--wp--style--block-gap,1.5rem)}.wp-block-jetpack-contact-form :is(.wp-block-button,.wp-block-jetpack-button){min-height:var(--jetpack--contact-form--input-height,auto)}.wp-block-jetpack-contact-form :is(.wp-block-button,.wp-block-jetpack-button) .wp-block-button__link{min-height:var(--jetpack--contact-form--input-height,auto);padding-bottom:var(--jetpack--contact-form--input-padding-top);padding-top:var(--jetpack--contact-form--input-padding-top)}.wp-block-jetpack-contact-form .wp-block-jetpack-button.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-block-jetpack-contact-form .wp-block-jetpack-button.alignleft{display:block;margin-right:auto}.wp-block-jetpack-contact-form .wp-block-jetpack-button.alignright{display:block;margin-left:auto}.wp-block-jetpack-contact-form .grunion-field-wrap{box-sizing:border-box;flex:1 1 100%;position:relative;width:100%}.wp-block-jetpack-contact-form .grunion-field-wrap :where(:not(.is-single-input-form)>.grunion-field-wrap){display:flex;flex-direction:column}.wp-block-jetpack-contact-form :is(.grunion-field-width-25-wrap,.wp-block-button__width-25){flex:1 1 calc(25% - var(--wp--style--block-gap, 1.5rem)*1);max-width:25%;width:calc(25% - var(--wp--style--block-gap, 1.5rem)*1)}.wp-block-jetpack-contact-form .grunion-field-width-33-wrap{flex:1 1 calc(33.33% - var(--wp--style--block-gap, 1.5rem)*1);max-width:33.33%;width:calc(33.33% - var(--wp--style--block-gap, 1.5rem)*1)}.wp-block-jetpack-contact-form :is(.grunion-field-width-50-wrap,.wp-block-button__width-50){flex:1 1 calc(50% - var(--wp--style--block-gap, 1.5rem)*1);max-width:50%;width:calc(50% - var(--wp--style--block-gap, 1.5rem)*1)}.wp-block-jetpack-contact-form :is(.grunion-field-width-75-wrap,.wp-block-button__width-75){flex:1 1 calc(75% - var(--wp--style--block-gap, 1.5rem)*1);max-width:75%;width:calc(75% - var(--wp--style--block-gap, 1.5rem)*1)}.wp-block-jetpack-contact-form .grunion-field-width-auto-wrap{flex:1 1 0}@media only screen and (max-width:480px){.wp-block-jetpack-contact-form.is-layout-flex{flex-wrap:wrap}.wp-block-jetpack-contact-form .grunion-field-wrap{flex-basis:100%;max-width:none}.wp-block-jetpack-contact-form :is(.wp-block-button,.wp-block-jetpack-button){flex-basis:100%}.wp-block-jetpack-contact-form :is(.wp-block-button,.wp-block-jetpack-button) .wp-block-button__link{width:100%}}.grunion-field-consent-wrap{align-self:center}@media only screen and (min-width:600px){.contact-form :is(input[type=email],input[type=number],input[type=tel],input[type=text],input[type=time],input[type=url]){width:50%}.wp-block-jetpack-contact-form :is(input[type=email],input[type=number],input[type=tel],input[type=text],input[type=time],input[type=url]){width:100%}}.jetpack-empty-spam,.jetpack-empty-spam-container{display:inline-block}.jetpack-empty-spam-spinner{display:inline-block;margin-top:7px}.wp-block-jetpack-contact-form .wp-block-spacer{width:100%}.contact-form .contact-form__select-wrapper{padding:0;position:relative}.contact-form .contact-form__select-wrapper .jetpack-field-dropdown__icon{position:relative}.contact-form .contact-form__select-wrapper .jetpack-field-dropdown__icon:after{border-bottom:.1em solid;border-right:.1em solid;color:inherit;content:"";display:block;font-size:inherit;height:.4em;inset-inline-end:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-75%) rotate(45deg);transform-origin:center center;width:.4em;z-index:1}.contact-form :where(.contact-form__select-wrapper){background-color:var(--jetpack--contact-form--input-background,field);border:var(--jetpack--contact-form--border);border-color:var(--jetpack--contact-form--border-color);border-radius:var(--jetpack--contact-form--border-radius);border-style:var(--jetpack--contact-form--border-style);border-width:var(--jetpack--contact-form--border-left-size,var(--jetpack--contact-form--border-size));color:var(--jetpack--contact-form--text-color);font-family:var(--jetpack--contact-form--font-family);font-size:var(--jetpack--contact-form--font-size)}.contact-form .contact-form__select-element-wrapper{display:flex}.contact-form :is(:where(.contact-form__select-element-wrapper),:where(.contact-form__select-wrapper select)){background:inherit!important;border:0!important;border-radius:inherit!important;border-width:0!important;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit;text-transform:inherit;z-index:1}.contact-form .contact-form__select-wrapper select{appearance:none;box-sizing:border-box;padding:var(--jetpack--contact-form--input-padding,16px);text-overflow:ellipsis;white-space:nowrap;width:100%}.contact-form .is-style-animated,.contact-form .is-style-animated .grunion-field-wrap,.contact-form .is-style-outlined,.contact-form .is-style-outlined .grunion-field-wrap{--jetpack--contact-form--notch-width:max(var(--jetpack--contact-form--input-padding-left,16px),var(--jetpack--contact-form--border-radius))}.contact-form :is(.is-style-animated,.is-style-outlined) .grunion-field-wrap:not(.grunion-field-checkbox-wrap,.grunion-field-consent-wrap,.grunion-field-checkbox-multiple-wrap,.grunion-field-radio-wrap,.grunion-field-select-wrap,.grunion-field-file-wrap,.grunion-field-phone-wrap){display:flex;flex-direction:row-reverse;position:relative}.contact-form .is-style-outlined .grunion-field-wrap :is(.grunion-checkbox-multiple-options,.grunion-radio-options){padding:var(--jetpack--contact-form--input-padding,16px);padding-left:min(100px,var(--jetpack--contact-form--notch-width));padding-top:calc(var(--jetpack--contact-form--input-padding-top, 16px) + 4px)}.contact-form .is-style-outlined .grunion-field-wrap .notched-label{box-sizing:border-box;display:flex;height:100%;left:0;max-width:100%;pointer-events:none;position:absolute;right:0;text-align:left;width:100%;z-index:1}.contact-form .contact-form__select-wrapper+.notched-label{top:0}.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__leading{border-bottom-right-radius:unset;border-right:none;border-top-right-radius:unset;max-width:100px;width:var(--jetpack--contact-form--notch-width)}.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__notch{border-radius:unset;color:unset!important;padding:0 4px;transition:border .15s linear}:where(.wp-block-jetpack-contact-form.is-style-outlined) .notched-label__leading{background-color:var(--jetpack--contact-form--input-background);border-bottom-width:var(--jetpack--contact-form--border-bottom-size,var(--jetpack--contact-form--border-size));border-color:var(--jetpack--contact-form--border-color);border-left-width:var(--jetpack--contact-form--border-left-size,var(--jetpack--contact-form--border-size));border-radius:var(--jetpack--contact-form--border-radius);border-bottom-right-radius:unset!important;border-style:var(--jetpack--contact-form--border-style);border-right:none!important;border-top-right-radius:unset!important;border-top-width:var(--jetpack--contact-form--border-top-size,var(--jetpack--contact-form--border-size));max-width:100px;width:var(--jetpack--contact-form--notch-width)}:where(.wp-block-jetpack-contact-form.is-style-outlined) .notched-label__notch{background-color:var(--jetpack--contact-form--input-background);border-bottom-width:var(--jetpack--contact-form--border-bottom-size,var(--jetpack--contact-form--border-size));border-color:var(--jetpack--contact-form--border-color);border-radius:unset!important;border-style:var(--jetpack--contact-form--border-style);border-left:none!important;border-right:none!important;border-top-width:var(--jetpack--contact-form--border-top-size,var(--jetpack--contact-form--border-size));padding:0 4px;transition:border .15s linear}:where(.wp-block-jetpack-contact-form.is-style-outlined) .notched-label__filler{background-color:var(--jetpack--contact-form--input-background);border-bottom-width:var(--jetpack--contact-form--border-bottom-size,var(--jetpack--contact-form--border-size));border-color:var(--jetpack--contact-form--border-color);border-style:var(--jetpack--contact-form--border-style);border-left:none!important;border-radius:unset!important;border-right:none!important;border-top-width:var(--jetpack--contact-form--border-top-size,var(--jetpack--contact-form--border-size));flex-grow:1}:where(.wp-block-jetpack-contact-form.is-style-outlined) .notched-label__trailing{background-color:var(--jetpack--contact-form--input-background);border-bottom-width:var(--jetpack--contact-form--border-bottom-size,var(--jetpack--contact-form--border-size));border-color:var(--jetpack--contact-form--border-color);border-radius:var(--jetpack--contact-form--border-radius);border-bottom-left-radius:unset!important;border-right-width:var(--jetpack--contact-form--border-right-size,var(--jetpack--contact-form--border-size));border-style:var(--jetpack--contact-form--border-style);border-left:none!important;border-top-left-radius:unset!important;border-top-width:var(--jetpack--contact-form--border-top-size,var(--jetpack--contact-form--border-size));flex-grow:1;max-width:100px}.contact-form .is-style-outlined :is(.grunion-field-checkbox-multiple-wrap:not(.wp-block-jetpack-field-checkbox-multiple),.grunion-field-radio-wrap:not(.wp-block-jetpack-field-radio)){background-color:var(--jetpack--contact-form--input-background)}:where(.wp-block-jetpack-contact-form.is-style-outlined) .wp-block-jetpack-options{background-color:var(--jetpack--contact-form--input-background)}.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__notch{border-left:none!important;border-right:none}.contact-form .is-style-outlined .grunion-field-wrap.no-label .notched-label__notch{padding:0}.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__label{align-items:baseline;display:flex;flex-wrap:wrap;margin:0;pointer-events:none;position:relative;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1)}.contact-form .is-style-outlined .grunion-field-wrap .notched-label .grunion-label-required,.contact-form .is-style-outlined .grunion-field-wrap .notched-label .grunion-label-text{transition:font-size .15s cubic-bezier(.4,0,.2,1);will-change:font-size}.contact-form :where(.is-style-outlined .grunion-field-wrap .notched-label .notched-label__label),.contact-form :where(.is-style-outlined .grunion-field-wrap legend.grunion-field-label),.is-style-outlined :where(.wp-block-jetpack-label){font-weight:300}.contact-form .is-style-outlined .grunion-field-textarea-wrap .notched-label .notched-label__label{top:var(--jetpack--contact-form--input-padding-top,16px);transform:unset}.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__filler{border-left:none!important;border-radius:unset!important;border-right:none!important;flex-grow:1}.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__trailing{border-bottom-left-radius:unset!important;border-left:none!important;border-top-left-radius:unset!important;flex-grow:1;max-width:100px}.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field.has-placeholder) .notched-label__notch,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field.has-value) .notched-label__notch,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field:focus) .notched-label__notch,.contact-form .is-style-outlined .grunion-field-wrap.grunion-field-select-wrap .notched-label .notched-label__notch{border-top-color:#0000!important}.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field.has-placeholder) .notched-label__label,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field.has-value) .notched-label__label,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field:focus) .notched-label__label,.contact-form .is-style-outlined .grunion-field-wrap.grunion-field-select-wrap .notched-label .notched-label__label{top:calc(var(--jetpack--contact-form--border-size)*-1);transform:translateY(-50%)}.contact-form .is-style-outlined .wp-block-jetpack-field-select.wp-block-jetpack-input-wrap .notched-label .notched-label__label,.contact-form .is-style-outlined .wp-block-jetpack-input-wrap .notched-label:has(~.grunion-field.has-placeholder) .notched-label__label,.contact-form .is-style-outlined .wp-block-jetpack-input-wrap .notched-label:has(~.grunion-field.has-value) .notched-label__label,.contact-form .is-style-outlined .wp-block-jetpack-input-wrap .notched-label:has(~.grunion-field:focus) .notched-label__label{top:calc(var(--jetpack--contact-form--border-top-size, var(--jetpack--contact-form--border-size))*-1)}.contact-form .is-style-outlined .grunion-field-wrap .grunion-checkbox-multiple-options .grunion-label-text,.contact-form .is-style-outlined .grunion-field-wrap .grunion-radio-options .grunion-label-text,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field.has-placeholder) .grunion-label-text,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field.has-value) .grunion-label-text,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field:focus) .grunion-label-text,.contact-form .is-style-outlined .grunion-field-wrap.grunion-field-select-wrap .notched-label .grunion-label-text{font-size:.8em}.contact-form .is-style-outlined .grunion-field-wrap .grunion-checkbox-multiple-options .grunion-label-required,.contact-form .is-style-outlined .grunion-field-wrap .grunion-radio-options .grunion-label-required,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field.has-placeholder) .grunion-label-required,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field.has-value) .grunion-label-required,.contact-form .is-style-outlined .grunion-field-wrap .notched-label:has(~.grunion-field:focus) .grunion-label-required,.contact-form .is-style-outlined .grunion-field-wrap.grunion-field-select-wrap .notched-label .grunion-label-required{font-size:.68em}.contact-form .is-style-outlined .grunion-field-wrap select:not(.jetpack-field__input-element),.contact-form .is-style-outlined .grunion-field-wrap>input,.contact-form .is-style-outlined .grunion-field-wrap>textarea{background:none!important;border-color:#0000!important;border-radius:unset!important;outline:none;padding-left:calc(min(100px, var(--jetpack--contact-form--notch-width)) + 4px);padding-right:calc(min(100px, var(--jetpack--contact-form--notch-width)) + 4px);position:relative}.contact-form .is-style-animated .grunion-field-wrap{--left-offset:calc(var(--jetpack--contact-form--input-padding-left, 16px) + var(--jetpack--contact-form--border-size));--label-left:max(var(--left-offset),var(--jetpack--contact-form--border-radius));--field-padding:calc(var(--label-left) - var(--jetpack--contact-form--border-size))}.contact-form .is-style-animated .grunion-field-wrap input:not([type=checkbox]):not([type=radio]){outline:none}.contact-form .is-style-animated .grunion-field-wrap textarea{outline:none;padding:var(--jetpack--contact-form--input-padding,16px)}.contact-form .is-style-animated .grunion-field-wrap:not(.no-label) select:not(.jetpack-field__input-element),.contact-form .is-style-animated .grunion-field-wrap:not(.no-label)>input:not([type=checkbox]):not([type=radio]):not([type=range]),.contact-form .is-style-animated .grunion-field-wrap:not(.no-label)>textarea{padding-left:var(--field-padding);padding-right:var(--field-padding)}.contact-form .is-style-animated .grunion-field-wrap:not(.no-label) .wp-block-jetpack-input:not(.contact-form__select-wrapper):not(.jetpack-field__input-element),.contact-form .is-style-animated .grunion-field-wrap:not(.no-label)>.wp-block-jetpack-input:not(.contact-form__select-wrapper):not(.jetpack-field__input-element),.contact-form .is-style-animated .wp-block-jetpack-options.jetpack-field-multiple__list--has-border{padding-left:var(--jetpack--contact-form--animated-left-offset);padding-right:var(--jetpack--contact-form--animated-left-offset)}.contact-form .is-style-animated .grunion-field-wrap .animated-label__label{align-items:baseline;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;left:calc(var(--jetpack--contact-form--border-left-size, 0px) + var(--jetpack--contact-form--animated-left-offset, var(--label-left)));margin:0;max-width:100%;pointer-events:none;position:absolute;top:calc(50% + var(--jetpack--contact-form--border-top-size, 0px)*.5 - var(--jetpack--contact-form--border-bottom-size, 0px)*.5);transform:translateY(-50%);transition:translatey .15s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.contact-form .is-style-animated .grunion-field-wrap .grunion-label-required,.contact-form .is-style-animated .grunion-field-wrap .grunion-label-text{transition:font-size .15s cubic-bezier(.4,0,.2,1)}.contact-form .is-style-animated .grunion-field-textarea-wrap .animated-label__label{top:calc(2px + var(--jetpack--contact-form--border-top-size, var(--jetpack--contact-form--border-size, 1px)));transform:unset}.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field.has-placeholder),.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field.has-value),.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field:focus),.contact-form .is-style-animated .grunion-field-wrap.grunion-field-select-wrap .animated-label__label{top:calc(2px + var(--jetpack--contact-form--border-top-size, var(--jetpack--contact-form--border-size, 1px)));transform:translateY(0)}.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field.has-placeholder) .grunion-label-text,.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field.has-value) .grunion-label-text,.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field:focus) .grunion-label-text,.contact-form .is-style-animated .grunion-field-wrap.grunion-field-select-wrap .animated-label__label .grunion-label-text{font-size:.75em}.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field.has-placeholder) .grunion-label-required,.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field.has-value) .grunion-label-required,.contact-form .is-style-animated .grunion-field-wrap .animated-label__label:has(~.grunion-field:focus) .grunion-label-required,.contact-form .is-style-animated .grunion-field-wrap.grunion-field-select-wrap .animated-label__label .grunion-label-required{font-size:.6375em}.contact-form .is-style-animated .grunion-field-wrap .animated-label__label[style*="--jetpack--contact-form--label--font-size"]:has(~.grunion-field.has-placeholder),.contact-form .is-style-animated .grunion-field-wrap .animated-label__label[style*="--jetpack--contact-form--label--font-size"]:has(~.grunion-field.has-value),.contact-form .is-style-animated .grunion-field-wrap .animated-label__label[style*="--jetpack--contact-form--label--font-size"]:has(~.grunion-field:focus),.contact-form .is-style-animated .grunion-field-wrap.grunion-field-select-wrap .animated-label__label[style*="--jetpack--contact-form--label--font-size"]{font-size:calc(var(--jetpack--contact-form--label--font-size)*.75)}.contact-form .is-style-animated .grunion-field-wrap :is(.animated-label__label:has(~.grunion-checkbox-multiple-options),.animated-label__label:has(~.grunion-radio-options)){left:0;top:0;transform:translateY(0)}.contact-form .is-style-outlined .grunion-field:not(.contact-form__select-wrapper){z-index:1}.contact-form .is-style-below .grunion-field-wrap .below-label__label{margin-left:var(--jetpack--contact-form--border-left-size,var(--jetpack--contact-form--border-size))}.wp-block-jetpack-contact-form:not(.is-style-outlined) .jetpack-field-multiple__fieldset{border:0;margin:0;padding:8px 0 0}.contact-form :where(.grunion-field-wrap:not(.is-style-button-wrap)) :is(.grunion-checkbox-multiple-options:not(.wp-block-jetpack-options),.grunion-radio-options:not(.wp-block-jetpack-options)){padding-top:8px}:where(.wp-block-jetpack-options.has-background){padding:var(--jetpack--contact-form--input-padding,16px) 16px}:where(.wp-block-jetpack-options.jetpack-field-multiple__list--has-border){border-color:var(--jetpack--contact-form--border-color);padding-left:var(--jetpack--contact-form--input-padding-left,16px);padding-right:var(--jetpack--contact-form--input-padding-left,16px)}.contact-form :is(:where(.grunion-checkbox .contact-form-field),:where(.grunion-checkbox-multiple-options .contact-form-field),:where(.grunion-radio-options .contact-form-field)){font-weight:400}.contact-form :is(:where(.grunion-checkbox-multiple-options .contact-form-field),:where(.grunion-radio-options .contact-form-field)){font-size:var(--jetpack--contact-form--font-size)}.contact-form .grunion-field-wrap:not(.is-style-plain) input.checkbox-multiple,.contact-form .grunion-field-wrap:not(.is-style-plain) input.radio,.contact-form .is-style-list input.checkbox,.contact-form .is-style-list input.consent{appearance:none;background-color:var(--jetpack--contact-form--input-background,field);border:1px solid;box-sizing:border-box;color:currentColor;font-size:inherit;height:1em;margin-inline-end:calc(var(--jetpack--contact-form--font-size)/2);min-height:1em;min-width:1em;outline-offset:1px;padding:0;position:relative;transform:translateY(.15em);width:1em}.contact-form .grunion-field-wrap:not(.is-style-plain) input.radio{border-radius:50%}.contact-form .grunion-field-wrap:not(.is-style-plain) input.radio:before{border-radius:50%;border-style:solid;border-width:1px;box-sizing:border-box;content:"";display:block;height:1em;left:-1px;position:absolute;top:-1px;transition:all .1s ease-in-out;width:1em}.contact-form .grunion-field-wrap:not(.is-style-plain) input.radio:checked:before{background-color:var(--jetpack--contact-form--inverted-body-text-color,var(--jetpack--contact-form--input-background));border-color:currentColor;border-width:.3em}.contact-form .grunion-field-wrap:not(.is-style-plain) input.checkbox-multiple:not(.is-style-button):checked,.contact-form .is-style-list input.checkbox:not(.is-style-button):checked,.contact-form .is-style-list input.consent:not(.is-style-button):checked{background-color:currentColor}.contact-form input[type=checkbox]:after,.contact-form input[type=radio]:after{display:none}.contact-form .grunion-field-wrap:not(.is-style-plain) input.checkbox-multiple:before,.contact-form .is-style-list input.checkbox:before,.contact-form .is-style-list input.consent:before{border-color:var(--jetpack--contact-form--inverted-body-text-color,var(--jetpack--contact-form--input-background));border-style:solid;border-width:0 2px 2px 0;content:"";display:block;font-size:inherit;height:.5em;left:0;margin-left:50%;margin-top:50%;opacity:0;position:absolute;scale:.7;top:0;transform:translate(-50%,-60%) rotate(40deg);transition:opacity .1s ease-in-out,scale .15s ease-in-out;width:.25em}.contact-form .grunion-field-wrap:not(.is-style-plain) input.checkbox-multiple:checked:before,.contact-form .is-style-list input.checkbox:checked:before,.contact-form .is-style-list input.consent:checked:before{opacity:1;scale:1}.contact-form .is-style-button input.checkbox-multiple:checked:before,.contact-form .is-style-button input.checkbox:checked:before,.contact-form .is-style-button input.consent:checked:before{border-color:var(--jetpack--contact-form--button-outline--background-color,var(--jetpack--contact-form--button-outline--background-color-fallback,fieldText))}.contact-form :is(.grunion-field-wrap.grunion-field-checkbox-multiple-wrap.is-style-button-wrap,.grunion-field-wrap.grunion-field-radio-wrap.is-style-button-wrap) .contact-form-field{align-items:center;display:inline-flex;padding:var(--jetpack--contact-form--button-outline--padding)}.contact-form :is(:where(.grunion-field-wrap.grunion-field-checkbox-multiple-wrap.is-style-button-wrap .contact-form-field),:where(.grunion-field-wrap.grunion-field-radio-wrap.is-style-button-wrap .contact-form-field)){background:var(--jetpack--contact-form--button-outline--background-color);border:var(--jetpack--contact-form--button-outline--border);border-radius:var(--jetpack--contact-form--button-outline--border-radius);color:var(--jetpack--contact-form--button-outline--text-color);line-height:var(--jetpack--contact-form--button-outline--line-height)}.contact-form .grunion-field-wrap.is-style-button-wrap .grunion-field.radio{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.contact-form .grunion-field-wrap.is-style-button-wrap .grunion-field.radio:checked+.grunion-radio-label{display:inline-flex;gap:.5em}.contact-form .grunion-field-wrap.is-style-button-wrap .grunion-field.radio:checked+.grunion-radio-label:before{content:"✓"}.contact-form :where(.grunion-field-wrap.is-style-button-wrap .grunion-field.checkbox-multiple){border-radius:var(--jetpack--contact-form--button-outline--border-radius);color:var(--jetpack--contact-form--button-outline--text-color);font-family:var(--wp--preset--font-family--body)}.contact-form .grunion-field-wrap.is-style-button-wrap .grunion-field.checkbox-multiple{transform:unset!important}.contact-form .grunion-field-wrap.is-style-button-wrap .grunion-field.checkbox-multiple:focus{outline-width:0}.contact-form :where(.is-style-button-wrap input.grunion-field){color:var(--jetpack--contact-form--button-outline--color)}.contact-form :where(.is-style-button-wrap input.grunion-field:checked+.grunion-field-text:before){background:var(--jetpack--contact-form--button-outline--text-color);border-color:var(--jetpack--contact-form--button-outline--text-color)}.contact-form__error{background-color:var(--jetpack--contact-form--error-color);color:var(--jetpack--contact-form--inverted-text-color);display:none;gap:var(--warning-icon-margin);padding:1em}.contact-form__error.show-errors{box-sizing:border-box;display:inline-block;margin-block-end:.5em;text-wrap:pretty;width:100%}.contact-form__error.show-errors.is-horizontal,.is-single-input-form .contact-form__error.show-errors{margin-top:var(--wp--style--block-gap,1.5rem)}.contact-form__error ul{flex-basis:100%;list-style-position:inside;margin:0;padding-inline-start:calc(var(--warning-icon-size) + var(--warning-icon-margin))}.contact-form__error ul:empty{display:none}.contact-form__error ul li{padding:0}.contact-form__error a{color:inherit}.contact-form__input-error{color:var(--jetpack--contact-form--error-color);display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1rem;gap:.33em;margin:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(-.33em);transition:max-height .2s cubic-bezier(.34,.8,.34,1),opacity .2s cubic-bezier(.34,.8,.34,1),transform .1s cubic-bezier(.34,.8,.34,1)}.contact-form__input-error.has-errors{margin:.25rem 0;max-height:unset;opacity:1;transform:translateY(0);transition:opacity .2s cubic-bezier(.34,.8,.34,1),transform .2s cubic-bezier(.34,.8,.34,1)}.contact-form .wp-block-jetpack-contact-form.is-style-outlined fieldset[aria-invalid=true],.contact-form [aria-invalid=true]:not(fieldset){border:1px solid var(--jetpack--contact-form--error-color)}.contact-form .wp-block-jetpack-contact-form:not(.is-style-outlined) fieldset[aria-invalid=true]{margin-bottom:12px;outline:solid 1px var(--jetpack--contact-form--error-color);outline-offset:.5em}.contact-form__warning-icon{margin-top:.125em}.contact-form__warning-icon svg{fill:currentColor;height:1em;width:1em}.contact-form__checkbox-wrap{align-items:baseline;display:inline-flex}.contact-form :is([type=submit]){align-items:center;display:inline-flex;gap:.5em;justify-content:center;width:100%}.contact-form .contact-form__spinner{fill:currentColor}.contact-form .contact-form__spinner svg{display:block}.contact-form .wp-block-jetpack-button .is-submitting .spinner,.contact-form-ajax-submission:not(.submission-success),.contact-form.submission-success{display:none}.contact-form :is(.wp-block-button,.wp-block-jetpack-button) .is-submitting:not(.disable-spinner):after{animation:jp-forms-submit-spinner .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;content:"";display:inline-block;height:1em;margin-left:.5em;width:1em}@keyframes jp-forms-submit-spinner{to{transform:rotate(1turn)}}.jetpack-form-status-notice{font-size:14px;line-height:1.5;margin-bottom:8px;margin-top:16px;padding:12px 16px}.jetpack-form-status-notice p{margin:0}.jetpack-form-status-notice__edit-link{color:#1e1e1e;font-weight:500;white-space:nowrap}.jetpack-form-status-notice__edit-link:focus,.jetpack-form-status-notice__edit-link:hover{color:#000}.jetpack-form-status-notice--warning{background-color:#fcf9e8;border-inline-start:4px solid #dba617;color:#1e1e1e}.jetpack-form-status-notice--info{background-color:#e7f5fe;border-inline-start:4px solid #0675c4;color:#1e1e1e}.jetpack-other-text-input-wrapper{display:none;margin-left:1.5em}.jetpack-other-text-input-wrapper.is-visible{display:block}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}