:root{--ink:#183e36;--green:#075a50;--leaf:#08775c;--muted:#658178}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dceae6;color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:510px;margin:auto;min-height:100vh;background:#f6faf7;box-shadow:0 20px 65px #163b3540;padding-bottom:92px}.adminbar{background:#153d36;color:#fff;min-height:42px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}.bar-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.adminbar button{border:1px solid #a4cdc1;background:transparent;color:#fff;border-radius:15px;padding:5px 7px;font-size:10px}.hero{height:435px;position:relative;background:#075a50}.slides,.slide,.heroTint,.heroContent{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1s ease;overflow:hidden}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.heroTint{pointer-events:none;background:linear-gradient(180deg,#042d2a66,#073b3457 42%,#063b37b8)}.heroContent{color:white;padding:18px 16px}.topline{display:flex;justify-content:space-between;align-items:flex-start;gap:7px}.brand{border:0;color:white;background:transparent;text-align:left;display:flex;align-items:center;gap:9px;padding:0;min-width:0}.brandLogo{width:42px;height:42px;display:grid;place-items:center;background:#044e45d9;border:1px solid #ffffff8a;border-radius:12px;font-size:24px;flex:none;overflow:hidden}.brandLogo img{width:100%;height:100%;object-fit:contain}.brand b{display:block;font-size:13px;line-height:1.2}.brand small{display:block;font-size:9px;color:#ebf8e7;letter-spacing:.06em;margin-top:4px}.heroActions{display:flex;gap:6px;flex:none}.circle{width:40px;height:40px;border:1px solid #ffffff78;border-radius:50%;background:#063e39d9;color:#fff;font-size:21px}.welcome{position:absolute;left:17px;right:17px;bottom:100px;background:transparent;border:0;color:white;text-align:center;text-shadow:0 2px 12px #002921;padding:5px}.welcome span{font-size:12px;color:#ffe0a1}.welcome h1{font:700 clamp(31px,8vw,44px)/1.1 Georgia,serif;color:#fff2d5;margin:8px 0}.welcome p{margin:0;font-size:12px}.dots{position:absolute;bottom:80px;left:0;right:0;display:flex;gap:7px;justify-content:center}.dots button{border:0;border-radius:20px;background:#ffffff9c;height:7px;width:7px;padding:0}.dots button.active{width:21px;background:#fff}.editBadge{position:absolute;top:70px;right:17px;z-index:4;border:1px solid #fff9;color:white;background:#005846dc;border-radius:9px;padding:7px 10px;font-size:11px}.prayer{position:absolute;z-index:4;bottom:-52px;left:13px;right:13px;border:1px solid #e9e6cf;border-radius:19px;background:#fffefa;color:var(--ink);text-align:left;box-shadow:0 12px 28px #124e3c30;padding:13px}.prayerTitle{display:flex;align-items:center;justify-content:space-between;color:#075b4b;font-weight:800;font-size:12px}.prayerTitle small{color:var(--muted);font-size:10px;font-weight:400}.prayerTimes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;text-align:center;margin-top:10px}.prayerTimes span{padding:5px 1px;border-radius:10px}.prayerTimes span.next{background:#e5f4eb}.prayerTimes b,.prayerTimes em{display:block;font-style:normal;font-size:10px}.prayerTimes em{font-weight:750;font-size:11px}.homeBody{padding:70px 15px 20px}.urgent{display:block;width:100%;text-align:left;background:#fff9ed;border:1px solid #f1d694;border-left:5px solid #e5a22d;border-radius:15px;padding:13px 15px;margin-bottom:16px;color:#54412b}.urgent small{display:block;color:#91600f;font-weight:800;letter-spacing:.07em;font-size:10px}.urgent b{display:block;color:#413726;font-size:15px;margin-top:5px}.urgent span{display:block;font-size:12px;margin-top:4px;white-space:pre-wrap}.urgent em{display:block;font-size:11px;color:#87510b;font-weight:800;margin-top:7px}.urgent[hidden]{display:none}.searchWrap{position:relative}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dce9e2;border-radius:17px;padding:4px 13px;box-shadow:0 5px 15px #154a3d10}.search>span:first-child{font-size:24px;color:#246c5d}.search input{flex:1;min-width:0;border:0;outline:0;padding:10px 0;font-size:13px;color:var(--ink)}.searchEnd{color:#1a705b;font-size:20px}.searchDrop{position:absolute;z-index:10;top:calc(100% + 5px);left:0;right:0;max-height:280px;overflow:auto;background:#fff;border:1px solid #d7e7de;border-radius:14px;box-shadow:0 15px 30px #133e3450;padding:7px}.searchDrop[hidden]{display:none}.searchDrop button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:10px;border-radius:8px}.searchDrop button:hover{background:#eef6f0}.searchDrop small{display:block;color:#718278}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin:23px 2px 12px;gap:8px}.sectionTitle h2{margin:0;font-size:18px}.miniBtn{border:0;border-radius:9px;background:#e1f2e9;color:#09664b;font-weight:750;padding:7px 10px;font-size:11px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tile{aspect-ratio:1/1.08;border:0;border-radius:15px;background:var(--tile-color,#087b64);color:#fff;box-shadow:inset 0 1px 2px #fff5,0 7px 15px #16443c24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 3px;min-width:0;position:relative;background-size:cover;background-position:center}.tile span{font-size:27px;line-height:1}.tile b{font-size:clamp(9px,2.2vw,12px);line-height:1.2}.siteFoot{color:#72847d;font-size:10px;margin:24px 3px}.bottom{position:fixed;z-index:16;bottom:0;left:50%;transform:translateX(-50%);width:min(510px,100%);background:#fffffff8;border-top:1px solid #dce8e0;box-shadow:0 -7px 20px #0b3a301c;display:flex;justify-content:space-around;padding:8px 5px max(8px,env(safe-area-inset-bottom))}.bottom button{flex:1;border:0;background:transparent;color:#315952;text-align:center;padding:4px 0}.bottom button span{font-size:22px;line-height:1;display:block}.bottom button b{font-size:10px;display:block;margin-top:3px}.bottom .navAdd{font-size:25px;color:#08725a}.pageHead{background:linear-gradient(135deg,#086b57,#123f3a);color:#fff;padding:15px 18px 29px;min-height:167px}.pageTop{display:flex;align-items:center;gap:10px}.pageTop span{flex:1;font-size:13px;font-weight:800}.pageTop button{border:1px solid #fff8;background:#ffffff18;color:#fff;border-radius:50%;height:38px;width:38px;font-size:19px}.pageHead small{display:block;margin-top:21px;color:#c9e6d7;font-size:11px}.pageHead h1{font-size:24px;line-height:1.2;margin:5px 0}.pageHead p{margin:0;font-size:12px}.pageBody{padding:17px}.pageActions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.pageActions button{border:0;border-radius:10px;background:#dcf0e5;color:#086448;padding:9px 12px;font-size:12px;font-weight:750}.listItem,.entryCard,.empty{border:1px solid #dce9df;background:#fff;border-radius:16px;padding:16px;margin:10px 0;box-shadow:0 5px 15px #0a4c3410}.listItem{width:100%;text-align:left;display:flex;justify-content:space-between;gap:8px;color:var(--ink)}.listItem small{display:block;color:#73847b;font-size:11px}.listItem strong{font-size:15px}.entryCard h2{font-size:19px;margin:0 0 9px}.entryCard p{font-size:13px;line-height:1.65;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.entryCard .meta{font-size:11px;color:#6a8072}.entryCard img{display:block;width:100%;max-height:450px;object-fit:contain;background:#f1f4f0;border-radius:10px;margin:10px 0}.entryCard .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.entryCard .gallery img{height:90px;object-fit:cover;margin:0}.entryCard a{display:inline-block;margin-top:9px;color:#087057;font-weight:750;font-size:12px}.entryCard .editEntry{margin:0 0 12px;border:0;border-radius:9px;background:#e1f2e8;color:#075f49;padding:7px 10px}.empty{text-align:center;color:#76867d}.shade,.modalShade{position:fixed;inset:0;z-index:26;background:#032c2a9a}.shade[hidden],.modalShade[hidden]{display:none}.drawer{margin-left:auto;width:min(390px,90vw);height:100%;overflow:auto;background:#fff;padding:19px;box-shadow:-10px 0 30px #001a1940}.drawer header,.modal header{display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer h2{font-size:21px;margin:0}.drawer header button,.modal header button{border:0;border-radius:50%;background:#eaf4ef;color:#065e48;width:37px;height:37px;font-size:23px}.drawerGroup{border-bottom:1px solid #e3ebe5}.drawerTopic{display:flex;align-items:center;gap:4px}.drawerTopic>button:first-child{flex:1;text-align:left;border:0;background:none;padding:15px 4px;color:var(--ink);font-weight:750}.drawerTopic .rowEdit,.drawerSub .rowEdit{border:0;background:#e9f5ee;color:#086347;border-radius:8px;padding:5px 7px}.drawerSub{display:flex;align-items:center;border-top:1px solid #f0f3f0;padding-left:17px}.drawerSub>button:first-child{flex:1;text-align:left;padding:11px 4px;border:0;background:none;color:#315950;font-size:13px}.drawerAdd,.drawerLogin,.drawerSubAdd{border:0;border-radius:10px;padding:11px;margin-top:12px;color:#fff;background:#08765b;font-weight:750;width:100%}.drawerSubAdd{margin:8px 0 10px;background:#e3f3e9;color:#086349}.drawerLogin{margin:21px 0}.ghost{opacity:.45!important;outline:2px dashed #d49a2b!important;outline-offset:-2px}.adminbar[hidden],.editBadge[hidden],.miniBtn[hidden],.drawerAdd[hidden],.drawerSubAdd[hidden]{display:none}.editing .editable,.editing .tile,.editing .bottom button{outline:2px dashed #f0c761;outline-offset:2px}.modalShade{z-index:35;display:grid;place-items:center;padding:14px}.modal{width:min(480px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:19px;padding:18px;box-shadow:0 15px 50px #001b1655}.modal h2{margin:0;font-size:20px}.modal form{margin-top:12px}.modal label{display:block;margin:12px 0 5px;font-size:12px;font-weight:750}.modal input:not([type=checkbox]),.modal textarea,.modal select{width:100%;border:1px solid #bdcfc6;border-radius:9px;padding:10px;color:var(--ink);background:white}.modal textarea{min-height:86px}.modal input[type=checkbox]{accent-color:#08765b}.modal .check{display:flex;align-items:center;gap:7px;padding:8px;background:#f0f6f0;border-radius:9px}.modal .hint{font-size:11px;color:#74847d}.modalActions{display:flex;justify-content:flex-end;gap:7px;margin-top:17px}.modalActions button{border:0;border-radius:9px;padding:10px 13px}.modalActions .primary{background:#08765b;color:white}.modalActions .danger{background:#f9e5e5;color:#a32929;margin-right:auto}#modalError{color:#ad2d31;font-size:12px}.toast{position:fixed;z-index:45;left:50%;bottom:91px;transform:translateX(-50%);background:#173c35;color:#fff;padding:9px 14px;border-radius:10px;font-size:12px;box-shadow:0 10px 30px #001e1a55;display:none;white-space:nowrap}.toast.show{display:block}@media(min-width:700px){.shell{margin:22px auto;border-radius:23px;overflow:hidden}}@media(max-width:355px){.hero{height:412px}.tile span{font-size:23px}.prayer{left:7px;right:7px;padding:9px}.prayerTimes{gap:0}}
.noPrayer .homeBody{padding-top:18px}
/* Kerawang keeps the original pattern; the SVG mask removes only the white area visually. */
.heroOrnament{position:absolute;z-index:2;top:0;left:0;width:100%;aspect-ratio:843/537;background:url('kerawang.png') top center / 100% 100% no-repeat;-webkit-mask:url('kerawang-mask.svg') top center / 100% 100% no-repeat;mask:url('kerawang-mask.svg') top center / 100% 100% no-repeat;pointer-events:none}
.heroContent{z-index:3}.heroTint{z-index:1}.slides{z-index:0}
.zoomable{cursor:zoom-in}.zoomable:focus-visible{outline:3px solid #dfad39;outline-offset:3px}
.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:55;background:#061b1ce8;display:flex;align-items:center;justify-content:center;padding:48px 50px;touch-action:pan-y}.lightbox img{display:block;max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;border-radius:6px}.lightbox button{position:absolute;border:1px solid #ffffff83;background:#183c3acc;color:#fff;border-radius:50%;width:43px;height:43px;font-size:32px;line-height:1}.lightboxClose{top:16px;right:18px}.lightboxPrev{left:7px;top:50%}.lightboxNext{right:7px;top:50%}.lightbox #lightboxCount{position:absolute;bottom:18px;color:white;font-size:13px}
@media(min-width:900px){.shell{max-width:920px}.hero{height:510px}.bottom{width:min(920px,100%)}.heroContent{padding:20px 26px}.brand b{font-size:17px}.brand small{font-size:11px}.homeBody{max-width:830px;margin:auto}.pageBody{max-width:830px;margin:auto}.tile b{font-size:15px}.tile span{font-size:36px}.tiles{gap:14px}.entryCard .gallery img{height:140px}}

.prayerTimes .prayerUnavailable{grid-column:1/-1;text-align:center;font-size:11px;padding:5px}

.entryCard .galleryItem{position:relative;min-width:0}.entryCard .galleryItem img{width:100%}.galleryControls{display:flex;gap:3px;justify-content:center;margin-top:4px}.galleryControls button{border:0;background:#e1f2e9;color:#075c48;border-radius:7px;padding:5px;font-size:10px}.galleryControls button:last-child{background:#f8e3e3;color:#9c2424}.uploadProgress{position:fixed;z-index:60;inset:0;display:grid;place-items:center;background:#092d2a9e}.uploadProgress[hidden]{display:none}.uploadProgressCard{width:min(300px,88vw);background:white;border-radius:17px;padding:24px;text-align:center;box-shadow:0 20px 50px #001d1d60}.uploadProgressCard b,.uploadProgressCard small{display:block;margin-top:9px}.uploadProgressCard small{color:#647770}.uploadSpinner{display:block;width:35px;height:35px;border:4px solid #d5e7df;border-top-color:#08765b;border-radius:50%;margin:auto;animation:uploadSpin .8s linear infinite}@keyframes uploadSpin{to{transform:rotate(360deg)}}

/* Portal v6: post media and responsive editor controls */
.entryCard video{display:block;width:100%;max-height:70vh;border-radius:14px;margin:1rem 0;background:#111}.entryCard p{overflow-wrap:anywhere;white-space:normal;line-height:1.7}.entryCard p a{color:#0875d1;text-decoration:underline}.pageActions{display:flex;flex-wrap:wrap;gap:.5rem}.editing .tile{cursor:grab}.editing .tile:active{cursor:grabbing}.tiles{grid-auto-flow:row dense}.tile[style*="grid-column:span 2"]{min-width:0}@media(max-width:440px){.tile[style*="grid-column:span 2"]{grid-column:span 2!important}}

.countdownList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.countdownCard{padding:15px;border:1px solid #d8e7df;border-radius:14px;background:#fff;text-align:left;color:#17413b}.countdownCard strong,.countdownCard small{display:block}.countdownCard small{margin-top:6px;font-size:.88rem}.countdownCard.ghost{opacity:.55}@media(max-width:450px){.countdownList{grid-template-columns:1fr}}
.tileResize{position:absolute;right:8px;bottom:7px;background:#ffffffd9;color:#075a50;border-radius:7px;padding:3px 6px;z-index:2}.tile{position:relative}

/* Portal 7: fixed controls and direct editing */
.bottom{z-index:42}.shade{z-index:30;padding-bottom:70px}.drawer{height:calc(100% - 0px);padding-bottom:95px}.modalShade{z-index:50}.bottomBack{color:#075a50!important}.heroActions #shareBtn{width:auto;padding:0 11px;border-radius:22px;font-size:12px;font-weight:700}.pageTop #pageShare{width:auto;padding:5px 11px;border-radius:20px;white-space:nowrap}.slideThumb{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #dce8e1;background:white;border-radius:12px;padding:8px;margin:7px 0;text-align:left;color:#174138}.slideThumb img,.mediaThumb img{width:92px;height:72px;object-fit:cover;border-radius:8px;cursor:zoom-in}.mediaPreview{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0}.mediaThumb{display:flex;flex-direction:column;gap:4px}.mediaThumb button{background:#fae7e7;border:0;border-radius:7px;padding:4px;color:#82332d}.mediaField{padding:10px 0;border-top:1px solid #e5eee8}.mediaField input[type=file]{width:100%}.mediaField video{width:100%;max-height:240px}.mediaField small{display:block;color:#60776d}.inlineInput{width:100%;min-width:90px;font:inherit;color:#123b31;background:#fff;border:2px solid #e4ac43;border-radius:7px;padding:3px}.editing #pageTitle,.editing [data-inline-sub],.editing [data-inline-entry],.editing [data-inline-tile],.editing #siteName,.editing #siteTagline,.editing #welcomeTitle,.editing #welcomeText,.editing #urgentTitle,.editing #urgentText{cursor:text;text-decoration:underline dotted #e6bb67;text-underline-offset:4px}.editing .tile .tileHandle{position:absolute;left:6px;bottom:5px;font-size:15px;background:#fff;color:#075a50;padding:1px 6px;border-radius:7px;touch-action:none}.editing .tile .tileResize{font-size:15px;touch-action:none}.tile{min-height:85px}.bottom .bottomBack span{font-size:18px}

.tileHandle,.tileResize{user-select:none;-webkit-user-select:none}.tileHandle{cursor:grab}.tileResize{cursor:nwse-resize}.tiles .tile{touch-action:auto}.tiles .tile .tileHandle,.tiles .tile .tileResize{touch-action:none}

.addBoxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.addBoxes button{min-height:85px;border:2px dashed #80bea3;background:#edfaf1;color:#095848;font-weight:700;border-radius:13px;padding:12px}.addBoxes:empty{display:none}

.editing #brand,.editing #urgent,.editing #countdownList{position:relative}.layoutGrip{position:absolute;top:2px;right:2px;display:flex;gap:4px;z-index:10;color:#075a50;background:#fffdefe8;border-radius:6px;padding:2px;box-shadow:0 2px 8px #1235}.layoutGrip span{padding:1px 5px;cursor:grab;touch-action:none;user-select:none}.layoutGrip [data-layout-resize]{cursor:nwse-resize}.editing #countdownList:empty{min-height:42px;outline:2px dashed #f0c761}

/* Editor overlays must not change the placement rules seen by visitors. */
.editing #welcome{position:absolute}.editing #prayer{position:absolute}.editing #brand{position:relative}.editing #urgent{position:relative}.fontToolbar[hidden]{display:none}.fontToolbar{position:fixed;z-index:49;display:flex;align-items:center;gap:4px;padding:5px 7px;background:#fff;color:#18453b;border:1px solid #c4dfce;border-radius:11px;box-shadow:0 8px 22px #092c3550}.fontToolbar button{border:1px solid #d1e7d5;border-radius:7px;background:#effaf1;color:#075947;padding:5px 9px;font-weight:800}.fontToolbar output{min-width:39px;text-align:center;font-size:12px}.slideThumbRow{display:flex;align-items:center;gap:12px;margin:7px 0;padding:8px;border:1px solid #dce8e1;border-radius:12px;background:#fff}.slideThumbRow img{width:92px;height:72px;object-fit:cover;border-radius:8px;cursor:zoom-in}.slideThumbActions{display:flex;gap:7px;margin-left:auto}.slideThumbActions button{border:1px solid #dce8e1;background:#f1faf4;color:#0d614e;border-radius:8px;width:38px;height:38px;font-size:17px}.slideThumbActions button[data-delete-slide]{background:#fff0ef;color:#b53732}

/* Independent brand controls and phone layout guard. */
.brandGroup{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%;color:white}.brandLogoControl,.brandName{position:relative;border:0;background:transparent;color:white;padding:0;text-align:left;flex:none}.brandLogoControl{width:42px;height:42px}.brandLogo{width:100%;height:100%}.brandName{min-width:0;max-width:100%;overflow-wrap:anywhere}.brandName b{display:block;font-size:13px;line-height:1.2}.brandName small{display:block;font-size:9px;color:#ebf8e7;letter-spacing:.06em;margin-top:4px}.drawerTopic .drawerToggle{flex:none;width:42px;font-size:22px;text-align:center}.drawerGroup.expanded .drawerToggle{transform:rotate(90deg)}@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}.shell{width:100%;overflow-x:clip}.hero,.heroContent{max-width:100%}.topline{min-width:0}.brandGroup{flex:1}.brandName{flex:1}.welcome{max-width:calc(100% - 34px)}.prayer{max-width:calc(100% - 26px)}}

/* Topic label opens subtopics; web addresses are visibly clickable. */
.drawerTopic>button:first-child{width:100%;cursor:pointer}.entryCard p a{color:#0875d1;text-decoration:underline;overflow-wrap:anywhere}.entryCard p b a{color:#0875d1}

/* Share preview shown in AJK editor. */
.sharePreview{margin:15px 0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #d8e6de;box-shadow:0 5px 15px #0a4c3410}.sharePreview img{display:block;width:100%;height:auto;max-height:230px;aspect-ratio:1.91;object-fit:cover;background:#e9f1ec}.sharePreview>div{padding:12px 14px}.sharePreview b{display:block;font-size:15px;color:#163b34}.sharePreview p{margin:4px 0;color:#576b62;font-size:12px;white-space:pre-wrap}.sharePreview small{color:#08755a}.shareNow{margin:0 0 10px}

/* Portal v16: compact countdown, component visibility and movable controls. */
.adminOnly[hidden],.componentSettings[hidden],.ornamentBadge[hidden]{display:none!important}
.sectionTitle.adminOnly{margin:12px 2px 6px}.sectionTitle.adminOnly span{display:flex;gap:6px}
.countdownTicker{position:relative;height:42px;margin:10px 0 15px;overflow:hidden;border:1px solid #d6e6de;border-radius:13px;background:#fff;box-shadow:0 5px 15px #154a3d10}
.countdownTicker[hidden]{display:none}.countdownTicker.ghost{opacity:.55;outline:2px dashed #d49a2b;outline-offset:2px}
.countdownTickerItem{position:absolute;inset:0 auto 0 0;display:flex;align-items:center;justify-content:center;width:100%;padding:0 18px;border:0;background:transparent;color:#17413b;font-weight:850;font-size:13px;letter-spacing:.03em;white-space:nowrap;transform:translateX(110%);will-change:transform}
.countdownTickerItem.entering{transition:transform 1.2s ease-out;transform:translateX(0)}.countdownTickerItem.leaving{transition:transform 1.25s ease-in;transform:translateX(-110%)}
.countdownEmpty{display:flex;align-items:center;justify-content:center;height:100%;color:#71857c;font-size:11px}
.searchWrap[hidden]{display:none}.searchWrap.ghost{opacity:.55;outline:2px dashed #d49a2b;outline-offset:3px;border-radius:17px}
.searchEnd{border:0;background:transparent;padding:7px 2px;color:#1a705b;font-size:20px;line-height:1;transition:transform .2s ease}.searchEnd[aria-expanded=true]{transform:rotate(180deg)}
.componentSettings{position:absolute;z-index:12;right:-3px;top:-13px;border:1px solid #cae2d6;border-radius:9px;background:#eff9f3;color:#075f49;padding:4px 7px;font-weight:800;box-shadow:0 3px 10px #1233}
.ornamentBadge{top:112px}.heroOrnament.customOrnament{-webkit-mask:none;mask:none;background-repeat:no-repeat}
.editing #shareBtn,.editing #slidesEdit{position:relative}.editing #shareBtn>.layoutGrip,.editing #slidesEdit>.layoutGrip{top:calc(100% + 3px);right:0;color:#075a50;background:#fff}
.drawerSubRow{border-top:1px solid #edf3ef}.drawerSub{border-top:0}.drawerSubToggle{flex:none!important;width:42px;border:0;background:transparent;color:#176555;font-size:19px;padding:10px 4px}.drawerSubToggle[aria-expanded=true]{transform:rotate(90deg)}.drawerNested[hidden]{display:none}.drawerNested{border-left:2px solid #dcebe3;margin-left:15px}
.entryCard .meta.hiddenMeta{opacity:.55;font-style:italic}.azanPanel{padding:4px 0}.azanPanel .status{padding:10px 12px;border-radius:10px;background:#eef7f1;margin:8px 0;color:#315e51}.azanActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.azanActions button{border:0;border-radius:9px;padding:10px 13px;background:#08765b;color:#fff}.azanActions .secondary{background:#e2f1e8;color:#075c48}
.transparentHint{padding:9px 11px;border-radius:9px;background:#fff8e7;color:#765117;font-size:11px;margin:8px 0}.rangeRow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.rangeRow input{width:100%}
.bottom{overflow-x:auto;justify-content:flex-start}.bottom button{min-width:68px}.bottom .bottomBack{order:999}
@media(max-width:380px){.countdownTickerItem{font-size:12px}.bottom button{min-width:62px}}

/* Portal v17: floating stop control appears only while the azan is playing. */
.azanFloat[hidden]{display:none!important}.azanFloat{position:fixed;z-index:49;right:max(16px,calc(50vw - 444px));bottom:calc(84px + env(safe-area-inset-bottom));width:62px;height:62px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;padding:0;background:linear-gradient(145deg,#08765b,#064a3e);color:#fff;box-shadow:0 10px 28px #002f2866;cursor:pointer;animation:azanFloatPulse 1.25s ease-in-out infinite;touch-action:manipulation}.azanFloatWaves{font-size:27px;line-height:1}.azanFloatStop{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #fff;border-radius:50%;background:#c43832;color:#fff;font-size:9px;box-shadow:0 3px 8px #4325}.azanFloat:active{transform:scale(.94)}.azanFloat:focus-visible{outline:3px solid #f1c65d;outline-offset:3px}@keyframes azanFloatPulse{0%,100%{box-shadow:0 10px 28px #002f2866,0 0 0 0 #d7af4a55}50%{box-shadow:0 10px 28px #002f2866,0 0 0 11px #d7af4a00}}@media(prefers-reduced-motion:reduce){.azanFloat{animation:none}}

/* Business preset: same engine, cleaner corporate treatment. */
body[data-portal-type="business"]{--ink:#16334a;--green:#135b7a;--leaf:#127c91;--muted:#657b8b;background:#dce9ef}
body[data-portal-type="business"] .shell{background:#f6fafc}
body[data-portal-type="business"] .adminbar{background:#123d57}
body[data-portal-type="business"] .hero{background:#123d57}
body[data-portal-type="business"] .heroTint{background:linear-gradient(180deg,#071f3466,#123b5957 42%,#09283fbd)}
body[data-portal-type="business"] .brandLogo{background:#123d57dc}
body[data-portal-type="business"] .welcome h1{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;font-weight:800}
body[data-portal-type="business"] .urgent{background:#f1f8ff;border-color:#a9d1ec;border-left-color:#2686c2;color:#173d58}
body[data-portal-type="business"] .urgent small,body[data-portal-type="business"] .urgent b,body[data-portal-type="business"] .urgent em{color:#145b87}
body[data-portal-type="business"] .pageHead{background:linear-gradient(135deg,#146b86,#153c5b)}
body[data-portal-type="business"] .miniBtn,body[data-portal-type="business"] .pageActions button{background:#e4f2f8;color:#145b78}
body[data-portal-type="business"] .drawerAdd,body[data-portal-type="business"] .drawerLogin{background:#176b87}

/* Cahaya Advertising mobile layout */
body[data-portal-type="business"]{background:#000;color:#f5f5f5}
body[data-portal-type="business"] .shell{background:#000;box-shadow:none}
body[data-portal-type="business"] #homeView{min-height:100vh;background-size:cover;background-position:center top;background-attachment:scroll}
body[data-portal-type="business"] .heroTint{display:none}
body[data-portal-type="business"] .hero{background:#000}
body[data-portal-type="business"] .brandGroup,body[data-portal-type="business"] .welcome{display:none!important}
body[data-portal-type="business"] .topline{justify-content:flex-end}
body[data-portal-type="business"] .heroContent{pointer-events:none}
body[data-portal-type="business"] .heroActions,body[data-portal-type="business"] .dots,body[data-portal-type="business"] .editBadge{pointer-events:auto}
body[data-portal-type="business"] .homeBody{padding-top:22px}
body[data-portal-type="business"] .sectionTitle h2{color:#fff}
body[data-portal-type="business"] .siteFoot{color:#ddd}
body[data-portal-type="business"] .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-auto-flow:row}
body[data-portal-type="business"] .tile,body[data-portal-type="business"] .tile[style*="grid-column:span 2"]{grid-column:auto!important;aspect-ratio:1/1.12;min-height:170px!important;border-radius:17px;background-size:cover;background-position:center;justify-content:flex-end;align-items:flex-start;padding:12px;text-align:left;overflow:hidden;text-shadow:0 2px 6px #000;box-shadow:0 4px 14px #0008,inset 0 -55px 45px #0008}
body[data-portal-type="business"] .tile>span:first-child{font-size:22px}
body[data-portal-type="business"] .tile b{font-size:clamp(11px,3.3vw,16px);line-height:1.15;overflow-wrap:anywhere}
body[data-portal-type="business"] .tileHandle,body[data-portal-type="business"] .tileResize{z-index:3}
body[data-portal-type="business"] .bottom{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;background:#121212f7;border-top-color:#555;gap:0}
body[data-portal-type="business"] .bottom button{min-width:0;color:#fff;padding:5px 1px}
body[data-portal-type="business"] .bottom button span{font-size:20px}
body[data-portal-type="business"] .bottom button b{font-size:clamp(7px,2vw,10px);line-height:1.08;min-height:2.2em;overflow-wrap:anywhere}
body[data-portal-type="business"] .drawer{color:#fff}
body[data-portal-type="business"] .drawer h2,body[data-portal-type="business"] .drawerTopic>button:first-child,body[data-portal-type="business"] .drawerSub>button:first-child{color:#fff}
body[data-portal-type="business"] .drawerGroup,body[data-portal-type="business"] .drawerSubRow{border-color:#ffffff38}
body[data-portal-type="business"] .drawerSubToggle{color:#fff}
body[data-portal-type="business"] .searchWrap .search{background:#191919;border-color:#666}
body[data-portal-type="business"] .search input{background:transparent;color:#fff}
body[data-portal-type="business"] .sectionTitle .miniBtn{background:#ffcf3d;color:#111}
@media(max-width:355px){body[data-portal-type="business"] .tile{min-height:140px!important}body[data-portal-type="business"] .bottom button span{font-size:18px}}
body[data-portal-type="business"] .drawer.lightSide,body[data-portal-type="business"] .drawer.lightSide h2,body[data-portal-type="business"] .drawer.lightSide .drawerTopic>button:first-child,body[data-portal-type="business"] .drawer.lightSide .drawerSub>button:first-child,body[data-portal-type="business"] .drawer.lightSide .drawerSubToggle{color:#141414}
body[data-portal-type="business"] .tile .tileResize{display:none}

/* Uploaded product art uses its intrinsic aspect ratio; each card grows to fit. */
body[data-portal-type="business"] .tile.hasPhoto,body[data-portal-type="business"] .tile.hasPhoto[style*="grid-column:span 2"]{display:block;min-height:0!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;box-shadow:0 4px 14px #0008;line-height:0;overflow:hidden;background-image:none!important}
body[data-portal-type="business"] .tilePhoto{display:block;width:100%;height:auto;object-fit:contain;max-width:100%;border-radius:inherit}
body[data-portal-type="business"] .tile.hasPhoto .tileHandle{line-height:1;position:absolute;bottom:6px;left:6px}
body[data-portal-type="business"] .tiles{align-items:start}
/* Business administrator theme controls */
body[data-portal-type="business"] .modal{color:#17332c}body[data-portal-type="business"] .modal h2,body[data-portal-type="business"] .modal label,body[data-portal-type="business"] .modal small,body[data-portal-type="business"] .modal h3{color:#17332c}body[data-portal-type="business"] .modal .hint{color:#53675f}
body[data-portal-type="business"] .homeBody,body[data-portal-type="business"] .sectionTitle h2,body[data-portal-type="business"] .siteFoot{color:var(--main-text-color,#fff)}
body[data-portal-type="business"] .siteFoot a{color:inherit;text-decoration:underline}
body[data-portal-type="business"] .bottom{background:var(--bottom-bg-color,#121212)!important}body[data-portal-type="business"] .bottom button,body[data-portal-type="business"] .bottom button b{color:var(--bottom-text-color,#fff)!important}
body[data-portal-type="business"] .drawer,body[data-portal-type="business"] .drawer h2,body[data-portal-type="business"] .drawerTopic>button:first-child,body[data-portal-type="business"] .drawerSub>button:first-child,body[data-portal-type="business"] .drawerSubToggle{color:var(--side-text-color,#fff)!important}
body[data-portal-type="business"] .pageBody{background:var(--content-bg-color,#fff);color:var(--content-text-color,#173d36)}body[data-portal-type="business"] .entryCard,body[data-portal-type="business"] .entryCard h2,body[data-portal-type="business"] .entryCard p,body[data-portal-type="business"] .listItem{color:var(--content-text-color,#173d36)}
body[data-portal-type="business"] .searchWrap .search{background:var(--search-bg-color,#191919)!important}body[data-portal-type="business"] .search input,body[data-portal-type="business"] .search span{color:var(--search-text-color,#fff)!important}
body[data-portal-type="business"] .pageHead{background-color:var(--header-bg,#153c5b);background-image:var(--header-image,none);background-size:cover;background-position:center;color:var(--header-text,#fff)}body[data-portal-type="business"] .pageHead small,body[data-portal-type="business"] .pageHead h1,body[data-portal-type="business"] .pageHead p{color:inherit}
.drawerTopic button.activeRoute,.drawerSub button.activeRoute{color:#eab547!important;background:#eab54725!important;border-radius:8px}.richToolbar{display:flex;gap:5px;align-items:center;margin-top:12px}.richToolbar button,.richToolbar select{border:1px solid #aabbb1;border-radius:7px;padding:6px;background:#fff;color:#17332c}.richToolbar select{width:auto!important}.mediaManagerList{max-height:240px;overflow:auto}.mediaManagerItem{display:flex;gap:9px;align-items:center;padding:7px;border-bottom:1px solid #ddd}.mediaManagerItem img,.mediaManagerItem video{width:56px;height:50px;object-fit:cover}.mediaManagerItem small{overflow-wrap:anywhere;flex:1}.mediaManagerActions{display:flex;gap:9px;margin:12px 0}.mediaManagerActions button{padding:8px;border-radius:8px;border:0;background:#e8ece9}.mediaManagerActions #mediaDelete{color:#a42c2c}.navEdit{font-style:normal;color:#efb63b;display:block;font-size:12px}

body[data-portal-type="business"] .bottom button{background:var(--nav-bg,transparent)!important}body[data-portal-type="business"] .bottom button,body[data-portal-type="business"] .bottom button b{color:var(--nav-text,var(--bottom-text-color,#fff))!important}

/* Cahaya V25: initial render and admin color controls */
body[data-portal-type="business"]{background:#000}body[data-portal-type="business"] .shell{visibility:hidden}body[data-portal-type="business"].portalReady .shell{visibility:visible}
.modal .colorField{display:flex;align-items:center;gap:12px;min-height:46px}.modal .colorField input[type="color"]{width:54px!important;height:46px!important;padding:3px!important;border:1px solid #bdcfc6!important;border-radius:10px!important;flex:none;cursor:pointer}.modal .colorField output{font:600 13px/1.2 system-ui,sans-serif;color:#263b34;letter-spacing:.04em}
body[data-portal-type="business"] .siteFoot{text-align:center;color:var(--footer-color,#fff)!important;font-size:var(--footer-size,14px);margin:35px auto 15px}body[data-portal-type="business"] .siteFoot a{color:inherit!important}
body[data-portal-type="business"].editing #tilesTitle{cursor:pointer;text-decoration:underline dotted #eab547;text-underline-offset:5px}

/* V29: independent information page background and fluid navigation width */
body[data-portal-type="business"] .pageBody{background:var(--info-bg-color,var(--content-bg-color,#fff))}
body[data-portal-type="business"] .pageHead{background-image:var(--header-image,none);background-color:var(--header-bg,#153c5b)}

/* V30: same phone canvas on laptop; show complete banner artwork. */
@media(min-width:700px){.shell{width:min(510px,100%);max-width:510px;margin:22px auto}.bottom{width:min(510px,100%)}}
@media(min-width:900px){.shell{max-width:510px}.hero{height:435px}.bottom{width:min(510px,100%)}.heroContent{padding:18px 16px}.homeBody,.pageBody{max-width:none}.tiles{gap:12px}.entryCard .gallery img{height:90px}}
body[data-portal-type="business"] .slide img{object-fit:contain;background:#000}
.entryCard .entryFullImage img{width:100%;height:auto;max-height:none;object-fit:contain;margin:12px 0;background:transparent}
.entryCard .galleryViewer{width:100%;background:#111;border-radius:12px;overflow:hidden;margin:12px 0}.entryCard .galleryViewer img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;background:#111}.entryCard .galleryViewer img[hidden]{display:none}
.entryCard .galleryItem img{cursor:pointer}.entryCard .galleryItem.selected{outline:3px solid #e5ad22;border-radius:10px}.entryTools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.entryTools button{border:0;border-radius:9px;background:#e1f2e8;color:#075f49;padding:7px 10px;margin-bottom:12px;font-size:12px}.entryTools button:disabled{opacity:.4}
.entryCard .galleryThumb{display:block;border:0;padding:0;background:transparent;width:100%;cursor:pointer}.entryCard .galleryThumb:focus-visible{outline:3px solid #e5ad22}

/* V31: keep all business main-page controls inside the phone canvas. */
body[data-portal-type="business"] .shell{width:100%;max-width:510px!important;overflow-x:clip}
body[data-portal-type="business"] .homeBody{width:100%;max-width:510px;min-width:0;overflow-x:clip}
body[data-portal-type="business"] .homeBody>*{max-width:100%;box-sizing:border-box}
body[data-portal-type="business"] .bottom{width:min(510px,100%)!important}

/* V32: a subtopic banner replaces the title area below Back and Share. */
.pageHead.hasBanner{padding:0;min-height:0;background-image:none!important}.pageHead.hasBanner .pageTop{padding:15px 18px;background:var(--header-bg,#153c5b)}.pageHead.hasBanner #breadcrumb,.pageHead.hasBanner #pageTitle,.pageHead.hasBanner #pageDesc{display:none}.pageHead .subHeaderBanner{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;background:var(--header-bg,#153c5b)}

/* Consistent left menu; bottom navigation remains reachable above drawer shade. */
#bottom{z-index:1100!important}#shade{z-index:1000!important;bottom:80px}.heroActions{left:14px!important;right:14px!important;display:flex!important;justify-content:space-between!important}#menuBtn{order:-1}#pageBrand{display:none!important}.pageTop{display:flex;justify-content:space-between}.pageTop #backBtn{margin-right:auto}.listItem small:empty{display:none}

.modalShade{z-index:1200!important}.lightbox{z-index:1300!important}.uploadProgress{z-index:1400!important}
/* Cahaya update 34: separate company branding, independently movable menu. */
.companyHeader{position:relative;background:#000;padding:7px 10px}.companyHeader[hidden]{display:none}.companyHeader img{display:block;width:100%;height:auto;max-height:130px;object-fit:contain}.companyHeader button{position:absolute;right:8px;bottom:3px;font-size:11px;border:0;border-radius:5px;padding:4px;background:#fff;color:#222}
body[data-portal-type="business"] .topline{justify-content:stretch!important}
body[data-portal-type="business"] .heroActions{position:absolute!important;left:14px!important;right:14px!important;top:12px!important;display:flex!important;justify-content:space-between!important;width:auto!important;pointer-events:none}
body[data-portal-type="business"] #menuBtn{order:-1!important;margin:0!important;position:relative!important;pointer-events:auto}
body[data-portal-type="business"] #shareBtn{position:relative;pointer-events:auto}
.runningTextBox{position:relative;margin:14px 0;min-height:92px;padding:18px 10px;background:#111;color:#fff;border:1px solid #dba900;border-radius:12px;overflow:visible;text-align:center;touch-action:pan-y}
.runningTextBox[hidden]{display:none}.runningLine{overflow:hidden;min-height:1.6em;line-height:1.6}.runningLine span{display:inline-block;white-space:pre;font-weight:600}.running-marquee .runningLine span{animation:cahayaMarquee var(--running-duration,20s) linear infinite}.running-center .runningLine span{animation:cahayaCenter var(--center-duration,4s) ease-in-out infinite}.runningPlaceholder{font-size:12px;color:#ddd}#runningTextEdit{display:block;position:relative;margin:8px auto 0;border:0;border-radius:5px;font-size:11px;padding:4px 8px}.runningTextBox .layoutGrip{z-index:12}
@keyframes cahayaMarquee{from{transform:translateX(calc(100% + 250px))}to{transform:translateX(calc(-100% - 250px))}}@keyframes cahayaCenter{0%,100%{clip-path:inset(0 50%);opacity:0}20%,80%{clip-path:inset(0);opacity:1}}
.menuMoveControls{display:inline-flex;flex:none;gap:3px}.menuMoveControls button{min-width:28px!important;width:28px!important;min-height:32px;padding:3px!important;text-align:center!important;background:#d6a800!important;color:#111!important;border:0!important;border-radius:5px;font-size:17px!important}.menuMoveControls button:disabled{opacity:.3}.drawerTopic,.drawerSub{display:flex;align-items:center;gap:3px}.drawerTopic>button:first-child,.drawerSub>button:first-child{min-width:0;flex:1}.drawerTopic .rowEdit,.drawerSub .rowEdit{flex:none}
.embeddedMap{width:100%;margin:12px 0;clear:both}.embeddedMap iframe{display:block;width:100%;height:260px;border:0;border-radius:12px;background:#eee}.mapsButton{display:inline-block;margin-top:10px;padding:9px 14px;border-radius:8px;background:#d6a800;color:#111!important;text-decoration:none!important;font-size:14px}
/* Compact layout and freely movable modules, revision 35. */
#runningTextBox{min-height:0;padding:10px 12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#runningTextBox[hidden]{display:none!important}#runningTextLines{width:100%;overflow:hidden}#runningTextEdit{position:absolute;right:5px;top:5px;margin:0;padding:3px 6px;font-size:15px;z-index:11}#runningTextEdit[hidden]{display:none!important}.runningLine span{animation:none!important}.runningLine{min-height:1.6em}
body[data-portal-type="business"] .homeBody{padding-top:10px!important;overflow:visible!important}body[data-portal-type="business"] .hero{height:auto!important;aspect-ratio:1;min-height:0!important;margin:0!important}body[data-portal-type="business"] .companyHeader{padding:4px 8px!important;margin:0!important}body[data-portal-type="business"] .heroContent{padding:0!important}body[data-portal-type="business"] .sectionTitle{margin-top:12px!important;margin-bottom:12px!important}
body[data-portal-type="business"] #urgent,body[data-portal-type="business"] #countdownList{position:relative;overflow:visible}body[data-portal-type="business"] .homeBody>[hidden]{display:none!important}
#runningTextBox #runningTextEdit{left:4px;right:auto;top:4px}#runningTextBox>.layoutGrip{left:auto;right:4px;top:4px}

/* Share can cross from banner onto company header. */
body[data-portal-type="business"] .hero,body[data-portal-type="business"] .heroContent{overflow:visible!important}body[data-portal-type="business"] .hero{z-index:5}body[data-portal-type="business"] .slides{overflow:hidden}body[data-portal-type="business"] .companyHeader{z-index:1}.runningFormat{margin:12px 0;border:1px solid #bbb;border-radius:8px;padding:10px}.runningFormat legend{font-weight:700}.runningLine{line-height:1.5}.runningLine span{font-weight:inherit}
/* v37: handles stay outside clipped ticker; independent editable text boxes. */
.editing #countdownList{overflow:visible}.editing #countdownList .countdownTickerItem{overflow:hidden}.editing #countdownList>.layoutGrip{top:-18px;z-index:30}
.editing #searchWrap,.editing #tilesTitle,.editing #siteFoot{position:relative;overflow:visible;outline:1px dashed #e9bb55;min-height:38px}
.editing #searchWrap>.layoutGrip{top:-18px}.editing #tilesTitle,.editing #siteFoot{padding-top:28px}
.componentTools{position:absolute;top:0;left:0;display:flex;gap:3px;z-index:20;font:12px Arial}.componentTools button{padding:3px 6px;background:#fff;color:#222;border:1px solid #999;border-radius:4px}.componentGhost{opacity:.45;outline:1px dashed #e9bb55}
.moduleLibrary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.moduleLibrary button{padding:18px;border-radius:10px;border:1px solid #bbb;background:#f4f7f5;color:#18392f}
#homeView{position:relative}#hotspotHost{position:absolute;top:140px;left:16px;z-index:15}.customHotspot{position:absolute;top:0;left:0;white-space:nowrap;padding:12px 18px;border:1px solid #d4ad56;border-radius:9px;background:#143b32;color:#fff}.customHotspot [data-hotspot-drag]{touch-action:none;cursor:grab}.layoutGrip{touch-action:none}
/* V38 page builder: flow reserves space; free blocks overlay the same canvas. */
body[data-portal-type="business"] .legacyBuilderModules{display:none!important}
#builderCanvas{position:relative;display:flex;flex-direction:column;gap:12px;isolation:isolate;width:100%;padding:0 0 15px;box-sizing:border-box}
#builderCanvas>.builderBlock{position:relative;flex:none;box-sizing:border-box;max-width:100%;width:100%;margin:0;translate:none!important;z-index:1}
#builderCanvas>.builderBlock[hidden]{display:none!important}
#builderCanvas>.builderBlock[data-mode="free"]{position:absolute;z-index:20;margin:0}
.builderContent{box-sizing:border-box;min-width:0;border-radius:10px;overflow-wrap:anywhere}
.builderBlock:not([data-type="hero"]):not([data-type="products"]):not([data-type="footer"])>.builderContent{overflow:hidden;min-height:40px}
.builderBlock.builderSized>.builderContent{height:100%;overflow:auto}
body[data-portal-type="business"] #builderCanvas>.builderBlock.builderSized[data-type="hero"] .hero{height:100%!important;aspect-ratio:auto!important}
body[data-portal-type="business"] #builderCanvas>.builderBlock[data-type="hero"] .hero{width:100%;margin:0!important}
#productGroup{padding:0 13px;box-sizing:border-box}
#productGroup>.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#productGroup #tilesTitle{padding:0!important;outline:none!important;min-height:0!important}
#productGroup .tiles{margin:0}
.builderBlock[data-type="products"].builderSized #productGroup{height:100%;display:flex;flex-direction:column}
.builderBlock[data-type="products"].builderSized .tiles{flex:1;min-height:0;grid-auto-rows:minmax(35px,1fr)}
body[data-portal-type="business"] .builderBlock[data-type="products"] .tile{min-height:35px!important;min-width:0}
body[data-portal-type="business"] .builderBlock[data-type="products"].builderSized .tile{aspect-ratio:auto;min-height:35px!important}
#builderCanvas #siteFoot{margin:0;padding:12px!important;min-height:0!important;outline:none!important}
.editing #builderCanvas>.builderBlock{outline:1px dashed #c6a04a;padding-top:33px}
.editing #builderCanvas>.builderBlock.builderSized>.builderContent{height:calc(100% - 33px)}
.builderTools{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:3px;z-index:35;max-width:100%;overflow-x:auto;overflow-y:hidden;background:#172722e8;padding:3px;box-sizing:border-box;white-space:nowrap}
.builderTools button{flex:none;min-width:25px;padding:4px 5px;border:1px solid #c3ba95;border-radius:4px;background:#fff9e7;color:#203b32;font:11px Arial;line-height:16px}
.builderTools [data-builder-drag],.builderTools [data-builder-resize]{touch-action:none;user-select:none;cursor:grab;font-size:16px}
.builderTools [data-builder-resize]{cursor:nwse-resize;margin-left:auto}.builderGhost{opacity:.4}.builderDragging{outline:2px solid #f3bc33!important;box-shadow:0 0 18px #f1ba3b88;z-index:30!important}
.builderSaving .builderTools{pointer-events:none;opacity:.5}
.builderAnnouncement{padding:16px}.builderAnnouncement strong{display:block;font-size:1.1em}.builderAnnouncement p{margin:8px 0}.builderAnnouncement a{color:inherit}
.builderRunning{overflow:hidden;min-height:44px;display:flex;align-items:center;padding:8px 0;box-sizing:border-box}.builderRunning span{display:inline-block;white-space:pre;animation:builderMarquee 19s linear infinite;padding-left:100%}
@keyframes builderMarquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.builderCountdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:14px}.builderCountdown span{display:block;font-weight:600}
.builderSearch{position:relative;display:flex;align-items:center;min-height:44px}.builderSearch input{width:100%;min-width:0;padding:12px;border:none;background:transparent;color:inherit;font:inherit}.builderSearch input::placeholder{color:inherit;opacity:.7}.builderSearch>button{background:transparent;color:inherit;border:0;padding:10px;font-size:20px}
#builderCanvas .builderBlock[data-type="search"]{z-index:25}#builderCanvas .builderBlock[data-type="search"] .builderContent{overflow:visible}.builderSearchResults{position:absolute;top:100%;left:0;right:0;max-height:320px;overflow:auto;z-index:40;background:#fff;color:#18392f;border:1px solid #999;border-radius:8px}.builderSearchResults[hidden]{display:none}.builderSearchResults button{display:block;width:100%;padding:12px;text-align:left;background:#fff;border:0;border-bottom:1px solid #ddd;color:#18392f}.builderSearchResults p{padding:12px;margin:0}
.builderHotspot{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px;box-sizing:border-box;color:inherit;text-decoration:none}
/* Editor controls overlay the box without changing saved layout coordinates. */
.editing #builderCanvas>.builderBlock{padding-top:0}
.editing #builderCanvas>.builderBlock.builderSized>.builderContent{height:100%}
.builderTools{top:auto;bottom:0;opacity:.85}.builderTools:hover,.builderTools:focus-within{opacity:1}
/* The large product group is dragged from its top edge. */
.builderBlock[data-type="products"]>.builderTools{top:0;bottom:auto}
.editing #productGroup>.sectionTitle{padding-top:33px}
.builderRunning.builderAnimation-type,.builderRunning.builderAnimation-center{justify-content:center;padding:8px 12px}.builderAnimation-type span,.builderAnimation-center span{padding-left:0;white-space:pre-wrap;animation:none}.builderAnimation-center span{animation:builderCenter 5s ease-in-out infinite}
@keyframes builderCenter{0%,100%{clip-path:inset(0 50%);opacity:0}30%,70%{clip-path:inset(0);opacity:1}}
/* V39: shared page modules and independent main navigation. */
.mainUtilityBar{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#000;min-height:46px;box-sizing:border-box}
.mainUtilityBar button{pointer-events:auto!important;display:block!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;border:1px solid #a3bab2;border-radius:25px;background:#153a32;color:#fff;padding:9px 14px;min-width:44px;min-height:40px;font:14px Arial}
.mainUtilityBar #menuBtn{order:0}.mainUtilityBar #shareBtn{order:1}
.builderCanvas{position:relative;display:flex;flex-direction:column;gap:12px;isolation:isolate;width:100%;box-sizing:border-box;padding:0 0 15px}
#builderCanvas .builderBlock[data-type="content"]>.builderContent{background:transparent;color:inherit;overflow:visible}
.builderAnnouncementImage,.builderImage img,.builderPopupImage{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:8px;margin:10px 0}
.builderImage{margin:0;padding:10px}.builderImage figcaption{padding:7px;text-align:center}
.builderCTA{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:44px;border:0;border-radius:10px;padding:12px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.builderCTA img{max-width:48px;max-height:48px;object-fit:contain}.builderTag{font-weight:bold;letter-spacing:.04em;border-radius:999px}
#builderCanvas [data-type="tag"]>.builderContent{border-radius:999px}button.builderHotspot{width:100%;background:transparent;color:inherit;border:0;font:inherit;cursor:pointer}
.builderPopupText{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
#builderFloatingLayer{position:relative;z-index:990;pointer-events:none}
.builderFloating{position:fixed;box-sizing:border-box;pointer-events:auto;z-index:1}.builderFloating[hidden]{display:none!important}
.builderFloatingButton{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;border:2px solid #fff;border-radius:50%;padding:0;background:var(--floating-bg,#173d35);color:var(--floating-color,#fff);box-shadow:0 4px 18px #0007;cursor:pointer;font-size:28px}
.builderFloatingButton img{width:100%;height:100%;object-fit:contain}.builderFloatingButton span{display:block;line-height:1}
.builderFloating>.floatingTools{top:auto;bottom:calc(100% + 4px);left:auto;right:0;width:max-content;max-width:200px;overflow:visible;opacity:1;pointer-events:auto}
.builderFloating>.floatingTools button{font-size:11px;padding:2px 4px;min-width:22px}
.builderFloating[style*="left:"]>.floatingTools{left:0;right:auto}
.slideThumbnails{display:flex;gap:8px;overflow-x:auto;padding:9px 12px;max-width:100%;box-sizing:border-box;scrollbar-width:thin;background:#050505}.slideThumbnails[hidden]{display:none!important}
.slideThumbnails button{flex:0 0 64px;width:64px;height:48px;border:2px solid transparent;border-radius:7px;padding:0;background:#111;overflow:hidden;cursor:pointer}.slideThumbnails button.active{border-color:#e6be5b}.slideThumbnails img{width:100%;height:100%;object-fit:cover;display:block}
.slideArrows{position:absolute;left:8px;right:8px;top:45%;z-index:12;display:flex;justify-content:space-between;pointer-events:none}.slideArrows[hidden]{display:none!important}.slideArrows button{pointer-events:auto;border:1px solid #fff8;border-radius:50%;background:#0008;color:#fff;font-size:32px;line-height:36px;width:40px;height:40px;padding:0;cursor:pointer}
body[data-portal-type="business"] #builderCanvas>.builderBlock.builderSized[data-type="hero"] .hero{height:calc(100% - 66px)!important}
#builderCanvas [data-type="hero"]>.builderTools{bottom:66px}
.builderBlock[data-type="content"]>.builderTools{top:0;bottom:auto}.editing #builderCanvas [data-type="content"]>#pageContent{padding-top:32px}
@media(prefers-reduced-motion:reduce){.builderRunning span{animation:none!important}}
/* Every Library box can use fixed screen placement after it is inserted. */
.builderFixed{position:fixed!important;pointer-events:auto;box-sizing:border-box;z-index:1;max-width:510px;translate:none!important}
.builderFixed[hidden]{display:none!important}.builderFixed>.builderContent{height:100%;width:100%;box-sizing:border-box;overflow:auto;border-radius:10px}
.builderFixed>.builderTools{top:auto;bottom:100%;left:0;right:auto;width:max-content;max-width:min(100vw,340px);overflow-x:auto;opacity:1}
.builderFixed.builderFloating>.builderContent{overflow:hidden;border-radius:50%}.builderFixed.builderFloating>.builderTools{bottom:calc(100% + 4px)}
.builderFixed .builderAnnouncementImage{max-height:60vh;object-fit:contain}.builderFixed .builderCTA{height:100%}
.builderBlock[data-type="floating"]>.builderContent{border-radius:50%}
#builderFixedSettings[hidden]{display:none}.editing #builderCanvas [data-type="content"]>.builderContent>#pageContent{padding-top:32px}
/* Compact handles keep CTA text clickable; hover or tap the handle to expand. */
.builderTools{width:30px!important;max-width:calc(100vw - 12px);right:auto!important;overflow:hidden!important;gap:3px;padding:2px}
.builderTools:hover,.builderTools:focus-within,.builderControlsOpen>.builderTools{width:max-content!important;max-width:min(340px,calc(100vw - 12px));overflow-x:auto!important}
.builderTools [data-builder-drag]{min-width:25px;flex:none}.builderControlsOpen{z-index:45!important}
.editing #productGroup>.sectionTitle{padding-top:0}
.builderFixed.builderToolsLeftward>.builderTools{left:auto!important;right:0!important}
.builderFixed.builderToolsBelow>.builderTools{bottom:auto!important;top:0!important}
.builderFixed[data-type="search"]>.builderContent{overflow:visible}.builderFixed[data-type="search"][data-anchor^="bottom"] .builderSearchResults{top:auto;bottom:100%}

/* V40: independent free-drag handles for main navigation buttons. */
.mainUtilityBar #menuBtn,.mainUtilityBar #shareBtn{width:auto!important;height:auto!important;white-space:nowrap;overflow:visible;flex:none}
.editing .mainUtilityBar .utilityGrip{top:-13px;right:-5px;padding:0;border:1px solid #d2b267;background:#fff9e7;color:#173d35;z-index:4;line-height:20px}
.editing .mainUtilityBar .utilityGrip [data-layout-move]{display:block;padding:1px 6px;touch-action:none;cursor:grab;font-size:17px;user-select:none}
.mainUtilityBar .utilityGrip[hidden]{display:none!important}
/* V42: utility buttons overlay the slide; their row no longer reserves a blank gap.
   The 8px button inset preserves existing saved drag coordinates. */
body[data-portal-type="business"] .mainUtilityBar{height:0;min-height:0;padding:0 14px;align-items:flex-start;background:transparent;margin:0;overflow:visible}
body[data-portal-type="business"] .mainUtilityBar #menuBtn,body[data-portal-type="business"] .mainUtilityBar #shareBtn{top:8px!important}

/* V43 */
.bannerSettingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bannerSettingsGrid .slideThumbRow{display:flex;flex-direction:column;min-width:0;margin:0;padding:5px}.bannerSettingsGrid .slideThumbRow img{width:100%;height:85px;object-fit:contain}.bannerSettingsGrid .slideThumbActions{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.bannerSettingsGrid .slideThumbActions button{font-size:11px;padding:5px;width:auto;height:auto;min-width:0}.compactSettings{border:1px solid #aaa5;border-radius:8px;margin:8px 0;padding:10px}.compactSettings summary{cursor:pointer;font-weight:600}.compactSettingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.compactSettingCell{min-width:0}.compactSettingCell label{font-size:12px;margin:0 0 4px;display:block}.compactSettingCell input{max-width:100%;box-sizing:border-box}.compactSettingCell .colorField{display:flex;gap:5px;align-items:center}.compactSettingCell input[type=color]{width:38px;height:30px;padding:1px}.compactSettingCell output{font-size:11px}.galleryFeatured{cursor:zoom-in}h2:empty{display:none}
/* Masjid update m2 */
#modalFields .bannerSettingsGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.bannerSettingsGrid .slideThumbRow{display:flex!important;flex-direction:column!important;min-width:0!important;padding:4px!important}.bannerSettingsGrid .slideThumbRow img{width:100%!important;height:85px!important;object-fit:cover}.bannerSettingsGrid .slideThumbActions{display:flex!important;flex-wrap:wrap;justify-content:center;gap:3px}.bannerSettingsGrid .slideThumbActions button{font-size:11px;padding:5px 6px}.bannerSettingsGrid .ghost{opacity:.5}
#countdownList{height:auto;min-height:30px;overflow:hidden}#countdownList .masjidCountdown{display:block;width:100%;border:0;background:transparent;color:inherit;font:inherit;padding:5px 8px;line-height:1.4}#countdownList[data-animation=blink] .masjidCountdown{animation:masjidBlink var(--countdown-duration) steps(2,end) infinite}#countdownList[data-animation=running] .masjidCountdown{white-space:nowrap;width:max-content;min-width:100%;animation:masjidRunning var(--countdown-duration) linear infinite}#countdownList[data-animation=pulse] .masjidCountdown{animation:masjidPulse var(--countdown-duration) ease-in-out infinite}#nextPrayer{text-align:center;font-size:12px;padding:4px}
@keyframes masjidBlink{50%{opacity:.15}}@keyframes masjidRunning{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes masjidPulse{50%{opacity:.5;transform:scale(.96)}}

#tiles{align-items:start}#tiles .tile{min-width:0}
/* M3: one banner settings entry and animations on the actual Countdown module. */
#slidesEdit{display:none!important}
.builderCountdown{overflow:hidden}.builderCountdown .countdownMotion{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;width:100%}.countdownAnimation-blink .countdownMotion{animation:masjidBlink var(--countdown-duration,7s) steps(2,end) infinite}.countdownAnimation-pulse .countdownMotion{animation:masjidPulse var(--countdown-duration,7s) ease-in-out infinite}.countdownAnimation-running .countdownMotion{width:max-content;min-width:100%;flex-wrap:nowrap;white-space:nowrap;animation:masjidRunning var(--countdown-duration,7s) linear infinite}.prayerRetry{border:0;background:transparent;color:inherit;text-decoration:underline;padding:5px}
/* M5: replace the fixed legacy prayer box with reusable Library blocks. */
body[data-portal-type="business"] #prayer{display:none!important}
.libraryPrayer{width:100%;padding:12px;line-height:1.5}.libraryPrayer header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.libraryPrayer header small{font-size:.75em}.libraryPrayerTimes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;text-align:center;margin:10px 0}.libraryPrayerTimes span{display:flex;flex-direction:column;min-width:0}.libraryPrayerTimes b{font-size:.8em}.libraryPrayerTimes em{font-size:.9em;font-style:normal;white-space:nowrap}.libraryPrayerNext{text-align:center;font-size:.85em;font-variant-numeric:tabular-nums}.libraryPrayer .prayerRetry{display:block;margin:0 auto}.libraryPrayer .prayerRetry[hidden]{display:none}
/* M6: independent tile controls and layout, without changing the visitor link. */
#tiles.menuTileCanvas{display:flex!important;flex-wrap:wrap;position:relative;width:100%;padding:6px 0;margin:0;overflow:visible!important;align-content:flex-start}
#tiles .menuTileItem{position:relative;flex:0 0 auto;min-width:0;max-width:none;overflow:visible;box-sizing:border-box}
#tiles .menuTileFree{position:absolute;z-index:2}#tiles .menuTileItem.menuDragging{z-index:40;outline:2px solid #ffca28}
#tiles .menuTileItem>.tile{position:relative;display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;padding:0!important;margin:0;overflow:hidden;background-color:var(--tile-color);border-radius:18px}
#tiles .menuTileItem .tilePhoto{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#tiles .menuTileItem .tile b{position:relative;z-index:1;font-size:inherit;padding:3px 6px;overflow-wrap:anywhere}#tiles .menuTileItem .hasPhoto b{margin-top:auto;background:#0008;color:#fff}#tiles .menuTileItem .tile>span{position:relative;font-size:1.5em}
.menuTileTools{position:absolute;top:0;left:0;z-index:8;display:flex;align-items:center;gap:3px;background:#fff9df;border-radius:6px;padding:3px;box-shadow:0 2px 7px #0004;max-width:340px;flex-wrap:wrap;width:max-content;color:#173d35}.menuTileTools button{border:1px solid #d7d5b9;background:#fffdf0;border-radius:4px;color:#173d35;padding:5px;font-size:10px}.menuTileTools [data-menu-drag]{touch-action:none;font-size:15px;cursor:grab}.menuTileTools label{font-size:10px}.menuTileTools button:not([data-menu-drag]),.menuTileTools label{display:none}.menuControlsOpen .menuTileTools button,.menuControlsOpen .menuTileTools label,.menuTileItem:focus-within .menuTileTools button,.menuTileItem:focus-within .menuTileTools label{display:inline-block}
@media(hover:hover){.menuTileItem:hover .menuTileTools button,.menuTileItem:hover .menuTileTools label{display:inline-block}}
.menuTileSelected{outline:2px solid #ffca28;outline-offset:2px}#menuTileLayoutBar{display:flex;align-items:center;gap:8px;margin:8px 0}#menuTileLayoutBar[hidden]{display:none}#menuTileLayoutBar small{font-size:11px}
/* M7: keep editing actions away from neighbouring tiles. */
#tiles .menuTileDragOnly{position:absolute;top:2px;left:2px;width:30px;height:30px;min-height:0;display:grid;place-items:center;background:#fffbea;color:#174239;border:1px solid #d8d2b4;border-radius:7px;padding:0;font-size:20px;z-index:4;cursor:grab;touch-action:none}
#tiles .menuTileSelected{outline:3px solid #ffce32!important;outline-offset:3px}.menuTileSelected .menuTileDragOnly{background:#ffce32!important}
#menuEditDock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,510px);z-index:65;background:#fffdf4;color:#173d35;box-shadow:0 -4px 24px #0005;border-top:2px solid #ffce32;border-radius:16px 16px 0 0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));font:13px/1.3 system-ui,sans-serif}#menuEditDock[hidden]{display:none!important}
.menuDockHead{display:flex;gap:6px;align-items:center;margin-bottom:6px}.menuDockHead>div{flex:1;min-width:0}.menuDockHead strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menuDockHead small{display:block;font-size:11px;opacity:.8}.menuDockHead button{min-height:44px;border:1px solid #c9d8cc;border-radius:8px;background:#eff5ee;color:#173d35;padding:6px 10px;font:inherit}.menuDockHead button[aria-pressed=true]{background:#ffce32}
.menuDockActions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.menuDockActions button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;border:1px solid #c9d8cc;border-radius:9px;background:white;color:#173d35;padding:5px 2px;font:12px/1.2 system-ui,sans-serif}.menuDockActions button>span{font-size:21px;line-height:1}.menuDockActions button[data-dock-action=delete]{color:#a62222}.menuDockActions button:disabled{opacity:.4}.menuDockActions button:focus-visible{outline:3px solid #e9b81e;outline-offset:1px}#menuEditDock p{margin:6px 0 0;font-size:10px;text-align:center;opacity:.8}
body.menuDockActive .shell{padding-bottom:190px}body.menuDockActive #bottom{display:none!important}
/* Library image slides, independent from the header banner. */
.libraryGallery{margin:0;min-width:0;width:100%}.libraryGalleryStage{position:relative;overflow:hidden;border-radius:inherit}.libraryGalleryStage>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.libraryGalleryStage>img[hidden]{display:none!important}.libraryGalleryStage>button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:48px;border:0;border-radius:24px;background:#0008;color:#fff;font-size:24px;z-index:2;cursor:pointer}.libraryGalleryPrev{left:8px}.libraryGalleryNext{right:8px}.libraryGalleryDots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:2px;z-index:2}.libraryGalleryDots button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}.libraryGalleryDots button:after{content:'';display:block;width:10px;height:10px;background:#fff;border-radius:50%;opacity:.5;box-shadow:0 0 3px #000}.libraryGalleryDots button[aria-pressed=true]:after{opacity:1;outline:2px solid #fff;outline-offset:2px}.libraryGalleryThumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 2px;scrollbar-width:thin}.libraryGalleryThumbs button{flex:0 0 76px;height:58px;padding:2px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer}.libraryGalleryThumbs button[aria-pressed=true]{border-color:#f1ce66}.libraryGalleryThumbs button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}.libraryGallery button:focus-visible{outline:3px solid #f1ce66;outline-offset:2px}.libraryGallery figcaption{text-align:center;padding:6px}
.lightboxZoomStage{position:absolute;inset:70px 50px 88px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none}.lightboxZoomStage #lightboxImage{max-width:100%;max-height:100%;flex-shrink:0;transform-origin:center;will-change:transform;touch-action:none}.lightboxZoomStage.isZoomed{cursor:grab}.lightboxZoomStage.isZoomed:active{cursor:grabbing}.lightbox .lightboxZoomBar{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:3}.lightbox .lightboxZoomBar button{position:static;width:44px;height:44px;font-size:26px;cursor:pointer}.lightbox .lightboxZoomBar [data-zoom=reset]{width:78px;border-radius:24px;font-size:15px}.lightbox .lightboxZoomBar button:disabled{opacity:.4}.lightboxClose,.lightboxPrev,.lightboxNext{z-index:4}

/* M12: all menu measurements share the same 510px design coordinate system. */
#tiles.menuTileCanvas{padding:0}
#tiles .menuTileItem>.tile{font-size:calc(16px * var(--menu-scale,1))!important;border-radius:calc(18px * var(--menu-scale,1))}
#tiles .menuTileItem .tile b{padding:calc(3px * var(--menu-scale,1)) calc(6px * var(--menu-scale,1));font-size:inherit!important}
#tiles .menuTileItem>.tile{gap:calc(5px * var(--menu-scale,1))}

.drawerTopicPage{display:block;width:100%;text-align:left;color:inherit;background:transparent;border:1px solid #ffffff40;border-radius:8px;padding:10px;margin:8px 0}.drawerAddChoices{display:grid;grid-template-columns:1fr;gap:6px;padding:8px 0}.drawerAddChoices .drawerSubAdd{margin:0;width:100%}
.historyOverlayActive #bottom{z-index:1310}.historyOverlayActive .modalShade{padding-bottom:100px}.historyOverlayActive .lightboxZoomStage{bottom:160px}.historyOverlayActive .lightbox .lightboxZoomBar{bottom:112px}.historyOverlayActive .lightbox #lightboxCount{bottom:88px}