/* Free Quizzes reference V1 — isolated page styling; selector modal untouched. */
.fq-redesign{--ink:#09174a;--blue:#087ef2;--muted:#60718a;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.fq-redesign *{box-sizing:border-box}.fq-redesign .fq-container{width:min(1360px,calc(100% - 64px));margin-inline:auto}.fq-redesign button{font-family:inherit;cursor:pointer}.fq-redesign h1,.fq-redesign h2,.fq-redesign h3,.fq-redesign p{margin:0}.fq-hero{background:linear-gradient(110deg,#f2faff 0%,#eaf6ff 100%);overflow:hidden}.fq-hero-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:20px}.fq-hero-copy{padding:40px 0 28px}.fq-kicker{display:inline-flex;padding:7px 13px;border-radius:50px;background:#dceeff;color:#067cce;font-size:12px;font-weight:850;letter-spacing:.03em}.fq-hero h1{font-size:clamp(38px,3.9vw,61px);line-height:1.04;font-weight:850;letter-spacing:-.035em;margin:14px 0 12px;color:#081344}.fq-redesign h1 span,.fq-redesign h2 span{color:#138bf4}.fq-hero-copy>p{max-width:610px;line-height:1.55;font-size:17px;color:#253d59}.fq-main-cta{display:inline-flex;justify-content:center;align-items:center;gap:14px;border:0;border-radius:40px;background:linear-gradient(100deg,#ff890b,#ff6400);color:#fff;font-weight:800;font-size:16px;padding:13px 31px;margin-top:19px;min-height:48px;transition:transform .2s,box-shadow .2s,filter .2s}.fq-main-cta:hover{transform:translateY(-3px);box-shadow:0 11px 24px #f9750038;filter:saturate(1.1)}.fq-main-cta:focus-visible,.fq-subject:focus-visible{outline:3px solid #0c85e9;outline-offset:4px}.fq-hero-benefits{display:flex;gap:26px;flex-wrap:wrap;margin-top:21px}.fq-hero-benefits>span{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.25;font-weight:650}.fq-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:23px;font-weight:850}.fq-green{background:#d9fae8;color:#06ba76}.fq-violet{background:#efddff;color:#aa36e9}.fq-pink{background:#ffe4ef;color:#f13588}.fq-blue{background:#e0f1ff;color:#1387eb}.fq-hero-art{position:relative;display:flex;align-items:end;justify-content:end;min-height:320px}.fq-hero-art>img{width:100%;max-width:575px;max-height:370px;object-fit:cover;object-position:center 20%;display:block;border-radius:22px 22px 0 0}.fq-art-tags{position:absolute;right:5px;top:20%;display:grid;gap:8px;transform:rotate(-8deg)}.fq-art-tags span{padding:6px 15px;background:#fff;border-radius:7px;color:#126ee8;font-weight:850;font-size:12px;box-shadow:0 4px 12px #2762a01a}.fq-art-tags span:nth-child(2){background:#ffe5ef;color:#c52076}.fq-art-tags span:nth-child(3){background:#e3ffeb;color:#009857}.fq-art-tags span:nth-child(4){background:#efe5ff;color:#8b3bd0}
.fq-subject-section{padding:20px 0 24px}.fq-subject-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.fq-subject{border:1px solid #e8edf5;border-radius:13px;background:#f1f9ff;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;color:#0c2350;transition:transform .18s,box-shadow .18s,border-color .18s}.fq-subject:hover{transform:translateY(-4px);box-shadow:0 10px 20px #16487a18;border-color:#9cd0fa}.fq-subject-icon{font-size:35px;line-height:1;color:#0f87ee}.fq-english{background:#fff3f7}.fq-english .fq-subject-icon{color:#f23d8b}.fq-science{background:#ebfff5}.fq-science .fq-subject-icon,.fq-biology .fq-subject-icon{color:#06b977}.fq-biology{background:#ecfbf4}.fq-chemistry{background:#f7f0ff}.fq-chemistry .fq-subject-icon{color:#a536e4}.fq-physics{background:#faf4ff}.fq-physics .fq-subject-icon{color:#9f4bf1}.fq-subject-note{text-align:center;font-size:11px;color:#7d91a6;padding-top:9px}
.fq-steps-section{padding:14px 0 25px}.fq-section-heading{text-align:center;margin-bottom:28px}.fq-section-heading h2{font-size:clamp(25px,2.8vw,37px);letter-spacing:-.03em;margin:10px 0 6px;font-weight:850}.fq-section-heading p{color:#6a7d93;font-size:14px}.fq-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.fq-step{position:relative;border-radius:17px;padding:26px 18px 22px;text-align:center;min-height:280px;border:1px solid #e8eff6;transition:transform .2s,box-shadow .2s}.fq-step:hover{transform:translateY(-5px);box-shadow:0 15px 30px #16487a1b}.fq-step-blue{background:#eff8ff}.fq-step-pink{background:#fff1f6}.fq-step-orange{background:#fff8ed}.fq-step-purple{background:#f7f1ff}.fq-step-num{position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:41px;height:41px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0980ea;font-size:20px;font-weight:850}.fq-step-pink .fq-step-num{background:#f23387}.fq-step-orange .fq-step-num{background:#ff8d00}.fq-step-purple .fq-step-num{background:#a833dd}.fq-step-visual{height:120px;margin-bottom:12px;display:grid;place-items:center}.fq-step-visual svg{height:105px;max-width:100%}.fq-step-visual img{width:130px;height:115px;object-fit:cover;object-position:center 30%;border-radius:15px}.fq-step h3{font-size:19px;font-weight:850;margin-bottom:9px}.fq-step p{color:#58708b;font-size:14px;line-height:1.45;max-width:220px;margin:0 auto}
.fq-help{display:grid;grid-template-columns:36% 64%;border-radius:20px;background:#eaf6ff;overflow:hidden;margin-top:1px!important;margin-bottom:23px!important;min-height:260px}.fq-help-photo{display:flex;align-items:end;justify-content:center;overflow:hidden}.fq-help-photo img{width:100%;height:100%;max-height:300px;object-fit:cover;object-position:50% 30%}.fq-help-info{padding:27px 32px}.fq-help-info h2{font-size:clamp(25px,2.5vw,35px);letter-spacing:-.03em;font-weight:850}.fq-help-info>p{font-size:14px;color:#546981;max-width:620px;line-height:1.5;margin:8px 0 18px}.fq-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fq-help-grid>div{display:flex;align-items:center;gap:12px}.fq-help-grid strong{display:block;font-size:14px}.fq-help-grid small{display:block;color:#5e728b;font-size:12px;line-height:1.4;margin-top:3px}.fq-bottom-cta{padding:24px 18px 27px;text-align:center;border-radius:20px;background:linear-gradient(110deg,#e9f6ff,#dceefe);margin-bottom:30px!important}.fq-bottom-cta h2{font-size:clamp(28px,3vw,39px);letter-spacing:-.035em;margin:8px 0;font-weight:850}.fq-bottom-cta p{color:#586d86;font-size:14px}.fq-bottom-cta .fq-main-cta{margin-top:15px}
@media(max-width:1050px){.fq-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fq-hero-grid{grid-template-columns:1fr 1fr}.fq-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.fq-hero h1{font-size:clamp(34px,4.4vw,49px)}.fq-help{grid-template-columns:33% 67%}}
@media(max-width:700px){.fq-redesign .fq-container{width:calc(100% - 28px)}.fq-hero-grid{grid-template-columns:1fr}.fq-hero-copy{padding:24px 0 6px}.fq-hero h1{font-size:clamp(33px,8vw,45px)}.fq-hero-copy>p{font-size:15px}.fq-hero-art{min-height:0;max-height:290px;justify-content:center}.fq-hero-art>img{max-height:290px;object-fit:contain}.fq-art-tags{right:3px;top:12%}.fq-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fq-subject{min-height:93px;font-size:13px}.fq-subject-icon{font-size:28px}.fq-steps{grid-template-columns:1fr;gap:26px}.fq-step{min-height:240px}.fq-help{grid-template-columns:1fr}.fq-help-photo{max-height:190px}.fq-help-info{padding:22px 18px}.fq-help-grid{gap:15px}.fq-bottom-cta{margin-bottom:20px!important}.fq-hero-benefits{gap:12px}}
@media(max-width:420px){.fq-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fq-help-grid{grid-template-columns:1fr}.fq-art-tags{display:none}}
@media(prefers-reduced-motion:reduce){.fq-redesign *{transition:none!important}}

/* Existing modal styling preserved from current live source */
/* Refined subscriber quiz selector — presentation only. Existing JS and route IDs unchanged. */
#reviseTopicModal{--rwm-ink:#102f4b;--rwm-blue:#087fc2;--rwm-line:#dfebf3;z-index:1060}
#reviseTopicModal .modal-dialog{max-width:660px;width:calc(100% - 32px);margin:16px auto}
#reviseTopicModal .modal-content{border:1px solid #d7e6ef;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 72px rgba(8,36,59,.20)!important}
#reviseTopicModal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 12px!important;border:0!important;background:linear-gradient(125deg,#f0f9ff,#fff)}
#reviseTopicModal .modal-title{font-weight:800!important;color:var(--rwm-ink);font-size:21px;letter-spacing:-.025em}
#reviseTopicModal .modal-header .btn-close{flex-shrink:0;margin:0!important;padding:7px!important;width:32px;height:32px;background-color:#edf4f8;border-radius:10px;opacity:.8;background-size:12px}
#reviseTopicModal .modal-header .btn-close:hover{opacity:1;background-color:#dcecf6}
#reviseTopicModal .modal-body{padding:6px 24px 24px!important;max-height:min(66dvh,560px);overflow-y:auto;overscroll-behavior:contain}
#reviseTopicModal #dropDownOptions .breadcrumb-nav{align-items:center;justify-content:center;flex-wrap:wrap;gap:5px!important;cursor:default!important;margin:5px 0 9px}
#reviseTopicModal #dropDownOptions .breadcrumb-nav span{font-size:12px!important;font-weight:750!important;border-radius:7px;padding:5px 7px;background:#f0f8fd;color:#087fc2!important;cursor:pointer}
#reviseTopicModal #dropDownOptions .breadcrumb-nav span:last-child{color:#102f4b!important}
#reviseTopicModal #dropDownOptions h5{font-size:16px!important;font-weight:850!important;color:#102f4b!important;margin:9px 0 15px!important;text-align:left!important}
#reviseTopicModal #dropDownOptions .loop-wrap-btn{display:block!important;margin:0 0 9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#reviseTopicModal #dropDownOptions .loop-wrap-btn button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:55px!important;padding:14px 17px!important;border-radius:12px!important;border:1px solid var(--rwm-line)!important;background:#fbfdff!important;color:#153a53!important;text-align:left!important;font-family:inherit!important;font-size:15px!important;font-weight:750!important;letter-spacing:0!important;box-shadow:none!important;transition:background .15s,border-color .15s,transform .15s!important;cursor:pointer!important}
#reviseTopicModal #dropDownOptions .loop-wrap-btn button:hover{background:#ecf8ff!important;border-color:#9bcfee!important;transform:translateY(-1px)}
#reviseTopicModal #dropDownOptions .loop-wrap-btn button:focus-visible{outline:3px solid #82cafa!important;outline-offset:2px!important}
#reviseTopicModal #dropDownOptions .loop-wrap-btn button span{color:inherit!important;line-height:1.3!important;text-align:left!important}
#reviseTopicModal #dropDownOptions .loop-wrap-btn button .arrow{height:13px!important;width:13px!important;max-width:13px!important;object-fit:contain!important;opacity:.65;flex:none}
#reviseTopicModal #dropDownOptions .loop-wrap-btn button:hover .arrow{opacity:1}
@media(max-width:600px){
 #reviseTopicModal .modal-dialog{max-width:none;width:calc(100% - 20px);margin:10px auto}
 #reviseTopicModal .modal-content{border-radius:16px}
 #reviseTopicModal .modal-header{padding:16px 16px 10px!important}
 #reviseTopicModal .modal-body{padding:4px 16px 16px!important;max-height:calc(100dvh - 115px)}
 #reviseTopicModal #dropDownOptions .loop-wrap-btn button{min-height:54px!important;font-size:14px!important;padding:12px 14px!important}
}
@media(prefers-reduced-motion:reduce){#reviseTopicModal #dropDownOptions .loop-wrap-btn button{transition:none!important}}


/* V2: Four GCSE subject tiles; guest-access landing page. */
.fq-redesign .fq-subject-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:980px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.fq-redesign .fq-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}