/*
Theme Name: Veo Veo
Version: 1.1
Text Domain: veoveo
*/
:root{--green:#afca40;--green-d:#8fa82c;--orange:#ff7d44;--text:#4a4a4a;--head:#333;--muted:#7b7b7b;--line:#e4e4e4;--bg:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Segoe UI',Arial,sans-serif}
a{color:#5c7a12}
a:hover{color:#000}
img{max-width:100%;height:auto}
.wrap{max-width:900px;margin:0 auto;padding:0 16px}

/* шапка */
.site-header{background:#fff url(assets/triangles.svg) repeat;border-bottom:4px solid var(--green)}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:22px;padding-bottom:14px}
.logo{display:inline-block;text-decoration:none;background:#fff;border-radius:999px;padding:8px 22px;box-shadow:0 2px 0 rgba(0,0,0,.06)}
.logo b{font:700 34px/1 'Segoe UI',Arial,sans-serif;letter-spacing:.5px;background:linear-gradient(90deg,#3aa6dd,#e94e8a 45%,#f5b400 75%,#7cc142);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo small{display:block;font-size:12px;color:var(--muted);text-align:center;margin-top:2px}
.nav{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.nav a{display:block;background:var(--green);color:#fff;text-decoration:none;font-size:17px;padding:4px 12px;border-radius:4px}
.nav a:hover,.nav .on a{background:var(--green-d);color:#fff}

/* контент */
.crumbs{font-size:13px;color:var(--muted);margin:18px 0 0}
.crumbs a{color:var(--muted)}
.content{padding:8px 0 32px}
.content h1{color:var(--head);font-size:30px;line-height:1.25;margin:14px 0 18px;font-weight:600}
.content h2{color:var(--head);font-size:23px;line-height:1.3;margin:30px 0 10px;padding-left:12px;border-left:5px solid var(--green)}
.content h3{color:var(--head);font-size:19px;margin:24px 0 8px}
.content ul{padding-left:22px}
.content li{margin:4px 0}
.content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px}
.content td,.content th{border:1px solid var(--line);padding:6px 8px}

/* блоки перелинковки */
.related{margin:28px 0 0;padding:16px 18px;background:#f7faee;border-radius:6px}
.related h2{margin:0 0 8px;border:0;padding:0;font-size:19px}
.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:4px;text-decoration:none}
.pager span{background:var(--green);color:#fff;border-color:var(--green)}

/* маленький блок главных ссылок на главной */
.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{border-top:4px solid var(--green);background:#fafafa;color:var(--muted);font-size:13px;padding:16px 0}
.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.site-footer a{color:var(--muted)}

@media (max-width:640px){
  .site-header .wrap{justify-content:center}
  .nav{justify-content:center}
  .nav a{font-size:15px;padding:3px 9px}
  .content h1{font-size:24px}
  .related ul,.hub-list{columns:1}
}