.wam-box{margin:1.25em 0;padding:0;border-radius:14px;border:1px solid #dbe2ea;overflow:hidden;background:#fff}
.wam-box__head{padding:12px 16px;font-weight:700;font-size:15px;line-height:1.5}
.wam-box__body{padding:16px 18px;line-height:1.9}
.wam-box__body > :first-child{margin-top:0}.wam-box__body > :last-child{margin-bottom:0}
.wam-box--info{border-color:#cfe8ff;background:#f7fbff}.wam-box--info .wam-box__head{background:#e7f3ff;color:#0f4c81}
.wam-box--warning{border-color:#fde1a7;background:#fffaf0}.wam-box--warning .wam-box__head{background:#fff1c7;color:#8f5a00}
.wam-box--danger{border-color:#f6c2c2;background:#fff7f7}.wam-box--danger .wam-box__head{background:#ffe1e1;color:#9f1d1d}
.wam-box--success{border-color:#c9edcc;background:#f7fff7}.wam-box--success .wam-box__head{background:#e3f8e5;color:#196b2d}
.wam-box--memo{border-color:#d9dde2;background:#fafbfc}.wam-box--memo .wam-box__head{background:#eff2f5;color:#4b5563}
.wam-box--point{border-color:#f8df8c;background:#fffdf5}.wam-box--point .wam-box__head{background:#fff3c4;color:#8a6200}
.wam-box--check{border-color:#b9ebc5;background:#f6fff8}.wam-box--check .wam-box__head{background:#dcf8e3;color:#147a39}

.wam-balloon{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start;margin:1.25em 0;--wam-balloon-bg:#f7f7f7;--wam-balloon-border:#d3d8de}
.wam-balloon--right{grid-template-columns:minmax(0,1fr) 72px}.wam-balloon--right .wam-balloon__avatar{order:2}.wam-balloon--right .wam-balloon__body{order:1}
.wam-balloon__avatar{text-align:center}.wam-balloon__avatar img,.wam-balloon__avatar-fallback{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;margin:0 auto 6px;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.wam-balloon__avatar-fallback{display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#334155;font-weight:700}
.wam-balloon__name{display:block;font-size:12px;color:#475569;line-height:1.4}
.wam-balloon__body{position:relative;background:var(--wam-balloon-bg);border:1px solid var(--wam-balloon-border);border-radius:16px;padding:14px 16px;line-height:1.9}
.wam-balloon__body:before{content:"";position:absolute;top:18px;left:-10px;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--wam-balloon-border) transparent transparent}
.wam-balloon__body:after{content:"";position:absolute;top:19px;left:-8px;border-width:9px 9px 9px 0;border-style:solid;border-color:transparent var(--wam-balloon-bg) transparent transparent}
.wam-balloon--right .wam-balloon__body:before{left:auto;right:-10px;border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--wam-balloon-border)}
.wam-balloon--right .wam-balloon__body:after{left:auto;right:-8px;border-width:9px 0 9px 9px;border-color:transparent transparent transparent var(--wam-balloon-bg)}

.wam-toggle,.wam-faq__item{margin:1em 0;border:1px solid #dbe2ea;border-radius:12px;background:#fff;overflow:hidden}
.wam-toggle__summary,.wam-faq__question{list-style:none;cursor:pointer;padding:14px 16px;font-weight:700;line-height:1.6;background:#f8fafc}
.wam-toggle__summary::-webkit-details-marker,.wam-faq__question::-webkit-details-marker{display:none}
.wam-toggle__body,.wam-faq__answer{padding:14px 16px;line-height:1.9}.wam-toggle__body > :first-child,.wam-faq__answer > :first-child{margin-top:0}.wam-toggle__body > :last-child,.wam-faq__answer > :last-child{margin-bottom:0}
.wam-faq{margin:1.5em 0}.wam-faq__title{font-size:1.15em;margin:0 0 .75em}

.wam-qa{margin:1.1em 0;border:1px solid #dbe2ea;border-radius:14px;overflow:hidden;background:#fff}
.wam-qa__row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px 16px;align-items:start}
.wam-qa__row + .wam-qa__row{border-top:1px solid #e8edf3}
.wam-qa__row--q{background:#f8fbff}.wam-qa__row--a{background:#fff}
.wam-qa__label{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;font-weight:800;font-size:13px;line-height:1}
.wam-qa__label--q{background:#0f4c81;color:#fff}.wam-qa__label--a{background:#ef4444;color:#fff}
.wam-qa__text{line-height:1.9}.wam-qa__text > :first-child{margin-top:0}.wam-qa__text > :last-child{margin-bottom:0}

.wam-step-group{margin:1.25em 0;--wam-step-accent:#0f766e}
.wam-step{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start;margin:1.25em 0;padding:0}
.wam-step__num{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border-radius:999px;background:var(--wam-step-accent,#0f766e);color:#fff;font-weight:800;font-size:13px;letter-spacing:.04em}
.wam-step__content{border:1px solid #dbe2ea;border-radius:14px;padding:16px 18px;line-height:1.9;background:#fff}
.wam-step__title{margin:0 0 .45em;font-size:1.05em;line-height:1.5}

.wam-stars{display:flex;align-items:center;gap:10px;margin:1em 0}.wam-stars__icons{font-size:var(--wam-stars-size,20px);line-height:1;color:#f59e0b;letter-spacing:.08em}.wam-stars__score{font-weight:700;color:#111827}

@media (max-width:767px){
  .wam-balloon,.wam-balloon--right,.wam-step,.wam-qa__row{grid-template-columns:1fr}
  .wam-balloon__body:before,.wam-balloon__body:after,.wam-balloon--right .wam-balloon__body:before,.wam-balloon--right .wam-balloon__body:after{display:none}
  .wam-balloon__avatar,.wam-balloon--right .wam-balloon__avatar{text-align:left}
  .wam-balloon__avatar img,.wam-balloon__avatar-fallback{margin:0 0 6px}
}
