.i24q{max-width:900px;margin:0 auto 40px;font-family:inherit;color:#172c3b}.i24q *{box-sizing:border-box}.i24q-hero{background:linear-gradient(120deg,#102534,#176341);color:#fff;padding:42px 30px;border-radius:18px;margin-bottom:20px}.i24q-kicker{font-size:12px;letter-spacing:.13em;font-weight:800;color:#a8f0c3}.i24q-hero h1{font-size:clamp(26px,4vw,42px);color:#fff;margin:12px 0}.i24q-hero p{color:#e4f1eb}.i24q-panel{padding:26px;background:#fff;border:1px solid #e2e9e8;border-radius:16px;box-shadow:0 4px 20px #132c3910;margin-bottom:20px}.i24q-panel h2{font-size:24px;margin:0 0 18px}.i24q input{display:block;width:100%;border:1px solid #bac9c5;border-radius:9px;padding:13px;margin:9px 0 16px}.i24q button{border:0;background:#16824c;color:#fff;border-radius:10px;padding:13px 20px;font-weight:700;cursor:pointer}.i24q button:disabled{opacity:.5;cursor:default}.i24q-meta{display:flex;justify-content:space-between}.i24q-track{height:8px;background:#e6ecea;border-radius:8px;margin:16px 0 24px;overflow:hidden}.i24q-track div{height:100%;background:#16824c;transition:width .25s}.i24q-options{display:grid;gap:10px;margin:22px 0}.i24q .i24q-option{text-align:left;background:#f5f8f7;border:2px solid #e1e8e5;color:#203744;font-weight:600}.i24q .i24q-option.chosen{background:#e1f5e9;border-color:#16824c}.i24q-score{font-size:44px;font-weight:800;color:#16824c}.i24q-leader{display:grid;grid-template-columns:1fr 85px 70px;gap:8px;border-bottom:1px solid #edf0f0;padding:12px 0;align-items:center}.i24q-leader-head{font-weight:700;color:#62757e}.i24q-muted{color:#657782;font-size:13px}.i24q-review{font-size:14px}.i24q [hidden]{display:none!important}@media(max-width:600px){.i24q-hero,.i24q-panel{padding:20px}.i24q .i24q-option{padding:15px 12px}}
.i24q-quiz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.i24q-quiz-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e2e9e8;border-radius:16px;padding:30px;box-shadow:0 4px 20px #132c3910;transition:transform .2s,box-shadow .2s}.i24q-quiz-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #132c3920}.i24q-quiz-eyebrow{font-size:12px;letter-spacing:.1em;font-weight:800;color:#16824c}.i24q-quiz-card h2{font-size:clamp(21px,2.4vw,28px);line-height:1.2;margin:12px 0;color:#172c3b}.i24q-quiz-card p{color:#647781;flex:1}.i24q a.i24q-quiz-link{display:inline-flex;gap:12px;align-items:center;background:#16824c;color:#fff;text-decoration:none;border-radius:10px;padding:13px 20px;font-weight:700;margin-top:20px}.i24q a.i24q-quiz-link:hover{background:#10643b;color:#fff}@media(max-width:600px){.i24q-quiz-grid{grid-template-columns:1fr}.i24q-quiz-card{padding:22px}}

/* v1.1.2: individual leaderboards on the quiz selector and return navigation */
.i24q-card-ranking{width:100%;margin-top:24px;padding-top:18px;border-top:1px solid #e2e9e8}
.i24q-card-ranking h3{font-size:17px;color:#172c3b;margin:0 0 12px}
.i24q-card-ranking .i24q-leader{grid-template-columns:minmax(0,1fr) 64px 54px;font-size:13px;gap:5px}
.i24q-card-ranking .i24q-leader span:first-child{overflow-wrap:anywhere}
.i24q-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
.i24q-result-actions .i24q-quiz-link{margin-top:0}
.i24q-back{margin:0 0 16px}.i24q-back a{color:#176341;font-weight:700;text-decoration:none}
.i24q-back a:hover{text-decoration:underline}

.i24q-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:18px}

/* v1.1.7: responsive editorial selector */
.i24q.i24q-select{max-width:1180px;width:100%;margin:0 auto 44px}
.i24q-select .i24q-hero{padding:34px 32px;margin-bottom:12px;background:linear-gradient(115deg,#122e28,#18573e);border-radius:16px}
.i24q-select .i24q-hero h1{font-size:clamp(26px,3vw,38px);margin:8px 0}
.i24q-select .i24q-hero p{margin:0}
.i24q-quiz-count{margin:0 0 16px;color:#61736a;font-size:13px;font-weight:700}
.i24q-select .i24q-quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.i24q-select .i24q-quiz-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;border:1px solid #dfe8e2;border-radius:14px;box-shadow:0 3px 16px #152f2510;background:#fff;transition:transform .2s ease,box-shadow .2s ease}
.i24q-select .i24q-quiz-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #152f2520}
.i24q-select .i24q-cover-wrap{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:linear-gradient(135deg,#143b2d,#267450);display:flex;align-items:center;justify-content:center}
.i24q-select .i24q-cover{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0;margin:0;position:absolute;inset:0;transition:transform .35s ease}
.i24q-select .i24q-quiz-card:hover .i24q-cover{transform:scale(1.04)}
.i24q-select .i24q-cover-placeholder{font-size:62px;color:#a8e6be;opacity:.6}
.i24q-select .i24q-cover-label{position:absolute;bottom:12px;left:12px;background:#12392de0;color:white;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.07em}
.i24q-select .i24q-card-body{display:flex;flex-direction:column;align-items:stretch;flex:1;width:100%;padding:18px}
.i24q-select .i24q-quiz-card h2{font-size:clamp(18px,1.7vw,22px);line-height:1.25;margin:0 0 9px;color:#173d30}
.i24q-select .i24q-quiz-card .i24q-card-body>p{font-size:13px;line-height:1.5;margin:0 0 14px;color:#61736a;flex:1}
.i24q-select a.i24q-quiz-link{justify-content:center;width:100%;margin:0;padding:11px 14px;background:#176d48;border-radius:8px;font-size:14px;position:relative;z-index:1}
.i24q-select a.i24q-quiz-link:hover{background:#115539}
.i24q-select .i24q-card-ranking{margin-top:16px;padding-top:13px;border-top:1px solid #e5ece8}
.i24q-select .i24q-card-ranking h3{font-size:13px;margin:0 0 8px;color:#244b3b}
.i24q-select .i24q-card-ranking .i24q-leader{grid-template-columns:minmax(0,1fr) 60px 45px;gap:4px;padding:7px 0;font-size:12px}
.i24q-select .i24q-card-ranking .i24q-leader-head{font-size:11px}
.i24q-select .i24q-card-ranking .i24q-muted{font-size:12px;margin:0}
.i24q-select .i24q-quiz-card:focus-within{outline:2px solid #198754;outline-offset:3px}
@media(max-width:900px){.i24q-select .i24q-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.i24q-select .i24q-quiz-grid{grid-template-columns:1fr;gap:14px}.i24q-select .i24q-hero{padding:24px 20px}.i24q-select .i24q-card-body{padding:16px}.i24q-select .i24q-cover-wrap{aspect-ratio:16/8}}
@media(prefers-reduced-motion:reduce){.i24q-select .i24q-quiz-card,.i24q-select .i24q-cover{transition:none}}

/* v1.1.9: image-enabled compact individual quiz hero */
.i24q .i24q-play-hero{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:24px;padding:22px 26px;min-height:185px}
.i24q .i24q-play-hero:not(:has(.i24q-play-cover:not([hidden]))){grid-template-columns:1fr}
.i24q .i24q-play-cover{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#245842}
.i24q .i24q-play-cover img{display:block;width:100%;height:100%;object-fit:cover}
.i24q .i24q-play-intro h1{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:8px 0}
.i24q .i24q-play-intro p{margin:0 0 12px}
.i24q .i24q-play-meta{display:inline-block;font-size:12px;color:#d8f0df;font-weight:700}
@media(max-width:600px){.i24q .i24q-play-hero{grid-template-columns:1fr;gap:14px;padding:18px}.i24q .i24q-play-cover{aspect-ratio:16/8}.i24q .i24q-play-intro h1{font-size:25px}}

/* Sharing controls — catalogue cards and individual quiz pages */
/* Compact, understated share control; native details works without JS. */
.i24q-share{position:relative;display:inline-block;vertical-align:middle;margin:10px 0 0;max-width:100%;font-size:12px;z-index:2}
.i24q-share summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;color:#68776e;font-weight:500;padding:5px 1px;border:0;background:transparent;transition:color .15s}
.i24q-share summary::-webkit-details-marker{display:none}
.i24q-share summary:hover,.i24q-share[open] summary{color:#14583c}
.i24q-share summary:focus-visible{outline:2px solid #16744d;outline-offset:4px;border-radius:3px}
.i24q-share-menu{position:absolute;left:0;top:calc(100% + 5px);display:flex;flex-direction:column;gap:2px;min-width:154px;padding:5px;border:1px solid #dfe7e2;border-radius:9px;background:#fff;box-shadow:0 10px 25px rgba(10,40,25,.13);z-index:10}
.i24q-share-menu a,.i24q-share-menu button{display:block;width:100%;box-sizing:border-box;text-align:left;padding:9px 11px;border:0;border-radius:5px;background:transparent;color:#344b3f;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.i24q-share-menu a:hover,.i24q-share-menu button:hover{background:#f1f6f2;color:#14583c}
.i24q-play-share{margin:0 0 4px;display:flex;justify-content:flex-end}
.i24q-play-share .i24q-share{margin:5px 0 0}
@media(max-width:600px){.i24q-share-menu{left:auto;right:0}.i24q-quiz-card .i24q-share-menu{left:0;right:auto}}

/* v1.2.8 — paginated leaderboard carousel, 10 results per page */
.i24q-ranking-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.i24q-ranking-title h2{margin-bottom:4px}.i24q-ranking-total{font-size:12px;color:#466454;background:#edf5ef;border-radius:20px;padding:5px 10px;white-space:nowrap}
.i24q-ranking-slide[hidden]{display:none!important}.i24q-ranking-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:17px}
.i24q-ranking-nav button{display:inline-flex;align-items:center;justify-content:center;min-width:39px;height:39px;border:1px solid #d7e4da;border-radius:50%;background:#f5faf6;color:#155f3d;font-size:26px;line-height:1;cursor:pointer}
.i24q-ranking-nav button:hover:not(:disabled){background:#176d48;color:white}.i24q-ranking-nav button:disabled{opacity:.35;cursor:default}
.i24q-ranking-page{font-size:13px;font-weight:600;color:#476253;font-variant-numeric:tabular-nums}