.blog-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bb-session{position:absolute;inset:0 0 auto;width:100%;height:min(100%,780px);opacity:.5;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 48%,transparent 82%);mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 48%,transparent 82%)}.bb-ruler line{stroke:#ffffff2e;stroke-width:1}.bb-ruler text,.bb-lane-name,.bb-clip-name{font-family:var(--font-data);font-size:11px;letter-spacing:.08em;fill:#ffffff52}.bb-grid line{stroke:#ffffff0d;stroke-width:1}.bb-clip rect{fill:var(--lane);fill-opacity:.05;stroke:var(--lane);stroke-opacity:.22;stroke-width:1}.bb-clip .bb-clip-head{fill-opacity:.16;stroke:none}.bb-clip-name{fill:var(--lane);fill-opacity:.7;font-size:9px}.bb-lane-name{fill:var(--lane);fill-opacity:.55}.bb-clip path{fill:var(--lane);fill-opacity:.2}.bb-playhead line{stroke:var(--accent);stroke-width:1.5;stroke-opacity:.6}.bb-playhead path{fill:var(--accent);fill-opacity:.8}.bb-playhead{animation:bbPlay 26s linear infinite}@keyframes bbPlay{0%{transform:translate(0)}to{transform:translate(1440px)}}@media(prefers-reduced-motion:reduce){.bb-playhead{animation:none;transform:translate(640px)}}.blog-backdrop .frame-art{opacity:.8}.on-air{display:flex;width:fit-content;align-items:center;gap:.6rem;padding:.45rem .95rem;border:1px solid rgba(230,255,39,.45);border-radius:9999px;background:#e6ff270f;color:var(--accent);font-family:var(--font-data);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 34px #e6ff271f,inset 0 0 12px #e6ff2714;margin-bottom:1.6rem}.on-air-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:onAir 1.8s ease-in-out infinite}.on-air [lang=ar]{font-size:.8rem;letter-spacing:0;text-transform:none}@keyframes onAir{50%{opacity:.25;box-shadow:none}}@media(prefers-reduced-motion:reduce){.on-air-dot{animation:none}}.blog-hero{position:relative;overflow:hidden;padding:9.5rem 2rem 4.5rem;background:radial-gradient(ellipse 60% 55% at 78% 30%,rgba(71,52,247,.14),transparent 70%),radial-gradient(ellipse 50% 50% at 12% 70%,rgba(230,255,39,.07),transparent 70%)}.blog-hero>.container{position:relative;z-index:1}.blog-h1{font-family:var(--font-title);font-weight:900;font-size:clamp(2.2rem,5.4vw,3.6rem);line-height:1.05;max-width:900px}.blog-h1-ar{display:block;margin-top:.9rem;font-family:Noto Kufi Arabic,IBM Plex Sans Arabic,sans-serif;font-size:clamp(1.4rem,3.3vw,2.2rem);line-height:1.45;font-weight:700;color:var(--accent)}.blog-intro{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2.2rem;max-width:1100px}.blog-intro p{font-size:1.05rem;line-height:1.75;color:var(--text-body)}.blog-intro [lang=ar]{font-size:1.08rem;line-height:1.95}.blog-hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}.guide-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.guide-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);overflow:hidden;transition:border-color .4s,transform .5s cubic-bezier(.16,1,.3,1),background .4s}.guide-card:hover{border-color:#e6ff2759;background:#ffffff0e;transform:translateY(-5px)}.guide-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#111}.guide-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.8);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.guide-card:hover .guide-media img{transform:scale(1.04);filter:saturate(1) brightness(.9)}.guide-tag{position:absolute;inset-block-start:.9rem;inset-inline-start:.9rem;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:9999px;background:#151515c7;backdrop-filter:blur(8px);color:var(--accent)}.guide-body{display:flex;flex-direction:column;gap:.75rem;padding:1.4rem 1.5rem 1.5rem;flex:1}.guide-title{font-family:var(--font-headline);font-weight:700;font-size:1.1rem;line-height:1.35}.guide-title a:hover{color:var(--accent)}.guide-title-ar{font-family:Noto Kufi Arabic,IBM Plex Sans Arabic,sans-serif;font-weight:700;font-size:1.02rem;line-height:1.7;color:#ffffffdb}.guide-title-ar a:hover{color:var(--accent)}.guide-desc{font-size:.88rem;line-height:1.65;color:var(--text-muted)}.guide-foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.guide-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:9999px;border:1px solid var(--border);font-size:.8rem;font-weight:600;color:#fff;transition:background .3s,color .3s,border-color .3s}.guide-link:hover{background:var(--accent);color:var(--base);border-color:var(--accent)}.guide-link[lang=ar]{font-size:.86rem}.find-studio{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.25rem}.find-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);padding:1.6rem;display:flex;flex-direction:column;gap:.6rem}.find-card .t-label{color:var(--accent)}.find-card p{font-size:.95rem;line-height:1.7;color:var(--text-body)}.find-card a{color:#fff;border-bottom:1px solid rgba(230,255,39,.4)}.find-card a:hover{color:var(--accent)}.find-stars{color:var(--accent);letter-spacing:.15em;font-size:1.05rem}@media(max-width:900px){.blog-intro{grid-template-columns:1fr;gap:1.25rem}.find-studio{grid-template-columns:1fr}}@media(max-width:640px){.bb-session{height:520px;opacity:.38}.blog-hero{padding:7.5rem 1.25rem 3rem}.guide-grid{grid-template-columns:1fr}}.post-hero{position:relative;overflow:hidden;padding:9rem 2rem 3.5rem;background:radial-gradient(ellipse 60% 60% at 80% 20%,rgba(71,52,247,.13),transparent 70%)}.post-hero>.container{position:relative;z-index:1;max-width:1100px}.post-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.6rem;color:var(--text-muted)}.post-crumbs a:hover{color:var(--accent)}.post-crumbs .sep{opacity:.4}.post-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);margin-bottom:1rem}.post-h1{font-family:var(--font-title);font-weight:900;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.12;max-width:920px}[lang=ar] .post-h1{line-height:1.55;font-size:clamp(1.7rem,4vw,2.6rem)}.post-answer{margin-top:1.6rem;max-width:820px;padding-inline-start:1.25rem;border-inline-start:3px solid var(--accent);font-size:1.15rem;line-height:1.75;color:var(--text-body)}[lang=ar] .post-answer{font-size:1.12rem;line-height:2}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;margin-top:1.8rem;color:var(--text-muted)}.post-meta .dot{width:4px;height:4px;border-radius:50%;background:#ffffff40}.lang-switch{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:9999px;border:1px solid rgba(230,255,39,.4);color:var(--accent);font-size:.85rem;font-weight:600;transition:background .3s,color .3s}.lang-switch:hover{background:var(--accent);color:var(--base)}.post-figure{max-width:1100px;margin:0 auto;padding:0 2rem}.post-figure img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);filter:saturate(.9) brightness(.88)}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:4rem;max-width:1100px;margin:0 auto;padding:3.5rem 2rem 2rem}.post-body{max-width:720px}.post-section+.post-section{margin-top:2.6rem}.post-section h2{font-family:var(--font-headline);font-weight:900;font-size:clamp(1.3rem,2.4vw,1.6rem);line-height:1.3;margin-bottom:1rem;scroll-margin-top:110px}[lang=ar] .post-section h2{line-height:1.7;font-size:clamp(1.2rem,2.3vw,1.5rem)}.post-section p{font-size:1.06rem;line-height:1.8;color:var(--text-body)}[lang=ar] .post-section p{font-size:1.08rem;line-height:2.05}.post-section p+p{margin-top:1rem}.post-section a,.post-answer a{color:#fff;border-bottom:1px solid rgba(230,255,39,.5);transition:color .3s,border-color .3s}.post-section a:hover{color:var(--accent);border-color:var(--accent)}.post-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-top:.4rem}.post-list li{position:relative;padding-inline-start:1.6rem;font-size:1.04rem;line-height:1.7;color:var(--text-body)}.post-list li:before{content:"";position:absolute;inset-inline-start:.2rem;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #e6ff2780}[lang=ar] .post-list li:before{top:.85em}.post-aside{display:flex;flex-direction:column;gap:1.25rem}.post-aside-sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.25rem}.aside-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);padding:1.35rem 1.4rem}.aside-card>.t-label{display:block;color:var(--accent);margin-bottom:.8rem}.toc{list-style:none;display:flex;flex-direction:column;gap:.15rem;counter-reset:toc}.toc a{display:grid;grid-template-columns:auto 1fr;gap:.6rem;padding:.45rem 0;font-size:.86rem;line-height:1.45;color:var(--text-muted);transition:color .3s}.toc a:before{counter-increment:toc;content:counter(toc,decimal-leading-zero);font-family:var(--font-data);font-size:.65rem;color:#ffffff4d;padding-top:.2rem}.toc a:hover{color:#fff}.facts{display:flex;flex-direction:column;gap:.8rem}.facts dt{font-family:var(--font-data);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}[lang=ar] .facts dt{font-family:"IBM Plex Sans Arabic",var(--font-data);font-size:.78rem;letter-spacing:0}.facts dd{font-size:.86rem;line-height:1.55;color:var(--text-body);margin-top:.15rem}.aside-reviews{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.84rem;color:#fff}.aside-reviews:hover{color:var(--accent)}.aside-reviews .find-stars{font-size:.9rem}.aside-book{display:flex;flex-direction:column;gap:.7rem}.aside-book .btn-primary,.aside-book .btn-ghost{justify-content:center;padding:.8rem 1.2rem}.post-related{max-width:1100px;margin:0 auto;padding:1rem 2rem 5rem}.post-related .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.post-layout{grid-template-columns:1fr;gap:2.5rem}.post-aside-sticky{position:static}.post-related .guide-grid{grid-template-columns:1fr}}@media(max-width:640px){.post-hero{padding:7.5rem 1.25rem 2.5rem}.post-figure{padding:0 1.25rem}.post-layout{padding:2.5rem 1.25rem 1rem}.post-related{padding:1rem 1.25rem 4rem}}
