:root { color-scheme:light; font-family:"Segoe UI",Tahoma,Arial,sans-serif; background:#f6f5ef; color:#173832; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at top,#dff2eb 0,#f7f6f1 34%,#f7f6f1 100%); }
main { width:min(860px,calc(100% - 32px)); margin:36px auto; padding:clamp(22px,5vw,48px); border:1px solid #d9e4e0; border-radius:28px; background:rgba(255,255,255,.94); box-shadow:0 20px 50px rgba(22,67,58,.08); }
header { display:flex; gap:16px; align-items:center; padding-bottom:22px; border-bottom:1px solid #e0e8e5; }
header img { width:70px; height:70px; border-radius:18px; }
h1 { margin:0; font-size:clamp(27px,5vw,42px); }
h2 { margin:28px 0 9px; font-size:20px; color:#0c6b5d; }
p,li { line-height:1.85; color:#4b625d; }
p.lead { margin:24px 0 6px; padding:16px 18px; border-radius:16px; background:#edf7f3; color:#234f47; font-size:16px; }
li strong { color:#274f48; }
.meta { margin-top:5px; color:#758680; font-size:13px; }
.english { margin-top:38px; padding-top:30px; border-top:2px solid #0c6b5d; direction:ltr; text-align:left; }
a { color:#0c6b5d; font-weight:700; }
.back { display:inline-flex; margin-top:26px; padding:11px 16px; border-radius:12px; background:#e7f3ef; text-decoration:none; }
@media (max-width:520px) { main{margin:16px auto;border-radius:20px} header{align-items:flex-start} header img{width:56px;height:56px} }