*{box-sizing:border-box}body{margin:0;background:#f3f7fb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#16243a}.miniApp{max-width:430px;min-height:100vh;margin:auto;background:#f6f9fc;padding-bottom:74px;box-shadow:0 0 35px #12375b12;position:relative}.statusbar{height:30px;background:#0878f9;color:white;display:flex;justify-content:space-between;padding:5px 21px;font-size:12px}.miniHeader{height:54px;background:#0878f9;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:15px}.hero{height:300px;background:linear-gradient(180deg,#026eb233,#052c4be6),url('https://images.unsplash.com/photo-1605649487212-47bdab064df7?auto=format&fit=crop&w=950&q=85') center/cover;color:#fff;text-align:center;padding:10px 12px 0}.crest{font-size:34px}.hero h1{font-size:26px;line-height:1.05;margin:2px 0 7px}.hero p{font-size:11px;line-height:1.4;margin:0}.search{height:45px;margin:13px 2px 9px;border-radius:13px;background:white;display:flex;padding:0 12px;align-items:center}.search input{flex:1;min-width:0;border:0;outline:0;font-size:12px}.search button{font-size:22px;border:0;color:#0878f9;background:none}.locationSelect{height:44px;background:#fff;color:#68788c;border-radius:12px;display:flex;align-items:center;padding:0 11px;gap:7px;text-align:left;font-size:10px}.locationSelect select{margin-left:auto;max-width:52%;border:0;outline:0;background:white;color:#16243a;font-weight:650;font-size:11px}.content{padding:13px}.notice{margin:10px 13px 0;padding:10px 12px;border-radius:10px;font-size:11px;background:#eaf8f0;color:#147c4c}.notice.error{background:#fff0f0;color:#b63242}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 5px;padding:0 0 17px}.tiles a{text-align:center;text-decoration:none;color:#172336;font-size:10px;line-height:1.3}.tiles i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 6px;border-radius:14px;color:white;font-style:normal;font-size:24px;box-shadow:0 5px 12px #1839571c}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin:12px 1px 9px}.sectionHead h2{font-size:15px;margin:0}.sectionHead a,.sectionHead span{font-size:11px;color:#0878f9;text-decoration:none}.cards{display:grid;gap:8px}.newsCard{background:#fff;border:1px solid #edf1f5;border-radius:12px;padding:8px;display:grid;grid-template-columns:92px 1fr;gap:10px}.thumb{height:72px;border-radius:9px;background:linear-gradient(145deg,#97c8f4,#d9efff);display:grid;place-items:center;color:#1875d2;font-size:27px}.newsCard b{font-size:11px;line-height:1.4;display:block}.newsCard small,.productCard small,.lineCard small{display:block;font-size:9px;color:#7c8b9f;margin-top:4px}.newsCard p{font-size:10px;color:#53657b;line-height:1.45;margin:4px 0 0}.productGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.productCard{background:white;border-radius:12px;overflow:hidden;border:1px solid #edf1f5;padding-bottom:8px}.productPhoto{height:95px;display:grid;place-items:center;background:linear-gradient(145deg,#c7e7d1,#f4e4b7);font-size:34px}.productCard b,.productCard small,.productCard strong{margin-left:8px;margin-right:8px}.productCard b{display:block;font-size:11px;margin-top:7px}.productCard strong{display:block;color:#0878f9;font-size:10px;margin-top:5px}.lineCard{display:flex;align-items:center;gap:10px;background:#fff;border-radius:11px;margin:6px 0;padding:10px;border:1px solid #edf1f5}.lineCard i{width:37px;height:37px;border-radius:10px;background:#eaf3ff;color:#0878f9;font-size:18px;font-style:normal;display:grid;place-items:center}.lineCard div{flex:1}.lineCard b{font-size:11px}.lineCard>span{color:#8695a8}.localPanel{background:#fff;border:1px solid #e7eef6;border-radius:14px;padding:13px;margin-top:18px}.localPanel h2{font-size:17px;margin:0}.localPanel>p{font-size:10px;color:#708096;margin:5px 0 12px}.localGrid{display:grid;gap:8px}.localGrid article{background:#f8fafc;padding:10px;border-radius:10px}.localGrid article>b{font-size:11px}.localGrid p{font-size:10px;margin:7px 0 0;line-height:1.45}.localGrid small{display:block;color:#7a899b;margin-top:3px}.localGrid a{color:#0878f9;text-decoration:none}.faq{background:#fff;border:1px solid #edf1f5;border-radius:10px;padding:11px;margin:6px 0;font-size:11px}.faq summary{font-weight:650;cursor:pointer}.faq p{color:#66778b;line-height:1.55;margin-bottom:0}.feedback{margin:18px 0;background:#fff;border-radius:13px;border:1px solid #e7eef6;padding:13px}.feedback h2{font-size:15px;margin:0 0 5px}.feedback>p{font-size:10px;color:#7a899b}.feedback form{display:grid;gap:9px}.feedback label{font-size:10px;display:grid;gap:5px;color:#617188}.feedback input,.feedback textarea{padding:10px;border:1px solid #dfe7f0;border-radius:8px;font:12px inherit}.feedback textarea{min-height:75px}.send{border:0;border-radius:9px;padding:11px;background:#0878f9;color:#fff;font-weight:650}.adminLink{display:block;text-align:center;color:#0878f9;font-size:10px;text-decoration:none;padding:12px}.bottom{position:fixed;bottom:0;width:min(100%,430px);height:65px;left:50%;transform:translateX(-50%);background:#fff;border-top:1px solid #e6edf5;display:flex;justify-content:space-around}.bottom a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#63758d;font-size:19px;text-decoration:none}.bottom small{font-size:9px;margin-top:1px}@media(min-width:700px){body{padding:12px}.miniApp{border:1px solid #2b89f8;border-radius:24px;overflow:hidden;min-height:calc(100vh - 24px)}.bottom{bottom:12px;border-radius:0 0 24px 24px}}

/* Product media, learning module, category editor */
.sidebar{overflow-y:auto}.extraFields{border:1px solid #e5edf6;border-radius:12px;padding:16px;margin-top:18px;background:#fbfdff}.extraFields h3{font-size:14px;margin:0 0 6px}.extraFields p{font-size:11px;color:#77879b;margin:0 0 12px}.extraFields input[type=file]{display:block;margin:8px 0}.existingImage{display:inline-flex;vertical-align:top;flex-direction:column;gap:5px;margin:6px 10px 8px 0;font-size:10px;color:#65758a}.existingImage img{width:90px;height:70px;object-fit:cover;border-radius:8px;border:1px solid #dce6f1}.extraHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.questionEditor{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;margin:10px 0;background:#fff;border:1px solid #e5edf6;border-radius:10px}.questionEditor .field:first-child{grid-column:1/-1}.questionEditor .field{grid-column:auto}.removeQuestion{justify-self:start;border:0;background:#fff1f1;color:#b63242;border-radius:6px;padding:7px 10px;cursor:pointer;font-size:10px}.choosePrompt{max-width:430px;margin:9px auto 0;padding:11px 15px;background:#eaf3ff;color:#176ac6;font-size:11px}.locationSelect select{max-width:58%;padding:7px 4px}.search>a{font-size:10px;color:#1677e8;text-decoration:none;padding-left:5px}.productGallery{height:110px;display:flex;overflow-x:auto;gap:4px;background:#edf3f8}.productGallery img{min-width:100%;height:110px;object-fit:cover}.learningSection{margin-top:18px}.learningIntro,.emptyMini{font-size:10px;color:#738399}.courseCard{background:#fff;border:1px solid #e4ebf3;border-radius:13px;padding:12px;margin:8px 0;box-shadow:0 3px 12px #1b385b08}.courseHead{display:flex;align-items:center;gap:10px}.courseIcon{height:40px;width:40px;border-radius:11px;background:#e8f3ff;color:#0878f9;display:grid;place-items:center;font-size:20px}.courseHead b{font-size:12px}.courseHead small{display:block;color:#7b899a;font-size:9px;margin-top:4px}.courseCard>p{font-size:10px;color:#66768a;line-height:1.5}.videoFrame{position:relative;width:100%;aspect-ratio:16/9;background:#111;border-radius:10px;overflow:hidden}.videoFrame iframe{width:100%;height:100%;border:0}.learningFile{display:block;background:#edf6ff;color:#0878f9;border-radius:9px;padding:11px;text-decoration:none;font-size:11px}.quizBox,.reviewForm{margin-top:11px;border:1px solid #e8edf3;border-radius:9px;padding:10px;font-size:11px}.quizBox summary,.reviewForm summary{font-weight:700;cursor:pointer;color:#1b4d81}.quizBox form,.reviewForm form{display:grid;gap:9px;margin-top:10px}.quizBox fieldset{border:1px solid #edf0f4;border-radius:8px;padding:9px}.quizBox legend{font-weight:650;font-size:10px}.answerOption{display:block;padding:5px;font-size:10px}.learnerName{display:grid;gap:5px;font-size:10px;color:#5b6d81}.learnerName input,.learnerName select,.learnerName textarea{width:100%;border:1px solid #dce5ef;border-radius:7px;padding:8px;font:11px inherit}.learnerName textarea{min-height:55px}.reviewList{margin-top:11px;font-size:10px}.reviewList>p{padding:6px 0;margin:0;border-top:1px solid #eef1f4;color:#5e6e80}.reviewList span{color:#e29a16;font-weight:700}.reviewList small{color:#8995a3}.noQuiz{font-size:9px!important;color:#8995a3!important}.send:disabled{opacity:.5;cursor:not-allowed}.featureBack{display:inline-block;margin:0 0 12px;color:#0878f9;font-size:12px;text-decoration:none}.featureTitle{font-size:20px;margin:4px 0 12px}.featureIntro{font-size:12px;color:#68788c}.productCard>small:last-child{padding-top:6px;border-top:1px solid #eef1f5}.citizenAuth{display:grid;gap:12px;margin-top:16px}.citizenAuth label{display:grid;gap:6px;font-size:12px;color:#586b81}.citizenAuth input{border:1px solid #dce5ef;border-radius:9px;padding:12px;font:14px inherit}.authToggle{text-align:center;font-size:12px;color:#63758d}.authToggle a{color:#0878f9}.certificateBody{background:#f2f6fb;padding:24px}.certificate{max-width:760px;margin:30px auto;background:#fff;border:10px double #c99b39;text-align:center;padding:56px 40px;color:#173961;box-shadow:0 14px 40px #122b481c}.certificateSeal{font-size:44px}.certificate h1{font-size:28px;color:#a5791e;letter-spacing:.08em}.certificate h2{font-size:20px}.certificateName{display:block;font-size:30px;color:#123f79;margin:24px}.certificateCode{margin:24px auto;padding:10px;border-top:1px solid #d8c48d;border-bottom:1px solid #d8c48d;max-width:340px}.certificate button,.certificate>a{display:block;width:max-content;margin:18px auto 0}.certificate>a{font-size:12px;color:#0878f9}.noPrint{display:block}@media print{body.certificateBody{padding:0;background:white}.certificate{margin:0 auto;box-shadow:none;min-height:95vh}.noPrint{display:none!important}}@media(max-width:700px){.permissionGrid{grid-template-columns:1fr 1fr}.certificate{padding:30px 18px}.certificate h1{font-size:22px}}
body{font-family:"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif}.miniApp{font-family:"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;font-size:14px}.miniHeader,.miniApp button,.miniApp input,.miniApp textarea,.miniApp select{font-family:inherit}.miniApp h1,.miniApp h2,.miniApp b{letter-spacing:-.01em}.weatherBadge{position:absolute;top:9px;right:10px;z-index:1;display:flex;align-items:center;gap:6px;border-radius:12px;padding:6px 9px;background:#123a5dcc;color:#fff;text-align:left;box-shadow:0 4px 12px #12375b26}.weatherBadge b{font-size:14px}.weatherBadge span{font-size:9px;max-width:95px;line-height:1.2}.hero{position:relative}.productLink{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}.productLink:hover{transform:translateY(-2px);box-shadow:0 8px 20px #12375b18}.productOpen{display:block;margin:7px 8px 0;color:#0878f9;font-size:10px;font-weight:650}.productDetail{overflow:hidden;background:white;border:1px solid #e7edf4;border-radius:14px}.detailGallery{display:flex;gap:5px;overflow:auto;height:230px;background:#edf3f8}.detailGallery img{min-width:100%;height:230px;object-fit:cover}.detailProductInfo{padding:14px}.detailProductInfo small{color:#79899b;font-size:11px}.detailProductInfo h2{font-size:18px;margin:7px 0}.detailProductInfo strong{color:#0878f9}.detailProductInfo p{color:#748399;font-size:11px;border-top:1px solid #edf1f5;padding-top:10px}.logoutCitizen{margin-top:15px}.logoutButton{border:1px solid #f1c9cd;background:#fff6f6;color:#b13843;padding:10px 14px;border-radius:9px;font-weight:650}.weatherSettings header{padding:16px;border-bottom:1px solid #edf1f6}.weatherSettings header b{display:block;font-size:14px}.weatherSettings header small{display:block;color:#7b899a;font-size:11px;margin-top:5px}.weatherSettings input{width:150px;max-width:100%;padding:8px;border:1px solid #dfe7f0;border-radius:7px;font:12px inherit}@media(max-width:520px){.weatherBadge{top:8px;right:7px}.weatherBadge span{max-width:72px}.detailGallery,.detailGallery img{height:190px}}
.citizenAuth input,.learnerName input,.learnerName select,.learnerName textarea,.feedback input,.feedback textarea,.weatherSettings input{font:inherit;font-size:12px}.quizBox,.reviewForm,.featureIntro,.faq,.productCard{font-family:inherit}
.miniApp{font-family:"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;color:#10213b}.statusbar{height:25px;padding-top:4px}.miniHeader{height:42px;font-weight:700}.hero{height:240px;background-image:linear-gradient(180deg,#0472e544,#052c4bec),url('https://images.unsplash.com/photo-1605649487212-47bdab064df7?auto=format&fit=crop&w=1000&q=88');background-position:center 45%;padding-top:7px}.hero .crest{font-size:27px;line-height:1}.hero h1{font-size:26px;font-weight:850;line-height:1;margin:3px 0 6px;text-shadow:0 2px 8px #092d55}.hero p{font-size:11px;font-weight:700;text-shadow:0 1px 5px #092d55}.weatherBadge{top:7px;right:9px}.search{height:43px;margin:12px 2px 8px}.locationSelect{height:42px;font-size:11px}.tiles{gap:13px 5px;padding:0 0 14px}.tiles a{font-size:11px;font-weight:650}.tiles i{width:57px;height:57px;font-size:25px;border-radius:15px}.sectionHead h2{font-size:16px;font-weight:750}.newsCard{color:inherit;text-decoration:none}.newsCard b{font-size:11px;font-weight:700}.newsThumb{background:linear-gradient(140deg,#7fb5d2,#e8c6a3)}.newsLink{cursor:pointer}.newsLink:hover{border-color:#bddcff}.localityHero{height:205px;position:relative;margin:-13px -13px 13px;background:linear-gradient(180deg,#123b5655,#102e4a12 55%,#ffffff 100%),url('https://images.unsplash.com/photo-1605649487212-47bdab064df7?auto=format&fit=crop&w=900&q=88') center/cover;border-radius:0 0 16px 16px}.localWeather{position:absolute;right:10px;top:10px;display:flex;gap:5px;align-items:center;color:#fff;background:#17354bdc;border-radius:12px;padding:7px 10px;font-size:15px}.localWeather small{display:block;font-size:9px;max-width:75px}.localityTitle{position:absolute;bottom:8px;left:10px;right:10px;padding:11px 13px;background:#ffffffdf;backdrop-filter:blur(8px);border-radius:14px}.localityTitle h2{font-size:19px;margin:0 0 4px;color:#101e31}.localityTitle p{font-size:11px;margin:0;color:#4f5c6d}.localActions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 4px;margin:12px 0 20px}.localActions a{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;color:#15243a;text-decoration:none;font-size:10px;line-height:1.25;font-weight:600}.localActions i,.utilityGrid i{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#3698fa,#0878ef);color:#fff;font-size:22px;font-style:normal;box-shadow:0 4px 10px #0878f933}.localActions a:nth-child(4n+2) i{background:linear-gradient(145deg,#ff678a,#f23c68)}.localActions a:nth-child(4n+3) i{background:linear-gradient(145deg,#2ac982,#0aa964)}.localActions a:nth-child(4n) i{background:linear-gradient(145deg,#ff9b48,#f87320)}.localServices header{display:flex;justify-content:space-between;align-items:center;margin:12px 0 9px}.localServices header b{font-size:15px}.localServices header a{font-size:11px;color:#0878f9;text-decoration:none}.localData{padding:11px 0;border-bottom:1px solid #eef1f4}.localData>b{font-size:12px}.localData p{font-size:11px;line-height:1.45}.localData small{display:block;color:#738399}.localData a{color:#0878f9}.utilityGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.utilityGrid>a{padding:12px;background:#fff;border:1px solid #e8eef5;border-radius:12px;display:grid;grid-template-columns:42px 1fr;column-gap:9px;text-decoration:none;color:#18273b}.utilityGrid i{width:40px;height:40px;grid-row:span 2;font-size:20px}.utilityGrid b{font-size:11px;align-self:end}.utilityGrid small{font-size:9px;color:#75849a}.quickPhone{display:block;padding:9px;color:#176ec9;text-decoration:none;border-top:1px solid #edf1f5;font-size:11px}.shopTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#62738a;font-size:11px}.shopTop a{color:#0878f9;text-decoration:none;font-weight:700}.productLink{color:inherit}.buyForm{display:flex;align-items:end;gap:8px;margin-top:13px}.buyForm label{display:grid;gap:5px;color:#718198;font-size:10px}.buyForm input{width:72px;padding:10px;border:1px solid #dce5ef;border-radius:8px}.buyForm .send{flex:1}.productReview form{display:grid;gap:8px;margin-top:10px}.productReview form label,.checkoutForm label{display:grid;gap:4px;font-size:11px;color:#64768c}.productReview input,.productReview select,.productReview textarea,.checkoutForm input,.checkoutForm textarea{padding:10px;border:1px solid #dce5ef;border-radius:8px;font:inherit;font-size:12px}.productReview textarea,.checkoutForm textarea{min-height:60px}.productReview>p{font-size:11px;border-bottom:1px solid #edf1f5;padding-bottom:8px}.checkoutForm{display:grid;gap:11px;background:white;border:1px solid #e8eef5;border-radius:12px;padding:13px}.cartRow{display:flex;flex-direction:column;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:11px}.cartRow span{margin-top:3px;color:#738399}.checkoutNote{font-size:10px;color:#748399;line-height:1.4}.loginRequired{padding:12px;background:#fff8e9;border:1px solid #ffe5a8;border-radius:10px;font-size:11px}.loginRequired a{display:block;margin-top:5px;color:#0878f9;font-weight:700}.learningVideo{width:100%;max-height:260px;border-radius:10px;background:#111}.localPanel{margin-top:14px}.localServices .lineCard{margin:7px 0}.content{padding:13px}.localityHero + .localActions{margin-top:10px}
.miniHeader>a{color:inherit;text-decoration:none;font-size:24px;line-height:1;width:32px}.featureLocation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 13px 0;padding:9px 11px;background:#f7f9fc;border:1px solid #e9eef5;border-radius:10px;color:#67768a;font-size:10px}.featureLocation select{max-width:65%;border:0;background:transparent;color:#17253a;font:600 11px "Segoe UI",Roboto,Arial,sans-serif;text-align:right;outline:none}.miniApp:has(.featureLocation) .content{padding-top:11px}
.learningBanner{height:130px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:15px;background:linear-gradient(110deg,#eaf6ff 0%,#d1eaff 65%,#addcf5 100%);color:#06428d}.learningBanner strong{font-size:21px;line-height:1.05;font-weight:850;letter-spacing:-.5px}.learningBanner small{font-size:9px;margin-top:8px;max-width:170px}.learningBanner span{position:absolute;right:14px;bottom:15px;font-size:48px}.learningTabs{display:flex;justify-content:space-around;background:white;border-bottom:1px solid #e6edf5;margin:0 -13px 11px;padding:11px 0}.learningTabs a{color:#34445b;text-decoration:none;font-size:11px;padding:0 8px}.learningTabs .active{color:#0878f9;border-bottom:2px solid #0878f9;padding-bottom:10px;margin-bottom:-12px}.courseList{display:grid;gap:7px}.courseRow,.lessonRow{display:flex;align-items:center;gap:10px;padding:10px;background:white;border:1px solid #edf1f5;border-radius:12px;color:#18283e;text-decoration:none;min-height:60px}.courseThumb{width:55px;height:50px;border-radius:9px;background:linear-gradient(135deg,#174d56,#b1dbbc);display:grid;place-items:center;color:#fff;font-size:24px}.courseRow>span:nth-child(2),.lessonRow>span:nth-child(2){flex:1;min-width:0}.courseRow b,.lessonRow b{font-size:11px;display:block}.courseRow small,.lessonRow small{display:block;font-size:9px;color:#77879b;margin-top:5px}.courseRow>i,.lessonRow>i{font-style:normal;color:#8b9ab0;font-size:20px}.lessonRow progress,.lessonProgress progress{width:100%;height:5px;display:block;margin-top:6px;accent-color:#0878f9}.learningLogin{display:block;text-align:center;margin:12px;color:#0878f9;text-decoration:none;font-size:10px}.lessonVideo{position:relative}.videoQuestion{position:absolute;inset:8% 5%;z-index:3;background:#fffffff2;border-radius:12px;padding:13px;box-shadow:0 8px 30px #10233a44;display:flex;flex-direction:column;gap:7px;overflow:auto}.videoQuestion[hidden]{display:none}.videoQuestion button{border:1px solid #d8e4f2;border-radius:8px;background:#f8fbff;text-align:left;padding:8px;font:11px inherit}.questionMessage{color:#b54137}.lessonProgress{margin:11px 0;font-size:10px;color:#62738a}.timedExam fieldset{margin:8px 0}.examCountdown{color:#d34436;font-size:11px}.platformLimit{font-size:9px;color:#8995a4}.productSearch{height:38px;display:flex;align-items:center;padding:0 10px;background:#f1f4f7;border-radius:10px;margin:5px 0 9px}.productSearch input{flex:1;border:0;background:transparent;outline:none;font-size:10px}.productSearch button{border:0;background:transparent;color:#61748a;font-size:19px}.ocopBanner{height:100px;border-radius:12px;background-position:center;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:12px;margin-bottom:10px}.ocopBanner b{font-size:15px;line-height:1.12}.ocopBanner small{font-size:9px;margin-top:4px}.productCategories{display:flex;justify-content:space-between;gap:4px;margin:10px 0 16px;overflow-x:auto}.productCategories a{flex:1;min-width:55px;display:flex;align-items:center;flex-direction:column;gap:4px;color:#17263a;text-decoration:none;text-align:center;font-size:9px}.productCategories i{font-style:normal;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e8f7e8;font-size:21px}.productCategories a:nth-child(2n) i{background:#fff0de}.featuredHead{display:flex;justify-content:space-between;align-items:center;margin:8px 2px;font-size:12px}.featuredHead span{color:#8190a3;font-size:9px}.ocopGrid .productGallery,.ocopGrid .productPhoto{height:100px}.ocopGrid .productGallery img{height:100px}.ocopGrid .productCard{padding:5px 5px 8px}.ocopGrid .productCard b{font-size:10px;margin-top:5px}.ocopGrid .productRating{color:#e59717;font-weight:700}.ocopGrid .productCard strong{color:#17263a;font-size:10px}.sellerInfo{display:grid;gap:5px;padding:10px;margin-top:12px;background:#f7f9fc;border-radius:10px;font-size:10px}.sellerInfo a{color:#0878f9;text-decoration:none}.geoControls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.geoStatus{font-size:9px;color:#78879a}.feedback input[type=file]{font-size:10px}.bannerPreviewGrid{display:flex;gap:8px;flex-wrap:wrap}.bannerPreview{display:grid;gap:4px}.bannerPreview img{width:140px;height:80px;object-fit:cover;border-radius:8px}.bannerPreview span{font-size:10px;color:#65758a}
.relatedLessons{margin:12px 0;background:white;border:1px solid #e8eef5;border-radius:12px;padding:12px}.relatedLessons h3{font-size:12px;margin:0 0 7px}.relatedLessons a{display:flex;justify-content:space-between;padding:9px 0;color:#22354c;text-decoration:none;border-top:1px solid #eef1f4;font-size:10px}.relatedLessons span{color:#8090a4}
.courseThumb img{width:100%;height:100%;object-fit:cover;border-radius:9px}.learningCoverPreview{width:190px;height:100px;object-fit:cover;border-radius:8px}

/* Searchable locality picker, readable citizen address fields and focused detail media */
.locationSelect{gap:8px}.locationSelect>span{white-space:nowrap;font-size:10px}.locationSearch{flex:1;min-width:0;width:100%;border:1px solid #e1e9f2;border-radius:9px;padding:8px 9px;background:#f8fafc;color:#18283e;font-size:11px;outline:none}.locationSearch:focus{border-color:#1689f8;box-shadow:0 0 0 2px #1689f822}.locationSelect button,.featureLocation button{flex:none;width:29px;height:29px;border:0;border-radius:8px;background:#eaf3ff;color:#0878f9;font-size:19px;line-height:1}.featureLocation{display:flex;align-items:center;gap:8px}.featureLocation>span{white-space:nowrap}.citizenAuth select{width:100%;border:1px solid #dce5ef;border-radius:9px;padding:12px;background:#fff;color:#1a2b43;font:14px inherit}.newsArticle{padding:16px;background:#fff;border:1px solid #e8eef5;border-radius:14px;box-shadow:0 4px 16px #15375b08}.newsArticle>small{color:#77879a;font-size:10px}.newsArticle h1{font-size:20px;line-height:1.35;margin:9px 0 14px;color:#142c49}.newsArticleBody{font-size:13px;line-height:1.75;color:#394b62;white-space:normal}.relatedNews{display:grid;gap:8px;margin-top:18px}.relatedNews h2{font-size:14px;margin:0 0 2px}.readMore{display:block;margin-top:6px;font-size:10px;color:#0878f9}.productGalleryDetail{display:grid;gap:9px}.productMainImage{height:260px;border-radius:13px;overflow:hidden;background:#edf3f8}.productMainImage img{width:100%;height:100%;object-fit:cover;display:block}.productThumbnails{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px}.productThumb{flex:0 0 62px;width:62px;height:58px;padding:2px;border:1px solid #e1e8f0;border-radius:9px;background:#fff;overflow:hidden;cursor:pointer}.productThumb.active{border:2px solid #1689f8;box-shadow:0 0 0 2px #1689f822}.productThumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.productDisplaySettings{display:grid;gap:9px}.productDisplaySettings h2{font-size:14px;margin:0}.productDisplaySettings p{font-size:11px;color:#738399;margin:0}
.residencePicker{display:grid;gap:6px}.residencePicker input{width:100%;box-sizing:border-box;border:1px solid #dce5ef;border-radius:10px;padding:12px;background:#fff;color:#1a2b43;font:inherit;font-size:14px}.residencePicker input:focus{outline:0;border-color:#1689f8;box-shadow:0 0 0 3px #1689f820}.newsArticleImage{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:12px;margin:10px 0 14px}.citizenAuth select{font:inherit;font-size:14px}

.locationSelect.searchableLocation,.featureLocation.searchableLocation{position:relative;z-index:8;overflow:visible;flex-wrap:nowrap}.locationSearch{flex:1;min-width:0}.locationDropdown{position:absolute;display:none;left:0;right:0;top:calc(100% + 6px);z-index:30;padding:9px;background:#fff;border:1px solid #dce8f5;border-radius:13px;box-shadow:0 12px 30px #15375b24;color:#14243a}.locationDropdown.open{display:block}.locationFilter{width:100%;padding:10px;border:1px solid #dce5ef;border-radius:9px;font:inherit;font-size:12px}.locationOptions{max-height:240px;overflow:auto;margin-top:6px;display:grid}.locationOption{width:100%;padding:9px;text-align:left;border:0;border-bottom:1px solid #eff3f7;background:#fff;color:#18283e;font-size:12px}.locationOption:hover,.locationOption:focus{background:#eaf4ff;color:#0878f9}.locationOption[hidden]{display:none}.locationOpen,.locationSubmit{flex:none;border:0;border-radius:8px;background:#eaf3ff;color:#0878f9;padding:8px 10px;cursor:pointer}.featureLocation.searchableLocation{margin:0 13px 8px;padding:9px;background:white;border-radius:11px}.featureLocation.searchableLocation>span{font-size:11px}.siteLogoPreview{display:block;width:56px;height:56px;object-fit:contain;border-radius:50%;background:#fff;border:1px solid #e5edf5;padding:4px}.crest img{display:block;width:42px;height:42px;margin:auto;object-fit:contain;border-radius:50%;background:#ffffffed;padding:3px}.bannerPreviewGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.bannerPreview{display:grid;gap:7px;padding:9px;background:white;border:1px solid #e4ebf3;border-radius:11px}.bannerPreview>img{width:100%;height:94px;object-fit:cover;border-radius:8px}.bannerPreview span{font-size:11px}.bannerPreview span input:not([type=checkbox]){width:100%;margin-top:5px}.
.locationDropdown,.locationDropdown *{box-sizing:border-box}.locationDropdown{width:100%;min-width:260px}.locationOptions{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0}.locationDropdown .locationOption{display:block;position:static;flex:0 0 auto;width:100%;min-width:100%;height:auto;min-height:38px;padding:9px 11px;text-align:left;white-space:normal;line-height:1.35;border:0;border-bottom:1px solid #eff3f7;border-radius:0;background:#fff;color:#18283e;font-size:12px}.locationDropdown .locationOption:hover,.locationDropdown .locationOption:focus{background:#eaf4ff;color:#0878f9}

/* Search results in the locality selector must remain full width despite shared button rules. */
.locationDropdown,.locationDropdown *{box-sizing:border-box}.locationDropdown{width:100%;min-width:260px}.locationOptions{display:flex!important;flex-direction:column;align-items:stretch;width:100%;min-width:0}.locationDropdown .locationOption{display:block!important;position:static!important;flex:0 0 auto!important;width:100%!important;min-width:100%!important;height:auto!important;min-height:38px!important;padding:9px 11px!important;text-align:left!important;white-space:normal!important;line-height:1.35!important;border:0!important;border-bottom:1px solid #eff3f7!important;border-radius:0!important;background:#fff!important;color:#18283e!important;font-size:12px!important}.locationDropdown .locationOption:hover,.locationDropdown .locationOption:focus{background:#eaf4ff!important;color:#0878f9!important}.courseIcon img{width:100%;height:100%;object-fit:cover;border-radius:10px}.newsAuthor{display:block;margin:5px 0;color:#718197}.newsGallery{display:grid;gap:9px}.newsArticleImage{margin:0 0 8px}

/* Keep the two homepage search controls compact and aligned. */
.hero .search{height:40px;margin:44px 2px 7px;padding:0 10px}.hero .search input{height:30px;min-height:0}.hero .search button{height:30px;line-height:1}.hero .locationSelect{height:40px;padding:0 10px;gap:6px}.hero .locationSearch{height:30px;min-height:0;padding:5px 8px}.hero .locationSelect>span{font-size:9px}

/* Hidden locality options must stay hidden after the full-width button rule. */
.locationDropdown .locationOption[hidden]{display:none!important}

/* Account, video, rating and product detail surfaces */
.accountProfile{margin:-13px;min-height:100%;padding-bottom:12px;background:#f4f7fb}.accountHero{display:grid;justify-items:center;gap:5px;padding:17px 12px 14px;background:linear-gradient(135deg,#12204d,#213d84);color:#fff;text-align:center}.accountAvatar{width:62px;height:62px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#2360e9;font-size:20px;font-weight:800}.accountHero>b{font-size:15px}.accountHero small,.accountHero span{font-size:10px;color:#e5ecff}.accountMetrics{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;text-align:center;padding:12px 3px;margin-bottom:10px}.accountMetrics>div+div{border-left:1px solid #e5eaf2}.accountMetrics b,.accountMetrics small{display:block}.accountMetrics b{font-size:16px}.accountMetrics small{font-size:9px;color:#74839a}.accountCourse{margin:8px 10px;padding:11px;background:white;border:1px solid #e0e8f2;border-radius:13px}.accountCourse b,.accountCourse small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountCourse b{font-size:11px}.accountCourse small{margin-top:5px;color:#73839a;font-size:9px}.accountCourse progress{width:100%;height:5px;margin-top:8px;accent-color:#2457df}.accountProfile .localPanel,.accountProfile .reviewForm{margin:10px;padding:12px;background:#fff;border:1px solid #e6ebf3;border-radius:12px}.accountProfile .localPanel h2{font-size:13px}.accountProfile .logoutCitizen{margin:10px}.starRating{border:0;border-radius:12px;background:#fff9e9;padding:12px;margin:0}.starRating legend{font-size:11px;font-weight:700}.starButtons{display:flex;justify-content:center;gap:6px;margin:10px 0 4px}.starButtons button{width:39px;height:39px;border:1px solid #dce5f0;border-radius:10px;background:#f7f9fc;color:#c7d0de;font-size:24px;cursor:pointer}.starButtons button.selected{color:#f4b526;text-shadow:0 1px 2px #a96812}.starHint{display:block;text-align:center;color:#a64c20;font-weight:700}.videoMeta{background:white;padding:12px 2px}.videoAuthor{display:flex;align-items:center;gap:8px}.videoAuthor>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2462e8;color:white;font-weight:800;font-size:10px}.videoAuthor>div{flex:1;min-width:0}.videoAuthor b,.videoAuthor small{display:block}.videoAuthor b{font-size:11px}.videoAuthor small{font-size:9px;color:#78869a}.videoAuthor button{border:1px solid #dce5ef;background:#f8fafc;border-radius:20px;padding:7px;font-size:9px;white-space:nowrap}.videoLike.liked{color:#e44959;background:#fff0f1}.videoDescription{font-size:11px;line-height:1.5;color:#40516a}.videoRelated a{display:flex;min-height:70px;align-items:center;padding:10px 10px 10px 120px;position:relative;background:white;border:1px solid #e1e8f1;border-radius:12px;margin:8px 0;font-size:11px;font-weight:700}.videoRelated a:before{content:'';position:absolute;left:0;top:0;bottom:0;width:100px;border-radius:11px 0 0 11px;background:#101a30}.videoRelated a span{margin-left:auto}.productLongDetail{margin:12px 0;padding:12px;background:#f7f9fc;border-radius:12px;font-size:11px;line-height:1.55}.productLongDetail h3{font-size:13px;margin:0 0 7px}.bannerPreview.isRemoved{opacity:.42;filter:grayscale(1)}.bannerPreview .danger{padding:6px 9px;color:#b42332;background:#fff1f1;border:1px solid #ffd4d8}.bannerPreview .undo{color:#0878f9;background:#eef6ff}.bannerEditHint{display:block;margin-top:5px;color:#64748b;font-size:10px}

.ratingSummary{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:12px;margin:8px 0;background:#fff;border:1px solid #e0e8f2;border-radius:13px}.ratingAverage{text-align:center;display:grid;align-content:center}.ratingAverage b{font-size:25px}.ratingAverage span{color:#f5ad1a;letter-spacing:-1px}.ratingAverage small{font-size:9px;color:#7c899c}.ratingBars{display:grid;gap:4px}.ratingBars>div{display:grid;grid-template-columns:22px 1fr 27px;align-items:center;gap:5px;font-size:9px}.ratingBars i{height:5px;background:#eef1f5;border-radius:5px;overflow:hidden}.ratingBars i span{display:block;height:100%;background:#16233b;border-radius:5px}.ratingBars small{text-align:right;color:#718096}.productReview>p,.learningReview>p{padding:10px;background:#fff;border:1px solid #e0e8f2;border-radius:11px;line-height:1.45}.isLocked{opacity:.65;background:#f7f9fc}.courseFinalExam{margin:13px 0;padding:12px;border:1px solid #ffdd87;border-radius:13px;background:#fff9e8}.courseFinalExam h3{margin:0 0 8px;font-size:13px}.courseFinalExam .send{margin-top:8px}

.residencePicker{position:relative;z-index:9}.residencePicker .residenceDropdown{top:calc(100% + 4px);max-height:260px;overflow:auto}.residencePicker .locationOptions{max-height:230px;overflow:auto}.residencePicker .locationOption{display:block;width:100%;text-align:left;cursor:pointer}.residencePicker .locationOption[hidden]{display:none}

.reviewCard{margin:9px 0;padding:11px;background:#fff;border:1px solid #dfe7f2;border-radius:14px;color:#17243a}.reviewCard>header{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px}.reviewAvatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f0f3f8;color:#293a56;font-size:10px;font-weight:700}.reviewCard header b,.reviewCard header small{display:block}.reviewCard header b{font-size:10px;line-height:1.4}.reviewCard header small{margin-top:2px;color:#8090a4;font-size:9px}.reviewCard header strong{font-size:10px;white-space:nowrap;color:#202d43}.reviewStars{color:#f3a919;letter-spacing:.2px}.reviewCard>p{margin:9px 0 7px;font-size:10px;line-height:1.5;color:#35445a}.reviewCard>footer{display:flex;gap:12px}.reviewCard>footer button{padding:0;border:0;background:none;color:#687a92;font:inherit;font-size:10px;cursor:pointer}.reviewHelpful.helpfulVoted{color:#0878f9;font-weight:700}.learnerStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.learnerStats article{min-width:0;min-height:78px;padding:16px 17px}.learnerStats article b{display:block;margin:0 0 9px;color:#172943;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.learnerStats article span{display:block;color:#73839a;font-size:11px;line-height:1.4}.learnerInfo{grid-template-columns:1fr 2fr!important;gap:12px;margin-bottom:15px;padding:0}.learnerInfo>div{min-width:0}.learnerInfo b{overflow-wrap:anywhere}.learnerInfo span{display:block}.learnerInfo b{display:block;line-height:1.5}.panel>h2{margin:0;padding:17px 18px;border-bottom:1px solid #edf1f6;font-size:17px;line-height:1.4;color:#172943}.reviewModeration{display:inline}.reviewApprove{width:auto!important;min-width:52px;height:27px!important;padding:0 8px!important;color:#0878d1!important;font-size:10px;font-weight:700}.reviewApprove.isApproved{color:#19814e!important;background:#edfaf2!important}

@media(max-width:680px){.learnerStats{grid-template-columns:1fr 1fr}.learnerStats article:last-child{grid-column:1/-1}.learnerInfo{grid-template-columns:1fr!important}}

.productSearch{border:1px solid #cbd9eb;box-shadow:0 3px 10px #15395e14;background:#fff;transition:border-color .18s,box-shadow .18s}.productSearch:focus-within{border-color:#2588f5;box-shadow:0 0 0 3px #1689f81c,0 5px 13px #15395e1c}.productSearch button{width:34px;height:32px;border-radius:9px;background:#eaf4ff;color:#0878f9;font-weight:700}.productSearch button:hover{background:#dceeff}
.miniHeader>a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.miniHeader>a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.miniHeader>a:hover{background:#ffffff22}
.courseRowCard{padding:2px 9px 9px;background:#fff;border:1px solid #e5edf5;border-radius:13px;box-shadow:0 3px 10px #18385808}.courseRowCard .courseRow{border:0;border-radius:10px;padding:9px 2px;box-shadow:none}.courseRowCard .courseThumb{overflow:hidden;flex:none}.courseRowCard .courseThumb img{width:100%;height:100%;object-fit:cover;border-radius:9px}.courseActions{display:flex;align-items:center;gap:8px;padding-left:64px}.courseActions form,.courseEnrollmentBanner form{margin:0}.viewCourseButton,.enrollCourseButton{min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:9px;font:700 10px "Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer}.viewCourseButton{background:#eff6ff;border:1px solid #d2e5fb;color:#176ac6}.enrollCourseButton{background:#0878f9;border:1px solid #0878f9;color:#fff}.courseActions button{font-family:inherit}.enrolledCourseBadge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:20px;background:#e9f8ef;color:#168653;font-size:10px;font-weight:700}.courseEnrollmentBanner{margin:8px 0 12px;padding:11px;background:#f0f7ff;border:1px solid #dcecff;border-radius:11px}.noEnrolledCourses{margin:8px 10px;padding:12px;background:#f7f9fc;border-radius:10px;color:#75849a;font-size:10px;line-height:1.5}
.lessonRow.isLocked{opacity:.42;filter:grayscale(.75);background:#f3f5f8;border-style:dashed;cursor:not-allowed;pointer-events:none}.courseEnrollPrompt{margin:8px 0;color:#65758b;font-size:10px;line-height:1.45}.lessonRow.isLocked progress{opacity:.45}
.relatedLessonLocked{display:flex;align-items:center;gap:10px;padding:9px 10px;border-top:1px solid #eef1f4;color:#758196;background:#f5f7fa;border-radius:8px;opacity:.52;filter:grayscale(.65);cursor:not-allowed}.relatedLessonLocked>span:last-child{font-size:10px;line-height:1.4}.relatedLessonLocked small{display:block;margin-top:3px;color:#8995a7;font-size:9px}.lockedLessonIcon{font-size:13px;flex:0 0 auto}
/* Locality page: refined header, services and contact sections */
.localityHero{height:218px;margin:-13px -13px 12px;border-radius:0 0 18px 18px;background-position:center 48%;overflow:hidden;box-shadow:0 8px 22px #19395c12}
.localWeather{top:12px;right:12px;max-width:180px;padding:8px 11px;font-size:13px;box-shadow:0 5px 15px #102d4a25}
.localWeather b{font-size:15px;white-space:nowrap}
.localWeather small{max-width:96px;line-height:1.25;font-size:9px}
.localityTitle{left:12px;right:12px;bottom:10px;padding:13px 15px;background:#fffffff0;border:1px solid #ffffffc7;border-radius:15px;box-shadow:0 6px 18px #18395915}
.localityTitle h2{font-size:20px;line-height:1.2;margin-bottom:5px}
.localityTitle p{font-size:11px;line-height:1.4}
.localActions{gap:14px 5px;margin:14px 0 20px}
.localServices{margin:10px 0 20px}
.localServices header{margin:0 1px 9px}
.localServices .lineCard{min-height:62px;margin:7px 0;padding:9px 11px;border:1px solid #edf1f5;border-radius:13px;box-shadow:0 4px 12px #19395c08;text-decoration:none;color:#16243a}
.localServices .lineCard>i{width:40px;height:40px;border-radius:11px;background:#fff0f3;color:#fa4662;font-size:20px}
.localServices .lineCard b{font-size:11px;line-height:1.35}
.localServices .lineCard small{font-size:10px;margin-top:4px}
.localServices .lineCard>span{font-size:21px;color:#8797aa}
.localInfoSection{margin:18px 0 20px;scroll-margin-top:12px}
.localInfoSection>h2,.localScheduleCard h2{font-size:16px;line-height:1.3;margin:0 0 10px;color:#14243c}
.leaderCard{min-height:88px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #edf1f5;border-radius:18px;padding:13px 14px;margin:9px 0;box-shadow:0 7px 20px #17385809}
.leaderIcon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:27px;box-shadow:0 5px 12px #12375b14}
.leaderIcon1{background:linear-gradient(145deg,#42adff,#0878ef)}.leaderIcon2{background:linear-gradient(145deg,#2ed69a,#08a977)}.leaderIcon3{background:linear-gradient(145deg,#ffad57,#ff7925)}
.leaderIdentity{flex:1;min-width:0}.leaderIdentity b,.leaderIdentity small{display:block}.leaderIdentity b{font-size:13px;line-height:1.35}.leaderIdentity small{font-size:10px;line-height:1.4;color:#718198;margin-top:5px}
.leaderContact{flex:0 0 auto;color:#0878f9;font-size:12px;text-decoration:none;padding:8px 2px 8px 7px}.leaderContact.isUnavailable{opacity:.5}
.localScheduleCard{background:#fff;border:1px solid #e8eef5;border-radius:16px;padding:14px 13px 5px;box-shadow:0 7px 20px #17385808}
.localScheduleCard h2{font-size:14px;margin-bottom:10px}
.scheduleDate{display:grid;gap:6px;color:#718198;font-size:10px;margin-bottom:3px}
.scheduleDate input{height:42px;width:100%;padding:0 12px;border:1px solid #dce5ef;border-radius:11px;background:#fff;color:#18304d;font:12px inherit}
.scheduleItem{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f5}
.scheduleItem:last-child{border-bottom:0}
.scheduleItem>i{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#0878f9;font-style:normal;font-size:14px}
.scheduleItem div{min-width:0}.scheduleItem b,.scheduleItem small{display:block}.scheduleItem b{font-size:11px;line-height:1.4}.scheduleItem small{font-size:9px;line-height:1.4;color:#718198;margin-top:3px}
.scheduleNext{width:100%;margin-top:10px;padding:11px;border:1px solid #cfe1fb;border-radius:12px;background:#eef6ff;color:#0878f9;font-size:12px;font-weight:650;cursor:pointer}
.phoneCard{min-height:63px;display:flex;align-items:center;gap:10px;padding:10px 11px;margin:7px 0;background:#fff;border:1px solid #edf1f5;border-radius:13px;box-shadow:0 4px 12px #19395c08}
.phoneIcon{width:39px;height:39px;flex:0 0 39px;border-radius:11px;display:grid;place-items:center;background:#eaf3ff;color:#0878f9;font-size:19px}
.phoneCard>div{flex:1;min-width:0}.phoneCard b,.phoneCard small{display:block}.phoneCard b{font-size:11px}.phoneCard small{font-size:10px;color:#718198;margin-top:4px}.phoneCard>a{padding:7px 11px;border-radius:9px;background:#eef6ff;color:#0878f9;font-size:11px;font-weight:700;text-decoration:none}
.localEmpty{padding:12px;background:#fff;border:1px solid #edf1f5;border-radius:12px;color:#718198;font-size:11px}
.localIntro article{padding:14px;background:#fff;border:1px solid #e8eef5;border-radius:15px;box-shadow:0 7px 20px #17385808}.localIntro article+article{margin-top:8px}.localIntro h2{font-size:16px;margin:0 0 8px}.localIntro p{font-size:11px;line-height:1.6;color:#53657b;margin:0}.localIntro small{display:block;margin-top:9px;color:#0878f9;font-size:10px}.localLeaderSection>h2,.localPhoneSection>h2{margin-bottom:10px}
.miniHeader{position:relative;z-index:3;padding-left:12px;padding-right:12px;min-height:46px}.miniHeader>b{flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.miniHeaderTools{display:flex;align-items:center;gap:5px;min-width:42px;justify-content:flex-end}.miniHeaderTools button,.miniHeaderTools a{width:30px;height:30px;border:0;border-radius:9px;display:grid;place-items:center;background:transparent;color:#fff;text-decoration:none;font-family:inherit;font-size:20px;font-weight:700;line-height:1;cursor:pointer}.miniHeaderTools button:hover,.miniHeaderTools a:hover,.miniHeaderTools button:focus-visible,.miniHeaderTools a:focus-visible{background:#ffffff24;outline:2px solid #ffffff88;outline-offset:1px}.localityTitle{bottom:2px}.localityHero{margin-bottom:20px}.localActions a{min-height:76px;padding:3px 2px;border-radius:12px;transition:background .15s,transform .15s}.localActions a:hover{background:#eaf3ff;transform:translateY(-2px)}.localActions a:focus-visible,.localServices .lineCard:focus-visible{outline:2px solid #0878f9;outline-offset:2px}.localServices .lineCard{cursor:pointer;transition:transform .15s,box-shadow .15s}.localServices .lineCard:hover{transform:translateY(-1px);box-shadow:0 7px 16px #19395c14}.miniHeaderShare{font-size:17px!important;letter-spacing:1px}
.standaloneLocalSection{min-height:55vh;padding:2px 0 24px}.localSectionBack{display:inline-flex;align-items:center;gap:6px;margin:1px 0 14px;color:#0878f9;font-size:11px;text-decoration:none}.standaloneLocalSection .localInfoSection{margin:0}.standaloneLocalSection .localInfoSection h1{font-size:18px;line-height:1.3;margin:0 0 12px;color:#14243c}.standaloneLocalSection .localIntro article{padding:15px}.standaloneLocalSection .localScheduleCard h1{font-size:16px;margin:0 0 12px}.standaloneLocalSection .localInfoSection+.localInfoSection{margin-top:12px}
.supportPage{margin:-13px -13px 0}.supportHeading{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:15px 13px 12px;background:#fff;border-bottom:1px solid #e8eef5}.supportHeading h1{font-size:18px;margin:0}.supportHeading p{font-size:10px;color:#718198;margin:5px 0 0}.supportLocate{border:0;border-radius:18px;padding:9px 12px;background:#0878f9;color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 4px 11px #0878f933}.supportLocate:disabled{opacity:.65}.supportStatus{grid-column:1/-1;color:#718198;font-size:10px}.supportTabs{display:flex;justify-content:center;background:#fff;border-bottom:1px solid #e8eef5}.supportTabs button{width:50%;padding:12px 8px;border:0;border-bottom:3px solid transparent;background:transparent;color:#53657b;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.supportTabs button.active{color:#0878f9;border-bottom-color:#0878f9}.supportFilters{display:flex;gap:7px;overflow:auto;padding:11px 10px;background:#f0f5fa}.supportFilters button{white-space:nowrap;border:1px solid #dce5ef;border-radius:18px;padding:7px 11px;background:#fff;color:#34445b;font-family:inherit;font-size:10px;cursor:pointer}.supportFilters button.active{background:#0878f9;color:#fff;border-color:#0878f9}.supportItem{display:flex;align-items:flex-start;gap:10px;padding:13px 10px;background:#fff;border-bottom:1px solid #e9eef4}.supportIcon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:21px;box-shadow:0 4px 10px #17385818}.supportIcon.digital{background:linear-gradient(145deg,#ff6175,#fa3856)}.supportIcon.learning{background:linear-gradient(145deg,#43a7ff,#0878f9)}.supportIcon.other{background:linear-gradient(145deg,#43cb98,#10aa70)}.supportItemText{flex:1;min-width:0}.supportItemText>b{display:block;font-size:12px;line-height:1.35}.supportItemText small{display:block;color:#75849a;font-size:10px;line-height:1.35;margin-top:3px}.supportDirections{display:inline-block;margin-top:5px;color:#0878f9;text-decoration:none;font-size:10px;font-weight:650}.supportDistance{flex:0 0 auto;margin:3px 0 0;color:#0878f9;font-size:10px;font-weight:700;white-space:nowrap}.supportMap iframe{display:block;width:100%;height:360px;border:0;background:#e7edf3}.supportMap>a{display:block;padding:12px;text-align:center;background:#fff;color:#0878f9;text-decoration:none;font-size:11px;font-weight:650}.supportPage [hidden]{display:none!important}

.vneidPage{display:grid;gap:16px;padding:16px 0 22px}.vneidBanner{min-height:156px;padding:20px 22px 18px 30px;border-radius:18px;background:linear-gradient(112deg,#eef8ff 0%,#d7efff 58%,#a8d9f5 100%);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.vneidBanner>div:first-child{display:grid;gap:7px}.vneidBanner strong{font-size:20px;line-height:1.08;letter-spacing:.02em;color:#0752a3}.vneidBanner small{font-size:10px;color:#456b91}.vneidCardArt{width:76px;height:48px;margin-right:4px;border-radius:8px;background:linear-gradient(145deg,#45c7ed,#0475be);box-shadow:0 7px 15px #0a72b533;transform:rotate(-8deg);position:relative;display:flex;align-items:center;padding:7px;gap:5px}.vneidCardArt span{width:22px;height:28px;border-radius:4px;background:#d5f4ff;display:grid;place-items:center;font-size:15px}.vneidCardArt i{height:5px;width:34px;border-radius:4px;background:#bcefff;position:absolute;top:11px;right:7px}.vneidCardArt b{height:5px;width:24px;border-radius:4px;background:#d6f7ff;position:absolute;top:21px;right:7px}.vneidPanel{padding:16px 15px 15px;background:#fff;border:1px solid #edf1f5;border-radius:16px;box-shadow:0 8px 24px #15385b08}.vneidPanel h2{font-size:15px;margin:0 0 11px}.vneidPanel>p{font-size:12px;line-height:1.6;color:#75849a;margin:0 0 13px}.vneidSteps{list-style:none;padding:0;margin:0 0 10px}.vneidSteps li{min-height:58px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e9eef4}.vneidSteps li>span{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:#0878f9;font-size:12px;font-weight:700}.vneidSteps li div{display:grid;gap:4px}.vneidSteps li b{font-size:12px}.vneidSteps li small{font-size:10px;color:#75849a;line-height:1.4}.vneidPrimary,.vneidSecondary{min-height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:14px;font-weight:700}.vneidPrimary{margin-top:9px;background:#0878f9;color:#fff;box-shadow:0 5px 14px #0878f933}.vneidSecondary{background:#eef6ff;color:#0878f9;border:1px solid #cfe2fb}.vneidPrimary:focus-visible,.vneidSecondary:focus-visible{outline:3px solid #83bdff;outline-offset:2px}@media(max-width:360px){.vneidBanner{padding-left:22px}.vneidBanner strong{font-size:18px}.vneidCardArt{transform:scale(.9) rotate(-8deg);margin-right:-2px}}

.courseRowCard .courseThumb{width:64px;height:58px;overflow:hidden;flex:none}.courseRowCard .courseThumb img{width:100%;height:100%;object-fit:cover;object-position:center}
.bottom{height:72px;align-items:stretch;padding:5px 12px max(5px,env(safe-area-inset-bottom));border-top:1px solid #e7eef6;box-shadow:0 -7px 22px #193c5c0c;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.bottom a{flex:1;gap:2px;min-width:0;border-radius:12px;color:#718198;font-size:12px;transition:color .15s,background .15s}.bottom a:hover,.bottom a:focus-visible{color:#0878f9;background:#f0f7ff;outline:0}.bottom a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom a small{font-size:10px;font-weight:600;letter-spacing:.01em}@media(min-width:700px){.bottom{padding-bottom:5px}}
/* Citizen sign-in / registration refresh */
.citizenAuthPage{padding:20px 16px 32px;max-width:440px;margin:0 auto;box-sizing:border-box}
.citizenAuthPage .featureBack{display:inline-flex;align-items:center;gap:8px;margin:0 0 24px;padding:9px 13px;border:1px solid #dbe8f8;border-radius:999px;background:#fff;color:#1769c2;font-size:12px;font-weight:650;text-decoration:none;box-shadow:0 3px 10px #15375b0a}
.citizenAuthPage .featureBack span{font-size:16px;line-height:1}
.authIntro{text-align:center;margin:0 auto 22px}
.authEyebrow{display:inline-block;margin-bottom:8px;color:#1678e8;font-size:9px;font-weight:800;letter-spacing:.12em}
.authIntro h2{margin:0;color:#142c49;font-size:22px;line-height:1.3;text-align:center}
.authIntro p{margin:7px 0 0;color:#718198;font-size:12px;line-height:1.5}
.citizenAuthPage .notice{margin:0 0 12px}
.authMethods{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 14px;padding:5px;border:1px solid #e1eaf5;border-radius:14px;background:#eaf1fa}
.authMethod{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:10px;background:transparent;color:#63758d;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.authMethod.active{background:#fff;color:#126dd2;box-shadow:0 2px 8px #15375b12}
.authMethod>span:first-child{font-size:15px}
.authMethod .vneidMark,.providerIcon{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:#078bd1;color:white;font-size:12px;font-weight:800}
.citizenAuth{gap:15px;margin:0;padding:18px;border:1px solid #e3ebf5;border-radius:18px;background:#fff;box-shadow:0 10px 26px #14365b0c}
.citizenAuth label{gap:7px;color:#283c55;font-size:12px;font-weight:650}
.citizenAuth .requiredMark{display:inline!important;margin-left:3px;color:#e34255;font-size:12px;font-style:normal;font-weight:800;vertical-align:top}
.citizenAuth input{width:100%;box-sizing:border-box;min-height:46px;padding:12px 13px;border:1px solid #d9e4f1;border-radius:11px;background:#f9fbfe;color:#182b43;font:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}
.citizenAuth input:focus{outline:0;border-color:#1682f4;background:#fff;box-shadow:0 0 0 3px #1682f41c}
.citizenAuth .send{width:100%;min-height:48px;margin-top:2px;border:0;border-radius:12px;background:linear-gradient(135deg,#1688ff,#0867df);color:#fff;font:inherit;font-size:14px;font-weight:750;box-shadow:0 7px 16px #0878f933;cursor:pointer}
.authSecure{display:flex;justify-content:center;align-items:center;gap:6px;margin:0;color:#8290a2;font-size:10px}
.authSecure span{color:#1683ed}
.authToggle{margin:16px auto 0;text-align:center;font-size:12px;color:#718198}
.authToggle a{color:#0878f9;font-weight:700;text-decoration:none}
.authProviderNotice{padding:22px 18px;border:1px solid #dce9f8;border-radius:16px;background:linear-gradient(145deg,#fff,#f1f7ff);text-align:center}
.authProviderNotice[hidden],.citizenAuth[hidden]{display:none}
.providerIcon{width:42px;height:42px;margin:0 auto 10px;border-radius:13px;font-size:20px}
.authProviderNotice h3{margin:0 0 8px;color:#173554;font-size:15px}
.authProviderNotice p{margin:0;color:#6f7f94;font-size:12px;line-height:1.65}
.providerStatus{display:inline-flex;align-items:center;gap:7px;margin-top:15px;padding:7px 10px;border-radius:999px;background:#fff4df;color:#9a6812;font-size:10px;font-weight:700}
.providerStatus i{width:7px;height:7px;border-radius:50%;background:#e5a52c}
@media(max-width:360px){.citizenAuthPage{padding:16px 12px 26px}.citizenAuth{padding:15px}.authIntro h2{font-size:20px}}
.disasterAlertList{display:grid;gap:9px;margin:12px 14px 2px;padding:12px;border:1px solid #f2c6c3;border-radius:15px;background:#fff9f8;box-shadow:0 5px 15px #7f1e1608}
.disasterAlertList>header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8c251e;font-size:12px}
.disasterAlertList>header a{color:#176fc8;font-size:10px;text-decoration:none}
.disasterAlert{padding:11px 12px;border:1px solid #e6ebf2;border-left:4px solid #c7d2df;border-radius:11px;background:#fff}
.disasterAlert.urgent{border-color:#f2b6b0;border-left-color:#d52323;background:#fff5f4}
.disasterAlert.severe{border-left-color:#eb6a25;background:#fff8f1}
.disasterAlert.warning{border-left-color:#e4aa27;background:#fffcf2}
.disasterAlert.watch{border-left-color:#4482ca;background:#f5f9ff}
.disasterAlertMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#77879b}
.disasterAlertMeta b{color:#9b2f25;text-transform:uppercase;letter-spacing:.04em}
.disasterAlert h3{margin:7px 0 4px;color:#21364d;font-size:12px;line-height:1.4}
.disasterAlert p{margin:0;color:#566b80;font-size:10px;line-height:1.6}
.disasterAlert>small{display:block;margin-top:7px;color:#8491a1;font-size:9px}

.passwordRevealWrap{position:relative;display:block;width:100%}.passwordRevealWrap>input[type=password],.passwordRevealWrap>input[type=text]{width:100%;padding-right:48px!important}.passwordRevealButton{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:#71839b;cursor:pointer}.passwordRevealButton:hover{background:#eaf3ff;color:#0876eb}.passwordRevealButton:focus-visible{outline:2px solid #1689f8;outline-offset:1px}.passwordRevealButton svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.courseIntroPublic p{position:relative;overflow:hidden;line-height:1.65;transition:max-height .2s ease}.courseIntroPublic.isCollapsed p{max-height:7.5em;mask-image:linear-gradient(to bottom,#000 78%,transparent)}.courseIntroPublic.isExpanded p{max-height:none;mask-image:none}.courseIntroToggle{display:inline-flex;align-items:center;justify-content:center;min-height:25px;margin-top:4px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:#71839b;font:inherit;font-size:10px;font-weight:600;opacity:.78;cursor:pointer;transition:color .15s,opacity .15s}.courseIntroToggle:hover{background:transparent;color:#3c6f9f;opacity:1}.courseIntroToggle:focus-visible{outline:2px solid #1689f8;outline-offset:2px}

.supportCoordinates{display:flex!important;align-items:center;gap:4px;color:#6f8095!important;font-size:9px!important;font-variant-numeric:tabular-nums}.supportCoordinates span{color:#1683ed;font-size:12px;line-height:1}

.homeIntro{margin:0 0 18px}.homeIntroCard{overflow:hidden;padding:14px;background:#fff;border:1px solid #e3ebf4;border-radius:17px;box-shadow:0 6px 18px #1738580b}.homeIntroCard h2{margin:0 0 11px;color:#172f4c;font-size:16px;line-height:1.35}.homeIntroImage{display:block;width:100%;max-height:260px;aspect-ratio:16/9;object-fit:cover;border:1px solid #e3eaf2;border-radius:14px;background:#edf3f9;box-shadow:0 5px 15px #18385812}.homeIntroBody{margin-top:11px}.homeIntroText{position:relative;margin:0;color:#40536b;font-size:12px;line-height:1.7;white-space:pre-line;overflow:hidden;transition:max-height .2s ease}.homeIntro.isCollapsed .homeIntroText{max-height:8.5em;mask-image:linear-gradient(to bottom,#000 78%,transparent)}.homeIntro.isExpanded .homeIntroText{max-height:none;mask-image:none}.homeIntroToggle{display:inline-flex;align-items:center;min-height:26px;margin-top:5px;padding:0 4px;border:0;background:transparent;color:#77889c;font:inherit;font-size:10px;font-weight:600;opacity:.8;cursor:pointer}.homeIntroToggle:hover{color:#246fae;opacity:1}.homeIntroMeta{display:block;margin-top:8px;color:#8190a2;font-size:10px}.localServices .lineCard>i{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #e5edf7;border-radius:13px;background:linear-gradient(145deg,#eff7ff,#deedff);color:#1676cf;font-size:19px;font-style:normal;box-shadow:0 4px 10px #176ec912}.localServices .lineCard:nth-of-type(3n+1)>i{background:linear-gradient(145deg,#fff2ed,#ffe4d8);color:#ee6b38;border-color:#ffede4}.localServices .lineCard:nth-of-type(3n+2)>i{background:linear-gradient(145deg,#ebf8f1,#d9f2e5);color:#159663;border-color:#e0f5e9}.localServices .lineCard:nth-of-type(3n)>i{background:linear-gradient(145deg,#f2edff,#e6dcff);color:#7650cb;border-color:#eee8ff}

.feedbackCenter{display:grid;gap:13px}.feedbackCenterHead h2{margin:0;color:#17314f;font-size:17px}.feedbackCenterHead p,.feedbackComposeForm>p{margin:5px 0 0;color:#78899e;font-size:11px;line-height:1.55}.citizenFeedbackHistory{padding:14px;border:1px solid #e3ebf4;border-radius:14px;background:#fff}.citizenFeedbackHistory h3,.feedbackComposeForm h3{margin:0 0 10px;color:#203a58;font-size:13px}.feedbackHistoryList{display:grid;gap:9px}.feedbackHistoryItem{padding:12px;border:1px solid #e7edf4;border-radius:12px;background:#fbfdff}.feedbackHistoryItem>header{display:flex;justify-content:space-between;gap:8px;align-items:center}.feedbackHistoryItem>header b{min-width:0;color:#233e5c;font-size:11px;overflow-wrap:anywhere}.feedbackHistoryItem>small{display:block;margin-top:5px;color:#8391a3;font-size:9px}.feedbackHistoryItem>p,.citizenFeedbackReply p{margin:9px 0 0;color:#465a72;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.feedbackState{padding:4px 8px;border-radius:20px;background:#edf4ff;color:#2175c8;font-size:9px;font-weight:700;white-space:nowrap}.feedbackHistoryItem:has(.citizenFeedbackReply) .feedbackState{background:#e9f8f0;color:#178552}.citizenFeedbackReply{margin-top:10px;padding:10px 11px;border-left:3px solid #23a36a;border-radius:0 9px 9px 0;background:#effaf4}.citizenFeedbackReply b{color:#17794e;font-size:10px}.feedbackHistoryEmpty{margin:0;color:#8795a7;font-size:11px}.feedbackComposeToggle{width:100%;min-height:44px;border:0;border-radius:11px;background:linear-gradient(135deg,#1689f8,#0868dc);color:#fff;font-size:12px;font-weight:750;box-shadow:0 5px 14px #1479df24}.feedbackComposeForm{display:grid;gap:11px;padding:15px;border:1px solid #e0eaf4;border-radius:15px;background:#fff;box-shadow:0 6px 18px #17385809}.feedbackComposeForm[hidden]{display:none}.feedbackComposeForm label{display:grid;gap:6px;color:#52677f;font-size:10px;font-weight:650}.feedbackComposeForm input:not([type=file]),.feedbackComposeForm textarea,.feedbackComposeForm select{width:100%;min-height:40px;padding:10px 11px;border:1px solid #dce6f1;border-radius:10px;background:#fbfdff;color:#263d57;font:inherit;font-size:12px}.feedbackComposeForm textarea{min-height:105px;resize:vertical}.feedbackComposeForm .geoControls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #e7edf5;border-radius:11px;background:#f8fbff}.feedbackComposeForm .geoStatus{color:#718198;font-size:10px;line-height:1.5}.feedbackComposeForm input[type=file]{width:100%;padding:9px;border:1px dashed #d3dfeb;border-radius:10px;background:#f9fbfe;font-size:10px}.feedbackUploadHint{margin-top:-8px;color:#8996a6;font-size:9px}.feedbackImagePreview{display:flex;flex-wrap:wrap;gap:7px}.feedbackImagePreview img{width:58px;height:58px;object-fit:cover;border:1px solid #dfe8f2;border-radius:9px}.feedbackComposeActions{display:flex;gap:8px}.feedbackComposeActions .send{flex:1}.feedbackComposeActions .button{min-width:72px}
.homeIntroText img,.localIntroBody img{display:block;max-width:100%;height:auto;max-height:440px;margin:12px auto;border:1px solid #e3eaf2;border-radius:12px;object-fit:contain;box-shadow:0 4px 12px #17385810}

/* Support points: dynamic type filters, direct contact and clear admin actions */
.supportItemText .supportPhone{display:inline-flex;align-items:center;gap:4px;margin-top:5px;color:#0878f9;text-decoration:none;font-size:10px;font-weight:700}
.supportItemText .supportPhone:hover{text-decoration:underline}
.supportCoordinates{color:#0878f9!important;font-variant-numeric:tabular-nums}
.supportFilters{scrollbar-width:thin;scrollbar-color:#c8d7e8 transparent}
.supportFilters button{max-width:75vw;overflow:hidden;text-overflow:ellipsis}

.feedbackHistoryItem>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer}
.feedbackHistoryItem>summary::-webkit-details-marker{display:none}
.feedbackHistorySummary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;flex:1;min-width:0}
.feedbackHistorySummary>b{min-width:0;color:#233e5c;font-size:11px;overflow-wrap:anywhere}
.feedbackHistorySummary>small,.feedbackHistoryPreview{grid-column:1/-1;display:block;color:#8391a3;font-size:9px;line-height:1.5}
.feedbackHistoryPreview{color:#52677f;font-size:10px}
.feedbackHistoryItem>summary>i{font-style:normal;color:#708198;transition:transform .18s}
.feedbackHistoryItem[open]>summary>i{transform:rotate(180deg)}
.feedbackHistoryItem[open]{background:#fff;border-color:#c8def5}
.feedbackHistoryDetail{margin-top:11px;padding-top:10px;border-top:1px solid #e8eef5}
.feedbackHistoryDetail h4{margin:0 0 5px;color:#203a58;font-size:10px}
.feedbackHistoryDetail>p{margin:0;color:#465a72;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.feedbackHistoryMedia{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.feedbackHistoryMedia img{width:72px;height:72px;object-fit:cover;border-radius:9px;border:1px solid #e1e9f2}
.feedbackHistoryMedia video{width:min(100%,260px);border-radius:9px}
.feedbackCitizenContact{display:grid;gap:5px;padding:10px;border:1px solid #e3edf8;border-radius:10px;background:#f6faff;color:#52677f;font-size:10px}
.feedbackCitizenContact>b{color:#203a58}
.feedbackCitizenContact>a{color:#0878f9;text-decoration:none;font-weight:650}
.feedbackCaptchaField{padding:10px;border:1px solid #dce8f5;border-radius:10px;background:#f7faff}
.feedbackUploadHint.isError{margin-top:-6px;color:#c53445;font-size:10px;font-weight:650}
.feedbackComposeForm .geoControls .button{min-height:36px;border:0;border-radius:9px;background:#0878f9;color:#fff;font:inherit;font-size:10px;font-weight:700;padding:0 12px;cursor:pointer}
.feedbackComposeForm input[type=file]::file-selector-button{border:0;border-radius:7px;background:#eaf3ff;color:#126fd1;padding:7px 9px;margin-right:8px;font:inherit;font-weight:650;cursor:pointer}
.closeFeedbackButton{border:1px solid #d7e1ec!important;border-radius:9px!important;background:#f7f9fc!important;color:#52677f!important;font:inherit!important;font-size:11px!important;font-weight:650!important;padding:0 14px!important;cursor:pointer}
.closeFeedbackButton:hover{background:#edf3fa!important;color:#243e5b!important}
.supportContactSettings{padding:14px;background:#f8fbff;border-color:#e3ecf6}
.supportContactSettings h3{margin:0 0 10px;color:#203a58;font-size:13px}
.supportContactSettings .field{max-width:460px;margin:0}
.supportContactSettings>small{display:block;margin-top:7px;color:#77879b;font-size:10px}
.deleteSupportPoint{border-color:#f0c9cf!important;background:#fff6f6!important;color:#b83242!important}
.deleteSupportPoint:hover{background:#ffe9eb!important}
.supportPhone{display:block}

/* GPS required state and visible feedback disclosure */
.feedbackComposeForm .geoControls.needsLocation{border-color:#e59aa2;background:#fff4f5;box-shadow:0 0 0 2px #fbe4e6}
.feedbackComposeForm .geoControls.needsLocation .geoStatus{color:#b42336;font-weight:700}
.feedbackComposeForm .geoControls.needsLocation [data-feedback-locate]{background:#c73545}
.feedbackComposeForm .geoControls.locationReady{border-color:#9bd8b8;background:#f1fbf5}
.feedbackComposeForm .geoControls.locationReady .geoStatus{color:#18794e;font-weight:650}
.feedbackHistoryAction{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:4px;margin-top:3px;color:#0878f9;font-size:10px;font-weight:700}
.feedbackCloseText{display:none}
.feedbackHistoryItem[open] .feedbackOpenText{display:none}
.feedbackHistoryItem[open] .feedbackCloseText{display:inline}
.feedbackHistoryItem>summary{min-height:52px}
.localInfoSection.localIntro{overflow:hidden;margin:0 0 12px;border:1px solid #e2eaf3;border-radius:17px;background:#fff;box-shadow:0 8px 24px #1738580b}
.localIntroHeading{padding:19px 18px 15px;background:linear-gradient(135deg,#eff7ff,#f9fcff)}
.localIntroHeading>span{color:#1680e5;font-size:9px;font-weight:800;letter-spacing:.12em}
.localIntroHeading h1{margin:7px 0 4px!important;color:#17314f!important;font-size:20px!important;line-height:1.3!important}
.localIntroHeading p{margin:0;color:#718198;font-size:11px}
.localIntroCover{display:block;width:100%;height:clamp(155px,42vw,245px);object-fit:cover;background:#eaf1f8}
.localIntroBody{padding:17px 18px 20px;color:#344a63;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.localIntroBody>p{margin:0 0 12px}
.localIntroBody h2,.localIntroBody h3{margin:17px 0 8px;color:#193b61;line-height:1.4}
.localIntroBody h2{font-size:16px}.localIntroBody h3{font-size:14px}
.localIntroBody ul,.localIntroBody ol{padding-left:21px;margin:8px 0 14px}
.localIntroBody li{margin:3px 0}
.localIntroBody img{max-height:380px}
.localIntroBody blockquote{margin:12px 0;padding:10px 13px;border-left:3px solid #1689f8;border-radius:0 9px 9px 0;background:#f4f9ff;color:#536a83}

.feedbackUploadHint.uploadError{margin-top:-6px;color:#c53445;font-size:10px;font-weight:650}.feedbackHistoryAction .feedbackOpenText,.feedbackHistoryAction .feedbackCloseText{line-height:1.3}


.feedbackComposeForm .geoControls.needsLocation .geoStatus{display:block;width:100%;line-height:1.55}
.feedbackComposeForm .geoControls.locationReady .geoStatus{display:block;width:100%;line-height:1.55}

.newsThumb{overflow:hidden;display:flex;align-items:center;justify-content:center}.newsThumb img{display:block;width:100%;height:100%;object-fit:cover}.newsArticleImage{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:16px;box-shadow:0 10px 26px rgba(11,45,79,.13)}

.citizenReplyAttachments{display:grid;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #d6ecdf}.citizenReplyAttachments>strong{color:#176c47;font-size:10px}.citizenReplyAttachments>a{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #d6e8dc;border-radius:9px;background:#fff;color:#284a39;text-decoration:none}.citizenReplyAttachments>a>span{display:grid;place-items:center;flex:0 0 32px;height:34px;border-radius:7px;background:#eaf7ef;color:#198153;font-size:8px;font-weight:800}.citizenReplyAttachments>a>b{min-width:0;flex:1;overflow-wrap:anywhere;font-size:10px}.citizenReplyAttachments>a>small{color:#7c8c82;font-size:8px}.citizenReplyAttachments>a>i{color:#16834f;font-style:normal;font-weight:800}

.courseIntroPublic img{display:block;max-width:100%;height:auto;margin:10px auto;border-radius:10px;box-shadow:0 4px 14px #17385812}

/* Final course exam: instructions first, then a single-question timed flow. */
.courseFinalExam{margin:16px 0;padding:18px;border:1px solid #dce8f5;border-radius:18px;background:linear-gradient(150deg,#f8fbff,#fff 68%);box-shadow:0 10px 26px #16395d0c}.courseFinalExam>h3{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#173b63;font-size:16px}.finalExamGuide{display:flex;gap:14px;padding:17px;border:1px solid #d9e7f5;border-radius:15px;background:radial-gradient(ellipse at 100% 0%,#e6f2ff,transparent 45%),#fff}.finalExamGuideIcon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#eaf4ff;font-size:22px}.finalExamGuideBody{min-width:0;flex:1}.finalExamEyebrow{font-size:9px;letter-spacing:.1em;font-weight:800;color:#4780b8}.finalExamGuide h4{margin:5px 0 7px;color:#183c63;font-size:15px}.finalExamGuideBody>p{margin:0;color:#5d7188;font-size:11px;line-height:1.65;white-space:pre-line}.finalExamGuideFacts{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.finalExamGuideFacts span{padding:7px 9px;border:1px solid #e1ebf6;border-radius:9px;background:#f7faff;color:#355675;font-size:10px;font-weight:700}.finalExamGuideBody .finalExamGuideNote{padding:10px 11px;border-radius:10px;background:#fff8e7;color:#84621e}.startFinalExamForm{margin-top:14px}.startFinalExamButton{width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:linear-gradient(110deg,#1789f8,#0668df);color:white;font-size:12px;font-weight:800;box-shadow:0 7px 16px #0878f929;cursor:pointer}.startFinalExamButton:hover{filter:brightness(.97);transform:translateY(-1px)}.finalTimedExam{margin-top:12px;padding:13px;border:1px solid #dce8f5;border-radius:15px;background:#fff}.finalExamLiveHeader{display:flex;align-items:center;justify-content:space-between;gap:9px}.finalExamAttemptInfo{margin:0;padding:6px 9px;border-radius:9px;background:#eef6ff;color:#2365a6;font-size:10px;font-weight:750}.finalExamTimer{margin:0;padding:8px 10px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1b65b2;font-size:11px;font-weight:800;white-space:nowrap}.finalExamTimer.isUrgent{border-color:#fecaca;background:#fff1f2;color:#c22d3c}.finalExamStepProgress{margin:13px 0 15px}.finalExamStepProgress>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;color:#74869a;font-size:9px}.finalExamStepProgress>div span:first-child{color:#1f5d99;font-weight:800}.finalExamStepProgress>i{display:block;height:6px;overflow:hidden;border-radius:9px;background:#edf2f8}.finalExamStepProgress>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#45a3fb,#0878f9);transition:width .2s}.finalExamQuestion{min-width:0;margin:0;padding:15px;border:1px solid #dfe9f4;border-radius:13px;background:#fbfdff}.finalExamQuestion[hidden]{display:none}.finalExamQuestion legend{display:grid;gap:7px;width:100%;padding:0 0 13px;color:#173b63}.finalExamQuestion legend span{font-size:9px;letter-spacing:.08em;color:#7390ae;font-weight:800}.finalExamQuestion legend b{font-size:14px;line-height:1.5}.finalExamAnswers{display:grid;gap:8px}.finalExamQuestion .answerOption{display:flex;align-items:center;gap:9px;min-height:43px;padding:9px 10px;border:1px solid #e1eaf4;border-radius:11px;background:white;color:#314b66;font-size:11px;line-height:1.45;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.finalExamQuestion .answerOption:hover{border-color:#a8ccef;background:#f6fbff}.finalExamQuestion .answerOption:has(input:checked){border-color:#5ba3ea;background:#eef7ff;box-shadow:0 0 0 2px #1689f814;color:#174f83}.finalExamQuestion .answerOption input{width:16px;height:16px;flex:0 0 auto;margin:0;accent-color:#0878f9}.answerLetter{flex:0 0 23px;width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#edf3f9;color:#496680;font-size:9px;font-weight:800}.answerOption:has(input:checked) .answerLetter{background:#d9ecff;color:#0868c5}.finalExamNavigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:13px}.finalExamNavigation>span{color:#71839a;font-size:10px;font-weight:700}.examNavButton,.examSubmitButton{min-height:39px;padding:0 12px;border:1px solid #d6e2ef;border-radius:10px;background:#fff;color:#35536f;font-size:10px;font-weight:750;cursor:pointer}.examNavButton:disabled{opacity:.45;cursor:default}.examNavButton.primary,.examSubmitButton{border-color:#0878f9;background:#0878f9;color:white}.finalExamNavigation [hidden]{display:none!important}.finalExamNavigation .examSubmitButton{grid-column:3}.finalExamAttemptInfo{display:inline-flex}@media(max-width:420px){.courseFinalExam{padding:13px}.finalExamGuide{padding:13px;gap:10px}.finalExamGuideIcon{flex-basis:36px;width:36px;height:36px}.finalExamGuideFacts{gap:5px}.finalExamGuideFacts span{font-size:9px;padding:6px 7px}.finalExamLiveHeader{align-items:flex-start;flex-direction:column}.finalExamNavigation{grid-template-columns:1fr 1fr}.finalExamNavigation>span{grid-column:1/-1;grid-row:1;text-align:center}.finalExamNavigation .examSubmitButton{grid-column:auto}}

.homeCompetitionList{margin:18px 0;padding:14px;border:1px solid #dbe8f6;border-radius:16px;background:linear-gradient(145deg,#f4f9ff,#fff)}.homeCompetitionList>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.homeCompetitionList h2{margin:0;color:#17385d;font-size:16px}.homeCompetitionList>header p{margin:4px 0 0;color:#71839a;font-size:11px}.homeCompetitionList>header>a{color:#0878f9;font-weight:700;font-size:11px;text-decoration:none}.homeCompetitionCards{display:grid;gap:8px}.homeCompetitionCard{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e2ebf5;border-radius:12px;background:#fff;color:#17385d;text-decoration:none}.homeCompetitionCard>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef6ff;font-size:19px;font-style:normal}.homeCompetitionCard span{display:grid;gap:4px;min-width:0}.homeCompetitionCard b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.homeCompetitionCard small{color:#71839a;font-size:10px}.homeCompetitionCard em{margin-left:auto;color:#1680ed;font-size:20px;font-style:normal}.competitionPublic,.placeDirectory{padding:14px}.competitionPublicHero,.placeDirectoryHero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#0878f9,#1764ce)}.competitionPublicHero>span,.placeDirectoryHero>span{font-size:32px}.competitionPublicHero h2,.placeDirectoryHero h2{margin:0 0 4px}.competitionPublicHero p,.placeDirectoryHero p{margin:0;opacity:.86}.competitionCards,.placeCards{display:grid;gap:14px;margin-top:16px}.competitionCard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;border:1px solid #deebf8;border-radius:14px;background:#fff}.competitionCardIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eff6ff;font-size:24px}.competitionCard h3{margin:0 0 4px;font-size:15px}.competitionCard p,.competitionCard small{margin:0;color:#6e8197}.competitionCard .button,.placeActions .button,.competitionQuestionNav .button{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:9px;background:#eff6ff;color:#1268bd;text-decoration:none;font-size:11px;font-weight:700}.competitionCard .button.primary,.competitionQuestionNav .button.primary,.placeActions .button.primary{background:#0878f9;color:#fff}.competitionDetail{margin-top:14px;padding:18px;border:1px solid #deebf8;border-radius:16px;background:#fff}.competitionDetail>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.competitionDetail>header span:first-child{color:#1680ed;font-size:10px;font-weight:800;letter-spacing:.08em}.competitionDetail h2{margin:5px 0;font-size:20px}.competitionStatus,.competitionHistoryCitizen span{padding:5px 9px;border-radius:20px;background:#eaf4ff;color:#0878f9;font-size:11px;font-weight:700}.competitionAudience{color:#52677f}.competitionFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.competitionFacts span{padding:10px;border-radius:10px;background:#f5f9fe;color:#36536f;font-size:11px}.competitionInstructions{padding:13px;border-left:3px solid #1680ed;border-radius:8px;background:#f4f8fd}.competitionInstructions h3{margin:0 0 6px;font-size:13px}.competitionTimeNotice{padding:12px;border-radius:10px;background:#fff8e8;color:#7b5814;font-size:12px}.competitionStartForm{margin:12px 0}.citizenTimedCompetition{margin-top:15px;padding:15px;border:1px solid #cfe2fb;border-radius:15px;background:#f8fbff}.competitionTimer{display:flex;justify-content:space-between;padding:11px;border-radius:10px;background:#e8f3ff;color:#12579c;font-weight:700}.competitionProgress{margin:12px 0;color:#60768e;font-size:11px}.competitionProgress>div{height:6px;margin-top:6px;border-radius:9px;background:#e1eaf4}.competitionProgress i{display:block;height:100%;width:0;border-radius:9px;background:#1680ed;transition:width .2s}.citizenCompetitionQuestion{margin:0;padding:15px;border:1px solid #dce8f5;border-radius:13px;background:#fff}.citizenCompetitionQuestion legend{color:#1276dc;font-size:11px;font-weight:800}.citizenCompetitionQuestion h3{margin:8px 0 14px;font-size:15px;line-height:1.5}.citizenAnswer{display:flex;align-items:center;gap:9px;margin:8px 0;padding:11px;border:1px solid #dce6f2;border-radius:10px;cursor:pointer}.citizenAnswer:has(input:checked){border-color:#1680ed;background:#eff7ff}.citizenAnswer input{accent-color:#0878f9}.citizenAnswer span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eaf2fb;color:#28577e;font-weight:800}.competitionQuestionNav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.competitionQuestionNav span{font-size:11px;color:#64788e}.competitionHistoryCitizen{margin-top:18px;padding-top:14px;border-top:1px solid #e7eef6}.competitionHistoryCitizen h3{font-size:14px}.competitionAttemptList{display:grid;gap:8px}.competitionAttemptList>div{display:flex;align-items:center;gap:8px;padding:10px;border-radius:9px;background:#f5f8fc}.competitionAttemptList small{margin-left:auto;color:#74869a}.placeCard{overflow:hidden;border:1px solid #deebf8;border-radius:15px;background:#fff}.placeGallery{height:185px;background:#eef4fa}.placeMainImage{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.placeNoImage{display:grid;place-items:center;height:100%;font-size:52px}.placeCardBody{padding:15px}.placeType{color:#1877d4;font-size:10px;font-weight:800;text-transform:uppercase}.placeCard h3{margin:5px 0 8px;font-size:17px}.placeCard p{color:#64788e;font-size:12px;line-height:1.5}.placeAmenities{display:grid;gap:4px;padding:10px;border-radius:10px;background:#f4f8fd;color:#405971;font-size:11px}.placeActions{display:flex;gap:8px;margin:12px 0}.placeThumbs{display:flex;gap:7px;overflow:auto}.placeThumbs button{flex:none;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:white}.placeThumbs img{display:block;width:58px;height:44px;object-fit:cover}.imageLightbox{width:min(94vw,900px);max-width:none;max-height:92vh;padding:34px 12px 12px;border:0;border-radius:13px;background:#0b1725}.imageLightbox::backdrop{background:#08111dcc}.imageLightbox img{display:block;max-width:100%;max-height:82vh;margin:auto;object-fit:contain}.imageLightbox button{position:absolute;top:6px;right:9px;border:0;background:transparent;color:white;font-size:27px;cursor:pointer}@media(max-width:620px){.competitionCard{grid-template-columns:auto 1fr}.competitionCard .button{grid-column:2;justify-self:start}.competitionFacts{grid-template-columns:1fr}.competitionQuestionNav{flex-wrap:wrap}.competitionQuestionNav .button{flex:1}.placeGallery{height:155px}}
/* Polished public competition details and place descriptions */
.competitionPublic{padding:14px}.competitionPublicHero{padding:22px;border-radius:18px;box-shadow:0 12px 26px #1764ce28}.competitionDetail{padding:22px;border:1px solid #dce8f5;border-radius:20px;background:linear-gradient(155deg,#fff,#f7fbff);box-shadow:0 14px 34px #15385c12}.competitionDetail>header{padding-bottom:16px;border-bottom:1px solid #e5edf6}.competitionDetail h2{font-size:23px}.competitionStatus{padding:7px 12px}.competitionFacts{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:18px 0}.competitionFacts span{display:flex;align-items:center;min-height:48px;padding:12px;border:1px solid #e4edf7;border-radius:12px;background:#f7faff;font-size:12px;line-height:1.5}.competitionInstructions{margin:18px 0;padding:16px;border:1px solid #dceafb;border-left:4px solid #1680ed;border-radius:12px;background:#f5f9ff;line-height:1.7}.competitionStartForm .button,.competitionQuestionNav .button{min-height:44px;padding:0 20px;border-radius:11px;font-weight:750}.competitionTimeNotice{margin:16px 0;padding:15px;border:1px solid #f3dfb4;border-radius:12px;line-height:1.6}.competitionHistoryCitizen{margin-top:20px;padding-top:16px;border-top:1px solid #e6edf5}.competitionAttemptList>div{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px;padding:13px;border:1px solid #e4edf7;border-radius:12px;background:#f8fbff}.competitionAttemptList small{grid-column:1/-1;color:#74869a}.placeLongDetail{margin:12px 0;padding:13px 15px;border-left:3px solid #1680ed;border-radius:9px;background:#f5f9fe;color:#405975;font-size:12px;line-height:1.7}@media(max-width:560px){.competitionPublic{padding:10px}.competitionDetail{padding:15px}.competitionDetail>header{align-items:flex-start}.competitionFacts{grid-template-columns:1fr 1fr}}

/* Public quiz competitions: event banner, information tabs, countdown and leaderboard. */
.competitionPublic{max-width:760px;margin:0 auto;padding:14px}
.competitionLandingHero{position:relative;display:flex;align-items:center;gap:14px;min-height:190px;overflow:hidden;margin:0 0 14px;padding:24px;border:1px solid #d5e6fb;border-radius:20px;color:#fff;background:linear-gradient(125deg,#0878f9,#145ab6);box-shadow:0 14px 30px #0d59af24}
.competitionHeroImage,.competitionHeroShade{position:absolute;inset:0;width:100%;height:100%}
.competitionHeroImage{object-fit:cover}
.competitionHeroShade{background:linear-gradient(90deg,#06366ee8 0%,#075bb9d9 48%,#075bb980 100%)}
.competitionHeroIcon,.competitionHeroCopy{position:relative;z-index:1}
.competitionHeroIcon{display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid #ffffff55;border-radius:17px;background:#ffffff20;font-size:28px;backdrop-filter:blur(5px)}
.competitionHeroCopy{min-width:0}.competitionHeroCopy>small{color:#d9eaff;font-size:9px;font-weight:800;letter-spacing:.13em}.competitionHeroCopy h1{margin:6px 0;font-size:22px;line-height:1.25}.competitionHeroCopy p{margin:0;color:#e9f3ff;font-size:12px;line-height:1.5}
.competitionHeroCountdown{display:inline-flex;margin-top:13px;padding:7px 10px;border:1px solid #ffffff55;border-radius:9px;background:#ffffff20;color:#fff;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}
.competitionTabs{position:sticky;top:58px;z-index:3;display:flex;gap:5px;overflow-x:auto;margin:0 0 14px;padding:5px;border:1px solid #e1eaf4;border-radius:13px;background:#fff;box-shadow:0 5px 15px #1738580b;scrollbar-width:none}.competitionTabs::-webkit-scrollbar{display:none}
.competitionTabs button{flex:1;min-width:max-content;min-height:39px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#61758c;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.competitionTabs button[aria-selected=true]{background:#eaf4ff;color:#086fd8;box-shadow:inset 0 0 0 1px #d7e9fc}.competitionTabs button:focus-visible{outline:2px solid #1680ed;outline-offset:2px}
.competitionTabPanel[hidden]{display:none}.competitionTabPanel{animation:competitionPanelIn .2s ease-out}@keyframes competitionPanelIn{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.competitionCards{gap:13px;margin:0}.competitionListingCard{grid-template-columns:118px minmax(0,1fr);align-items:stretch;gap:0;overflow:hidden;padding:0;border:1px solid #dce8f5;border-radius:16px;background:#fff;box-shadow:0 7px 20px #1638580a}.competitionCardCover{display:grid;place-items:center;min-height:100%;overflow:hidden;background:linear-gradient(145deg,#deedff,#f3f8ff);color:#1677e8;text-decoration:none}.competitionCardCover img{display:block;width:100%;height:100%;min-height:195px;object-fit:cover}.competitionCardCover span{font-size:34px}.competitionCardBody{min-width:0;padding:15px}.competitionCardHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.competitionCardHeading small{color:#1680ed;font-size:9px;font-weight:800;letter-spacing:.1em}.competitionCardHeading h2{margin:3px 0 0;color:#153a60;font-size:16px;line-height:1.3}.competitionCardBody>p{margin:6px 0 12px;color:#71839a;font-size:11px}.competitionCardFacts{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 8px}.competitionCardFacts span{padding:7px 9px;border-radius:8px;background:#f1f6fc;color:#3b5c7e;font-size:10px}.competitionCardSchedule{color:#72849a;font-size:10px;line-height:1.5}.competitionCardCountdown,.competitionDetailCountdown{margin-top:9px;padding:8px 10px;border:1px solid #d9e9fb;border-radius:9px;background:#f3f8ff;color:#1769bb;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.competitionCardCountdown.isLive,.competitionDetailCountdown.isLive{border-color:#b9ebd4;background:#effbf5;color:#168255}.competitionCardCountdown.isEnded,.competitionDetailCountdown.isEnded{border-color:#e6eaf0;background:#f6f7f9;color:#758297}.competitionCardCountdown.isUnavailable,.competitionDetailCountdown.isUnavailable{color:#78889b}.competitionJoinButton{display:flex!important;width:100%;min-height:40px!important;margin-top:11px;border-radius:10px!important;font-size:11px!important}
.competitionDetail{margin:0;padding:17px;border:1px solid #dce8f5;border-radius:17px;background:linear-gradient(155deg,#fff,#f7fbff);box-shadow:0 10px 26px #173e620c}.competitionDetail>header{padding-bottom:13px}.competitionDetail>header h2{font-size:19px;line-height:1.35}.competitionAudience{margin:12px 0;font-size:12px}.competitionFacts{gap:8px;margin:13px 0}.competitionFacts span{min-height:44px;padding:10px;border-radius:10px;font-size:10px}.competitionTimeNotice{margin:13px 0;padding:12px;border-radius:11px;line-height:1.6}.competitionStartForm{margin:12px 0}.competitionStartForm .button{width:100%;min-height:46px!important;font-size:13px}.competitionLoginPrompt{display:grid;gap:8px;margin:13px 0;padding:14px;border:1px solid #dbe9f8;border-radius:12px;background:#f4f9ff}.competitionLoginPrompt p{margin:0;color:#586f88;font-size:11px;line-height:1.55}.competitionLoginPrompt .button{width:100%;min-height:42px}
.competitionLeaderboard{margin:14px 0 4px;padding:15px;border:1px solid #dce8f5;border-radius:16px;background:#fff;box-shadow:0 8px 22px #18385809}.competitionLeaderboard>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.competitionLeaderboard>header h2{margin:0;color:#163d65;font-size:15px}.competitionLeaderboard>header p{margin:5px 0 0;color:#71839a;font-size:10px;line-height:1.5}.competitionLeaderboard>header>span{flex:none;padding:6px 8px;border-radius:8px;background:#fff5d9;color:#a87500;font-size:9px;font-weight:850;letter-spacing:.06em}.competitionLeaderboard ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.competitionLeaderboard li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #e8eef5;border-radius:11px;background:#fbfdff}.competitionLeaderboard li>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf4fc;color:#40617f;font-size:11px;font-style:normal;font-weight:850}.competitionLeaderboard li:nth-child(1)>i{background:#fff0bd;color:#9d6d00}.competitionLeaderboard li:nth-child(2)>i{background:#e8edf4;color:#596c80}.competitionLeaderboard li:nth-child(3)>i{background:#f8e5d8;color:#99603b}.competitionLeaderboard li>span,.competitionLeaderboard li>strong{display:grid;gap:3px;min-width:0}.competitionLeaderboard li b{overflow:hidden;color:#244360;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.competitionLeaderboard li small{color:#78899d;font-size:9px;font-weight:500}.competitionLeaderboard li>strong{text-align:right;color:#126ccb;font-size:10px;font-variant-numeric:tabular-nums}.competitionLeaderboardEmpty{margin:0;padding:13px;border-radius:10px;background:#f7faff;color:#72849a;font-size:11px;text-align:center}
.competitionInfoCard{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:15px;border:1px solid #dce8f5;border-radius:15px;background:linear-gradient(120deg,#f0f7ff,#fff)}.competitionInfoIcon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#e3f0ff;font-size:21px}.competitionInfoCard h2{margin:0;color:#153b62;font-size:16px}.competitionInfoCard p{margin:4px 0 0;color:#71839a;font-size:10px;line-height:1.5}.competitionRulesGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.competitionRulesGrid>div{display:grid;gap:6px;padding:13px;border:1px solid #e3ebf4;border-radius:12px;background:#fff}.competitionRulesGrid small{color:#7b8da2;font-size:9px}.competitionRulesGrid b{color:#294b6a;font-size:11px;line-height:1.45}.competitionRuleNotes{display:grid;gap:8px;margin:12px 0;padding:14px 14px 14px 30px;border-radius:12px;background:#f5f9fe;color:#536a82;font-size:10px;line-height:1.6}.competitionGuideText{margin:0 0 12px;padding:14px;border-left:3px solid #1981ed;border-radius:9px;background:#f3f8ff;color:#345673;font-size:11px;line-height:1.7}.competitionGuideSteps{display:grid;gap:9px;margin:0;padding:0;list-style:none}.competitionGuideSteps li{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e3ebf4;border-radius:12px;background:#fff}.competitionGuideSteps i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#eaf4ff;color:#1674d7;font-size:11px;font-style:normal;font-weight:850}.competitionGuideSteps span{display:grid;gap:3px}.competitionGuideSteps b{color:#294b6a;font-size:11px}.competitionGuideSteps small{color:#78899d;font-size:10px;line-height:1.45}.competitionNewsList{display:grid;gap:9px}.competitionNewsList article{padding:14px;border:1px solid #e2ebf4;border-radius:13px;background:#fff}.competitionNewsList article>small{color:#1680ed;font-size:9px;font-weight:700}.competitionNewsList h3{margin:6px 0;color:#214566;font-size:13px;line-height:1.4}.competitionNewsList p{margin:0;color:#71839a;font-size:10px;line-height:1.6}
@media(max-width:520px){.competitionPublic{padding:10px}.competitionLandingHero{min-height:175px;padding:18px}.competitionHeroIcon{width:43px;height:43px;font-size:22px}.competitionHeroCopy h1{font-size:18px}.competitionTabs{top:55px}.competitionTabs button{padding:0 11px;font-size:10px}.competitionListingCard{grid-template-columns:88px minmax(0,1fr)}.competitionCardCover img{min-height:205px}.competitionCardBody{padding:12px}.competitionCardHeading{flex-direction:column}.competitionCardHeading h2{font-size:14px}.competitionCardFacts{display:grid}.competitionRulesGrid{grid-template-columns:1fr 1fr}.competitionLeaderboard{padding:12px}.competitionDetail{padding:13px}}.placeSpecificInfo{display:grid;gap:8px;margin:12px 0;padding:12px 13px;border:1px solid #e0eaf5;border-radius:12px;background:#f7faff}.placeSpecificInfo>b{color:#244565;font-size:11px}.placeSpecificInfo>div{display:flex;flex-wrap:wrap;gap:6px}.placeSpecificInfo>div span{display:inline-flex;align-items:center;min-height:27px;padding:5px 8px;border-radius:8px;background:#fff;color:#4b6078;font-size:10px;line-height:1.4}.placeSpecificInfo>a{justify-self:start;color:#0878f9;font-size:11px;font-weight:700;text-decoration:none}

/* Competition news cards and distraction-free active exam view */
.competitionNewsList article{overflow:hidden;padding:0 0 14px;border:1px solid #dce8f5;border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 7px 20px #173b630b}
.competitionNewsList article>small{display:block;padding:13px 15px 8px;color:#3279bd;font-size:10px;letter-spacing:.02em}
.competitionNewsList .competitionNewsCover{display:block;width:calc(100% - 24px);height:auto;max-height:230px;aspect-ratio:16/9;margin:0 12px 12px;object-fit:cover;object-position:center;border-radius:12px;background:#edf4fb;box-shadow:0 4px 14px #173b6314}
.competitionNewsList h3,.competitionNewsList p{margin-left:15px;margin-right:15px}
.competitionPublic.isTakingExam{padding-top:8px}
.competitionPublic.isTakingExam>.competitionPublicHero,.competitionPublic.isTakingExam>.competitionTabs,.competitionPublic.isTakingExam>.competitionLeaderboard{display:none}
.competitionPublic.isTakingExam #competition-panel-events{margin:0}
.competitionPublic.isTakingExam .competitionDetail{margin:0;padding:12px;border-color:#cfe1f7;border-radius:18px;background:linear-gradient(160deg,#f5f9ff,#fff 70%);box-shadow:0 12px 28px #173b6312}
.competitionPublic.isTakingExam .competitionDetail>header,.competitionPublic.isTakingExam .competitionAudience,.competitionPublic.isTakingExam .competitionFacts,.competitionPublic.isTakingExam .competitionDetailCountdown,.competitionPublic.isTakingExam .competitionHistoryCitizen{display:none}
.competitionPublic.isTakingExam .citizenTimedCompetition{margin:0;padding:12px;border:1.5px solid #1680ed;border-radius:16px;background:#fff;box-shadow:0 7px 22px #0878f917}
.competitionPublic.isTakingExam .competitionTimer{position:sticky;top:8px;z-index:2;align-items:center;min-height:44px;padding:10px 13px;border:1px solid #c8e0fc;border-radius:12px;background:#eaf4ff;color:#174f83;box-shadow:0 4px 12px #16395d12}
.competitionPublic.isTakingExam .competitionTimer b{font-size:17px;font-variant-numeric:tabular-nums;color:#0868c5}
.competitionPublic.isTakingExam .competitionProgress{margin:12px 1px;color:#56718d}
.competitionPublic.isTakingExam .citizenCompetitionQuestion{padding:16px;border-color:#dce8f5;border-radius:14px;background:linear-gradient(160deg,#f8fbff,#fff)}
.competitionPublic.isTakingExam .citizenCompetitionQuestion legend{padding:5px 9px;border-radius:8px;background:#eaf4ff}
.competitionPublic.isTakingExam .citizenCompetitionQuestion h3{margin:9px 0 15px;color:#173b63;font-size:16px}
.competitionPublic.isTakingExam .citizenAnswer{min-height:46px;margin:8px 0;padding:10px 12px;border-radius:12px;background:#fff;font-size:12px;line-height:1.5}
.competitionPublic.isTakingExam .competitionQuestionNav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:12px}
.competitionPublic.isTakingExam .competitionQuestionNav .button{min-height:42px;border:1px solid #d4e2f1;background:#f8fbff;color:#315777}
.competitionPublic.isTakingExam .competitionQuestionNav .button.primary{border-color:#0878f9;background:linear-gradient(110deg,#1689f8,#0868df);color:white;box-shadow:0 5px 13px #0878f92b}
.competitionPublic.isTakingExam .competitionQuestionNav span{text-align:center;font-weight:800}
@media(max-width:520px){.competitionNewsList .competitionNewsCover{max-height:200px;border-radius:10px}.competitionPublic.isTakingExam{padding:6px 10px}.competitionPublic.isTakingExam .competitionDetail{padding:9px}.competitionPublic.isTakingExam .citizenTimedCompetition{padding:10px}.competitionPublic.isTakingExam .citizenCompetitionQuestion{padding:13px}.competitionPublic.isTakingExam .citizenCompetitionQuestion h3{font-size:14px}.competitionPublic.isTakingExam .competitionQuestionNav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px}.competitionPublic.isTakingExam .competitionQuestionNav .button{padding:0 8px;font-size:10px}}
.competitionAttemptList>div>b{display:flex;align-items:center;gap:7px}.competitionAttemptList>div>b i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e4f0ff;color:#1268bd;font-size:10px;font-style:normal}.competitionAttemptList>div:first-child>b i{background:#fff1ca;color:#9a6910}
.competitionAttemptList{gap:9px}.competitionAttemptRecord{overflow:hidden;border:1px solid #dce8f5;border-radius:13px;background:linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 4px 12px #173b6308}.competitionAttemptRecord>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;padding:11px 12px;list-style:none;cursor:pointer}.competitionAttemptRecord>summary::-webkit-details-marker{display:none}.competitionAttemptRecord>summary>b{display:flex;align-items:center;gap:7px;min-width:0;color:#173b63;font-size:11px}.competitionAttemptRecord>summary>b i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:#e4f0ff;color:#1268bd;font-size:10px;font-style:normal}.competitionAttemptRecord:first-child>summary>b i{background:#fff1ca;color:#9a6910}.competitionAttemptRecord>summary>span{justify-self:end;padding:5px 8px;border-radius:20px;background:#eaf4ff;color:#0878f9;font-size:9px;font-weight:750}.competitionAttemptRecord>summary>small{grid-column:1/-1;color:#6c8198;font-size:9px;line-height:1.45}.competitionAttemptRecord>summary>em{grid-column:1/-1;color:#1476d0;font-size:9px;font-style:normal;font-weight:750}.competitionAttemptRecord[open]>summary{border-bottom:1px solid #e2ebf5;background:#f2f8ff}.competitionAttemptRecordDetail{padding:11px 12px;color:#526b84;font-size:10px;line-height:1.6}.competitionAttemptRecordDetail>p{margin:0 0 10px}.competitionAttemptRecordDetail>ol{display:grid;gap:9px;margin:0;padding-left:20px}.competitionAttemptRecordDetail>ol>li{padding:9px;border:1px solid #e4edf7;border-radius:10px;background:#fff;color:#294b6a}.competitionAttemptRecordDetail ul{display:grid;gap:5px;margin:7px 0 0;padding:0;list-style:none}.competitionAttemptRecordDetail ul li{display:flex;align-items:flex-start;gap:6px;padding:7px 8px;border:1px solid #e6edf5;border-radius:8px;background:#fbfdff;color:#536a82}.competitionAttemptRecordDetail ul li>small{margin-left:auto;color:#687e94;font-size:9px}.competitionAttemptRecordDetail ul li.isCorrect{border-color:#b8e8cc;background:#effbf4;color:#176e42}.competitionAttemptRecordDetail ul li.isSelected:not(.isCorrect){border-color:#f0c4c4;background:#fff5f5;color:#a53838}
@media(max-width:520px){.competitionAttemptRecord>summary{padding:10px}.competitionAttemptRecord>summary>b{font-size:10px}.competitionAttemptRecordDetail{padding:9px 10px}}
/* Competition listing: keep the banner in the hero only */
.competitionListingCard{grid-template-columns:minmax(0,1fr);gap:0}
.competitionHeroImage{filter:brightness(1.18) saturate(1.08)}
.competitionHeroShade{background:linear-gradient(90deg,#06366e9c 0%,#075bb999 48%,#075bb970 100%)}
.competitionHeroCopy h1,.competitionHeroCopy p,.competitionHeroCopy>small{text-shadow:0 1px 5px #092b50a6}
.competitionCardCountdown.isLive,.competitionDetailCountdown.isLive,.competitionHeroCountdown.isLive{border-color:#fca5a5;background:#dc2626;color:#fff;box-shadow:0 3px 10px #b91c1c30}
.competitionHeroCountdown.isLive{border-color:#fecaca;background:#dc2626;color:#fff}
@media(max-width:520px){.competitionListingCard{grid-template-columns:minmax(0,1fr)}}

.competitionCardForecast{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0;color:#4b6078;font-size:10px}.competitionCardForecast span{padding:6px 8px;border:1px solid #e3edf8;border-radius:8px;background:#f8fbff}.competitionCardForecast.isActual{color:#1769a8}.competitionCardForecast.isActual span{background:#f2f8ff}

.competitionListingCard .competitionStatus{padding:4px 8px;font-size:9px;line-height:1.25;white-space:nowrap;animation:competitionStatusPulse 1.35s ease-in-out infinite}@keyframes competitionStatusPulse{0%,100%{opacity:1}50%{opacity:.58}}@media(prefers-reduced-motion:reduce){.competitionListingCard .competitionStatus{animation:none}}
.foodDirectory{display:grid;gap:13px}.foodDirectoryHero{display:flex;align-items:center;gap:13px;padding:17px;border-radius:17px;background:linear-gradient(125deg,#0878f9,#155fc2);color:#fff;box-shadow:0 8px 20px #0878f926}.foodDirectoryHero>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:#ffffff25;font-size:24px}.foodDirectoryHero h2{margin:0;font-size:18px}.foodDirectoryHero p{margin:5px 0 0;color:#e4efff;font-size:11px;line-height:1.5}.foodPlaceGrid{display:grid;grid-template-columns:1fr;gap:11px}.foodPlaceCard{display:grid;grid-template-columns:102px minmax(0,1fr);overflow:hidden;border:1px solid #dce8f5;border-radius:15px;background:#fff;color:#17385d;text-decoration:none;box-shadow:0 5px 16px #183b5b0a;transition:transform .16s ease,box-shadow .16s ease}.foodPlaceCard:active{transform:scale(.99)}.foodCardCover{display:grid;place-items:center;min-height:125px;overflow:hidden;background:#edf5ff;color:#1680ed}.foodCardCover img{width:100%;height:100%;min-height:125px;object-fit:cover}.foodCardCover span{font-size:30px}.foodCardBody{min-width:0;padding:12px}.foodCategory{color:#0878f9;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.foodCardBody h3{margin:4px 0;color:#163a60;font-size:14px;line-height:1.3}.foodCardBody>p{display:-webkit-box;overflow:hidden;margin:5px 0;color:#71839a;font-size:10px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.foodCardFacts{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.foodCardFacts span{padding:4px 7px;border-radius:7px;background:#f1f6fc;color:#4b6078;font-size:9px}.foodViewLink{display:flex;justify-content:space-between;margin-top:8px;color:#0878f9;font-size:10px}.foodBackLink{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #dce8f5;border-radius:9px;background:#fff;color:#1769bb;font-size:11px;font-weight:700;text-decoration:none}.foodDetailCard{overflow:hidden;border:1px solid #dce8f5;border-radius:17px;background:#fff;box-shadow:0 7px 20px #1638580b}.foodDetailHeader{padding:15px 15px 12px}.foodDetailHeader>span{color:#0878f9;font-size:10px;font-weight:800}.foodDetailHeader h2{margin:4px 0;color:#153a60;font-size:19px}.foodDetailHeader p{margin:6px 0 0;color:#71839a;font-size:11px;line-height:1.6}.foodPhotoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 11px}.foodPhotoGrid img{width:100%;height:93px;object-fit:cover;border-radius:9px;background:#edf3fa;cursor:zoom-in}.foodPhotoGrid img:first-child:nth-last-child(1){grid-column:1/-1;height:205px}.foodNoPhoto{display:grid;place-items:center;gap:5px;min-height:140px;background:#f1f6fc;color:#7b91a8;font-size:28px}.foodNoPhoto span{font-size:10px}.foodDetailInfo{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.foodDetailInfo>div{display:grid;gap:4px;padding:9px;border-radius:10px;background:#f4f8fd}.foodDetailInfo small{color:#7a8ca1;font-size:9px}.foodDetailInfo b{color:#244565;font-size:11px}.foodAmenities,.foodDescription{margin:0 13px 12px;padding:11px;border-radius:10px;background:#f4f8fd;color:#405975;font-size:11px;line-height:1.65}.foodAmenities p{margin:5px 0 0}.foodDescription{background:#fff;border:1px solid #e6edf5}.foodActions{display:flex;gap:8px;padding:0 13px 14px}.foodActions .button{flex:1;justify-content:center;min-height:38px;border-radius:9px;font-size:10px}@media(min-width:600px){.foodPlaceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.foodPlaceCard{grid-template-columns:118px minmax(0,1fr)}}

.foodPlaceGrid{grid-template-columns:minmax(0,1fr)!important;gap:12px}.foodPlaceCard{width:100%;grid-template-columns:116px minmax(0,1fr)!important;min-height:142px}.foodCardCover,.foodCardCover img{min-height:142px}.foodCardBody{display:flex;flex-direction:column;justify-content:center;padding:12px 13px}.foodCardBody h3{font-size:15px;line-height:1.35}.foodCardBody>p{font-size:10px;line-height:1.55;-webkit-line-clamp:2}.foodCardFacts{gap:6px}.foodCardFacts span{padding:5px 8px;font-size:9px}.foodViewLink{align-self:flex-start;justify-content:flex-start;gap:6px;margin-top:10px;padding:7px 10px;border-radius:8px;background:#edf5ff;color:#0878f9;font-size:10px}.foodViewLink span{font-size:14px;line-height:10px}@media(max-width:370px){.foodPlaceCard{grid-template-columns:92px minmax(0,1fr)!important}.foodCardCover,.foodCardCover img{min-height:132px}.foodCardBody{padding:10px}.foodCardBody h3{font-size:13px}}
.foodPhotoGallery{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:0 13px}.foodMainPhoto{display:block;width:100%;height:225px;object-fit:cover;border-radius:12px;background:#edf3fa;cursor:zoom-in}.foodPhotoThumbs{display:flex;gap:7px;overflow-x:auto;padding:1px 0 4px;scrollbar-width:thin}.foodPhotoThumbs button{flex:0 0 70px;width:70px;height:58px;padding:2px;border:2px solid transparent;border-radius:9px;background:#fff;overflow:hidden;cursor:pointer}.foodPhotoThumbs button.isActive,.foodPhotoThumbs button:focus-visible{border-color:#0878f9}.foodPhotoThumbs img{width:100%;height:100%;object-fit:cover;border-radius:6px}.foodDescription{margin:12px 13px;padding:13px;border:1px solid #e1eaf5;border-radius:11px;background:#fff;color:#405975;font-size:11px;line-height:1.75}.foodRelated{margin-top:14px;padding:13px;border:1px solid #dce8f5;border-radius:15px;background:#fff}.foodRelated>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.foodRelated h3{margin:0;color:#17385d;font-size:14px}.foodRelated>header>span{color:#8191a5;font-size:9px}.foodRelated>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.foodRelated>div>a{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:2px 8px;min-width:0;padding:6px;border:1px solid #e6edf5;border-radius:10px;background:#f8fbff;color:#244565;text-decoration:none}.foodRelated img,.foodRelated i{grid-row:span 2;width:52px;height:48px;object-fit:cover;border-radius:7px}.foodRelated i{display:grid;place-items:center;background:#eaf3fd;font-size:21px;font-style:normal}.foodRelated b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.foodRelated small{color:#74869a;font-size:9px}@media(max-width:360px){.foodMainPhoto{height:190px}.foodRelated>div{grid-template-columns:1fr}}
.foodPlaceCard{grid-template-columns:124px minmax(0,1fr)!important;min-height:154px}.foodCardCover{position:relative;display:block;min-height:154px;border-radius:0;overflow:hidden}.foodCardCover img{display:block;width:100%;height:100%;min-height:154px;object-fit:cover;transition:transform .25s ease}.foodPlaceCard:hover .foodCardCover img{transform:scale(1.045)}.foodPhotoCount{position:absolute;right:7px;bottom:7px;padding:4px 7px;border:1px solid #ffffff75;border-radius:20px;background:#11263cb3;color:#fff;font-size:9px;font-style:normal;backdrop-filter:blur(6px)}.foodCardBody h3{margin:4px 0 2px;font-size:15px}.foodCardBody h3 a{color:inherit;text-decoration:none}.foodCardBody>p{font-size:10px}.foodCardActions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:9px}.foodCardActions a{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 10px;border-radius:8px;font-size:10px;font-weight:750;text-decoration:none}.foodDetailsButton{background:#0878f9;color:#fff}.foodDirectionsButton{border:1px solid #d8e7f8;background:#f4f8fd;color:#1769bb}.foodDetailsButton:hover,.foodDirectionsButton:hover{filter:brightness(.97)}.foodViewLink{display:none}@media(max-width:360px){.foodPlaceCard{grid-template-columns:100px minmax(0,1fr)!important}.foodCardCover,.foodCardCover img{min-height:145px}.foodCardActions a{padding:0 8px;font-size:9px}}

/* Restaurant directory: one clean cover and clear, balanced detail actions. */
.foodActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 13px 15px}
.foodActions .button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:44px!important;padding:0 12px!important;border:1px solid #d9e7f6!important;border-radius:11px!important;background:#f4f8fd!important;color:#1769bb!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important;box-shadow:0 3px 8px #183b5b0c}
.foodActions .button.primary{border-color:#0878f9!important;background:linear-gradient(135deg,#1689f8,#0868dc)!important;color:#fff!important;box-shadow:0 5px 12px #0878f92a}
.foodActions .button:active{transform:translateY(1px)}
.foodMainPhoto{height:230px;border-radius:14px}
.foodPhotoGallery{gap:9px}
.foodPhotoThumbs button{flex-basis:68px;width:68px;height:56px}
.foodDetailHeader>span{display:inline-flex;padding:5px 8px;border-radius:20px;background:#edf5ff}
.foodDetailHeader h2{font-size:20px}
.competitionPredictionQuestion{display:grid;gap:9px;margin:16px 0;padding:14px;border:1px solid #d9e8f8;border-radius:13px;background:#f4f8ff;color:#244462;font-size:12px;font-weight:750;line-height:1.5}
.competitionPredictionQuestion input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ccdeef;border-radius:10px;background:#fff;color:#17385d;font:inherit;font-weight:500}
.competitionPredictionQuestion input:focus{outline:2px solid #1689f84d;border-color:#1689f8}
.foodSearch{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px;border:1px solid #dce8f5;border-radius:13px;background:#fff;box-shadow:0 4px 12px #1c41630a}
.foodSearchBox{display:flex;align-items:center;gap:8px;min-width:0;height:40px;padding:0 11px;border:1px solid #dce7f2;border-radius:10px;background:#f8fbff;color:#1680ed}
.foodSearchBox>span{font-size:22px;line-height:1}
.foodSearchBox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#17385d;font:12px inherit}
.foodSearchBox input::placeholder{color:#8a9bb0}
.foodSearch>button{height:40px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(120deg,#1689f8,#0868df);color:#fff;font-size:11px;font-weight:750;cursor:pointer}
.foodSearch>a{padding:0 6px;color:#6b7f95;font-size:10px;text-decoration:none}
@media(max-width:360px){.foodSearch{grid-template-columns:minmax(0,1fr) auto;gap:6px}.foodSearch>a{grid-column:1/-1;text-align:right}}
/* Keep restaurant listing covers compact; full-size photos stay on detail pages. */
.foodPlaceCard{grid-template-columns:108px minmax(0,1fr)!important;min-height:0!important;align-items:stretch}
.foodCardCover{height:132px;min-height:0!important;align-self:start;border-radius:0}
.foodCardCover img{display:block;width:100%;height:132px;min-height:0!important;object-fit:cover;object-position:center}
@media(max-width:360px){.foodPlaceCard{grid-template-columns:96px minmax(0,1fr)!important}.foodCardCover,.foodCardCover img{height:124px;min-height:0!important}}
/* Live restaurant search and compact image-first cards. */
.foodSearch{grid-template-columns:minmax(0,1fr) auto}
.foodSearchClear{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:9px;background:#edf5ff;color:#1769bb;font-size:20px;cursor:pointer}
.foodSearchClear[hidden],.foodSearchEmpty[hidden]{display:none!important}
.foodPlaceCard{grid-template-columns:108px minmax(0,1fr)!important;min-height:0!important}
.foodCardCover{display:block;width:88px;height:88px;min-height:0!important;margin:10px;border-radius:12px;background:#eef4fa;align-self:start}
.foodCardCover img{width:100%;height:100%;min-height:0!important;border-radius:12px;object-fit:cover;object-position:center}
.foodCardActions{justify-content:flex-end;gap:7px;padding-top:8px}
@media(max-width:360px){.foodPlaceCard{grid-template-columns:94px minmax(0,1fr)!important}.foodCardCover{width:76px;height:76px;margin:9px}.foodCardActions{gap:5px}.foodCardActions a{padding:0 7px;font-size:9px}}
.foodSearchBox input{font:12px "Segoe UI",Arial,sans-serif}

.competitionAudienceDialog{width:min(92vw,440px);max-width:440px;padding:0;border:0;border-radius:22px;background:transparent;box-shadow:0 24px 70px rgba(15,39,71,.28)}.competitionAudienceDialog::backdrop{background:rgba(14,34,59,.56);backdrop-filter:blur(3px)}.competitionAudienceDialogContent{padding:26px;background:#fff;border:1px solid #dce8f7;border-radius:22px;color:#173b64}.competitionDialogIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eaf3ff;font-size:24px}.competitionAudienceDialogContent h3{margin:14px 0 5px;font-size:20px}.competitionAudienceDialogContent>p{margin:0 0 18px;color:#657b97;font-size:14px;line-height:1.55}.competitionAudienceDialogContent .field{display:grid;gap:7px;margin:12px 0}.competitionAudienceDialogContent .field span{font-size:13px;font-weight:700}.competitionAudienceDialogContent select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfdef0;border-radius:11px;background:#f9fbff;color:#183b63}.competitionAudienceDialogActions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.competitionAudienceDialogActions .button{min-height:42px;padding:0 15px;border-radius:11px}.competitionAudienceDialogActions .primary{color:#fff;background:#0878f9;border:1px solid #0878f9}.competitionPredictionPrompt{margin-top:12px}
.profileHomeShortcut{display:flex;align-items:center;gap:7px;width:max-content;margin:10px 12px 0;padding:8px 12px;border:1px solid #d9e7fb;border-radius:999px;background:#fff;color:#1268d8;font-size:11px;font-weight:700;text-decoration:none;box-shadow:0 3px 10px #163c6610}.profileHomeShortcut span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eaf3ff;font-size:17px;line-height:1}.profileOnlineCompetitions{margin:10px;padding:12px;background:linear-gradient(145deg,#fff,#f2f7ff);border:1px solid #d8e7fb;border-radius:15px;box-shadow:0 5px 16px #193b620a}.profileOnlineCompetitions>header{display:flex;align-items:center;gap:9px;margin-bottom:8px}.profileOnlineCompetitions>header>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e7f1ff;font-size:18px}.profileOnlineCompetitions h2,.profileAccountSummary h2{margin:0;font-size:13px;color:#142c4b}.profileOnlineCompetitions>header small{display:block;margin-top:3px;color:#71829a;font-size:9px}.profileCompetitionCard{display:flex;align-items:center;gap:8px;margin-top:7px;padding:10px;background:#fff;border:1px solid #e3eaf4;border-radius:11px;color:#152b49;text-decoration:none}.profileLiveDot{width:8px;height:8px;flex:none;border-radius:50%;background:#18b879;box-shadow:0 0 0 4px #e5f8ef}.profileCompetitionMain{flex:1;min-width:0}.profileCompetitionMain b,.profileCompetitionMain small{display:block}.profileCompetitionMain b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.profileCompetitionMain small{margin-top:4px;color:#71829a;font-size:9px;line-height:1.4}.profileCompetitionCard strong{flex:none;color:#0878f9;font-size:9px}.profileAccountSummary{margin:10px;padding:12px;background:#fff;border:1px solid #e6ebf3;border-radius:13px}.profileAccountSummary>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #edf1f6;font-size:10px}.profileAccountSummary>div:first-of-type{margin-top:8px}.profileAccountSummary>div span{color:#77869b}.profileAccountSummary>div b{text-align:right;color:#20334f;overflow-wrap:anywhere}
.competitionTermsText{position:relative;margin:14px 0;padding:16px;border:1px solid #dce8f5;border-radius:15px;background:linear-gradient(145deg,#fff 0%,#f7faff 100%);box-shadow:0 6px 18px rgba(26,69,116,.06);overflow:hidden}.competitionTermsText:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#1684f8,#75b8ff)}.competitionTermsText h3{margin:0 0 11px;padding:0 0 10px;border-bottom:1px solid #e6eef7;color:#153b62;font-size:15px;line-height:1.35}.competitionTermsText>div{color:#465c75;font-size:12px;line-height:1.85;overflow-wrap:anywhere;white-space:normal}.competitionTermsText>div br{content:'';display:block;margin-top:7px}
.competitionAudienceDialogContent .audienceChoiceField{position:relative;margin:12px 0;z-index:2}.competitionAudienceDialogContent [data-audience-group-field]{z-index:4}.competitionAudienceDialogContent [data-audience-unit-field]{z-index:3}.competitionAudienceDialogContent .audienceChoiceInput{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #cfdef0;border-radius:11px;background:#f9fbff;color:#183b63;font:inherit;font-size:13px;outline:none}.competitionAudienceDialogContent .audienceChoiceInput:focus{border-color:#1689f8;box-shadow:0 0 0 3px #1689f81f}.competitionAudienceDialogContent .audienceChoiceDropdown{top:calc(100% + 5px);left:0;right:0;min-width:0;padding:8px}.competitionAudienceDialogContent .audienceChoiceDropdown .locationFilter{min-height:40px;background:#fff}.competitionAudienceDialogContent .audienceChoiceDropdown .locationOptions{max-height:190px;overflow-y:auto}
.competitionAudienceDialogContent .audienceChoiceInput{cursor:pointer;padding-right:34px}.competitionAudienceDialogContent .audienceChoiceField:after{content:'⌄';position:absolute;top:35px;right:14px;color:#244b72;font-size:16px;pointer-events:none}.competitionAudienceDialogContent .audienceChoiceDropdown .locationOptions{margin-top:0}

.miniHeaderTools .miniAdminLink{width:auto;min-width:48px;padding:0 5px;font-size:10px!important;font-weight:600!important;white-space:nowrap}.customModulePublic{max-width:900px;margin:18px auto;padding:16px;background:#fff;border:1px solid #dce7f5;border-radius:18px;box-shadow:0 8px 24px #18375b12}.customModulePublic>header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.customModulePublic>header i{width:48px;height:48px;border-radius:14px;color:#fff;display:grid;place-items:center;font-size:24px;font-style:normal;flex:0 0 48px}.customModulePublic h2{margin:0}.customModulePublic header p{margin:4px 0;color:#718096}.customModuleFrame{height:min(72vh,780px);min-height:420px;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px}.customModuleFrame iframe{width:100%;height:100%;border:0;background:#fff}.customModuleOpen{font-size:13px;margin:10px 2px 0}.customModuleOpen a{color:#126de5}@media(max-width:600px){.customModuleFrame{height:68vh;min-height:360px}}
/* Custom module grouping on the mini app home */
.customTileGroupLabel{grid-column:1/-1;margin:2px 0 -7px;padding:9px 10px 7px;border-top:1px solid #e6edf5;color:#526b85;font-size:11px;font-weight:750;text-align:left}

.localCustomModules{margin:12px 0 18px;padding:12px 10px 4px;border:1px solid #e3ebf4;border-radius:14px;background:#fff}
.localCustomModules>header{display:flex;align-items:center;margin:0 2px 12px;color:#193c60;font-size:13px}
.localCustomModules .tiles{padding-bottom:8px}

/* Group popup inspired by service category launchers */
.moduleGroupPopup[hidden]{display:none}
.moduleGroupPopup{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:#0005;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.moduleGroupBackdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
.moduleGroupPanel{position:relative;z-index:1;width:min(100%,430px);max-height:82vh;overflow:auto;padding:16px 15px 18px;border:1px solid #d8d8d8;border-radius:22px;background:#f7f7f7;box-shadow:0 12px 35px #0003}
.moduleGroupPanel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 3px}
.moduleGroupPanel h2{margin:0;color:#24384c;font-size:17px}
.moduleGroupPanel>header button{width:32px;height:32px;border:0;border-radius:50%;background:#e7edf3;color:#43566a;font-size:22px;line-height:1;cursor:pointer}
.moduleGroupGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:#fff;border:2px solid #fff}
.moduleGroupGrid>a{display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;padding:12px 5px;border:1px solid #e6e6e6;background:#f8f8f8;color:#171717;text-align:center;text-decoration:none;font-size:11px;line-height:1.35}
.moduleGroupGrid>a i{display:grid;width:76px;height:76px;place-items:center;border:1px solid #aaa;border-radius:12px;background:#fff!important;color:#176fcd;font-size:39px;font-style:normal}
.moduleGroupGrid>a span{overflow-wrap:anywhere}
.moduleGroupTrigger{cursor:pointer}
@media(max-width:390px){.moduleGroupPopup{padding:12px}.moduleGroupPanel{padding:12px}.moduleGroupGrid>a{min-height:110px}.moduleGroupGrid>a i{width:64px;height:64px;font-size:34px}}


/* Competition news detail disclosure */
.competitionNewsDetail{margin:12px 12px 0;padding:10px 0 0;border-top:1px solid #e8eef6}.competitionNewsDetail>summary{display:flex;width:max-content;max-width:100%;align-items:center;gap:9px;padding:9px 13px;border:1px solid #cfe2f7;border-radius:10px;background:linear-gradient(135deg,#f4f9ff,#eaf4ff);color:#126fd1;font-size:11px;font-weight:750;cursor:pointer;list-style:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.competitionNewsDetail>summary::-webkit-details-marker{display:none}.competitionNewsDetail>summary:after{content:'⌄';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#d8eaff;color:#0878ed;font-size:13px;transition:transform .18s ease}.competitionNewsDetail>summary:hover{border-color:#9dc8f4;background:#e7f2ff;box-shadow:0 3px 10px #1674d714}.competitionNewsDetail[open]>summary:after{transform:rotate(180deg)}.competitionNewsFullContent{margin:10px 0 0;padding:13px;border:1px solid #e4edf7;border-radius:12px;background:#f7faff;color:#405a75;font-size:11px;line-height:1.75;overflow-wrap:anywhere}.competitionNewsFullContent p{margin:0 0 9px}.competitionNewsFullContent p:last-child{margin-bottom:0}.competitionNewsFullContent h2,.competitionNewsFullContent h3{margin:12px 0 7px;color:#1a4168;font-size:13px}.competitionNewsFullContent ul,.competitionNewsFullContent ol{margin:8px 0;padding-left:20px}.competitionNewsFullContent img{display:block;max-width:100%;height:auto;margin:9px auto;border-radius:9px}.competitionNewsAttachments{display:grid;gap:7px;margin-top:11px;padding:11px;border:1px solid #e1eaf5;border-radius:11px;background:#fff}.competitionNewsAttachments>strong{margin-bottom:2px;color:#294b6c;font-size:10px}.competitionNewsAttachments>a{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #e7eef7;border-radius:9px;background:#f8fbff;color:#176fc3;font-size:10px;line-height:1.45;text-decoration:none;overflow-wrap:anywhere;word-break:break-word}.competitionNewsAttachments>a:before{content:'↧';display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:6px;background:#e3f0ff;color:#0878ed;font-size:12px;font-weight:800}.competitionNewsAttachments>a:hover{border-color:#b5d5f5;background:#eff7ff;text-decoration:none}

/* Support directory: clearer cards and touch targets */
.supportHeading{padding:18px 15px 14px;background:linear-gradient(135deg,#fff 0%,#f1f7ff 100%)}.supportHeading h1{font-size:19px;letter-spacing:-.2px}.supportHeading p{font-size:11px;line-height:1.45}.supportStatus{padding:8px 10px;border-radius:9px;background:#f4f8fd;color:#62748b}.supportTabs{padding:0 10px}.supportTabs button{padding:13px 8px}.supportFilters{padding:12px 13px;background:#f5f8fc;scrollbar-width:thin}.supportFilters button{padding:8px 12px;font-size:10px;font-weight:600;box-shadow:0 2px 5px #16385b08}.supportList{display:grid;gap:9px;padding:10px 12px 16px;background:#f4f7fb}.supportItem{position:relative;align-items:flex-start;gap:11px;padding:13px 12px;background:#fff;border:1px solid #e3ebf5;border-radius:14px;box-shadow:0 4px 12px #1738580a;transition:transform .15s,box-shadow .15s}.supportItem:hover{transform:translateY(-1px);box-shadow:0 7px 18px #17385812}.supportIcon{width:42px;height:42px;flex-basis:42px;border-radius:13px}.supportItemText{padding-top:1px}.supportItemText>b{color:#152a46;font-size:12px;font-weight:750}.supportItemText small{font-size:10px;line-height:1.45}.supportItemText .supportCoordinates{color:#2778cd}.supportDistance{padding:5px 7px;margin:0;border-radius:999px;background:#edf5ff;color:#2673c8;font-size:9px}.supportDirections{padding:4px 0;font-size:10px}.supportPhone{font-size:10px}.foodCardFacts .foodCardPhone{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:7px;background:#edf5ff;color:#0878f9;text-decoration:none;font-size:9px;font-weight:700}.foodCardFacts .foodCardPhone:hover{text-decoration:underline}

/* Fast restaurant search suggestions */
.foodSearch{position:relative}.foodSearchSuggestions{position:absolute;z-index:8;top:calc(100% - 1px);left:9px;right:9px;max-height:270px;overflow:auto;padding:5px;border:1px solid #dce8f5;border-radius:0 0 13px 13px;background:#fff;box-shadow:0 12px 26px #16385820}.foodSearchSuggestions[hidden]{display:none!important}.foodSearchSuggestion{display:grid;width:100%;gap:3px;padding:9px 10px;border:0;border-radius:8px;background:#fff;text-align:left;color:#17385d;cursor:pointer}.foodSearchSuggestion:hover,.foodSearchSuggestion.active{background:#edf5ff}.foodSearchSuggestion b{font-size:11px}.foodSearchSuggestion small{overflow:hidden;color:#71839a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.foodSearchSelected{outline:3px solid #1689f8;outline-offset:2px;transition:outline-color .25s}

/* Support item location and contact actions */
.supportDistance{display:inline-flex;align-items:center;gap:4px}.supportDistance:before{content:"⌖";font-size:12px;line-height:1}.supportItemText .supportPhone{display:flex;width:max-content;max-width:100%;align-items:center;margin-top:7px}.supportDirections{display:flex;width:max-content;align-items:center;margin-top:5px;padding:2px 0}.supportItemText .supportPhone+.supportDirections{margin-top:6px}

.supportItemText .supportCoordinates{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px}.supportItemText .supportCoordinates .supportDirections{display:inline-flex;width:auto;margin:0 0 0 4px;padding:0;white-space:nowrap}

.supportItemText .supportCoordinates{flex-wrap:nowrap;white-space:nowrap}.supportItemText .supportCoordinates .supportDirections{flex:0 0 auto;white-space:nowrap}

/* Restaurant category tabs */
.foodFilters{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;padding:10px 3px 12px;margin:0 -2px 3px;scrollbar-width:none}.foodFilters::-webkit-scrollbar{display:none}.foodFilters button{flex:0 0 auto;max-width:190px;overflow:hidden;padding:8px 13px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#34445b;font:600 10px inherit;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 2px 6px #1738580a;cursor:pointer}.foodFilters button.active{border-color:#0878f9;background:#0878f9;color:#fff;box-shadow:0 4px 10px #0878f933}.foodFilters button:focus-visible{outline:2px solid #74b6ff;outline-offset:2px}

.foodSearchSubmit{min-width:62px;padding:0 11px!important}.foodSearchSubmit:hover{filter:brightness(.96)}

.foodPlaceCard[hidden]{display:none!important}

.foodSearch{grid-template-columns:minmax(0,1fr)}

.localActions .customModuleGroupTile{min-height:76px;padding:3px 2px;border:0;border-radius:12px;background:transparent;color:#15243a;font-family:inherit;font-size:10px;line-height:1.25;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;cursor:pointer}.localActions .customModuleGroupTile i{background:linear-gradient(145deg,#8297b0,#536984)}.localActions .customModuleGroupTile small{display:none}.localActions .customModuleGroupTile:hover{background:#eaf3ff;transform:translateY(-2px)}.localActions .customModuleGroupTile:focus-visible,.tiles .localCustomModuleGroup:focus-visible{outline:2px solid #0878f9;outline-offset:2px}.tiles .localCustomModuleGroup{border:0;padding:0;background:transparent;color:#172336;font:inherit;font-size:10px;line-height:1.3;text-align:center;cursor:pointer}.tiles .localCustomModuleGroup i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 6px;border-radius:14px;color:#fff;font-style:normal;font-size:24px;box-shadow:0 5px 12px #1839571c}.tiles .localCustomModuleGroup:hover{filter:brightness(.97)}
.foodDescription img{display:block;width:auto;max-width:100%;height:auto;max-height:min(55vh,420px);margin:10px auto;object-fit:contain;border-radius:10px;background:#f1f5f9;box-shadow:0 4px 14px #18385812}
.foodDescription p:has(> img){margin:0}