/* Subscriber-first site additions. */
.top-bar .row { row-gap: 10px; }
.top-bar .samvad-tagline { margin: 3px 0 0; color: #e5f6fc; font: 600 13px/1.45 "Nirmala UI", "Mangal", sans-serif; }
.samvad-mobile-tagline { display: none; }
.navbar.navbar-expand-xl { position: relative; padding: 10px 0; background: linear-gradient(100deg, #0b2437 0%, #123a52 53%, #0a263a 100%); box-shadow: 0 9px 24px rgba(4,34,54,.13); }
.navbar.navbar-expand-xl::after { position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(105,213,235,.38), transparent); content: ""; }
.navbar .navbar-nav { align-items: center; justify-content: center; gap: 2px; }
.navbar .navbar-nav > li { position: relative; padding: 0; }
.navbar .navbar-nav > li > a, .navbar .navbar-nav > li > button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 12px !important; border: 0 !important; border-radius: 8px; background: transparent !important; color: #eaf5f8 !important; cursor: pointer; font: 700 14px/1.4 "Nirmala UI", "Mangal", system-ui, sans-serif; text-decoration: none; white-space: nowrap; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus-visible, .navbar .samvad-nav-dropdown > button:hover, .navbar .samvad-nav-dropdown > button[aria-expanded="true"] { background: rgba(65,177,207,.16) !important; color: #a9eaf6 !important; }
.navbar .navbar-nav > li > a:focus-visible, .navbar .samvad-nav-dropdown > button:focus-visible { outline: 2px solid #83dff2; outline-offset: 2px; }
body.home .navbar .navbar-nav > li:first-child > a { background: rgba(73,187,216,.13) !important; color: #a9eaf6 !important; }
.navbar .navbar-nav > li:last-of-type > a[href*="#todays-package"] { gap: 8px; padding-inline: 15px !important; border: 1px solid rgba(111,211,234,.35) !important; background: rgba(37,139,170,.14) !important; }
.navbar .navbar-nav > li:last-of-type > a[href*="#todays-package"]::before { width: 6px; height: 6px; border-radius: 50%; background: #64d7ea; content: ""; }
.navbar .samvad-nav-dropdown > button { gap: 7px; box-shadow: none; }
.samvad-nav-chevron { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; }
.samvad-nav-dropdown.is-open .samvad-nav-chevron { transform: translateY(2px) rotate(225deg); }
.samvad-nav-dropdown > ul { display: none; position: absolute; z-index: 100; top: 100%; left: 0; min-width: 215px; margin: 0; padding: 6px; border: 1px solid #d9e8ef; border-radius: 8px; background: #fff; box-shadow: 0 16px 35px rgba(0,0,0,.19); list-style: none; }
.samvad-nav-dropdown.is-open > ul { display: block; }
.samvad-nav-dropdown > ul li { display: block; margin: 0; padding: 0; border: 0; }
.navbar .samvad-nav-dropdown > ul a { display: block; padding: 10px 12px !important; border: 0 !important; border-radius: 5px; color: #173d55 !important; font-size: 14px; line-height: 1.4; text-decoration: none; white-space: nowrap; }
.navbar .samvad-nav-dropdown > ul a:hover, .navbar .samvad-nav-dropdown > ul a:focus-visible { background: #e7f5fa; color: #006c91 !important; }
.footer.samvad-site-footer { position: relative; overflow: hidden; margin-top: 0; padding: 66px 0 0; background: radial-gradient(circle at 8% 0%, rgba(28,133,170,.28), transparent 32%), linear-gradient(125deg, #102f45 0%, #0c263a 52%, #082235 100%) !important; color: #e6f4f7; font-family: "Nirmala UI", "Mangal", system-ui, sans-serif; }
.footer.samvad-site-footer::before { position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #0aa1c8, #78d6df 45%, #0a8bb5); content: ""; }
.footer.samvad-site-footer p { margin: 0; padding: 0; color: #bcd3db; font-size: 14px; font-weight: 500; line-height: 1.65; }
.samvad-footer-main { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 2.1fr); gap: clamp(42px, 5vw, 80px); padding-bottom: 47px; }
.samvad-footer-brand { min-width: 0; }
.samvad-footer-logo { display: inline-block; max-width: 300px; padding: 7px 10px; border: 1px solid rgba(179,237,249,.48); border-radius: 12px; background: #00adef; box-shadow: 0 10px 25px rgba(0,9,26,.13); }
.samvad-footer-logo img { display: block; width: min(100%, 260px); height: auto; }
.footer.samvad-site-footer .samvad-footer-tagline { margin-top: 5px; color: #d5f3f8; font-size: 13px; font-weight: 750; }
.footer.samvad-site-footer .samvad-footer-intro { max-width: 300px; margin-top: 24px; color: #adcbd5; }
.samvad-footer-primary-link { display: inline-flex; align-items: center; gap: 17px; min-height: 43px; margin-top: 22px; padding: 9px 15px; border: 1px solid rgba(126,219,231,.55); border-radius: 9px; background: rgba(56,166,187,.16); color: #e9fbfd; font-size: 13px; font-weight: 850; text-decoration: none; transition: background-color .18s ease, transform .18s ease; }
.samvad-footer-primary-link:hover { transform: translateY(-2px); background: #d6f5f4; color: #0d4254; }
.samvad-footer-primary-link span, .samvad-footer-press-link span { font-size: 18px; line-height: 1; }
.samvad-footer-nav { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .8fr); gap: clamp(28px, 4vw, 65px); }
.samvad-footer-nav h2 { position: relative; margin: 4px 0 26px; padding-bottom: 15px; color: #fff; font-size: 17px; font-weight: 850; line-height: 1.4; }
.samvad-footer-nav h2::after { position: absolute; bottom: 0; left: 0; width: 34px; height: 3px; border-radius: 3px; background: #5bcfdb; content: ""; }
.samvad-footer-nav ul { margin: 0; padding: 0; list-style: none; }
.samvad-footer-categories ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
.samvad-footer-useful ul { display: grid; gap: 12px; }
.samvad-footer-nav li { margin: 0; padding: 0; }
.samvad-footer-nav li a { display: inline-flex; align-items: flex-start; gap: 8px; color: #c9dee5; font-size: 13px; font-weight: 650; line-height: 1.4; text-decoration: none; transition: color .18s ease, transform .18s ease; }
.samvad-footer-nav li a::before { flex: 0 0 5px; width: 5px; height: 5px; margin-top: 7px; border-radius: 50%; background: #4dc3d1; content: ""; }
.samvad-footer-nav li a:hover { transform: translateX(3px); color: #fff; }
.samvad-footer-press-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 9px; margin-top: 26px; padding: 10px 13px; border: 1px solid rgba(116,215,225,.5); border-radius: 9px; background: rgba(84,188,204,.13); color: #f0fdff; font-size: 13px; font-weight: 850; text-decoration: none; transition: background-color .18s ease, transform .18s ease; }
.samvad-footer-press-link:hover { transform: translateY(-2px); background: #d6f5f4; color: #0d4254; }
.samvad-site-footer a:focus-visible { outline: 2px solid #91e7ee; outline-offset: 4px; }
.samvad-footer-credit { display: flex; align-items: flex-start; gap: 18px; padding: 18px 20px; border: 1px solid rgba(157,220,230,.2); border-radius: 11px; background: rgba(255,255,255,.055); }
.samvad-footer-credit strong { flex: 0 0 auto; padding: 5px 9px; border-radius: 6px; background: rgba(68,180,196,.17); color: #98e5eb; font-size: 12px; font-weight: 850; white-space: nowrap; }
.footer.samvad-site-footer .samvad-footer-credit p { color: #c6dae1; font-size: 12px; }
.samvad-footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; margin-top: 32px; padding: 24px 0 27px; border-top: 1px solid rgba(190,228,236,.16); color: #9fbcc6; font-size: 12px; line-height: 1.5; }
.samvad-footer-bottom a { color: #e5f7fa; font-weight: 750; text-decoration: underline; text-decoration-color: rgba(229,247,250,.4); text-underline-offset: 3px; }
.samvad-footer-bottom a:hover { color: #75d9e5; }
.back-to-top { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.34); border-radius: 12px; background: linear-gradient(145deg, #0e8faf, #0b597a); box-shadow: 0 8px 22px rgba(5,51,72,.25); }
.back-to-top:hover { background: #0a4260; transform: translateY(-2px); }
@media (max-width: 1000px) { .samvad-footer-main { grid-template-columns: 1fr; gap: 42px; } .samvad-footer-brand { display: grid; justify-items: start; } .footer.samvad-site-footer .samvad-footer-intro { margin-top: 15px; } }
@media (max-width: 640px) { .footer.samvad-site-footer { padding-top: 49px; } .samvad-footer-main { gap: 36px; padding-bottom: 34px; } .samvad-footer-nav { grid-template-columns: 1fr; gap: 29px; } .samvad-footer-categories ul { gap: 11px 13px; } .samvad-footer-nav h2 { margin-bottom: 20px; } .samvad-footer-credit { flex-direction: column; gap: 11px; } .samvad-footer-bottom { margin-top: 25px; padding-block: 20px 27px; } }
.samvad-plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.samvad-plan-price strong { font-size: clamp(26px, 3vw, 40px); }
.samvad-plan-register-link, .samvad-plan-pending { display: block; margin-top: auto; padding: 12px; border-radius: 8px; text-align: center; font-weight: 800; }
.samvad-plan-register-link { background: #0d4966; color: #fff; }
.samvad-plan-register-link:hover { color: #fff; background: #0b354c; }
.samvad-plan-pending { background: #ecf2f5; color: #526779; }
.samvad-register-page .samvad-register-field select { display: block; width: 100%; height: 48px; padding: 10px 14px; border: 1px solid #cbd8e2; border-radius: 9px; background: #fff; color: #17283a; font: inherit; }
@media (max-width: 1199px) {
  .navbar .navbar-brand { display: flex; flex-direction: column; align-items: flex-start; max-width: calc(100% - 62px); margin-right: 0; }
  .navbar .samvad-mobile-tagline { display: block; margin-top: 3px; color: #e9f8fd; font: 600 11px/1.35 "Nirmala UI", "Mangal", sans-serif; white-space: normal; }
  .navbar.navbar-expand-xl { padding: 10px 0; background: #00adef !important; box-shadow: none; }
  .navbar.navbar-expand-xl::after { display: none; }
  .navbar .navbar-collapse { margin-top: 12px; padding: 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: #10364d; box-shadow: 0 15px 28px rgba(4,38,60,.18); }
  .navbar .navbar-nav { width: 100%; align-items: stretch; gap: 2px; padding: 0 !important; }
  .navbar .navbar-nav > li { width: 100%; border: 0 !important; }
  .navbar .navbar-nav > li > a, .navbar .navbar-nav > li.samvad-nav-dropdown > button { justify-content: flex-start; width: 100%; min-height: 42px; padding: 10px 12px !important; }
  .navbar .navbar-nav > li:last-of-type > a[href*="#todays-package"] { width: max-content; margin: 7px 0 3px; }
  .samvad-nav-dropdown > ul { position: static; width: 100%; margin: 2px 0 8px; box-shadow: none; }
}
@media (max-width: 900px) { .samvad-plan-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
  .top-bar .samvad-tagline { font-size: 11px; }
  .top-bar .buttons-flex { flex-wrap: wrap; justify-content: flex-start; }
  .top-bar .buttons-flex .samvad-header-action { font-size: 12px; min-height: 38px; padding: 7px 10px; }
}

/* Mobile navigation: a compact, scrollable drawer with clear actions. */
.samvad-mobile-menu-head,
.samvad-mobile-menu-backdrop,
.samvad-mobile-menu-label { display: none; }
@media (min-width: 1200px) {
  .navbar .mobile-button { display: none; }
}
@media (max-width: 1199px) {
  body.samvad-menu-open { overflow: hidden; }
  .samvad-mobile-menu-backdrop { position: fixed; z-index: 999; inset: 0; width: 100%; border: 0; background: rgba(3, 22, 35, .66); cursor: pointer; }
  body.samvad-menu-open .samvad-mobile-menu-backdrop { display: block; }
  .navbar .navbar-collapse.show,
  .navbar .navbar-collapse.collapsing { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; display: block; width: min(430px, 100vw); height: 100dvh !important; max-height: none; margin: 0; padding: 22px 20px 26px; overflow-y: auto; overscroll-behavior: contain; border: 0; border-radius: 22px 0 0 22px; background: linear-gradient(155deg, #102f46, #08263a); box-shadow: -25px 0 60px rgba(3, 19, 31, .3); transition: none; }
  .samvad-mobile-menu-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 22px; padding-bottom: 18px; border-bottom: 1px solid rgba(188, 232, 242, .22); color: #fff; font-family: "Nirmala UI", "Mangal", system-ui, sans-serif; }
  .samvad-mobile-menu-head span { display: block; color: #a3dce9; font-size: 12px; font-weight: 700; }
  .samvad-mobile-menu-head strong { display: block; margin-top: 2px; font-size: 20px; line-height: 1.3; }
  .samvad-mobile-menu-close { display: grid; flex: 0 0 38px; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255,255,255,.3); border-radius: 10px; background: rgba(255,255,255,.09); color: #fff; font: 400 29px/1 system-ui; cursor: pointer; }
  .samvad-mobile-menu-close:focus-visible { outline: 3px solid #83dff2; outline-offset: 2px; }
  .navbar .navbar-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 8px; width: 100%; margin: 0 !important; padding: 0 !important; }
  .navbar .navbar-nav > li { min-width: 0; width: auto; margin: 0; }
  .navbar .navbar-nav > li:first-child,
  .navbar .navbar-nav > li.samvad-mobile-menu-label,
  .navbar .navbar-nav > li.samvad-nav-dropdown,
  .navbar .navbar-nav > li:last-of-type { grid-column: 1 / -1; }
  .navbar .navbar-nav > li.samvad-mobile-menu-label { display: block; margin: 9px 0 2px; color: #89c8d9; font: 800 11px/1.4 "Nirmala UI", "Mangal", system-ui, sans-serif; letter-spacing: .07em; }
  .navbar .navbar-nav > li > a,
  .navbar .navbar-nav > li.samvad-nav-dropdown > button { display: flex; align-items: center; justify-content: flex-start; width: 100%; min-height: 48px; padding: 11px 13px !important; border: 1px solid rgba(150, 208, 224, .18) !important; border-radius: 11px; background: rgba(255,255,255,.065) !important; color: #f2fbfd !important; font-size: 14px; line-height: 1.35; white-space: normal; }
  .navbar .navbar-nav > li:first-child > a { background: rgba(40, 158, 188, .25) !important; }
  .navbar .navbar-nav > li:last-of-type > a[href*="#todays-package"] { width: 100%; margin: 0; border-color: rgba(83, 203, 217, .45) !important; background: rgba(36, 131, 160, .2) !important; }
  .samvad-nav-dropdown > ul { margin: 7px 0 0; border: 1px solid rgba(150, 208, 224, .24); border-radius: 11px; background: #fff; }
  .navbar .mobile-button { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; width: 100%; margin: 22px 0 0; padding-top: 18px; border-top: 1px solid rgba(188, 232, 242, .22); }
  .navbar .mobile-button > .nav-item { display: block !important; width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  .navbar .mobile-button > .nav-item:last-child { grid-column: 1 / -1; }
  .navbar .mobile-button .samvad-header-action { display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 46px; padding: 10px !important; border-radius: 10px; font-size: 13px; text-align: center; white-space: normal; }
  .navbar .mobile-button .samvad-header-action-primary { border-color: #33bfd6 !important; background: #22a5c3; color: #fff !important; }
  .navbar .mobile-button .samvad-header-action-secondary { background: rgba(255,255,255,.09) !important; color: #fff !important; }
  .navbar .mobile-button .samvad-header-action-press { border-color: #fff !important; background: #fff; color: #075b7f !important; }
}
@media (max-width: 350px) {
  .navbar .navbar-collapse.show,
  .navbar .navbar-collapse.collapsing { padding-inline: 14px; }
}

.samvad-home { color: #172d3c; background: #f5f8fa; font-family: "Nirmala UI", "Mangal", system-ui, sans-serif; }
.samvad-home * { box-sizing: border-box; }
.samvad-home-shell { width: min(1220px, calc(100% - 40px)); margin-inline: auto; }
.samvad-home a { text-decoration: none; }
.samvad-home a:focus-visible { outline: 3px solid #48b7d9; outline-offset: 3px; }
.samvad-home-kicker { display: block; color: #0c8aae; font-size: 12px; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; }
.samvad-home-hero { position: relative; isolation: isolate; overflow: hidden; padding: 76px 0 82px; background: #f8fbfa; }
.samvad-home-hero::before { position: absolute; z-index: -1; inset: 0; content: ""; background-image: linear-gradient(90deg, rgba(250,252,251,.97) 0%, rgba(250,252,251,.91) 34%, rgba(250,252,251,.4) 62%, rgba(250,252,251,.05) 100%), url("../assets/images/newspaper-package-hero.jpg"); background-size: cover; background-position: center 62%; }
.samvad-home-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); align-items: start; gap: clamp(36px, 5vw, 80px); }
.samvad-home-hero-copy { max-width: 730px; }
.samvad-home-hero h1 { max-width: 690px; margin: 16px 0 22px; color: #0c3047; font-size: clamp(30px, 3.4vw, 40px); font-weight: 850; line-height: 1.4; letter-spacing: -.015em; }
.samvad-home-hero p { max-width: 710px; margin: 0; color: #405d6e; font-size: 17px; line-height: 1.8; }
.samvad-home-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.samvad-home-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 12px 21px; border-radius: 9px; font-size: 15px; font-weight: 800; }
.samvad-home-actions .is-primary { background: #0c7fa5; color: #fff; }
.samvad-home-actions .is-primary:hover { background: #086c8f; }
.samvad-home-actions .is-secondary { border: 1px solid #0c7fa5; color: #0c698a; }
.samvad-home-actions .is-secondary:hover { background: #e6f6fa; }
.samvad-home-hero .samvad-hero-delivery-note { display: flex; align-items: flex-start; gap: 9px; max-width: 660px; margin-top: 22px; color: #315a6e; font-size: 13px; font-weight: 700; line-height: 1.5; }
.samvad-hero-delivery-note::before { flex: none; width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: #0b98b8; content: ""; }
.samvad-home-hero-panel { position: relative; overflow: hidden; scroll-margin-top: 155px; margin-top: 3px; padding: 30px 32px 31px; border: 1px solid rgba(195,218,226,.9); border-radius: 22px; background: linear-gradient(142deg, rgba(255,255,255,.98), rgba(244,250,252,.95)); box-shadow: 0 26px 65px rgba(12,47,70,.17), 0 3px 12px rgba(12,47,70,.05); backdrop-filter: blur(8px); color: #123b53; }
.samvad-home-hero-panel::before { position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, #087fa4, #46b8cc 55%, #d4eef1); content: ""; }
.samvad-home-hero-panel::after { position: absolute; z-index: -1; right: -56px; top: -82px; width: 210px; height: 210px; border-radius: 50%; border: 1px solid rgba(8,127,164,.08); box-shadow: 0 0 0 24px rgba(8,127,164,.025), 0 0 0 49px rgba(8,127,164,.018); content: ""; }
.samvad-hero-panel-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 23px; }
.samvad-hero-panel-icon { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #cae7ee; border-radius: 12px; background: #e8f7fa; color: #067da0; }
.samvad-hero-panel-icon svg { width: 27px; height: 27px; }
.samvad-hero-panel-state { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #f2dfb3; border-radius: 100px; background: #fff8e8; color: #82570b; font-size: 11px; font-weight: 850; white-space: nowrap; }
.samvad-hero-panel-state::before { width: 7px; height: 7px; border-radius: 50%; background: #d99d28; content: ""; }
.samvad-home-hero-panel.is-uploaded .samvad-hero-panel-state, .samvad-home-hero-panel.is-emailed .samvad-hero-panel-state { border-color: #bce4d0; background: #eaf8ef; color: #186342; }
.samvad-home-hero-panel.is-uploaded .samvad-hero-panel-state::before, .samvad-home-hero-panel.is-emailed .samvad-hero-panel-state::before { background: #32a56b; }
.samvad-home-hero-panel.is-delayed::before { background: linear-gradient(90deg, #ce7940, #efb66b); }
.samvad-home-hero-panel.is-delayed .samvad-hero-panel-state { border-color: #edc9a6; background: #fff3e8; color: #955023; }
.samvad-home-hero-panel.is-delayed .samvad-hero-panel-state::before { background: #d98143; }
.samvad-home-hero-panel .samvad-hero-panel-label { display: block; color: #087b9f; font-size: 12px; font-weight: 850; letter-spacing: .025em; }
.samvad-home-hero-panel strong { display: block; margin: 9px 0 13px; font-size: 26px; line-height: 1.3; }
.samvad-home-hero-panel p { color: #395b6e; font-size: 14px; line-height: 1.7; }
.samvad-hero-panel-time { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 22px; padding: 16px 0; border-top: 1px solid #dbe9ed; border-bottom: 1px solid #dbe9ed; color: #607b89; font-size: 12px; font-weight: 700; }
.samvad-hero-panel-time b { color: #173e55; font-size: 14px; white-space: nowrap; }
.samvad-hero-panel-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 20px; }
.samvad-home-hero-panel .samvad-hero-panel-actions a { color: #006f94; font-size: 14px; font-weight: 850; }
.samvad-home-hero-panel .samvad-hero-panel-actions a:hover { color: #064b67; }
.samvad-home-hero-panel.is-preparing .samvad-hero-panel-actions a:first-child { display: inline-flex; justify-content: center; padding: 11px 16px; border-radius: 8px; background: #123b53; color: #fff; }
.samvad-home-hero-panel.is-preparing .samvad-hero-panel-actions a:first-child:hover { background: #075d7d; color: #fff; }
.samvad-home-hero-panel.is-delayed .samvad-hero-panel-actions a:first-child { display: inline-flex; justify-content: center; padding: 11px 16px; border-radius: 8px; background: #123b53; color: #fff; }
.samvad-home-hero-panel.is-delayed .samvad-hero-panel-actions a:first-child:hover { background: #075d7d; color: #fff; }
.samvad-home-hero-panel .samvad-hero-panel-actions .samvad-hero-download { padding: 9px 12px; border-radius: 7px; background: #087fa4; color: #fff; }
.samvad-home-hero-panel .samvad-hero-panel-actions .samvad-hero-download:hover { background: #086784; color: #fff; }
.samvad-home-categories { scroll-margin-top: 105px; padding-block: 78px 88px; }
.samvad-home-section-head { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 28px; }
.samvad-home-section-head h2 { margin: 8px 0 0; color: #17364b; font-size: clamp(27px, 3vw, 37px); font-weight: 850; }
.samvad-home-section-head > p { max-width: 320px; margin: 0; color: #627586; font-size: 14px; line-height: 1.6; }
.samvad-home-categories > .samvad-home-section-head { padding-bottom: 23px; border-bottom: 1px solid #d7e5eb; }
.samvad-home-categories > .samvad-home-section-head > p { max-width: 325px; padding: 11px 15px; border-left: 3px solid #1597b6; border-radius: 0 8px 8px 0; background: #e9f3f7; color: #3c6174; }
.samvad-home-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.samvad-home-category { --samvad-card-accent: #0a89ad; position: relative; min-width: 0; overflow: hidden; border: 1px solid #dce9ed; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(13, 48, 68, .055); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.samvad-home-category:nth-child(3n + 2) { --samvad-card-accent: #267a9b; }
.samvad-home-category:nth-child(3n) { --samvad-card-accent: #1b788a; }
.samvad-home-category::before { position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--samvad-card-accent), #62c6d0); content: ""; }
.samvad-home-category:hover { transform: translateY(-3px); border-color: #b9dce5; box-shadow: 0 18px 38px rgba(13, 48, 68, .105); }
.samvad-home-category-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 103px; padding: 22px 23px 18px; border-bottom: 1px solid #e5eef1; background: linear-gradient(120deg, #f3fafc 0%, #fff 82%); }
.samvad-home-category-title { display: flex; align-items: center; gap: 12px; min-width: 0; }
.samvad-home-category-title > div { min-width: 0; }
.samvad-home-category-number { display: grid; flex: 0 0 40px; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #e0f1f5; color: var(--samvad-card-accent); font: 850 15px/1 "Nirmala UI", "Mangal", sans-serif; }
.samvad-home-category h3 { margin: 0 0 5px; font-size: 21px; font-weight: 850; line-height: 1.3; }
.samvad-home-category h3 a { color: #173b51; }
.samvad-home-category-head small { display: block; color: #6b8391; font-size: 11px; font-weight: 650; line-height: 1.4; }
.samvad-home-category-all { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 8px 10px; border: 1px solid #d0e5eb; border-radius: 9px; background: #fff; color: #087d9f; font-size: 12px; font-weight: 800; line-height: 1.3; white-space: nowrap; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
.samvad-home-category-all span:last-child { font-size: 16px; line-height: 1; }
.samvad-home-category-all:hover { border-color: #0e88a8; background: #0e88a8; color: #fff; }
.samvad-home-category ul { margin: 0; padding: 7px 23px 18px; list-style: none; }
.samvad-home-category li { position: relative; padding: 13px 9px 13px 15px; border-bottom: 1px solid #ebf1f3; border-radius: 6px; transition: background-color .18s ease; }
.samvad-home-category li::before { position: absolute; top: 20px; left: 0; width: 4px; height: 18px; border-radius: 3px; background: var(--samvad-card-accent); opacity: .55; content: ""; }
.samvad-home-category li:hover { background: #f2f9fb; }
.samvad-home-category li:last-child { border-bottom: 0; }
.samvad-home-category li > a { display: block; color: #244355; font-size: 15px; font-weight: 780; line-height: 1.45; }
.samvad-home-category li:first-child > a { color: #153a50; font-weight: 850; }
.samvad-home-category li > a:hover, .samvad-home-category h3 a:hover { color: #007fa6; }
.samvad-home-category a:focus-visible { outline: 2px solid #0b8daf; outline-offset: 3px; }
.samvad-home-story-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; margin-top: 7px; color: #6b8290; font-size: 11px; line-height: 1.35; }
.samvad-access-badge { padding: 4px 7px; border-radius: 5px; background: #e9f0f4; color: #315c70; font-size: 10px; font-weight: 850; letter-spacing: .025em; text-transform: uppercase; }
.samvad-access-badge.is-open { background: #e2f4e9; color: #136a49; }
.samvad-home-empty { margin: 18px 23px 24px; padding: 22px; border: 1px dashed #c9dde5; border-radius: 11px; background: #f7fafb; color: #617c8b; font-size: 13px; line-height: 1.6; }
.samvad-home-plans { position: relative; overflow: hidden; scroll-margin-top: 105px; padding: 84px 0 82px; background: radial-gradient(circle at 88% 5%, rgba(139,207,225,.35), transparent 35%), linear-gradient(180deg, #eaf4f7, #e3eff3); }
.samvad-home-plans > .samvad-home-shell { position: relative; }
.samvad-home-plans .samvad-home-section-head { margin-bottom: 38px; }
.samvad-home-plans-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 21px; }
.samvad-home-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid #d1e2e9; border-radius: 21px; background: #fff; box-shadow: 0 14px 32px rgba(22,65,83,.06); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.samvad-home-plan:hover, .samvad-home-plan:focus-within { transform: translateY(-5px); border-color: #83c3d5; box-shadow: 0 20px 42px rgba(16,72,95,.13); }
.samvad-home-plan.is-recommended { overflow: hidden; border-color: #0c7899; background: radial-gradient(circle at 100% 0%, rgba(71,178,197,.23), transparent 48%), linear-gradient(155deg, #153e55, #0b2d43 78%); box-shadow: 0 23px 48px rgba(8,48,72,.22); color: #fff; transform: translateY(-7px); }
.samvad-home-plan.is-recommended:hover, .samvad-home-plan.is-recommended:focus-within { transform: translateY(-11px); box-shadow: 0 28px 55px rgba(8,48,72,.28); }
.samvad-home-plan.is-recommended::before { position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, #4cd1d9, #c4edf0); content: ""; }
.samvad-home-plan-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 30px; color: #69909d; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.samvad-home-plan.is-recommended .samvad-home-plan-top { color: #9ddce7; }
.samvad-home-plan-recommended { padding: 6px 9px; border: 1px solid rgba(255,230,162,.55); border-radius: 999px; background: rgba(232,175,55,.16); color: #ffdfa2; font-size: 11px; font-weight: 850; letter-spacing: 0; white-space: nowrap; }
.samvad-home-plan h3 { margin: 16px 0 4px; color: #123b53; font-size: 29px; font-weight: 850; line-height: 1.2; }
.samvad-home-plan.is-recommended h3 { color: #fff; }
.samvad-home-plan-description { min-height: 35px; margin: 0; color: #5a7584; font-size: 14px; line-height: 1.5; }
.samvad-home-plan.is-recommended .samvad-home-plan-description { color: #c1dce4; }
.samvad-home-plan-price { display: flex; align-items: baseline; gap: 7px; margin: 20px 0 11px; color: #173d52; }
.samvad-home-plan-price strong { font-size: clamp(35px, 3.2vw, 44px); font-weight: 900; letter-spacing: -.04em; line-height: 1; }
.samvad-home-plan-price span { color: #6e8794; font-size: 15px; font-weight: 700; }
.samvad-home-plan.is-recommended .samvad-home-plan-price, .samvad-home-plan.is-recommended .samvad-home-plan-price span { color: #fff; }
.samvad-home-plan-archive { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; align-self: flex-start; margin: 0; padding: 7px 10px; border-radius: 7px; background: #edf6f8; color: #315a6b; font-size: 12px; font-weight: 750; }
.samvad-home-plan-archive span { color: #718e9b; font-size: 10px; font-weight: 700; }
.samvad-home-plan.is-recommended .samvad-home-plan-archive { background: rgba(255,255,255,.12); color: #e7f8fb; }
.samvad-home-plan.is-recommended .samvad-home-plan-archive span { color: #bcdce5; }
.samvad-home-plan-divider { height: 1px; margin: 24px 0 22px; background: #e1ebef; }
.samvad-home-plan.is-recommended .samvad-home-plan-divider { background: rgba(255,255,255,.18); }
.samvad-home-plan h4 { margin: 0 0 14px; color: #173d52; font-size: 14px; font-weight: 850; }
.samvad-home-plan.is-recommended h4 { color: #e8f8fb; }
.samvad-home-plan ul { display: grid; gap: 11px; margin: 0 0 27px; padding: 0; color: #3b5869; list-style: none; }
.samvad-home-plan li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; font-weight: 700; line-height: 1.45; }
.samvad-home-plan li::before { display: grid; flex: 0 0 18px; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #dcf2ea; color: #087752; font-size: 11px; font-weight: 900; content: "✓"; }
.samvad-home-plan.is-recommended li { color: #e2f1f5; }
.samvad-home-plan.is-recommended li::before { background: rgba(104,216,191,.2); color: #a0f2d7; }
.samvad-home-plan-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 47px; margin-top: auto; padding: 10px 14px; border: 1px solid #c8e0e8; border-radius: 9px; background: #f1f8fa; color: #0a6c8a; font-size: 14px; font-weight: 850; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.samvad-home-plan-link span { font-size: 21px; line-height: 1; }
.samvad-home-plan-link:hover { background: #0b7899; color: #fff; transform: translateY(-1px); }
.samvad-home-plan-link:focus-visible { outline: 3px solid #56cbd9; outline-offset: 3px; }
.samvad-home-plan.is-recommended .samvad-home-plan-link { border-color: #bde9e9; background: #c4f0ec; color: #0c4051; }
.samvad-home-plan.is-recommended .samvad-home-plan-link:hover { background: #fff; color: #0b5267; }
.samvad-home-credit-rule { margin: 27px 0 0; padding: 14px 18px; border: 1px solid #d4e5eb; border-radius: 10px; background: rgba(255,255,255,.58); color: #4c6876; font-size: 13px; line-height: 1.7; }
@media (min-width: 1200px) { .samvad-home-categories, .samvad-home-plans { scroll-margin-top: 180px; } }
.samvad-story-body.is-open-sample { user-select: none; -webkit-user-select: none; }
.samvad-story-credit { margin-top: 25px; font-weight: 800; }
.samvad-article-export { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 22px 0; }
.samvad-article-export button, .samvad-article-export a { display: inline-flex; align-items: center; min-height: 42px; padding: 9px 15px; border: 1px solid #0c7fa5; border-radius: 7px; background: #0c7fa5; color: #fff; font: 800 14px/1.4 "Nirmala UI", "Mangal", sans-serif; cursor: pointer; text-decoration: none; }
.samvad-article-export a { background: #fff; color: #0c698a; }
.samvad-article-export button:hover { background: #086b8e; }
.samvad-article-export a:hover { background: #eaf6f9; }
.samvad-article-export #samvad-copy-status { color: #28704c; font-size: 13px; }
.samvad-article-meta time { white-space: nowrap; }
@media (max-width: 900px) { .samvad-home-hero-grid { grid-template-columns: 1fr; } .samvad-home-hero::before { background-image: linear-gradient(180deg, rgba(250,252,251,.98) 0%, rgba(250,252,251,.94) 48%, rgba(250,252,251,.68) 100%), url("../assets/images/newspaper-package-hero.jpg"); background-position: center, right bottom; background-size: cover, auto 510px; } .samvad-home-hero-panel { width: min(100%, 540px); } .samvad-home-category-grid, .samvad-home-plans-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .samvad-home-plan.is-recommended { order: -1; transform: none; } .samvad-home-plan.is-recommended:hover, .samvad-home-plan.is-recommended:focus-within { transform: translateY(-4px); } }
@media (max-width: 680px) { .samvad-home-shell { width: min(100% - 28px, 1220px); } .samvad-home-section-head { align-items: start; flex-direction: column; } .samvad-home-hero { padding: 48px 0 64px; } .samvad-home-hero h1 { font-size: clamp(32px, 8.4vw, 36px); } .samvad-home-hero p { font-size: 15px; } .samvad-home-hero-panel { padding: 25px; } .samvad-home-hero-panel strong { font-size: 23px; } .samvad-home-category-grid { grid-template-columns: 1fr; } .samvad-home-categories, .samvad-home-plans { padding-block: 50px; } }
@media (max-width: 680px) { .samvad-home-plan { padding: 25px; } .samvad-home-plan-price strong { font-size: 38px; } .samvad-home-plans .samvad-home-section-head { margin-bottom: 26px; } }
@media (max-width: 350px) { .samvad-home-category-head { padding-inline: 16px; } .samvad-home-category-number { flex-basis: 36px; width: 36px; height: 36px; } .samvad-home-category h3 { font-size: 18px; } .samvad-home-category-all-label { display: none; } }
