/* Ruqyah Self Assessment - scoped, theme-safe frontend styles */
.rsa-app,
.rsa-app *{box-sizing:border-box}
.rsa-app{--rsa-primary:#0B3B36;--rsa-secondary:#123B34;--rsa-button:#0B3B36;--rsa-background:#F7FAF8;--rsa-card:#fff;--rsa-text:#172321;--rsa-muted:#667572;--rsa-border:#DCE7E3;--rsa-selected:#E8F3EF;--rsa-radius:16px;max-width:1180px;width:100%;margin:24px auto;background:var(--rsa-background);color:var(--rsa-text);font-family:inherit;border-radius:var(--rsa-radius);overflow:hidden;line-height:1.5}
.rsa-app button,.rsa-app input,.rsa-app textarea{font:inherit}
.rsa-screen{display:none;width:100%;padding:clamp(24px,4vw,48px)}
.rsa-screen.is-active{display:block}
.rsa-start{text-align:center}
.rsa-start-head{width:100%;max-width:760px;margin:0 auto 32px}
.rsa-kicker,.rsa-result-kicker{display:block;width:100%;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.16em;color:var(--rsa-primary);margin:0 0 10px;text-transform:uppercase}
.rsa-title,.rsa-result-title{display:block;width:100%;margin:0 0 12px;padding:0;color:var(--rsa-secondary);font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.rsa-intro-text,.rsa-result-note{display:block;width:100%;margin:0;color:var(--rsa-muted);font-size:17px;line-height:1.75;overflow-wrap:anywhere}
.rsa-assessment-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left;align-items:stretch}
.rsa-assessment-card{appearance:none;-webkit-appearance:none;position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:270px!important;height:auto!important;margin:0!important;padding:24px!important;background:var(--rsa-card)!important;border:1px solid var(--rsa-border)!important;border-radius:var(--rsa-radius)!important;box-shadow:0 8px 26px rgba(18,59,52,.05)!important;color:var(--rsa-text)!important;font-family:inherit!important;font-size:inherit!important;font-weight:400!important;line-height:1.5!important;text-align:left!important;text-decoration:none!important;white-space:normal!important;overflow:hidden!important;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.rsa-assessment-card:hover,.rsa-assessment-card:focus-visible{transform:translateY(-2px);border-color:var(--rsa-primary)!important;box-shadow:0 14px 34px rgba(18,59,52,.10)!important;outline:none}
.rsa-assessment-card > *{position:static!important;display:block!important;float:none!important;clear:none!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;margin-left:0!important;margin-right:0!important;white-space:normal!important;overflow:visible!important;transform:none!important}
.rsa-icon{width:48px!important;height:48px!important;flex:0 0 48px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:var(--rsa-selected)!important;color:var(--rsa-primary)!important;font-size:22px!important;line-height:1!important;margin:0 0 16px!important}
.rsa-eyebrow{font-size:11px!important;line-height:1.45!important;font-weight:800!important;color:var(--rsa-primary)!important;margin:0 0 7px!important;overflow-wrap:anywhere!important}
.rsa-assessment-name{display:block!important;width:100%!important;font-size:22px!important;line-height:1.3!important;font-weight:700!important;color:var(--rsa-secondary)!important;margin:0 0 10px!important;overflow-wrap:anywhere!important}
.rsa-assessment-desc{display:block!important;width:100%!important;flex:1 1 auto!important;font-size:14px!important;line-height:1.7!important;color:var(--rsa-muted)!important;margin:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.rsa-card-foot{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;margin:20px 0 0!important;padding:0!important;font-size:13px!important;line-height:1.4!important}
.rsa-card-foot b,.rsa-card-foot > span{display:block!important;position:static!important;margin:0!important;color:var(--rsa-secondary)!important;font-weight:700!important;white-space:normal!important}
.rsa-card-foot b{color:var(--rsa-primary)!important}
.rsa-disclaimer{display:block;width:100%;font-size:12px;line-height:1.65;color:var(--rsa-muted);margin:24px auto 0;max-width:850px;overflow-wrap:anywhere}
.rsa-progress-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;color:var(--rsa-muted);font-size:14px;margin-bottom:9px}
.rsa-link{appearance:none;border:0!important;background:transparent!important;color:var(--rsa-primary)!important;font:inherit!important;font-weight:700!important;cursor:pointer;padding:0!important;box-shadow:none!important}
.rsa-progress{height:7px;background:var(--rsa-border);border-radius:99px;overflow:hidden;margin-bottom:24px}
.rsa-progress span{display:block;height:100%;background:var(--rsa-primary);width:0;transition:width .25s ease}
.rsa-question-card{background:var(--rsa-card);border:1px solid var(--rsa-border);border-radius:var(--rsa-radius);padding:clamp(22px,4vw,38px);box-shadow:0 12px 35px rgba(20,45,40,.06)}
.rsa-question-eyebrow{font-size:12px;font-weight:800;color:var(--rsa-primary);margin:0 0 8px;overflow-wrap:anywhere}
.rsa-question{display:block;width:100%;font-size:clamp(23px,3vw,31px);line-height:1.45;font-weight:700;color:var(--rsa-secondary);margin:0 0 24px;overflow-wrap:anywhere}
.rsa-answers{display:grid;gap:10px;width:100%}
.rsa-answer-card{appearance:none;-webkit-appearance:none;display:block!important;width:100%!important;min-height:56px!important;height:auto!important;margin:0!important;text-align:left!important;background:var(--rsa-card)!important;border:1px solid var(--rsa-border)!important;border-radius:12px!important;padding:17px 18px!important;color:var(--rsa-text)!important;cursor:pointer;font:inherit!important;font-weight:500!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:none!important;transition:.2s ease}
.rsa-answer-card:hover,.rsa-answer-card:focus-visible{border-color:var(--rsa-primary)!important;outline:none!important}
.rsa-answer-card.is-selected{background:var(--rsa-selected)!important;border-color:var(--rsa-primary)!important;box-shadow:0 0 0 2px rgba(11,59,54,.09)!important}
.rsa-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.rsa-btn{appearance:none;-webkit-appearance:none;border:1px solid transparent!important;background:var(--rsa-button)!important;color:#fff!important;padding:14px 24px!important;border-radius:var(--rsa-radius)!important;font:inherit!important;font-weight:700!important;cursor:pointer;min-height:50px;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.3!important;white-space:normal!important;text-align:center!important;box-shadow:none!important}
.rsa-btn:hover,.rsa-btn:focus-visible{filter:brightness(.96);outline:none}
.rsa-btn-secondary{background:transparent!important;color:var(--rsa-secondary)!important;border-color:var(--rsa-border)!important}
.rsa-result-header{max-width:760px;margin-bottom:22px}
.rsa-status-card{border-radius:var(--rsa-radius);padding:18px 20px;background:var(--rsa-selected);color:var(--rsa-secondary);font-weight:800;margin-bottom:18px;line-height:1.6}
.rsa-status-card.no-signal{background:var(--rsa-card);border:1px solid var(--rsa-border);font-weight:700}
.rsa-results-list{display:grid;gap:14px}
.rsa-result-card{background:var(--rsa-card);border:1px solid var(--rsa-border);border-radius:var(--rsa-radius);padding:22px}
.rsa-category-name{margin:0 0 7px;color:var(--rsa-secondary);font-size:20px;line-height:1.35;overflow-wrap:anywhere}
.rsa-category-desc,.rsa-category-rec,.rsa-category-score{margin:7px 0;color:var(--rsa-muted);line-height:1.7;overflow-wrap:anywhere}
.rsa-category-score{font-size:12px;font-weight:700}
.rsa-meter{height:7px;background:var(--rsa-border);border-radius:99px;overflow:hidden;margin:14px 0 4px}
.rsa-meter span{display:block;height:100%;background:var(--rsa-primary);border-radius:99px}
.rsa-neutral{background:var(--rsa-card);border:1px solid var(--rsa-border);padding:20px;border-radius:var(--rsa-radius);color:var(--rsa-muted);line-height:1.7}
.rsa-next-step{margin-top:22px;padding:22px;border-radius:var(--rsa-radius);background:var(--rsa-selected)}
.rsa-next-step h3{margin:0 0 5px;color:var(--rsa-secondary);line-height:1.35}
.rsa-next-step p{margin:0;color:var(--rsa-muted);line-height:1.7}
.rsa-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.rsa-lead{margin-top:20px;background:var(--rsa-card);border:1px solid var(--rsa-border);border-radius:var(--rsa-radius);padding:20px}
.rsa-lead label{display:block;font-weight:600;margin:12px 0;color:var(--rsa-secondary)}
.rsa-lead input{display:block;width:100%!important;box-sizing:border-box;padding:12px;border:1px solid var(--rsa-border);border-radius:10px;margin-top:6px;background:#fff;color:var(--rsa-text)}
.rsa-retry{margin-top:18px}
.rsa-shake{animation:rsa-shake .18s linear 2}
@keyframes rsa-shake{0%{transform:translateX(0)}50%{transform:translateX(-4px)}100%{transform:translateX(4px)}}
@media(max-width:900px){.rsa-assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rsa-screen{padding:18px}.rsa-assessment-grid{grid-template-columns:1fr;gap:14px}.rsa-assessment-card{min-height:235px!important;padding:20px!important}.rsa-nav .rsa-btn{flex:1}.rsa-title{font-size:30px}.rsa-question{font-size:22px}.rsa-cta-row .rsa-btn{width:100%}.rsa-progress-head{font-size:13px}}