:root{--bg:#0b1220;--panel:#121d31;--line:#263b5e;--text:#edf4ff;--muted:#aebbd5;--accent:#ffd51f;--max:1120px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -15%,#20345c 0,transparent 35rem),var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65}
a{color:#bed4ff;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}
.site-header{border-bottom:1px solid var(--line);background:rgba(7,13,24,.82)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0}
.brand{font-size:22px;font-weight:900;color:#fff}.brand span{color:var(--accent)}.nav{display:flex;gap:14px}.nav a{font-size:14px;color:var(--muted)}
main{padding:40px 0 64px}.hero h1,.article h1{font-size:clamp(32px,5vw,54px);line-height:1.08;margin:0 0 16px}.hero p{font-size:18px;color:var(--muted);max-width:760px}
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:30px}.post-card{display:block;padding:22px;border:1px solid var(--line);background:rgba(18,29,49,.82);border-radius:16px;color:var(--text)}
.post-card:hover{text-decoration:none;border-color:#4a6692}.post-card h2{margin:8px 0 10px;line-height:1.22;font-size:22px}.post-card p,.meta{color:var(--muted)}.meta{font-size:12px}
.article{max-width:820px;margin:auto}.article h2{margin-top:34px;font-size:27px;line-height:1.2}.article p,.article li{font-size:17px;color:#d9e4f4}.lead{font-size:20px!important;color:#c7d5e9!important}
.notice{padding:15px 17px;border-left:3px solid var(--accent);background:rgba(255,213,31,.06);border-radius:8px}.pagination{display:flex;gap:8px;justify-content:center;margin:34px 0}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);border-radius:8px}
.footer{border-top:1px solid var(--line);padding:26px 0 42px;color:var(--muted);font-size:13px}.error{max-width:760px;margin:80px auto;text-align:center}
@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}}

.hero-image{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:16px;margin:0 0 22px}.seo-footer{margin:34px 0 10px;line-height:1.75}.seo-footer h2,.seo-footer h3{margin-top:1.5em}.seo-footer img{max-width:100%;height:auto}





/* seoHydra 1.1.6 - deterministic compact homepage hero */
.hero{
    max-height:none !important;
    overflow:visible !important;
    display:block !important;
}
.hero-visual{
    width:100%;
    min-height:0;
    max-height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin:0 0 22px;
}
.hero-visual .hero-image{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:min(100%,960px) !important;
    max-height:300px !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:14px;
    margin:0 auto !important;
}
.hero h1{
    margin-top:0 !important;
}
@media(max-width:700px){
    .hero-visual{
        max-height:220px;
        margin-bottom:18px;
    }
    .hero-visual .hero-image{
        max-height:220px !important;
        max-width:100% !important;
    }
}