/* Headline Accordion refined styles */
.keena-headline-accordion{--kha-nav-width:320px;--kha-gap:3.5rem;position:relative;width:100%;}
/* Editor and frontend will respect inline style custom properties automatically */
.keena-headline-accordion .kha-columns{display:flex;flex-wrap:nowrap;gap:var(--kha-gap);align-items:stretch;}
.keena-headline-accordion .kha-nav{flex:0 0 var(--kha-nav-width);display:flex;flex-direction:column;}
.keena-headline-accordion .kha-nav-media{order:2;margin-top:1.5rem;position:relative;}
.keena-headline-accordion .kha-nav-media .kha-nav-media-inner{position:relative;overflow:hidden;}
.keena-headline-accordion .kha-nav-media img{display:block;width:100%;height:auto;}
.keena-headline-accordion .kha-nav.has-preview-images .kha-tab-wrap,.keena-headline-accordion .kha-nav.has-preview-images .kha-tab{order:1;}
.keena-headline-accordion .kha-eyebrow{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0 0 1.75rem;}
.keena-headline-accordion .kha-tab{background:none;border:0;padding:0;margin:0 0 .85rem;font:inherit;text-align:left;cursor:pointer;position:relative;color:#5a5a5a;font-size:32px;line-height:1.12;font-weight:600;display:inline-flex;align-items:center;}
.keena-headline-accordion .kha-tab .kha-title{font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit;}
.keena-headline-accordion .kha-tab .kha-arrow{opacity:0;transition:opacity .25s ease;margin-left:.35em;}

/* Prevent eyebrow from inheriting block typography styles */
.keena-headline-accordion .kha-eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: inherit; /* Keep theme font family */
  font-style: normal; /* Reset any inherited styles */
}

/* Tab buttons inherit block-level typography settings */
.keena-headline-accordion[class*="has-"][class*="-font-size"] .kha-tab,
.keena-headline-accordion[class*="has-"][class*="-font-family"] .kha-tab,
.keena-headline-accordion[style*="font-"] .kha-tab {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
.keena-headline-accordion .kha-tab.is-active{color:#111;}
.keena-headline-accordion .kha-tab.is-active .kha-arrow{opacity:1;}
.keena-headline-accordion .kha-tab-wrap{position:relative;display:flex;align-items:center;gap:.5rem;}
.keena-headline-accordion .kha-remove{background:#eee;border:0;padding:0 .5rem;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;font-weight:600;}
.keena-headline-accordion .kha-remove:hover{background:#e0e0e0;}
.keena-headline-accordion .kha-panel-wrapper{flex:1;min-width:300px;position:relative;}
.keena-headline-accordion .kha-panel{display:none;animation:khaFade .3s ease;font-weight:normal;}
.keena-headline-accordion .kha-panel.is-active{display:block;}
.keena-headline-accordion.is-editor .kha-panel{display:block;border:1px dashed #d5d5d5;padding:1rem;margin-bottom:2rem;}
.keena-headline-accordion .kha-panel-inner{display:block;}
.keena-headline-accordion .kha-panel .kha-hidden{display:none !important;}
.keena-headline-accordion .kha-add{margin-top:1rem;}
@keyframes khaFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@media (max-width:1000px){
  .keena-headline-accordion{--kha-nav-width:100%;--kha-gap:2rem;}
  .keena-headline-accordion .kha-columns{flex-direction:column;}
  .keena-headline-accordion .kha-panel{display:block;}
  .keena-headline-accordion .kha-panel:not(.is-active){display:none;}
}
