:root{--ed-blue:#0047ab;--ed-sky:#0f9bd7;--ed-green:#4f9d19;--ed-ink:#0a2e50;--ed-muted:#5d7285;--ed-line:#cfe4ee;--ed-bg:#f4fbff}
.editorial-page{background:#fff;color:var(--ed-ink);font-family:"Segoe UI",system-ui,-apple-system,sans-serif}
.editorial-page .marquee{background:var(--ed-blue);border-bottom:3px solid var(--ed-green);padding:.65rem 0}
.editorial-shell{padding-top:34px;padding-bottom:64px}
.editorial-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--ed-line)}
.editorial-kicker{color:var(--ed-green);font-size:.76rem;font-weight:900;text-transform:uppercase}
.editorial-heading h1{margin:5px 0 0;font-size:clamp(1.65rem,3vw,2.6rem);font-weight:900;letter-spacing:0;color:var(--ed-ink)}
.editorial-heading p{max-width:520px;margin:0;color:var(--ed-muted);line-height:1.65}
.rail-title{margin-bottom:14px;color:var(--ed-ink);font-size:.82rem;font-weight:900;text-transform:uppercase}
.editorial-page .book-card,.editorial-page .book-item,.editorial-page .side-card{border:1px solid var(--ed-line)!important;border-radius:7px!important;box-shadow:none!important}
.editorial-page .habari-grid{display:flex!important;flex-direction:column;gap:16px}
.editorial-page .h-card,.editorial-page .m-card{position:relative;display:grid!important;grid-template-columns:260px minmax(0,1fr);min-height:230px;border:1px solid var(--ed-line)!important;border-radius:8px!important;background:#fff;box-shadow:0 10px 26px rgba(0,71,171,.07)!important;overflow:hidden}
.editorial-page .h-card:hover,.editorial-page .m-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,71,171,.11)!important}
.editorial-page .h-media,.editorial-page .m-media{width:100%;height:100%!important;min-height:230px;background:#eaf5fa}
.editorial-page .h-media img,.editorial-page .h-media video,.editorial-page .m-media img,.editorial-page .m-media video{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.editorial-page .h-body,.editorial-page .m-body{display:flex;flex-direction:column;padding:24px!important}
.editorial-page .h-title,.editorial-page .m-title{font-size:1.2rem!important;font-weight:900!important;color:var(--ed-ink);letter-spacing:0}
.editorial-page .h-desc,.editorial-page .m-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:10px 0 16px!important;color:var(--ed-muted)!important;line-height:1.6}
.editorial-page .h-meta,.editorial-page .m-meta{color:#708596!important}
.editorial-page .btn-readmore,.editorial-readmore{display:inline-flex;align-items:center;gap:7px;margin-left:auto;border:1px solid var(--ed-blue);border-radius:6px;background:var(--ed-blue);color:#fff;font-weight:800;text-decoration:none;padding:.5rem .8rem}
.episode-badge{position:absolute;z-index:2;top:12px;left:12px;display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:5px;background:var(--ed-green);color:#fff;font-size:.72rem;font-weight:900}
.editorial-page .gazeti-wrap{gap:18px}.editorial-page .gazeti-card{border:1px solid var(--ed-line);border-radius:8px;box-shadow:0 10px 26px rgba(0,71,171,.07)}
.editorial-page .gazeti-badge{border-radius:5px;background:#fff;color:var(--ed-ink);animation:none}.editorial-page .gazeti-meta{align-items:center;padding:16px 18px;color:var(--ed-muted)}
.gazeti-summary{display:block;margin-top:5px;color:var(--ed-muted);font-size:.86rem;white-space:normal}
@media(max-width:991px){.editorial-heading{align-items:flex-start;flex-direction:column}.editorial-page .h-card,.editorial-page .m-card{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:767px){.editorial-shell{padding-top:24px}.editorial-page .h-card,.editorial-page .m-card{grid-template-columns:1fr}.editorial-page .h-media,.editorial-page .m-media{height:210px!important;min-height:210px}.editorial-page .h-body,.editorial-page .m-body{padding:18px!important}.editorial-page .gazeti-pdf{min-height:430px}.editorial-page .gazeti-pdf object{min-height:370px}.editorial-page .gazeti-meta{align-items:flex-start;flex-direction:column}}
