/*
Theme Name: Gipertonii Portal
Description: Согласованный дизайн медицинского портала 1pogipertonii.ru
Version: 1.0.0
Text Domain: gipertonii-portal
*/
/* Layout adapted from the portfolio's Medik.expert newspaper theme, 2026-10-05. */
:root{--ink:#25383c;--muted:#7c898b;--accent:#07877e;--line:#e3ebeb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:17px/1.75 Arial,Helvetica,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(1170px,calc(100% - 48px));margin:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-80px;left:12px;padding:10px;background:#fff;z-index:20}.skip:focus{top:12px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}.brand{color:#3294a4;font-size:28px;font-weight:900;line-height:1.15;letter-spacing:-1px;text-transform:uppercase}.brand:hover{text-decoration:none}.brand span{display:block;margin-top:7px;color:#78898b;font-size:11px;font-weight:400;letter-spacing:.5px;text-transform:none}.header-search{display:flex;width:320px;max-width:100%;height:44px}.header-search input{min-width:0;width:100%;border:1px solid #d9e0e0;border-radius:4px 0 0 4px;padding:10px 13px;font:14px Arial;color:var(--ink)}.header-search button{border:0;border-radius:0 4px 4px 0;background:#428e87;color:#fff;font-size:14px;font-weight:700;padding:0 20px;cursor:pointer}.header-search button:hover{background:#28776f}.section-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);min-height:54px;align-items:stretch}.section-nav a{display:flex;align-items:center;padding:10px 0;color:var(--ink);font-size:14px;font-weight:700}.section-nav a:hover{color:var(--accent);box-shadow:inset 0 -3px var(--accent);text-decoration:none}.archive-note{background:#f6f9f9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#596b6d;font-size:12px;line-height:1.55}.archive-note .wrap{padding:10px 0}.archive-note strong{margin-right:5px}.lead-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 210px;gap:6px;margin:24px 0 42px}.lead-card{display:block;position:relative;overflow:hidden;background:#233f43;color:white}.lead-card:first-child{grid-row:span 2}.lead-card:nth-child(3),.lead-card:nth-child(4){grid-row:2;grid-column:2;width:calc(50% - 3px)}.lead-card:nth-child(4){justify-self:end}.lead-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.lead-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.8))}.lead-card:hover img{transform:scale(1.035)}.lead-caption{position:absolute;z-index:1;bottom:22px;left:22px;right:22px}.lead-caption span{display:inline-block;padding:4px 7px;background:#111c;font-size:10px;line-height:1.3;text-transform:uppercase}.lead-caption h2{color:#fff;font-size:23px;line-height:1.25;margin:7px 0 0}.lead-card:nth-child(n+3) .lead-caption{left:15px;right:15px;bottom:15px}.lead-card:nth-child(n+3) h2{font-size:18px}.section{margin:0 0 42px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:3px solid #81d9cf;margin:0 0 23px;padding-bottom:10px}.section-head h2{font-size:25px;line-height:1.25;margin:0;color:#263b3e}.section-head>a{font-size:13px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-bottom:35px}.story-card{display:flex;flex-direction:column;color:var(--ink);min-width:0}.story-card:hover{text-decoration:none}.story-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:13px}.story-group{color:var(--accent);font-size:10px;text-transform:uppercase;line-height:1.5;letter-spacing:.3px}.story-card strong{font-size:19px;line-height:1.35;margin:6px 0 8px}.story-card:hover strong{color:var(--accent)}.story-card small{color:#8a9697;font-size:12px}.text-card{border-top:3px solid #81d9cf;padding:18px;background:#f5f9f8;align-self:start}.story-card[hidden]{display:none}.breadcrumbs{padding-top:24px;display:flex;flex-wrap:wrap;gap:7px;color:#98a4a5;font-size:12px}.breadcrumbs a{color:#809294}.section-intro{padding:26px 0 24px}.section-intro h1{font-size:34px;line-height:1.2;margin:8px 0 15px;color:#263b3e}.section-intro p{color:#65787a;font-size:16px;max-width:850px;margin:0 0 14px}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:.4px;text-transform:uppercase}.article-layout{display:grid;grid-template-columns:minmax(0,750px) minmax(0,1fr);gap:30px;margin:20px 0 50px}.article-layout article{min-width:0}.article-kicker{font-size:11px;color:var(--accent);text-transform:uppercase}.reading h1{font-size:34px;line-height:1.25;margin:7px 0 18px;color:#1e292b}.article-date{font-size:13px;color:#889596;margin-bottom:18px}.article-warning{font-size:13px;line-height:1.6;padding:12px 15px;background:#f6f9f9;border-left:3px solid #81d9cf;margin:0 0 22px;color:#64787a}.article-cover{margin:0 0 24px}.article-cover img{display:block;width:100%;max-height:480px;object-fit:contain;margin:0;background:#f5f7f7}.article-body{font-size:17px;line-height:1.75;overflow-wrap:anywhere}.article-body p{margin:0 0 20px}.article-body h2{font-size:26px;line-height:1.35;margin:36px 0 18px;color:#25383c}.article-body h3{font-size:22px;line-height:1.4;margin:28px 0 14px}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:26px}.article-body li{margin-bottom:8px}.article-body blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid #0a9187;background:#f2f8f8}.article-body blockquote p:last-child{margin-bottom:0}.article-image{display:block;max-width:100%;height:auto;margin:24px auto}.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:24px 0}.article-body th,.article-body td{border:1px solid #d7e2e2;padding:8px 12px}.article-toc{background:#f4f8f8;border:1px solid #dce9e7;margin:24px 0;padding:16px 20px;font-size:15px}.article-toc summary{cursor:pointer;font-weight:700;color:#276e67}.article-toc ol{padding-left:22px;margin-bottom:0}.article-toc li{margin:8px 0}.article-sidebar h2{font-size:23px;font-weight:400;line-height:1.3;border-bottom:3px solid #81d9cf;padding-bottom:12px;margin:0 0 20px}.side-story{display:grid;grid-template-columns:95px minmax(0,1fr);gap:14px;padding:17px 0;border-bottom:1px solid #e8eeee;color:var(--ink)}.side-story img{width:95px;height:75px;object-fit:cover}.side-story strong{font-size:15px;line-height:1.4}.side-story:hover{color:var(--accent);text-decoration:none}.sidebar-all{display:block;font-size:14px;margin-top:18px}.back-link{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;font-size:15px}.prose{max-width:800px;min-height:250px}.search-label{display:block;font-size:14px;margin:23px 0 6px;font-weight:700}.search-input{width:min(600px,100%);border:1px solid #bbd2cd;border-radius:4px;padding:12px 15px;font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #86d4c9;outline-offset:3px}#search-count{font-size:14px;margin-top:10px}.sitemap-section{margin-bottom:30px}.sitemap-section h2{font-size:24px;border-bottom:3px solid #81d9cf;padding-bottom:8px}.sitemap-section ul{columns:2;column-gap:40px;list-style:none;padding:0}.sitemap-section li{break-inside:avoid;margin-bottom:10px;font-size:15px}.site-footer{background:#223b3e;color:#c9d7d8;margin-top:50px}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:45px;padding:40px 0}.footer-inner strong{color:#fff;font-size:20px;line-height:1.3;display:block}.footer-inner p{font-size:13px;line-height:1.6}.footer-links a{display:block;color:#d7e6e5;font-size:13px;margin:10px 0}.footer-links strong{font-size:17px;margin-bottom:15px}.video-card{display:block;position:relative;width:100%;aspect-ratio:16/9;margin:28px 0 34px;overflow:hidden;background:#233f43;color:white!important}.video-card img{display:block;width:100%;height:100%;object-fit:cover;opacity:.8}.video-card span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;padding:12px 18px;border-radius:4px;background:#a91518;color:#fff;font-size:15px;font-weight:700;line-height:1.3;text-align:center;white-space:nowrap;box-shadow:0 5px 20px #0007}.video-card:hover img{opacity:1}.video-unavailable{margin:24px 0!important;padding:13px 16px;border-left:3px solid #d9a75b;background:#fff8ed;color:#70522b;font-size:14px;line-height:1.55}
@media(max-width:990px){.header-inner{flex-direction:column;justify-content:center;padding:20px 0;gap:17px}.header-search{width:100%;max-width:430px}.article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.side-story{grid-template-columns:75px minmax(0,1fr);gap:10px}.side-story img{width:75px;height:65px}.lead-caption h2{font-size:22px}.lead-card:nth-child(n+3) h2{font-size:16px}}
@media(max-width:767px){.wrap{width:calc(100% - 32px)}.brand{text-align:center;font-size:25px}.section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.section-nav a{justify-content:center;text-align:center;padding:12px 5px;font-size:12px;border-bottom:1px solid var(--line)}.archive-note{font-size:11px}.lead-grid{grid-template-columns:1fr 1fr;grid-template-rows:270px 200px 180px;margin:18px 0 32px}.lead-card:first-child{grid-column:span 2;grid-row:1}.lead-card:nth-child(2){grid-column:span 2;grid-row:2}.lead-card:nth-child(3){grid-column:1;grid-row:3;width:100%}.lead-card:nth-child(4){grid-column:2;grid-row:3;width:100%}.lead-caption{left:16px;right:16px;bottom:18px}.lead-caption h2{font-size:22px}.lead-card:nth-child(n+3) h2{font-size:16px}.lead-card:nth-child(n+3) .lead-caption{left:12px;right:12px;bottom:12px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.story-card strong{font-size:17px}.section-head h2{font-size:22px}.section-head>a{font-size:12px;white-space:nowrap}.article-layout{grid-template-columns:1fr;gap:40px;margin-top:18px}.reading h1{font-size:29px}.article-sidebar{border-top:1px solid var(--line);padding-top:25px}.side-story{grid-template-columns:95px minmax(0,1fr);gap:15px}.side-story img{width:95px;height:75px}.side-story strong{font-size:16px}.article-body h2{font-size:24px;margin-top:30px}.article-body h3{font-size:21px}.article-cover img{max-height:350px}.section-intro h1{font-size:29px}.footer-inner{grid-template-columns:1fr;gap:25px;padding:35px 0}.sitemap-section ul{columns:1}.section{margin-bottom:32px}}
@media(max-width:420px){.story-grid{grid-template-columns:1fr}.story-card img{aspect-ratio:16/9}.story-card strong{font-size:19px}.lead-card:nth-child(n+3) h2{font-size:15px}.lead-caption span{font-size:9px}.brand span{font-size:10px}.section-head{gap:10px}}

.footer-links h2{color:#fff;font-size:17px;line-height:1.3;margin:0 0 15px;font-weight:700}

.brand{position:relative;padding-left:54px}.brand>img{position:absolute;left:0;top:0;width:44px;height:44px}@media(max-width:767px){.brand{text-align:left;font-size:22px;padding-left:48px;max-width:100%}.brand>img{width:38px;height:38px;top:2px}.brand span{font-size:9px;letter-spacing:0}}

/* Shared article and category sidebar */
.sidebar-block{margin-bottom:36px}.sidebar-block:last-child{margin-bottom:0}.side-story span{min-width:0}.side-story strong{display:block}.side-story small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:7px}.side-story.without-image{grid-template-columns:1fr}.category-layout{display:grid;grid-template-columns:minmax(0,750px) minmax(0,1fr);gap:30px;margin-bottom:50px}.category-content{min-width:0}.category-layout .article-sidebar{padding-top:38px}.category-content .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
@media(max-width:990px){.category-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}
@media(max-width:767px){.category-layout{grid-template-columns:1fr;gap:35px}.category-layout .article-sidebar{padding-top:25px}}
@media(max-width:420px){.category-content .story-grid{grid-template-columns:1fr}}

/* Small illustrations float right within article text on wide screens. */
.article-body .article-image[width="250"]{float:right;width:250px;max-width:40%;height:auto;margin:5px 0 18px 24px}.article-body h2,.article-body h3{clear:right}.article-body::after{content:"";display:block;clear:both}
@media(max-width:600px){.article-body .article-image[width="250"]{float:none;max-width:100%;margin:20px 0 20px auto}}

/* A clear next step after reading an article. */
.recommended-reading{clear:both;margin:40px 0 28px;padding-top:26px;border-top:1px solid var(--line)}.recommended-reading h2{font-size:25px;line-height:1.35;margin:0 0 22px}.recommended-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.recommended-card{display:flex;flex-direction:column;gap:12px;color:var(--ink);min-width:0}.recommended-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.recommended-card strong{font-size:17px;line-height:1.45}.recommended-card:hover{color:var(--accent);text-decoration:none}.recommended-card.without-image{padding:18px;border-left:3px solid #81d9cf;background:#f5f9f8;align-self:start}
@media(max-width:600px){.recommended-grid{grid-template-columns:1fr;gap:24px}.recommended-reading h2{font-size:23px}}

#ez-toc-container{margin:24px 0;border:1px solid #d9e6e6;border-radius:6px;background:#f6fafa;box-shadow:none;padding:18px 20px;max-width:100%;width:100%}#ez-toc-container ul,#ez-toc-container li{border:0;box-shadow:none;background:transparent;padding:0}#ez-toc-container li{margin:8px 0;line-height:1.5}#ez-toc-container a{color:#007f7b;text-decoration:none}#ez-toc-container .ez-toc-title{font-size:18px;font-weight:700}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;margin:4px;padding:0 12px;border:1px solid #d9e6e6;border-radius:5px;text-decoration:none}.page-numbers.current{color:white;background:#008b83}.pagination{text-align:center;margin:30px 0}.site-sidebar img{object-fit:cover}.article-body:after{content:"";display:block;clear:both}.post-rating{text-align:center;margin:26px 0}.post-rating h2{font-size:18px}.story-card p{color:#53676d;font-size:14px;line-height:1.6;margin:8px 0}.search-empty{padding:24px;background:#f3f8f8}.article-body p{text-align:left}

.recommended-reading .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.recommended-reading .story-grid{grid-template-columns:1fr}}

.table-scroll{max-width:100%;overflow-x:auto;margin:24px 0}.table-scroll table{margin:0!important}.table-scroll:focus-visible{outline:2px solid var(--accent)}
