.qva-howto{margin-left:auto !important;margin-right:auto !important;margin-top:1.5em;margin-bottom:1.5em;contain:layout style}.qva-howto__title{font-size:20px;font-weight:700;margin:0 0 8px;color:#222}.qva-howto__description{font-size:15px;color:#555;margin-bottom:12px;line-height:1.7}.qva-howto__meta{display:inline-flex;align-items:center;gap:4px;background:#f5f5f5;border-radius:4px;padding:6px 12px;font-size:13px;color:#555;margin-bottom:16px}.qva-howto__time-label{font-weight:600}.qva-howto__steps{padding:0;margin:0}.qva-howto__step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #eee;position:relative}.qva-howto__step:last-child{border-bottom:none}.qva-howto--numbered .qva-howto__step{border-bottom:none;padding-bottom:20px}.qva-howto--numbered .qva-howto__step:last-child{padding-bottom:0}.qva-howto__step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:30px;padding-right:6px;background:var(--qva-howto-accent,#3b82f6);color:#fff;font-weight:700;font-size:14px;line-height:1;margin-top:4px;border-radius:3px 0 0 3px;clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%);position:relative}.qva-howto__step:before,.qva-howto__step:after{content:none;display:none}.qva-howto--numbered .qva-howto__step:not(:last-child):after{content:'';display:block;position:absolute;left:0;top:50px;bottom:0;width:0;border-left:2px dashed var(--qva-howto-accent,#3b82f6);opacity:.35;pointer-events:none}.qva-howto--numbered .qva-howto__step:not(:last-child):before{content:'';display:block;position:absolute;left:-4px;bottom:-1px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--qva-howto-accent,#3b82f6);opacity:.4;z-index:1;pointer-events:none}.qva-howto__step-content{flex:1;min-width:0}.qva-howto__step-title{font-size:16px;font-weight:600;margin:0 0 4px;color:#333;border:none !important;padding-left:0 !important;border-left:none !important}.qva-howto__step-text{font-size:14px;line-height:1.7;color:#555}.qva-howto__step-text p:first-child{margin-top:0}.qva-howto__step-text p:last-child{margin-bottom:0}.qva-howto__step-image{margin-top:10px}.qva-howto__step-image img{max-width:100%;height:auto;border-radius:0;border:none;transition:box-shadow .2s ease,transform .2s ease}.qva-howto__step-image-link{display:inline-block;text-decoration:none}.qva-howto__step-image-link:hover img{opacity:.85}.qva-howto__img--rounded img{border-radius:8px}.qva-howto__img--shadow img{box-shadow:0 4px 12px rgba(0,0,0,.12)}.qva-howto__img--rounded-shadow img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.12)}.qva-howto__img--bordered img{border:2px solid #e0e0e0;border-radius:4px}.qva-howto--compact .qva-howto__step{padding:10px 0}.qva-howto--compact .qva-howto__step-number{width:36px;height:24px;font-size:12px;padding-right:5px}.qva-howto--compact.qva-howto--numbered .qva-howto__step{padding-bottom:14px}.qva-howto--compact.qva-howto--numbered .qva-howto__step:not(:last-child):after{left:0;top:38px}.qva-howto--compact.qva-howto--numbered .qva-howto__step:not(:last-child):before{left:-4px}.qva-howto:not(.qva-howto--numbered) .qva-howto__step{padding-left:0}@media (max-width:782px){.qva-howto__title{font-size:18px}.qva-howto__step{gap:12px;padding:12px 0}.qva-howto__step-number{width:40px;height:28px;font-size:13px}.qva-howto--numbered .qva-howto__step:not(:last-child):after{left:0;top:44px}.qva-howto--numbered .qva-howto__step:not(:last-child):before{left:-4px}.qva-howto__step-title{font-size:15px}}@media (max-width:600px){.qva-howto__title{font-size:16px}.qva-howto__step{gap:10px;padding:10px 0}.qva-howto--numbered .qva-howto__step{padding-bottom:16px}.qva-howto__step-number{width:36px;height:26px;font-size:12px;padding-right:5px}.qva-howto--numbered .qva-howto__step:not(:last-child):after{left:0;top:40px}.qva-howto--numbered .qva-howto__step:not(:last-child):before{left:-4px}.qva-howto__step-title{font-size:14px}.qva-howto__step-text{font-size:13px}}@media (prefers-reduced-motion:reduce){.qva-howto__step-number,.qva-howto__step-image img,.qva-howto__step-image-link img{transition:none}}.qva-dark-bg.qva-howto .qva-howto__title,.qva-dark-bg.qva-howto .qva-howto__step-title{color:#fff}.qva-dark-bg.qva-howto .qva-howto__description,.qva-dark-bg.qva-howto .qva-howto__step-text{color:rgba(255,255,255,.8)}.qva-dark-bg.qva-howto .qva-howto__meta{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.qva-dark-bg.qva-howto .qva-howto__time-label{color:rgba(255,255,255,.9)}.qva-dark-bg.qva-howto .qva-howto__step{border-bottom-color:rgba(255,255,255,.15)}.qva-howto-editor{border:1px solid #ddd;border-radius:4px;padding:12px;background:#fff}.qva-howto-editor__header{margin-bottom:12px}.qva-howto-editor__step{display:flex;gap:10px;align-items:flex-start;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px;padding:10px;background:#fafafa}.qva-howto-editor__step-num{flex-shrink:0;width:38px;height:26px;display:flex;align-items:center;justify-content:center;padding-right:5px;border-radius:3px 0 0 3px;clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%);background:var(--qva-howto-accent,#3b82f6);color:#fff;font-weight:700;font-size:12px;margin-top:4px}.qva-howto-editor__step-fields{flex:1;min-width:0}.qva-howto-editor__step-actions{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.qva-howto-editor__image-preview{margin-top:6px}.qva-howto-editor__image-preview img{max-width:240px;max-height:140px;border:none;border-radius:0;display:block}.qva-howto-editor__img--rounded img{border-radius:8px}.qva-howto-editor__img--shadow img{box-shadow:0 4px 12px rgba(0,0,0,.12)}.qva-howto-editor__img--rounded-shadow img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.12)}.qva-howto-editor__img--bordered img{border:2px solid #e0e0e0;border-radius:4px}.qva-howto-editor__image-actions{display:flex;gap:6px;margin-top:6px}.qva-howto-editor__image-link{margin-top:6px;padding:6px 8px;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:3px}.qva-howto-editor__image-link .components-text-control__input{font-size:12px;padding:4px 6px;min-height:28px}.qva-howto-editor__image-link .components-base-control{margin-bottom:4px}.qva-howto-editor__image-link .components-base-control__label{font-size:11px;font-weight:600;color:#555}.qva-howto-editor__toolbar{margin-top:8px}.qva-howto-editor__step-text,.qva-howto-editor__description{width:100%;min-height:50px;border:1px solid #ccc;border-radius:3px;padding:8px 10px;font-size:13px;line-height:1.7;background:#fff;outline:none;box-sizing:border-box}.qva-howto-editor__step-text:focus,.qva-howto-editor__description:focus,.qva-howto-editor__step-text:focus-within,.qva-howto-editor__description:focus-within{border-color:#007cba;box-shadow:0 0 0 1px #007cba}.qva-howto-editor{max-width:100%;overflow:hidden;box-sizing:border-box}.qva-howto-editor__step{max-width:100%;overflow:hidden;box-sizing:border-box}.qva-howto-editor__step-fields{overflow:hidden;min-width:0;max-width:100%}.qva-howto-editor__step-fields .components-base-control,.qva-howto-editor__step-fields .components-text-control__input,.qva-howto-editor__step-fields input[type=text],.qva-howto-editor__step-fields textarea{max-width:100%;width:100%;box-sizing:border-box}.qva-howto-editor .components-text-control__input,.qva-howto-editor input[type=text]{max-width:100%;box-sizing:border-box}