/*
Theme Name: Kiscats
Theme URI: https://kiscats.ru
Description: Тема Котоблога, перенесённая из статичной версии.
Version: 1.0.0
Author: Kiscats
Text Domain: kiscats
*/
:root{--ink:#252525;--muted:#747474;--line:#e8e8e8;--paper:#fff;--bg:#f1f1f1;--accent:#625f9b;--dark:#252525;--layout-gutter:clamp(20px,4vw,64px);--layout-column-gap:clamp(16px,2.25vw,32px)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font:300 16px/1.7 "Helvetica Neue",Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-shell{max-width:1120px;margin:30px auto;background:var(--paper);box-shadow:0 0 22px rgba(60,72,90,.2)}.site-header{padding:32px 40px 0}.brand{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.brand-logo{display:block;line-height:0}.brand-logo img{display:block;width:500px;max-width:100%;height:auto}.site-title{margin:0;font:700 48px/1.1 Georgia,serif}.site-title a{color:var(--ink)}.site-tagline{margin:8px 0 0;color:var(--muted);font-style:italic}.site-nav{margin-top:26px;border-top:1px dashed #cfcfcf;border-bottom:1px dashed #cfcfcf}.site-nav ul{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.site-nav a{display:block;padding:10px 26px 10px 0;color:var(--ink);font:400 17px/1.3 Georgia,serif}.site-nav a:hover{color:var(--accent);text-decoration:none}
.site-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--layout-column-gap);align-items:start;padding:clamp(40px,6vw,88px) var(--layout-gutter) clamp(28px,4vw,56px)}.content-column{grid-column:1 / span 8;min-width:0}.sidebar{grid-column:10 / -1;min-width:0;padding-top:3px}.entry{margin-bottom:clamp(48px,7vw,96px);padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}.entry:last-of-type{margin-bottom:36px}.entry-title{margin:0 0 8px;font:500 30px/1.25 Georgia,serif}.entry-title a{color:var(--ink)}.entry-meta{margin-bottom:16px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.entry-content{font-size:17px}.entry-content p{margin:0 0 1.2em}.entry-content img{display:block;margin:18px auto}.entry-content iframe{max-width:100%}.read-more{display:inline-block;margin-top:4px;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.page-title{margin:0 0 26px;font:500 14px/1.3 Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sidebar section{margin-bottom:34px}.sidebar h2{margin:0 0 10px;padding:7px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:500 17px/1.3 Georgia,serif}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{margin:0 0 7px;font-size:14px}.sidebar .tagcloud{line-height:2}.sidebar .tag-cloud-link{border-bottom:1px dotted #bbb;color:var(--ink);margin-right:8px}.pagination{display:flex;justify-content:space-between;margin:10px 0 30px;padding-top:20px;border-top:1px dashed #ccc}.site-footer{padding:28px 40px;background:#292929;color:#bcbcbc;border-top:8px solid #1e1e1e;font-size:13px}.site-footer a{color:#ddd}.search-form{display:flex;gap:6px}.search-field{min-width:0;width:100%;padding:9px;border:1px solid var(--line);font:inherit}.search-submit{padding:9px 12px;border:0;background:var(--dark);color:white;cursor:pointer}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.comments-area{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}

/* Editorial masthead */
.skip-link{position:fixed;z-index:10;top:12px;left:12px;transform:translateY(-160%);padding:9px 14px;background:var(--ink);color:#fff;font-size:14px;transition:transform .2s ease}.skip-link:focus{transform:translateY(0);outline:2px solid var(--accent);outline-offset:2px}.site-header{padding:0 var(--layout-gutter)}.header-topline{display:flex;justify-content:space-between;gap:20px;padding:13px 0 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.brand{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:clamp(26px,4vw,46px) 0 clamp(22px,3vw,32px)}.brand-logo{display:block;line-height:0}.brand-logo img{display:block;width:min(500px,72vw);height:auto}.brand-note{max-width:210px;margin:0 0 8px;color:var(--muted);font:italic 16px/1.35 Georgia,serif;text-align:right}.site-nav{margin:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.site-nav ul{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.site-nav li{position:relative}.site-nav a{display:block;padding:13px 16px 12px 0;margin-right:16px;color:var(--ink);font:500 13px/1.3 "Helvetica Neue",Arial,sans-serif;letter-spacing:.015em;transition:color .2s ease}.site-nav a::after{position:absolute;right:16px;bottom:-1px;left:0;height:2px;background:var(--accent);content:"";transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.site-nav .current-menu-item>a,.site-nav .current-menu-ancestor>a,.site-nav a:hover{color:var(--accent);text-decoration:none}.site-nav .current-menu-item>a::after,.site-nav .current-menu-ancestor>a::after,.site-nav a:hover::after{transform:scaleX(1)}.site-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:800px){.header-topline{font-size:9px}.header-topline span:last-child{display:none}.brand{align-items:flex-start;padding:26px 0 22px}.brand-logo img{width:min(420px,100%)}.brand-note{display:none}.site-nav a{padding:11px 12px 10px 0;margin-right:12px;font-size:12px}}

/* Publication layout. Articles without media keep their full text width. */
:root {
  --footer-bg: #363436;
  --footer-text: #faf8fa;
  --footer-muted: #bdb7bf;
  --footer-accent: #ff1686;
  --footer-watermark: #4b484c;
}
.site-footer {
  position: relative;
  overflow: hidden;
  padding: clamp(48px,6vw,80px) var(--layout-gutter) 100px;
  border: 0;
  background: var(--footer-bg);
  color: var(--footer-text);
  font-size: 14px;
  line-height: 1.7;
}
.footer-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(150px,190px) minmax(150px,190px);
  gap: 48px;
  max-width: 1260px;
  margin: 0 auto;
}
.site-footer .footer-logo {
  display: inline-block;
  color: var(--footer-accent);
  font-size: clamp(30px,3vw,38px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.055em;
  text-decoration: none;
}
.footer-logo span { font-size: .7em; }
.footer-tagline { margin: 12px 0 22px; color: var(--footer-muted); }
.site-footer .footer-feed { display: inline-flex; align-items: center; gap: 9px; color: var(--footer-muted); }
.footer-description { margin: 22px 0 16px; color: var(--footer-muted); }
.footer-copyright { margin: 0; color: var(--footer-muted); font-size: 12px; }
.footer-nav h2 { margin: 0 0 12px; color: var(--footer-muted); font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: .06em; }
.footer-nav ul { margin: 0; padding: 0; list-style: none; }
.footer-nav li { margin: 0 0 5px; }
.site-footer .footer-nav a { color: var(--footer-text); text-underline-offset: 4px; }
.site-footer a:hover { color: var(--footer-accent); }
.site-footer a:focus-visible { outline: 2px solid var(--footer-accent); outline-offset: 5px; }
.footer-watermark { position: absolute; bottom: -.19em; left: 0; color: var(--footer-watermark); font-size: clamp(64px,11vw,160px); font-weight: 900; letter-spacing: -.06em; line-height: 1; white-space: nowrap; pointer-events: none; user-select: none; }
@media(max-width:800px) {
  .footer-inner { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 24px; }
  .footer-brand { grid-column: 1 / -1; }
}

:is(.blog,.archive,.search) .content-column {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 40px var(--layout-column-gap);
  align-items: start;
}
:is(.blog,.archive,.search) .content-column > :is(.page-title,.pagination) { grid-column: 1 / -1; margin: 0; }
:is(.blog,.archive,.search) .entry { min-width: 0; margin: 0; padding: 0 0 28px; border-bottom: 1px solid var(--line); }
:is(.blog,.archive,.search) .entry:nth-of-type(3n) { grid-column: 1 / -1; }
:is(.blog,.archive,.search) .entry.has-entry-media:nth-of-type(3n) {
  display: grid;
  grid-template-columns: minmax(0,3fr) minmax(0,2fr);
  gap: var(--layout-column-gap);
  align-items: start;
}
.entry-copy { min-width: 0; overflow-wrap: anywhere; }
.entry-media { display: block; overflow: hidden; margin-bottom: 16px; aspect-ratio: 4 / 3; background: var(--line); }
.entry-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
:is(.blog,.archive,.search) .entry-title { font-size: clamp(22px,2.2vw,30px); }
:is(.blog,.archive,.search) .entry-content { font-size: 15px; line-height: 1.6; }
.sidebar { overflow-wrap: anywhere; }
.search-submit { flex-shrink: 0; white-space: nowrap; }
/* Sidebar: compact navigation rail */
.sidebar{padding:2px 0 0 clamp(18px,2vw,28px);border-left:1px solid var(--line)}.sidebar-kicker{margin:0 0 18px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.sidebar-content{display:grid;gap:0}.sidebar section{margin:0;padding:0 0 26px}.sidebar h2{position:relative;margin:0 0 10px;padding:0 0 10px;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:500 17px/1.25 Georgia,serif}.sidebar h2::after{position:absolute;bottom:-1px;left:0;width:28px;height:2px;background:var(--accent);content:""}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{position:relative;margin:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);font-size:13px;line-height:1.35}.sidebar li:last-child{border-bottom:0}.sidebar li a{display:block;padding:7px 0;color:var(--ink);transition:color .2s ease,transform .2s ease}.sidebar li a:hover{color:var(--accent);text-decoration:none;transform:translateX(3px)}.sidebar .tagcloud{line-height:1.8}.sidebar .tag-cloud-link{display:inline-block;margin:0 8px 4px 0;padding:1px 0;border-bottom:1px solid var(--line);color:var(--ink);transition:color .2s ease,border-color .2s ease}.sidebar .tag-cloud-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.sidebar .search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.sidebar .search-field{min-height:40px;padding:8px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font-size:13px}.sidebar .search-field:focus{outline:0;border-color:var(--accent);box-shadow:0 2px 0 -1px var(--accent)}.sidebar .search-submit{min-height:40px;padding:8px 11px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.04em;transition:background .2s ease,transform .2s ease}.sidebar .search-submit:hover{background:var(--accent)}.sidebar .search-submit:active{transform:translateY(1px)}.sidebar a:focus-visible,.sidebar .search-field:focus-visible,.sidebar .search-submit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:980px) {
  .site-main { grid-template-columns: minmax(0,1fr) minmax(190px,24%); }
  .content-column { grid-column: 1; }
  .sidebar { grid-column: 2; }
  :is(.blog,.archive,.search) .content-column { grid-template-columns: minmax(0,1fr); }
  :is(.blog,.archive,.search) .entry.has-entry-media:nth-of-type(3n) { display: block; }
  .sidebar{padding-left:18px}
}
@media(max-width:800px) {
  .site-shell { margin: 0; box-shadow: none; }
  .site-header { padding: 24px 20px 0; }
  .brand { display: block; }
  .site-title { font-size: 38px; }
  .site-nav a { padding-right: 18px; font-size: 15px; }
  .site-main { display: block; padding: 30px 20px; }
  .sidebar { margin-top: 44px; padding:32px 0 0; border-top: 1px solid var(--line); border-left:0; }
  .site-footer { padding: 44px 20px 88px; }
  .entry-title { font-size: 26px; }
}
