/*
Theme Name: Vsepammi Editorial
Template: twentytwentyfour
Version: 1.0.0
Text Domain: vsepammi-editorial
Description: Editorial presentation for vsepammi.ru, adapted from the Amity theme.
*/

:root{--vp-ink:#17363a;--vp-muted:#627277;--vp-paper:#f4f6f3;--vp-white:#fff;--vp-accent:#b97853;--vp-line:#d8e0dd;--vp-soft:#e8eeeb;--vp-deep:#10393d}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--vp-paper);color:var(--vp-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}
.wp-site-blocks>main{flex:1 0 auto;width:100%}
.wp-site-blocks>header,.wp-site-blocks>main,.wp-site-blocks>footer{margin-block-start:0}
.wp-site-blocks>footer{flex-shrink:0;width:100%}
.wp-site-blocks :where(.vp-home,.vp-page,.vp-header-inner,.vp-footer-inner){max-width:1180px}
a{color:var(--vp-deep);text-underline-offset:.17em}
a:hover{color:#925336}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--vp-accent);outline-offset:3px}

/* Header */
.vp-header{background:var(--vp-white);border-bottom:1px solid var(--vp-line)}
.vp-header-inner{margin:auto;padding:16px 30px;display:grid;grid-template-columns:auto minmax(0,1fr) 230px;gap:29px;align-items:center}
.vp-brand{display:flex;gap:11px;align-items:center;text-decoration:none;white-space:nowrap}
.vp-brand img{display:block;width:47px;height:47px;object-fit:contain}
.vp-brand strong{display:block;font-size:20px;letter-spacing:-.035em;line-height:1.08;color:var(--vp-ink)}
.vp-brand small{display:block;font-size:10px;letter-spacing:.035em;color:var(--vp-muted);margin-top:4px}
.vp-nav{display:flex;gap:19px;align-items:center;justify-content:center;flex-wrap:wrap}
.vp-nav a{text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}
.vp-nav a:hover{text-decoration:underline;text-decoration-color:var(--vp-accent);text-decoration-thickness:2px}
.vp-header .wp-block-search{margin:0;min-width:0}
.vp-header .wp-block-search__inside-wrapper{border:1px solid #c6d2ce;border-radius:7px;padding:0;background:#fff;overflow:hidden}
.vp-header .wp-block-search__input{min-width:0;border:0!important;padding:10px 11px;font-size:13px}
.vp-header .wp-block-search__button{border:0;border-radius:0;margin:0;background:var(--vp-deep);color:#fff;font-size:13px;font-weight:700;padding:10px 13px}
.vp-header .wp-block-search__button:hover{background:#235860;color:#fff}

/* Home */
.vp-home{width:100%;margin:auto;padding:0 30px 82px}
.vp-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:54px;align-items:center;min-height:520px;padding:64px 0;border-bottom:1px solid var(--vp-line)}
.vp-eyebrow{margin:0 0 17px;color:#975b3d;font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.vp-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,4.8vw,67px);font-weight:700;line-height:1.07;letter-spacing:-.045em;text-wrap:balance;margin:0 0 23px}
.vp-hero-copy>p:not(.vp-eyebrow){font-size:18px;line-height:1.68;max-width:620px;color:#455c60;margin:0}
.vp-hero-link{display:inline-flex;gap:14px;align-items:center;margin-top:27px;padding:12px 17px;border-radius:5px;background:var(--vp-deep);color:#fff;text-decoration:none;font-weight:700;font-size:14px}
.vp-hero-link:hover{background:#245961;color:#fff}
.vp-hero-image{margin:0;overflow:hidden;background:#dae1dc;border-radius:4px;border-bottom:4px solid var(--vp-accent)}
.vp-hero-image img{display:block;width:100%;height:400px;object-fit:cover;object-position:57% center}
.vp-section{padding-top:61px}
.vp-section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,3.4vw,43px);line-height:1.16;letter-spacing:-.035em;text-wrap:balance;margin:0 0 25px}
.vp-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.vp-topic-grid a{display:flex;flex-direction:column;min-height:222px;padding:24px 22px;background:#fff;border:1px solid var(--vp-line);border-top:3px solid var(--vp-accent);text-decoration:none;border-radius:3px;transition:transform .18s,border-color .18s,box-shadow .18s}
.vp-topic-grid a:hover{transform:translateY(-3px);border-color:var(--vp-accent);box-shadow:0 12px 28px rgba(23,54,58,.08);color:var(--vp-ink)}
.vp-topic-grid span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#a06142}
.vp-topic-grid strong{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.17;margin:18px 0 12px;color:var(--vp-ink)}
.vp-topic-grid small{font-size:14px;line-height:1.53;color:var(--vp-muted)}
.vp-section-intro{max-width:760px}
.vp-section-intro p:not(.vp-eyebrow){font-size:16px;line-height:1.65;color:var(--vp-muted);margin:0 0 24px}
.vp-home-query{margin:0}
.vp-home-query .wp-block-post-template,.vp-list-query .wp-block-post-template{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.vp-home-query .wp-block-post,.vp-list-query .wp-block-post{background:var(--vp-white);border:1px solid var(--vp-line);border-radius:5px;overflow:hidden;min-width:0;padding:0 0 22px;margin:0}
.vp-list-query .wp-block-post-template > .wp-block-post{margin-block-start:0!important}
.vp-home-query .wp-block-post-featured-image,.vp-list-query .wp-block-post-featured-image{margin:0 0 15px}
.vp-home-query .wp-block-post-featured-image img,.vp-list-query .wp-block-post-featured-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.vp-home-query .wp-block-post-terms,.vp-list-query .wp-block-post-terms{margin:17px 20px 8px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a06142}
.vp-home-query .wp-block-post-terms a,.vp-list-query .wp-block-post-terms a{text-decoration:none;color:inherit}
.vp-home-query .wp-block-post-title,.vp-list-query .wp-block-post-title{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.26;margin:12px 20px 10px;letter-spacing:-.02em}
.vp-home-query .wp-block-post-title a,.vp-list-query .wp-block-post-title a{text-decoration:none}
.vp-home-query .wp-block-post-excerpt,.vp-list-query .wp-block-post-excerpt{margin:0 20px}
.vp-home-query .wp-block-post-excerpt__excerpt,.vp-list-query .wp-block-post-excerpt__excerpt{font-size:14px;line-height:1.57;color:var(--vp-muted);margin:0}
.vp-original{border-top:1px solid var(--vp-line);margin-top:69px;padding-top:48px;max-width:none}
.vp-original h2{margin-bottom:12px}
.vp-original-content{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.vp-original-content p{margin:0 0 18px}
.vp-original-content img{max-width:100%;height:auto}

/* Archive, articles and pages */
.vp-page{width:100%;margin:auto;padding:62px 30px 92px;min-height:60vh}
.vp-page h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(37px,4vw,52px);line-height:1.12;letter-spacing:-.04em;text-wrap:balance;margin:0 0 27px}
.vp-page h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.5vw,32px);line-height:1.24;margin:35px 0 14px}
.vp-page p,.vp-page li{font-size:17px;line-height:1.75;color:#3f5559}
.vp-page .wp-block-post-content img{max-width:100%;height:auto}
.vp-page .wp-block-post-content p{margin-bottom:22px}
.vp-page .wp-block-post-content a{overflow-wrap:anywhere}
.vp-page .wp-block-post-content blockquote{margin:26px 0;padding:16px 24px;border-left:4px solid var(--vp-accent);background:#fff}
.vp-page .wp-block-post-content blockquote p{margin:0}
.vp-page .alignright{float:right;max-width:45%;margin:5px 0 18px 25px}
.vp-page .alignleft{float:left;max-width:45%;margin:5px 25px 18px 0}
.vp-page .aligncenter{display:block;margin:20px auto}
.vp-page .wp-caption{max-width:100%!important}
.vp-page .wp-caption-text{font-size:12px;color:var(--vp-muted)}
.vp-archive h1{margin-bottom:14px}
.vp-archive-lead{max-width:720px;margin:0 0 30px!important;color:var(--vp-muted)!important}
.vp-archive .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:31px}
.vp-list-query .wp-block-post-title{font-size:24px}
.vp-list-query nav.wp-block-query-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:36px;padding-top:24px;border-top:1px solid var(--vp-line)}
.vp-list-query .wp-block-query-pagination-numbers{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.vp-list-query .wp-block-query-pagination .page-numbers,.vp-list-query .wp-block-query-pagination-previous,.vp-list-query .wp-block-query-pagination-next{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;margin:0;padding:9px 13px;border:1px solid var(--vp-line);border-radius:5px;background:#fff;color:var(--vp-deep);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
.vp-list-query .wp-block-query-pagination .page-numbers.current{border-color:var(--vp-deep);background:var(--vp-deep);color:#fff}
.vp-list-query .wp-block-query-pagination a:hover{border-color:var(--vp-accent);background:var(--vp-soft);color:var(--vp-deep)}
.vp-list-query .wp-block-query-pagination-next::after{content:"→";margin-left:9px;font-size:17px;line-height:1}
.vp-list-query .wp-block-query-pagination-previous::before{content:"←";margin-right:9px;font-size:17px;line-height:1}
.vp-article{max-width:850px!important}
.vp-article .vp-category{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px;color:#9d5f40}
.vp-article .vp-category a{text-decoration:none;color:inherit}
.vp-article>.wp-block-post-featured-image{margin:0 0 33px}
.vp-article>.wp-block-post-featured-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.vp-article iframe[src*="youtube.com/embed/"]{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border:0}
#ez-toc-container{display:block;width:100%;max-width:100%;margin:31px 0 38px;padding:20px 24px 21px;border:1px solid var(--vp-line);border-left:4px solid var(--vp-accent);border-radius:5px;background:#fff;box-shadow:none}
#ez-toc-container nav{position:static;width:auto}
#ez-toc-container .ez-toc-title{font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:700;color:var(--vp-ink)}
#ez-toc-container .ez-toc-list{margin:15px 0 0;padding:0;list-style:none}
#ez-toc-container li{margin:0 0 8px;list-style:none}
#ez-toc-container li::before{content:none}
#ez-toc-container a.ez-toc-link{font-size:15px;line-height:1.5;color:var(--vp-deep);text-decoration:none}
#ez-toc-container a.ez-toc-link:hover{text-decoration:underline;color:#925336}
#ez-toc-container input[type=checkbox]{display:none}
.vp-article-note{margin:36px 0 23px;border-top:1px solid var(--vp-line);padding-top:22px;font-size:14px;line-height:1.6;color:var(--vp-muted)}
.vp-article .yarpp-related{margin:42px 0 6px;padding-top:27px;border-top:1px solid var(--vp-line)}
.vp-article .yarpp-related h3{margin:0 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.5vw,32px);font-weight:700;line-height:1.25;color:var(--vp-ink)}
.vp-article .yarpp-related ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}
.vp-article .yarpp-related li{display:flex;align-items:center;min-height:84px;margin:0;padding:16px 18px;border:1px solid var(--vp-line);border-radius:5px;background:#fff;list-style:none}
.vp-article .yarpp-related li::before{content:none}
.vp-article .yarpp-related li a{display:block;color:var(--vp-deep);font-size:16px;font-weight:700;line-height:1.45;text-decoration:none}
.vp-article .yarpp-related li a:hover{text-decoration:underline;color:#925336}
.vp-generic{max-width:850px!important}
.vp-generic .wp-block-post-content{max-width:100%}
.vp-sitemap ul{padding-left:24px}
.vp-sitemap-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 38px}
.vp-sitemap-list section{min-width:0}.vp-sitemap-list h2{font-size:24px;margin:17px 0 10px}.vp-sitemap-list li{font-size:14px;line-height:1.5;margin:0 0 8px}
.vp-search h1{overflow-wrap:anywhere}
.vp-contact{display:grid;gap:17px;max-width:620px;margin:30px 0}
.vp-contact label{display:block;font-size:14px;font-weight:700;color:var(--vp-ink)}
.vp-contact input,.vp-contact textarea{display:block;width:100%;margin-top:7px;border:1px solid #b8c8c5;background:#fff;border-radius:5px;padding:11px 12px;font:inherit}
.vp-contact textarea{min-height:150px;resize:vertical}
.vp-contact .vp-honeypot{position:absolute;left:-9999px}
.vp-contact button{justify-self:start;padding:12px 20px;background:var(--vp-deep);color:#fff;border:0;border-radius:5px;cursor:pointer;font-weight:700}
.vp-contact button:hover{background:#245961}
.vp-form-notice{border-left:3px solid var(--vp-accent);background:#fff;padding:12px 17px}

/* Footer */
.vp-footer{background:var(--vp-deep);color:#e7f0ed}
.vp-footer-inner{margin:auto;padding:39px 30px 44px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(180px,.8fr) minmax(150px,.6fr);gap:50px}
.vp-footer-brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-.04em;color:#fff;text-decoration:none}
.vp-footer-brand img{display:block;width:48px;height:48px;object-fit:contain;background:#f4f6f3;border-radius:9px;padding:5px}
.vp-footer-main .vp-footer-brand span{font-size:23px;font-weight:800;color:#fff}
.vp-footer-main p{max-width:420px;color:#c4d8d3;font-size:13px;line-height:1.63;margin:12px 0 24px}
.vp-footer-main span{font-size:12px;color:#adc9c3}
.vp-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.vp-footer nav h2{font-family:inherit;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:#d59a75;margin:4px 0 10px;font-weight:800}
.vp-footer nav a{font-size:14px;color:#e7f0ed;text-decoration:none}
.vp-footer nav a:hover{text-decoration:underline;color:#fff}

@media(max-width:1040px){.vp-header-inner{grid-template-columns:auto 1fr;gap:12px 22px}.vp-header .wp-block-search{grid-column:1/-1;width:100%}.vp-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-hero{gap:30px}.vp-home-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.vp-header-inner{display:flex;flex-wrap:wrap;padding:13px 20px;gap:12px}.vp-brand{width:100%}.vp-nav{justify-content:flex-start;gap:9px 16px;width:100%}.vp-nav a{font-size:13px}.vp-header .wp-block-search{width:100%}.vp-home{padding:0 20px 58px}.vp-hero{display:block;min-height:0;padding:40px 0 42px}.vp-hero h1{font-size:clamp(38px,10vw,51px)}.vp-hero-copy>p:not(.vp-eyebrow){font-size:16px}.vp-hero-image{margin-top:30px}.vp-hero-image img{height:270px}.vp-section{padding-top:44px}.vp-topic-grid{grid-template-columns:1fr}.vp-topic-grid a{min-height:0;padding:21px}.vp-topic-grid strong{margin:12px 0 7px}.vp-home-query .wp-block-post-template,.vp-archive .wp-block-post-template,.vp-sitemap-list{grid-template-columns:1fr}.vp-original{margin-top:45px;padding-top:35px}.vp-page{padding:44px 20px 63px}.vp-page p,.vp-page li{font-size:16px}.vp-page .alignright,.vp-page .alignleft{float:none;max-width:100%;margin:16px auto;display:block}.vp-footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:34px 20px}.vp-footer-main{grid-column:1/-1}}
@media(max-width:420px){.vp-nav{display:grid;grid-template-columns:repeat(2,max-content);gap:10px 22px}.vp-topic-grid a{min-height:0}.vp-footer-inner{grid-template-columns:1fr 1fr;gap:28px 15px}.vp-hero-image img{height:235px}}
@media(max-width:700px){.vp-article .yarpp-related ol{grid-template-columns:1fr}}