/* ALG DZ — mockup-exact homepage */
:root{
  --ink:#071d3d;--muted:#4d5b68;--line:#e7ebee;--soft:#f7f9fb;--gold:#b5943c;--green:#5f8a7c;--blue:#1e80a6;--terra:#bd7551;--shadow:0 8px 22px rgba(15,35,55,.08);--r:10px;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',Arial,sans-serif;--mw:1088px
}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5}.container{width:100%;max-width:var(--mw);margin:0 auto;padding:0 22px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}.ql-section>.container{max-width:1024px;padding-left:0;padding-right:0}.ip-section>.container,.fv-section>.container{max-width:980px;padding-left:0;padding-right:0}.site-header>.container,.header-inner.container{max-width:none;padding-left:37px;padding-right:37px}
.site-header{height:67px;background:#fff;border-bottom:1px solid #eef1f3;position:sticky;top:0;z-index:50}.header-inner{height:67px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo a{display:flex;align-items:center;color:var(--ink)}.logo-img{display:block;width:182px;height:38px;object-fit:contain}
.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:29px;list-style:none;margin:0;padding:0}.main-nav li{position:relative}.main-nav a{display:block;font-size:12px;font-weight:500;color:#1d2835;padding:25px 0 21px;white-space:nowrap}.main-nav li.active a:after{content:"";position:absolute;left:0;right:0;bottom:14px;margin:auto;width:45px;height:2px;background:var(--gold)}.nav-caret{font-size:14px;margin-left:4px;color:#28394a}.header-tools{display:flex;align-items:center;gap:12px}.algdz-lang-selector{position:relative}.algdz-lang-selector summary{height:32px;min-width:70px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e2e7eb;border-radius:999px;background:#fff;color:#10233c;list-style:none;cursor:pointer;font-size:12px;font-weight:600;box-shadow:0 3px 12px rgba(10,35,60,.04)}.algdz-lang-selector summary::-webkit-details-marker{display:none}.algdz-lang-selector summary:after{content:"⌄";font-size:12px;color:#7a8792;margin-left:1px}.algdz-lang-selector[open] summary,.algdz-lang-selector summary:hover{border-color:#c8b06a;color:var(--gold)}.algdz-lang-menu{position:absolute;right:0;top:39px;width:188px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:7px;z-index:101}.algdz-lang-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:12px;color:#10233c}.algdz-lang-link:hover,.algdz-lang-link.active{background:#f7f4ea;color:#8e6f1f}.lang-flag{font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.lang-flag img{display:block;width:18px;height:18px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(10,35,60,.08)}.lang-code{letter-spacing:.4px}.algdz-search-wrap{position:relative}.algdz-search-btn{border:0;background:transparent;color:#10233c;font-size:18px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer}.algdz-search-btn:hover{color:var(--gold)}.algdz-search-box{position:absolute;right:0;top:38px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:8px;z-index:100}.algdz-search-input{width:220px;border:1px solid var(--line);border-radius:7px;padding:9px 10px;font-family:var(--sans);outline:none}.algdz-search-submit{border:0;background:var(--ink);color:#fff;border-radius:7px;padding:9px 12px}.mobile-trigger{display:none;border:0;background:transparent;flex-direction:column;gap:4px;padding:6px}.mobile-trigger span{display:block;width:22px;height:2px;background:var(--ink)}
.hero-banner{height:244px;position:relative;overflow:hidden;background:#eaf5fb}.hero-slider{isolation:isolate}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity .65s ease-in-out;z-index:0}.hero-slide.active,.hero-slide-1{opacity:1}.hero-slider.js .hero-slide-1{opacity:0}.hero-slider.js .hero-slide.active{opacity:1}.hero-wash{display:none}.hero-text{height:100%;position:relative;z-index:2}.hero-copy{position:absolute;top:39px;left:545px;width:520px;text-align:center;color:#071d3d}.hero-h1{font-family:var(--serif);font-size:54px;font-weight:500;line-height:1;margin:0 0 12px;letter-spacing:.2px}.hero-separator{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 0 8px;color:var(--gold)}.hero-separator span{display:block;width:86px;height:1px;background:#c8ac55}.hero-separator i{font-style:normal;font-size:14px;line-height:1;color:var(--gold)}.hero-sub{font-size:14px;color:#273b4f;margin:0;letter-spacing:.1px}.hero-control{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:34px;height:44px;border:0;border-radius:6px;background:rgba(7,29,61,.34);color:#fff;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s,transform .18s}.hero-control:hover,.hero-control:focus{background:rgba(7,29,61,.58);outline:none;transform:translateY(-50%) scale(1.04)}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{position:absolute;left:0;right:0;bottom:10px;z-index:4;display:flex;justify-content:center;gap:8px}.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.78);box-shadow:0 0 0 1px rgba(7,29,61,.22);cursor:pointer}.hero-dots button.active,.hero-dots button:hover,.hero-dots button:focus{background:var(--gold);outline:none}
.ql-section{padding:26px 0 17px;background:#fff}.ql-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px}.ql-card{height:98px;background:#fff;border:1px solid #e9edef;border-radius:10px;box-shadow:0 2px 5px rgba(10,35,60,.035),0 7px 20px rgba(10,35,60,.08);display:grid;grid-template-columns:116px 1fr 22px;align-items:center;padding:0 24px 0 25px;transition:transform .18s,box-shadow .18s}.ql-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgba(10,35,60,.045),0 10px 26px rgba(10,35,60,.12)}.ql-art{width:86px;height:58px;display:flex;align-items:center;justify-content:center}.ql-art img{display:block;width:86px;height:58px;object-fit:contain;image-rendering:auto}.ql-copy{color:var(--ink)}.ql-copy h3{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1;margin:0 0 8px;letter-spacing:.1px}.ql-copy p{font-size:10.5px;line-height:1.35;color:#2f3d4d;margin:0}.ql-arrow{font-size:31px;line-height:1;color:#101b2c;font-weight:200;margin-top:-2px}
.ip-section{background:linear-gradient(180deg,#f8fbff 0%,#f6f9ff 100%);padding:12px 0 16px}.section-title{height:28px;display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 7px}.section-title span{width:62px;height:1px;background:#cfd5db}.section-title strong{font-family:var(--serif);font-size:18px;line-height:1;color:#071d3d;letter-spacing:.2px}.section-title i{font-size:17px;margin-right:8px;color:#20374f}.ip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ip-card{height:116px;background:#fff;border:1px solid #e8ecef;border-radius:8px;box-shadow:0 4px 16px rgba(10,35,60,.06);display:grid;grid-template-columns:59px 1fr;gap:15px;align-items:start;padding:18px 18px}.ip-ico{width:52px;height:58px;display:flex;align-items:center;justify-content:center}.ip-ico img{display:block;max-width:100%;max-height:100%;object-fit:contain}.ip-card h3{font-family:var(--serif);font-size:13.5px;font-weight:700;margin:0 0 4px;color:#071d3d}.ip-card p{font-size:9.2px;line-height:1.25;color:#203247;margin:0 0 6px}.ip-card a{font-size:9.5px;color:#236386;white-space:nowrap}.ip-card a:hover{color:var(--gold)}
.fv-section{height:73px;background:#fff;border-top:1px solid #f3f4f5;padding:15px 0}.fv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.fv-item{display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:start;color:#335b5f}.fv-item>img{width:34px;height:34px;object-fit:contain;margin-top:0}.fv-item h4{font-family:var(--serif);font-size:12.5px;font-weight:500;color:#243040;margin:0 0 1px}.fv-item p{font-size:10.5px;color:#4f5d66;margin:0;line-height:1.25}
body.home .main-area,body.home .site-footer{display:none}.main-area{padding:36px 0 56px}.main-area>.container{display:grid;grid-template-columns:1fr;gap:28px}.main-col .item-page{max-width:860px}.main-col h1{font-family:var(--serif);font-size:34px;margin:0 0 16px}.main-col p{line-height:1.75}.article-info,dl.article-info,dd.createdby,dd.category-name,dd.published,dd.hits,dd.modifydate{display:none!important}.site-footer{background:#071d3d;color:#d9e3ea;text-align:center;padding:20px 0;font-size:13px}.site-footer p{margin:0}
@media(min-width:1201px){.hero-slide{background-size:cover;background-position:center center;background-repeat:no-repeat}}
@media(max-width:1080px){.main-nav ul{gap:18px}.algdz-lang-selector summary{min-width:62px}}
@media(max-width:980px){.main-nav ul{gap:15px}.logo-word{font-size:28px}.hero-copy{left:43%;width:54%;top:46px}.hero-h1{font-size:42px}.ql-grid{grid-template-columns:repeat(2,1fr)}.ip-grid{grid-template-columns:repeat(2,1fr)}.fv-section{height:auto}.fv-grid{grid-template-columns:repeat(2,1fr);gap:22px}.ql-card{grid-template-columns:98px 1fr 18px}}
@media(max-width:720px){.site-header,.header-inner{height:62px}.header-inner.container{padding-left:18px;padding-right:18px}.main-nav{display:none}.main-nav.mobile-open{display:block;position:absolute;top:62px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:12px 22px}.main-nav.mobile-open ul{display:flex;flex-direction:column;align-items:flex-start;gap:0}.main-nav.mobile-open a{padding:10px 0}.algdz-lang-selector summary{height:31px;min-width:58px}.algdz-lang-menu{right:-38px}.mobile-trigger{display:flex}.hero-banner{height:244px}.hero-slide{background-size:cover}.hero-control{width:28px;height:38px;font-size:26px}.hero-prev{left:8px}.hero-next{right:8px}.hero-copy{left:36%;right:14px;width:auto;top:52px}.hero-h1{font-size:34px}.hero-sub{font-size:12px}.hero-separator span{width:46px}.ql-section>.container,.ip-section>.container,.fv-section>.container{padding-left:18px;padding-right:18px}.ql-grid,.ip-grid,.fv-grid{grid-template-columns:1fr}.ql-card{height:96px}.ip-card{height:auto}.fv-section{height:auto;padding:18px 0}.logo-img{width:154px;height:auto}}

@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}