/* Opt-in component styles only. No generic details/summary or form selectors. */
.kvds-spoiler {
  --kvds-sp-title-current:var(--kvds-sp-title-size,19px);
  --kvds-sp-icon-current:var(--kvds-sp-icon-size,20px);
  box-sizing:border-box; display:block; width:100%; max-width:100%; min-width:0;
  margin:0 0 var(--kvds-sp-gap,12px); padding:0;
  border:var(--kvds-sp-border-width,1px) solid var(--kvds-sp-border-color,#DAE5DC);
  border-radius:var(--kvds-sp-radius,12px); background:var(--kvds-sp-answer-bg,#fff);
  overflow:hidden; box-shadow:none; text-align:left;
  color:var(--kvds-sp-body-color,#34453E); font-size:var(--kvds-sp-body-size,16px);
}
.kvds-spoiler > .kvds-spoiler__summary {
  box-sizing:border-box; display:flex; align-items:center; gap:12px; min-height:48px;
  margin:0; padding:var(--kvds-sp-pad-v,18px) var(--kvds-sp-pad-h,22px);
  border:0; background:var(--kvds-sp-header-bg,#EEF5F0); color:var(--kvds-sp-title-color,#244B3B);
  list-style:none; cursor:pointer; user-select:none; text-align:left;
  font-size:var(--kvds-sp-title-current); font-weight:var(--kvds-sp-title-weight,700); line-height:1.6;
}
.kvds-spoiler > summary::-webkit-details-marker {display:none;}
.kvds-spoiler > summary::marker {content:"";}
.kvds-spoiler > summary:focus-visible {outline:3px solid var(--kvds-sp-icon-color,#347A58);outline-offset:-3px;}
.kvds-spoiler__question {display:block; min-width:0; flex:1 1 auto; overflow-wrap:anywhere;}
.kvds-spoiler > .kvds-spoiler__summary > .kvds-spoiler__question,
.kvds-spoiler > .kvds-spoiler__summary > .kvds-spoiler__question > span {
  margin:0; padding:0; border:0; background:none; color:inherit;
  font-size:var(--kvds-sp-title-current); font-weight:var(--kvds-sp-title-weight,700); line-height:inherit;
}
.kvds-spoiler-font-sans > .kvds-spoiler__summary {font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;}
.kvds-spoiler-font-serif > .kvds-spoiler__summary {font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;}
.kvds-spoiler-font-inherit > .kvds-spoiler__summary {font-family:inherit;}
.kvds-spoiler__summary > .kvds-spoiler__marker {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  box-sizing:content-box; width:var(--kvds-sp-icon-current); height:var(--kvds-sp-icon-current);
  min-width:var(--kvds-sp-icon-current); min-height:var(--kvds-sp-icon-current); flex:0 0 var(--kvds-sp-icon-current);
  margin:0; padding:4px; color:var(--kvds-sp-icon-color,#347A58); background:transparent;
  border:0; box-shadow:none; border-radius:50%; line-height:1; text-indent:0; overflow:visible;
}
.kvds-spoiler--right > .kvds-spoiler__summary > .kvds-spoiler__marker {order:3; margin-left:4px;}
.kvds-spoiler--circle > .kvds-spoiler__summary > .kvds-spoiler__marker {background:var(--kvds-sp-icon-bg,#E6EFE8);padding:8px;}
.kvds-spoiler__marker > .kvds-spoiler__mark {display:block;box-sizing:border-box;position:relative;margin:0;padding:0;border:0;width:70%;height:70%;background:none;pointer-events:none;font-size:0;line-height:0;}
.kvds-spoiler--triangle > .kvds-spoiler__summary .kvds-spoiler__mark {background:currentColor;clip-path:polygon(18% 0,100% 50%,18% 100%);transition:transform .16s ease;}
.kvds-spoiler--triangle[open] > .kvds-spoiler__summary .kvds-spoiler__mark,
.kvds-spoiler--triangle.is-editor-open > .kvds-spoiler__summary .kvds-spoiler__mark {transform:rotate(90deg);}
.kvds-spoiler--plus > .kvds-spoiler__summary .kvds-spoiler__mark::before,
.kvds-spoiler--plus > .kvds-spoiler__summary .kvds-spoiler__mark::after {content:"";position:absolute;background:currentColor;border-radius:2px;}
.kvds-spoiler--plus > .kvds-spoiler__summary .kvds-spoiler__mark::before {width:100%;height:2px;top:calc(50% - 1px);left:0;}
.kvds-spoiler--plus > .kvds-spoiler__summary .kvds-spoiler__mark::after {height:100%;width:2px;left:calc(50% - 1px);top:0;}
.kvds-spoiler--plus[open] > .kvds-spoiler__summary .kvds-spoiler__mark::after,
.kvds-spoiler--plus.is-editor-open > .kvds-spoiler__summary .kvds-spoiler__mark::after {display:none;}
.kvds-spoiler--chevron > .kvds-spoiler__summary .kvds-spoiler__mark {width:55%;height:55%;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-18%) rotate(45deg);transition:transform .16s ease;}
.kvds-spoiler--chevron[open] > .kvds-spoiler__summary .kvds-spoiler__mark,
.kvds-spoiler--chevron.is-editor-open > .kvds-spoiler__summary .kvds-spoiler__mark {transform:translateY(18%) rotate(225deg);}
.kvds-spoiler__summary > .kvds-spoiler__q,
.kvds-spoiler__answer-wrap > .kvds-spoiler__a {flex:0 0 auto;color:var(--kvds-sp-icon-color,#347A58);font-weight:700;font-family:Arial,sans-serif;font-size:1.12em;line-height:1.6;}
.kvds-spoiler > .kvds-spoiler__answer-wrap {
  box-sizing:border-box; display:flex; gap:12px; margin:0; padding:var(--kvds-sp-answer-pad,22px);
  border:0; border-top:var(--kvds-sp-border-width,1px) solid var(--kvds-sp-border-color,#DAE5DC);
  background:var(--kvds-sp-answer-bg,#fff);color:var(--kvds-sp-body-color,#34453E);
  font-size:var(--kvds-sp-body-size,16px);line-height:var(--kvds-sp-body-line,1.85);
}
.kvds-spoiler:not([open]):not(.is-editor-open) > .kvds-spoiler__answer-wrap {display:none;}
.kvds-spoiler__answer {min-width:0;flex:1 1 auto;overflow-wrap:anywhere;}
.kvds-spoiler__answer > :first-child {margin-top:0;}
.kvds-spoiler__answer > :last-child {margin-bottom:0;}
/* In TinyMCE only the icon opens/closes. Clicking question text never hides the answer. */
.kvds-spoiler--editor > .kvds-spoiler__summary {cursor:default;user-select:auto;}
.kvds-spoiler--editor .kvds-spoiler__editor-toggle {cursor:pointer;appearance:none;}
.kvds-spoiler--editor .kvds-spoiler__editor-toggle:focus-visible {outline:2px solid currentColor;outline-offset:2px;}
.kvds-spoiler--editor .kvds-spoiler__question > [contenteditable="true"] {display:block;min-height:1.6em;background:transparent!important;color:inherit!important;caret-color:currentColor;}
.kvds-spoiler--editor > .kvds-spoiler__answer-wrap > [data-kvds-rich-field] {min-height:2em;}
@media(max-width:1023px){.kvds-spoiler{--kvds-sp-title-current:var(--kvds-sp-title-tablet,18px);--kvds-sp-icon-current:var(--kvds-sp-icon-tablet,20px);}}
@media(max-width:600px){.kvds-spoiler{--kvds-sp-title-current:var(--kvds-sp-title-mobile,17px);--kvds-sp-icon-current:var(--kvds-sp-icon-mobile,18px);} .kvds-spoiler>.kvds-spoiler__summary{gap:9px;padding:var(--kvds-sp-pad-v,18px) min(var(--kvds-sp-pad-h,22px),16px);} .kvds-spoiler>.kvds-spoiler__answer-wrap{padding:min(var(--kvds-sp-answer-pad,22px),18px);}}
/* Studio device buttons simulate the target width without changing the window. */
.kvds-preview-device-tablet .kvds-spoiler,.kvds-preview--tablet .kvds-spoiler {--kvds-sp-title-current:var(--kvds-sp-title-tablet,18px);--kvds-sp-icon-current:var(--kvds-sp-icon-tablet,20px);}
.kvds-preview-device-mobile .kvds-spoiler,.kvds-preview--mobile .kvds-spoiler {--kvds-sp-title-current:var(--kvds-sp-title-mobile,17px);--kvds-sp-icon-current:var(--kvds-sp-icon-mobile,18px);}
@media(prefers-reduced-motion:reduce){.kvds-spoiler .kvds-spoiler__mark{transition:none!important;}}
@media print{.kvds-spoiler>.kvds-spoiler__answer-wrap{display:flex!important;}.kvds-spoiler{break-inside:avoid;}}

/* Optional consultation summary. Ordinary Q&A keeps the original rules above. */
.kvds-spoiler--rich-summary > .kvds-spoiler__summary { gap:20px; }
.kvds-spoiler--rich-summary .kvds-spoiler__intro { display:block; flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
.kvds-spoiler--rich-summary .kvds-spoiler__intro > .kvds-spoiler__question,
.kvds-spoiler--rich-summary .kvds-spoiler__intro > .kvds-spoiler__question > span {
  display:block; margin:0; padding:0; border:0; background:none; color:inherit;
  font-size:var(--kvds-sp-title-current); font-weight:var(--kvds-sp-title-weight,700); line-height:1.5;
}
.kvds-spoiler--rich-summary .kvds-spoiler__eyebrow { display:block; margin:0 0 6px; font-size:13px; font-weight:500; line-height:1.6; letter-spacing:.08em; }
.kvds-spoiler--rich-summary .kvds-spoiler__description { display:block; margin:8px 0 0; color:var(--kvds-sp-body-color,#34453E); font-size:15px; font-weight:400; line-height:1.8; }
.kvds-spoiler--rich-summary .kvds-spoiler__meta { display:block; margin:8px 0 0; font-size:13px; font-weight:500; line-height:1.7; }
.kvds-spoiler--rich-summary .kvds-spoiler__toggle-label {
  display:inline-flex; flex:0 1 auto; align-items:center; justify-content:center; box-sizing:border-box;
  min-height:48px; max-width:100%; padding:12px 18px; border-radius:6px;
  background:var(--kvds-sp-icon-color,#347A58); color:#fff; font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  font-size:14px; font-weight:700; line-height:1.6; text-align:center; overflow-wrap:anywhere;
}
.kvds-spoiler--rich-summary .kvds-spoiler__open-label { display:none; }
.kvds-spoiler--rich-summary[open] > .kvds-spoiler__summary .kvds-spoiler__closed-label,
.kvds-spoiler--rich-summary.is-editor-open > .kvds-spoiler__summary .kvds-spoiler__closed-label { display:none; }
.kvds-spoiler--rich-summary[open] > .kvds-spoiler__summary .kvds-spoiler__open-label,
.kvds-spoiler--rich-summary.is-editor-open > .kvds-spoiler__summary .kvds-spoiler__open-label { display:inline; }
/* Avoid an empty colored label when only one state has custom wording. */
.kvds-spoiler--rich-summary:not([open]):not(.is-editor-open) .kvds-spoiler__toggle-label:not(:has(> .kvds-spoiler__closed-label)),
.kvds-spoiler--rich-summary[open] > .kvds-spoiler__summary .kvds-spoiler__toggle-label:not(:has(> .kvds-spoiler__open-label)),
.kvds-spoiler--rich-summary.is-editor-open > .kvds-spoiler__summary .kvds-spoiler__toggle-label:not(:has(> .kvds-spoiler__open-label)) { display:none; }
@media(max-width:768px) {
  .kvds-spoiler--rich-summary > .kvds-spoiler__summary { flex-wrap:wrap; gap:14px; }
  .kvds-spoiler--rich-summary .kvds-spoiler__intro { flex-basis:calc(100% - 100px); }
  .kvds-spoiler--rich-summary .kvds-spoiler__toggle-label { order:4; flex-basis:100%; width:100%; }
}
.kvds-preview-device-mobile .kvds-spoiler--rich-summary > .kvds-spoiler__summary,
.kvds-preview--mobile .kvds-spoiler--rich-summary > .kvds-spoiler__summary { flex-wrap:wrap; gap:14px; }
.kvds-preview-device-mobile .kvds-spoiler--rich-summary .kvds-spoiler__intro,
.kvds-preview--mobile .kvds-spoiler--rich-summary .kvds-spoiler__intro { flex-basis:calc(100% - 100px); }
.kvds-preview-device-mobile .kvds-spoiler--rich-summary .kvds-spoiler__toggle-label,
.kvds-preview--mobile .kvds-spoiler--rich-summary .kvds-spoiler__toggle-label { order:4; flex-basis:100%; width:100%; }

/* Source-style FAQ separators are opt-in; ordinary Q&A retains its full frame. */
.kvds-spoiler.kvds-spoiler--border-bottom { border-top:0; border-right:0; border-left:0; border-radius:0; }
.kvds-spoiler.kvds-spoiler--border-none { border:0; }
.kvds-spoiler--border-bottom > .kvds-spoiler__answer-wrap,
.kvds-spoiler--border-none > .kvds-spoiler__answer-wrap { border-top:0; }
/* A consultation action may use only changing labels, without a duplicate title. */
.kvds-spoiler--rich-summary.kvds-spoiler--toggle-only > .kvds-spoiler__summary { justify-content:center; flex-wrap:nowrap; }
.kvds-spoiler--rich-summary.kvds-spoiler--toggle-only > .kvds-spoiler__summary > .kvds-spoiler__toggle-label {
  flex:0 1 auto; order:0; width:auto; min-height:0; padding:0; border-radius:0;
  background:transparent; color:inherit; font:inherit;
}

/* Optional source layout: individual answer insets and a consistent 768px switch. */
.kvds-spoiler.kvds-spoiler--layout {
  --kvds-sp-title-current:var(--kvds-sp-title-size,19px);
  --kvds-sp-icon-current:var(--kvds-sp-icon-size,20px);
}
.kvds-spoiler--layout > .kvds-spoiler__summary {
  padding:var(--kvds-sp-pad-v,18px) var(--kvds-sp-pad-h,22px);
  gap:var(--kvds-sp-summary-gap,12px); line-height:var(--kvds-sp-title-line,1.6);
}
.kvds-spoiler--layout > .kvds-spoiler__answer-wrap {
  padding:var(--kvds-sp-answer-pad-top,22px) var(--kvds-sp-answer-pad-right,22px) var(--kvds-sp-answer-pad-bottom,22px) var(--kvds-sp-answer-pad-left,22px);
}
.kvds-spoiler--layout.kvds-spoiler--rich-summary .kvds-spoiler__intro > .kvds-spoiler__question {
  margin-bottom:var(--kvds-sp-title-margin-bottom,0px); line-height:var(--kvds-sp-title-line,1.6);
}
.kvds-spoiler--layout.kvds-spoiler--rich-summary .kvds-spoiler__intro > .kvds-spoiler__question > span { line-height:inherit; }
.kvds-spoiler--layout.kvds-spoiler--rich-summary .kvds-spoiler__description { margin-top:0; color:var(--kvds-sp-description-color,#34453E); }
.kvds-spoiler--layout.kvds-spoiler--rich-summary .kvds-spoiler__meta { color:var(--kvds-sp-meta-color,#34453E); }
@media(max-width:768px) {

.kvds-spoiler.kvds-spoiler--layout { --kvds-sp-title-current:var(--kvds-sp-title-mobile,17px); --kvds-sp-icon-current:var(--kvds-sp-icon-mobile,18px); }
.kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__summary { padding:var(--kvds-sp-pad-v-mobile,18px) var(--kvds-sp-pad-h-mobile,16px); gap:var(--kvds-sp-summary-gap-mobile,9px); }
.kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__answer-wrap { padding:var(--kvds-sp-answer-pad-mobile-top,18px) var(--kvds-sp-answer-pad-mobile-right,18px) var(--kvds-sp-answer-pad-mobile-bottom,18px) var(--kvds-sp-answer-pad-mobile-left,18px); }
.kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) > .kvds-spoiler__summary { flex-wrap:wrap; }
.kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__intro { flex-basis:100%; }
.kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__toggle-label { order:4; flex-basis:100%; width:100%; }
}

.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout { --kvds-sp-title-current:var(--kvds-sp-title-size,19px); --kvds-sp-icon-current:var(--kvds-sp-icon-size,20px); }
.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__summary { padding:var(--kvds-sp-pad-v,18px) var(--kvds-sp-pad-h,22px); gap:var(--kvds-sp-summary-gap,12px); flex-wrap:nowrap; }
.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__answer-wrap { padding:var(--kvds-sp-answer-pad-top,22px) var(--kvds-sp-answer-pad-right,22px) var(--kvds-sp-answer-pad-bottom,22px) var(--kvds-sp-answer-pad-left,22px); }
.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary .kvds-spoiler__intro { flex-basis:auto; }
.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__toggle-label { order:0; flex-basis:auto; width:auto; }

.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout { --kvds-sp-title-current:var(--kvds-sp-title-mobile,17px); --kvds-sp-icon-current:var(--kvds-sp-icon-mobile,18px); }
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__summary { padding:var(--kvds-sp-pad-v-mobile,18px) var(--kvds-sp-pad-h-mobile,16px); gap:var(--kvds-sp-summary-gap-mobile,9px); }
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__answer-wrap { padding:var(--kvds-sp-answer-pad-mobile-top,18px) var(--kvds-sp-answer-pad-mobile-right,18px) var(--kvds-sp-answer-pad-mobile-bottom,18px) var(--kvds-sp-answer-pad-mobile-left,18px); }
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) > .kvds-spoiler__summary { flex-wrap:wrap; }
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__intro { flex-basis:100%; }
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__toggle-label { order:4; flex-basis:100%; width:100%; }

.kvds-preview--tablet .kvds-spoiler.kvds-spoiler--layout { --kvds-sp-title-current:var(--kvds-sp-title-mobile,17px); --kvds-sp-icon-current:var(--kvds-sp-icon-mobile,18px); }
.kvds-preview--tablet .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__summary { padding:var(--kvds-sp-pad-v-mobile,18px) var(--kvds-sp-pad-h-mobile,16px); gap:var(--kvds-sp-summary-gap-mobile,9px); }
.kvds-preview--tablet .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__answer-wrap { padding:var(--kvds-sp-answer-pad-mobile-top,18px) var(--kvds-sp-answer-pad-mobile-right,18px) var(--kvds-sp-answer-pad-mobile-bottom,18px) var(--kvds-sp-answer-pad-mobile-left,18px); }
.kvds-preview--tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) > .kvds-spoiler__summary { flex-wrap:wrap; }
.kvds-preview--tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__intro { flex-basis:100%; }
.kvds-preview--tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__toggle-label { order:4; flex-basis:100%; width:100%; }

.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout { --kvds-sp-title-current:var(--kvds-sp-title-mobile,17px); --kvds-sp-icon-current:var(--kvds-sp-icon-mobile,18px); }
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__summary { padding:var(--kvds-sp-pad-v-mobile,18px) var(--kvds-sp-pad-h-mobile,16px); gap:var(--kvds-sp-summary-gap-mobile,9px); }
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__answer-wrap { padding:var(--kvds-sp-answer-pad-mobile-top,18px) var(--kvds-sp-answer-pad-mobile-right,18px) var(--kvds-sp-answer-pad-mobile-bottom,18px) var(--kvds-sp-answer-pad-mobile-left,18px); }
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) > .kvds-spoiler__summary { flex-wrap:wrap; }
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__intro { flex-basis:100%; }
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__toggle-label { order:4; flex-basis:100%; width:100%; }

.kvds-preview--mobile .kvds-spoiler.kvds-spoiler--layout { --kvds-sp-title-current:var(--kvds-sp-title-mobile,17px); --kvds-sp-icon-current:var(--kvds-sp-icon-mobile,18px); }
.kvds-preview--mobile .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__summary { padding:var(--kvds-sp-pad-v-mobile,18px) var(--kvds-sp-pad-h-mobile,16px); gap:var(--kvds-sp-summary-gap-mobile,9px); }
.kvds-preview--mobile .kvds-spoiler.kvds-spoiler--layout > .kvds-spoiler__answer-wrap { padding:var(--kvds-sp-answer-pad-mobile-top,18px) var(--kvds-sp-answer-pad-mobile-right,18px) var(--kvds-sp-answer-pad-mobile-bottom,18px) var(--kvds-sp-answer-pad-mobile-left,18px); }
.kvds-preview--mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) > .kvds-spoiler__summary { flex-wrap:wrap; }
.kvds-preview--mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__intro { flex-basis:100%; }
.kvds-preview--mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--rich-summary:not(.kvds-spoiler--toggle-only) .kvds-spoiler__toggle-label { order:4; flex-basis:100%; width:100%; }

/* Existing box margins/accent remain available only with the advanced layout. */
.kvds-spoiler.kvds-spoiler--layout { margin-top:var(--kvds-sp-margin-top,26px); margin-bottom:var(--kvds-sp-margin-bottom,26px); }
.kvds-spoiler--layout .kvds-spoiler__toggle-label { gap:16px; }
.kvds-spoiler--layout.kvds-spoiler--toggle-only .kvds-spoiler__toggle-label { gap:var(--kvds-sp-summary-gap,12px); }
.kvds-spoiler--layout .kvds-spoiler__toggle-label > .kvds-spoiler__marker {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  box-sizing:content-box; flex:0 0 var(--kvds-sp-icon-current); width:var(--kvds-sp-icon-current); height:var(--kvds-sp-icon-current);
  min-width:var(--kvds-sp-icon-current); min-height:var(--kvds-sp-icon-current);
  margin:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit;
  box-shadow:none; font:inherit; line-height:1; text-indent:0; overflow:visible;
}
/* Keep the row's bottom inset below the answer when a separator-style FAQ opens. */
.kvds-spoiler--layout.kvds-spoiler--border-bottom:not(.kvds-spoiler--rich-summary)[open] > .kvds-spoiler__summary,
.kvds-spoiler--layout.kvds-spoiler--border-bottom:not(.kvds-spoiler--rich-summary).is-editor-open > .kvds-spoiler__summary { padding-bottom:0; }
@media(max-width:768px) { .kvds-spoiler--layout.kvds-spoiler--toggle-only .kvds-spoiler__toggle-label { gap:var(--kvds-sp-summary-gap-mobile,9px); } }
.kvds-preview-device-pc .kvds-spoiler--layout.kvds-spoiler--toggle-only .kvds-spoiler__toggle-label { gap:var(--kvds-sp-summary-gap,12px); }
.kvds-preview-device-tablet .kvds-spoiler--layout.kvds-spoiler--toggle-only .kvds-spoiler__toggle-label,
.kvds-preview--tablet .kvds-spoiler--layout.kvds-spoiler--toggle-only .kvds-spoiler__toggle-label,
.kvds-preview-device-mobile .kvds-spoiler--layout.kvds-spoiler--toggle-only .kvds-spoiler__toggle-label,
.kvds-preview--mobile .kvds-spoiler--layout.kvds-spoiler--toggle-only .kvds-spoiler__toggle-label { gap:var(--kvds-sp-summary-gap-mobile,9px); }
.kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-top,
.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-top,
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-top,
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-top { border-top:var(--kvds-sp-accent-width,6px) solid var(--kvds-sp-accent-color,#347A58) !important; }
.kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-right,
.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-right,
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-right,
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-right { border-right:var(--kvds-sp-accent-width,6px) solid var(--kvds-sp-accent-color,#347A58) !important; }
.kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-bottom,
.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-bottom,
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-bottom,
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-bottom { border-bottom:var(--kvds-sp-accent-width,6px) solid var(--kvds-sp-accent-color,#347A58) !important; }
.kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-left,
.kvds-preview-device-pc .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-left,
.kvds-preview-device-tablet .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-left,
.kvds-preview-device-mobile .kvds-spoiler.kvds-spoiler--layout.kvds-spoiler--accent-left { border-left:var(--kvds-sp-accent-width,6px) solid var(--kvds-sp-accent-color,#347A58) !important; }

/* Interaction colors are independent opt-ins; empty color fields emit no class. */
.kvds-spoiler--interaction > .kvds-spoiler__summary {
  transition:background-color var(--kvds-sp-transition-ms,0ms),color var(--kvds-sp-transition-ms,0ms),border-color var(--kvds-sp-transition-ms,0ms);
}
.kvds-spoiler--interaction.kvds-spoiler--hover-bg > .kvds-spoiler__summary:hover { background:var(--kvds-sp-hover-bg); }
.kvds-spoiler--interaction.kvds-spoiler--hover-color > .kvds-spoiler__summary:hover { color:var(--kvds-sp-hover-color); }
.kvds-spoiler--interaction.kvds-spoiler--hover-border-color {
  transition:border-color var(--kvds-sp-transition-ms,0ms);
}
.kvds-spoiler--interaction.kvds-spoiler--hover-border-color > .kvds-spoiler__summary:hover,
.kvds-spoiler--interaction.kvds-spoiler--hover-border-color:has(> .kvds-spoiler__summary:hover) { border-color:var(--kvds-sp-hover-border-color) !important; }
.kvds-spoiler--interaction > summary.kvds-spoiler__summary:focus-visible {
  outline:var(--kvds-sp-focus-width,3px) solid var(--kvds-sp-focus-color,var(--kvds-sp-icon-color,#347A58));
  outline-offset:var(--kvds-sp-focus-offset,-3px);
}
.kvds-spoiler--interaction .kvds-spoiler__editor-toggle:focus-visible {
  outline:var(--kvds-sp-focus-width,3px) solid var(--kvds-sp-focus-color,var(--kvds-sp-icon-color,#347A58));
  outline-offset:var(--kvds-sp-focus-offset,-3px);
}
/* A positive outline must remain visible outside the disclosure's clipped frame. */
.kvds-spoiler--interaction.kvds-spoiler--focus-outside:has(> summary:focus-visible) { overflow:visible; }
.kvds-spoiler--interaction.kvds-spoiler--focus-outside:has(> summary:focus-visible) > .kvds-spoiler__summary { border-radius:var(--kvds-sp-radius,12px); }
.kvds-spoiler--interaction.kvds-spoiler--focus-outside[open]:has(> summary:focus-visible) > .kvds-spoiler__summary { border-radius:var(--kvds-sp-radius,12px) var(--kvds-sp-radius,12px) 0 0; }
.kvds-spoiler--interaction.kvds-spoiler--focus-outside[open]:has(> summary:focus-visible) > .kvds-spoiler__answer-wrap { border-radius:0 0 var(--kvds-sp-radius,12px) var(--kvds-sp-radius,12px); }
@media(prefers-reduced-motion:reduce) {
  .kvds-spoiler--interaction,
  .kvds-spoiler--interaction > .kvds-spoiler__summary { transition:none !important; }
}