/* VOLGOGRAD SEVODNYA / premium editorial design v1.2
 * Responsive, content-first, no external fonts or images. CSS loaded last.
 * Inspired by navigation and editorial hierarchy across Russian regional/federal media,
 * with original colors, components, geometry and accessibility controls.
 */
:root {
  --ink:#1a2635; --ink2:#35455a; --dim:#697786; --accent:#b83345;
  --teal:#13776b; --border:#dee3e7; --soft:#f2f4f3;
  --paper:#faf9f6; --white:#ffffff; --w:1280px;
  --editorial-radius:5px;
  --premium-shadow:0 12px 28px rgba(17,32,46,.07);
}
html {scroll-padding-top:75px}
body {background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a,button { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible {outline:3px solid #d96679;outline-offset:3px}
button,input,select {font:inherit}
/* Masthead — compact, strong editorial identity */
.utility {background:#182537!important;color:#e1e7ed!important}
.utility-inner {height:30px!important;font-size:9px!important;font-weight:750!important;letter-spacing:.09em!important}
.utility-signal{width:6px!important;height:6px!important;background:#d64b60!important}
.utility-links{display:flex;gap:23px}
.utility-links a{color:#e2e9ef!important;opacity:.91;text-decoration:none}
.utility-links a:hover{color:white!important;opacity:1}
.site-header{border-bottom:0!important;position:relative;z-index:9}
.masthead{min-height:82px!important;gap:18px!important}
.logo-monogram{font-family:Georgia,"Times New Roman",serif!important;font-size:28px!important;width:56px!important;height:56px!important;border-radius:4px!important;font-weight:800!important;letter-spacing:-.13em!important;background:#18283b!important}
.logo-monogram span{color:#ec6474!important;font-size:22px;transform:translateY(4px)}
.logo-wordmark strong{font-size:25px!important;letter-spacing:-.055em!important;line-height:1!important}
.logo-wordmark>span{font-size:8px!important;letter-spacing:.21em!important;color:#758093!important;line-height:1.4!important;margin-top:5px!important}
.masthead-actions{gap:14px!important}
.masthead-link{color:#506174!important;font-size:12px!important}
.theme-toggle{background:#f4f6f7;border:1px solid #e4e8ec;color:#2e3d51;min-height:39px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:5px;font-size:12px;font-weight:750;cursor:pointer;transition:background .18s}
.theme-toggle:hover{background:#e9edf0}
.theme-icon{font-size:19px;font-family:Georgia,serif;line-height:1}
.submit-tip{background:#b83345!important;border-color:#b83345!important;padding:11px 17px!important;font-size:12px!important;border-radius:4px!important;min-height:41px;display:inline-flex;align-items:center}
.submit-tip:hover{background:#99263a!important}
.navigation-line{position:sticky;top:0;z-index:11;background:#fff;border-top:1px solid #ecedef!important;border-bottom:1px solid #dfe4e7;box-shadow:0 2px 9px rgba(10,25,42,.022)}
.navigation-inner{min-height:52px!important}
.top-nav{gap:25px!important}
.top-nav a{height:52px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;font-size:12px!important;color:#3c4a5b!important;transition:color .18s}
.top-nav a:hover{border-color:#b83345;color:#b83345!important}
.top-nav a:first-child{color:var(--accent)!important;border-color:var(--accent)}
.header-search{height:37px!important;width:184px!important;min-width:170px!important;background:#f7f8f9!important;border-radius:5px!important}
.header-search input{font-size:11px!important}
.header-search button{font-size:18px!important}
/* Breaking / live-service strip — useful links not misleading fake activity */
.city-morning-bar{margin:12px 0 0;display:flex;min-height:42px;border:1px solid #e6e7e5;border-radius:3px;background:#fff;align-items:center;gap:18px;padding:7px 14px;min-width:0}
.pulse-caption{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;font-weight:850;letter-spacing:.12em;font-size:10px;color:#a52339;white-space:nowrap}
.pulse-live{width:7px;height:7px;border-radius:50%;background:#cc4156;display:inline-block}
.pulse-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap;min-width:0}
.pulse-links a{font-size:11px;color:#526070;font-weight:700}
.pulse-links a:hover{color:#b83345}
.pulse-links a span{color:#b83345;margin-left:3px}
/* First fold: news at once, not a landing-page introduction */
.portal-home{padding-top:0!important}
.home-kicker{min-height:35px!important;font-size:10px!important}
.home-kicker-label{color:var(--accent)!important}
.home-kicker>a{margin-left:auto;color:#13776b!important}
.home-heading{display:flex!important;justify-content:space-between;align-items:flex-end;padding:25px 0 17px!important;gap:30px!important;border:0!important}
.home-heading .eyebrow{letter-spacing:.14em!important;font-size:9px!important;color:#64778b!important;margin-bottom:6px!important}
.home-heading h1{font-size:clamp(36px,3.55vw,53px)!important;line-height:1.05!important;font-weight:850!important;letter-spacing:-.07em!important;white-space:normal}
.home-heading h1 em{color:#b83345!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-style:italic!important;font-size:1em!important;letter-spacing:-.065em!important}
.home-heading>p{font-size:12px!important;line-height:1.58!important;color:#687786!important;max-width:350px!important;padding:10px 0 0!important;margin:0 0 3px!important;border-top:1px solid #ccd6db!important}
.portal-headlines{margin:0 0 23px!important}
.home-section-line{margin:0 0 14px!important;padding-bottom:10px!important;border-bottom:1px solid #d8dddf!important}
.home-section-line h2{font-size:clamp(23px,2vw,30px)!important;letter-spacing:-.05em!important}
.home-section-line .eyebrow{color:#aa3747!important;letter-spacing:.14em!important;font-size:9px!important}
.section-more{color:#576478!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;border-bottom:1px solid #aab5bf;padding-bottom:3px}
.section-more:hover{color:#b83345!important;border-color:#b83345}
.portal-hero-grid{grid-template-columns:minmax(0,1.78fr) minmax(265px,.84fr)!important;gap:15px!important}
.portal-feature{min-width:0}
.portal-feature .news-card.featured{border-radius:4px!important;overflow:hidden;border:1px solid var(--border)!important;box-shadow:0 8px 21px rgba(26,45,65,.045)!important;background:#fff!important}
.portal-feature .news-card.featured .card-media{height:clamp(205px,21vw,304px)!important;position:relative}
.portal-feature .news-card.featured .card-media:after{content:"";position:absolute;inset:0;border:1px solid #00000008;pointer-events:none}
.portal-feature .news-card.featured .card-body{padding:20px 25px 22px!important}
.portal-feature .news-card.featured h3{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(30px,2.65vw,39px)!important;letter-spacing:-.044em!important;font-weight:750!important;line-height:1.14!important}
.portal-feature .news-card.featured p{max-width:680px;font-size:13px!important;line-height:1.55!important;color:#67768a!important}
.portal-feature .news-card.featured .featured-bubble{font-size:9px!important;letter-spacing:.13em;padding:6px 8px!important;background:#b83345!important;border-radius:2px!important}
.portal-feature .news-card.featured .card-kicker{font-size:10px!important;color:#ac2e43!important;letter-spacing:.065em!important}
.portal-feature .news-card.featured:not(.has-image) .card-body{min-height:400px!important;background:linear-gradient(135deg,#1c3449,#152436)!important;display:flex;flex-direction:column;justify-content:end}
.portal-feature .news-card.featured:not(.has-image) .card-body:before{content:'34';font-family:Georgia,serif;font-size:245px;color:#ffffff08;right:22px;top:3px}
.portal-feature .news-card.featured:not(.has-image) .card-kicker{color:#ffb2bf!important}
.portal-feature .news-card.featured:not(.has-image) h3{color:#fff!important}
.portal-feature .news-card.featured:not(.has-image) p{color:#d0dce3!important}
.portal-feature .news-card.featured .card-meta{border-color:#e6e8ec!important;color:#728094!important}
.portal-feature .news-card.featured:not(.has-image) .card-meta{border-color:#ffffff36!important;color:#cad5dc!important}
.read-card{font-size:10px;font-weight:800!important;white-space:nowrap}
.portal-brief{border:1px solid #dfe4e8!important;background:#fff!important;padding:19px 21px!important;border-radius:4px!important}
.brief-heading{font-size:18px!important;letter-spacing:-.045em}
.brief-heading>span{font-size:8px!important;color:#a4aeba!important}
.brief-item{gap:15px!important;padding:17px 0!important}
.brief-item strong{font-size:14px!important;line-height:1.36!important;letter-spacing:-.025em!important}
.brief-item small:first-child{color:#a82f43!important;font-size:9px!important}
.brief-item small:last-child{font-size:10px!important}
.brief-number{font-size:20px!important;font-weight:600!important;min-width:23px;color:#a7b1bf!important}
.brief-bottom{color:#a82f43!important;font-weight:800!important;font-size:11px!important}
.portal-feature .news-card:hover h3,.brief-item:hover strong{color:#a72a40!important}
.portal-empty{border:1px solid #294158!important;background:linear-gradient(135deg,#192d40,#122234)!important}
/* Useful city functions — concise and glanceable */
.city-tools-heading{margin:21px 0 10px!important}
.city-tools-heading h2{font-size:23px!important}
.city-tools-heading .eyebrow{color:#8a6770!important;font-size:9px!important}
.home-services{background:#fff!important;border:1px solid #dfe5e6!important;border-radius:5px!important;box-shadow:none!important}
.home-services>a{padding:13px 14px!important;min-height:79px!important;gap:11px!important;border-color:#e7e9ec!important}
.home-services>a:hover{background:#f7f9f8!important;color:var(--ink)!important}
.home-services strong{font-size:12px!important;letter-spacing:-.015em!important}
.home-services small{color:#778597!important;font-size:9.5px!important;line-height:1.38!important}
.home-services .service-icon{width:34px!important;height:34px!important;flex-basis:34px!important;background:#eef2f1!important;color:#2a6f68!important;border:1px solid #e5eae9!important;border-radius:3px!important;font-size:21px!important}
.service-arr{color:#bd3b4d!important}
.district-module{border:1px solid #dfe6e3!important;background:#f0f5f2!important;padding:12px 16px!important;min-height:70px;gap:15px!important;margin:12px 0 0!important;border-radius:4px!important}
.district-module-caption strong{font-size:13px!important}
.district-mark{color:#16786b!important;font-size:20px!important}
.district-picker select{background:white!important;border-color:#dbe2e3!important;color:#263b4a!important}
.district-picker button{background:#176f64!important;font-size:12px!important}
.district-picker button:hover{background:#145b54!important}
.district-privacy{font-size:9px!important}
.portal-latest{margin:35px 0 42px!important}
.portal-news-grid{gap:18px!important}
.portal-news-grid .news-card{box-shadow:none!important;border:1px solid #e0e5e7!important;border-radius:4px!important;background:#fff!important}
.portal-news-grid .card-media{height:180px!important}
.portal-news-grid .card-body{padding:18px 20px 19px!important}
.portal-news-grid .card-body h3{font-size:19px!important;letter-spacing:-.035em!important;line-height:1.36!important}
.portal-news-grid .card-body p{font-size:11.5px!important;line-height:1.55!important}
.portal-news-grid .card-kicker{color:#a93649!important}
.news-card:hover{box-shadow:var(--premium-shadow)!important;transform:translateY(-2px)!important}
.portal-local{background:#1a2c3e!important;border-radius:4px!important}
.portal-local h2 em{color:#f9acb7!important}
.story-tiles a,.reader-cta,.bulletin{border-radius:4px!important}
.site-footer{background:#172636!important}
/* Article editorial tone and responsive reading tools */
.article-v09{padding-top:28px!important}
.article-v09 .story h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:750!important;letter-spacing:-.052em!important;line-height:1.15!important;font-size:clamp(34px,3.75vw,57px)!important}
.article-v09 .story-lead{font-size:clamp(17px,1.55vw,21px)!important;line-height:1.62!important}
.article-v09 .story-content{font-size:var(--reader-font-size,19px)!important;line-height:1.8!important;max-width:730px!important}
.article-v09 .story-content h2{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.article-utility{display:flex;align-items:center;flex-wrap:wrap;gap:14px!important;border-color:#e2e7e8!important}
.article-controls{display:flex;gap:4px;align-items:center;margin-left:auto}
.article-font-btn{font-weight:850;font-size:12px;color:#314357;background:#f1f4f5;border:1px solid #dfe5e8;border-radius:3px;min-height:33px;min-width:35px;cursor:pointer}
.article-font-btn:hover{background:#e3ebec}
.article-v09 .source-note{border-left:3px solid #167a6b!important;background:#eef5f1!important}
.article-v09 .story-sidebar{position:relative}
.article-v09 .sidebar-box{position:sticky;top:82px}
/* Smaller and medium devices */
@media(max-width:1160px){.top-nav{gap:15px!important}.header-search{min-width:135px!important;width:151px!important}.home-heading h1{font-size:44px!important}.pulse-links{gap:13px}}
@media(max-width:850px){
  .masthead{min-height:73px!important}.theme-text{display:none}.theme-toggle{min-width:39px!important;padding:0 8px!important}
  .top-nav{padding:2px 0 7px!important;max-height:calc(100vh - 180px);overflow:auto}
  .top-nav a{width:100%;height:43px!important;display:flex;border-bottom:1px solid #edf0f0}
  .top-nav a:first-child{border-color:#edf0f0}
  .navigation-line{position:relative}
  .pulse-links{gap:13px}.city-morning-bar{flex-wrap:wrap;gap:6px 15px}
  .home-heading{gap:15px!important}.home-heading h1{font-size:41px!important}
  .portal-hero-grid{grid-template-columns:1fr!important}.portal-feature .news-card.featured .card-media{height:280px!important}
  .portal-brief{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:23px}
  .brief-heading,.brief-bottom{grid-column:1/-1}
  .article-v09 .sidebar-box{position:static}
}
@media(max-width:600px){
  .wrap{width:min(calc(100% - 28px),var(--w))!important}
  .utility-inner{height:29px!important}.utility-inner>span{font-size:8px!important}
  .masthead{min-height:72px!important}.logo{gap:8px!important}
  .logo-monogram{width:42px!important;height:42px!important;font-size:23px!important}
  .logo-wordmark strong{font-size:18px!important}.logo-wordmark>span{font-size:7px!important;letter-spacing:.09em!important}
  .masthead-actions{gap:7px!important}.theme-toggle{min-width:35px!important;min-height:35px!important;padding:0 6px!important}.mobile-menu-btn{min-height:36px!important;padding:8px!important;font-size:11px!important}
  .home-kicker{height:30px!important;min-height:30px!important}.home-kicker-date{display:none}
  .home-kicker>a{font-size:9px!important}
  .city-morning-bar{margin-top:9px;padding:10px 11px;gap:8px;min-height:0}
  .pulse-caption{font-size:9px}.pulse-links{display:flex;gap:12px 17px}
  .pulse-links a{font-size:10px}
  .pulse-links a:last-child{display:none}
  .home-heading{padding:20px 0 12px!important;display:block!important}
  .home-heading .eyebrow{font-size:8px!important;margin-bottom:7px!important}
  .home-heading h1{font-size:clamp(34px,9.1vw,43px)!important;line-height:1.08!important}
  .home-heading>p{display:none!important}
  .portal-headlines{margin:0 0 20px!important}
  .home-section-line{margin-bottom:11px!important}.home-section-line h2{font-size:23px!important}
  .portal-feature .news-card.featured .card-media{height:190px!important}
  .portal-feature .news-card.featured .card-body{padding:16px 17px 18px!important}
  .portal-feature .news-card.featured h3{font-size:clamp(25px,7.7vw,33px)!important;line-height:1.17!important}
  .portal-feature .news-card.featured p{font-size:12px!important}
  .portal-feature .news-card.featured:not(.has-image) .card-body{min-height:280px!important}
  .portal-brief{display:block!important;padding:13px 17px!important}
  .brief-heading{font-size:16px!important;padding-bottom:11px!important}
  .brief-item{padding:12px 0!important}.brief-item strong{font-size:13px!important}
  .brief-bottom{padding-top:15px!important}
  .city-tools-heading{margin-top:23px!important}
  .city-tools-heading h2{font-size:20px!important}
  .home-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-services>a{min-height:90px!important;padding:10px 9px!important;gap:8px!important}
  .home-services .service-icon{width:27px!important;height:27px!important;flex-basis:27px!important;font-size:16px!important}
  .home-services strong{font-size:11px!important}.home-services small{font-size:9px!important}
  .district-module{padding:12px!important}.district-picker{width:100%}
  .portal-latest{margin:35px 0!important}.portal-news-grid{grid-template-columns:1fr!important}
  .portal-news-grid .card-media{height:185px!important}
  .article-v09 .story h1{font-size:clamp(31px,8.4vw,40px)!important}
  .article-v09 .story-content{font-size:var(--reader-font-size,18px)!important;line-height:1.72!important}
}
@media(max-width:350px){
  .pulse-links{gap:9px}.pulse-links a{font-size:9px}
  .logo-monogram{width:36px!important;height:36px!important;font-size:21px!important}
  .logo-wordmark strong{font-size:16px!important}
  .mobile-menu-btn{padding:7px!important}
  .theme-toggle{padding:0 5px!important;min-width:32px!important}
  .portal-feature .news-card.featured .card-media{height:170px!important}
  .portal-feature .news-card.featured h3{font-size:25px!important}
}
/* Optional dark scheme: applies to live templates and the design preview. */
html[data-theme='dark']{
  color-scheme:dark;
  --ink:#e7ebf0;--ink2:#d5dbe3;--dim:#a7b4c0;--accent:#f17183;
  --teal:#80caba;--border:#344256;--soft:#1e2c3a;--paper:#0f1a26;--white:#1b2a39;
}
html[data-theme='dark'] body{background:#0f1a26;color:#e7ebf0}
html[data-theme='dark'] .site-header,html[data-theme='dark'] .navigation-line,html[data-theme='dark'] .city-morning-bar,html[data-theme='dark'] .portal-brief,html[data-theme='dark'] .home-services,html[data-theme='dark'] .portal-news-grid .news-card,html[data-theme='dark'] .portal-feature .news-card.featured,html[data-theme='dark'] .portal-feature .news-card.featured .card-body,html[data-theme='dark'] .bulletin,html[data-theme='dark'] .sidebar-box,html[data-theme='dark'] .news-card,html[data-theme='dark'] .story-tiles a,html[data-theme='dark'] .service-card,html[data-theme='dark'] .city-service-card{background:#1b2a39!important;border-color:#344256!important;color:#edf1f4!important}
html[data-theme='dark'] .home-kicker,html[data-theme='dark'] .home-section-line,html[data-theme='dark'] .brief-item,html[data-theme='dark'] .story-meta{border-color:#344256!important}
html[data-theme='dark'] .home-heading h1,html[data-theme='dark'] .home-section-line h2,html[data-theme='dark'] .brief-heading,html[data-theme='dark'] .brief-item strong,html[data-theme='dark'] .portal-feature .news-card.featured h3,html[data-theme='dark'] .portal-news-grid h3,html[data-theme='dark'] .story h1,html[data-theme='dark'] .story-content,html[data-theme='dark'] .story-content h2,html[data-theme='dark'] .city-tools-heading h2,html[data-theme='dark'] .logo{color:#edf1f4!important}
html[data-theme='dark'] .home-heading>p,html[data-theme='dark'] .portal-feature .news-card.featured p,html[data-theme='dark'] .portal-news-grid p,html[data-theme='dark'] .story-lead,html[data-theme='dark'] .story-content p{color:#b4bfca!important}
html[data-theme='dark'] .theme-toggle,html[data-theme='dark'] .header-search,html[data-theme='dark'] .mobile-menu-btn,html[data-theme='dark'] .article-font-btn{background:#26394d!important;color:#e5ecf2!important;border-color:#40536a!important}
html[data-theme='dark'] .top-nav a,html[data-theme='dark'] .masthead-link,html[data-theme='dark'] .pulse-links a{color:#c9d3df!important}
html[data-theme='dark'] .district-module,html[data-theme='dark'] .source-note,html[data-theme='dark'] .article-v09 .source-note{background:#1b332f!important;border-color:#37594f!important}
html[data-theme='dark'] .home-services .service-icon{background:#2a4146!important;color:#a8e0d1!important;border-color:#425a5d!important}
html[data-theme='dark'] .logo-monogram{background:#344c62!important}
html[data-theme='dark'] .site-footer{background:#0b1420!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Compact bar is intentionally desktop-only, not a multi-line mobile header. */
@media(max-width:850px){.utility-links{display:none!important}}
/* Keep semantic labels visibly readable against dark surfaces. */
html[data-theme='dark'] .home-kicker-label,
html[data-theme='dark'] .pulse-caption,
html[data-theme='dark'] .home-section-line .eyebrow,
html[data-theme='dark'] .brief-item small:first-child,
html[data-theme='dark'] .portal-feature .news-card.featured .card-kicker,
html[data-theme='dark'] .portal-news-grid .card-kicker,
html[data-theme='dark'] .city-tools-heading .eyebrow,
html[data-theme='dark'] .home-heading h1 em {color:#ff8a9c!important}
html[data-theme='dark'] .home-kicker>a,
html[data-theme='dark'] .brief-bottom,
html[data-theme='dark'] .section-more {color:#9adccf!important}
html[data-theme='dark'] .logo-wordmark>span{color:#cad5e1!important}
html[data-theme='dark'] .header-search input{color:#ecf3fa!important}
html[data-theme='dark'] .header-search input::placeholder{color:#c4d1dc!important}

/* v1.5 internal CRM adapts to desktop and mobile */
.crm-page .dashboard-review{margin:1.4rem 0}
.crm-table-wrap{max-width:100%;overflow-x:auto}
.crm-table{border-collapse:collapse;width:100%;font-size:.94rem}
.crm-table th,.crm-table td{border-bottom:1px solid var(--border, #ddd);padding:.75rem;text-align:left;white-space:nowrap}
.crm-field{display:grid;gap:.35rem;margin:1rem 0}
.crm-field input,.crm-field select,.crm-field textarea{max-width:min(100%,760px);width:100%;padding:.7rem;border-radius:.4rem;border:1px solid #8a93a3;background:var(--surface,#fff);color:var(--ink,#16212c)}
.crm-edit-form{max-width:760px}.error{color:#b83345}