/* Original layout retained. Only interaction feedback is added. */
[data-spotlight]{position:relative;isolation:isolate}
.qn-spotlight-light,.qn-spotlight-edge{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;z-index:1}
.qn-spotlight-edge{padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
/* Layered button highlight adapted from Uiverse wise-moth-35. Shape,
   colour and position continue to come from the original theme. */
body.qn-subtle #qb-main :is(.ql29-btn-primary,.ql31-btn-primary,.ql33-btn-primary,.ql-btn-primary){position:relative;overflow:hidden;transition:filter .2s,transform .2s!important}
body.qn-subtle #qb-main :is(.ql29-btn-primary,.ql31-btn-primary,.ql33-btn-primary,.ql-btn-primary):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff25,transparent 60%,#0000000b);opacity:.5;transition:opacity .2s}
body.qn-subtle #qb-main :is(.ql29-btn-primary,.ql31-btn-primary,.ql33-btn-primary,.ql-btn-primary):hover:before{opacity:1}
body.qn-subtle #qb-main :is(.ql29-btn-primary,.ql31-btn-primary,.ql33-btn-primary,.ql-btn-primary):active{transform:translateY(1px)}
.qn-reveal{animation:qn-enter .4s ease-out both}.qn-photo-enter{animation:qn-enter .45s ease-out both}
@keyframes qn-enter{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Reading feedback on the existing process cards; no timeline re-layout. */
body.qn-subtle #qb-main .ql33-step{transition:border-color .25s,box-shadow .25s!important}
body.qn-subtle #qb-main .ql33-step.qn-current-step{border-color:#c47a3a!important;box-shadow:inset 3px 0 #c47a3a!important}
body.qn-subtle .wpcf7 form[aria-busy=true] input[type=submit]{opacity:.6!important;cursor:progress!important}
body.qn-subtle #qb-main :is(.ql29-cta,.ql31-cta,.ql33-cta,.ql23-cta,.ql-cta){width:100%!important;max-width:100%!important;left:auto!important;right:auto!important;transform:none!important;margin-inline:0!important}
body.qn-subtle #qb-main details[open]>summary:after{content:'−'!important}
@media(prefers-reduced-motion:reduce){body.qn-subtle *,body.qn-subtle *:before,body.qn-subtle *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.qn-spotlight-light,.qn-spotlight-edge{display:none!important}}

/* Legacy snippets hide their placeholder main; content now renders inside it. */
body.qn-subtle #qb-main{display:block!important;padding:0!important;margin:0!important}