/* Scoped, opt-in decorations. Existing Cocoon and Useful Blocks are unchanged. */
:is(.entry-content,.editor-styles-wrapper) .hd-part {
  --hd-accent:#055787;
  --hd-tint:#edf6fb;
  box-sizing:border-box;
  color:inherit;
  font-size:inherit;
  line-height:1.8;
  overflow-wrap:anywhere;
}
:is(.entry-content,.editor-styles-wrapper) .hd-part.hd-tone-green {--hd-accent:#3c8566;--hd-tint:#f0f8f2;}
:is(.entry-content,.editor-styles-wrapper) .hd-part.hd-tone-orange {--hd-accent:#bd721e;--hd-tint:#fff7e9;}
:is(.entry-content,.editor-styles-wrapper) .hd-part.hd-tone-coral {--hd-accent:#b95e6c;--hd-tint:#fff2f4;}
:is(.entry-content,.editor-styles-wrapper) :is(.hd-caption,.hd-decoration,.hd-steps,.hd-description) {margin:30px 0;}
:is(.entry-content,.editor-styles-wrapper) .hd-part-body > :first-child,
:is(.entry-content,.editor-styles-wrapper) .hd-description-body > :first-child {margin-top:0;}
:is(.entry-content,.editor-styles-wrapper) .hd-part-body > :last-child,
:is(.entry-content,.editor-styles-wrapper) .hd-description-body > :last-child {margin-bottom:0;}
:is(.entry-content,.editor-styles-wrapper) .hd-caption {border:2px solid var(--hd-accent);background:#fff;border-radius:0;padding:0;}
:is(.entry-content,.editor-styles-wrapper) .hd-caption-title {font-size:1em;font-weight:700;line-height:1.6;margin:0;padding:10px 20px;}
:is(.entry-content,.editor-styles-wrapper) .hd-caption > .hd-part-body {padding:20px;}
:is(.entry-content,.editor-styles-wrapper) .hd-caption-band > .hd-caption-title {color:#fff;background:var(--hd-accent);}
:is(.entry-content,.editor-styles-wrapper) .hd-caption-outline {position:relative;padding-top:6px;}
:is(.entry-content,.editor-styles-wrapper) .hd-caption-outline > .hd-caption-title {display:table;position:relative;margin:-20px 14px 0;padding:0 8px;background:#fff;color:var(--hd-accent);max-width:calc(100% - 28px);}
:is(.entry-content,.editor-styles-wrapper) .hd-caption-soft {border:0;background:var(--hd-tint);}
:is(.entry-content,.editor-styles-wrapper) .hd-caption-soft > .hd-caption-title {color:var(--hd-accent);border-bottom:1px solid var(--hd-accent);margin:0 20px;padding:14px 0 10px;}
:is(.entry-content,.editor-styles-wrapper) .hd-decoration {padding:24px;border:0;border-radius:0;position:relative;}
:is(.entry-content,.editor-styles-wrapper) .hd-decoration-stripe {background:repeating-linear-gradient(-45deg,var(--hd-tint),var(--hd-tint) 4px,#fff 4px,#fff 8px);}
:is(.entry-content,.editor-styles-wrapper) .hd-decoration-stitch {background:var(--hd-tint);border:1px dashed var(--hd-accent);outline:4px solid var(--hd-tint);}
:is(.entry-content,.editor-styles-wrapper) .hd-decoration-bracket {background:#fff;}
:is(.entry-content,.editor-styles-wrapper) .hd-decoration-bracket::before,
:is(.entry-content,.editor-styles-wrapper) .hd-decoration-bracket::after {content:"";position:absolute;width:22px;height:22px;border:solid var(--hd-accent);pointer-events:none;}
:is(.entry-content,.editor-styles-wrapper) .hd-decoration-bracket::before {top:0;left:0;border-width:2px 0 0 2px;}
:is(.entry-content,.editor-styles-wrapper) .hd-decoration-bracket::after {bottom:0;right:0;border-width:0 2px 2px 0;}
:is(.entry-content,.editor-styles-wrapper) .hd-decoration-left-line {background:var(--hd-tint);border-left:4px solid var(--hd-accent);}
:is(.entry-content,.editor-styles-wrapper) .hd-steps {list-style:none;padding:0;counter-reset:hd-step;}
:is(.entry-content,.editor-styles-wrapper) .hd-steps > .hd-step {list-style:none;position:relative;margin:0;padding:0 0 28px 56px;min-height:48px;counter-increment:hd-step;}
:is(.entry-content,.editor-styles-wrapper) .hd-steps > .hd-step::before {content:counter(hd-step,decimal-leading-zero);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--hd-accent);color:#fff;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:1;}
:is(.entry-content,.editor-styles-wrapper) .hd-steps > .hd-step::after {content:"";position:absolute;left:17px;top:42px;bottom:8px;width:2px;background:var(--hd-tint);}
:is(.entry-content,.editor-styles-wrapper) .hd-steps > .hd-step:last-child {padding-bottom:0;}
:is(.entry-content,.editor-styles-wrapper) .hd-steps > .hd-step:last-child::after {display:none;}
:is(.entry-content,.editor-styles-wrapper) .hd-step-title {font-size:1em;font-weight:700;line-height:1.8;margin:0 0 8px;padding-top:2px;}
:is(.entry-content,.editor-styles-wrapper) .hd-description {padding:0;border-top:2px solid var(--hd-accent);}
:is(.entry-content,.editor-styles-wrapper) .hd-description > .hd-description-item {display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,3fr);gap:20px;margin:0;padding:20px 0;border-bottom:1px solid #ddd;}
:is(.entry-content,.editor-styles-wrapper) .hd-description-term {font-size:1em;font-weight:700;color:var(--hd-accent);margin:0;padding:0;min-width:0;}
:is(.entry-content,.editor-styles-wrapper) .hd-description-body {font-size:inherit;margin:0;padding:0;min-width:0;}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion {border:1px solid #ddd;padding:0;margin:24px 0;background:#fff;border-radius:0;}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion > summary {display:block;list-style:none;position:relative;padding:16px 50px 16px 20px;font-weight:700;cursor:pointer;color:inherit;overflow-wrap:anywhere;}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion > summary::-webkit-details-marker {display:none;}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion > summary::before,
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion > summary::after {content:"";position:absolute;right:20px;top:50%;width:12px;height:2px;background:#055787;transform:translateY(-50%);}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion > summary::after {transform:translateY(-50%) rotate(90deg);}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion[open] > summary {border-bottom:1px solid #ddd;margin-bottom:18px;}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion[open] > summary::after {display:none;}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion > summary:focus-visible {outline:2px solid #055787;outline-offset:3px;}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion > :not(summary) {margin-left:20px;margin-right:20px;}
:is(.entry-content,.editor-styles-wrapper) details.hd-accordion > :last-child:not(summary) {margin-bottom:20px;}
:is(.entry-content,.editor-styles-wrapper) :is(.is-style-hd-check-list,.is-style-hd-merit-list,.is-style-hd-caution-list) {list-style:none;padding-left:0;}
:is(.entry-content,.editor-styles-wrapper) :is(.is-style-hd-check-list,.is-style-hd-merit-list,.is-style-hd-caution-list) > li {list-style:none;position:relative;margin:0 0 10px;padding-left:29px;}
:is(.entry-content,.editor-styles-wrapper) :is(.is-style-hd-check-list,.is-style-hd-merit-list) > li::before {content:"\2713";position:absolute;left:0;top:0;color:#055787;font-weight:700;font-family:Arial,sans-serif;}
:is(.entry-content,.editor-styles-wrapper) .is-style-hd-merit-list > li::before {color:#3c8566;}
:is(.entry-content,.editor-styles-wrapper) .is-style-hd-caution-list > li::before {content:"!";position:absolute;left:1px;top:5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#bd721e;color:#fff;font-size:13px;font-weight:700;font-family:Arial,sans-serif;line-height:1;}
/* Native ordered-list counters retain start, reversed and item values. */
:is(.entry-content,.editor-styles-wrapper) .is-style-hd-numbered-list {
  --hd-number-color:#e7ae54;
  box-sizing:border-box;
  background:#fcf9ef;
  list-style:none;
  margin:24px 0;
  padding:10px 14px 20px;
  line-height:1.8;
  overflow-wrap:anywhere;
}
:is(.entry-content,.editor-styles-wrapper) ul.is-style-hd-numbered-list {counter-reset:hd-numbered;}
:is(.entry-content,.editor-styles-wrapper) .is-style-hd-numbered-list > li {
  list-style:none;
  position:relative;
  margin:0;
  padding:10px 0 10px 30px;
  border-bottom:1px dashed #deded4;
}
:is(.entry-content,.editor-styles-wrapper) ul.is-style-hd-numbered-list > li {counter-increment:hd-numbered;}
:is(.entry-content,.editor-styles-wrapper) .is-style-hd-numbered-list > li::before {
  content:counter(list-item);
  position:absolute;
  left:0;
  top:calc(10px + .9em - 10px);
  box-sizing:border-box;
  min-width:20px;
  height:20px;
  padding:0 3px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:var(--hd-number-color);
  color:#fff;
  font:700 12px/1 Arial,sans-serif;
  text-indent:0;
  transform:none;
}
:is(.entry-content,.editor-styles-wrapper) ul.is-style-hd-numbered-list > li::before {content:counter(hd-numbered);}
:is(.entry-content,.editor-styles-wrapper) .is-style-hd-numbered-list > li > :is(ul,ol) {margin-top:8px;}
@media(max-width:600px) {
  :is(.entry-content,.editor-styles-wrapper) .hd-caption > .hd-part-body {padding:18px;}
  :is(.entry-content,.editor-styles-wrapper) .hd-decoration {padding:20px 18px;}
  :is(.entry-content,.editor-styles-wrapper) .hd-steps > .hd-step {padding-left:48px;}
  :is(.entry-content,.editor-styles-wrapper) .hd-description > .hd-description-item {grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0;}
}
