/* 46/60 Level 2 free Lesson 1: the challenge hook. Arizona flag palette from allskills.css. */
.l2-hook .hk-hero{background:var(--as-navy,#081d46);color:#fff;padding:44px 0 40px;position:relative;overflow:hidden}
.l2-hook .hk-hero:after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ffcb2933,transparent 70%)}
.l2-hook .hk-hero .as-breadcrumb,.l2-hook .hk-hero .as-breadcrumb a{color:#ffcb29}
.l2-hook .hk-hero .as-eyebrow{color:#ffcb29}
.l2-hook .hk-hero h1{color:#fff;font-size:clamp(44px,8vw,86px);line-height:.95;margin:6px 0 14px;text-transform:uppercase}
.l2-hook .hk-promise{font-size:clamp(17px,2vw,21px);line-height:1.5;max-width:720px;color:#e9eefb;margin:0}
.l2-hook .hk-steps{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.l2-hook .hk-steps li{border:1px solid #ffffff40;padding:9px 12px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;display:flex;gap:8px;align-items:center}
.l2-hook .hk-steps b{background:#b6102e;color:#fff;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:11px}
.l2-hook .hk-wrap{max-width:860px}
.l2-hook .hk-card{background:#fff;border:1px solid var(--as-line,#e4d6b7);border-top:6px solid #b6102e;padding:26px;margin-bottom:18px}
.l2-hook .hk-card h2{margin:6px 0 12px;font-size:clamp(28px,4vw,40px);color:var(--as-navy,#081d46)}
.l2-hook .hk-fix{border-top-color:#ffcb29}
.l2-hook .hk-rule{background:#fff8ea;border-left:4px solid #ffcb29;padding:12px 14px;margin:12px 0}
.l2-hook .hk-rule span{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;color:#b6102e;margin-bottom:4px}
.l2-hook .hk-rule p{margin:0;line-height:1.55}
.l2-hook .hk-ask{font-weight:900;font-size:18px;margin:18px 0 10px;color:var(--as-navy,#081d46)}
.l2-hook .hk-nums{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}
.l2-hook .hk-num{min-height:52px;border:2px solid var(--as-navy,#081d46);background:#fff;color:var(--as-navy,#081d46);font-size:20px;font-weight:900;cursor:pointer}
.l2-hook .hk-num:hover,.l2-hook .hk-num:focus-visible{background:var(--as-navy,#081d46);color:#ffcb29}
.l2-hook .hk-result{background:var(--as-navy,#081d46);color:#fff;padding:22px;margin-top:16px;text-align:center}
.l2-hook .hk-tag{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#ffcb29}
.l2-hook .hk-tier{display:block;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(44px,8vw,64px);letter-spacing:.03em;line-height:1;margin:6px 0 2px;color:#fff}
.l2-hook .hk-balls{display:block;font-size:22px;letter-spacing:4px}
.l2-hook .hk-score{display:inline-block;background:#b6102e;padding:4px 12px;margin:10px 0 4px;font-size:15px;letter-spacing:.06em}
.l2-hook .hk-result p{margin:8px auto 0;max-width:560px;color:#dfe6f6;line-height:1.5}
.l2-hook .hk-ages{margin:14px 0 0;padding-left:18px;line-height:1.55;color:#475569}
.l2-hook .hk-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.l2-hook .hk-compare .hk-result{margin-top:0}
.l2-hook .hk-compare .hk-result:last-child{background:#b6102e}
.l2-hook .hk-compare .hk-result:last-child .hk-score{background:var(--as-navy,#081d46)}
.l2-hook .hk-unlock{background:#fff;border:3px solid var(--as-navy,#081d46);padding:26px;margin-top:14px}
.l2-hook .hk-unlock h3{font-size:clamp(28px,4vw,40px);margin:4px 0 10px;color:#b6102e}
.l2-hook .hk-weeks{margin:12px 0;padding-left:20px;font-weight:700;line-height:1.7;color:var(--as-navy,#081d46)}
.l2-hook .hk-price{font-weight:800;color:#475569;font-size:14px}
.l2-hook .hk-reset{margin-top:12px;background:none;border:0;text-decoration:underline;cursor:pointer;color:#475569}
.l2-hook .hk-quiz{margin-top:16px}
.l2-hook .hk-qcount{font-size:11px;font-weight:900;letter-spacing:.14em;color:#b6102e;margin:0}
.l2-hook .hk-q{font-size:22px;line-height:1.3;margin:8px 0 14px;color:var(--as-navy,#081d46)}
.l2-hook .hk-opts{display:grid;gap:8px}
.l2-hook .hk-opt{text-align:left;min-height:50px;padding:12px 14px;border:2px solid var(--as-line,#e4d6b7);background:#fff;font-size:16px;font-weight:700;cursor:pointer;color:var(--as-ink,#081d46)}
.l2-hook .hk-opt:hover:not(:disabled){border-color:var(--as-navy,#081d46)}
.l2-hook .hk-opt.ok{border-color:#1f7a4d;background:#e7f5ee}
.l2-hook .hk-opt.no{border-color:#b6102e;background:#fbe9ec}
.l2-hook .hk-why{background:#fff8ea;border-left:4px solid #ffcb29;padding:10px 12px;line-height:1.5}
.l2-hook .hk-next{margin-top:6px}
.l2-hook .hk-gate{background:#fff8ea;border:2px solid #ffcb29;padding:18px;margin-bottom:18px}
.l2-hook .hk-gate label{display:flex;gap:10px;align-items:flex-start;font-weight:800;cursor:pointer}
.l2-hook .hk-gate input{width:22px;height:22px;flex:0 0 auto}
.l2-hook .hk-safe{font-size:13px;color:#475569;line-height:1.5}
@media(max-width:640px){
 .l2-hook .hk-card,.l2-hook .hk-unlock{padding:18px}
 .l2-hook .hk-nums{grid-template-columns:repeat(6,minmax(0,1fr))}
 .l2-hook .hk-compare{grid-template-columns:1fr}
 .l2-hook .as-actions .as-button{width:100%;text-align:center}
}