/* Работы Б. А. Федотова — простой строгий стиль, без анимаций */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fbfaf7;color:#222;font:17px/1.55 Georgia,"Times New Roman",serif}
a{color:#1f2a44}
a:hover{color:#000}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}

.top{border-bottom:1px solid #d9d4c8;background:#fbfaf7}
.top__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding:16px 20px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#222;font-size:22px}
.logo{width:86px;height:auto;color:#1f2a44}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 26px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px}
nav a{text-decoration:none;color:#555}
nav a:hover{color:#000;text-decoration:underline}
nav a[aria-current=page]{color:#000;text-decoration:underline;text-underline-offset:5px}

main.wrap{padding:36px 20px 56px}
h1{font-weight:normal;font-size:34px;line-height:1.2;margin:0 0 12px}
h2{font-weight:normal;font-size:26px;line-height:1.25;margin:0 0 20px}
.lead{max-width:680px;margin:0 0 28px;color:#444}

.toc{list-style:none;margin:0 0 48px;padding:14px 0;border-top:1px solid #d9d4c8;display:flex;flex-wrap:wrap;gap:8px 28px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px}
.toc span{color:#888}

section{padding-top:28px;margin-bottom:28px;border-top:1px solid #d9d4c8}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:32px 28px;align-items:start}
figure{margin:0}
figure img{border:1px solid #e3dfd5;background:#eee}
figcaption{margin-top:8px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.45;color:#555}
figcaption b{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:16px;color:#222}
figcaption small{color:#888;font-size:13px}
.up{margin:20px 0 0;font-family:system-ui,sans-serif;font-size:14px}

.book{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:28px 0;border-top:1px solid #d9d4c8}
.book img{border:1px solid #e3dfd5}
.book h2{font-size:24px;margin:0 0 4px}
.book .sub{margin:0 0 12px;color:#555;font-style:italic}
.book dl{margin:0 0 12px;display:grid;grid-template-columns:max-content 1fr;gap:2px 14px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}
.book dt{color:#888}
.book dd{margin:0}
.mail{font-size:22px}

.foot{border-top:1px solid #d9d4c8;padding:24px 0 36px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;color:#555}
.foot p{margin:4px 0}

@media (max-width:640px){
  body{font-size:16px}
  .logo{width:64px}
  .brand{font-size:19px}
  h1{font-size:28px}
  .grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}
  .book{grid-template-columns:110px 1fr;gap:16px}
}
nav .lang{padding-left:18px;border-left:1px solid #d9d4c8}
@media (max-width:640px){nav .lang{padding-left:0;border-left:0}}