/*
Theme Name: Shag v Kitai
Description: Posobie po Kitayu shag za shagom - kartochki shagov, checklisty, zelyonaya tema.
Version: 1.0
*/
:root{--sk-green:#0e6a3c;--sk-lime:#eaf3ee;--sk-ink:#152218;--sk-mut:#6b7a6f;--sk-amber:#c98a2b}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Trebuchet MS",Verdana,sans-serif;background:#f4f8f5;color:var(--sk-ink);line-height:1.65}
a{text-decoration:none;color:inherit}
.sk-head{background:var(--sk-green);color:#fff}
.sk-head .sk-in{max-width:1060px;margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.sk-head .sk-logo{font-size:22px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.sk-head .sk-logo em{font-style:normal;background:#fff;color:var(--sk-green);padding:1px 8px;border-radius:3px;margin-left:4px}
.sk-langs{display:flex;gap:4px}
.sk-langs a{font-size:12.5px;padding:5px 12px;border-radius:20px;border:1.5px solid rgba(255,255,255,.5);color:#fff}
.sk-langs a.on,.sk-langs a:hover{background:#fff;color:var(--sk-green)}
.sk-strip{background:#0b5230;color:#cfe4d6;font-size:13px;text-align:center;padding:7px 12px}
.sk-crumbs2{max-width:1060px;margin:0 auto;padding:0 20px}
.sk-tabs{max-width:1060px;margin:16px auto 0;padding:0 20px;display:flex;gap:10px;flex-wrap:wrap}
.sk-tabs a{background:#fff;border:1.5px solid #cfe0d5;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:700;color:var(--sk-green)}
.sk-tabs a.on,.sk-tabs a:hover{background:var(--sk-green);border-color:var(--sk-green);color:#fff}

/* step cards */
.sk-deck{max-width:1060px;margin:26px auto;padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sk-card{background:#fff;border:1.5px solid #d7e4da;border-radius:12px;padding:20px 22px;position:relative;overflow:hidden}
.sk-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--sk-green)}
.sk-card .sk-step{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--sk-green);color:#fff;font-weight:800;align-items:center;justify-content:center;font-size:15px;margin-bottom:10px}
.sk-card h3{font-size:18px;margin:0 0 6px}
.sk-card h3 a:hover{color:var(--sk-green)}
.sk-card p{font-size:13.5px;color:var(--sk-mut)}
.sk-card .sk-rub{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--sk-amber);font-weight:800}

/* checklist in article */
.sk-art{max-width:800px;margin:26px auto;background:#fff;border-radius:12px;border:1.5px solid #d7e4da;padding:38px 44px}
.sk-art .sk-crumb{font-size:12.5px;color:var(--sk-mut);margin-bottom:14px}
.sk-art .sk-crumb a{color:var(--sk-green)}
.sk-art .sk-eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--sk-amber);font-weight:800;margin-bottom:6px}
.sk-art h1{font-size:30px;line-height:1.25;margin-bottom:8px}
.sk-art .sk-sum{font-size:16px;color:#415047;background:var(--sk-lime);border-radius:8px;padding:14px 18px;margin:16px 0 8px}
.sk-art .sk-dt{font-size:12px;color:var(--sk-mut);margin:12px 0 24px}
.sk-art h2{font-size:21px;color:var(--sk-green);margin:28px 0 12px;padding-left:14px;border-left:5px solid var(--sk-amber)}
.sk-art p{margin:0 0 13px;font-size:15px}
.sk-art ul{margin:0 0 16px 6px;list-style:none}
.sk-art li{margin-bottom:8px;padding-left:28px;position:relative;font-size:15px}
.sk-art li::before{content:"✓";position:absolute;left:0;width:20px;height:20px;border-radius:5px;background:var(--sk-lime);color:var(--sk-green);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.sk-foot{background:var(--sk-ink);color:#93a797;text-align:center;padding:22px;font-size:13px}
.sk-foot a{color:#bfd8c6;margin:0 10px}
.sk-nav{max-width:800px;margin:0 auto 30px;padding:0 20px;display:flex;justify-content:space-between;font-size:14px}
.sk-nav a{color:var(--sk-green);font-weight:700}
@media(max-width:820px){.sk-deck{grid-template-columns:1fr}.sk-art{padding:26px 22px}}
/* ---- 2026-11 new: checklist / cities / facts / index ---- */
.sk-check,.sk-cities,.sk-all{max-width:1060px;margin:0 auto 28px;padding:0 20px}
.sk-h{font-size:12.5px;letter-spacing:2px;text-transform:uppercase;color:var(--sk-mut);margin:0 0 12px;display:flex;align-items:center;gap:10px;font-weight:800}
.sk-h::after{content:"";flex:1;height:1px;background:#d7e4da}
.sk-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.sk-chip{background:#fff;border:1.5px solid #d7e4da;border-radius:10px;padding:12px 13px;display:flex;flex-direction:column;gap:4px;min-height:108px}
.sk-chip b{font-size:12px;color:var(--sk-amber);font-weight:800}
.sk-chip span{font-size:13px;line-height:1.36;font-weight:600;color:var(--sk-ink)}
.sk-chip em{font-style:normal;font-size:11px;color:var(--sk-mut);margin-top:auto;text-transform:uppercase;letter-spacing:.05em}
.sk-chip:hover{border-color:var(--sk-green)}
.sk-city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sk-city{background:var(--sk-lime);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;border-left:4px solid var(--sk-green)}
.sk-city span{font-size:16px;font-weight:800;color:var(--sk-ink)}
.sk-city i{font-style:normal;font-size:12px;color:var(--sk-mut)}
.sk-facts{max-width:1060px;margin:0 auto 30px;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sk-fact{background:#0e6a3c;color:#eaf3ee;border-radius:10px;padding:14px 16px}
.sk-fact b{display:block;font-size:21px;font-weight:800;line-height:1.2}
.sk-fact span{font-size:12px;color:#bcdec9;display:block;margin-top:2px}
.sk-rows{background:#fff;border:1.5px solid #d7e4da;border-radius:12px;overflow:hidden}
.sk-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;padding:11px 18px;border-bottom:1px solid #eef4ef;align-items:center}
.sk-row:last-child{border-bottom:none}
.sk-row b{font-size:12px;color:var(--sk-amber)}
.sk-row span{font-size:14px;font-weight:600;color:var(--sk-ink)}
.sk-row i{font-style:normal;font-size:11.5px;color:var(--sk-mut);text-transform:uppercase;letter-spacing:.06em}
.sk-row:hover span{color:var(--sk-green)}
@media(max-width:820px){.sk-steps{grid-template-columns:1fr}.sk-city-grid,.sk-facts{grid-template-columns:repeat(2,1fr)}}