/* CertArrow Study App styles v1 — static, mobile-first, no animations. */
#app{max-width:720px;margin:0 auto}
.caapp-title{font-size:clamp(1.4rem,5vw,1.9rem);margin:6px 0 4px;color:#101418}
.caapp-sub{color:#5C6672;margin:0 0 16px;font-size:15px}
.caapp-h3{font-size:1.05rem;margin:20px 0 10px;color:#101418}
/* readiness */
.caapp-ready{background:#fff;border:1px solid #E2E9F4;border-radius:16px;padding:18px;margin:0 0 18px;box-shadow:0 8px 24px rgba(43,92,255,.07)}
.caapp-ready-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.caapp-ready-top span{font-size:11px;font-weight:700;letter-spacing:2px;color:#5C6672}
.caapp-ready-top b{font-size:30px;font-weight:800;color:#101418}
.caapp-ready-top b.dim{font-size:20px;color:#8A94A0}
.caapp-track{position:relative;height:12px;background:#EAF0FF;border-radius:999px;overflow:hidden}
.caapp-track.sm{height:8px}
.caapp-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#9DB4FF,#2B5CFF)}
.caapp-ready-sub{margin:10px 0 0;color:#2B5CFF;font-weight:600;font-size:14px}
.caapp-domains{margin-top:14px;display:grid;gap:8px}
.caapp-domain{display:grid;grid-template-columns:1fr 110px 44px;gap:10px;align-items:center;font-size:13px}
.caapp-domain span{color:#3A434E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.caapp-domain b{text-align:right;color:#101418}
/* mode cards */
.caapp-modes{display:grid;gap:10px}
.caapp-mode{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid #E2E9F4;border-radius:14px;padding:16px;cursor:pointer;font:inherit;min-height:64px}
.caapp-mode:active{background:#F4F6F8}
.caapp-mode-icon{flex:0 0 auto;display:flex}
.caapp-mode-text{flex:1;display:flex;flex-direction:column;gap:2px}
.caapp-mode-text b{font-size:15.5px;color:#101418}
.caapp-mode-text span{font-size:13px;color:#5C6672}
.caapp-badge{flex:0 0 auto;background:#EAF0FF;color:#2B5CFF;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px}
/* back / buttons */
.caapp-back{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:#2B5CFF;font:inherit;font-weight:600;font-size:14px;cursor:pointer;padding:6px 0;margin-bottom:6px}
.caapp-primary{display:block;width:100%;background:#2B5CFF;color:#fff;border:0;border-radius:12px;padding:15px;font:inherit;font-size:16.5px;font-weight:700;cursor:pointer;min-height:52px}
.caapp-primary:active{background:#1E4BE0}
.caapp-secondary{display:block;width:100%;background:#fff;color:#2B5CFF;border:1.5px solid #2B5CFF;border-radius:12px;padding:13px;font:inherit;font-size:15.5px;font-weight:700;cursor:pointer;min-height:52px;margin-top:10px}
.caapp-actions{margin-top:18px}
.caapp-empty{background:#fff;border:1px solid #E2E9F4;border-radius:14px;padding:26px 20px;text-align:center}
.caapp-empty p{color:#5C6672}
/* domain list */
.caapp-domlist{display:grid;gap:10px}
.caapp-domrow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid #E2E9F4;border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit}
.caapp-domrow>span:first-child{display:flex;flex-direction:column;gap:2px}
.caapp-domrow b{font-size:15px;color:#101418}
.caapp-domrow span span{font-size:13px;color:#5C6672}
.caapp-go{color:#2B5CFF;font-weight:700;font-size:18px}
/* quiz */
.caapp-qhead{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.caapp-qhead .caapp-back{margin:0}
.caapp-count{flex:1;font-size:13.5px;color:#5C6672;font-weight:600}
.caapp-timer{background:#101418;color:#fff;font-weight:700;font-size:14px;border-radius:8px;padding:6px 10px;font-variant-numeric:tabular-nums}
.caapp-timer.low{background:#C0392B}
.caapp-qmeta{font-size:12.5px;color:#5C6672;margin:12px 0 6px;letter-spacing:.4px}
.caapp-qtext{font-size:clamp(1.05rem,3.8vw,1.25rem);line-height:1.5;margin:0 0 14px;color:#101418}
.caapp-choices{display:grid;gap:10px}
.caapp-choice{text-align:left;background:#fff;border:1.5px solid #E2E9F4;border-radius:12px;padding:14px;font:inherit;font-size:15px;line-height:1.45;cursor:pointer;min-height:52px;color:#101418}
.caapp-choice strong{color:#2B5CFF;margin-right:6px}
.caapp-choice:disabled{cursor:default}
.caapp-choice.correct{border-color:#1E9E6A;background:#EFFAF4}
.caapp-choice.correct strong{color:#1E9E6A}
.caapp-choice.incorrect{border-color:#C0392B;background:#FDF0EE}
.caapp-choice.incorrect strong{color:#C0392B}
.caapp-feedback{display:none;margin-top:14px;border-radius:14px;padding:16px;background:#FFF9F0;border:1px solid #F0E2C8}
.caapp-feedback.show{display:block}
.caapp-verdict{font-weight:800;font-size:16px;margin-bottom:8px}
.caapp-verdict.ok{color:#1E9E6A}
.caapp-verdict.no{color:#C0392B}
.caapp-expl{font-size:14.5px;line-height:1.6;color:#2A323C;margin:0 0 10px}
.caapp-why{margin:0 0 10px;padding-left:20px;font-size:14px;color:#3A434E;display:grid;gap:6px}
.caapp-why li.is-correct{color:#1E9E6A}
.caapp-src{font-size:13px;color:#5C6672;margin:0}
.caapp-nav{position:sticky;bottom:0;z-index:30;background:#fff;padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:14px;border-top:1px solid #E2E9F4;box-shadow:0 -8px 18px rgba(16,20,24,.06)}
.caapp-nav .caapp-primary{margin:0}
.caapp-nav:empty{display:none}
.caapp-navcount{display:block;text-align:center;font-size:13px;color:#5C6672;margin-top:8px}
/* results */
.caapp-score{text-align:center;background:#fff;border:1px solid #E2E9F4;border-radius:16px;padding:22px;margin:0 0 6px}
.caapp-score b{display:block;font-size:44px;font-weight:800;color:#101418}
.caapp-score span{color:#5C6672;font-size:14px}
/* plans table */
.plans-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #E2E9F4;border-radius:16px;overflow:hidden;margin:18px 0;font-size:15px}
.plans-table th,.plans-table td{padding:14px 12px;text-align:center;border-top:1px solid #E2E9F4}
.plans-table thead th{background:#F4F6F8;border-top:0;font-size:14px}
.plans-table thead th .pop{display:block;font-size:11px;color:#2B5CFF;font-weight:700;letter-spacing:1px;margin-top:2px}
.plans-table tbody th{text-align:left;color:#5C6672;font-weight:600;font-size:14px;background:#fff}
.plans-table .price{font-size:22px;font-weight:800;color:#101418}
.plans-table .price small{font-size:13px;font-weight:600;color:#5C6672}
.plans-table .plan-cta{display:inline-block;background:#2B5CFF;color:#fff;font-weight:700;font-size:14px;border-radius:10px;padding:10px 18px;text-decoration:none;min-height:44px;line-height:24px}
.plans-note{text-align:center;color:#5C6672;font-size:14.5px;max-width:560px;margin:0 auto}
.plans-includes-label{font-weight:700;color:#101418;margin:20px 0 8px;font-size:15px}
.plans-includes{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14.5px;color:#3A434E}
.plans-includes li{padding-left:26px;position:relative}
.plans-includes li::before{content:"✓";position:absolute;left:2px;color:#2B5CFF;font-weight:700}
.plans-guarantee{margin:18px 0 0;font-size:14px;color:#5C6672}
.plans-guarantee a{color:#2B5CFF;font-weight:600}
@media(max-width:520px){
  .caapp-domain{grid-template-columns:1fr 80px 38px}
  .plans-table th,.plans-table td{padding:10px 6px;font-size:13.5px}
  .plans-table .price{font-size:18px}
}


.plans-table.pp-rows td.plan-name{text-align:left}
.plans-table.pp-rows .plan-name b{display:block;font-size:16px;color:#101418}
.plans-table.pp-rows .plan-name span{font-size:13px;color:#5C6672}
.plans-table.pp-rows .price{font-size:24px;white-space:nowrap}
.plans-table.pp-rows tr.popular td{background:#EAF0FF}
.plans-table.pp-rows .plan-name em{font-style:normal;font-size:10.5px;color:#2B5CFF;font-weight:800;letter-spacing:1px;margin-left:8px}
.plans-cta-row{text-align:center;margin:16px 0 4px}
.plans-cta-row .plan-cta{font-size:16px;padding:13px 42px}


.caapp-custom{background:#fff;border:1px solid #E2E9F4;border-radius:16px;padding:22px 18px}
.caapp-count{font-size:30px;font-weight:800;color:#101418;text-align:center}
.caapp-custom input[type=range]{width:100%;margin:16px 0 4px;accent-color:#2B5CFF;height:40px}
.caapp-rangelabels{display:flex;justify-content:space-between;font-size:13px;color:#5C6672;margin-bottom:18px}