/*
 * Dalilk canonical content UI contract.
 * WordPress owns presentation. Fonts and colors inherit Global Styles/the active
 * theme; the plugin only provides responsive structure, spacing and interaction.
 */
.dab-content,
.dab-structured{
  --dab-ui-font-body:var(--wp--preset--font-family--body,inherit);
  --dab-ui-font-heading:var(--wp--preset--font-family--heading,inherit);
  --dab-ui-text:var(--wp--preset--color--contrast,currentColor);
  --dab-ui-accent:var(--wp--preset--color--primary,currentColor);
  --dab-ui-surface:var(--wp--preset--color--base,transparent);
  --dab-ui-muted:color-mix(in srgb,var(--dab-ui-text) 64%,transparent);
  --dab-ui-border:color-mix(in srgb,var(--dab-ui-text) 16%,transparent);
  --dab-ui-border-strong:color-mix(in srgb,var(--dab-ui-text) 26%,transparent);
  --dab-ui-surface-soft:color-mix(in srgb,var(--dab-ui-text) 4%,var(--dab-ui-surface));
  --dab-ui-surface-active:color-mix(in srgb,var(--dab-ui-text) 7%,var(--dab-ui-surface));
  --dab-ui-shadow:0 .35rem 1.25rem color-mix(in srgb,var(--dab-ui-text) 9%,transparent);
  --dab-ui-radius:var(--wp--custom--border-radius--medium,1rem);
  --dab-ui-radius-sm:var(--wp--custom--border-radius--small,.65rem);
  --dab-ui-space-xs:var(--wp--preset--spacing--20,.5rem);
  --dab-ui-space-sm:var(--wp--preset--spacing--30,.75rem);
  --dab-ui-space-md:var(--wp--preset--spacing--40,1rem);
  --dab-ui-space-lg:var(--wp--preset--spacing--50,1.5rem);
  --dab-ui-space-xl:var(--wp--preset--spacing--60,2rem);
  color:inherit;
  font-family:var(--dab-ui-font-body);
  overflow-wrap:anywhere;
}

/* Article body */
.dab-content{--dab-content-gap:var(--dab-ui-space-md);line-height:inherit;container-type:inline-size}
.dab-content>*+*{margin-block-start:var(--dab-content-gap)}
.dab-content__lead{font-size:var(--wp--preset--font-size--medium,1.075em);line-height:1.8}
.dab-content__paragraph{margin-block:0 var(--dab-content-gap)}
.dab-content__heading{font-family:var(--dab-ui-font-heading);color:inherit;scroll-margin-top:6rem;line-height:1.3;text-wrap:balance}
.dab-content__heading--h2{margin-block:var(--dab-ui-space-xl) var(--dab-ui-space-md);font-size:var(--wp--preset--font-size--x-large,clamp(1.4rem,1.2rem + .8vw,1.9rem))}
.dab-content__heading--h3{margin-block:var(--dab-ui-space-lg) var(--dab-ui-space-sm);font-size:var(--wp--preset--font-size--large,clamp(1.2rem,1.08rem + .45vw,1.5rem))}
.dab-content__heading--h4{margin-block:var(--dab-ui-space-lg) var(--dab-ui-space-xs);font-size:var(--wp--preset--font-size--medium,1.08em)}
.dab-content__list{padding-inline-start:1.4em;margin-block:var(--dab-content-gap)}
.dab-content__list-item+.dab-content__list-item{margin-block-start:.45em}
.dab-content__link{color:var(--dab-ui-accent);text-underline-offset:.18em;text-decoration-thickness:.08em;text-decoration-skip-ink:auto}
.dab-content__link:hover{text-decoration-thickness:.12em}
.dab-content__link:focus-visible{outline:2px solid var(--dab-ui-accent);outline-offset:.16em;border-radius:.15em}
.dab-content__link--external::after{content:" ↗";font-size:.8em;opacity:.65}
[dir="rtl"] .dab-content__link--external::after{content:" ↖"}
.dab-content__quote{margin-inline:0;padding:var(--dab-ui-space-md) var(--dab-ui-space-lg);border-inline-start:.25rem solid var(--dab-ui-accent);border-radius:var(--dab-ui-radius-sm);background:var(--dab-ui-surface-soft)}
.dab-content__table{width:100%;border-collapse:separate;border-spacing:0;margin-block:var(--dab-ui-space-lg);font-size:.96em;border:1px solid var(--dab-ui-border);border-radius:var(--dab-ui-radius-sm);overflow:hidden}
.dab-content__table-cell{padding:.75em .85em;border-block-end:1px solid var(--dab-ui-border);border-inline-end:1px solid var(--dab-ui-border);vertical-align:top;text-align:start;background:var(--dab-ui-surface)}
.dab-content__table-row:last-child .dab-content__table-cell{border-block-end:0}
.dab-content__table-cell:last-child{border-inline-end:0}
.dab-content__table-cell--head{font-weight:700;background:var(--dab-ui-surface-active)}
.dab-content__figure{margin:var(--dab-ui-space-lg) 0}
.dab-content__image{display:block;max-width:100%;height:auto;border-radius:var(--dab-ui-radius)}
.dab-content__caption{margin-top:var(--dab-ui-space-xs);font-size:var(--wp--preset--font-size--small,.9em);color:var(--dab-ui-muted)}
.dab-content__pre{max-width:100%;overflow:auto;padding:var(--dab-ui-space-md);border:1px solid var(--dab-ui-border);border-radius:var(--dab-ui-radius);background:var(--dab-ui-surface-soft)}
.dab-content__code{font-family:var(--wp--preset--font-family--monospace,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);font-size:.92em}
.dab-content .dab-faq-section,.dab-content .dab-sources-section{margin-block:var(--dab-ui-space-xl)}

/* Shared structured components */
.dab-structured{margin-block:var(--dab-ui-space-xl);scroll-margin-top:6rem;container-type:inline-size}
.dab-structured__header{display:flex;align-items:center;justify-content:space-between;gap:var(--dab-ui-space-md);margin-block-end:var(--dab-ui-space-md)}
.dab-structured__title{margin:0;font-family:var(--dab-ui-font-heading);font-size:var(--wp--preset--font-size--large,clamp(1.25rem,1.05rem + .75vw,1.65rem));font-weight:inherit;line-height:1.3;text-wrap:balance;color:inherit}
.dab-structured__count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding-inline:.55rem;border:1px solid var(--dab-ui-border);border-radius:999px;background:var(--dab-ui-surface-soft);font-size:var(--wp--preset--font-size--small,.78rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--dab-ui-muted)}
.dab-structured__list{margin:0;padding:0}
.dab-structured__index{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;border-radius:var(--dab-ui-radius-sm);background:var(--dab-ui-surface-active);font-size:.72em;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dab-ui-muted)}

/* FAQ */
.dab-structured__list--faq{display:grid;gap:var(--dab-ui-space-sm)}
.dab-structured__item--faq{margin:0;border:1px solid var(--dab-ui-border);border-radius:var(--dab-ui-radius);background:var(--dab-ui-surface);overflow:clip;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.dab-structured__item--faq:hover{border-color:var(--dab-ui-border-strong)}
.dab-structured__item--faq[open]{background:var(--dab-ui-surface-soft);border-color:var(--dab-ui-border-strong);box-shadow:var(--dab-ui-shadow)}
.dab-structured__question{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--dab-ui-space-sm);padding:var(--dab-ui-space-md);font-weight:600;line-height:1.55;outline:0;color:inherit}
.dab-structured__question::-webkit-details-marker{display:none}
.dab-structured__question::marker{display:none;content:""}
.dab-structured__question:focus-visible{box-shadow:inset 0 0 0 2px var(--dab-ui-accent);border-radius:calc(var(--dab-ui-radius) - 1px)}
.dab-structured__question-text{min-width:0;text-wrap:pretty}
.dab-structured__icon{position:relative;display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border:1px solid var(--dab-ui-border);border-radius:999px;background:var(--dab-ui-surface-soft);color:inherit;transition:transform .18s ease,background-color .18s ease}
.dab-structured--icon-arrow .dab-structured__icon::before{content:"⌄";font-size:1rem;line-height:1;transform:translateY(-.08rem)}
.dab-structured--icon-plus .dab-structured__icon::before{content:"+";font-size:1.15rem;line-height:1}
.dab-structured--icon-none .dab-structured__icon{display:none}
.dab-structured__item--faq[open] .dab-structured__icon{transform:rotate(180deg);background:var(--dab-ui-surface-active)}
.dab-structured--icon-plus .dab-structured__item--faq[open] .dab-structured__icon::before{content:"−"}
.dab-structured__answer{padding:0 var(--dab-ui-space-md) var(--dab-ui-space-md);line-height:inherit}
.dab-structured__answer-inner{padding-block-start:var(--dab-ui-space-sm);border-block-start:1px solid var(--dab-ui-border)}
.dab-structured__answer-inner>*:first-child{margin-block-start:0}
.dab-structured__answer-inner>*:last-child{margin-block-end:0}

/* Sources */
.dab-structured__list--sources{list-style:none;display:grid;gap:var(--dab-ui-space-sm);padding:0}
.dab-structured__list--cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.dab-structured__item--source{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--dab-ui-space-sm);margin:0;padding:var(--dab-ui-space-md);border:1px solid var(--dab-ui-border);border-radius:var(--dab-ui-radius);background:var(--dab-ui-surface);min-width:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.dab-structured__item--source:hover{border-color:var(--dab-ui-border-strong);background:var(--dab-ui-surface-soft);box-shadow:var(--dab-ui-shadow);transform:translateY(-1px)}
.dab-structured__index--source{margin-top:.08rem}
.dab-structured__source-body{min-width:0;display:grid;gap:.32rem}
.dab-structured__source-link,.dab-structured__source-label{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;min-width:0;font-weight:600;line-height:1.45;color:inherit}
.dab-structured__source-link{color:var(--dab-ui-accent);text-decoration-thickness:.08em;text-underline-offset:.2em}
.dab-structured__source-title{min-width:0;overflow-wrap:anywhere}
.dab-structured__source-arrow{flex:0 0 auto;font-size:.85em;opacity:.66}
[dir="rtl"] .dab-structured__source-arrow{transform:scaleX(-1)}
.dab-structured__source-host{display:inline-flex;width:max-content;max-width:100%;padding:.18rem .48rem;border-radius:999px;background:var(--dab-ui-surface-active);color:var(--dab-ui-muted);font-size:.72em;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dab-structured__source-note{display:block;color:var(--dab-ui-muted);font-size:var(--wp--preset--font-size--small,.88em);line-height:1.6;margin:0}
.dab-sources-list .dab-structured__list--sources{grid-template-columns:1fr}
.dab-sources-list .dab-structured__item--source{box-shadow:none}
.dab-sources-compact .dab-structured__list--sources{grid-template-columns:1fr;gap:var(--dab-ui-space-xs)}
.dab-sources-compact .dab-structured__item--source{padding:.72rem .8rem;border-radius:var(--dab-ui-radius-sm);box-shadow:none}
.dab-sources-compact .dab-structured__source-note{font-size:.82em}

@container (max-width:38rem){
  .dab-structured__question{grid-template-columns:auto minmax(0,1fr);gap:var(--dab-ui-space-sm);padding:.9rem}
  .dab-structured__question .dab-structured__icon{grid-column:2;justify-self:end;margin-top:-.25rem}
  .dab-structured__answer{padding-inline:.9rem}
  .dab-structured__item--source{padding:.85rem}
}
@media(max-width:640px){
  .dab-content{--dab-content-gap:var(--dab-ui-space-md)}
  .dab-content__lead{font-size:1em}
  .dab-content__table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .dab-content__table-cell{min-width:8rem}
  .dab-structured{margin-block:var(--dab-ui-space-lg)}
  .dab-structured__header{align-items:flex-start}
  .dab-structured__list--cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .dab-structured__item--faq,.dab-structured__icon,.dab-structured__item--source{transition:none}
}
@media(forced-colors:active){
  .dab-content__quote,.dab-content__table,.dab-structured__item--faq,.dab-structured__item--source{forced-color-adjust:auto}
}
