*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[class],ul[class]{list-style:none;margin:0;padding:0}img,picture,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{text-decoration:none;color:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--paper:#FFFFFF;--paper-warm:#F7F6F1;--paper-warm-2:#F1EFE6;--ink:#1E2622;--ink-soft:#5B6660;--ink-faint:#8A9490;--green:#F9496A;--green-deep:#FE7F3B;--green-tint:#FDEBEE;--gold:#B8862E;--gold-deep:#93691F;--gold-tint:#F8F0DD;--content-accent:#005A29;--line:#E5E1D3;--line-strong:#D7D2C0;--font-display:"Spectral",Georgia,"Times New Roman",serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--container-w:1240px;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--shadow-card:0 1px 2px rgba(30,38,34,.05);--shadow-hover:0 20px 36px -20px rgba(10,77,57,.32);--shadow-panel:0 24px 48px -24px rgba(30,38,34,.22);--ease:cubic-bezier(.4,0,.2,1);--header-h:84px}[data-theme=dark]{--paper:#0B0D12;--paper-warm:#11141B;--paper-warm-2:#171B24;--ink:#F1F1F4;--ink-soft:#A9ACB8;--ink-faint:#6E7280;--green:#F9496A;--green-deep:#FE7F3B;--green-tint:rgba(249,73,106,.18);--gold:#D9A94A;--gold-deep:#F3C877;--gold-tint:rgba(217,169,74,.15);--content-accent:#6FE3B4;--line:#232733;--line-strong:#303544;--shadow-card:0 1px 2px rgba(0,0,0,.4);--shadow-hover:0 20px 36px -20px rgba(0,0,0,.65);--shadow-panel:0 24px 48px -24px rgba(0,0,0,.6)}.arabic-quote,.content-card,.list-card,.opini-form,.prayer-widget,.side-box,.site-header,body{transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.18;color:var(--ink);letter-spacing:-.01em}p{color:var(--ink-soft)}.text-ink{color:var(--ink)}.skip-link{position:absolute;left:12px;top:-60px;background:var(--green-deep);color:#fff;padding:10px 18px;border-radius:var(--radius-sm);font-size:.9rem;z-index:1000;transition:top .2s var(--ease)}.skip-link:focus{top:12px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}.container{width:100%;max-width:var(--container-w);margin-inline:auto;padding-inline:24px}.section{padding-block:76px;position:relative;overflow:hidden}.section-alt{background:transparent}.section-tight{padding-block:56px}@media (max-width:1024px){.section{padding-block:60px}}@media (max-width:640px){.container{padding-inline:20px}.section{padding-block:48px}}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head-text{max-width:640px}.section-kicker{display:inline-block;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--green);margin-bottom:10px;letter-spacing:.01em}.section-title{font-size:clamp(1.65rem,1.3rem + 1.4vw,2.35rem);margin-bottom:12px}.section-desc{font-size:1.02rem;color:var(--ink-soft);max-width:56ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);border:1.5px solid transparent;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease);white-space:nowrap}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{background:linear-gradient(90deg,var(--green),var(--green-deep));color:#fff;border-color:transparent}.btn-primary:hover{background:linear-gradient(270deg,var(--green),var(--green-deep))}.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-outline:hover{border-color:var(--green);color:var(--green)}.btn-whatsapp{background:linear-gradient(90deg,var(--green),var(--green-deep));color:#fff}.btn-whatsapp:hover{background:linear-gradient(270deg,var(--green),var(--green-deep))}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-deep)}.btn-block{width:100%}.btn-sm{padding:9px 16px;font-size:.85rem}.btn:active{transform:translateY(1px)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:200;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid transparent;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.site-header.is-scrolled{border-bottom-color:var(--line);box-shadow:0 8px 24px -20px rgba(30,38,34,.35)}[data-theme=dark] .site-header{background:rgba(11,13,18,.92)}[data-theme=dark] .site-header.is-scrolled{box-shadow:0 8px 24px -20px rgba(0,0,0,.6)}.header-inner{justify-content:space-between;gap:20px;padding-block:14px;min-height:var(--header-h)}.brand,.header-inner{display:flex;align-items:center}.brand{gap:13px;min-width:0}.brand-logo{width:50px;height:50px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:contain}.img-placeholder{display:flex;align-items:center;justify-content:center;background:var(--green-tint);border:1.5px dashed var(--green);color:var(--green-deep);text-align:center;font-family:var(--font-body);line-height:1.25;padding:4px}.img-placeholder svg{width:40%;height:40%;opacity:.6}.img-placeholder span{display:block;font-size:.62rem;font-weight:600;margin-top:2px}.brand-name{display:flex;flex-direction:column;line-height:1.28;min-width:0}.brand-name strong{font-family:var(--font-display);font-size:1.12rem;font-weight:600;color:var(--ink);white-space:nowrap}.brand-name span{font-size:.74rem;color:var(--ink-faint);white-space:nowrap}@media (max-width:480px){.brand-name strong{font-size:.96rem;white-space:normal}.brand-name span{display:none}.brand-logo{width:42px;height:42px}}.navbar{gap:8px}.nav-list,.navbar{display:flex;align-items:center}.nav-list{gap:6px}.nav-link{display:inline-block;padding:10px 16px;font-size:.95rem;font-weight:500;color:var(--ink-soft);border-radius:var(--radius-sm);transition:color .2s var(--ease),background-color .2s var(--ease);position:relative}.nav-link:hover{color:var(--green-deep);background:var(--green-tint)}.nav-link.is-active{color:var(--green-deep);font-weight:600}.header-actions{display:flex;gap:10px}.header-actions,.nav-toggle{align-items:center;flex-shrink:0}.nav-toggle{display:none;width:42px;height:42px;justify-content:center;border-radius:var(--radius-sm)}.nav-toggle:hover{background:var(--paper-warm)}.nav-toggle svg{width:24px;height:24px}.nav-toggle .icon-close,.nav-toggle.is-open .icon-menu{display:none}.nav-toggle.is-open .icon-close{display:block}@media (max-width:860px){.navbar{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow-panel);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s var(--ease),opacity .25s var(--ease)}.navbar.is-open{max-height:480px;opacity:1;overflow:visible}.nav-list{flex-direction:column;align-items:stretch;gap:2px}.nav-link{padding:13px 10px;border-bottom:1px solid var(--line)}.header-actions .btn-whatsapp.header-wa{display:none}.navbar .mobile-wa{display:flex;margin-top:14px}.nav-toggle{display:inline-flex}}.mobile-wa{display:none}.info-dropdown{position:relative}.info-dropdown-toggle{cursor:pointer}.info-dropdown-toggle .icon-chevron{width:15px;height:15px;transition:transform .2s var(--ease)}.info-dropdown.is-open .info-dropdown-toggle .icon-chevron{transform:rotate(180deg)}.info-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:215px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s;z-index:250}.info-dropdown.is-open .info-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.info-dropdown-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.89rem;font-weight:500;color:var(--ink);transition:background-color .15s var(--ease),color .15s var(--ease)}.info-dropdown-menu a:focus-visible,.info-dropdown-menu a:hover{background:var(--green-tint);color:var(--green-deep)}.info-dropdown-menu a svg{width:17px;height:17px;flex-shrink:0;color:var(--green)}@media (max-width:860px){.navbar .info-dropdown{width:100%}.navbar .info-dropdown-menu{position:static;box-shadow:none;border:none;background:var(--green-tint);margin-top:8px;opacity:1;visibility:visible;transform:none;display:none}.navbar .info-dropdown.is-open .info-dropdown-menu{display:flex}.navbar .info-dropdown-menu a:hover{background:rgba(255,255,255,.5)}}#buku,#khutbah,#opini,#tentang{scroll-margin-top:var(--header-h)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.about-section{overflow:hidden;padding-block:88px 80px}#main-content,.about-section{position:relative}.about-grid,.about-section>.container,.detail-body-wrap>.container,.detail-hero>.container,.listing-wrap>.container,.page-banner>.container,.related-section>.container,.section>.container{position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);grid-template-rows:auto auto;grid-gap:56px;gap:56px;align-items:start}@media (min-width:901px){.about-text{grid-column:1;grid-row:1/3}.about-symbol-wrap{grid-column:2;grid-row:1}.prayer-widget{grid-column:2;grid-row:2;justify-self:center}.about-grid{row-gap:16px}}.about-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--green-deep);background:var(--green-tint);padding:7px 14px;border-radius:100px;margin-bottom:22px}.about-eyebrow svg{width:15px;height:15px}.about-title{font-size:clamp(2rem,1.55rem + 2vw,3rem);margin-bottom:22px;max-width:16ch}.about-desc{font-size:1.08rem;line-height:1.7;color:var(--ink-soft);max-width:62ch;margin-bottom:20px}.about-desc p:not(:last-child){margin-bottom:.85em}.about-desc .arabic-quote{margin-bottom:1.05em}.about-tags{display:flex;flex-wrap:wrap;gap:10px}.about-tag{font-size:.82rem;font-weight:500;color:var(--ink-soft);border:1px solid var(--line-strong);padding:7px 14px;border-radius:100px}.about-symbol-wrap{display:flex;align-items:center;justify-content:center}@media (min-width:901px){.about-symbol-wrap{margin-top:4px}}.about-symbol{width:min(320px,100%);aspect-ratio:1/1;object-fit:contain}.about-symbol.img-placeholder{border-radius:50%;border-color:var(--gold);background:var(--gold-tint);color:var(--gold-deep);font-size:.8rem;padding:20px}@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}.about-symbol-wrap,.about-text{grid-column:auto;grid-row:auto}.about-symbol-wrap{order:-1}.about-symbol{width:min(220px,60%)}.prayer-widget{grid-column:auto;grid-row:auto;justify-self:auto}}.prayer-widget{margin-top:-150px;max-width:350px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);overflow:hidden;box-shadow:var(--shadow-card)}@media (max-width:900px){.prayer-widget{margin-top:30px}}.prayer-widget-head{display:flex;align-items:center;gap:10px;padding:15px 18px;background:var(--paper-warm);border-bottom:1px solid var(--line)}.prayer-widget-head svg{width:21px;height:21px;color:var(--green);flex-shrink:0}.prayer-widget-head strong{display:block;font-family:var(--font-body);font-size:.97rem;font-weight:600;color:var(--ink)}.prayer-widget-head span{display:block;font-size:.78rem;color:var(--ink-faint)}.prayer-carousel{gap:2px;padding:6px 6px 0}.prayer-carousel,.prayer-nav{display:flex;align-items:center}.prayer-nav{width:28px;height:28px;flex-shrink:0;justify-content:center;border-radius:50%;color:var(--green-deep);transition:background-color .2s var(--ease)}.prayer-nav:hover{background:var(--green-tint)}.prayer-nav svg{width:15px;height:15px}.prayer-track-wrap{flex:1 1;overflow:hidden}.prayer-track{display:flex;transition:transform .45s var(--ease)}@media (prefers-reduced-motion:reduce){.prayer-track{transition:none}}.prayer-slide{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px 10px;text-align:center}.prayer-slide-name{font-family:var(--font-display);font-size:1.12rem;color:var(--ink);margin-bottom:4px}.prayer-slide-time{font-size:2.05rem;font-weight:700;color:var(--green-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.prayer-dots{display:flex;justify-content:center;gap:6px;padding:2px 0 12px}.prayer-dot{width:6px;height:6px;border-radius:50%;background:var(--line-strong);transition:background-color .2s var(--ease),transform .2s var(--ease)}.prayer-dot.is-active{background:var(--green);transform:scale(1.4)}.prayer-date{font-size:.72rem;color:var(--ink-faint);text-align:center;padding-bottom:12px;margin-top:-4px;text-transform:capitalize}.prayer-note{display:none;font-size:.7rem;color:var(--gold-deep);text-align:center;line-height:1.4;padding:0 14px 12px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.card-grid{grid-template-columns:1fr}}.content-card{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--radius-md);padding:22px 20px 20px;overflow:hidden;transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s var(--ease);min-height:230px}.content-card.is-active,.content-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.content-card--buku{border-left-color:var(--gold)}.content-card .card-thumb{margin:-22px -20px 16px;aspect-ratio:1/1;overflow:hidden;background:var(--green-tint)}.content-card .card-thumb img{width:100%;height:100%;object-fit:cover}.content-card--buku .card-thumb{background:var(--gold-tint);aspect-ratio:3/4;padding:14px}.content-card--buku .card-thumb img{object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.16))}.card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--green-tint);color:var(--green-deep);margin-bottom:16px}.content-card--buku .card-icon{background:var(--gold-tint);color:var(--gold-deep)}.card-icon svg{width:22px;height:22px}.card-category{display:inline-block;font-size:.74rem;font-weight:600;color:var(--green-deep);margin-bottom:8px}.content-card--buku .card-category{color:var(--gold-deep)}.card-title{font-size:1.06rem;line-height:1.4;margin-bottom:10px}.card-meta{font-size:.82rem;color:var(--ink-faint);margin-top:auto;padding-top:10px}.card-meta span+span{display:block;margin-top:2px}.card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px 20px 20px;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .22s var(--ease),transform .22s var(--ease);pointer-events:none}.card-overlay,.content-card--buku .card-overlay{background:var(--green)}.card-overlay p{color:rgba(255,255,255,.92);font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.card-overlay-link{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:600;color:#fff;align-self:flex-start;padding-top:12px;border-top:1px solid rgba(255,255,255,.25);width:100%;margin-top:12px}.card-overlay-link svg{width:15px;height:15px;transition:transform .2s var(--ease)}.card-overlay-link:hover svg{transform:translateX(3px)}@media (hover:hover){.content-card:focus-within .card-overlay,.content-card:hover .card-overlay{opacity:1;transform:translateY(0);pointer-events:auto}}.content-card.is-active .card-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.view-more-row{display:flex;justify-content:center;margin-top:36px}.view-more-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.96rem;color:var(--green);padding-bottom:3px;border-bottom:1.5px solid var(--green);transition:gap .2s var(--ease),color .2s var(--ease)}.view-more-link:hover{gap:12px;color:var(--green-deep)}.view-more-link svg{width:17px;height:17px}.page-banner{background:transparent;border-bottom:1px solid var(--line);padding-block:46px 38px;position:relative;overflow:hidden}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink-faint);margin-bottom:18px}.breadcrumb a{color:var(--ink-soft)}.breadcrumb a:hover{color:var(--green-deep)}.page-banner-title{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);margin-bottom:10px}.page-banner-desc{color:var(--ink-soft);max-width:60ch;font-size:1rem}.search-bar{display:flex;gap:10px;margin-top:30px;max-width:560px}.search-input-wrap{position:relative;flex:1 1}.search-input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-faint)}.search-input{width:100%;padding:13px 16px 13px 42px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);font-size:.95rem;transition:border-color .2s var(--ease)}.search-input:focus{border-color:var(--green);outline:none}.search-btn{flex-shrink:0}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.filter-chip{font-size:.83rem;font-weight:500;padding:8px 15px;border-radius:100px;border:1.5px solid var(--line-strong);color:var(--ink-soft);transition:all .2s var(--ease)}.filter-chip:hover{border-color:var(--green);color:var(--green-deep)}.filter-chip.is-active{background:var(--green);border-color:var(--green);color:#fff}.filter-menu{align-items:flex-start}.filter-dropdown,.filter-menu{position:relative}.filter-dropdown-btn{display:inline-flex;align-items:center;gap:8px;font-size:.83rem;font-weight:500;padding:10px 16px;border-radius:100px;border:1.5px solid var(--line-strong);color:var(--ink-soft);background:var(--paper);transition:all .2s var(--ease)}.filter-dropdown-btn:hover{border-color:var(--green);color:var(--green-deep)}.filter-dropdown.has-value .filter-dropdown-btn,.filter-dropdown.is-open .filter-dropdown-btn{background:var(--green-tint);border-color:var(--green);color:var(--green-deep)}.filter-chevron{flex-shrink:0;transition:transform .2s var(--ease)}.filter-dropdown.is-open .filter-chevron{transform:rotate(180deg)}.filter-dropdown-panel{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:min(360px,90vw);max-height:80vh;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:0}.filter-dropdown.is-open .filter-dropdown-panel{display:block}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:var(--paper);border-radius:var(--radius-md) var(--radius-md) 0 0}.filter-modal-title{font-family:var(--font-display);font-size:1.02rem;font-weight:600;color:var(--ink)}.filter-modal-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:1.3rem;line-height:1;color:var(--ink-soft);transition:background .2s var(--ease),color .2s var(--ease);flex-shrink:0}.filter-modal-close:hover{background:var(--paper-warm-2);color:var(--ink)}.filter-modal-body{padding:16px 18px 18px}.filter-modal-backdrop{display:none;position:fixed;inset:0;background:rgba(20,26,22,.5);z-index:1000}.filter-modal-backdrop.is-open{display:block}body.filter-modal-lock{overflow:hidden}.filter-checklist{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}.filter-check-item{display:flex;align-items:center;gap:9px;font-size:.87rem;color:var(--ink);cursor:pointer}.filter-check-item input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.filter-date-row{display:flex;flex-direction:column;gap:10px}.filter-date-row select{width:100%;padding:9px 12px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);font-size:.87rem;color:var(--ink)}.filter-date-row select:focus{border-color:var(--green);outline:none}.filter-hint{font-size:.76rem;color:var(--ink-faint);margin-top:10px;line-height:1.5}.filter-dropdown-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.filter-reset-link{font-size:.8rem;font-weight:600;color:var(--green-deep)}.filter-reset-link:hover{text-decoration:underline}.filter-active-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.filter-active-chip{gap:6px;font-size:.78rem;font-weight:500;background:var(--green-tint);border:1px solid var(--green);border-radius:100px;padding:5px 6px 5px 13px}.filter-active-chip,.filter-active-chip button{display:inline-flex;align-items:center;color:var(--green-deep)}.filter-active-chip button{justify-content:center;width:18px;height:18px;border-radius:50%;font-size:1rem;line-height:1}.filter-active-chip button:hover{background:rgba(10,77,57,.15)}.filter-clear-all{font-size:.78rem;font-weight:600;color:var(--ink-faint);text-decoration:underline}.filter-clear-all:hover{color:var(--green-deep)}@media (max-width:640px){.filter-dropdown{flex:1 1 auto}.filter-dropdown-btn{width:100%;justify-content:space-between}.filter-dropdown-panel{width:92vw;max-height:85vh}}.listing-wrap{padding-block:56px;position:relative}.result-count{font-size:.9rem;color:var(--ink-faint);margin-bottom:24px}.result-count strong{color:var(--ink)}.list-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--radius-md);padding:22px 20px;transition:box-shadow .25s var(--ease),transform .25s var(--ease)}.list-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.list-card--buku{border-left-color:var(--gold)}.list-card .card-thumb{margin:-22px -20px 16px;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--green-tint)}.list-card .card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.list-card:hover .card-thumb img{transform:scale(1.05)}.list-card--buku .card-thumb{background:var(--gold-tint);aspect-ratio:3/4;padding:18px}.list-card--buku .card-thumb img{object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.16))}.list-card--buku:hover .card-thumb img{transform:scale(1.03)}.list-card .card-excerpt{font-size:.89rem;color:var(--ink-soft);line-height:1.65;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.list-card .card-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding-top:0}.card-meta span{display:inline-flex;align-items:center;gap:6px}.card-meta svg{width:14px;height:14px;flex-shrink:0;color:var(--ink-faint)}.list-card .btn{margin-top:auto}.load-more-row{display:flex;justify-content:center;margin-top:44px}.empty-state{text-align:center;padding:64px 20px;color:var(--ink-faint)}.empty-state svg{width:52px;height:52px;margin:0 auto 16px;opacity:.5}.empty-state p{color:var(--ink-faint);font-size:.95rem}.empty-state strong{display:block;color:var(--ink-soft);font-size:1.05rem;margin-bottom:6px;font-family:var(--font-display)}.listing-loading{padding:64px 20px;color:var(--ink-faint);font-size:.95rem}.listing-loading:before{content:"";display:block;width:30px;height:30px;margin:0 auto 16px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:listing-spin .8s linear infinite}@keyframes listing-spin{to{transform:rotate(1turn)}}.detail-hero{background:transparent;border-bottom:1px solid var(--line);padding-block:38px 34px;position:relative;overflow:hidden}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:500;color:var(--ink-soft);margin-bottom:22px}.back-link:hover{color:var(--green-deep)}.back-link svg{width:16px;height:16px}.detail-category{display:inline-block;font-size:.78rem;font-weight:600;color:var(--green-deep);background:var(--green-tint);padding:6px 13px;border-radius:100px;margin-bottom:16px}.detail-category.is-buku{color:var(--gold-deep);background:var(--gold-tint)}.detail-title{font-size:clamp(1.7rem,1.35rem + 1.3vw,2.4rem);max-width:22ch;margin-bottom:20px}.detail-meta-row{display:flex;flex-wrap:wrap;gap:22px}.detail-meta-item{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink-soft)}.detail-meta-item svg{width:17px;height:17px;color:var(--ink-faint);flex-shrink:0}.detail-body-wrap{padding-block:56px;position:relative}.detail-body-wrap.reveal,.related-section.reveal{opacity:1!important;transform:none!important}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:56px;gap:56px;align-items:start}.detail-main{min-width:0}@media (max-width:900px){.detail-layout{grid-template-columns:1fr}}.detail-article{font-size:1.06rem;line-height:1.9;color:var(--ink);max-width:68ch}.detail-article p{margin-bottom:1.3em;color:var(--ink)}.detail-article p:first-of-type{font-size:1.15rem;color:var(--ink-soft)}.khutbah-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.khutbah-heading{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--content-accent);text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-top:2.2em!important;margin-bottom:1em!important;padding-top:1.4em;border-top:1px solid var(--line)}.detail-article .khutbah-heading:first-child{margin-top:0!important;padding-top:0;border-top:none}.khutbah-address{font-style:italic;font-weight:600;color:var(--content-accent)!important;margin-top:1.6em!important}.arabic-quote{font-family:Noto Naskh Arabic,Amiri,Traditional Arabic,serif;font-weight:700;font-size:1.32rem;line-height:1.9;color:var(--ink);text-align:right;direction:rtl;background:var(--paper-warm);border-right:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:11px 18px;margin-bottom:1.05em!important}.detail-side{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);display:flex;flex-direction:column;gap:22px}.side-box{border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;background:var(--paper-warm)}.side-box h3{font-size:.95rem;margin-bottom:12px}.side-share{display:flex;gap:8px;flex-wrap:wrap}.related-section{padding-block:8px 72px;position:relative}.related-title{font-size:1.3rem;margin-bottom:22px}.opini-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);grid-gap:52px;gap:52px;align-items:start}@media (max-width:900px){.opini-grid{grid-template-columns:1fr;gap:36px}}.opini-points{display:flex;flex-direction:column;gap:22px;margin-top:28px}.opini-point{display:flex;gap:14px}.opini-point-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--green-tint);color:var(--green-deep)}.opini-point-icon svg{width:19px;height:19px}.opini-point h4{font-size:1rem;margin-bottom:4px}.opini-point p{font-size:.9rem}.opini-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px}@media (max-width:480px){.opini-form{padding:24px 20px}}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}@media (max-width:560px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:7px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);font-size:.95rem;transition:border-color .2s var(--ease)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--green);outline:none}.form-textarea{resize:vertical;min-height:130px}.form-hint{color:var(--ink-faint)}.form-error,.form-hint{font-size:.78rem;margin-top:6px}.form-error{color:#B4231F;display:none}.form-group.has-error .form-input,.form-group.has-error .form-textarea{border-color:#B4231F}.form-group.has-error .form-error{display:block}.form-success{display:none;align-items:flex-start;gap:12px;background:var(--green-tint);color:var(--green-deep);border:1px solid var(--green);border-radius:var(--radius-md);padding:16px 18px;font-size:.9rem;margin-bottom:20px}.form-success.is-visible{display:flex}.form-success svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.site-footer{background:linear-gradient(rgba(10,10,12,.88),rgba(10,10,12,.92)),url(/images/bg-hitam.png) 50% /cover no-repeat;color:#C9D2CD;padding-block:64px 28px}.footer-top{display:grid;grid-template-columns:1.15fr 1fr 1.1fr;grid-gap:44px;gap:44px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12)}@media (max-width:860px){.footer-top{grid-template-columns:1fr;gap:36px}}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-brand .brand-logo{width:44px;height:44px}.footer-brand strong{font-family:var(--font-display);color:#fff;font-size:1.05rem}.footer-desc{font-size:.9rem;line-height:1.75;color:#A9B3AE;max-width:42ch}.footer-heading{font-family:var(--font-body);color:#fff;font-size:.92rem;font-weight:600;margin-bottom:18px}.contact-list{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:flex-start;gap:12px}.contact-item svg{width:19px;height:19px;color:var(--gold);flex-shrink:0;margin-top:2px}.contact-item a,.contact-item span{font-size:.9rem;color:#C9D2CD;line-height:1.55}.contact-item a:hover{color:#fff}.map-embed{margin-top:18px;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.14);aspect-ratio:16/10}.map-embed iframe{width:100%;height:100%;border:0;filter:grayscale(.25) contrast(1.05)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:26px;font-size:.82rem;color:#8B968F}.footer-bottom-links{display:flex;gap:18px}.footer-bottom-links a:hover{color:#fff}[data-theme=dark] .form-error{color:#FF8B85}[data-theme=dark] .form-group.has-error .form-input,[data-theme=dark] .form-group.has-error .form-textarea{border-color:#FF8B85}.theme-toggle-btn{position:fixed;right:20px;bottom:20px;z-index:500;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--paper);color:var(--ink);border:1.5px solid var(--line-strong);box-shadow:var(--shadow-panel);transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .15s var(--ease)}.theme-toggle-btn:hover{border-color:var(--green);color:var(--green-deep);transform:translateY(-2px)}.theme-toggle-btn:active{transform:translateY(0)}.theme-toggle-btn svg{width:22px;height:22px}.theme-toggle-btn .icon-moon,[data-theme=dark] .theme-toggle-btn .icon-sun{display:none}[data-theme=dark] .theme-toggle-btn .icon-moon{display:block}@media (max-width:640px){.theme-toggle-btn{right:14px;bottom:14px;width:46px;height:46px}}@media print{.theme-toggle-btn{display:none!important}}@media (max-width:640px){.about-title{max-width:none}.form-row{grid-template-columns:1fr}.search-bar{flex-direction:column}.search-btn{width:100%}}@media print{.back-link,.breadcrumb,.detail-side,.khutbah-actions,.related-section,.site-footer,.site-header,.skip-link{display:none!important}.detail-hero{padding:0 0 20px;border:none}.detail-layout{display:block}.detail-article{max-width:100%;font-size:12pt;line-height:1.7}.arabic-quote{background:none;border:none;padding:0;font-size:14pt}.khutbah-heading{border-top:none}body{background:#fff}}.shooting-stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .6s var(--ease)}[data-theme=dark] .shooting-stars{opacity:1}.shooting-star{position:absolute;top:0;left:0;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 4px 1px rgba(255,255,255,.75);opacity:0;animation-name:star-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes star-twinkle{0%,to{opacity:0;transform:scale(.7)}50%{opacity:var(--star-peak,.95);transform:scale(1.3)}}.listing-loading{padding:42px 0;font-size:.93rem}.listing-error,.listing-loading{grid-column:1/-1;text-align:center;color:var(--ink-soft)}.listing-error{padding:28px 22px;font-size:.9rem;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--paper-warm)}.detail-file-note{font-size:.82rem;color:var(--ink-faint);margin-top:10px}.location-modal-backdrop{position:fixed;inset:0;background:rgba(10,18,14,.5);z-index:400;display:flex;align-items:center;justify-content:center;padding:20px}.location-modal{width:100%;max-width:420px;max-height:82vh;background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;overflow:hidden}.location-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.location-modal-head strong{font-family:var(--font-display);font-size:1.02rem;color:var(--ink)}.location-modal-close{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--ink-soft);flex-shrink:0}.location-modal-close:hover{background:var(--paper-warm);color:var(--ink)}.location-modal-close svg{width:16px;height:16px}.location-modal-note{margin:0;padding:11px 18px;font-size:.82rem;color:var(--gold-deep);background:var(--gold-tint);border-bottom:1px solid var(--line)}.location-modal-search{display:flex;align-items:center;gap:9px;padding:12px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.location-modal-search svg{width:17px;height:17px;color:var(--ink-faint);flex-shrink:0}.location-modal-search input{flex:1 1;min-width:0;border:none;background:transparent;font-size:.9rem;color:var(--ink);font-family:var(--font-body)}.location-modal-search input:focus{outline:none}.location-modal-list{overflow-y:auto;flex:1 1;padding:6px 8px}.location-modal-empty{text-align:center;color:var(--ink-soft);font-size:.87rem;padding:26px 10px;margin:0}.location-modal-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:var(--radius-sm);font-size:.89rem;color:var(--ink);text-align:left}.location-modal-item svg{width:16px;height:16px;color:var(--green);flex-shrink:0}.location-modal-item:hover{background:var(--green-tint)}.location-modal-skip{padding:13px 18px;border-top:1px solid var(--line);font-size:.84rem;font-weight:600;color:var(--green);text-align:center;flex-shrink:0}.location-modal-skip:hover{background:var(--paper-warm)}.prayer-change-location{display:block;margin:8px auto 0;font-size:.78rem;font-weight:600;color:var(--green);text-align:center}.prayer-change-location:hover{text-decoration:underline}.admin-body{min-height:100vh;background:var(--paper-warm);font-family:var(--font-body);color:var(--ink)}.admin-shell{display:grid;grid-template-columns:240px 1fr;direction:ltr;min-height:100vh}.admin-sidebar{grid-column:1;grid-row:1;background:#0F1116;color:#C9CCD6;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;left:0;height:100vh;overflow-y:auto}.admin-brand{display:flex;align-items:center;gap:11px;padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-brand .admin-brand-mark,.admin-brand img{width:38px;height:38px;border-radius:var(--radius-sm);flex-shrink:0;object-fit:contain}.admin-brand .admin-brand-mark{display:grid;place-items:center;background:var(--green);color:#fff}.admin-brand .admin-brand-mark svg{width:21px;height:21px}.admin-brand strong{display:block;font-family:var(--font-display);font-size:.96rem;color:#fff;line-height:1.25}.admin-brand span{display:block;font-size:.7rem;letter-spacing:.06em;color:#8E92A0;margin-top:2px}.admin-nav{padding:16px 12px;display:flex;flex-direction:column;gap:3px;flex:1 1}.admin-nav-label{font-size:.68rem;letter-spacing:.1em;color:#6C707E;padding:16px 10px 7px}.admin-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--radius-sm);font-size:.89rem;font-weight:500;color:#C9CCD6;transition:background-color .18s var(--ease),color .18s var(--ease)}.admin-nav a svg{width:18px;height:18px;flex-shrink:0}.admin-nav a:hover{background:rgba(255,255,255,.07);color:#fff}.admin-nav a.is-active{background:var(--green);color:#fff}.admin-nav a.is-soon{opacity:.5;cursor:default}.admin-nav .soon-tag{margin-left:auto;font-size:.62rem;padding:2px 6px;border:1px solid rgba(255,255,255,.25);border-radius:99px}.admin-sidebar-foot{padding:14px 16px 20px;border-top:1px solid rgba(255,255,255,.08)}.admin-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-avatar{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.82rem;flex-shrink:0}.admin-user-info strong{display:block;color:#fff;font-size:.85rem;font-weight:600}.admin-user-info span{display:block;font-size:.72rem;color:#8E92A0}.admin-main{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:14px;padding:14px 26px;background:var(--paper);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-topbar h1{font-family:var(--font-display);font-size:1.12rem;font-weight:600;margin:0}.admin-topbar .admin-topbar-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.admin-burger{display:none;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);align-items:center;justify-content:center;color:var(--ink)}.admin-burger svg{width:20px;height:20px}.admin-content{padding:26px;flex:1 1}.admin-content>section+section{margin-top:24px}.admin-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);padding:22px}.admin-card+.admin-card{margin-top:18px}.admin-card-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:18px}.admin-card-head h2{font-family:var(--font-display);font-size:1.02rem;margin:0 0 4px}.admin-card-head p{font-size:.84rem;color:var(--ink-soft);margin:0}.admin-card-head .admin-card-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px}.admin-stat{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--radius-md);padding:18px 20px}.admin-stat span{display:block;font-size:.78rem;color:var(--ink-soft)}.admin-stat strong{display:block;font-family:var(--font-display);font-size:1.9rem;font-weight:700;color:var(--ink);margin-top:4px;line-height:1.1}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.87rem;min-width:620px}.admin-table th{text-align:left;font-size:.72rem;letter-spacing:.06em;color:var(--ink-faint);font-weight:600;padding:0 14px 10px;white-space:nowrap}.admin-table td,.admin-table th{border-bottom:1px solid var(--line)}.admin-table td{padding:14px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table .cell-title{font-weight:600;color:var(--ink)}.admin-table .cell-sub{font-size:.78rem;color:var(--ink-soft);margin-top:3px}.admin-table .cell-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.admin-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--green-tint);color:var(--green-deep);white-space:nowrap}.admin-badge.is-muted{background:var(--paper-warm-2);color:var(--ink-soft)}.admin-badge.is-gold{background:var(--gold-tint);color:var(--gold-deep)}.admin-field{margin-bottom:16px}.admin-field>label,.admin-label{display:block;font-size:.82rem;font-weight:600;margin-bottom:7px;color:var(--ink)}.admin-hint{font-size:.77rem;color:var(--ink-soft);margin:6px 0 0}.admin-input,.admin-select,.admin-textarea{width:100%;padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:.9rem;font-family:var(--font-body);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-tint)}.admin-textarea{min-height:96px;resize:vertical;line-height:1.6}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.admin-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.admin-alert{padding:12px 15px;border-radius:var(--radius-sm);font-size:.86rem;margin-bottom:16px;border:1px solid}.admin-alert.is-error{background:#FDECEC;border-color:#F0B9B9;color:#A02020}.admin-alert.is-success{background:var(--green-tint);border-color:var(--green);color:var(--green-deep)}.admin-alert.is-info{background:var(--gold-tint);border-color:var(--gold);color:var(--gold-deep)}[data-theme=dark] .admin-alert.is-error{background:rgba(200,60,60,.16);border-color:#C05050;color:#FFB4B4}.blocks-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:var(--paper-warm);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:14px;position:-webkit-sticky;position:sticky;top:66px;z-index:20}.block-item{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);margin-bottom:12px;overflow:hidden}.block-item.is-arabic{border-right:3px solid var(--gold)}.block-item.is-heading{border-left:3px solid var(--green-deep)}.block-item.is-green{border-left:3px solid var(--green)}.block-head{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--paper-warm);border-bottom:1px solid var(--line);flex-wrap:wrap}.block-number{font-size:.72rem;font-weight:700;color:var(--ink-faint);min-width:24px}.block-head select{padding:6px 9px;font-size:.8rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink)}.block-head .block-tools{margin-left:auto;display:flex;gap:5px}.block-icon-btn{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-soft);background:var(--paper);transition:border-color .15s var(--ease),color .15s var(--ease)}.block-icon-btn svg{width:15px;height:15px}.block-icon-btn:hover{border-color:var(--green);color:var(--green)}.block-icon-btn.is-danger:hover{border-color:#C0392B;color:#C0392B}.block-icon-btn:disabled{opacity:.35;cursor:not-allowed}.color-choice{display:flex;gap:6px;align-items:center}.color-dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;transition:border-color .15s var(--ease),transform .15s var(--ease)}.color-dot span{width:14px;height:14px;border-radius:50%;display:block}.color-dot.is-selected{border-color:var(--green);transform:scale(1.08)}.block-input{width:100%;border:none;padding:13px 15px;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:.93rem;line-height:1.75;resize:vertical;min-height:84px}.block-input:focus{outline:none;background:var(--green-tint)}.block-input.as-arabic{font-family:Noto Naskh Arabic,Amiri,Traditional Arabic,serif;font-weight:700;font-size:1.28rem;line-height:1.9;text-align:right;direction:rtl;background:var(--paper-warm);min-height:104px}.block-input.as-heading{font-family:var(--font-display);font-size:1.14rem;font-weight:700;color:var(--green-deep);text-align:center;text-transform:uppercase;letter-spacing:.04em;min-height:58px}.block-input.as-green{color:var(--green-deep);font-style:italic;font-weight:600}.upload-box{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);padding:18px;text-align:center;background:var(--paper-warm);transition:border-color .18s var(--ease)}.upload-box:hover{border-color:var(--green)}.upload-box input[type=file]{display:none}.upload-box p{font-size:.82rem;color:var(--ink-soft);margin:8px 0 0}.upload-preview{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);margin-top:10px;font-size:.84rem}.upload-preview img{width:54px;height:54px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.upload-preview .upload-preview-name{flex:1 1;min-width:0;word-break:break-all}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px 18px;background:var(--paper-warm)}.login-card{width:100%;max-width:408px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px 30px;box-shadow:var(--shadow-panel)}.login-card .login-mark{width:52px;height:52px;border-radius:var(--radius-md);background:var(--green);color:#fff;display:grid;place-items:center;margin-bottom:18px}.login-card .login-mark svg{width:27px;height:27px}.login-card h1{font-family:var(--font-display);font-size:1.36rem;margin:0 0 6px}.login-card>p{font-size:.87rem;color:var(--ink-soft);margin:0 0 22px}.login-foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft);text-align:center}.login-foot a{color:var(--green);font-weight:600}.admin-empty{text-align:center;padding:46px 22px;color:var(--ink-soft)}.admin-empty svg{width:44px;height:44px;margin:0 auto 14px;color:var(--ink-faint)}.admin-empty strong{display:block;font-size:1rem;color:var(--ink);margin-bottom:6px}.admin-empty p{font-size:.86rem;margin:0 auto 18px;max-width:420px}@media (max-width:1024px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;top:0;left:0;width:272px;max-width:82vw;z-index:300;transform:translateX(-100%);transition:transform .25s var(--ease);box-shadow:0 0 40px rgba(0,0,0,.3)}.admin-sidebar.is-open{transform:translateX(0)}.admin-backdrop{position:fixed;inset:0;background:rgba(10,18,14,.5);z-index:290;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.admin-backdrop.is-open{opacity:1;pointer-events:auto}.admin-burger{display:flex}.admin-content{padding:20px 18px}.admin-topbar{padding:12px 18px}.blocks-toolbar{top:62px}}@media (max-width:720px){.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}.admin-topbar h1{font-size:1rem}.admin-card{padding:17px}.admin-content{padding:16px 13px}.admin-card-head .admin-card-actions{width:100%}.admin-card-head .admin-card-actions .btn{flex:1 1}.admin-table,.admin-table tbody,.admin-table td,.admin-table tr{display:block;width:100%;min-width:0}.admin-table thead{display:none}.admin-table tr{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:11px;padding:5px 0}.admin-table td{border-bottom:none;padding:8px 14px;display:flex;gap:12px;align-items:flex-start}.admin-table td:before{content:attr(data-label);flex:0 0 96px;font-size:.72rem;color:var(--ink-faint);font-weight:600;padding-top:2px}.admin-table .cell-actions{justify-content:flex-start}.block-head{gap:6px}.block-head select{flex:1 1;min-width:118px}.blocks-toolbar{position:static}}.opini-filters{display:flex;gap:6px;flex-wrap:wrap}.opini-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:18px;gap:18px;align-items:start}.opini-list{gap:8px;max-height:640px;overflow-y:auto;padding-right:4px}.opini-item,.opini-list{display:flex;flex-direction:column}.opini-item{gap:4px;text-align:left;padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);transition:border-color .15s var(--ease),background-color .15s var(--ease)}.opini-item.is-active,.opini-item:hover{border-color:var(--green)}.opini-item.is-active{background:var(--green-tint)}.opini-item.is-unread .opini-item-name{font-weight:700}.opini-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.opini-item-name{display:flex;align-items:center;gap:7px;font-size:.89rem;color:var(--ink)}.opini-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.opini-item-excerpt{font-size:.8rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opini-item-date{font-size:.72rem;color:var(--ink-faint)}.opini-detail{border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px;background:var(--paper);min-height:300px}.opini-back{display:none;margin-bottom:14px}.opini-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.opini-meta strong{font-family:var(--font-display);font-size:1.05rem}.opini-meta-sub{font-size:.82rem;color:var(--ink-soft);margin:4px 0 16px}.opini-message-box{padding:14px 15px;background:var(--paper-warm);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.89rem;line-height:1.7;color:var(--ink);white-space:pre-wrap}.opini-answer-existing{margin-top:14px;padding:12px 14px;border-left:3px solid var(--gold);background:var(--gold-tint);border-radius:var(--radius-sm);font-size:.86rem}.opini-answer-existing strong{display:block;margin-bottom:4px;color:var(--gold-deep)}.opini-answer-existing p{margin:0;white-space:pre-wrap;line-height:1.6}.opini-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}@media (max-width:860px){.opini-layout{grid-template-columns:1fr}.opini-list{max-height:none}.opini-detail,.opini-layout.is-detail-open .opini-list{display:none}.opini-layout.is-detail-open .opini-detail{display:block}.opini-back{display:inline-flex}}.btn-mini{padding:7px 13px;font-size:.79rem;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s var(--ease),color .15s var(--ease),background-color .15s var(--ease)}.btn-mini svg{width:15px;height:15px}.btn-mini:hover{border-color:var(--green);color:var(--green)}.btn-mini.is-solid{background:var(--green);border-color:var(--green);color:#fff}.btn-mini.is-solid:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}.btn-mini.is-danger:hover{border-color:#C0392B;color:#C0392B}