img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
.jp-related-posts-i2{margin-top:1.5rem}.jp-related-posts-i2__list{--hgap:1rem;display:flex;flex-wrap:wrap;column-gap:var(--hgap);row-gap:2rem;margin:0;padding:0;list-style-type:none}.jp-related-posts-i2__post{display:flex;flex-direction:column;flex-basis:calc(( 100% - var(--hgap) ) / 2)}.jp-related-posts-i2__post:nth-last-child(n+3):first-child,.jp-related-posts-i2__post:nth-last-child(n+3):first-child~*{flex-basis:calc(( 100% - var(--hgap) * 2 ) / 3)}.jp-related-posts-i2__post:nth-last-child(4):first-child,.jp-related-posts-i2__post:nth-last-child(4):first-child~*{flex-basis:calc(( 100% - var(--hgap) ) / 2)}.jp-related-posts-i2__post-link{display:flex;flex-direction:column;row-gap:.5rem;width:100%;margin-bottom:1rem;line-height:1.2}.jp-related-posts-i2__post-link:focus-visible{outline-offset:2px}.jp-related-posts-i2__post-img{order:-1;max-width:100%}.jp-related-posts-i2__post-defs{margin:0;list-style-type:unset}.jp-related-posts-i2__post-defs dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jp-related-posts-i2__post-defs dd{margin:0}.jp-relatedposts-i2[data-layout=list] .jp-related-posts-i2__list{display:block}.jp-relatedposts-i2[data-layout=list] .jp-related-posts-i2__post{margin-bottom:2rem}@media only screen and (max-width:640px){.jp-related-posts-i2__list{display:block}.jp-related-posts-i2__post{margin-bottom:2rem}}#jp-relatedposts{display:none;padding-top:1em;margin:1em 0;position:relative;clear:both}.jp-relatedposts:after{content:"";display:block;clear:both}#jp-relatedposts h3.jp-relatedposts-headline{margin:0 0 1em;display:inline-block;float:left;font-size:9pt;font-weight:700;font-family:inherit}#jp-relatedposts h3.jp-relatedposts-headline em:before{content:"";display:block;width:100%;min-width:30px;border-top:1px solid rgba(0,0,0,.2);margin-bottom:1em}#jp-relatedposts h3.jp-relatedposts-headline em{font-style:normal;font-weight:700}#jp-relatedposts .jp-relatedposts-items{clear:left}#jp-relatedposts .jp-relatedposts-items-visual{margin-right:-20px}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post{float:left;width:33%;margin:0 0 1em;box-sizing:border-box}#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{padding-right:20px;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4){clear:both}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a{text-decoration:underline}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,#jp-relatedposts .jp-relatedposts-items p,#jp-relatedposts .jp-relatedposts-items time{font-size:14px;line-height:20px;margin:0}#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs{position:relative}#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay{position:absolute;top:0;bottom:0;left:0;right:0;display:block;border-bottom:0}#jp-relatedposts .jp-relatedposts-items p,#jp-relatedposts .jp-relatedposts-items time{margin-bottom:0}#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{text-transform:none;margin:0;font-family:inherit;display:block;max-width:100%}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{font-size:inherit;font-weight:400;text-decoration:none;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover{text-decoration:underline}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span{display:block;max-width:90%;overflow:hidden;text-overflow:ellipsis}#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span{height:auto;max-width:100%}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context{opacity:.6}.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{display:none}#jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt{display:none}#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt{overflow:hidden}#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span{margin-bottom:1em}#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post{clear:both;width:100%}#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img{float:left;overflow:hidden;max-width:33%;margin-right:3%}#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title{display:inline-block;max-width:63%}@media only screen and (max-width:640px){#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post{width:50%}#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n){clear:left}#jp-relatedposts .jp-relatedposts-items-visual{margin-right:20px}}@media only screen and (max-width:320px){#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post{width:100%;clear:both;margin:0 0 1em}#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title{float:none;max-width:100%;margin-right:0}}@media print{.jp-relatedposts{display:none !important}}
/*! 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}
: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;
    }
}

pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
#jp-post-flair{padding-top:.5em}div.sharedaddy,#content div.sharedaddy,#main div.sharedaddy{clear:both}div.sharedaddy h3.sd-title{margin:0 0 1em;display:inline-block;line-height:1.2;font-size:9pt;font-weight:700}body.highlander-light h3.sd-title:before{border-top:1px solid rgba(0,0,0,.2)}body.highlander-dark h3.sd-title:before{border-top:1px solid rgba(255,255,255,.4)}.sd-sharing{margin-bottom:1em}.sd-content ul{padding:0 !important;margin:0 !important;list-style:none !important}.sd-content ul li{display:inline-block;margin:0 8px 12px 0;padding:0}.sd-content ul li.share-deprecated{opacity:.5}.sd-content ul li.share-deprecated a span{text-decoration:line-through}.sd-block.sd-gplus{margin:0 0 .5em}.sd-gplus .sd-content{font-size:12px}.sd-content .share-email-error .share-email-error-title{margin:.5em 0}.sd-content .share-email-error .share-email-error-text{font-family:"Open Sans",sans-serif;font-size:12px;margin:.5em 0}.sd-social-icon .sd-content ul li a.sd-button,.sd-social-text .sd-content ul li a.sd-button,.sd-content ul li a.sd-button,.sd-content ul li .option a.share-ustom,.sd-content ul li.preview-item div.option.option-smart-off a,.sd-content ul li.advanced a.share-more,.sd-social-icon-text .sd-content ul li a.sd-button,.sd-social-official .sd-content>ul>li>a.sd-button,#sharing_email .sharing_send,.sd-social-official .sd-content>ul>li .digg_button>a{text-decoration:none !important;display:inline-block;font-size:13px;font-family:"Open Sans",sans-serif;font-weight:500;border-radius:4px;color:#2c3338 !important;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.12);text-shadow:none;line-height:23px;padding:4px 11px 3px 9px}.sd-social-official .sd-content ul li a.sd-button,.sd-social-official .sd-content ul li.preview-item div.option.option-smart-off a{align-items:center;display:flex;font-size:12px;line-height:12px;padding:1px 6px 0 5px;min-height:20px}.sd-social-official .sd-content ul.preview li a.sd-button,.sd-social-official .sd-content ul.preview li.preview-item div.option.option-smart-off a{position:relative;top:2px}.sd-content ul li a.sd-button>span,.sd-content ul li .option a.share-ustom span,.sd-content ul li.preview-item div.option.option-smart-off a span,.sd-content ul li.advanced a.share-more span,.sd-social-icon-text .sd-content ul li a.sd-button>span,.sd-social-official .sd-content>ul>li>a.sd-button span,.sd-social-official .sd-content>ul>li .digg_button>a span{line-height:23px;margin-left:6px}.sd-social-icon .sd-content ul li a.sd-button>span{margin-left:0}body .sd-social-icon .sd-content ul li[class*=share-] a.sd-button.share-icon.no-text span:not(.custom-sharing-span){display:none}.sd-social-text .sd-content ul li a.sd-button span{margin-left:3px}.sd-social-official .sd-content ul li a.sd-button>span,.sd-social-official .sd-content ul li.preview-item div.option.option-smart-off a span{line-height:12px;margin-left:3px}.sd-social-official .sd-content>ul>li>a.sd-button:before,.sd-social-official .sd-content>ul>li .digg_button>a:before,.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button:before,.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a:before{margin-bottom:-1px}.sd-social-icon .sd-content ul li a.sd-button:hover,.sd-social-icon .sd-content ul li a.sd-button:active,.sd-social-text .sd-content ul li a.sd-button:hover,.sd-social-text .sd-content ul li a.sd-button:active,.sd-social-icon-text .sd-content ul li a.sd-button:hover,.sd-social-icon-text .sd-content ul li a.sd-button:active,.sd-social-official .sd-content>ul>li>a.sd-button:hover,.sd-social-official .sd-content>ul>li>a.sd-button:active,.sd-social-official .sd-content>ul>li .digg_button>a:hover,.sd-social-official .sd-content>ul>li .digg_button>a:active{box-shadow:0 1px 2px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.22)}.sd-social-icon .sd-content ul li a.sd-button:active,.sd-social-text .sd-content ul li a.sd-button:active,.sd-social-icon-text .sd-content ul li a.sd-button:active,.sd-social-official .sd-content>ul>li>a.sd-button:active,.sd-social-official .sd-content>ul>li .digg_button>a:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}.sd-content ul li a.sd-button:before{display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:400 18px/1 social-logos;vertical-align:top;text-align:center}.sd-social-icon-text ul li a.sd-button:before{position:relative;top:2px}@media screen and (-webkit-min-device-pixel-ratio:0){.sd-content ul li a.sd-button:before{position:relative;top:2px}}.sd-social-official ul li a.sd-button:before{position:relative;top:-2px}@media screen and (-webkit-min-device-pixel-ratio:0){.sd-social-official ul li a.sd-button:before{top:0}}.jp-sharing-input-touch .sd-content ul li{padding-left:10px}.sd-content ul li.preview-item.no-icon a.sd-button span{margin-left:0}.sd-social-text .sd-content ul li a:before,.sd-content ul li.no-icon a:before{display:none}body .sd-social-text .sd-content ul li.share-custom a span,body .sd-content ul li.share-custom.no-icon a span{background-image:none;background-position:-500px -500px !important;background-repeat:no-repeat !important;padding-left:0;height:0;line-height:inherit}.sd-social-icon .sd-content ul li a.share-more{position:relative;top:-4px}@media screen and (-webkit-min-device-pixel-ratio:0){.sd-social-icon .sd-content ul li a.share-more{top:2px}}@-moz-document url-prefix(){.sd-social-icon .sd-content ul li a.share-more{top:2px}}.sd-social-icon .sd-content ul li a.share-more span{margin-left:3px}.sd-social-icon .sd-content ul li.share-print a:before,.sd-social-text .sd-content ul li.share-print a:before,.sd-content ul li.share-print div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-print a:before,.sd-social-official .sd-content li.share-print a:before{content:"\f469"}.sd-social-icon .sd-content ul li.share-email a:before,.sd-social-text .sd-content ul li.share-email a:before,.sd-content ul li.share-email div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-email a:before,.sd-social-official .sd-content li.share-email a:before{content:"\f410"}.sd-social-icon .sd-content ul li.share-linkedin a:before,.sd-social-text .sd-content ul li.share-linkedin a:before,.sd-content ul li.share-linkedin div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-linkedin a:before{content:"\f207"}.sd-social-icon .sd-content ul li.share-twitter a:before,.sd-social-text .sd-content ul li.share-twitter a:before,.sd-content ul li.share-twitter div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-twitter a:before,.sd-social-icon .sd-content ul li.share-x a:before,.sd-social-text .sd-content ul li.share-x a:before,.sd-content ul li.share-x div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-x a:before{content:"\f10e"}.sd-social-icon .sd-content ul li.share-reddit a:before,.sd-social-text .sd-content ul li.share-reddit a:before,.sd-content ul li.share-reddit div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-reddit a:before,.sd-social-official .sd-content li.share-reddit a:before{content:"\f222"}.sd-social-icon .sd-content ul li.share-tumblr a:before,.sd-social-text .sd-content ul li.share-tumblr a:before,.sd-content ul li.share-tumblr div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-tumblr a:before{content:"\f607"}.sd-social-icon .sd-content ul li.share-pinterest a:before,.sd-social-text .sd-content ul li.share-pinterest a:before,.sd-content ul li.share-pinterest div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-pinterest a:before{content:"\f210"}.sd-social-icon .sd-content ul li.share-facebook a:before,.sd-social-text .sd-content ul li.share-facebook a:before,.sd-content ul li.share-facebook div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-facebook a:before{content:"\f203"}.sd-social-icon .sd-content ul li.share-press-this a:before,.sd-social-text .sd-content ul li.share-press-this a:before,.sd-content ul li.share-press-this div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-press-this a:before,.sd-social-official .sd-content li.share-press-this a:before{content:"\f205"}.sd-social-official .sd-content li.share-press-this a:before{color:#2ba1cb}.sd-social-icon .sd-content ul li.share-telegram a:before,.sd-social-text .sd-content ul li.share-telegram a:before,.sd-content ul li.share-telegram div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-telegram a:before,.sd-social-official .sd-content li.share-telegram a:before{content:"\f606"}.sd-social-official .sd-content li.share-telegram a:before{color:#08c}.sd-social-icon .sd-content ul li.share-threads a:before,.sd-social-text .sd-content ul li.share-threads a:before,.sd-content ul li.share-threads div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-threads a:before,.sd-social-official .sd-content li.share-threads a:before{content:"\f10d"}.sd-social-official .sd-content li.share-threads a:before{color:#000}.sd-social-icon .sd-content ul li[class*=share-].share-threads a.sd-button{background:#000;color:#fff !important}.sd-social-icon .sd-content ul li.share-mastodon a:before,.sd-social-text .sd-content ul li.share-mastodon a:before,.sd-content ul li.share-mastodon div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-mastodon a:before,.sd-social-official .sd-content li.share-mastodon a:before{content:"\f10a"}.sd-social-official .sd-content li.share-mastodon a:before{color:#563acc}.sd-social-icon .sd-content ul a.share-more:before,.sd-social-text .sd-content ul a.share-more:before,.sd-content ul li.advanced a.share-more:before,.sd-social-icon-text .sd-content a.share-more:before,.sd-social-official .sd-content a.share-more:before{content:"\f415"}.sd-social-official .sd-content a.share-more:before{color:#2ba1cb}.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before,.sd-social-text .sd-content ul li.share-jetpack-whatsapp a:before,.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:before,.sd-social-official .sd-content li.share-jetpack-whatsapp a:before{content:"\f608"}.sd-social-official .sd-content li.share-jetpack-whatsapp a:before{color:#43d854}.sd-social-icon .sd-content ul li[class*=share-].share-jetpack-whatsapp a.sd-button{background:#43d854;color:#fff !important}.sd-social-icon .sd-content ul li.share-nextdoor a:before,.sd-social-text .sd-content ul li.share-nextdoor a:before,.sd-content ul li.share-nextdoor div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-nextdoor a:before,.sd-social-official .sd-content li.share-nextdoor a:before{content:"\f10c"}.sd-social-official .sd-content li.share-nextdoor a:before{color:#8ed500}.sd-social-icon .sd-content ul li[class*=share-].share-nextdoor a.sd-button{background:#8ed500;color:#fff !important}.sd-social-icon .sd-content ul li.share-bluesky a:before,.sd-social-text .sd-content ul li.share-bluesky a:before,.sd-content ul li.share-bluesky div.option.option-smart-off a:before,.sd-social-icon-text .sd-content li.share-bluesky a:before,.sd-social-official .sd-content li.share-bluesky a:before{content:"\f10f"}.sd-social-official .sd-content li.share-bluesky a:before{color:#0085ff}.sd-social-icon .sd-content ul li[class*=share-].share-bluesky a.sd-button{background:#0085ff;color:#fff !important}.sd-social-icon .sd-content ul li.share-deprecated a:before,.sd-social-icon-text .sd-content li.share-deprecated a:before,.sd-social-official .sd-content li.share-deprecated a:before,.sd-content ul li.share-deprecated div.option.option-smart-off a:before{width:1em;height:1em;content:"\1F6AB"}.sd-social .sd-button .share-count{background:#2ea2cc;color:#fff;border-radius:10px;display:inline-block;text-align:center;font-size:10px;padding:1px 3px;line-height:1}.sd-social-official .sd-content>ul>li>a.sd-button span{line-height:1}.sd-social-official .sd-content ul{display:flex;flex-wrap:wrap}.sd-social-official .sd-content ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}.sd-social-official .sd-content li.share-press-this a{margin:0 0 5px}.sd-social-official .sd-content ul>li{display:flex;max-height:18px}.sd-social-official .sd-content ul>li .option-smart-off{margin-right:8px}.sd-social-official .fb-share-button>span{vertical-align:top !important}.pinterest_button,.twitter_button,.linkedin_button>span{margin:0 !important}.linkedin_button>span,.pinterest_button a{display:block !important}.sd-social-official .sd-content .share-tumblr iframe{max-width:53px;width:unset}body .sd-social-official li.share-print,body .sd-social-official li.share-email a,body .sd-social-official li.share-custom a,body .sd-social-official li a.share-more,body .sd-social-official li.share-digg a,body .sd-social-official li.share-press-this a{position:relative;top:0}body .sd-social-icon .sd-content li.share-custom>a{padding:2px 3px 0;position:relative;top:4px}body .sd-social-icon .sd-content li.share-custom a span,body .sd-social-icon-text .sd-content li.share-custom a span,body .sd-social-text .sd-content li.share-custom a span,body .sd-social-official .sd-content li.share-custom a span,body .sd-content ul li.share-custom a.share-icon span{background-size:16px 16px;background-repeat:no-repeat;margin-left:0;padding:0 0 0 19px;display:inline-block;height:21px;line-height:16px}body .sd-content ul li.share-custom a span[hidden]{display:none}body .sd-social-icon .sd-content ul li[class*=share-] a.sd-button.share-icon.no-text .custom-sharing-span{color:transparent}body .sd-social-icon .sd-content li.share-custom a span{width:0;padding-left:16px !important}.sharing-hidden .inner{position:absolute;z-index:2;border:1px solid #ccc;padding:10px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.2);border-radius:2px;margin-top:5px;max-width:400px}.sharing-hidden .inner ul{margin:0 !important}.sd-social-official .sd-content .sharing-hidden ul>li.share-end{clear:both;margin:0 !important;height:0 !important}.sharing-hidden .inner:before,.sharing-hidden .inner:after{position:absolute;z-index:1;top:-8px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #ccc;content:"";display:block}.sharing-hidden .inner:after{z-index:2;top:-7px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff}.sharing-hidden ul{margin:0}.sd-social-icon .sd-content ul li[class*=share-] a,.sd-social-icon .sd-content ul li[class*=share-] a:hover,.sd-social-icon .sd-content ul li[class*=share-] div.option a{border-radius:50%;border:0;box-shadow:none;padding:7px;position:relative;top:-2px;line-height:1;width:auto;height:auto;margin-bottom:0;max-width:32px}.sd-social-icon .sd-content ul li[class*=share-] a.sd-button>span,.sd-social-icon .sd-content ul li[class*=share-] div.option a span{line-height:1}.sd-social-icon .sd-content ul li[class*=share-] a:hover,.sd-social-icon .sd-content ul li[class*=share-] div.option a:hover{border:none;opacity:.6}.sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before{top:0}.sd-social-icon .sd-content ul li[class*=share-] a.sd-button.share-custom{padding:8px 8px 6px}.sd-social-icon .sd-content ul li a.sd-button.share-more{margin-left:10px}.sd-social-icon .sd-content ul li:first-child a.sd-button.share-more{margin-left:0}.sd-social-icon .sd-button span.share-count{position:absolute;bottom:0;right:0;border-radius:0;background:#555;font-size:9px}.sd-social-icon .sd-content ul li[class*=share-] a.sd-button{background:#e9e9e9;margin-top:2px;text-indent:0}.sd-social-icon .sd-content ul li[class*=share-].share-tumblr a.sd-button{background:#2c4762;color:#fff !important}.sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button{background:#0866ff;color:#fff !important}.sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button{background:#000;color:#fff !important}.sd-social-icon .sd-content ul li[class*=share-].share-x a.sd-button{background:#000;color:#fff !important}.sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button{background:#ca1f27;color:#fff !important}.sd-social-icon .sd-content ul li[class*=share-].share-digg a.sd-button{color:#555 !important}.sd-social-icon .sd-content ul li[class*=share-].share-press-this a.sd-button{background:#4f94d4;color:#fff !important}.sd-social-icon .sd-content ul li[class*=share-].share-telegram a.sd-button{background:#08c;color:#fff !important}.sd-social-icon .sd-content ul li[class*=share-].share-linkedin a.sd-button{background:#0077b5;color:#fff !important}.sd-social-icon .sd-content ul li[class*=share-].share-reddit a.sd-button{background:#cee3f8;color:#555 !important}.sd-social-icon .sd-content ul li[class*=share-].share-mastodon a.sd-button{background:linear-gradient(to top,#563acc 0%,#6364ff 100%);color:#fff !important}#jetpack-source_f_name{display:none !important;position:absolute !important;left:-9000px}.sd-content .share-customize-link{margin-top:8px;line-height:11px}.sd-content .share-customize-link a{font-size:11px;font-family:"Open Sans",sans-serif}@media print{.sharedaddy.sd-sharing-enabled{display:none}}
@font-face{font-family:social-logos;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2")}.social-logo{display:inline-block;font-family:social-logos;font-style:normal;font-weight:400;line-height:1;vertical-align:middle;speak:none;text-decoration:inherit;text-rendering:auto;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img#wpstats{display: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-preformatted{box-sizing:border-box;white-space:pre-wrap}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}
.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}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}