:root {
--zr-paper: #F3F1EA;
--zr-white: #FFFFFF;
--zr-ink: #121212;
--zr-muted: #3A3935;
--zr-soft: #4A4843;
--zr-pink: #FF3E8A;
--zr-pink-ink: #C0145A;
--zr-pink-light: #FF7FB0;
--zr-green: #00A36C;
--zr-tape: rgba(255, 230, 140, 0.9);
--zr-display: "Dela Gothic One", "Arial Black", sans-serif;
--zr-serif: "PT Serif", Georgia, serif;
--zr-mono: "PT Mono", "Courier New", monospace;
--zr-hand: "Caveat", cursive;
--zr-yeseva: "Yeseva One", Georgia, serif;
--fs-xl: 42px;
--fs-l: 32px;
--fs-m: 24px;
--fs-s: 20px;
--fs-body: 18px;
--fs-small: 16px;
--fs-meta: 13px;
--fs-hand-l: 28px;
--fs-hand: 24px;
--zr-halftone: radial-gradient(circle, #121212 1.5px, transparent 2.2px) 0 0 / 8px 8px, #B9B6AE;
}
body.zr { margin: 0; background: var(--zr-paper); color: var(--zr-ink); font-family: var(--zr-serif); font-size: var(--fs-body); line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: clip; }
@media (max-width: 700px) {
:root { --fs-l: 26px; --fs-m: 20px; --fs-s: 18px; --fs-body: 17px; --fs-hand-l: 24px; --fs-hand: 22px; --fs-xl: 32px; }
}
.zr *, .zr *::before, .zr *::after { box-sizing: border-box; }
.zr a { color: inherit; text-decoration: none; transition: color .15s, background-color .15s, border-color .15s, filter .15s; }
.zr a:hover { color: inherit; text-decoration-line: underline; }
.zr img { max-width: 100%; height: auto; display: block; }
.zr h1, .zr h2, .zr h3, .zr h4 { color: var(--zr-ink); letter-spacing: 0; }
.zr :focus-visible { outline: 3px solid var(--zr-pink); outline-offset: 2px; }
.zr-container { width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.zr-main { display: block; overflow-x: clip; }
.zr-skip { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--zr-ink); color: #fff; padding: 10px 16px; }
.zr-skip:focus { left: 10px; top: 10px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.zr-h2 { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-xl); line-height: 1; text-transform: uppercase; }
.zr-h2--sm { font-size: var(--fs-xl); margin-bottom: 28px !important; }
.zr-sub { display: block; margin-top: 4px; font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand-l); line-height: 1.15; color: var(--zr-pink-ink); }
.zr-hand, .zr a.zr-hand { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand); line-height: 1.1; color: var(--zr-pink-ink); }
.zr-kicker, .zr a.zr-kicker { display: inline-block; font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; letter-spacing: .02em; color: var(--zr-pink-ink); }
.zr-meta { font-family: var(--zr-mono); font-size: 13px; }
.zr .zr-btn {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-start;
min-height: 48px;
padding: 0 22px;
margin: 0;
border: 3px solid var(--zr-ink);
border-radius: 0;
background: transparent;
color: var(--zr-ink);
font-family: var(--zr-mono);
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
line-height: 1.2;
cursor: pointer;
text-decoration: none;
box-shadow: none;
}
.zr .zr-btn:hover { background: var(--zr-ink); color: var(--zr-paper); text-decoration: none; }
.zr .zr-btn--pink { border-color: var(--zr-pink-ink); color: var(--zr-pink-ink); font-family: var(--zr-display); text-transform: none; font-size: 14px; }
.zr .zr-btn--pink:hover { background: var(--zr-pink-ink); color: #fff; }
.zr .zr-btn--dark { background: var(--zr-ink); color: #fff; font-family: var(--zr-display); font-size: 14px; }
.zr .zr-btn--dark:hover { background: var(--zr-pink-ink); border-color: var(--zr-pink-ink); color: #fff; }
.zr .zr-btn--sm { min-height: 44px; padding: 0 14px; border-width: 2px; font-size: 13px; text-transform: none; }
.zr .zr-btn--light { border-color: var(--zr-paper); color: var(--zr-paper); font-family: var(--zr-display); }
.zr .zr-btn--light:hover { background: var(--zr-paper); color: var(--zr-ink); }
.zr .zr-btn--pinklight { border-color: var(--zr-pink-light); color: var(--zr-pink-light); font-family: var(--zr-display); }
.zr .zr-btn--pinklight:hover { background: var(--zr-pink-light); color: var(--zr-ink); }
.zr .zr-iconbtn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: var(--zr-ink);
cursor: pointer;
}
.zr .zr-iconbtn:hover { color: var(--zr-pink-ink); background: transparent; }
.zr-tape { position: absolute; width: 110px; height: 30px; background: var(--zr-tape); pointer-events: none; }
.zr-tape--tl { left: -18px; top: -8px; transform: rotate(-28deg); }
.zr-tape--tr { right: -18px; top: -8px; transform: rotate(24deg); }
.zr-tape--br { right: -18px; bottom: -6px; transform: rotate(-28deg); }
.zr-tape--top { left: 50%; top: -14px; margin-left: -60px; width: 120px; transform: rotate(-3deg); }
.zr-sheet { position: relative; background: var(--zr-white); box-shadow: 0 8px 22px rgba(18, 18, 18, .08); }
.zr-ruled { border-top: 4px solid var(--zr-ink); padding-top: 48px; }
.zr-logo { display: inline-flex; align-items: center; color: var(--zr-ink); white-space: nowrap; }
.zr-logo__z { background: var(--zr-green); padding: 3px 12px 7px; transform: rotate(-1.5deg); font-family: var(--zr-display); font-size: 34px; line-height: 1; color: var(--zr-ink); }
.zr-logo__i { margin: 0 15px 0 9px; font-family: var(--zr-hand); font-weight: 700; font-size: 41px; line-height: .8; transform: rotate(-8deg); }
.zr-logo__r { background: var(--zr-pink); padding: 1px 12px 7px; transform: rotate(2deg); font-family: var(--zr-yeseva); font-size: 36px; line-height: 1; color: var(--zr-ink); }
.zr-logo--footer .zr-logo__i { color: var(--zr-paper); }
.zr-header { position: relative; z-index: 20; background: var(--zr-paper); border-bottom: 4px solid var(--zr-ink); }
.zr-header__row { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 108px; }
.zr-menu { display: flex; gap: 22px; margin: 0; padding: 0; list-style: none; font-family: var(--zr-mono); font-size: 14px; text-transform: uppercase; }
.zr-menu .current-menu-item > a, .zr-menu .current-post-ancestor > a, .zr-menu .current-menu-parent > a, .zr-menu .current-category-ancestor > a { color: var(--zr-pink-ink); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.zr-header__actions { display: flex; align-items: center; gap: 8px; }
.zr-burger { display: none !important; }
.zr-search { border-top: 1px solid var(--zr-ink); padding: 16px 0; }
.zr-search__form { display: flex; gap: 10px; }
.zr-search__form input[type="search"], .zr-drawer__search input {
flex: 1;
min-height: 48px;
padding: 0 14px;
border: 3px solid var(--zr-ink);
border-radius: 0;
background: #fff;
font-family: var(--zr-mono);
font-size: 15px;
color: var(--zr-ink);
}
.zr-search__form--page { margin-top: 24px; max-width: 640px; }
.zr-drawer { position: fixed; inset: 0; z-index: 50; background: rgba(18, 18, 18, .4); }
.zr-drawer__inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: min(360px, 100%);
background: var(--zr-paper);
padding: 72px 24px 32px;
display: flex;
flex-direction: column;
gap: 22px;
overflow-y: auto;
align-items: stretch;
text-align: center;
}
.zr-drawer__close { position: absolute; top: 12px; right: 12px; }
body.admin-bar .zr-drawer { top: 32px; }
@media (max-width: 782px) {
body.admin-bar .zr-drawer { top: 46px; }
}
.zr-menu--drawer, .zr-drawer .zr-menu { flex-direction: column; gap: 0; font-size: 16px; }
.zr-drawer .zr-menu li { border-bottom: 1px solid var(--zr-ink); }
.zr-drawer .zr-menu a { display: block; padding: 14px 0; }
.zr-drawer__search { display: flex; width: 100%; }
.zr-drawer__search input { width: 100%; }
.zr-menu--drawer { flex-direction: column; gap: 0; font-size: 16px; }
.zr-menu--drawer li { border-bottom: 1px solid var(--zr-ink); }
.zr-menu--drawer a { display: block; padding: 14px 0; }
.zr-drawer .zr-btn { align-self: stretch; }
.zr-drawer__link { font-family: var(--zr-mono); font-size: 14px; }
body.zr-lock { overflow: hidden; }
.zr-section { padding: 0 0 72px; }
.zr-section__head { margin-bottom: 8px; }
.zr-section__head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.zr-hero { padding: 44px 0 72px; }
.zr-hero__grid { display: grid; grid-template-columns: 7fr 5fr; gap: 32px; align-items: stretch; }
.zr-hero__img { position: relative; display: block; min-height: 500px; }
.zr-hero__pic, .zr-hero__img .zr-thumb--empty { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zr-hero__sheet { padding: 44px 36px 36px; display: flex; flex-direction: column; gap: 18px; }
.zr-hero__title { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-l); line-height: 1.12; }
.zr-hero__lede { margin: 0; font-size: 17px; line-height: 1.55; }
.zr-hero__more { margin-top: auto; font-size: var(--fs-hand-l) !important; }
.zr-thumb--empty { display: block; background: var(--zr-halftone); }
.zr-thumb { width: 100%; }
.zr-insides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 64px; margin-bottom: 28px; }
.zr-inside { padding: 24px 0; border-bottom: 1px solid var(--zr-ink); display: flex; flex-direction: column; gap: 8px; }
.zr-inside__title { margin: 0; font-family: var(--zr-serif); font-weight: 700; font-size: var(--fs-s); line-height: 1.25; }
.zr-inside__ex { margin: 0; font-size: 16px; line-height: 1.5; color: var(--zr-muted); }
.zr-notice { padding: 40px 0 72px; }
.zr-notice__frame { border: 4px solid var(--zr-pink); }
.zr-notice__inner { background: var(--zr-paper); padding: 56px 64px; display: grid; grid-template-columns: 5fr 6fr; gap: 48px; align-items: center; }
.zr-notice__title { margin: 0 0 20px; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-l); line-height: 1.02; text-transform: uppercase; }
.zr-notice__text p { margin: 0 0 24px; font-size: 18px; line-height: 1.5; max-width: 480px; }
.zr-notice__btns { display: flex; flex-wrap: wrap; gap: 12px; }
.zr-postcard {
position: relative;
background: #fff;
box-shadow: 0 10px 24px rgba(18, 18, 18, .12);
padding: 26px 30px 24px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto;
column-gap: 26px;
row-gap: 16px;
min-height: 340px;
}
.zr-postcard__msg { border-right: 1.5px solid var(--zr-ink); padding-right: 26px; display: flex; align-items: flex-end; }
.zr-postcard__lines { width: 100%; font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand); line-height: 36px; background: repeating-linear-gradient(transparent 0 35px, var(--zr-ink) 35px 36px); }
.zr-postcard__addr { display: flex; flex-direction: column; gap: 12px; }
.zr-stamp { align-self: flex-end; width: 74px; height: 88px; padding: 4px; border: 3px dotted var(--zr-pink); display: flex; }
.zr-stamp span { flex: 1; background: var(--zr-pink); display: flex; align-items: center; justify-content: center; color: var(--zr-ink); }
.zr-postcard__row { display: flex; align-items: baseline; gap: 8px; border-bottom: 1.5px solid var(--zr-ink); }
.zr-postcard__row small { font-family: var(--zr-mono); font-size: 11px; white-space: nowrap; }
.zr-postcard__row b { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-s); line-height: 1.3; }
.zr-postcard__index { grid-column: 1 / -1; display: flex; align-items: flex-end; gap: 5px; }
.zr-postcard__index i { width: 19px; height: 28px; border: 1.5px solid var(--zr-ink); }
.zr-postcard__index small { margin-left: 8px; font-family: var(--zr-mono); font-size: 10px; text-transform: uppercase; }
.zr-guides__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 64px; align-items: start; }
.zr-guides__list { margin: 28px 0 28px; padding: 0; list-style: none; border-top: 1px solid var(--zr-ink); }
.zr-guides__list li { border-bottom: 1px solid var(--zr-ink); }
.zr-guides__list a { display: flex; align-items: center; gap: 24px; padding: 18px 0; }
.zr-guides__list a:hover { text-decoration: none; }
.zr-guides__n { width: 54px; flex-shrink: 0; font-family: var(--zr-display); font-size: var(--fs-l); line-height: 1; color: var(--zr-pink-ink); }
.zr-guides__txt { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.zr-guides__title { font-family: var(--zr-display); font-size: var(--fs-m); line-height: 1.15; }
.zr-guides__ex { font-size: 16px; color: var(--zr-muted); }
.zr-doc {
position: relative;
margin-top: 150px;
background: #fff;
padding: 28px;
display: flex;
flex-direction: column;
gap: 12px;
min-height: 420px;
font-family: var(--zr-mono);
font-size: 13px;
line-height: 1.5;
box-shadow: 0 8px 22px rgba(18, 18, 18, .08);
}
.zr-doc__to { text-align: right; }
.zr-doc__title { text-align: center; font-weight: 700; font-size: 14px; margin-top: 10px; }
.zr-doc__sign { margin-top: auto; }
.zr-readmore .zr-container { border-top: 4px solid var(--zr-ink); padding-top: 48px; }
.zr-readmore__viewport { overflow: hidden; margin-bottom: 32px; }
.zr-readmore__track { display: flex; gap: 32px; transition: transform .35s ease; }
.zr-readmore__slide { flex: 0 0 calc((100% - 96px) / 4); }
.zr-arrows { display: flex; gap: 10px; }
.zr .zr-arrow {
width: 52px;
height: 52px;
padding: 0;
border: 3px solid var(--zr-ink);
border-radius: 0;
background: transparent;
color: var(--zr-ink);
font-family: var(--zr-display);
font-size: 20px;
cursor: pointer;
}
.zr .zr-arrow:hover { background: var(--zr-ink); color: var(--zr-paper); }
.zr .zr-arrow[disabled] { opacity: .3; cursor: default; background: transparent; color: var(--zr-ink); }
.zr-card { display: flex; flex-direction: column; gap: 10px; }
.zr-card__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 4px; }
.zr-card__img .zr-thumb, .zr-card__img .zr-thumb--empty { width: 100%; height: 100%; object-fit: cover; }
.zr-card__img:hover .zr-thumb, .zr-card__img:hover .zr-thumb--empty { filter: brightness(.9); }
.zr-card__title { margin: 0; font-family: var(--zr-serif); font-weight: 700; font-size: var(--fs-s); line-height: 1.25; }
.zr-card__ex { margin: 0; font-size: 15px; line-height: 1.45; color: var(--zr-muted); }
.zr-card__date { font-family: var(--zr-mono); font-size: 12px; }
.zr-archive__head { padding-top: 48px; padding-bottom: 36px; }
.zr-archive__title { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-xl); line-height: 1.05; text-transform: uppercase; overflow-wrap: break-word; hyphens: auto; }
.zr-featured { display: grid; grid-template-columns: 7fr 5fr; gap: 32px; align-items: center; border-top: 4px solid var(--zr-ink); padding-top: 40px; padding-bottom: 56px; }
.zr-featured__img { display: block; aspect-ratio: 16 / 11; overflow: hidden; }
.zr-featured__img img, .zr-featured__img .zr-thumb--empty { width: 100%; height: 100%; object-fit: cover; }
.zr-featured__txt { display: flex; flex-direction: column; gap: 14px; }
.zr-featured__title { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-l); line-height: 1.12; }
.zr-featured__txt p { margin: 0; font-size: 17px; }
.zr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; row-gap: 48px; border-top: 1px solid var(--zr-ink); padding-top: 44px; }
.zr-pagination { display: flex; justify-content: center; gap: 6px; padding-top: 56px; padding-bottom: 80px; font-family: var(--zr-mono); font-size: 16px; }
.zr-pagination .page-numbers { min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.zr-pagination .current { color: var(--zr-pink-ink); border-bottom: 3px solid var(--zr-pink-ink); }
.zr-empty { padding: 40px 20px 100px; }
.zr-author { display: grid; grid-template-columns: 300px 1fr; gap: 56px; align-items: center; padding-top: 64px; padding-bottom: 56px; }
.zr-author__photo { position: relative; }
.zr-author__photo img { width: 100%; aspect-ratio: 5 / 6; object-fit: cover; }
.zr-author__txt { display: flex; flex-direction: column; gap: 12px; }
.zr-author__txt .zr-archive__title { text-transform: none; }
.zr-author__txt p { margin: 0; max-width: 640px; font-size: 18px; }
.zr .zr-h2--sm + * { margin-top: 0; }
.zr-single__head { max-width: 920px; padding-top: 36px; padding-bottom: 40px; display: flex; flex-direction: column; gap: 18px; }
.zr-crumbs { display: flex; gap: 10px; font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; }
.zr-crumbs .is-current { color: var(--zr-pink-ink); }
.zr-single__title { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-xl); line-height: 1.1; }
.zr-lede { margin: 0; font-size: var(--fs-s); line-height: 1.5; }
.zr-byline { display: flex; align-items: center; gap: 14px; padding-top: 16px; border-top: 1px solid var(--zr-ink); }
.zr-byline__ava img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.zr-byline__name { display: block; font-weight: 700; font-size: 16px; }
.zr-cover { margin: 0 auto 8px; }
.zr-cover__img { position: relative; }
.zr-cover__img img { width: 100%; max-height: 620px; object-fit: cover; }
.zr-cover figcaption, .zr-content figcaption, .zr-about__photo figcaption { display: flex; gap: 12px; align-items: baseline; margin-top: 12px; font-style: italic; font-size: 15px; line-height: 1.45; color: var(--zr-soft); }
.zr-cover figcaption::before, .zr-content figcaption::before, .zr-about__photo figcaption::before { content: ""; width: 24px; height: 3px; flex-shrink: 0; background: var(--zr-pink); transform: translateY(-4px); }
.zr-content { max-width: 760px; margin: 0 auto; padding: 56px 20px 72px; font-size: var(--fs-body); line-height: 1.65; }
.zr-content > * { margin-top: 0; margin-bottom: 24px; }
.zr-content h2 { margin-top: 44px; margin-bottom: 16px; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-m); line-height: 1.15; }
.zr-content h3 { margin-top: 32px; margin-bottom: 12px; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-s); line-height: 1.2; }
.zr-content a { text-decoration: underline; text-decoration-color: var(--zr-pink); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.zr-content a:hover { color: var(--zr-pink-ink); }
.zr-content strong { font-weight: 700; }
.zr-content ul, .zr-list { padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px; }
.zr-content ul li, .zr-list li { position: relative; padding-left: 26px; }
.zr-content ul li::before, .zr-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 10px; height: 10px; background: var(--zr-pink); }
.zr-content ol { padding-left: 0; list-style: none; counter-reset: zr; display: flex; flex-direction: column; gap: 14px; }
.zr-content ol li { position: relative; padding-left: 40px; counter-increment: zr; }
.zr-content ol li::before { content: counter(zr) "."; position: absolute; left: 0; top: 0; font-family: var(--zr-mono); color: var(--zr-pink-ink); }
.zr-content blockquote, .zr-content .wp-block-quote, .zr-content .wp-block-pullquote {
position: relative;
margin: 36px 0;
padding: 26px 28px 22px 72px;
border: 0;
background: var(--zr-white);
box-shadow: 6px 6px 0 rgba(18, 18, 18, .08);
font-family: var(--zr-serif);
font-size: 20px;
line-height: 1.5;
font-style: italic;
text-align: left;
}
.zr-content blockquote::before {
content: "«";
position: absolute;
left: 20px;
top: 14px;
font-family: var(--zr-yeseva);
font-size: 64px;
line-height: 1;
font-style: normal;
color: var(--zr-pink);
}
.zr-content blockquote::after { content: ""; position: absolute; top: -12px; left: 28px; width: 110px; height: 26px; background: var(--zr-tape); transform: rotate(-4deg); }
.zr-content blockquote p { margin: 0; font-size: inherit; font-style: italic; }
.zr-content blockquote p + p { margin-top: 12px; }
.zr-content blockquote cite { display: block; margin-top: 14px; font-family: var(--zr-mono); font-size: var(--fs-meta); font-style: normal; line-height: 1.4; color: var(--zr-soft); }
.zr-content .wp-block-image, .zr-content figure.wp-block-embed, .zr-content .wp-block-gallery { margin-left: -120px; margin-right: -120px; }
.zr-content .wp-block-image img { width: 100%; }
.zr-content .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }
.zr-content .wp-block-file { display: flex; align-items: center; gap: 20px; padding: 20px 24px; border: 3px solid var(--zr-ink); }
.zr-content .wp-block-file > a:first-child { flex: 1; font-family: var(--zr-display); font-size: 18px; text-decoration: none; }
.zr-content .wp-block-file .wp-block-file__button {
margin: 0;
padding: 12px 18px;
border-radius: 0;
background: var(--zr-ink);
color: #fff;
font-family: var(--zr-mono);
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
}
.zr-content .wp-block-file .wp-block-file__button:hover { background: var(--zr-pink-ink); }
.zr-content .is-style-zr-sheet { position: relative; background: #fff; padding: 36px 36px 30px; box-shadow: 0 8px 22px rgba(18, 18, 18, .08); }
.zr-content .is-style-zr-sheet::before {
content: "";
position: absolute;
left: 50%;
top: -14px;
margin-left: -60px;
width: 120px;
height: 30px;
background: var(--zr-tape);
transform: rotate(-3deg);
}
.zr-content .is-style-zr-sheet h3, .zr-content .is-style-zr-sheet h2 { margin-top: 0; font-size: var(--fs-s); text-transform: uppercase; }
.zr-content .is-style-zr-sheet > *:last-child { margin-bottom: 0; }
.zr-content .is-style-zr-notebook { position: relative; margin: 36px -60px 32px; padding: 32px 48px 32px 104px; font-size: 18px; line-height: 32px; background: linear-gradient(90deg, transparent 72px, #FF8FB5 72px 74px, transparent 74px), repeating-linear-gradient(to bottom, #fff 0 31px, #DCD7CC 31px 32px); box-shadow: 0 10px 26px rgba(18, 18, 18, .10); }
.zr-content .is-style-zr-notebook::before, .zr-content .is-style-zr-notebook::after { content: ""; position: absolute; top: -10px; width: 120px; height: 30px; background: var(--zr-tape); }
.zr-content .is-style-zr-notebook::before { left: -14px; transform: rotate(-24deg); }
.zr-content .is-style-zr-notebook::after { right: -14px; transform: rotate(24deg); }
.zr-content .is-style-zr-notebook > * { margin: 0 !important; }
.zr-content .is-style-zr-notebook h2 { font-size: var(--fs-m); line-height: 64px; height: 64px; margin-bottom: 32px !important; text-transform: uppercase; }
.zr-content .is-style-zr-notebook ul { gap: 0; }
.zr-content .is-style-zr-notebook li::before { top: 11px; }
.zr-content .is-style-zr-notebook ul + .is-style-zr-hand { margin-top: 32px !important; }
.zr-content .is-style-zr-hand, .zr-content--free .is-style-zr-hand { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand-l); line-height: 32px; color: var(--zr-pink-ink); }
.zr-content .is-style-zr-cta { margin-top: 12px; padding: 22px 26px; border: 3px solid var(--zr-ink); font-weight: 700; }
.zr-content .is-style-zr-cta a { color: var(--zr-pink-ink); }
.zr-content .is-style-zr-label { font-family: var(--zr-mono); font-size: 14px; text-transform: uppercase; color: var(--zr-pink-ink); }
.zr-content .is-style-zr-document { position: relative; background: #fff; padding: 56px 64px 64px; box-shadow: 0 12px 30px rgba(18, 18, 18, .10); }
.zr-content .is-style-zr-document::before {
content: "";
position: absolute;
left: 50%;
top: -16px;
margin-left: -75px;
width: 150px;
height: 36px;
background: var(--zr-tape);
transform: rotate(-3deg);
}
.zr-content .is-style-zr-document h2 { margin-top: 0; text-align: center; text-transform: uppercase; letter-spacing: .06em; }
.zr-content .is-style-zr-document ol li { padding-bottom: 20px; border-bottom: 1px solid var(--zr-ink); }
.zr-tags { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 12px; font-family: var(--zr-mono); font-size: 14px; }
.zr-content .zr-tags a { color: var(--zr-pink-ink); text-decoration: none; }
.zr-share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; }
.zr-share__label { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand); color: var(--zr-pink-ink); margin-right: 4px; }
.zr-content .zr-share .zr-btn { text-decoration: none; }
.zr-authorcard {
position: relative;
display: grid;
grid-template-columns: 88px minmax(0, 1fr);
gap: 22px;
align-items: start;
margin-top: 40px;
padding: 30px 28px 26px;
background: var(--zr-white);
box-shadow: 6px 6px 0 rgba(18, 18, 18, .08);
}
.zr-authorcard::before { content: ""; position: absolute; top: -12px; left: 36px; width: 110px; height: 26px; background: var(--zr-tape); transform: rotate(-3deg); }
.zr-authorcard__ava { display: block; width: 88px; height: 88px; border-radius: 50%; }
.zr-authorcard__ava img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; display: block; }
.zr-authorcard__txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.zr .zr-authorcard__name { font-family: var(--zr-display); font-size: var(--fs-s); line-height: 1.15; color: var(--zr-ink); text-decoration: none; }
.zr .zr-authorcard__name:hover { text-decoration: underline; text-decoration-color: var(--zr-pink); }
.zr-authorcard__role { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand); line-height: 1.1; color: var(--zr-pink-ink); }
.zr-content .zr-authorcard__bio { margin: 8px 0 4px; font-size: var(--fs-small); line-height: 1.55; color: var(--zr-muted); }
.zr .zr-authorcard__more { align-self: flex-start; text-decoration: none; }
.zr-content--page { padding-top: 16px; }
.zr-page .zr-ruled { padding-top: 0; }
.zr-about__intro { display: grid; grid-template-columns: 7fr 5fr; gap: 32px; align-items: stretch; padding-bottom: 80px; }
.zr-about__intro > :only-child { grid-column: 1 / -1; }
.zr-content--free { max-width: none; margin: 0; padding: 0; }
.zr-content--free > p:first-child { font-family: var(--zr-yeseva); font-size: var(--fs-l); line-height: 1.28; }
.zr-about__photo { margin: 0; display: flex; flex-direction: column; }
.zr-about__photo img { flex: 1; width: 100%; object-fit: cover; }
.zr-about__rubrics { display: grid; grid-template-columns: 4fr 7fr; gap: 64px; padding-bottom: 80px; }
.zr-rubrics { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--zr-ink); }
.zr-rubrics li { border-bottom: 1px solid var(--zr-ink); }
.zr-rubrics a { display: flex; align-items: center; gap: 24px; padding: 22px 0; }
.zr-rubrics a > span:first-child { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.zr-rubrics__name { font-family: var(--zr-display); font-size: var(--fs-l); line-height: 1; }
.zr-rubrics__txt { font-size: 17px; }
.zr-content .zr-team { margin-left: -120px; margin-right: -120px; }
.zr-topics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding-bottom: 48px; }
.zr-topics > div { display: flex; flex-direction: column; align-items: flex-start; }
.zr-topics > div > .zr-hand { margin-top: auto; padding-top: 8px; }
.zr-topics h3 { margin: 0 0 8px; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-s); line-height: 1.15; }
.zr-topics p { margin: 0 0 8px; font-size: 16px; }
.zr-contact__grid { display: grid; grid-template-columns: 7fr 4fr; gap: 64px; align-items: start; border-top: 1px solid var(--zr-ink); padding-top: 48px; padding-bottom: 88px; }
.zr-form { display: flex; flex-direction: column; gap: 20px; }
.zr-form__title { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-l); }
.zr-form label { display: flex; flex-direction: column; gap: 8px; font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; }
.zr-form input[type="text"], .zr-form textarea {
width: 100%;
padding: 14px 16px;
border: 2px solid var(--zr-ink);
border-radius: 0;
background: #fff;
font-family: var(--zr-serif);
font-size: 17px;
text-transform: none;
color: var(--zr-ink);
box-shadow: none;
}
.zr-form input[type="text"] { min-height: 52px; }
.zr-form input:focus, .zr-form textarea:focus { outline: 3px solid var(--zr-pink); outline-offset: 0; border-color: var(--zr-ink); }
.zr-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.zr-form__topics { margin: 0; border: 0; flex-wrap: wrap; gap: 10px; }
.zr-form__topics legend { font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; }
.zr-form .zr-chip {
flex-direction: row;
align-items: center;
gap: 10px;
min-height: 46px;
padding: 0 16px;
border: 2px solid var(--zr-ink);
cursor: pointer;
font-family: var(--zr-serif);
font-size: 16px;
text-transform: none;
}
.zr-form .zr-chip:has(input:checked) { border-color: var(--zr-pink-ink); }
.zr-form input[type="radio"], .zr-form input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--zr-pink-ink); }
.zr-form .zr-check { flex-direction: row; font-family: var(--zr-serif); font-size: 16px; text-transform: none; }
.zr-form .zr-check a { color: var(--zr-pink-ink); text-decoration: underline; }
.zr-form__msg { margin: 0; padding: 14px 18px; border: 2px solid var(--zr-pink-ink); color: var(--zr-pink-ink); }
.zr-form__msg--ok { border-color: var(--zr-green); color: #006b47; }
.zr-hp { position: absolute; left: -9999px; }
.zr-contact__aside { display: flex; flex-direction: column; gap: 40px; }
.zr-contact__aside .zr-sheet { padding: 34px 28px 28px; }
.zr-contact__aside h3 { margin: 0 0 14px; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-s); text-transform: uppercase; }
.zr-contact__aside .zr-list { margin: 0; font-size: 16px; }
.zr-direct { display: flex; flex-direction: column; gap: 14px; }
.zr-direct a { display: flex; flex-direction: column; gap: 2px; }
.zr-direct__label { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand); line-height: 1.1; color: var(--zr-pink-ink); }
.zr-direct__soon { display: flex; flex-direction: column; gap: 2px; opacity: .55; }
.zr-direct small { font-family: var(--zr-mono); font-size: 12px; text-transform: uppercase; }
.zr-direct b { font-size: var(--fs-s); }
.zr-404 { position: relative; background: var(--zr-ink); color: var(--zr-paper); padding: 60px 20px 100px; text-align: center; overflow: hidden; }
.zr-404__torn {
position: relative;
width: min(600px, 90%);
height: 200px;
margin: 0 auto 40px;
padding-top: 36px;
background: #fff;
color: var(--zr-ink);
transform: rotate(-2deg);
font-family: var(--zr-display);
font-size: 36px;
letter-spacing: .14em;
clip-path: polygon(0 0, 100% 0, 100% 62%, 92% 78%, 84% 60%, 75% 88%, 66% 70%, 57% 96%, 48% 74%, 38% 92%, 29% 66%, 20% 86%, 11% 64%, 0 80%);
}
.zr-404__num { font-family: var(--zr-display); font-size: 170px; line-height: 1; }
.zr-404__txt { margin: 12px 0 28px; font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-l); color: var(--zr-pink-light); }
.zr-404__btns { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }
.zr-404__btns .zr-btn { align-self: auto; }
.zr-footer { background: var(--zr-ink); color: var(--zr-paper); padding: 52px 0 30px; }
.zr-footer__grid { display: grid; grid-template-columns: 4fr 2fr 3fr 3fr; gap: 32px; padding-bottom: 36px; }
.zr-footer__label { display: block; margin-bottom: 10px; font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand); color: var(--zr-pink-light); }
.zr-footer__menu { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 15px; }
.zr-footer a { color: var(--zr-paper); }
.zr-footer .zr-logo:hover { color: inherit; }
.zr-socials { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px; }
.zr-socials a { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--zr-paper); }
.zr-socials a:hover { background: var(--zr-paper); color: var(--zr-ink); }
.zr-footer__bottom { display: flex; justify-content: space-between; gap: 16px; padding-top: 20px; border-top: 1px solid rgba(243, 241, 234, .3); font-family: var(--zr-mono); font-size: 13px; color: #CFCBC0; }
.zr-footer__bottom a { color: #CFCBC0; }
@media (max-width: 1200px) {
.zr-content blockquote, .zr-content .wp-block-quote, .zr-content .wp-block-pullquote, .zr-content .wp-block-image, .zr-content figure.wp-block-embed, .zr-content .wp-block-gallery, .zr-content .zr-team { margin-left: 0; margin-right: 0; }
.zr-content .is-style-zr-notebook { margin-left: 0; margin-right: 0; }
.zr-menu { gap: 16px; font-size: 13px; }
}
@media (max-width: 1024px) {
.zr-nav, .zr-header__cta, .zr-search-toggle { display: none !important; }
.zr-burger { display: inline-flex !important; }
.zr-header__row { min-height: 68px; }
.zr-logo--header .zr-logo__z { font-size: 24px; padding: 2px 8px 5px; }
.zr-logo--header .zr-logo__i { font-size: 30px; margin: 0 10px 0 6px; }
.zr-logo--header .zr-logo__r { font-size: 26px; padding: 0 8px 5px; }
.zr-hero__grid, .zr-featured, .zr-guides__grid, .zr-about__intro, .zr-about__rubrics, .zr-contact__grid, .zr-author, .zr-notice__inner { grid-template-columns: minmax(0, 1fr); }
.zr-guides .zr-doc { display: none; }
.zr-readmore__slide { flex-basis: calc((100% - 32px) / 2); }
.zr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zr-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zr-footer__grid { grid-template-columns: 1fr 1fr; }
.zr-author { gap: 28px; }
.zr-author__photo { max-width: 260px; }
}
@media (max-width: 700px) {
.zr-container { padding-left: 16px; padding-right: 16px; }
.zr-ruled, .zr-readmore .zr-container { padding-top: 32px; }
.zr .zr-btn { align-self: stretch; }
.zr-section { padding-bottom: 48px; }
.zr-hero { padding: 24px 0 40px; }
.zr-hero__img { min-height: 230px; }
.zr-hero__sheet { padding: 22px 18px 20px; gap: 12px; }
.zr-insides { grid-template-columns: 1fr; }
.zr-notice { padding: 24px 0 40px; }
.zr-notice__inner { padding: 32px 22px; gap: 28px; }
.zr-notice__text p { font-size: 16px; }
.zr-postcard { grid-template-columns: 1fr; min-height: 0; padding: 18px 16px; }
.zr-postcard__msg { display: none; }
.zr-guides__list a { gap: 14px; align-items: flex-start; }
.zr-guides__list .zr-hand { display: none; }
.zr-guides__n { width: 30px; }
.zr-readmore__slide { flex-basis: 100%; }
.zr-readmore .zr-section__head--row { flex-direction: column; align-items: flex-start; }
.zr-readmore .zr-arrows { align-self: flex-end; order: 3; }
.zr-archive__head { padding-top: 28px; padding-bottom: 24px; }
.zr-grid { grid-template-columns: 1fr; }
.zr-lede { font-size: 18px; }
.zr-cover { padding: 0; }
.zr-cover figcaption { padding: 0 16px; }
.zr-content { padding: 32px 16px 48px; }
.zr-content h2 { margin-top: 32px; }
.zr-content blockquote, .zr-content .wp-block-quote { padding: 22px 18px 18px 52px; font-size: 18px; }
.zr-content blockquote::before { left: 12px; font-size: 48px; }
.zr-content .is-style-zr-notebook { padding: 32px 16px 32px 56px; font-size: 16px; background: linear-gradient(90deg, transparent 40px, #FF8FB5 40px 42px, transparent 42px), repeating-linear-gradient(to bottom, #fff 0 31px, #DCD7CC 31px 32px); }
.zr-content .is-style-zr-sheet { padding: 26px 20px 22px; }
.zr-content .is-style-zr-document { padding: 40px 22px; }
.zr-content .zr-team { flex-wrap: wrap; }
.zr-share { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.zr-share__label { grid-column: 1 / -1; margin: 0; }
.zr .zr-share .zr-btn { min-height: 44px; padding: 0 8px; font-size: 13px; }
.zr-topics { grid-template-columns: 1fr; }
.zr-form__row { grid-template-columns: 1fr; }
.zr-rubrics .zr-hand { display: none; }
.zr-404__num { font-size: 110px; }
.zr-404__torn { font-size: 22px; height: 150px; padding-top: 30px; }
.zr-single__head { padding-bottom: 28px; }
.zr-byline .zr-meta { display: block; font-size: 12px; }
.zr-footer__grid { grid-template-columns: 1fr; text-align: center; justify-items: center; gap: 24px; }
.zr-footer__rubrics { display: none; }
.zr-footer__menu { align-items: center; }
.zr-socials { justify-content: center; }
.zr-footer__bottom { flex-direction: column; align-items: center; text-align: center; }
.zr-logo--footer .zr-logo__z { font-size: 26px; }
.zr-logo--footer .zr-logo__i { font-size: 30px; }
.zr-logo--footer .zr-logo__r { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.zr-readmore__track { transition: none; }
}
.zr-footer .zr-menu { flex-direction: column; gap: 8px; font-family: var(--zr-serif); font-size: 15px; text-transform: none; }
.zr-footer .zr-menu .current-menu-item > a { color: var(--zr-pink-light); text-decoration: none; }
.zr a { text-decoration-thickness: 2px; text-decoration-color: var(--zr-pink); text-underline-offset: .32em; text-decoration-skip-ink: none; }
.zr a.zr-hand:hover, .zr a:hover .zr-hand { color: var(--zr-pink); }
.zr .zr-guides__list a:hover .zr-hand, .zr .zr-rubrics a:hover .zr-hand, .zr .zr-authorcard__more:hover, .zr .zr-direct a:hover b, .zr .zr-byline a:hover { text-decoration: underline 2px var(--zr-pink); text-underline-offset: .32em; text-decoration-skip-ink: none; }
.zr .zr-guides__list a:hover, .zr .zr-rubrics a:hover, .zr a.zr-authorcard:hover, .zr .zr-direct a:hover { text-decoration-line: none; color: inherit; }
.zr .zr-guides__list a:hover .zr-guides__title, .zr .zr-rubrics a:hover .zr-rubrics__name { text-decoration: none; color: var(--zr-ink); }
.zr .zr-hand, .zr .zr-direct b { text-decoration-thickness: 2px; text-decoration-color: var(--zr-pink); text-underline-offset: .32em; text-decoration-skip-ink: none; }
.zr .zr-card__img, .zr .zr-featured__img, .zr .zr-hero__img, .zr .zr-byline__ava, .zr .zr-authorcard__ava { overflow: hidden; }
.zr .zr-card__img img, .zr .zr-featured__img img, .zr .zr-hero__img img, .zr .zr-thumb--empty { transition: filter .2s, transform .3s; }
.zr a:hover > .zr-thumb, .zr a:hover > img, .zr .zr-hero__img:hover .zr-hero__pic, .zr a:hover .zr-thumb--empty { filter: brightness(.88); }
.zr .zr-menu a:hover { color: var(--zr-pink-ink); text-decoration-line: underline; }
.zr .zr-footer a:hover { color: var(--zr-pink-light); text-decoration-color: var(--zr-pink-light); }
.zr .zr-footer .zr-socials a:hover { text-decoration: none; }
.zr .zr-pagination a:hover { color: var(--zr-pink-ink); }
.zr a.zr-logo:hover { text-decoration: none; }
.zr .zr-logo span { transition: transform .2s; }
.zr .zr-logo:hover .zr-logo__z { transform: rotate(-3deg); }
.zr .zr-logo:hover .zr-logo__r { transform: rotate(4deg); }
.zr a.zr-btn:hover, .zr .zr-share a:hover, .zr .zr-content .zr-tags a:hover { text-decoration: none; }
.zr .zr-content .zr-tags a:hover { color: var(--zr-ink); }
.zr .zr-form__file:hover { border-color: var(--zr-pink-ink); }
.zr .zr-form .zr-check { display: flex; align-items: flex-start; gap: 10px; }
.zr .zr-form .zr-check input { flex-shrink: 0; margin-top: 3px; }
.zr .zr-form .zr-check a { text-decoration-line: underline; }
.zr .zr-form__file input[type="file"] { font-family: var(--zr-mono); font-size: 13px; text-transform: none; }
.zr .zr-form__file input[type="file"]::file-selector-button {
margin-right: 12px;
padding: 10px 14px;
border: 2px solid var(--zr-ink);
border-radius: 0;
background: transparent;
color: var(--zr-ink);
font-family: var(--zr-mono);
font-size: 13px;
text-transform: uppercase;
cursor: pointer;
}
.zr .zr-form__file input[type="file"]::file-selector-button:hover { background: var(--zr-ink); color: var(--zr-paper); }
@media (max-width: 700px) {
.zr-h2, .zr-archive__title, .zr-single__title { hyphens: auto; overflow-wrap: break-word; }
.zr .zr-section .zr-btn, .zr .zr-notice__btns .zr-btn, .zr .zr-empty .zr-btn { width: 100%; }
.zr-notice__btns { flex-direction: column; }
.zr-guides__grid, .zr-about__rubrics, .zr-contact__grid, .zr-about__intro, .zr-author { gap: 24px; }
.zr-section__head--row { margin-bottom: 20px; }
.zr-grid { row-gap: 0; padding-top: 8px; }
.zr-grid .zr-card { display: grid; grid-template-columns: 104px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; align-content: start; padding: 16px 0; border-bottom: 1px solid var(--zr-ink); }
.zr-grid .zr-card__img { grid-row: 1 / span 4; aspect-ratio: 1 / 1; margin: 0; }
.zr-grid .zr-card__ex { display: none; }
.zr-grid .zr-card__title { font-size: 17px; }
.zr-grid .zr-kicker, .zr-grid .zr-card__date { font-size: 11px; }
.zr-author { grid-template-columns: 96px minmax(0, 1fr); align-items: start; padding-top: 28px; padding-bottom: 32px; }
.zr-author__photo { max-width: 96px; }
.zr-author__photo .zr-tape { width: 60px; height: 18px; }
.zr-author__txt { gap: 6px; }
.zr-author__txt p { font-size: 16px; }
.zr-topics { gap: 20px; padding-bottom: 32px; }
.zr-topics > div > .zr-hand { padding-top: 4px; }
.zr-about__intro { padding-bottom: 48px; }
.zr-about__rubrics { padding-bottom: 48px; }
.zr-rubrics a { padding: 16px 0; }
}
.zr button.zr-iconbtn, .zr .zr-iconbtn:hover, .zr .zr-iconbtn:focus { background: transparent; box-shadow: none; border: 0; }
@media (max-width: 700px) {
.zr-inside__ex { display: none; }
.zr-inside { padding: 18px 0; gap: 6px; }
}
.zr-inside { align-items: flex-start; }
.zr-inside > .zr-hand { margin-top: auto; padding-top: 4px; }
.zr-card { height: 100%; }
.zr-card > .zr-card__date { margin-top: auto; }
.zr-featured__txt > .zr-hand { margin-top: 8px; }
.zr-footer .zr-socials { display: grid; grid-template-columns: repeat(3, 46px); gap: 10px; }
@media (max-width: 700px) {
.zr-footer .zr-socials { justify-content: center; }
}
.zr .zr-form__topics { display: block; padding: 0; background: none; box-shadow: none; }
.zr .zr-form__topics legend { margin: 0 0 10px; padding: 0; }
.zr .zr-form__opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; padding: 20px 22px; background: #fff; box-shadow: 0 8px 22px rgba(18, 18, 18, .08); }
.zr .zr-form .zr-chip, .zr .zr-form .zr-check {
position: relative;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
min-height: 0;
padding: 3px 0;
border: 0;
background: none;
font-family: var(--zr-serif);
font-size: 17px;
line-height: 1.35;
text-transform: none;
color: var(--zr-ink);
cursor: pointer;
}
.zr .zr-form .zr-chip input, .zr .zr-form .zr-check input { position: absolute; opacity: 0; width: 22px; height: 22px; margin: 0; cursor: pointer; }
.zr .zr-form .zr-chip span, .zr .zr-form .zr-check span { position: relative; padding-left: 34px; }
.zr .zr-form .zr-chip span::before, .zr .zr-form .zr-check span::before {
content: "";
position: absolute;
left: 0;
top: 1px;
width: 22px;
height: 22px;
border: 2px solid var(--zr-ink);
background: #fff;
box-sizing: border-box;
}
.zr .zr-form .zr-chip span::after, .zr .zr-form .zr-check span::after {
content: "✓";
position: absolute;
left: 2px;
top: -12px;
font-family: var(--zr-hand);
font-weight: 700;
font-size: 38px;
line-height: 1;
color: var(--zr-pink-ink);
transform: rotate(-6deg) scale(.6);
opacity: 0;
transition: opacity .12s, transform .12s;
}
.zr .zr-form .zr-chip input:checked + span::after, .zr .zr-form .zr-check input:checked + span::after { opacity: 1; transform: rotate(-6deg) scale(1); }
.zr .zr-form .zr-chip:hover span::before, .zr .zr-form .zr-check:hover span::before { border-color: var(--zr-pink-ink); }
.zr .zr-form .zr-chip input:focus-visible + span::before, .zr .zr-form .zr-check input:focus-visible + span::before { outline: 3px solid var(--zr-pink); outline-offset: 2px; }
.zr .zr-form .zr-chip:has(input:checked) { color: var(--zr-ink); }
@media (max-width: 700px) {
.zr .zr-form__opts { grid-template-columns: 1fr; padding: 18px 16px; gap: 14px; }
}
.zr .zr-form__file { display: flex; flex-direction: column; gap: 12px; padding: 18px; border: 1px solid var(--zr-ink); background: #fff; }
.zr .zr-form__file-label { font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; }
.zr-file { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.zr-file__input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.zr .zr-file__btn { cursor: pointer; font-family: var(--zr-mono); text-transform: uppercase; }
.zr-file__input:focus-visible + .zr-file__btn { outline: 3px solid var(--zr-pink); outline-offset: 2px; }
.zr-file__names { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand); color: var(--zr-soft); overflow-wrap: anywhere; }
.zr-file__names.is-set { color: var(--zr-pink-ink); }
.zr .zr-h2--sm:has(+ .zr-sub) { margin-bottom: 0 !important; }
.zr .zr-about__manifest { padding: 56px 64px 52px; }
.zr .zr-about__intro > .zr-about__manifest:only-child { max-width: none; }
.zr .zr-about__manifest .zr-content--free { max-width: 860px; margin-left: auto; margin-right: auto; }
.zr .zr-about__manifest .zr-content--free > p { font-size: var(--fs-body); line-height: 1.65; }
.zr .zr-about__manifest .zr-content--free > p:first-child { font-family: var(--zr-yeseva); font-size: var(--fs-m); line-height: 1.35; margin-bottom: 20px; }
.zr .zr-about__manifest .zr-content--free > p:last-child { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand-l); line-height: 1.2; color: var(--zr-pink-ink); margin: 28px 0 0; }
.zr-about__policy { padding-bottom: 80px; }
.zr .zr-about__policy .is-style-zr-document { margin: 0; padding: 0; background: none; box-shadow: none; }
.zr .zr-about__policy .is-style-zr-document, .zr .zr-about__policy .is-style-zr-document > .wp-block-group__inner-container { display: grid; grid-template-columns: 4fr 7fr; gap: 64px; }
.zr .zr-about__policy .is-style-zr-document:has(> .wp-block-group__inner-container) { display: block; }
.zr .zr-about__policy .is-style-zr-document::before { display: none; }
.zr .zr-about__policy .is-style-zr-document h2 {
margin: 0;
border: 0;
padding: 0;
font-family: var(--zr-display);
font-weight: 400;
font-size: var(--fs-xl);
line-height: 1;
text-transform: uppercase;
text-align: left;
letter-spacing: 0;
}
.zr .zr-about__policy ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; margin: 0; padding: 0; list-style: none; counter-reset: zr; }
.zr .zr-about__policy ol li { position: relative; padding: 22px 0 26px 56px; border: 0; border-top: 1px solid var(--zr-ink); counter-increment: zr; font-size: 16px; line-height: 1.55; color: var(--zr-muted); }
.zr .zr-about__policy ol li::before { content: counter(zr); position: absolute; left: 0; top: 14px; font-family: var(--zr-display); font-size: var(--fs-l); line-height: 1; color: var(--zr-pink-ink); }
.zr .zr-about__policy ol li strong { display: block; margin-bottom: 6px; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-s); line-height: 1.2; color: var(--zr-ink); }
@media (max-width: 1024px) {
.zr .zr-about__policy .is-style-zr-document, .zr .zr-about__policy .is-style-zr-document > .wp-block-group__inner-container { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 700px) {
.zr .zr-about__manifest { padding: 32px 20px 28px; }
.zr-about__policy { padding-bottom: 48px; }
.zr .zr-about__policy ol { grid-template-columns: minmax(0, 1fr); }
.zr .zr-about__policy ol li { padding-left: 44px; }
}
.zr .zr-page__head { max-width: 860px; margin: 0 auto; padding: 64px 20px 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.zr .zr-page__head .zr-archive__title { margin: 0; width: 100%; }
.zr .zr-page .zr-content--page { padding-top: 40px; }
@media (max-width: 700px) {
.zr .zr-page__head { padding: 36px 16px 0; }
.zr .zr-page__head .zr-archive__title { font-size: 20px; }
.zr .zr-page .zr-content--page { padding-top: 28px; }
}
.zr-flyer { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; background: #fff; box-shadow: 0 10px 24px rgba(18, 18, 18, .12); transform: rotate(-1deg); }
.zr-flyer__head { align-self: center; padding: 34px 24px 28px; display: flex; flex-direction: column; gap: 10px; text-align: center; }
.zr .zr-flyer__kicker { font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; letter-spacing: .18em; color: var(--zr-pink-ink); }
.zr .zr-flyer__title { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: 28px; line-height: 1.02; text-transform: uppercase; color: var(--zr-ink); }
.zr .zr-flyer__text { margin: 0; font-family: var(--zr-serif); font-size: 15px; line-height: 1.45; color: var(--zr-muted); }
.zr .zr-flyer__tabs { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; border-left: 2px dashed var(--zr-ink); }
.zr .zr-flyer__tabs li { position: relative; flex: 1; margin: 0; padding: 0; border-top: 2px dashed var(--zr-ink); }
.zr .zr-flyer__tabs li:first-child { border-top: 0; }
.zr .zr-flyer__tabs li::before { display: none; }
.zr .zr-flyer__tabs a {
display: flex;
align-items: center;
gap: 10px;
height: 100%;
min-height: 50px;
padding: 7px 16px 7px 14px;
background: #fff;
color: var(--zr-ink);
text-decoration: none;
transform-origin: 0 50%;
transition: transform .18s ease, background-color .15s, color .15s;
}
.zr .zr-flyer__tabs li:nth-child(odd) a { transform: rotate(.7deg); }
.zr .zr-flyer__tabs li:nth-child(even) a { transform: rotate(-.5deg); }
.zr .zr-flyer__tabs a:hover, .zr .zr-flyer__tabs a:focus-visible { background: var(--zr-pink); color: var(--zr-ink); text-decoration: none; transform: translateX(10px) rotate(-4deg); }
.zr-flyer__ico { flex-shrink: 0; display: flex; }
.zr-flyer__tab { display: flex; flex-direction: column; gap: 1px; white-space: nowrap; line-height: 1.1; }
.zr-flyer__tab b { font-family: var(--zr-mono); font-weight: 400; font-size: 14px; text-transform: uppercase; }
.zr-flyer__tab small { font-family: var(--zr-hand); font-weight: 700; font-size: 18px; color: var(--zr-pink-ink); }
.zr-flyer__tabs a:hover small { color: var(--zr-ink); }
.zr-content .zr-follow--post { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 32px; align-items: center; margin: 48px 0 0; padding-top: 40px; border-top: 4px solid var(--zr-ink); }
.zr-follow--post .zr-follow__text { display: flex; flex-direction: column; gap: 12px; }
.zr-content .zr-follow__title { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: 24px; line-height: 1.02; text-transform: uppercase; }
.zr-follow__text p { margin: 0; font-size: 17px; line-height: 1.55; }
.zr .zr-follow__hint { display: inline-block; margin-top: 4px; font-size: var(--fs-hand-l); }
.zr .zr-follow--post .zr-flyer__head { padding-left: 16px; padding-right: 16px; }
.zr .zr-follow--post .zr-flyer__title { font-size: 22px; }
.zr-follow__grid { display: grid; grid-template-columns: 480px minmax(0, 1fr); gap: 72px; align-items: center; }
.zr-follow--home .zr-follow__text { display: flex; flex-direction: column; gap: 6px; }
.zr-follow--home .zr-follow__text p { max-width: 520px; margin-top: 18px; font-size: 18px; }
.zr-follow--home .zr-flyer { margin-top: 14px; }
.zr-content .zr-clip { position: relative; display: flex; align-items: center; gap: 24px; margin: 44px 0; padding: 24px 26px; border: 2px dashed var(--zr-ink); }
.zr-clip__scissors { position: absolute; left: 22px; top: -13px; padding: 0 6px; background: var(--zr-paper); color: var(--zr-ink); display: flex; }
.zr-clip__body { flex: 1; min-width: 0; }
.zr-clip__hand { display: block; margin-bottom: 4px; font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand-l); line-height: 1.1; color: var(--zr-pink-ink); }
.zr-content .zr-clip__text { margin: 0; font-size: 17px; line-height: 1.5; }
.zr-clip__actions { display: flex; flex-direction: column; align-items: center; gap: 10px; flex-shrink: 0; }
.zr-content .zr-clip .zr-btn { align-self: stretch; text-decoration: none; }
.zr .zr-clip__nets { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.zr .zr-clip__nets li { margin: 0; padding: 0; }
.zr .zr-clip__nets li::before { display: none; }
.zr .zr-clip__nets a { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--zr-ink); color: var(--zr-ink); text-decoration: none; }
.zr .zr-clip__nets a:hover { background: var(--zr-ink); color: var(--zr-paper); }
@media (max-width: 1024px) {
.zr-follow__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
.zr-follow--home .zr-flyer { order: 2; max-width: 440px; }
.zr-follow--home .zr-follow__arr { display: inline-block; transform: rotate(-90deg); }
}
@media (max-width: 700px) {
.zr-content .zr-follow--post { grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 36px; padding-top: 28px; }
.zr-follow__arr { display: inline-block; transform: rotate(90deg); }
.zr-follow--home .zr-follow__arr { transform: rotate(-90deg); }
.zr-flyer { transform: none; }
.zr-flyer__head { padding: 30px 12px 22px; gap: 8px; }
.zr .zr-flyer__title { font-size: 20px; }
.zr .zr-flyer__text { font-size: 14px; }
.zr .zr-flyer__tabs a { gap: 8px; padding: 6px 10px; }
.zr-flyer__tab b { font-size: 12px; }
.zr-flyer__tab small { font-size: 16px; }
.zr-authorcard { grid-template-columns: 64px minmax(0, 1fr); gap: 16px; padding: 26px 18px 20px; }
.zr-authorcard__ava, .zr-authorcard__ava img { width: 64px; height: 64px; }
.zr-content .zr-clip { flex-direction: column; align-items: stretch; gap: 16px; padding: 22px 18px 18px; }
.zr-clip__body { text-align: center; }
.zr-clip__actions { flex-direction: row; flex-wrap: wrap; justify-content: center; }
.zr-content .zr-clip .zr-btn { flex: 1 1 100%; }
.zr .zr-clip__nets { flex: 1 1 100%; justify-content: center; }
}
.zr-content .wp-block-pullquote blockquote { margin: 0; padding: 0; background: none; box-shadow: none; font: inherit; }
.zr-content .wp-block-pullquote blockquote::before, .zr-content .wp-block-pullquote blockquote::after { display: none; }
.zr-content .wp-block-pullquote::before { content: "«"; position: absolute; left: 20px; top: 14px; font-family: var(--zr-yeseva); font-size: 64px; line-height: 1; color: var(--zr-pink); }
.zr-content .wp-block-pullquote::after { content: ""; position: absolute; top: -12px; left: 28px; width: 110px; height: 26px; background: var(--zr-tape); transform: rotate(-4deg); }
.zr .zr-content.zr-archive__lead { max-width: 720px; margin: -8px 0 0; padding: 0 0 40px; font-size: 18px; line-height: 1.6; }
.zr .zr-content.zr-archive__lead p { margin: 0 0 14px; }
.zr .zr-content.zr-archive__lead p:last-child { margin-bottom: 0; }
@media (max-width: 700px) {
.zr .zr-content.zr-archive__lead { margin-top: -4px; padding: 0 0 28px; font-size: 17px; }
}
.zr-authors { display: flex; flex-direction: column; padding-bottom: 72px; }
.zr-authors__item { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 56px; align-items: center; padding: 48px 0; border-top: 4px solid var(--zr-ink); }
.zr-authors__item.is-flip { grid-template-columns: minmax(0, 1fr) 280px; }
.zr-authors__item.is-flip .zr-authors__photo { order: 2; transform: rotate(1.5deg); }
.zr-authors__photo { position: relative; display: block; background: var(--zr-white); padding: 12px 12px 40px; box-shadow: 0 8px 22px rgba(18, 18, 18, .10); transform: rotate(-1.5deg); }
.zr-authors__photo img { width: 100%; aspect-ratio: 5 / 6; object-fit: cover; display: block; }
.zr-authors__photo .zr-tape--top { top: -14px; }
.zr-authors__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; max-width: 680px; }
.zr .zr-authors__name { margin: 0; font-family: var(--zr-display); font-weight: 400; font-size: var(--fs-l); line-height: 1.05; }
.zr .zr-authors__name a { color: var(--zr-ink); }
.zr .zr-authors__name a:hover { text-decoration: underline; text-decoration-color: var(--zr-pink); text-decoration-thickness: 3px; }
.zr-authors__role { font-family: var(--zr-hand); font-weight: 700; font-size: var(--fs-hand-l); line-height: 1.1; color: var(--zr-pink-ink); }
.zr-authors__bio { margin: 4px 0 0; font-size: 18px; line-height: 1.6; }
.zr-authors__bio p { margin: 0 0 10px; }
.zr-authors__bio p:last-child { margin-bottom: 0; }
.zr-authors__count { color: var(--zr-pink-ink); text-transform: uppercase; }
.zr-authors__last { margin: 0; font-size: 16px; line-height: 1.45; }
.zr-authors__last a { text-decoration: underline; text-decoration-color: var(--zr-pink); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.zr-authors__last a:hover { color: var(--zr-pink-ink); }
.zr-authors__txt .zr-btn { margin-top: 8px; }
@media (max-width: 1024px) {
.zr-authors__item, .zr-authors__item.is-flip { grid-template-columns: 220px minmax(0, 1fr); gap: 32px; }
.zr-authors__item.is-flip .zr-authors__photo { order: 0; }
}
@media (max-width: 700px) {
.zr-authors { padding-bottom: 40px; }
.zr-authors__item, .zr-authors__item.is-flip { grid-template-columns: 110px minmax(0, 1fr); gap: 18px; align-items: start; padding: 28px 0; border-top-width: 3px; }
.zr-authors__photo { padding: 6px 6px 18px; }
.zr-authors__photo .zr-tape--top { width: 60px; height: 18px; margin-left: -30px; top: -9px; }
.zr .zr-authors__name { font-size: 22px; }
.zr-authors__role { font-size: 21px; }
.zr-authors__bio { font-size: 16px; }
.zr-authors__txt { gap: 8px; }
}
.zr-spr { padding-bottom: 64px; }
.zr-spr__wrap { max-width: 960px; }
.zr-spr__themes { display: flex; flex-wrap: wrap; gap: 8px; }
.zr .zr-spr__chip {
display: inline-flex;
align-items: baseline;
gap: 7px;
margin: 0;
padding: 9px 14px;
border: 2px solid var(--zr-ink);
border-radius: 0;
background: #fff;
color: var(--zr-ink);
font-family: var(--zr-display);
font-size: 15px;
line-height: 1.2;
cursor: pointer;
box-shadow: none;
}
.zr .zr-spr__chip:hover { background: rgba(255, 62, 138, .12); color: var(--zr-ink); }
.zr .zr-spr__chip[aria-selected="true"] { background: var(--zr-ink); color: var(--zr-paper); }
.zr-spr__n { font-family: var(--zr-mono); font-size: 12px; color: var(--zr-pink-ink); }
.zr .zr-spr__chip[aria-selected="true"] .zr-spr__n { color: var(--zr-pink-light); }
.zr-spr__chip.is-empty { border-style: dashed; border-color: rgba(18, 18, 18, .3); background: transparent; color: rgba(18, 18, 18, .45); cursor: default; }
.zr-spr__chip.is-empty .zr-spr__n { color: rgba(18, 18, 18, .45); }
.zr-spr__panel { margin-top: 26px; padding-top: 6px; border-top: 3px solid var(--zr-ink); }
.zr-spr__none { margin: 20px 0 0; font-size: 17px; }
.zr-spr__sub { border-bottom: 1px solid var(--zr-ink); }
.zr .zr-spr__sh { margin: 0; font-size: inherit; }
.zr .zr-spr__subhead {
width: 100%;
display: flex;
align-items: center;
gap: 12px;
padding: 14px 2px;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--zr-ink);
text-align: left;
font-family: var(--zr-display);
font-weight: 400;
font-size: 17px;
line-height: 1.2;
cursor: pointer;
box-shadow: none;
}
.zr .zr-spr__subhead:hover { color: var(--zr-pink-ink); background: transparent; }
.zr-spr__subname { flex: 1; }
.zr-spr__count { flex-shrink: 0; font-family: var(--zr-mono); font-size: 12px; text-transform: uppercase; color: var(--zr-soft); white-space: nowrap; }
.zr-spr__sub.is-open > .zr-spr__sh .zr-spr__subhead { color: var(--zr-pink-ink); }
.zr-spr__sub.is-open > .zr-spr__sh .zr-spr__chev::after { transform: rotate(0deg); }
.zr-spr__sub.is-empty .zr-spr__subhead { cursor: default; color: rgba(18, 18, 18, .45); }
.zr-spr__soon { flex-shrink: 0; font-family: var(--zr-hand); font-weight: 700; font-size: 20px; line-height: 1; color: var(--zr-pink-ink); white-space: nowrap; }
.zr-spr__subbody { padding: 0 0 14px 16px; border-left: 3px solid var(--zr-pink); margin-bottom: 14px; }
.zr-spr__topic { border-bottom: 1px dashed rgba(18, 18, 18, .3); }
.zr-spr__topic:last-child { border-bottom: 0; }
.zr .zr-spr__th { margin: 0; font-size: inherit; }
.zr .zr-spr__thead {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 12px 2px;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--zr-ink);
text-align: left;
font-family: var(--zr-serif);
font-weight: 700;
font-size: 17px;
line-height: 1.3;
cursor: pointer;
box-shadow: none;
}
.zr .zr-spr__thead:hover { color: var(--zr-pink-ink); background: transparent; }
.zr-spr__chev { position: relative; flex-shrink: 0; width: 14px; height: 14px; }
.zr-spr__chev::before, .zr-spr__chev::after { content: ""; position: absolute; left: 0; top: 6px; width: 14px; height: 2.5px; background: currentColor; transition: transform .2s; }
.zr-spr__chev::after { transform: rotate(90deg); }
.zr-spr__topic.is-open .zr-spr__chev::after { transform: rotate(0deg); }
.zr-spr__topic.is-open .zr-spr__thead { color: var(--zr-pink-ink); }
.zr-spr__tbody { padding: 4px 0 22px; }
.zr-spr__table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 16px; line-height: 1.45; }
.zr-spr__table th { padding: 8px 12px 8px 0; border-bottom: 2px solid var(--zr-ink); text-align: left; font-family: var(--zr-mono); font-weight: 400; font-size: 13px; text-transform: uppercase; letter-spacing: .02em; }
.zr-spr__table th:first-child { padding-left: 44px; }
.zr-spr__table td { padding: 12px 12px 12px 0; border-bottom: 1px dashed rgba(18, 18, 18, .25); vertical-align: top; }
.zr-spr__table td:first-child { position: relative; width: 62%; padding-left: 44px; }
.zr-spr__table td:first-child::before {
content: attr(data-n);
position: absolute;
left: 0;
top: 9px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: var(--zr-pink);
color: var(--zr-ink);
font-family: var(--zr-display);
font-size: 15px;
line-height: 1;
}
.zr-spr__table td:last-child { font-weight: 700; }
.zr-spr__note { margin: 0 0 18px; padding: 12px 16px; background: rgba(255, 62, 138, .14); border-left: 4px solid var(--zr-pink); font-size: 16px; line-height: 1.45; }
.zr-spr__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.zr .zr-spr__actions .zr-btn { min-height: 44px; padding: 0 18px; font-size: 13px; }
.zr .zr-spr__actions .zr-btn.is-active { background: var(--zr-ink); color: var(--zr-paper); }
.zr-spr__law { margin-top: 16px; padding: 14px 18px; border: 2px solid var(--zr-ink); font-size: 16px; }
.zr-spr__law p { margin: 0 0 8px; }
.zr-spr__law p:last-child { margin-bottom: 0; }
.zr-spr__law a { color: var(--zr-pink-ink); text-decoration: underline; }
.zr-spr__form { margin-top: 16px; padding: 16px 18px 12px; background: var(--zr-paper); }
.zr-cform__hint { display: block; margin-bottom: 8px; font-size: 16px; line-height: 1.4; }
.zr-cform textarea, .zr-cform input[type=text] { width: 100%; border: 2px solid var(--zr-ink); border-radius: 0; background: #fff; padding: 10px 12px; font: inherit; font-size: 16px; color: var(--zr-ink); }
.zr-cform__row { margin-top: 10px; }
.zr-cform__row input[type=text] { max-width: 320px; }
.zr-cform__small { margin: 8px 0 0; font-size: 14px; color: var(--zr-soft); }
.zr-cform__btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.zr .zr-cform__btns .zr-btn { min-height: 44px; font-size: 13px; }
.zr-cform__status { margin: 8px 0 0; min-height: 1em; font-family: var(--zr-hand); font-weight: 700; font-size: 22px; color: var(--zr-pink-ink); }
.zr-cform.is-sent textarea, .zr-cform.is-sent .zr-cform__row, .zr-cform.is-sent .zr-cform__hint, .zr-cform.is-sent .zr-cform__lbl, .zr-cform.is-sent .zr-cform__small, .zr-cform.is-sent button[type=submit] { display: none; }
.zr-spr__cms { margin-top: 22px; }
.zr-c-reply p { margin: 0 0 6px; }
.zr-c-reply p:last-child { margin-bottom: 0; }
.zr-spr-all { border-top: 4px solid var(--zr-ink); padding-top: 40px; padding-bottom: 8px; }
.zr-spr-all + .zr-featured { border-top: 0; padding-top: 24px; }
@media (max-width: 700px) {
.zr .zr-spr__chip { padding: 8px 11px; font-size: 14px; }
.zr-spr__panel { margin-top: 20px; }
.zr .zr-spr__subhead { font-size: 16px; }
.zr-spr__soon { font-size: 17px; }
.zr-spr__subbody { padding-left: 12px; }
.zr-spr__table thead { display: none; }
.zr-spr__table, .zr-spr__table tbody, .zr-spr__table tr, .zr-spr__table td { display: block; width: 100%; }
.zr-spr__table tr { position: relative; padding: 12px 0 12px 42px; border-bottom: 1px dashed rgba(18, 18, 18, .25); }
.zr-spr__table td, .zr-spr__table td:first-child { width: auto; padding: 0; border: 0; position: static; }
.zr-spr__table td:first-child::before { left: 0; top: 12px; }
.zr-spr__table td:last-child { margin-top: 4px; font-size: 15px; }
.zr-spr__table td:last-child::before { content: "Кто отвечает: "; font-family: var(--zr-mono); font-weight: 400; font-size: 12px; text-transform: uppercase; color: var(--zr-pink-ink); }
.zr .zr-spr__actions .zr-btn { flex: 1 1 calc(50% - 5px); padding: 0 10px; }
.zr .zr-spr__actions .zr-btn--dark { flex-basis: 100%; }
}
.zr .zr-c-list { list-style: none; margin: 0 0 28px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.zr .zr-c-list > li.zr-c { margin: 0; padding: 14px 18px; background: #fff; box-shadow: 0 6px 16px rgba(18, 18, 18, .06); font-size: 16px; line-height: 1.5; }
.zr .zr-c-list > li.zr-c::before { display: none; }
.zr-spr__cms .zr-c-list > li.zr-c { background: var(--zr-paper); box-shadow: none; }
.zr-c-meta { margin-bottom: 4px; font-family: var(--zr-mono); font-size: 12px; text-transform: uppercase; letter-spacing: .02em; color: var(--zr-soft); }
.zr-c-meta b { color: var(--zr-ink); font-weight: 400; }
.zr-c-text p { margin: 0 0 6px; }
.zr-c-text p:last-child { margin-bottom: 0; }
.zr-c-reply { margin: 10px 0 2px 18px; padding: 10px 14px; background: #fff; border-left: 3px solid var(--zr-ink); }
.zr-spr__cms .zr-c-reply { background: #fff; }
.zr-c-reply.is-staff { border-left-color: var(--zr-pink); background: rgba(255, 62, 138, .08); }
.zr-c-badge { display: inline-block; margin-right: 4px; padding: 1px 6px; background: var(--zr-pink); color: var(--zr-ink); }
.zr-comments { margin-top: 56px; padding-top: 8px; border-top: 2px dashed rgba(18, 18, 18, .2); }
.zr .zr-comments__h { font-size: 18px; }
.zr-c-title { margin: 8px 0 10px; font-family: var(--zr-display); font-weight: 400; font-size: 20px; }
.zr-cform { font-size: 16px; }
.zr-comments .zr-cform { padding: 18px 20px 14px; background: #fff; box-shadow: 0 6px 16px rgba(18, 18, 18, .06); }
.zr .zr-cform__lbl { display: block; margin: 0 0 4px; font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; }
.zr-cform textarea { display: block; }.zr-tool { position: relative; background: #fff; padding: 30px 30px 26px; margin: 40px 0; box-shadow: 0 8px 22px rgba(18,18,18,.08); }
.zr-tool::before {
content: "";
position: absolute;
left: 50%;
top: -14px;
margin-left: -60px;
width: 120px;
height: 30px;
background: var(--zr-tape);
transform: rotate(-3deg);
}
.zr-tool__label { font-family: var(--zr-mono); font-size: 14px; text-transform: uppercase; letter-spacing: .06em; color: var(--zr-pink-ink); margin: 0 0 6px; }
.zr-tool__title { font-family: var(--zr-display); font-weight: 400; font-size: 22px; line-height: 1.2; margin: 0 0 18px; }
.zr-tool__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 14px 18px; margin-bottom: 18px; }
.zr-tool__f label { display: block; font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 5px; }
.zr-tool__f input,.zr-tool__f select { box-sizing: border-box; min-width: 0; width: 100%; border: 2px solid var(--zr-ink); background: #fff; padding: 10px 12px; font: inherit; font-size: 18px; border-radius: 0; }
.zr-tool__f select { appearance: auto; font-size: 16px; padding: 11px 10px; }
.zr-tool__f input,.zr-tool__f select { height: 54px; }
.zr-tool__f input:focus,.zr-tool__f select:focus { outline: 3px solid var(--zr-pink); outline-offset: 0; }
.zr-tool__f small { display: block; font-size: 13px; color: var(--zr-soft); margin-top: 4px; }
.zr-tool__res { border-top: 2px dashed rgba(18,18,18,.2); padding-top: 16px; }
.zr-tool__big { font-family: var(--zr-display); font-size: 48px; line-height: 1; color: var(--zr-pink); margin: 0; }
.zr-tool__cap { font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; margin: 6px 0 12px; }
.zr-tool__rows { margin: 0 0 10px; padding: 0; list-style: none; }
.zr-tool__rows li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid rgba(18,18,18,.12); font-size: 16px; }
.zr-tool__rows li::before { display: none; }
.zr-tool .zr-tool__rows li { padding-left: 0; }
.zr-tool__rows b { font-family: var(--zr-display); font-weight: 400; white-space: nowrap; }
.zr-tool__how { font-size: 14px; color: var(--zr-soft); margin: 8px 0 0; }
.zr-tool__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.zr-tool__btn {
font-family: var(--zr-mono);
font-size: 13px;
text-transform: uppercase;
letter-spacing: .04em;
padding: 12px 16px;
border: 2px solid var(--zr-ink);
background: #fff;
color: var(--zr-ink);
cursor: pointer;
}
.zr-tool__btn--main { background: var(--zr-ink); color: #fff; }
.zr-tool__btn:hover { background: var(--zr-pink); border-color: var(--zr-pink); color: var(--zr-ink); }
.zr-doc { background: #fff; border: 1px solid rgba(18,18,18,.18); padding: 32px 36px; font-family: var(--zr-serif); font-size: 16px; line-height: 1.55; max-width: 720px; box-shadow: 0 6px 18px rgba(18,18,18,.06); }
.zr-doc>div { line-height: 1.5; }
.zr-doc .r { text-align: right; margin: 0; }
.zr-doc .c { text-align: center; font-weight: 700; margin: 18px 0; }
.zr-doc .gap { height: 10px; }
.zr-doc mark { background: rgba(255,127,176,.45); padding: 0 3px; color: inherit; }
.zr-doc mark.ok { background: none; padding: 0; }
.zr-tool__cols { display: block; }
.zr-tool__cols .zr-tool__grid { grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 16px 22px; }
.zr-tool__cols>div:last-child { margin-top: 22px; padding-top: 18px; border-top: 2px dashed rgba(18,18,18,.2); }
.zr-tool__cols>div:last-child::before { content: "Так будет выглядеть документ"; display: block; font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--zr-pink-ink); margin-bottom: 10px; }
.zr-tool__f input::placeholder { color: #9a978f; opacity: 1; }
@media (max-width:760px) {
.zr-tool { padding: 24px 18px 20px; }
.zr-tool__cols { grid-template-columns: 1fr; }
.zr-tool__big { font-size: 40px; }
.zr-doc { padding: 20px 18px; font-size: 15px; }
}
.zr-tool>*,.zr-tool .zr-tool__cols>div>* { margin-top: 0; }
.zr-tool .zr-tool__note { margin-top: 12px; }
.zr-gen__src { display: none; }
.zr-calc__rows { display: grid; gap: 10px; margin-bottom: 12px; }
.zr-calc__row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) 40px; gap: 10px 18px; align-items: start; padding-top: 10px; border-top: 1px dashed rgba(18,18,18,.18); }
.zr-calc__del { margin-top: 26px; width: 40px; height: 46px; border: 2px solid var(--zr-ink); background: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.zr-calc__del { position: relative; padding: 0; }
.zr-calc__del::before, .zr-calc__del::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 2px; background: var(--zr-ink); margin: -1px 0 0 -9px; transform: rotate(45deg); }
.zr-calc__del::after { transform: rotate(-45deg); }
.zr-calc__del:hover { background: var(--zr-pink); border-color: var(--zr-pink); }
.zr-calc__row:only-child .zr-calc__del { visibility: hidden; }
.zr-calc__add { margin: 0 0 18px; }
.zr-calc__det { margin: 4px 0 10px; }
.zr-calc__det summary { cursor: pointer; font-family: var(--zr-mono); font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--zr-pink-ink); }
.zr-calc__wrap { overflow-x: auto; margin-top: 8px; }
.zr-calc__tbl { width: 100%; border-collapse: collapse; font-size: 14px; }
.zr-calc__tbl th,.zr-calc__tbl td { text-align: left; padding: 6px 8px; border-bottom: 1px solid rgba(18,18,18,.12); white-space: nowrap; }
.zr-calc__tbl th { font-family: var(--zr-mono); font-weight: 400; font-size: 12px; text-transform: uppercase; }
.zr-calc__warn { font-size: 14px; color: var(--zr-pink-ink); margin: 8px 0 0; }
.zr-doc .opt { opacity: .45; }
@media (max-width:760px) {
.zr-calc__row { grid-template-columns: minmax(0,1fr) 40px; }
.zr-calc__row>.zr-tool__f:nth-child(2) { grid-column: 1; }
.zr-calc__del { grid-column: 2; grid-row: 1; }
}
.zr-srok__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.zr-srok__chip { font: inherit; font-size: 15px; line-height: 1.25; padding: 9px 14px; border: 2px solid var(--zr-ink); background: #fff; color: var(--zr-ink); cursor: pointer; text-align: left; }
.zr-srok__chip:hover { border-color: var(--zr-pink); }
.zr-srok__chip.on { background: var(--zr-ink); color: #fff; }
.zr-srok__grid { grid-template-columns: minmax(0,360px); }
.zr-srok__empty { font-size: 16px; margin: 0; }
.zr-srok__line { margin: 14px 0 6px; }
.zr-srok__i { position: relative; display: grid; grid-template-columns: 175px 1fr; gap: 2px 16px; padding: 10px 0 10px 26px; border-bottom: 1px solid rgba(18,18,18,.12); }
.zr-srok__i::before { content: ""; position: absolute; left: 0; top: 15px; width: 12px; height: 12px; border: 2px solid var(--zr-ink); border-radius: 50%; background: #fff; display: block; }
.zr-srok__i.ok::before { background: var(--zr-ink); }
.zr-srok__i.soon::before, .zr-srok__i.late::before { background: var(--zr-pink); border-color: var(--zr-pink); }
.zr-srok__d { font-family: var(--zr-display); font-size: 17px; line-height: 1.3; grid-row: span 2; white-space: nowrap; }
.zr-srok__t { font-size: 16px; line-height: 1.35; }
.zr-srok__s { font-family: var(--zr-mono); font-size: 13px; color: var(--zr-soft); }
.zr-srok__i.ok .zr-srok__s { color: var(--zr-ink); }
.zr-srok__i.soon .zr-srok__s, .zr-srok__i.late .zr-srok__s { color: var(--zr-pink-ink); }
@media (max-width:760px) {
.zr-srok__i { grid-template-columns: 1fr; }
.zr-srok__d { grid-row: auto; }
.zr-doc { padding: 22px 18px; }
}
.zr-tool__f { position: relative; display: flex; flex-direction: column; justify-content: flex-end; }
.zr-tip[hidden] { display: none; }
.zr-tip { display: inline-block; margin-left: 6px; vertical-align: 1px; text-transform: none; letter-spacing: 0; }
.zr-tip__i { width: 18px; height: 18px; padding: 0; border: 1.5px solid var(--zr-ink); border-radius: 50%; background: #fff; color: var(--zr-ink); font-family: var(--zr-serif); font-style: italic; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; cursor: help; }
.zr-tip__i:hover, .zr-tip__i:focus-visible, .zr-tip.on .zr-tip__i { background: var(--zr-ink); color: #fff; outline: none; }
.zr-tip__t { position: absolute; left: 0; top: 26px; z-index: 20; max-width: 100%; padding: 8px 12px; background: var(--zr-ink); color: #fff; font-family: var(--zr-serif); font-size: 15px; line-height: 1.35; text-transform: none; letter-spacing: 0; font-weight: 400; box-shadow: 0 4px 12px rgba(0,0,0,.2); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s; }
.zr-tip:hover .zr-tip__t, .zr-tip__i:focus-visible + .zr-tip__t, .zr-tip.on .zr-tip__t { opacity: 1; visibility: visible; } .zr-calc .zr-tool__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 22px; }
@media (max-width: 600px) { .zr-calc .zr-tool__grid { grid-template-columns: 1fr; } } .zr-tool .zr-tool__cols .zr-tool__btns { margin-top: 28px; }