/*
 * The Russian article tags (tag.php), not redesigned: they wait for the
 * decision on the old blog (docs/2026-10-31-redesign-followups-task.md).
 * Their rules, as they were in the old style.css and chrome.css on
 * 2026-10-31 - the page shell, the heading, the cards of post.php and the
 * pagination of navigation.php. Loaded on tag pages only (chrome.php).
 * Goes when tag.php goes.
 */

@media (max-width: 1279px) {
.container {display:block;width:100%;margin:0 0 10px 0;line-height: 1.5;position:relative;}
.main {width:100%;background:#fff;display:block;position:relative;}
.post_block {display:block;width:100%;margin:0;position:relative;}
.post_block > a {text-decoration:none;}
.post_block_thumb_bg {display:block;width:100%;height:calc(100vw * 0.6667);position:relative;}
.post_block_thumb {display:block;width:100%;height:calc(100vw * 0.6667);background-repeat: no-repeat; background-position: 50% 50%;background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");background-color:#fff;background-size:100% calc(100vw * 0.6667);position:relative;}
.post_block_thumb:after {content: ''; position: absolute;right: 0; bottom: 0;border: 30px solid transparent;border-right: 30px solid #fff;border-bottom: 30px solid #fff; transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.post_block_tag {display:block;position:absolute;bottom:0;left:5%;text-decoration: none;background: rgba(29, 92, 212, 0.6);-webkit-transition: background-color .2s ease-out;-o-transition: background-color .2s ease-out;transition: background-color .2s ease-out;padding: 10px 24px;color:#fff;border-radius: 0px 2px 2px 0px;border: 1px solid rgba(250, 251, 255, 0.2);text-transform: uppercase;font-weight:700;margin:0 20px 0 0;backdrop-filter: blur(8px);font-size:80%;}
.post_block_cat {display:block;color:#35426F;font-weight:700;font-size:112%;text-decoration:none;margin:20px 5% 0 5%;}
.post_block_title {display:block;width:90%;font-size:112%;line-height:1.4;font-weight:400;color:#35426F;margin:20px 5% 0 5%;}
.post_block_desc {display:-webkit-box;width:90%;font-size:90%;line-height:1.5;color:#5A6485;margin:20px 5% 0 5%;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;}
.posts_grid {display:flex;flex-wrap:wrap;clear:both;}
.cat_post_block {display:block;width:100%;margin:0 0 50px 0;position:relative;}
.cattitle {display:block;width:96%;margin:20px 2%;font-size:130%;}
}
@media (min-width: 1280px) {
.container {display:block;width:100%;}
.main {width:1280px;margin:0 auto;}
.post_block {display:block;width:330px;margin:0;}
.post_block > a {text-decoration:none;}
.post_block_thumb_bg {display:block;width:330px;height:220px;}
.post_block_thumb {display:block;width:330px;height:220px;background-repeat: no-repeat; background-position: 50% 50%;background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");background-color:#fff;background-size:330px 220px;position:relative;}
.post_block_thumb:after {content: ''; position: absolute;right: 0; bottom: 0;border: 30px solid transparent;border-right: 30px solid #fff;border-bottom: 30px solid #fff; transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.post_block_tag {display:block;position:absolute;top:174px;left:0;text-decoration: none;background-color: #3570c9;-webkit-transition: background-color .2s ease-out;-o-transition: background-color .2s ease-out;transition: background-color .2s ease-out;padding: 10px 24px;color:#fff;border-radius: 0px 2px 2px 0px;border: 1px solid rgba(250, 251, 255, 0.2);text-transform: uppercase;font-weight:700;margin:0 20px 0 0;backdrop-filter: blur(8px);font-size:62%;}
.post_block_tag:hover {background-color:#0d4fb2;color:#fff;}
.post_block_cat {display:block;color:#35426F;margin:10px 0 0 0;font-weight:700;font-size:18px;text-decoration:none;}
.post_block_cat:hover {text-decoration:underline;}
.post_block_title {display:block;width:100%;font-size:18px;line-height:1.4;font-weight:400;color:#35426F;margin:10px 0 0 0;}
.post_block_title:hover {text-decoration:underline;}
.post_block_desc {display:-webkit-box;width:100%;font-size:14px;line-height:1.5;color:#5A6485;margin:10px 0 0 0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;}
.posts_grid {display:flex;flex-wrap:wrap;gap:40px 144px;clear:both;}
.cat_post_block {display:block;width:330px;min-height:420px;margin:0;position:relative;}
.cattitle {display:block;width:100%;margin:20px 0;font-size:20px;text-align:left;}

/* From chrome.css: the shell at min(1280px, 100% - 48px), so the scrollbar
   does not push it sideways, and three 330px cards to a row with the
   leftover width shared out as the two gaps. */
.wg-v2 .main {width: min(1280px, 100% - 48px);}
.wg-v2 .posts_grid {column-gap: max(24px, calc((100% - 990px) / 2));}
}

.navigation {display:block;width:100%;margin:20px 0 40px 0;text-align:center;}
.navigation .page-numbers {display:inline-block;min-width:36px;height:36px;line-height:36px;margin:0 4px;padding:0 4px;text-align:center;font-weight:700;font-size:16px;color:#3570c9;text-decoration:none;border-radius:4px;}
.navigation a.page-numbers:hover {background-color:#3570c9;color:#fff;}
.navigation span.page-numbers.current {background-color:#3570c9;color:#fff;}
.navigation .page-numbers.dots {color:#8293aa;font-weight:400;}