body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;margin:0;background:#F1F0FE}
.site-head,.site-foot{padding:12px 16px;border-bottom:1px solid #eee}
.site-foot{border-top:1px solid #eee;border-bottom:0}
.container{max-width:960px;margin:24px auto;padding:0 16px}
.pill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 16px}
.pill-list a{border:1px solid #ddd;border-radius:999px;padding:6px 10px;text-decoration:none}
.pill-list a:hover{text-decoration:underline}
.pill-list__link.is-active{background:#4031a0;color:#fff;border-color:#4031a0;font-weight:600}
.pill-list__link.is-active:hover{text-decoration:none}

/* Layout shell paddings and window */
.site-shell{padding:5px}
@media (min-width:768px){.site-shell{padding:20px}}
.layout{display:grid;grid-template-columns:1fr;gap:12px;max-width:1200px;margin:0 auto}
.layout.with-sidebar{grid-template-columns:260px 1fr}
.sidebar{background:#fff;border-radius:40px 0 0 40px;padding:12px;transform:translateX(-110%);transition:transform .25s ease}
.sidebar.open{transform:translateX(0)}
@media (min-width:768px){.sidebar{transform:none;border-radius:40px;padding:16px}}
.sidebar-toggle{background:#fff;border:1px solid #ddd;border-radius:999px;padding:6px 10px;margin-right:8px}
@media (min-width:768px){.sidebar-toggle{display:none}}
.side-brand{display:block;margin:0 0 12px;font-weight:700;text-decoration:none}
.has-sidebar .site-head .brand{display:none}
.city-select{margin:0 0 12px}
.city-select-toggle{width:100%;text-align:center;padding:10px 12px;border:1px solid #ddd;border-radius:10px;background:#eee}
.city-menu{list-style:none;padding:8px 0;margin:8px 0 0;border:1px solid #eee;border-radius:8px}
.city-menu li a{display:block;padding:8px 12px;text-decoration:none}
.city-menu li a:hover{background:#f6f6f6}
.cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cat-list__link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;text-decoration:none;border:1px solid transparent}
.cat-list__link:hover{background:#f6f6f6;border-color:#eee}
.cat-list__link.is-active{background:#eef;border-color:#dfe}
.cat-icon{width:10px;height:10px;border-radius:50%;background:#ccc;display:inline-block}
.content{background:#FFFAF6;border-radius: 0 40px 40px 0;padding:12px}
@media (min-width:768px){.content{border-radius:40px;padding:20px}}