/* Технические и доступностные правки поверх оригинального дизайна (внешний вид не меняется) */
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#20211f;color:#f4f1ea;padding:12px 20px;font-size:14px;transition:top .2s}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid #9a7842;outline-offset:3px}
footer :focus-visible,.aristocrat :focus-visible,.darksection :focus-visible,.darkbreak :focus-visible{outline-color:#d8b97a}
main:focus{outline:0}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
html,body{max-width:100%;overflow-x:clip}

/* Исправление: заголовок и текст в тёмной карточке были нечитаемы (светлый текст на светлом фоне) */
article.featured{background:#20211f;color:#f4f1ea}
article.featured p,article.featured .task-examples li{color:#f4f1eacc}
article.featured a{color:#d8b97a}

/* Исправление: границы в подвале были невидимы на тёмном фоне */
.fbottom a{border-bottom-color:#f4f1ea40}
.legal-info{border-top-color:#f4f1ea26}
.legal-info p{line-height:1.7}

/* Форма: состояния */
#status{min-height:1.5em;line-height:1.6}
#status.ok{color:#3b6b45}
#status.err{color:#a3281f}
#status a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#form button[disabled]{opacity:.65;cursor:progress}
#form textarea:focus,#form input:focus{outline:2px solid #9a7842;outline-offset:1px}

/* Исправление: мобильное меню было прозрачным, с мелкими ссылками поверх контента */
.menu{min-width:44px;min-height:44px}
@media(max-width:900px){
  header.menu-open{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f4f1ea}
  nav.open{display:flex;flex-direction:column;gap:0;position:fixed;top:84px;left:0;right:0;bottom:0;z-index:19;background:#f4f1ea;padding:8px 6vw max(32px,env(safe-area-inset-bottom));overflow-y:auto;border:0;font-size:inherit}
  nav.open a{font:500 26px/1.2 "Playfair Display",serif;color:#20211f;padding:18px 0;border-bottom:1px solid #20211f1f}
  body.menu-lock{overflow:hidden}
}
@media(max-width:600px){nav.open{top:70px}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}

/* Исправление: логотип в hero был смещён влево внутри серой рамки */
.heroart picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.heroart picture img{margin:0 auto}