/*
Theme Name: La Guarde
Version: 1.2
Text Domain: laguarde
*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500;700&family=Varela+Round&display=swap');
:root{--blue:#4064d7;--blue-d:#2f4fb5;--soft:#eef2fc;--text:#3a3a3a;--head:#222;--muted:#767676;--line:#e2e5ee;--bg:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Varela Round',Arial,sans-serif}
a{color:var(--blue)}
a:hover{color:var(--blue-d)}
img{max-width:100%;height:auto}
.wrap{max-width:920px;margin:0 auto;padding:0 16px}

/* шапка */
.site-header{background:var(--blue);border-bottom:4px solid var(--blue-d)}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;padding-bottom:16px}
.logo{display:inline-block;text-decoration:none;color:#fff}
.logo b{display:block;font:700 30px/1 'Rubik',Arial,sans-serif;letter-spacing:.3px;color:#fff}
.logo small{display:block;font-size:12px;color:rgba(255,255,255,.8);margin-top:4px}
.nav{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.nav a{display:block;color:#fff;text-decoration:none;font-size:16px;padding:5px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.45)}
.nav a:hover,.nav .on a{background:#fff;color:var(--blue)}

/* контент */
.crumbs{font-size:13px;color:var(--muted);margin:18px 0 0}
.crumbs a{color:var(--muted)}
.content{padding:8px 0 32px}
.content h1,.content h2,.content h3{font-family:'Rubik',Arial,sans-serif;color:var(--head)}
.content h1{font-size:32px;line-height:1.2;margin:14px 0 18px;font-weight:700}
.content h2{font-size:24px;line-height:1.3;margin:32px 0 10px;font-weight:500}
.content h2::after{content:"";display:block;width:48px;height:3px;background:var(--blue);margin-top:6px;border-radius:2px}
.content h3{font-size:19px;margin:24px 0 8px;font-weight:500}
.content ul{padding-left:22px}
.content li{margin:4px 0}
.content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px;display:block;overflow-x:auto}
.content th{background:var(--soft);text-align:left}
.content td,.content th{border:1px solid var(--line);padding:7px 9px}

/* блоки перелинковки */
.related{margin:28px 0 0;padding:16px 18px;background:var(--soft);border-radius:10px}
.related h2{margin:0 0 8px;font-size:19px}
.related h2::after{display:none}
.related ul{margin:0;padding-left:20px;columns:2;column-gap:24px}
.hub-list{columns:2;column-gap:28px;padding-left:20px}
.hub-list li{break-inside:avoid}
.pager{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}
.pager a,.pager span{padding:3px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none}
.pager span{background:var(--blue);color:#fff;border-color:var(--blue)}

/* маленький блок главных ссылок на главной */
.main-links{font-size:12px;line-height:1.5;color:var(--muted);text-align:center;margin:10px 0 0}
.main-links a{color:var(--muted);text-decoration:none}
.main-links a:hover{text-decoration:underline}

/* подвал */
.site-footer{background:#3a3a3a;color:#cfcfcf;font-size:13px;padding:16px 0}
.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.site-footer a{color:#cfcfcf}

@media (max-width:640px){
  .site-header .wrap{justify-content:center;text-align:center}
  .nav{justify-content:center}
  .nav a{font-size:14px;padding:4px 10px}
  .content h1{font-size:25px}
  .related ul,.hub-list{columns:1}
}