:root{--ink:#293e33;--muted:#748075;--green:#315b43;--cream:#fff9e9;--gold:#b78143;--line:#dedfce}*{box-sizing:border-box}body{margin:0;background:#f4f4e9;color:var(--ink);font-family:Segoe UI,Arial,sans-serif;background-image:radial-gradient(#b5bca32b 1px,transparent 1px);background-size:16px 16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #cf963c;outline-offset:5px}button:disabled{cursor:default}a{color:inherit}.site-header{max-width:1440px;margin:auto;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:15px;letter-spacing:2px}.brand strong{color:var(--green)}.brand small{display:block;font-size:11px;letter-spacing:.3px;color:var(--muted);margin-top:5px}.brand-icon{background:#365b44;color:#fff5d6;width:42px;height:44px;display:grid;place-items:center;font-size:30px;border:3px solid #223c2b;box-shadow:3px 3px 0 #c6ccb7}.header-tag{font-size:10px;letter-spacing:2px;color:var(--muted)}.page-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:40px;padding:25px 30px 0;justify-content:center}.back-link{font-size:12px;text-decoration:none;color:#5e6c5d}.back-link:hover{text-decoration:underline}.intro{text-align:center;padding:32px 0 26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#61765b}.tiny-leaf{display:inline-block;width:9px;height:12px;background:#719063;border-radius:8px 0;margin-right:5px}h1{font-family:Georgia,serif;font-size:46px;letter-spacing:-1.5px;margin:12px 0 8px;font-weight:700}.title-star{color:#bc8e47;font-size:24px;vertical-align:top;display:inline-block;margin:6px 0 0 10px}.intro p{font-size:14px;color:#6b776b;margin:0 0 20px}.topic-tags{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.topic-tags span{border:1px solid #d9ddc8;background:#edf0e2;padding:6px 9px;font-size:9px;letter-spacing:1px;font-weight:600}.quiz-frame{border:12px solid transparent;border-image:url('assets/parchment.png') 9 fill / 12px / 0 stretch;image-rendering:pixelated;filter:drop-shadow(0 8px 0 #253e3210);padding:13px 28px 20px;background:var(--cream)}.quiz-frame>*{image-rendering:auto}.quiz-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddcdaa;padding-bottom:17px;font-size:10px;font-weight:700;letter-spacing:1.5px}.status-dot{width:7px;height:7px;display:inline-block;background:#668651;margin-right:6px}.hint-toggle{background:#f4ebd8;border:1px solid #d9c9a7;padding:7px 9px;color:#69705d;font-size:10px;letter-spacing:0}.progress-caption{display:flex;justify-content:space-between;margin:20px 0 9px;font-size:11px;font-weight:600;color:#6c735f}.progress-track{height:8px;background:#e6dcc0;border:1px solid #d2c39f}.progress-track>div{height:100%;background:#698558;transition:width .25s;width:0}.question-heading{text-align:center;margin:25px 0 20px}.section-label{font-size:9px;letter-spacing:2px;font-weight:700;color:#9b794c}h2{font-family:Georgia,serif;font-size:27px;margin:8px 0}.question-heading p{color:#7a7d6b;font-size:12px;margin:0}.sports-scene{height:180px;max-width:440px;margin:0 auto 22px;position:relative;overflow:hidden;background:#e7efe0;border:2px solid #c4d0ae;box-shadow:4px 4px 0 #e3dec9}.sun{width:36px;height:36px;background:#e6c875;position:absolute;top:21px;right:65px;box-shadow:6px 0 #e6c875,-6px 0 #e6c875,0 6px #e6c875,0 -6px #e6c875}.cloud{position:absolute;width:64px;height:10px;background:#fffdf0;box-shadow:10px -8px #fffdf0,22px -15px #fffdf0}.cloud-one{top:44px;left:40px}.cloud-two{top:70px;right:27px;transform:scale(.7)}.hill{position:absolute;background:#c8d9b5;width:300px;height:130px;transform:rotate(-15deg);left:-40px;bottom:-66px}.hill-front{background:#aabc91;transform:rotate(15deg);left:auto;right:-60px;bottom:-78px;width:360px}.scene-grass{position:absolute;bottom:0;width:100%;height:13px;background:#8ea778;border-top:4px solid #a5b98a}#sports-emoji{position:absolute;font-size:78px;left:50%;top:30px;transform:translateX(-50%);filter:drop-shadow(2px 5px 0 #71865b26)}#sports-label{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);background:#fff9e7;border:1px solid #bbbf9c;font-size:10px;font-weight:700;letter-spacing:2px;padding:5px 13px}.scene-flower{position:absolute;bottom:20px;color:#fff4c8;font-size:24px}.flower-one{left:30px}.flower-two{right:30px;font-size:18px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{position:relative;border:9px solid transparent;border-image:url('assets/button.png') 8 fill / 9px / 0 stretch;min-height:78px;background:#fff5dc;color:var(--ink);box-shadow:0 3px 0 #b5955b26;padding:3px 28px 6px;transition:transform .1s}.answer:hover:enabled{transform:translateY(-2px);filter:brightness(1.04)}.answer .number{position:absolute;left:3px;top:5px;font-size:10px;border:1px solid #cfbf9a;width:19px;height:19px;display:grid;place-items:center;color:#9a8867}.hebrew{display:block;font-family:Arial,sans-serif;font-size:29px;line-height:1.4}.pronunciation{display:block;font-size:11px;color:#8b7a5e;margin-top:1px}.hints-off .pronunciation{display:none}.answer.correct{border-image:none;border:2px solid #70925c;background:#e6edcf;padding:10px 35px 13px}.answer.wrong{border-image:none;border:2px solid #be7463;background:#f7e1d6;padding:10px 35px 13px}.answer:disabled{opacity:1}.answer.correct::after{content:'✓';position:absolute;right:10px;top:20px;color:#487136}.answer.wrong::after{content:'×';position:absolute;right:10px;top:20px;color:#ae5a45}.feedback{min-height:49px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:#7d806c;padding:12px 0;line-height:1.6}.feedback.success{color:#487136}.feedback.error{color:#935640}.quiz-footer{border-top:1px solid #ddcdaa;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-footer>span{font-size:9px;letter-spacing:1px;color:#9a9378}.primary-button{background:#375b41;color:#fff5d9;border:2px solid #284330;box-shadow:3px 3px 0 #b2b695;padding:11px 18px;font-size:12px;font-weight:600}.primary-button span{margin-left:20px}.primary-button:disabled{background:#c2c6ac;border-color:#adb297;color:#f9f8e9;box-shadow:3px 3px 0 #dedcc6}.primary-button:hover:enabled{background:#466c4e}.secondary-button{background:#f2e6c8;border:2px solid #b99b68;color:#674f30;padding:11px 16px;font-size:12px}.learning-note{display:flex;gap:15px;align-items:center;justify-content:center;margin:25px 20px 30px;color:#7f8775}.learning-note>span{font-size:26px;color:#a88e56}.learning-note p{font-size:11px;line-height:1.8;margin:0}.learning-note strong{color:#5a6b51;font-size:12px}.ad-unit{text-align:center;position:relative}.ad-unit>span{position:absolute;top:12px;left:0;right:0;font-size:8px;letter-spacing:2px;color:#98a08f}.side-ad{min-height:600px;align-self:start}.adsbygoogle{display:block;width:100%}.bottom-ad{max-width:970px;min-height:130px;margin:0 auto 25px}.bottom-ad .adsbygoogle{min-height:90px}.site-footer{max-width:1240px;margin:auto;padding:20px 30px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8b9280;font-size:10px}.site-footer a{text-decoration:none}#results-screen{text-align:center;padding:30px 0 10px}.result-icon{font-size:65px;margin-bottom:20px}#result-summary{font-size:14px;color:#6c735f}.review-row{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border-bottom:1px solid #dfd3b5;padding:10px 0;font-size:13px}.review-row .hebrew{font-size:23px}.review-row small{color:#83775f}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}[hidden]{display:none!important}@media(min-width:1450px){.intro{padding-top:40px}.page-layout{gap:50px}}@media(max-width:1150px){.page-layout{grid-template-columns:minmax(0,740px);padding:25px 24px 0}.side-ad{display:none}.bottom-ad{margin-left:24px;margin-right:24px}.header-tag{display:none}}@media(max-width:600px){.site-header{padding:18px 20px}.brand{font-size:12px}.brand small{font-size:10px}.page-layout{padding:20px 12px 0}.back-link{margin-left:8px}.intro{padding:26px 0 22px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:35px}.title-star{font-size:18px}.topic-tags{gap:5px}.topic-tags span{font-size:8px;padding:5px}.quiz-frame{padding:10px 10px 17px}.quiz-toolbar{font-size:9px;letter-spacing:.5px}.hint-toggle{font-size:9px;padding:7px 5px}h2{font-size:23px}.sports-scene{height:161px}.answers{gap:9px}.answer{padding-left:20px;padding-right:20px}.hebrew{font-size:26px}.quiz-footer>span{font-size:8px;letter-spacing:0}.primary-button{padding:10px 12px}.primary-button span{margin-left:8px}.learning-note{margin:23px 12px}.site-footer{padding:18px 20px;gap:15px;line-height:1.6}.bottom-ad{margin-left:12px;margin-right:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Compact quiz layout. */
.site-header{justify-content:center;padding:20px}.site-header .back-link{font-size:15px;font-weight:600}.side-ad{margin-top:0}.page-layout{padding-bottom:30px}


/* Generated sports artwork. */
#sports-image{position:absolute;width:156px;height:156px;object-fit:contain;left:50%;top:0;transform:translateX(-50%);image-rendering:pixelated}.review-sports{display:flex;align-items:center;gap:8px}.review-sports img{object-fit:contain;image-rendering:pixelated}@media(max-width:600px){#sports-image{width:140px;height:140px;top:-2px}}


#sports-image{width:140px;height:140px;top:0}#sports-label{bottom:14px}@media(max-width:600px){#sports-image{width:124px;height:124px;top:0}}


/* Standalone sports and readable results. */
.sports-scene{background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:center}#sports-image{position:static;transform:none;width:156px;height:156px}#result-title{font-size:32px;line-height:1.25}#result-summary{font-size:20px;line-height:1.6}#results-screen .section-label{font-size:13px}.review-row{font-size:18px;flex-wrap:wrap}.review-row .hebrew{font-size:32px}.review-row small{font-size:16px}.result-actions button{font-size:17px}.site-footer{font-size:14px}@media(max-width:600px){#result-title{font-size:28px}#result-summary{font-size:18px}.review-row{gap:8px}}


/* Clear navigation and answer feedback. */
.site-header .back-link{font-size:24px;font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:5px}.feedback.success,.feedback.error{justify-content:flex-start;gap:14px;text-align:left;border:2px solid;padding:14px 18px;margin:16px 0;border-radius:4px}.feedback.success{color:#246331;background:#e8f3df;border-color:#579346}.feedback.error{color:#a32c25;background:#ffebe5;border-color:#c44a3c}.feedback-symbol{font-size:38px;font-weight:800;line-height:1;flex-shrink:0}.feedback-heading{display:block;font-size:22px;line-height:1.3}.feedback-explanation{display:block;font-size:16px;line-height:1.6;margin-top:3px}.answer.correct::after,.answer.wrong::after{font-size:25px;font-weight:800}.answer.wrong::after{content:'✗'}@media(max-width:600px){.site-header .back-link{font-size:22px}.feedback.success,.feedback.error{padding:12px;gap:10px}.feedback-heading{font-size:20px}.feedback-explanation{font-size:15px}}


/* Light green page surrounding the quiz. */
body{background-color:#e6efdf}



/* Room for the topic title and longer Hebrew words. */
.quiz-toolbar{gap:12px;flex-wrap:wrap}.quiz-toolbar>span{line-height:1.6}.answer .hebrew{font-size:clamp(20px,3vw,29px)}.review-row .hebrew{font-size:clamp(24px,4vw,32px)}



/* Sports words stay readable on narrow screens. */
.answer{padding-left:20px;padding-right:20px}.answer .hebrew{font-size:clamp(20px,3vw,29px)}@media(max-width:600px){.answer{padding-left:15px;padding-right:15px}.answer .hebrew{font-size:22px}.answer .hebrew.long-word{font-size:19px}}



/* Header with site logo image (return to home), smaller. */
.site-header{justify-content:center;padding:14px 16px}
.site-header__home{display:inline-block;line-height:0}
.site-header__home img{display:block;max-width:360px;width:100%;height:auto}