:root { --accent: #d7242f; --accent2: #d7242f; --accent3: #a01318; --ink: #16161a; --muted: #6b6b70; --line: #e8e8ec; --sans: 'Noto Sans Devanagari',Tahoma,sans-serif; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--sans); background: rgb(255, 255, 255); color: var(--ink); line-height: 1.6; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button { cursor: pointer; font-family: var(--sans); }
.wrap { max-width: 1240px; margin: 0px auto; padding: 0px 16px; }
.hidden { display: none !important; }
html { font-size: 16px; text-size-adjust: 100%; }
body { font-size: 1rem; }
img { max-width: 100%; }
#readProgress { position: fixed; top: 0px; left: 0px; height: 3px; width: 0px; background: var(--accent); z-index: 1400; }
.cat-strip-wrap { background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); }
.cat-strip { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 10px 0px; white-space: nowrap; align-items: center; }
.cat-strip::-webkit-scrollbar { display: none; }
.cat-strip a { font-size: 0.72rem; font-weight: 700; padding: 10px; color: rgb(255, 255, 255); cursor: pointer; text-decoration: none; white-space: nowrap; flex: 0 0 auto; transition: color 0.2s; border-right: 1px solid rgb(51, 51, 51); }
.cat-strip a:hover { color: rgb(255, 255, 255); }
.cat-strip a.on { color: rgb(255, 255, 255); font-weight: 800; }
.cat-strip a:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
@media (max-width: 860px) {
  .cat-strip-wrap { display: none; }
  .cat-strip-wrap.open { display: block; }
}
@media (max-width: 520px) {
  .cat-strip a { font-size: 0.8rem; padding: 7px 12px; }
}
.ad-banner-top { background: rgb(255, 255, 255); padding: 14px 0px 4px; }
.ad-banner-top .wrap { display: flex; justify-content: center; }
.ad-banner-top a { display: block; max-width: 970px; width: 100%; border-radius: 8px; overflow: hidden; border: 1px solid var(--line); }
.ad-banner-top img { display: block; width: 100%; height: auto; max-height: 190px; object-fit: cover; }
.header-inner { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 24px; padding: 16px 0px; }
.logo { display: flex; align-items: center; gap: 10px; }
.logo img { height: 80px; width: auto; border-radius: 10px; }
.logo-img { height: 44px; width: auto; border-radius: 6px; }
.masthead-name { display: flex; align-items: baseline; gap: 2px; line-height: 1; }
.masthead-name strong { font-weight: 800; font-size: 1.5rem; color: var(--accent); }
.masthead-name span { font-weight: 800; font-size: 1.5rem; color: var(--ink); }
.logo .masthead-name strong, .logo .masthead-name span { font-weight: 900; -webkit-text-stroke: 0.7px currentcolor; }
.masthead-name small { font-size: 0.6rem; letter-spacing: 4px; color: var(--muted); font-weight: 700; }
.brand-tagline { text-align: center; min-width: 0px; }
.brand-tagline strong { display: block; font-size: 1rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand-tagline strong em { color: var(--accent); font-style: normal; }
.brand-tagline span { font-size: 0.74rem; color: var(--muted); letter-spacing: 1px; }
header { position: relative; z-index: 960; }
.header-actions { display: flex; align-items: center; gap: 10px; justify-content: flex-end; }
.header-mid { display: flex; align-items: center; min-width: 0px; }
.language-switcher { position: relative; }
.lang-select-trigger { display: inline-flex; align-items: center; justify-content: space-between; gap: 6px; width: auto; min-width: 140px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.75rem; color: var(--ink); cursor: pointer; white-space: nowrap; line-height: 1.45; }
.lang-select-trigger .lang-globe, .lang-select-trigger .lang-chevron { color: var(--accent); display: inline-flex; flex: 0 0 auto; }
.lang-trigger-text { min-width: 0px; display: inline-flex; align-items: center; gap: 4px; }
.lang-prefix { color: var(--muted); flex: 0 0 auto; }
.lang-current { font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 64px; }
.lang-trigger-text { display: inline-flex; align-items: baseline; min-width: 0px; flex: 1 1 0%; }
.lang-select-menu { position: absolute; top: calc(100% + 8px); left: 0px; z-index: 1000; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 34px; padding: 6px; min-width: 172px; }
.lang-option { display: block; width: 100%; text-align: left; background: transparent; border: 0px; border-radius: 8px; padding: 9px 12px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.8rem; color: var(--ink); cursor: pointer; white-space: nowrap; }
.lang-option:hover { background: rgb(244, 244, 246); }
.lang-option[aria-selected="true"] { background: rgba(230, 0, 0, 0.08); color: var(--accent); font-weight: 700; }
.goog-te-banner-frame, .goog-te-balloon-frame, #goog-gt-tt, .goog-tooltip, .goog-te-gadget-simple { display: none !important; }
.skiptranslate:not(.goog-te-gadget) { display: none !important; }
body { top: 0px !important; position: static !important; }
.search-box { display: flex; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; background: rgb(255, 255, 255); }
.search-box input { border: 0px; outline: 0px; padding: 9px 15px; font-family: var(--sans); font-size: 0.88rem; min-width: 0px; flex: 1 1 0%; }
.search-box button { background: transparent; border: 0px; padding: 0px 13px; color: var(--accent2); font-size: 1rem; }
.app-dl { background: var(--accent2); color: rgb(255, 255, 255); border: 0px; border-radius: 999px; padding: 9px 16px; font-weight: 700; font-size: 0.85rem; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.epaper-btn { background: rgb(16, 16, 19); color: rgb(255, 255, 255); border: 0px; border-radius: 999px; padding: 9px 16px; font-weight: 700; font-size: 0.85rem; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; text-decoration: none; }
.epaper-btn:hover { background: rgb(0, 0, 0); }
.app-dl:hover { background: var(--accent3); }
.hamburger { display: none; background: transparent; border: 0px; font-size: 1.2rem; color: var(--ink); padding: 6px 10px; }
.ham-search { display: none; background: transparent; border: 0px; color: var(--ink); font-size: 1.05rem; padding: 6px 8px; cursor: pointer; }
@media (max-width: 860px) {
  .header-inner { grid-template-columns: auto 1fr auto auto; grid-template-areas: "logo mid search burger"; }
  .logo { grid-area: logo; }
  .header-mid { grid-area: mid; display: flex; align-items: center; justify-content: center; min-width: 0px; }
  .header-mid .lang-select-trigger { width: 108px; min-width: 0px; font-size: 0.7rem; padding: 5px 10px; gap: 5px; }
  .header-mid .lang-prefix { display: none; }
  #hamBtn { grid-area: burger; }
  .ham-search { grid-area: search; display: inline-flex; }
  .header-actions { display: none !important; }
  .brand-tagline { display: none; }
  .logo img { height: 60px; }
  .masthead-name strong, .masthead-name span { font-size: 1.25rem; }
  .hamburger { display: inline-flex; }
  .newsletter-strip { display: none !important; }
}
.ticker-bar { background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); }
.ticker-flex { display: flex; align-items: stretch; min-height: 40px; }
.ticker-label { background: linear-gradient(135deg, rgb(153, 0, 0), rgb(213, 4, 7)); color: rgb(255, 255, 255); font-weight: 800; font-size: 0.78rem; padding: 0px 14px; display: flex; align-items: center; gap: 7px; letter-spacing: 1px; flex: 0 0 auto; }
.ticker-track { overflow: hidden; flex: 1 1 0%; min-width: 0px; }
.tt-move { display: inline-flex; gap: 34px; padding: 0px 17px; white-space: nowrap; animation: 60s linear 0s infinite normal none running ttm; }
@keyframes ttm { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.tt-item { font-size: 0.85rem; color: var(--ink); cursor: pointer; padding: 10px 0px; display: inline-flex; align-items: center; gap: 12px; }
.tt-item b { font-weight: 600; font-size: 0.85rem; }
.tt-item:hover b { color: var(--accent2); }
.tt-item i { color: var(--accent2); font-size: 0.6rem; }
.hero-section { padding: 18px 0px 6px; }
.yt-section { padding: 14px 0px 2px; }
.yt-section .section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.yt-section .section-title { margin-bottom: 0px; }
.yt-sub { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, rgb(255, 0, 0), rgb(204, 0, 0)); color: rgb(255, 255, 255); font-weight: 700; font-size: 0.82rem; padding: 9px 16px; border-radius: 999px; text-decoration: none; white-space: nowrap; }
.yt-sub:hover { background: linear-gradient(135deg, rgb(230, 0, 0), rgb(166, 0, 0)); }
.yt-layout { display: grid; grid-template-columns: minmax(0px, 720px) 1fr; gap: 18px; align-items: start; }
.yt-player { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.14) 0px 6px 22px; background: rgb(0, 0, 0); }
.yt-player iframe { position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; display: block; }
.yt-list { display: flex; flex-direction: column; gap: 12px; min-width: 0px; }
.yt-li { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink); background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 10px; padding: 8px; min-width: 0px; }
.yt-li:hover { border-color: var(--accent); }
.yt-li img { width: 152px; height: 76px; object-fit: cover; border-radius: 7px; flex: 0 0 auto; background: rgb(238, 238, 238); }
.yt-li-body { min-width: 0px; display: flex; flex-direction: column; gap: 4px; }
.yt-li-body b { font-size: 0.95rem; line-height: 1.4; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.yt-li-meta { font-size: 0.78rem; color: var(--muted); }
@media (max-width: 860px) {
  .yt-layout { grid-template-columns: 1fr; }
  .yt-list { gap: 10px; }
}
.hero-premium { display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 0.85fr); grid-template-rows: 1fr 1fr; gap: 12px; min-height: 520px; }
.hero-main { grid-area: 1 / 1 / 3; position: relative; border-radius: 8px; overflow: hidden; min-height: 520px; display: block; background: rgb(34, 34, 34); }
.hero-main img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hero-overlay { position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.05) 32%, rgba(0, 0, 0, 0.88)); }
.hero-main-body { position: relative; z-index: 2; margin-top: auto; padding: 26px; color: rgb(255, 255, 255); max-width: 100%; min-height: 520px; display: flex; flex-direction: column; justify-content: flex-end; }
.hero-main-body:empty { display: none; }
.hero-cat { display: inline-block; background: var(--accent2); color: rgb(255, 255, 255); font-size: 0.72rem; font-weight: 800; padding: 3px 10px; border-radius: 3px; letter-spacing: 0.5px; margin-bottom: 10px; align-self: flex-start; }
.hero-main-body h1 { font-size: 34px; line-height: 1.32; font-weight: 800; }
.hero-main-body p { font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.92); margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hero-main-meta { font-size: 0.78rem; color: rgba(255, 255, 255, 0.72); margin-top: 10px; letter-spacing: 0.5px; }
.hero-secondary-grid { grid-area: 1 / 2 / 3; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; }
.hero-card { position: relative; border-radius: 8px; overflow: hidden; min-height: 0px; background: rgb(34, 34, 34); }
.hero-card img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hero-card .hero-overlay { background: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.8)); }
.hero-card-body { position: relative; z-index: 2; margin-top: auto; padding: 14px; color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: flex-end; min-height: 100%; }
.hero-card-cat { font-size: 0.62rem; font-weight: 800; color: rgb(255, 214, 214); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }
.hero-card-body h3 { font-size: 15px; line-height: 1.4; font-weight: 700; }
@media (max-width: 1100px) {
  .hero-premium { grid-template-columns: 1fr; grid-template-rows: auto; min-height: 0px; }
  .hero-main { grid-area: auto / 1; min-height: 400px; }
  .hero-secondary-grid { grid-area: auto / 1; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .hero-card { min-height: 190px; }
}
@media (max-width: 768px) {
  .hero-main { min-height: 300px; }
  .hero-main-body { min-height: 300px; padding: 20px; }
  .hero-main-body h1 { font-size: 23px; }
  .hero-secondary-grid { grid-template-columns: 1fr; }
  .hero-card { display: flex; flex-direction: row; align-items: center; gap: 12px; min-height: 0px; aspect-ratio: auto; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 8px; }
  .hero-card img { position: static; width: 98px; height: 78px; flex: 0 0 auto; object-fit: cover; object-position: center 30%; }
  .hero-card .hero-overlay { display: none; }
  .hero-card-body { margin: 0px; padding: 6px 10px 6px 0px; min-height: 0px; color: var(--ink); justify-content: center; }
  .hero-card-cat { color: var(--accent2); margin-bottom: 3px; }
  .hero-card-body h3 { font-size: 13px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .ticker-flex { min-height: 30px; }
  .tt-move { gap: 20px; }
  .tt-item { font-size: 0.74rem; padding: 5px 0px; gap: 7px; }
  .tt-item b { font-size: 0.74rem; }
  .ticker-label { font-size: 0.64rem; padding: 0px 9px; gap: 5px; letter-spacing: 0.5px; }
}
@media (max-width: 520px) {
  .hero-card { aspect-ratio: auto; }
}
.content-wrap { padding: 14px 16px 0px; }
.content-grid { display: grid; grid-template-columns: minmax(0px, 1fr) 336px; gap: 28px; align-items: start; }
.section { margin: 20px 0px 8px; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.section-title { font-size: 1.2rem; font-weight: 800; position: relative; padding-bottom: 10px; display: flex; align-items: center; gap: 9px; }
.section-title i { color: var(--accent2); }
.section-title::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; background: linear-gradient(90deg,var(--accent2),var(--line)); border-radius: 2px; }
.see-all { background: var(--accent2); color: rgb(255, 255, 255); border: 0px; border-radius: 4px; padding: 6px 12px; font-weight: 700; font-size: 0.8rem; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.see-all:hover { background: var(--accent3); }
.stories-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 22px; }
.story-card { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; }
.story-card:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 24px; }
.story-thumb { position: relative; aspect-ratio: 16 / 10; background: rgb(238, 238, 238); overflow: hidden; }
.story-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.story-thumb .ph { height: 100%; }
.story-badge { position: absolute; left: 8px; top: 8px; background: var(--accent2); color: rgb(255, 255, 255); font-size: 0.64rem; font-weight: 800; padding: 2px 8px; border-radius: 3px; }
.story-body { padding: 12px 13px 14px; }
.card-title { font-size: 15px; font-weight: 700; line-height: 1.42; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(2.84em); }
.story-card:hover .card-title { color: var(--accent2); }
.card-meta { font-size: 0.72rem; color: var(--muted); margin-top: 7px; }
.top-list { display: flex; flex-direction: column; }
.top-li { display: flex; gap: 12px; align-items: baseline; padding: 11px 2px; border-bottom: 1px solid var(--line); cursor: pointer; text-decoration: none; color: inherit; }
.top-li:first-child { padding-top: 2px; }
.top-li:last-child { border-bottom: 0px; }
.top-li:hover .top-txt b { color: var(--accent2); }
.top-num { font-size: 1.15rem; font-weight: 800; color: var(--accent); min-width: 24px; font-style: italic; }
.top-txt { flex: 1 1 0%; min-width: 0px; }
.top-txt b { font-size: 15px; font-weight: 700; line-height: 1.42; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.top-meta { font-size: 0.72rem; color: var(--muted); margin-top: 3px; display: block; }
.sidebar { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 76px; min-width: 0px; }
.panel { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 6px; padding: 14px; min-width: 0px; }
.panel-title { font-size: 0.98rem; font-weight: 800; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--accent2); display: flex; align-items: center; gap: 8px; }
.panel-title i { color: var(--accent2); }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); display: inline-block; animation: 1.2s ease 0s infinite normal none running pulse; }
@keyframes pulse { 
  50% { opacity: 0.25; }
}
.mr-list { display: flex; flex-direction: column; counter-reset: mr 0; }
.mr-list .r-item { display: flex; gap: 11px; align-items: center; padding: 8px 2px; cursor: pointer; border-bottom: 1px solid var(--line); }
.mr-list .r-item:last-child { border-bottom: 0px; }
.mr-list .r-item::before { counter-increment: mr 1; content: counter(mr); font-family: 'Poppins',var(--sans); font-size: 1.25rem; font-weight: 800; color: rgb(236, 196, 196); flex: 0 0 auto; width: 22px; text-align: right; }
.mr-list .r-item img { width: 58px; height: 48px; border-radius: 5px; object-fit: cover; flex: 0 0 auto; }
.mr-list .r-item h5 { font-size: 0.84rem; font-weight: 600; line-height: 1.4; min-width: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mr-list .r-item:hover h5 { color: var(--accent2); }
.r-empty { color: var(--muted); font-size: 0.85rem; padding: 6px 0px; }
.live-items { display: flex; flex-direction: column; }
.live-item { display: flex; gap: 9px; align-items: flex-start; padding: 7px 2px; cursor: pointer; border-bottom: 1px dashed var(--line); }
.live-item:last-child { border-bottom: 0px; }
.live-item .ldot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); margin-top: 7px; flex: 0 0 auto; }
.live-item b { font-size: 0.85rem; font-weight: 600; line-height: 1.45; }
.live-item:hover b { color: var(--accent2); }
.social-row { display: flex; gap: 8px; }
.social-row a { width: 38px; height: 38px; border-radius: 50%; background: rgb(240, 240, 243); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; font-size: 1.05rem; }
.social-row a:hover { background: var(--accent2); color: rgb(255, 255, 255); }
.cat-section { margin: 22px 0px 8px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 6px; padding: 16px 16px 22px; scroll-margin-top: 82px; }
.cat-section .section-title { font-size: 1.08rem; }
.cat-section .stories-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px 18px; }
@media (max-width: 1000px) {
  .cat-section .stories-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .cat-section .stories-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .cat-section .stories-grid { grid-template-columns: 1fr; }
}
.newsletter-strip { margin-top: 30px; background: linear-gradient(100deg,#990000,var(--accent2) 55%,#d84a4a); color: rgb(255, 255, 255); overflow: hidden; position: relative; }
.wrap-nl { max-width: 1240px; margin: 0px auto; padding: 28px 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; position: relative; z-index: 2; }
.newsletter-strip strong { display: block; font-size: 1.12rem; font-weight: 800; }
.newsletter-strip span { font-size: 0.85rem; color: rgba(255, 255, 255, 0.92); }
.strip-form { display: flex; gap: 8px; flex: 1 1 0%; min-width: 260px; max-width: 430px; }
.strip-form input { flex: 1 1 0%; min-width: 0px; border: 0px; border-radius: 999px; padding: 12px 18px; font-size: 0.9rem; font-family: var(--sans); outline: none; }
.strip-form button { border: 0px; border-radius: 999px; background: rgb(16, 16, 19); color: rgb(255, 255, 255); font-weight: 700; padding: 12px 20px; font-size: 0.9rem; white-space: nowrap; }
.strip-form button:hover { background: rgb(0, 0, 0); }
.strip-plane { font-size: 2.6rem; position: absolute; right: 30px; bottom: -16px; opacity: 0.18; z-index: 1; }
#nlMsg { color: rgb(255, 214, 214); font-weight: 700; font-size: 0.86rem; display: none; margin-top: 8px; }
footer { background: rgb(16, 16, 19); color: rgb(185, 185, 191); margin-top: 0px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 30px; padding: 38px 0px 26px; }
footer h5 { color: rgb(255, 255, 255); font-size: 0.92rem; font-weight: 800; margin-bottom: 13px; }
footer ul { list-style: none; }
footer ul li { margin-bottom: 8px; }
footer ul a { color: rgb(185, 185, 191); font-size: 0.88rem; }
footer ul a:hover { color: rgb(255, 255, 255); }
#fCat { display: flex; flex-direction: column; gap: 8px; max-height: 138px; overflow-y: auto; padding-right: 6px; scrollbar-width: thin; scrollbar-color: rgb(58, 58, 66) transparent; }
#fCat::-webkit-scrollbar { width: 6px; }
#fCat::-webkit-scrollbar-thumb { background: rgb(58, 58, 66); border-radius: 3px; }
#fCat::-webkit-scrollbar-track { background: transparent; }
#fCat li { margin-bottom: 0px; }
.footer-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.footer-logo img { height: 56px; width: auto; border-radius: 10px; }
.footer-logo .masthead-name strong { font-size: 1.35rem; color: var(--accent); }
.footer-logo .masthead-name span { font-size: 1.35rem; color: rgb(255, 255, 255); }
footer .about-p { font-size: 0.87rem; line-height: 1.75; margin: 10px 0px 14px; max-width: 300px; }
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 16px 0px; font-size: 0.8rem; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; color: rgb(141, 141, 149); }
.footer-bottom a { color: rgb(141, 141, 149); margin-left: 14px; }
.footer-bottom a:hover { color: rgb(255, 255, 255); }
.follow-strip { border-top: 1px solid var(--line); background: rgb(255, 255, 255); }
.follow-strip .follow-inner { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; flex-wrap: wrap; }
.follow-strip .follow-label { color: var(--ink); font-size: 0.95rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; }
.follow-strip .fr-links { display: flex; gap: 8px; }
.follow-strip .fr-links a { width: 44px; height: 44px; border-radius: 50%; background: rgb(240, 240, 243); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.follow-strip .fr-links a:hover { background: var(--accent2); color: rgb(255, 255, 255); }
a.soc-fb { background: rgb(24, 119, 242) !important; color: rgb(255, 255, 255) !important; }
a.soc-yt { background: rgb(255, 0, 0) !important; color: rgb(255, 255, 255) !important; }
a.soc-wa { background: rgb(37, 211, 102) !important; color: rgb(255, 255, 255) !important; }
a.soc-tg { background: rgb(34, 158, 217) !important; color: rgb(255, 255, 255) !important; }
a.soc-x { background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
a.soc-ig { background: radial-gradient(circle at 30% 107%, rgb(253, 244, 151) 0%, rgb(253, 244, 151) 5%, rgb(253, 89, 73) 45%, rgb(214, 36, 159) 60%, rgb(40, 90, 235) 90%) !important; color: rgb(255, 255, 255) !important; }
a.soc-fb:hover, a.soc-yt:hover, a.soc-wa:hover, a.soc-tg:hover, a.soc-x:hover, a.soc-ig:hover { filter: brightness(1.12); color: rgb(255, 255, 255) !important; }
.art-byline { display: flex; align-items: center; gap: 7px; margin: 8px 0px 2px; font-size: 0.9rem; color: var(--muted); }
.art-byline i { color: var(--accent2); }
.art-byline a { color: var(--accent2); font-weight: 700; text-decoration: none; }
.art-byline a:hover { text-decoration: underline; }
.art-share-row { display: flex; align-items: center; gap: 8px; margin: 8px 0px 12px; flex-wrap: wrap; }
.asr-label { font-size: 0.82rem; font-weight: 700; color: var(--muted); }
.art-share-row a, .art-share-row button { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; border: 0px; cursor: pointer; }
.art-share-row a { color: rgb(255, 255, 255) !important; }
#shCopy { background: rgb(22, 22, 26); color: rgb(255, 255, 255); }
#shCopy.ok { background: rgb(10, 138, 60); }
.pager { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 20px 0px 26px; }
.pager button { background: var(--accent2); color: rgb(255, 255, 255); border: 0px; border-radius: 999px; padding: 9px 22px; font-weight: 700; font-size: 0.88rem; cursor: pointer; }
.pager button:disabled { opacity: 0.4; cursor: default; }
.pager span { font-size: 0.85rem; color: var(--muted); font-weight: 700; }
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
  .footer-grid { grid-template-columns: 1fr; }
}
#article { padding: 28px 0px 40px; background: rgb(255, 255, 255); }
.art-grid { display: grid; grid-template-columns: 280px minmax(0px, 1fr) 300px; gap: 24px; align-items: start; }
.art-left, .art-right { position: sticky; top: 78px; display: flex; flex-direction: column; gap: 16px; }
.art-center { min-width: 0px; }
.art-minis { display: flex; flex-direction: column; }
.art-mini { display: flex; gap: 10px; align-items: center; padding: 8px 0px; border-bottom: 1px dashed var(--line); cursor: pointer; }
.art-mini:last-child { border-bottom: 0px; }
.art-mini img { width: 64px; height: 46px; object-fit: cover; border-radius: 5px; flex: 0 0 auto; background: rgb(238, 238, 238); }
.art-mini h4 { font-size: 0.82rem; font-weight: 600; line-height: 1.4; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.art-mini:hover h4 { color: var(--accent2); }
.art-mini-c { font-size: 0.68rem; color: var(--accent2); font-weight: 700; letter-spacing: 0.5px; }
.art-share .social-row { gap: 8px; margin: 0px; }
.art-share .social-row a { width: 34px; height: 34px; font-size: 0.95rem; }
@media (max-width: 1180px) {
  .art-grid { grid-template-columns: minmax(0px, 1fr) 300px; }
  .art-left { display: none; }
}
@media (max-width: 900px) {
  .art-grid { grid-template-columns: 1fr; }
  .art-right { position: static; }
  .art-left { display: none; }
}
.art-box { width: 100%; }
.art-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.back-btn { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 6px; padding: 8px 14px; font-size: 0.85rem; font-weight: 700; color: var(--ink); }
.back-btn:hover { border-color: var(--accent2); color: var(--accent2); }
.art-bread { font-size: 0.8rem; color: var(--muted); }
.art-bread .ac { color: var(--accent2); font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-right: 10px; cursor: pointer; border-bottom: 2px dashed transparent; transition: 0.2s; }
.art-bread .ac:hover { border-bottom-color: var(--accent2); }
#artTitle { font-size: 1.9rem; line-height: 1.35; font-weight: 800; margin-bottom: 16px; }
.art-img { margin: 6px 0px 14px; }
.art-img img { width: 100%; border-radius: 8px; max-height: 520px; object-fit: cover; }
.art-src { font-size: 0.76rem; color: var(--muted); margin-bottom: 10px; }
.art-src a { color: var(--blue,#1da1f2); text-decoration: none; }
.art-src a:hover { text-decoration: underline; }
.art-tags { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; max-width: 100%; }
.art-tags span { background: rgb(242, 242, 245); border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; font-size: 0.75rem; color: var(--muted); min-width: 0px; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
#artBody { font-size: 1.06rem; line-height: 1.9; color: rgb(42, 42, 46); margin-top: 8px; }
#artBody p { margin-bottom: 14px; }
#artBody figure.mc-video { margin: 18px 0px; max-width: 100%; }
#artBody figure.mc-video iframe, #artBody figure.mc-video video { display: block; width: 100%; max-width: 100%; border: 0px; border-radius: 8px; aspect-ratio: 16 / 9; background: rgb(0, 0, 0); }
#artBody figure.mc-video video { aspect-ratio: auto; }
#artBody figure.mc-video figcaption { font-size: 0.8rem; color: var(--muted); text-align: center; margin-top: 6px; }
.related { margin: 34px 0px 0px; }
.related h3 { font-size: 1.15rem; font-weight: 800; padding-bottom: 10px; border-bottom: 3px solid var(--accent2); margin-bottom: 16px; display: inline-block; }
.rel-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }
@media (max-width: 640px) {
  .rel-grid { grid-template-columns: 1fr 1fr; }
}
.rl { cursor: pointer; }
.rl img { width: 100%; border-radius: 6px; aspect-ratio: 16 / 10; object-fit: cover; }
.rl h5 { font-weight: 700; font-size: 0.92rem; line-height: 1.45; margin-top: 8px; }
.rl:hover h5 { color: var(--accent2); }
.rl .rl-c { font-size: 0.7rem; color: var(--accent2); font-weight: 700; margin-top: 5px; display: block; }
.comments { margin: 34px 0px 0px; padding: 22px; border: 1px solid var(--line); border-radius: 8px; }
.comments h3 { font-size: 1.15rem; font-weight: 800; margin-bottom: 4px; }
#cmCount { font-size: 0.83rem; color: var(--muted); margin-bottom: 12px; display: block; border-bottom: 1px dashed var(--line); padding-bottom: 10px; }
.cm-item { padding: 12px 0px; border-bottom: 1px dashed var(--line); }
.cm-list .cm-item:last-child { border-bottom: 0px; }
.c-head { display: flex; gap: 10px; align-items: center; margin-bottom: 5px; }
.c-name { font-weight: 700; font-size: 0.9rem; color: var(--accent2); }
.c-meta { font-size: 0.74rem; color: var(--muted); }
.cm-item p { font-size: 0.93rem; color: rgb(51, 51, 51); }
.cm-empty { color: var(--muted); font-size: 0.9rem; padding: 8px 0px 14px; }
.cm-form { display: grid; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 2px solid var(--ink); }
.cm-form input, .cm-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 6px; padding: 11px 13px; font-family: var(--sans); background: rgb(255, 255, 255); outline: none; font-size: 0.93rem; }
.cm-form input:focus, .cm-form textarea:focus { border-color: var(--accent2); }
.cm-form textarea { min-height: 90px; resize: vertical; }
.cm-form .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 560px) {
  .cm-form .row2 { grid-template-columns: 1fr; }
}
.cm-form button { background: var(--accent2); color: rgb(255, 255, 255); border: 0px; border-radius: 6px; padding: 12px 30px; font-weight: 700; font-size: 1rem; justify-self: start; }
.cm-form button:hover { background: var(--accent3); }
#cmMsg { color: var(--accent2); font-weight: 600; font-size: 0.9rem; display: none; }
.widget-card { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; min-width: 0px; margin-bottom: 18px; }
.widget-card:last-child { margin-bottom: 0px; }
.widget-card .tradingview-widget-container { overflow: visible; }
.widget-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; color: rgb(255, 255, 255); background: rgb(17, 17, 17); border-bottom: 3px solid var(--accent); }
.widget-head span { color: rgb(255, 255, 255); background: var(--accent); padding: 4px 7px; font-size: 11px; font-weight: 900; text-transform: uppercase; border-radius: 4px; white-space: nowrap; }
.widget-head strong { min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.92rem; font-weight: 800; color: rgb(255, 255, 255); }
.sidebar-market-widget { min-height: 300px; overflow: visible; }
.widget-more-link { display: flex; align-items: center; justify-content: center; margin: 10px 12px 12px; padding: 9px 14px; color: rgb(255, 255, 255); background: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: 0.04em; border-radius: 999px; text-decoration: none; }
.widget-more-link:hover { background: var(--accent2); }
.ad-widget-card { padding: 0px; }
.ad-widget-card .ad-widget-link { display: block; width: 100%; }
.ad-widget-card img { display: block; width: 100%; height: auto; object-fit: cover; }
.weather-live { position: relative; display: grid; gap: 6px; padding: 16px 14px; min-height: 108px; background: rgb(255, 255, 255); overflow: hidden; }
.weather-live::before { content: ""; position: absolute; right: 18px; top: 18px; width: 92px; height: 92px; opacity: 0.16; pointer-events: none; border-radius: 50%; }
.weather-live::after { content: ""; position: absolute; right: 36px; top: 44px; width: 78px; height: 34px; border-radius: 999px; background: rgb(146, 164, 184); opacity: 0.14; box-shadow: rgb(146, 164, 184) -28px 7px 0px 8px, rgb(146, 164, 184) 24px 8px 0px 4px; pointer-events: none; }
.weather-live strong { position: relative; z-index: 1; color: rgb(17, 17, 17); font-size: 1.15rem; line-height: 1.2; }
.weather-live span { position: relative; z-index: 1; color: rgb(68, 68, 68); font-size: 13px; }
.weather-live small { position: relative; z-index: 1; color: var(--muted); font-size: 11px; font-weight: 800; }
.weather-sun::before, .weather-cloud-sun::before { background: rgb(255, 189, 46); box-shadow: rgb(255, 189, 46) 0px 0px 28px; }
.weather-cloud::before, .weather-rain::before, .weather-storm::before { background: rgb(159, 176, 194); box-shadow: rgb(159, 176, 194) -30px 20px 0px -12px, rgb(159, 176, 194) 22px 20px 0px -10px; }
.weather-rain::after, .weather-storm::after { opacity: 0.18; box-shadow: rgb(146, 164, 184) -28px 7px 0px 8px, rgb(146, 164, 184) 24px 8px 0px 4px, rgb(29, 142, 209) -20px 52px 0px -12px, rgb(29, 142, 209) 3px 59px 0px -12px, rgb(29, 142, 209) 27px 52px 0px -12px; }
.horoscope-widget { background: rgb(255, 255, 255); }
.horoscope-slider { height: 236px; overflow: hidden; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(250, 250, 250) 100%); }
.horoscope-track { display: grid; }
.horoscope-item { display: grid; grid-template-columns: 46px minmax(0px, 1fr); gap: 10px; align-items: center; width: 100%; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); background: transparent; text-align: left; cursor: pointer; min-height: 76px; padding: 12px 14px; font: inherit; }
.horoscope-item:last-child { border-bottom: 0px; }
.horoscope-item:hover { background: rgb(251, 251, 251); }
.horoscope-item .horoscope-zod { width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg, rgb(255, 227, 179), rgb(255, 210, 161)); font-size: 1.7rem; line-height: 1; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; font-family: "Segoe UI Emoji", "Noto Color Emoji", "Noto Emoji", "Apple Color Emoji", "Twemoji Mozilla", sans-serif; }
.horoscope-copy { display: block; min-width: 0px; }
.horoscope-item strong { display: block; color: var(--accent); margin-bottom: 4px; font-size: 0.88rem; text-transform: uppercase; }
.horoscope-item span { display: -webkit-box; color: rgb(51, 51, 51); overflow: hidden; font-size: 0.82rem; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.horoscope-full { display: grid; gap: 5px; padding: 12px 14px; background: rgb(255, 247, 248); border-top: 1px solid var(--line); }
.horoscope-full strong { color: var(--accent); font-size: 0.86rem; text-transform: uppercase; }
.horoscope-full span { color: rgb(51, 51, 51); font-size: 0.84rem; line-height: 1.45; }
.mkt-block { margin: 0px 0px 26px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.mkt-head { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: rgb(17, 17, 17); color: rgb(255, 255, 255); }
.mkt-head span { background: var(--accent); padding: 3px 8px; font-size: 0.66rem; font-weight: 900; border-radius: 4px; text-transform: uppercase; color: rgb(255, 255, 255); }
.mkt-head strong { color: rgb(255, 255, 255); font-size: 0.95rem; }
.wth-box { margin: 0px 0px 26px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; padding: 16px; }
.wth-radar { position: relative; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; border: 1px solid var(--line); background: rgb(238, 241, 244); }
.wth-radar iframe { position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; }
.wth-cities { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 10px; }
.wth-city { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 10px; padding: 12px; text-align: center; }
.wth-city .wth-name { font-weight: 800; font-size: 0.9rem; display: block; }
.wth-city .wth-emo { font-size: 1.55rem; display: block; margin: 4px 0px; }
.wth-city .wth-temp { font-size: 1.2rem; font-weight: 800; color: var(--accent2); display: block; }
.wth-city .wth-txt { font-size: 0.76rem; color: var(--muted); display: block; }
.wth-note { margin: 0px; font-size: 0.8rem; color: var(--muted); }
@media (max-width: 640px) {
  .wth-cities { grid-template-columns: repeat(2, 1fr); }
}
.info-subhead { font-size: 1rem; font-weight: 800; color: rgb(17, 17, 17); margin: 6px 0px 10px; }
.cat-feat { margin: 26px 0px 10px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 10px; padding: 18px 18px 20px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 14px; scroll-margin-top: 82px; }
.cf-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 2px solid var(--line); padding-bottom: 12px; margin-bottom: 16px; }
.cf-title { font-size: 1.25rem; font-weight: 800; color: var(--ink); display: flex; align-items: center; gap: 10px; padding-left: 12px; border-left: 4px solid var(--accent2); }
.cf-ico { width: 26px; height: 26px; border-radius: 6px; background: var(--accent2); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 0.78rem; flex: 0 0 auto; }
.cf-wrap { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); gap: 20px; align-items: stretch; }
.cat-feat.flip .cf-wrap { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.15fr); }
.cat-feat.flip .cf-lead { order: 2; }
.cf-lead { display: block; color: inherit; background: rgb(250, 250, 252); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; cursor: pointer; text-decoration: none; }
.cf-lead:hover h3 { color: var(--accent2); }
.cf-lead-img { width: 100%; height: 300px; object-fit: cover; display: block; background: rgb(238, 238, 238); }
.cf-lead .ph { width: 100%; height: 300px; }
.cf-lead-body { padding: 14px 16px 16px; min-height: 162px; display: flex; flex-direction: column; }
.cf-lead-body .card-meta { margin-top: auto; }
.cf-badge { display: inline-block; background: var(--accent2); color: rgb(255, 255, 255); font-size: 0.68rem; font-weight: 800; border-radius: 4px; padding: 3px 9px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 9px; }
.cf-lead h3 { font-size: 1.03rem; font-weight: 700; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0px 0px 8px; }
.cf-lead p { font-size: 0.85rem; color: var(--muted); line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0px 0px 10px; }
.cf-list { display: flex; flex-direction: column; justify-content: space-between; }
.cf-row { display: flex; gap: 13px; align-items: center; flex: 1 1 0%; padding: 10px 0px; border-bottom: 1px dashed var(--line); cursor: pointer; text-decoration: none; color: inherit; }
.cf-row:last-child { border-bottom: 0px; }
.cf-row img, .cf-row .ph { width: 108px; height: 74px; object-fit: cover; border-radius: 6px; flex: 0 0 auto; background: rgb(238, 238, 238); }
.cf-row-cat { font-size: 0.66rem; color: var(--accent2); font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-bottom: 3px; }
.cf-row h4 { font-size: 0.9rem; font-weight: 700; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0px 0px 5px; }
.cf-row:hover h4 { color: var(--accent2); }
.cf-row-meta { font-size: 0.7rem; color: var(--muted); }
@media (max-width: 1000px) {
  .cf-wrap, .cat-feat.flip .cf-wrap { grid-template-columns: 1fr; }
  .cat-feat.flip .cf-lead { order: 0; }
}
@media (max-width: 560px) {
  .cf-lead-img, .cf-lead .ph { height: 230px; }
  .cf-row img, .cf-row .ph { width: 92px; height: 66px; }
}
.info-page { padding: 30px 0px 46px; background: rgb(255, 255, 255); min-height: 62vh; }
.info-head { max-width: 860px; margin: 0px auto 20px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; border-bottom: 3px solid var(--accent2); padding-bottom: 14px; }
.info-head .back-btn { margin-right: 4px; }
.info-title { font-size: 1.6rem; font-weight: 800; margin: 0px; display: flex; align-items: center; gap: 11px; }
.info-title i { color: var(--accent2); }
.info-body { max-width: 860px; margin: 0px auto; color: rgb(51, 51, 51); line-height: 1.9; font-size: 0.95rem; }
.info-body h3 { margin: 24px 0px 8px; font-size: 1.1rem; color: var(--ink); display: flex; align-items: center; gap: 8px; }
.info-body h3 i { color: var(--accent2); font-size: 0.9rem; }
.info-body p { margin: 0px 0px 12px; }
.info-body ul { padding-left: 22px; margin: 0px 0px 16px; }
.info-body li { margin-bottom: 6px; }
.info-body strong { color: var(--ink); }
.tbl-box { background: rgb(250, 250, 252); border: 1px solid var(--line); border-radius: 8px; padding: 20px; margin: 16px 0px; }
.tbl-box p { margin: 6px 0px; }
.tbl-box a { color: var(--accent2); font-weight: 700; }
.info-contact a { color: var(--accent2); font-weight: 700; }
.info-note { background: rgb(255, 243, 243); border: 1px solid rgb(255, 208, 208); border-radius: 8px; padding: 14px 18px; font-size: 0.88rem; color: rgb(122, 31, 31); margin: 16px 0px; }
@media (max-width: 560px) {
  .info-head { flex-wrap: wrap; }
  .info-title { font-size: 1.3rem; }
}
#catPage { padding: 28px 0px 40px; background: rgb(255, 255, 255); min-height: 60vh; }
.cat-head { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 3px solid var(--accent2); }
.cat-head .back-btn { margin-right: 6px; }
.cat-title { font-size: 1.7rem; font-weight: 800; margin: 0px; display: flex; align-items: center; gap: 12px; }
.cat-title i { color: var(--accent2); }
.cat-count { margin-left: auto; font-size: 0.85rem; color: var(--muted); font-weight: 700; background: rgb(242, 242, 245); border: 1px solid var(--line); border-radius: 999px; padding: 5px 14px; }
.cat-layout { display: grid; grid-template-columns: minmax(0px, 1fr) 300px; gap: 24px; align-items: start; }
.cat-main { min-width: 0px; }
.cat-side { position: sticky; top: 78px; display: flex; flex-direction: column; gap: 16px; }
#catGrid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px 18px; }
@media (max-width: 1000px) {
  .cat-layout { grid-template-columns: 1fr; }
  .cat-side { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
}
@media (max-width: 640px) {
  #catGrid { grid-template-columns: 1fr 1fr; }
  .cat-side { grid-template-columns: 1fr; }
}
@media (max-width: 440px) {
  #catGrid { grid-template-columns: 1fr; }
  .cat-count { margin-left: 0px; }
}
.modal { position: fixed; inset: 0px; background: rgba(16, 16, 19, 0.6); z-index: 1300; display: none; align-items: flex-start; justify-content: center; padding: 40px 16px; backdrop-filter: blur(3px); }
.modal.on { display: flex; }
.search-modal { width: 100%; max-width: 560px; background: rgb(255, 255, 255); border-radius: 10px; padding: 30px; box-shadow: rgba(0, 0, 0, 0.25) 0px 30px 60px; border-top: 4px solid var(--accent2); }
.search-modal h3 { text-align: center; font-size: 1.35rem; font-weight: 800; margin-bottom: 8px; }
.search-modal .close { float: right; background: none; border: 0px; font-size: 1.2rem; color: var(--ink); }

/* Hamburger / mobile drawer menu links (were unstyled -> ran together) */
#drawerMenu { display: flex; flex-direction: column; margin-top: 6px; }
#drawerMenu a {
  display: block; padding: 13px 8px; font-size: 1.02rem; font-weight: 600;
  font-family: var(--sans); color: var(--ink); text-decoration: none;
  border-bottom: 1px solid var(--line); line-height: 1.4; transition: color .15s, background .15s;
}
#drawerMenu a:last-child { border-bottom: 0px; }
#drawerMenu a:hover { color: var(--accent2); background: rgb(250, 250, 250); }

.search-modal input { width: 100%; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 2px solid var(--accent2); padding: 12px 4px; font-family: var(--sans); font-size: 1.05rem; outline: none; background: transparent; }
.sr-box { margin-top: 12px; border-top: 1px solid var(--line); max-height: 340px; overflow: auto; }
.sr-item { padding: 11px 6px; cursor: pointer; border-bottom: 1px solid var(--line); font-size: 0.95rem; }
.sr-item:last-child { border-bottom: 0px; }
.sr-item:hover { color: var(--accent2); background: rgb(250, 250, 250); }
.sr-item .sr-cat { display: block; font-size: 0.72rem; font-weight: 700; color: var(--accent2); }
.sr-empty { padding: 12px 6px; color: var(--muted); font-size: 0.88rem; }
.sr-label { display: flex; align-items: center; gap: 6px; font-size: 0.78rem; font-weight: 800; color: var(--accent2); text-transform: uppercase; letter-spacing: 0.03em; padding: 12px 6px 8px; border-bottom: 1px solid var(--line); margin-bottom: 4px; }
.sr-recs { display: flex; flex-direction: column; }
.sr-rect { display: flex; gap: 10px; align-items: center; padding: 9px 6px; cursor: pointer; text-decoration: none; color: rgb(34, 34, 34); border-bottom: 1px solid var(--line); }
.sr-rect:last-child { border-bottom: 0px; }
.sr-rect:hover { background: rgb(250, 250, 250); }
.sr-rect img { width: 64px; height: 48px; border-radius: 6px; object-fit: cover; flex: 0 0 auto; background: rgb(238, 238, 238); }
.sr-rect div { min-width: 0px; display: grid; gap: 3px; }
.sr-rect .sr-rt { font-size: 0.92rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pwd-card { background: rgb(255, 255, 255); border-radius: 10px; max-width: 400px; width: 100%; padding: 30px; text-align: center; box-shadow: rgba(0, 0, 0, 0.25) 0px 30px 60px; border-top: 4px solid var(--accent2); }
.pwd-card h3 { font-size: 1.3rem; font-weight: 800; }
.pwd-card p { color: var(--muted); font-size: 0.9rem; margin: 8px 0px 16px; }
.pwd-card input { width: 100%; border: 1px solid var(--line); border-radius: 6px; padding: 12px; font-family: var(--sans); text-align: center; outline: none; }
.pwd-card input:focus { border-color: var(--accent2); }
.pwd-card button { margin-top: 12px; background: var(--accent2); color: rgb(255, 255, 255); border: 0px; border-radius: 6px; padding: 11px 28px; font-weight: 700; }
.pwd-card button:hover { background: var(--accent3); }
#pwdErr { color: rgb(228, 75, 75); font-size: 0.82rem; margin-top: 10px; display: none; }
#btt { position: fixed; bottom: 70px; right: 20px; width: 42px; height: 42px; border-radius: 50%; border: 0px; background: var(--accent2); color: rgb(255, 255, 255); font-size: 1.1rem; opacity: 0; pointer-events: none; transition: 0.3s; z-index: 1200; box-shadow: rgba(204, 0, 0, 0.4) 0px 10px 24px; }
#btt.vis ~ .chat-toggle { bottom: 124px; }
.chat-toggle { position: fixed; bottom: 70px; right: 20px; width: 56px; height: 56px; border-radius: 50%; border: 0px; background: rgb(255, 255, 255); overflow: hidden; display: grid; place-items: center; cursor: pointer; z-index: 1150; box-shadow: rgba(230, 0, 0, 0.35) 0px 0px 0px 0px, rgba(230, 0, 0, 0.45) 0px 10px 24px; animation: 2.4s ease 0s infinite normal none running chatPulse; transition: 0.3s; padding: 0px; }
.chat-toggle img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.chat-toggle .fa-xmark { display: none; color: var(--accent); font-size: 22px; }
.chat-toggle.open img { display: none; }
.chat-toggle.open .fa-xmark { display: inline-block; }
@keyframes chatPulse { 
  0% { box-shadow: rgba(230, 0, 0, 0.35) 0px 0px 0px 0px, rgba(230, 0, 0, 0.45) 0px 10px 24px; }
  70% { box-shadow: rgba(230, 0, 0, 0) 0px 0px 0px 16px, rgba(230, 0, 0, 0.45) 0px 10px 24px; }
  100% { box-shadow: rgba(230, 0, 0, 0) 0px 0px 0px 0px, rgba(230, 0, 0, 0.45) 0px 10px 24px; }
}
.chat-box { position: fixed; bottom: 138px; right: 20px; width: 345px; max-width: calc(-30px + 100vw); height: 480px; max-height: calc(-130px + 100vh); background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; z-index: 1140; box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 50px; opacity: 0; visibility: hidden; transform: translateY(14px) scale(0.98); transition: 0.25s; }
.chat-box.open { opacity: 1; visibility: visible; transform: none; }
.chat-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; color: rgb(255, 255, 255); background: linear-gradient(120deg,#990000,var(--accent2) 60%,#d84a4a); }
.chat-ava { width: 36px; height: 36px; border-radius: 50%; background: rgb(255, 255, 255); display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; }
.chat-ava img { width: 26px; height: 26px; object-fit: contain; display: block; }
.chat-title { display: grid; flex: 1 1 0%; min-width: 0px; }
.chat-title strong { font-size: 0.92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-title span { font-size: 0.7rem; color: rgba(255, 255, 255, 0.9); display: flex; align-items: center; gap: 5px; }
.chat-title .ldot { width: 7px; height: 7px; border-radius: 50%; background: rgb(74, 222, 128); display: inline-block; box-shadow: rgba(74, 222, 128, 0.6) 0px 0px 0px 0px; animation: 1.6s ease 0s infinite normal none running livePulse; }
@keyframes livePulse { 
  0% { box-shadow: rgba(74, 222, 128, 0.6) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(74, 222, 128, 0) 0px 0px 0px 7px; }
  100% { box-shadow: rgba(74, 222, 128, 0) 0px 0px 0px 0px; }
}
.chat-close { width: 30px; height: 30px; border: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); color: rgb(255, 255, 255); font-size: 15px; cursor: pointer; display: grid; place-items: center; flex: 0 0 auto; }
.chat-log { flex: 1 1 0%; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 9px; background: rgb(247, 247, 250); }
.chat-log::-webkit-scrollbar { width: 6px; }
.chat-log::-webkit-scrollbar-thumb { background: rgb(212, 212, 218); border-radius: 99px; }
.msg { max-width: 84%; padding: 9px 12px; font-size: 0.88rem; line-height: 1.5; border-radius: 14px; overflow-wrap: break-word; animation: 0.2s ease 0s 1 normal none running chatIn; }
@keyframes chatIn { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}
.msg.bot { background: rgb(255, 255, 255); color: rgb(34, 34, 34); align-self: flex-start; border: 1px solid var(--line); border-bottom-left-radius: 4px; }
.msg.user { background: var(--accent2); color: rgb(255, 255, 255); align-self: flex-end; border-bottom-right-radius: 4px; }
.msg.bot a { color: var(--accent2); font-weight: 700; text-decoration: underline; cursor: pointer; }
.msg .chat-news { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 9px; padding: 8px 11px; margin: 5px 0px; cursor: pointer; font-size: 0.84rem; line-height: 1.4; box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 4px; }
.msg .chat-news:hover { border-color: var(--accent2); }
.chat-news b { display: block; color: var(--accent2); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 2px; }
.msg.typing i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: rgb(153, 153, 153); margin-right: 3px; animation: 1s ease 0s infinite normal none running typing; }
.msg.typing i:nth-child(2) { animation-delay: 0.15s; }
.msg.typing i:nth-child(3) { animation-delay: 0.3s; }
@keyframes typing { 
  0%, 60%, 100% { transform: none; opacity: 0.4; }
  30% { transform: translateY(-4px); opacity: 1; }
}
.chat-chips { display: flex; gap: 7px; padding: 8px 12px; flex-wrap: wrap; background: rgb(255, 255, 255); border-top: 1px solid var(--line); }
.chat-chips button { border: 1px solid var(--line); background: rgb(255, 255, 255); color: var(--accent2); font-size: 0.74rem; font-weight: 700; border-radius: 999px; padding: 5px 11px; cursor: pointer; transition: 0.2s; }
.chat-chips button:hover { background: var(--accent2); color: rgb(255, 255, 255); border-color: var(--accent2); }
.chat-form { display: flex; gap: 8px; padding: 10px 12px; background: rgb(255, 255, 255); border-top: 1px solid var(--line); }
.chat-form input { flex: 1 1 0%; border: 1px solid var(--line); border-radius: 999px; padding: 9px 14px; font-size: 0.86rem; outline: none; min-width: 0px; background: rgb(255, 255, 255); color: rgb(17, 17, 17); }
.chat-form input:focus { border-color: var(--accent2); }
.chat-form button { width: 40px; height: 40px; flex: 0 0 auto; border: 0px; border-radius: 50%; background: var(--accent2); color: rgb(255, 255, 255); font-size: 15px; cursor: pointer; transition: 0.2s; }
.chat-form button:hover { background: var(--accent3); }
@media (max-width: 520px) {
  .chat-toggle { width: 52px; height: 52px; }
  .chat-box { right: 10px; left: auto; width: min(345px, -24px + 100vw); bottom: 138px; height: min(480px, -130px + 100vh); max-height: none; }
}
#btt.vis { opacity: 1; pointer-events: auto; }
#btt:hover { background: var(--accent3); }
@media (max-width: 1100px) {
  .content-grid { grid-template-columns: 1fr; }
  .sidebar { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 8px; }
}
@media (max-width: 768px) {
  .stories-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; }
  .sidebar { grid-template-columns: 1fr; }
  .rel-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .stories-grid { grid-template-columns: 1fr; }
  .rel-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .wrap { padding: 0px 15px; }
  .hero-main-body { padding: 18px 18px 16px; }
  .hero-card-body { padding: 12px 14px; }
  .cat-feat { padding: 14px 13px 16px; }
  .cf-lead-body { padding: 13px 14px 14px; }
  .cf-row { gap: 11px; }
  .wrap-nl { padding: 26px 15px; }
  .panel { padding: 14px 12px; }
  .comments { padding: 16px 14px; }
  .newsletter-input-wrap { width: 100%; }
  .footer-grid { padding: 32px 15px 24px; }
  .footer-bottom { padding: 16px 15px; }
  .info-body { padding: 0px 4px; }
  .header-inner { padding: 14px 15px 12px; }
  .logo img { height: 72px; }
}
@media (max-width: 520px) {
  .logo img { height: 44px; width: auto; }
  .header-inner { gap: 10px; padding: 12px 12px 10px; }
  .masthead-name strong, .masthead-name span { font-size: 1.1rem; }
  .header-mid .lang-select-trigger { width: auto; min-width: 0px; padding: 5px 9px; gap: 4px; }
  .header-mid .lang-prefix, .header-mid .lang-chevron { display: none; }
  .header-mid .lang-globe { font-size: 1rem; }
  .header-mid .lang-current { max-width: 52px; font-size: 0.74rem; }
  .search-box input { width: 56px; padding: 9px 10px; }
  .top-num { font-size: 0.95rem; min-width: 20px; }
  .top-txt b { font-size: 13px; }
  .logo { gap: 7px; }
  .follow-strip { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 910; border-top: 1px solid var(--line); box-shadow: rgba(0, 0, 0, 0.12) 0px -4px 14px; }
  .follow-strip .follow-inner { flex-wrap: nowrap; justify-content: space-between; padding: 10px 14px; gap: 12px; }
  .follow-strip .follow-label { font-size: 0.85rem; }
  .follow-strip .fr-links a { width: 46px; height: 46px; font-size: 1.15rem; }
  body { padding-bottom: 0; }
  .chat-toggle { right: 14px; bottom: 70px; }
  #btt { right: 10px; bottom: 70px; }
}
html.booting #home { visibility: hidden; }
html.booting #home #bootSk { visibility: visible; }
#bootSk { display: none; opacity: 0; min-height: 52vh; flex-direction: column; gap: 18px; padding: 28px 16px; }
html.booting #bootSk { display: flex; animation: 0.25s ease 1.5s 1 normal forwards running bsk-show; }
@keyframes bsk-show { 
  100% { opacity: 1; }
}
#bootSk .bsk-in { width: 100%; max-width: 1180px; margin: 0px auto; display: flex; flex-direction: column; gap: 18px; }
#bootSk .bsk-skel { border-radius: 10px; background: linear-gradient(90deg, rgb(233, 237, 242) 25%, rgb(245, 247, 250) 37%, rgb(233, 237, 242) 63%) 0% 0% / 400% 100%; animation: 1.4s ease-in-out 0s infinite normal none running bsk-shim; }
@keyframes bsk-shim { 
  0% { background-position: 100% 0px; }
  100% { background-position: 0px 0px; }
}
#bootSk .bsk-hero { height: 260px; }
#bootSk .bsk-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
#bootSk .bsk-card { height: 150px; }
@media (max-width: 760px) {
  #bootSk .bsk-hero { height: 180px; }
  #bootSk .bsk-row { grid-template-columns: repeat(2, 1fr); }
}
html.booting #home { visibility: visible; }
html.booting #bootSk { display: none; }
h1, h2, h3, h4, h5, h6, strong, b, .pill, .meta, .brand-name { font-family: var(--font-head); line-height: var(--lh-head); }
.admin-login-link { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0px 12px; border-radius: 4px; background: rgb(17, 24, 39); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; text-transform: uppercase; text-decoration: none; }
.admin-login-link:hover { background: var(--deep); color: rgb(255, 255, 255); }
.download-app-link { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; min-height: 30px; padding: 0px 14px; border-radius: 20px; background: var(--accent); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; text-decoration: none; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px -2px; transition: filter 0.15s; }
.download-app-link:hover { filter: brightness(0.92); }
.site-header { background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); }
.topbar { display: flex; align-items: center; gap: 18px; width: min(1160px, 100% - 28px); margin: 0px auto; padding: 9px 0px; color: rgb(85, 85, 85); font-size: 13px; border-bottom: 1px solid rgb(239, 239, 239); }
.ticker-text { display: block; overflow: hidden; white-space: nowrap; min-width: 0px; }
.ticker-text span { display: inline-block; padding-left: 100%; animation: 46s linear 0s infinite normal none running tickerMove; }
.brand-row { width: min(1160px, 100% - 28px); margin: 0px auto; padding: 18px 0px 16px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; }
.brand img { display: block; width: min(348px, 76vw); height: auto; }
.brand-left { display: flex; align-items: center; justify-self: start; }
.language-switcher { position: relative; z-index: 60; display: flex; align-items: center; gap: 8px; padding: 0px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 24px; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.lang-select-trigger:hover { background: rgb(250, 250, 250); }
.language-switcher.lang-switcher-open .lang-chevron { transform: rotate(180deg); }
.lang-select-menu[hidden] { display: none; }
.header-tools { display: grid; gap: 8px; justify-items: end; justify-self: end; }
.search-form { justify-self: end; display: flex; width: min(280px, 100%); border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); }
.search-form input { min-width: 0px; flex: 1 1 0%; border: 0px; padding: 9px 10px; font-size: 13px; font-family: var(--font-body); color: var(--ink); outline: none; }
.search-form input::placeholder { color: var(--muted); }
.search-form button { border: 0px; background: var(--accent); color: rgb(255, 255, 255); padding: 9px 13px; font-weight: 800; cursor: pointer; font-family: var(--font-body); font-size: 13px; }
.search-form button:hover { background: var(--deep); }
.menu-toggle { display: none; flex-direction: column; gap: 5px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 6px; justify-self: end; }
.menu-toggle svg { color: var(--ink); }
.nav-wrap { background: rgb(17, 17, 17); }
.nav { width: min(1160px, 100% - 28px); margin: 0px auto; display: flex; align-items: center; flex-wrap: wrap; overflow: visible; }
.nav a { flex: 0 0 auto; color: rgb(255, 255, 255); padding: 12px 10px; font-size: 11.5px; font-weight: 800; text-transform: uppercase; border-right: 1px solid rgba(255, 255, 255, 0.14); white-space: nowrap; text-decoration: none; }
.nav a:hover { background: var(--accent); }
.menu-overlay { display: none; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.5); z-index: 199; }
.menu-overlay.active { display: block; }
.menu-drawer { position: fixed; top: 0px; right: -320px; width: 300px; height: 100vh; background: var(--paper); box-shadow: var(--shadow-lg); z-index: 200; transition: right 0.3s; overflow-y: auto; padding-bottom: 40px; }
.menu-drawer.open { right: 0px; }
.menu-drawer-head { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid var(--line); font-family: var(--font-body); font-size: 1.1rem; font-weight: 700; }
.menu-drawer-close { width: 28px; height: 28px; border: 0px; color: var(--ink); background: var(--accent); font-size: 20px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 4px; }
.menu-drawer-nav { display: flex; flex-direction: column; }
.menu-drawer-nav a { padding: 12px 20px; border-bottom: 1px solid var(--line); color: var(--ink); font-weight: 600; font-size: 14px; display: block; }
.menu-drawer-nav a:hover { background: var(--soft); }
.menu-drawer-admin { text-align: center; font-weight: 800; padding: 14px 20px !important; background: var(--accent) !important; color: rgb(255, 255, 255) !important; border-radius: 0px !important; }
.page { width: min(1160px, 100% - 28px); margin: 0px auto; padding: 24px 0px 42px; }
.headline-ticker { display: grid; grid-template-columns: auto minmax(0px, 1fr); align-items: center; gap: 0px; margin-bottom: 20px; background: rgb(255, 255, 255); border: 1px solid var(--line); overflow: hidden; }
.headline-ticker > strong { align-self: stretch; display: flex; align-items: center; padding: 0px 14px; color: rgb(255, 255, 255); background: var(--accent); font-size: 13px; text-transform: uppercase; white-space: nowrap; font-family: var(--font-body); }
.ticker-track-inner { display: flex; gap: 28px; animation: 125s linear 0s infinite normal none running articleTicker; }
.ticker-track a { position: relative; flex: 0 0 auto; color: rgb(34, 34, 34); font-weight: 800; font-size: 14px; text-decoration: none; font-family: var(--font-body); }
.ticker-track a::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; background: var(--accent); vertical-align: 1px; border-radius: 50%; }
.top-ad-banner { margin: 0px 0px 22px; background: rgb(247, 248, 250); border: 1px dashed var(--line); border-radius: 14px; min-height: 140px; }
.top-ad-banner a { display: block; width: 100%; text-align: center; }
.top-ad-banner img { display: inline-block; width: auto; max-width: 100%; height: auto; max-height: 280px; object-fit: contain; border-radius: 10px; }
.hero-mosaic { display: grid; grid-template-columns: minmax(220px, 0.72fr) minmax(0px, 1.32fr) minmax(220px, 0.72fr); gap: 2px; margin-bottom: 24px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.hero-stack { display: grid; gap: 2px; }
.mosaic-card { position: relative; display: block; height: 238px; min-height: 238px; overflow: hidden; color: rgb(255, 255, 255); background: rgb(17, 17, 17); border-radius: 0px; cursor: pointer; text-decoration: none; }
.mosaic-card.lead { height: 478px; min-height: 478px; }
.mosaic-card img { display: block; width: 100%; height: 100%; object-fit: cover; background: rgb(221, 221, 221); transition: transform 0.25s; }
.mosaic-card:hover img { transform: scale(1.04); }
.mosaic-shade { position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.08) 15%, rgba(0, 0, 0, 0.82) 100%); }
.mosaic-body { position: absolute; left: 12px; right: 12px; bottom: 12px; display: grid; gap: 5px; }
.mosaic-body strong { color: rgb(255, 255, 255); font-size: 14px; line-height: 1.16; text-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-family: var(--font-body); font-weight: 800; }
.mosaic-card.lead .mosaic-body strong { font-size: clamp(18px, 1.8vw, 24px); }
.mosaic-body .meta { color: rgba(255, 255, 255, 0.86); font-size: 10px; margin: 0px; text-transform: uppercase; font-weight: 700; font-family: var(--font-body); }
.mosaic-body .pill { padding: 3px 10px; font-size: 10px; place-self: start; width: fit-content; font-family: var(--font-body); font-weight: 800; text-transform: uppercase; line-height: 1.2; background: var(--accent); color: rgb(255, 255, 255); border-radius: 4px; }
.content-shell { display: grid; grid-template-columns: minmax(0px, 1fr) 330px; gap: 22px; align-items: start; margin-top: 0px; }
.main-column, .sidebar-column { min-width: 0px; }
.sidebar-column { display: grid; gap: 18px; position: sticky; top: 16px; align-self: start; }
.section-title { margin: 0px 0px 20px; padding: 12px 14px; font-size: 18px; line-height: 1.2; border-bottom: 3px solid var(--accent); text-transform: uppercase; background: rgb(255, 255, 255); font-family: var(--font-body); font-weight: 800; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.section-title a { flex: 0 0 auto; color: rgb(255, 255, 255); background: rgb(230, 33, 23); padding: 8px 10px; font-size: 12px; font-weight: 900; text-transform: uppercase; text-decoration: none; font-family: var(--font-body); }
.section-title a:hover { background: var(--deep); color: rgb(255, 255, 255); }
.post-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px 20px; align-items: stretch; grid-auto-rows: 1fr; margin-bottom: 34px; }
.post-grid:last-child { margin-bottom: 0px; }
.post-card .pill { display: inline-flex; align-items: center; width: fit-content; padding: 4px 12px; font-size: 11px; font-weight: 800; text-transform: uppercase; line-height: 1.2; background: var(--accent); color: rgb(255, 255, 255); font-family: var(--font-body); border-radius: 4px; }
.post-card .meta { display: block; color: var(--muted); font-size: 12px; font-weight: 700; margin: 0px 0px 8px; text-transform: uppercase; font-family: var(--font-body); }
.defence-grid { grid-auto-flow: dense; gap: 30px; }
.defence-grid .defence-lead { grid-column: span 2; min-height: 452px; }
.defence-grid .defence-lead img { height: 240px; }
.defence-grid .defence-lead h3 { font-size: 24px; }
.category-row { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; margin-top: 24px; align-items: stretch; grid-auto-rows: 1fr; }
.category-block { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; display: flex; flex-direction: column; min-width: 0px; overflow: hidden; }
.category-card { display: flex; flex-direction: column; flex: 1 1 0%; min-height: 0px; }
.category-feature { display: block; overflow: hidden; text-decoration: none; color: inherit; }
.category-feature:hover { opacity: 0.9; }
.category-feature img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: rgb(221, 221, 221); transition: transform 0.35s; }
.category-feature:hover img { transform: scale(1.03); }
.category-feature-body { display: block; padding: 12px 14px 14px; }
.category-feature-body .meta { margin-bottom: 7px; }
.category-feature h3 { font-size: 18px; line-height: 1.2; margin: 0px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-family: var(--font-body); font-weight: 700; }
.category-list { display: flex; flex-direction: column; flex: 1 1 0%; gap: 0px; }
.category-list a { display: grid; grid-template-columns: 78px minmax(0px, 1fr); gap: 10px; min-height: 84px; padding: 10px 12px; border-top: 1px solid var(--line); border-left: 3px solid transparent; overflow: hidden; align-items: start; transition: background 0.2s, border-color 0.2s; text-decoration: none; color: inherit; }
.category-list--text a { grid-template-columns: minmax(0px, 1fr); align-items: center; min-height: 0px; }
.category-list--numbered { counter-reset: rnk 0; }
.category-list--numbered a { grid-template-columns: 30px minmax(0px, 1fr); align-items: center; min-height: 0px; gap: 12px; }
.category-list--numbered a::before { counter-increment: rnk 1; content: counter(rnk); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--accent); color: rgb(255, 255, 255); font-size: 14px; font-weight: 900; font-family: var(--font-body); flex: 0 0 auto; }
.category-list a:hover { background: var(--soft); border-left-color: var(--cat, var(--accent)); }
.category-list img { width: 78px; height: 56px; object-fit: cover; background: rgb(221, 221, 221); border-radius: 8px; }
.category-list h3 { font-size: 14px; line-height: 1.25; margin: 2px 0px 0px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-family: var(--font-body); font-weight: 600; }
.category-list .meta { margin-bottom: 4px; }
.category-row--split { grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); }
.cat-badge { display: inline-block; padding: 2px 9px; border-radius: 999px; background: var(--cat, var(--accent)); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: 0.2px; text-transform: uppercase; }
.cat-badge--ghost { background: transparent; color: var(--cat, var(--accent)); border: 1px solid; }
.page-head { margin: 0px 0px 22px; padding-bottom: 14px; border-bottom: 3px solid var(--accent); }
.page-head .breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 13px; color: var(--muted); font-family: var(--font-body); }
.page-head .breadcrumb a { color: var(--accent); text-decoration: none; font-weight: 600; }
.page-head .breadcrumb a:hover { text-decoration: underline; }
.page-title { margin: 0px; font-size: clamp(24px, 4vw, 34px); font-weight: 900; line-height: 1.2; color: var(--ink); font-family: var(--font-body); }
.page-sub { margin: 8px 0px 0px; color: var(--muted); font-size: 15px; line-height: 1.6; font-family: var(--font-body); }
.cat-loading { color: var(--muted); font-family: var(--font-body); }
.archive-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 18px; }
.archive-card { display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; text-decoration: none; color: inherit; transition: transform 0.18s, box-shadow 0.18s; }
.archive-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.archive-card img { width: 100%; height: 168px; object-fit: cover; background: rgb(221, 221, 221); display: block; }
.archive-card-body { display: grid; gap: 8px; padding: 13px 15px 15px; align-content: start; }
.archive-card-body .meta { margin: 0px; font-size: 12.5px; color: var(--cat, var(--accent)); font-weight: 600; }
.archive-card-body h3 { margin: 0px; font-size: 15.5px; line-height: 1.45; font-weight: 700; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.archive-card:hover h3 { color: var(--cat, var(--accent)); }
.archive-grid { grid-template-columns: minmax(0px, 1fr); }
.archive-card img { height: 190px; }
.cat-jump { margin: 0px 0px 30px; padding: 16px 18px 18px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; }
.cat-jump-title { margin: 0px 0px 12px; font-size: 17px; font-weight: 800; color: var(--ink); padding-left: 11px; border-left: 4px solid var(--accent); line-height: 1.2; }
.cat-jump-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.cat-jump-grid a { display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--soft); color: var(--ink); font-size: 13.5px; font-weight: 700; text-decoration: none; transition: background 0.18s, color 0.18s, border-color 0.18s; }
.cat-jump-grid a:hover, .cat-jump-grid a:focus-visible { background: var(--accent); border-color: var(--accent); color: rgb(255, 255, 255); }
.cat-jump-grid a.is-active { background: var(--accent); border-color: var(--accent); color: rgb(255, 255, 255); }
.cat-wide { scroll-margin-top: 92px; }
.cat-wide { margin: 0px 0px 34px; }
.cat-wide .category-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; border-bottom: 2px solid rgb(0, 0, 0); background: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 100%); color: rgb(255, 255, 255); padding: 13px 16px; }
.cat-wide .category-title a { color: rgb(255, 255, 255); }
.cat-wide .category-card { display: grid; grid-template-columns: minmax(0px, 380px) minmax(0px, 1fr); gap: 0px; align-items: stretch; }
.cat-wide .category-feature { display: flex; flex-direction: column; border-right: 1px solid var(--line); background: rgb(255, 255, 255); }
.cat-wide .category-feature img { width: 100%; height: 232px; object-fit: cover; background: rgb(221, 221, 221); display: block; }
.cat-wide .category-feature-body { display: grid; gap: 9px; padding: 15px 17px 17px; align-content: start; }
.cat-wide .category-feature-body h3 { margin: 0px; font-size: 19px; line-height: 1.42; font-weight: 800; color: var(--ink); }
.cat-wide .category-feature:hover h3 { color: var(--cat, var(--accent)); }
.cat-wide .category-feature-body .meta { margin: 0px; font-size: 12.5px; }
.cat-wide .category-list a { grid-template-columns: 104px minmax(0px, 1fr); min-height: 96px; padding: 12px 15px; gap: 13px; }
.cat-wide .category-list img { width: 104px; height: 72px; }
.cat-wide .category-list h3 { font-size: 15.5px; line-height: 1.45; -webkit-line-clamp: 3; font-weight: 600; }
.cat-wide .category-list .meta { font-size: 12px; font-weight: 600; color: var(--cat, var(--accent)); letter-spacing: 0.2px; }
.cat-wide .category-card { grid-template-columns: minmax(0px, 1fr); }
.cat-wide .category-feature { border-right: 0px; border-bottom: 1px solid var(--line); }
.cat-wide .category-feature img { height: 200px; }
.cat-wide .category-list a { grid-template-columns: 92px minmax(0px, 1fr); }
.cat-wide .category-list img { width: 92px; height: 64px; }
.cat-wide { margin: 0px 0px 26px; }
.cat-wide .category-title { padding: 11px 13px; font-size: 16.5px; }
.cat-wide .category-feature img { height: 172px; }
.cat-wide .category-feature-body { padding: 13px 14px 15px; }
.cat-wide .category-feature-body h3 { font-size: 17px; }
.cat-wide .category-list a { grid-template-columns: 78px minmax(0px, 1fr); min-height: 84px; padding: 10px 12px; gap: 10px; }
.cat-wide .category-list img { width: 78px; height: 58px; }
.cat-wide .category-list h3 { font-size: 14.5px; }
.quick-links-section { margin: 36px 0px 42px; }
.quick-links-grid { display: grid; grid-template-columns: repeat(8, minmax(0px, 1fr)); gap: 12px; }
.quick-link-card { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 22px 10px; min-width: 0px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; text-align: center; text-decoration: none; color: inherit; }
.quick-link-card:hover { border-color: var(--accent); box-shadow: var(--shadow-md); transform: translateY(-3px); }
.footer-logo h3 { font-family: var(--font-body); font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; }
.footer-logo h3 .highlight { color: var(--accent); }
.footer-logo p { color: var(--muted); font-size: 0.86rem; line-height: 1.6; }
.footer-col h4 { font-family: var(--font-body); font-size: 1rem; font-weight: 600; margin-bottom: 14px; color: var(--ink); }
.footer-col ul li { margin-bottom: 8px; }
.footer-col ul li a { color: var(--muted); font-size: 0.86rem; transition: color 0.2s; }
.footer-col ul li a:hover { color: var(--accent); padding-left: 4px; }
.social-links { display: flex; gap: 10px; margin-bottom: 18px; }
.social-link { width: 38px; height: 38px; border-radius: 4px; background: var(--soft); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; color: var(--muted); transition: border-color 0.2s, color 0.2s; text-decoration: none; }
.social-link:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-light); transform: translateY(-2px); }
.app-btns { display: flex; gap: 8px; }
.app-btn { padding: 8px 14px; background: var(--soft); border: 1px solid var(--line); border-radius: 4px; font-size: 0.76rem; color: var(--muted); transition: border-color 0.2s, color 0.2s; text-decoration: none; font-family: var(--font-body); }
.app-btn:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-light); }
.scroll-top { position: fixed; bottom: 96px; right: 28px; width: 44px; height: 44px; border-radius: 4px; background: var(--accent); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 999; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s, visibility 0.25s, transform 0.25s; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.scroll-top.visible { opacity: 1; visibility: visible; transform: translateY(0px); }
.scroll-top:hover { background: var(--deep); transform: translateY(-3px); }
.post-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.quick-links-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; }
.content-shell { grid-template-columns: 1fr; }
.sidebar-column { display: none; }
.brand-row { padding: 12px 0px 10px; }
.menu-toggle { display: flex; }
.nav-wrap { display: none; }
.search-form { display: none; }
.post-grid { grid-template-columns: 1fr; }
.defence-grid .defence-lead { grid-column: span 1; }
.category-row { grid-template-columns: 1fr; }
.category-row--split { grid-template-columns: 1fr; }
.hero-mosaic { grid-template-columns: 1fr; }
.mosaic-card.lead { height: 238px; min-height: 238px; }
.topbar { gap: 8px; padding: 6px 0px; flex-wrap: wrap; justify-content: center; }
.brand-row { padding: 8px 0px 6px; }
.brand img { width: min(280px, 70vw); }
.post-grid { gap: 14px 12px; }
.quick-links-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
.quick-link-card { padding: 14px 6px; }
.ticker-text span, .ticker-track-inner, .horoscope-track { animation: auto ease 0s 1 normal none running none !important; }
.breaking-strip { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; margin-bottom: 18px; background: rgb(255, 255, 255); border: 1px solid var(--line); padding: 10px 12px; border-radius: 14px; }
.breaking-strip strong { color: rgb(255, 255, 255); background: var(--accent); padding: 6px 10px; font-size: 12px; text-transform: uppercase; font-family: var(--font-body); font-weight: 800; }
.breaking-strip span, .breaking-strip a { color: rgb(51, 51, 51); font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: var(--font-body); min-width: 0px; }
.breaking-strip a:hover { color: var(--accent); }
.youtube-showcase { margin-top: 0px; margin-bottom: 22px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.youtube-showcase > h3 { font-size: clamp(22px, 2.4vw, 31px); margin: 0px; padding: 14px 16px; border-bottom: 1px solid var(--line); font-family: var(--font-body); font-weight: 800; }
.floating-news-bot { position: fixed; right: 18px; bottom: 18px; z-index: 80; }
.news-bot-toggle { position: relative; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; color: rgb(255, 255, 255); background: radial-gradient(circle at 34% 28%, #ff7b82 0%, var(--accent) 48%, #990f18 100%); box-shadow: rgba(215, 36, 47, 0.28) 0px 0px 0px 0px, rgba(215, 36, 47, 0.38) 0px 0px 20px, rgba(0, 0, 0, 0.28) 0px 12px 28px; padding: 0px; font-size: 18px; font-weight: 900; text-transform: uppercase; cursor: pointer; overflow: hidden; border: 0px; font-family: var(--font-body); }
.news-bot-toggle::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(215, 36, 47, 0.28); }
.news-bot-toggle::after { content: ""; position: absolute; width: 22px; height: 84px; left: -34px; top: -10px; background: rgba(255, 255, 255, 0.28); transform: rotate(24deg); animation: 4.2s ease-in-out 0s infinite normal none running aiButtonShine; }
.news-bot-panel { position: absolute; right: 0px; bottom: 150px; width: min(340px, -28px + 100vw); max-height: min(560px, -96px + 100vh); display: none; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid var(--line); box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 42px; border-radius: 14px; }
.floating-news-bot.is-open .news-bot-panel { display: block; }
.news-bot-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: rgb(255, 255, 255); background: rgb(17, 17, 17); border-bottom: 3px solid var(--accent); padding: 12px 14px; }
.news-bot-panel-head strong { font-size: 14px; text-transform: uppercase; font-family: var(--font-body); font-weight: 800; }
.news-bot-close { width: 28px; height: 28px; border: 0px; color: rgb(255, 255, 255); background: var(--accent); font-size: 20px; line-height: 1; cursor: pointer; border-radius: 4px; font-family: var(--font-body); }
.news-bot-body { padding: 13px 14px 14px; }
.news-bot-body p { margin: 0px 0px 10px; color: rgb(85, 85, 85); font-size: 13px; font-family: var(--font-body); }
.news-bot-form { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 8px; margin-bottom: 12px; }
.news-bot-form input { min-width: 0px; border: 1px solid var(--line); padding: 9px 10px; font-size: 13px; font-family: var(--font-body); }
.news-bot-form button { border: 0px; background: var(--accent); color: rgb(255, 255, 255); padding: 9px 11px; font-size: 12px; font-weight: 900; cursor: pointer; font-family: var(--font-body); }
.news-bot-results { display: grid; gap: 8px; max-height: 330px; overflow-y: auto; }
.news-bot-count { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; color: var(--text-secondary); font-family: var(--font-body); }
.news-bot-empty { font-size: 12px; color: var(--text-secondary); line-height: 1.4; font-family: var(--font-body); }
.news-bot-hit { display: grid; grid-template-columns: 62px minmax(0px, 1fr); gap: 9px; align-items: start; padding: 7px; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; color: inherit; background: rgb(255, 255, 255); transition: border-color 0.15s, background 0.15s; }
.news-bot-hit:hover { background: var(--soft); border-color: var(--accent); }
.news-bot-hit img, .news-bot-noimg { width: 62px; height: 46px; object-fit: cover; border-radius: 5px; background: rgb(221, 221, 221); display: block; }
.news-bot-hit-body { display: grid; gap: 3px; min-width: 0px; }
.news-bot-hit-body strong { font-size: 12.5px; line-height: 1.3; color: var(--ink); font-family: var(--font-body); font-weight: 700; }
.news-bot-hit-body em { font-size: 11px; font-style: normal; color: var(--text-secondary); font-family: var(--font-body); }
.news-bot-answer { display: grid; gap: 5px; padding: 11px 12px; color: rgb(255, 255, 255); background: rgb(17, 17, 17); border-left: 4px solid var(--accent); }
.news-bot-answer strong { color: rgb(255, 255, 255); font-size: 12px; text-transform: uppercase; font-family: var(--font-body); font-weight: 800; }
.news-bot-answer span { color: rgb(242, 242, 242); margin: 0px; font-size: 13px; line-height: 1.35; text-transform: none; font-family: var(--font-body); }
.news-bot-results a, .news-bot-empty { display: block; padding: 10px; background: rgb(247, 247, 247); border: 1px solid var(--line); text-decoration: none; color: inherit; }
.news-bot-results strong { display: -webkit-box; overflow: hidden; color: rgb(22, 22, 22); font-size: 13px; line-height: 1.3; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: var(--font-body); font-weight: 600; }
.news-bot-results span { display: block; color: var(--accent); margin-top: 5px; font-size: 11px; font-weight: 800; text-transform: uppercase; font-family: var(--font-body); }
.news-bot-results small { display: -webkit-box; overflow: hidden; color: rgb(85, 85, 85); margin-top: 5px; font-size: 12px; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: var(--font-body); }
.news-bot-empty { color: var(--muted); font-size: 13px; font-family: var(--font-body); }
.ad-slot { margin: 0px 0px 28px; background: rgb(247, 248, 250); border: 1px dashed var(--line); border-radius: 14px; }
.ad-slot--inline { min-height: 200px; }
.lead-story { overflow: hidden; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; }
.lead-story img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: rgb(221, 221, 221); }
.side-featured-body .pill { margin-bottom: 9px; }
.side-featured-body .meta { margin-bottom: 8px; }
.category-wide-body .pill { margin-bottom: 10px; }
.category-wide-body .meta { margin-bottom: 8px; }
.category-wide-small-item .meta { margin-bottom: 4px; }
.article-date { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0px 0px 16px; font-size: 14px; color: var(--muted); font-family: var(--font-body); }
.article-source { margin: 22px 0px 0px; padding: 13px 15px; background: var(--soft); border-left: 4px solid var(--cat, var(--accent)); border-radius: 0px 8px 8px 0px; font-size: 14.5px; line-height: 1.6; color: var(--ink); font-family: var(--font-body); }
.article-source a { color: var(--cat, var(--accent)); font-weight: 700; }
.article-share { margin: 24px 0px 0px; padding-top: 18px; border-top: 1px solid var(--line); }
.article-share .share-title { margin: 0px 0px 12px; font-size: 16px; font-weight: 800; color: var(--ink); font-family: var(--font-body); }
.article-back { display: inline-block; margin: 22px 0px 0px; font-size: 14.5px; font-weight: 700; color: var(--cat, var(--accent)); text-decoration: none; font-family: var(--font-body); }
.article-back:hover { text-decoration: underline; }
.related-section { margin: 0px 0px 34px; }
.related-section .section-title { margin-bottom: 16px; }
.article { max-width: 860px; padding: 22px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; }
.sidebar-newsletter { background: linear-gradient(135deg, rgb(17, 24, 59) 0%, rgb(58, 15, 34) 48%, rgb(160, 22, 34) 100%); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; color: rgb(255, 255, 255); padding: 20px 16px; text-align: center; }
.sidebar-newsletter h4 { font-size: 16px; font-weight: 800; margin: 10px 0px 6px; }
.sidebar-newsletter p { font-size: 12.5px; line-height: 1.5; opacity: 0.85; margin: 0px 0px 12px; }
.sidebar-newsletter .newsletter-icon { margin: 0px auto; width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.28); display: flex; align-items: center; justify-content: center; color: rgb(255, 217, 220); }
.sidebar-newsletter #newsletter-form { display: flex; flex-direction: column; gap: 8px; max-width: 100%; }
.sidebar-newsletter #newsletter-form input { border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 10px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; padding: 10px 12px; }
.sidebar-newsletter #newsletter-form input::placeholder { color: rgba(255, 255, 255, 0.5); }
.sidebar-newsletter #newsletter-form input:focus { outline: none; border-color: rgba(255, 255, 255, 0.6); }
.sidebar-newsletter #newsletter-form button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 800; font-size: 13px; color: rgb(255, 255, 255); cursor: pointer; background: linear-gradient(135deg, rgb(255, 77, 90) 0%, rgb(215, 36, 47) 100%); padding: 10px 14px; box-shadow: rgba(215, 36, 47, 0.45) 0px 6px 16px; }
.sidebar-newsletter .newsletter-note { font-size: 10.5px; opacity: 0.65; margin: 10px 0px 0px; }
.article-layout { display: grid !important; grid-template-columns: minmax(0px, 860px) 300px !important; gap: 28px !important; align-items: start !important; margin-bottom: 28px !important; max-width: none !important; }
.article-layout .article { max-width: none; margin-bottom: 0px; }
.article-sidebar { position: sticky !important; top: 20px !important; display: flex !important; flex-direction: column !important; gap: 18px !important; max-width: none !important; width: auto !important; }
.sidebar-box { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; padding: 18px; }
.sidebar-box h4 { font-size: 16px; font-weight: 800; margin: 0px 0px 12px; padding-bottom: 10px; border-bottom: 2px solid var(--accent); font-family: var(--font-head); }
.sidebar-links { list-style: none; margin: 0px; padding: 0px; }
.sidebar-links li { margin-bottom: 10px; }
.sidebar-links li:last-child { margin-bottom: 0px; }
.sidebar-links a { display: block; font-size: 14px; line-height: 1.5; color: var(--ink); text-decoration: none; font-family: var(--font-body); transition: color 0.15s; }
.sidebar-links a:hover { color: var(--accent); }
.sidebar-links .side-date { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }
.article-layout { grid-template-columns: 1fr; }
.article-sidebar { position: static; flex-flow: wrap; }
.article-sidebar .sidebar-box { flex: 1 1 280px; }
.article img.featured { width: 100%; max-height: 520px; object-fit: cover; margin: 12px 0px 18px; }
.article-featured-figure { margin: 12px 0px 18px; line-height: 0; }
.article-featured-figure img.featured { margin: 0px; border-radius: 6px 6px 0px 0px; }
.article-featured-figure figcaption { font-size: 14px; line-height: 1.5; color: rgb(90, 98, 112); text-align: center; padding: 10px 4px 0px; background: rgb(247, 248, 250); border-radius: 0px 0px 6px 6px; }
.article-content { font-size: 18px; line-height: 1.78; color: rgb(32, 32, 32); overflow-wrap: anywhere; font-family: var(--font-body); }
.article-content p { margin: 0px 0px 20px; font-family: var(--font-body); }
.article-empty-note { color: rgb(85, 85, 85); background: rgb(255, 247, 248); border-left: 4px solid var(--accent); padding: 12px 14px; font-size: 15px; line-height: 1.5; font-family: var(--font-body); }
.article-content h2, .article-content h3 { margin: 28px 0px 12px; font-family: var(--font-body); }
.article-content ul, .article-content ol { margin: 0px 0px 20px; padding-left: 1.5rem; }
.article-content li { margin-bottom: 8px; font-family: var(--font-body); }
.article-content blockquote { margin: 0px 0px 20px; padding: 2px 0px 2px 18px; border-left: 4px solid rgb(214, 219, 227); color: rgb(68, 68, 68); font-family: var(--font-body); }
.news-bot-panel { width: calc(-28px + 100vw); right: 14px; }
.menu-drawer { display: none !important; }
.menu-overlay { display: none !important; }
.section-title, .category-title, .post-card h3, .category-feature h3, .category-list h3, .page-title, .cat-jump-title, .story-body h1, .panel h2, .side-featured-body h3, .category-wide-body h3, .category-wide-small-item h3, .recent-videos strong { line-height: 1.45; }
.mosaic-body .pill, .post-card .pill, .rashifal-sign, .news-bot-hit-body strong, .news-bot-results strong, .weather-live strong { line-height: 1.35; }
.mosaic-body .meta { font-size: 11.5px; line-height: 1.4; }
.category-feature-body, .category-list a, .archive-card-body, .article-content p { line-height: 1.7; }
.brand-row { gap: 12px; }
.topbar, .content-shell, .sidebar-column { gap: 16px; }
.cat-wide .category-card { grid-template-columns: minmax(0px, 520px) minmax(0px, 1fr); }
.cat-wide .category-feature img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.cat-wide .category-feature-body { margin-top: auto; padding: 16px 18px 18px; gap: 10px; }
.cat-wide .category-feature-body h3 { font-size: 20px; line-height: 1.45; }
.cat-wide .category-feature-body .meta { font-size: 12.5px; }
.cat-wide .category-list a { grid-template-columns: 132px minmax(0px, 1fr); min-height: 92px; padding: 12px 16px; gap: 14px; }
.cat-wide .category-list img { width: 132px; height: 88px; }
.cat-wide .category-list h3 { font-size: 15.5px; line-height: 1.45; -webkit-line-clamp: 2; }
.cat-wide .category-list .meta { font-size: 12px; }
.cat-wide .category-card { grid-template-columns: minmax(0px, 450px) minmax(0px, 1fr); }
.cat-wide .category-list a { grid-template-columns: 120px minmax(0px, 1fr); min-height: 90px; padding: 12px 14px; gap: 12px; }
.cat-wide .category-list img { width: 120px; height: 80px; }
.cat-wide .category-card { grid-template-columns: minmax(0px, 1fr); }
.cat-wide .category-feature { border-right: 0px; border-bottom: 1px solid var(--line); }
.cat-wide .category-feature img { aspect-ratio: 16 / 9; }
.cat-wide .category-feature-body { margin-top: 0px; }
.cat-wide .category-list a { grid-template-columns: 120px minmax(0px, 1fr); min-height: 88px; }
.cat-wide .category-list img { width: 120px; height: 80px; }
.cat-wide .category-feature img { aspect-ratio: 16 / 10; }
.cat-wide .category-feature-body { padding: 13px 14px 15px; }
.cat-wide .category-feature-body h3 { font-size: 17px; }
.cat-wide .category-list a { grid-template-columns: 96px minmax(0px, 1fr); min-height: 76px; padding: 10px 12px; gap: 11px; }
.cat-wide .category-list img { width: 96px; height: 64px; }
.cat-wide .category-list h3 { font-size: 14px; }
.footer-grid > .footer-col { position: relative; padding: 4px 28px; }
.footer-grid > .footer-col:first-child { padding-left: 0px; padding-right: 34px; }
.footer-grid > .footer-col:last-child { padding-right: 0px; }
.footer-grid > .footer-col + .footer-col::before { content: ""; position: absolute; left: 0px; top: 6px; bottom: 6px; width: 1px; background: linear-gradient(rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%); }
.footer-logo h3 { color: rgb(255, 255, 255); font-size: 1.38rem; font-weight: 700; letter-spacing: -0.2px; margin-bottom: 2px; display: flex; align-items: baseline; gap: 8px; }
.footer-logo h3::before { content: ""; width: 4px; height: 24px; border-radius: 3px; background: var(--accent); box-shadow: rgba(215, 36, 47, 0.55) 0px 0px 14px; transform: translateY(1px); }
.footer-logo h3 .highlight { color: rgb(240, 160, 32); }
.footer-logo p { color: rgb(141, 153, 169); font-size: 0.82rem; line-height: 1.6; margin-top: 10px; max-width: 44ch; }
.footer-col h4 { color: rgb(255, 255, 255); font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.4px; margin-bottom: 10px; padding-bottom: 8px; position: relative; }
.footer-col h4::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 26px; height: 2px; border-radius: 2px; background: var(--accent); }
.footer-col ul { margin: 0px; padding: 0px; list-style: none; }
.footer-col:nth-child(2) ul { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 16px; }
.footer-col ul li { margin-bottom: 0px; min-width: 0px; }
.footer-col ul li a { display: inline-block; color: rgb(154, 165, 180); font-size: 0.82rem; line-height: 1.75; padding: 0px; transition: color 0.18s, transform 0.18s; position: relative; }
.footer-col ul li a::after { content: "›"; position: absolute; right: -14px; top: 50%; transform: translateY(-50%) translateX(-4px); opacity: 0; color: rgb(240, 160, 32); transition: opacity 0.18s, transform 0.18s; }
.footer-col ul li a:hover { color: rgb(255, 255, 255); }
.footer-col ul li a:hover::after { opacity: 1; transform: translateY(-50%) translateX(0px); }
.social-links { display: flex; gap: 9px; margin: 2px 0px 0px; }
.social-link { width: 36px; height: 36px; border-radius: 9px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); color: rgb(195, 204, 216); transition: border-color 0.2s, color 0.2s, background 0.2s, transform 0.2s, box-shadow 0.2s; }
.social-link:hover { background: rgba(215, 36, 47, 0.16); border-color: rgba(215, 36, 47, 0.65); color: rgb(255, 255, 255); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 22px; }
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.09); background: rgba(0, 0, 0, 0.22); }
.footer-bottom p { width: min(1200px, 100% - 28px); margin: 0px auto; padding: 12px 24px; color: rgb(119, 130, 143); font-size: 0.78rem; line-height: 1.6; letter-spacing: 0.1px; }
.footer-grid > .footer-col { padding: 14px 24px; }
.footer-grid > .footer-col:first-child { grid-column: 1 / -1; padding-left: 0px; padding-right: 0px; }
.footer-grid > .footer-col + .footer-col::before { display: none; }
.footer-grid > .footer-col { padding: 12px 0px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.footer-grid > .footer-col:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.footer-logo h3 { font-size: 1.24rem; }
.footer-col h4 { font-size: 0.74rem; margin-bottom: 8px; padding-bottom: 7px; }
.footer-col:nth-child(2) ul { gap: 0px 12px; }
.social-link { width: 34px; height: 34px; }
.footer-bottom p { padding: 12px 18px; font-size: 0.74rem; }
.brand-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 10px; }
.brand img { width: min(200px, 54vw); margin: 0px auto; }
.brand-left { min-width: 0px; }
.header-tools { display: contents; }
.header-tools .search-form, .header-tools .admin-login-link { display: none; }
.category-title a, .section-title a, .title-link { min-width: 0px; overflow-wrap: anywhere; }
.section-title a { flex: 0 1 auto; max-width: 100%; }
#progress-bar { position: fixed; top: 0px; left: 0px; height: 3px; background: linear-gradient(90deg, var(--accent), #ff6b6b); width: 0%; z-index: 9999; transition: width 0.1s linear; box-shadow: rgba(215, 36, 47, 0.3) 0px 1px 4px; }
.article { max-width: 880px; margin: 0px auto; padding: 24px 20px 60px; }
.breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 14px; color: var(--muted); margin-bottom: 16px; padding: 12px 0px 8px; border-bottom: 1px solid var(--line); }
.breadcrumb a { color: var(--muted); font-weight: 500; }
.breadcrumb a:hover { color: var(--cat); }
.breadcrumb .separator { opacity: 0.5; }
.breadcrumb .current { color: var(--ink); font-weight: 600; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.article-meta-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.cat-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 4px 10px; border-radius: 999px; background: var(--cat); color: rgb(255, 255, 255); }
.cat-badge--ghost { background: transparent; color: var(--cat); border: 1px solid var(--cat); }
.article-meta-info { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.article-date { font-size: 13px; color: var(--muted); font-weight: 500; }
.reading-time { font-size: 12px; color: var(--muted); padding: 2px 8px; background: var(--soft); border-radius: 999px; }
.article-title { font-size: clamp(28px, 4vw, 42px); line-height: 1.25; font-weight: 800; margin: 8px 0px 20px; color: var(--ink); letter-spacing: -0.02em; }
.article-featured-figure { margin: 0px -20px 28px; border-radius: 0px; overflow: hidden; }
.article-featured-figure img.featured { width: 100%; height: auto; max-height: 600px; object-fit: cover; display: block; }
.article-featured-figure figcaption { padding: 10px 16px; font-size: 13px; color: var(--muted); background: var(--soft); text-align: center; }
.article-content { font-size: 17px; line-height: 1.85; color: var(--ink); max-width: 100%; }
.article-content p { margin: 0px 0px 1.5em; }
.article-content h2, .article-content h3 { margin: 2em 0px 0.8em; font-weight: 700; color: var(--ink); }
.article-content h2 { font-size: 24px; border-bottom: 2px solid var(--cat); padding-bottom: 6px; }
.article-content h3 { font-size: 20px; }
.article-content strong, .article-content b { font-weight: 700; color: var(--ink); }
.article-content a { color: var(--cat); text-decoration: underline; text-underline-offset: 2px; }
.article-content a:hover { color: var(--accent); }
.article-content ul, .article-content ol { margin: 1.5em 0px; padding-left: 1.5em; }
.article-content li { margin: 0.5em 0px; }
.article-content blockquote { border-left: 4px solid var(--cat); padding: 1em 1.5em; margin: 1.5em 0px; background: var(--accent-light); border-radius: 0px 8px 8px 0px; font-style: italic; color: var(--ink); }
.article-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 1.5em auto; display: block; box-shadow: var(--shadow-md); }
.article-content figure { margin: 1.5em 0px; }
.article-content figcaption { text-align: center; font-size: 13px; color: var(--muted); margin-top: 0.5em; }
.article-empty-note { text-align: center; color: var(--muted); padding: 40px 20px; font-style: italic; }
.article-meta-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 0px 0px 20px; padding: 16px 0px; border-bottom: 1px solid var(--line); }
.article-meta-info { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.article-date { font-size: 14px; color: var(--muted); font-weight: 500; }
.reading-time { font-size: 13px; color: var(--muted); padding: 4px 12px; background: var(--soft); border-radius: 999px; font-weight: 500; }
.article-source { margin-top: 32px; padding: 16px; background: var(--soft); border-radius: 8px; font-size: 14px; color: var(--muted); text-align: center; }
.article-source a { color: var(--cat); font-weight: 600; }
.article-share { margin: 32px 0px; padding: 20px; background: var(--soft); border-radius: 12px; }
.app-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 8px; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); text-decoration: none; transition: 0.2s; }
.app-btn[data-share="facebook"] { background: rgb(24, 119, 242); }
.app-btn[data-share="facebook"]:hover { background: rgb(22, 111, 229); }
.app-btn[data-share="x"] { background: rgb(0, 0, 0); }
.app-btn[data-share="x"]:hover { background: rgb(51, 51, 51); }
.app-btn[data-share="whatsapp"] { background: rgb(37, 211, 102); }
.app-btn[data-share="whatsapp"]:hover { background: rgb(32, 192, 92); }
.app-btn[data-share="copy"] { background: var(--ink); }
.app-btn[data-share="copy"]:hover { background: var(--cat); }
.article-back { display: inline-flex; align-items: center; gap: 6px; margin-top: 24px; padding: 10px 16px; border: 1px solid var(--line); border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--ink); background: rgb(255, 255, 255); transition: 0.2s; }
.article-back:hover { background: var(--soft); border-color: var(--cat); color: var(--cat); }
.related-section { margin-top: 48px; }
.archive-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.archive-card { display: block; border-radius: 12px; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid var(--line); box-shadow: var(--shadow-md); transition: 0.3s; text-decoration: none; }
.archive-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--cat); }
.archive-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.archive-card-body { padding: 14px 16px; }
.archive-card-body .meta { font-size: 12px; color: var(--muted); display: block; margin-bottom: 6px; }
.archive-card-body h3 { font-size: 15px; font-weight: 700; color: var(--ink); line-height: 1.4; margin: 0px; }
.related-card { border-left: 3px solid var(--cat); }
.newsletter-section { position: relative; overflow: hidden; margin: 48px 0px; padding: 54px 32px 44px; background: linear-gradient(135deg, rgb(17, 24, 59) 0%, rgb(58, 15, 34) 48%, rgb(160, 22, 34) 105%); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 20px; box-shadow: rgba(215, 36, 47, 0.35) 0px 24px 60px, rgba(255, 255, 255, 0.14) 0px 1px 0px inset; color: rgb(255, 255, 255); text-align: center; }
.newsletter-section::before { content: ""; position: absolute; width: 460px; height: 460px; border-radius: 50%; top: -220px; right: -140px; background: radial-gradient(circle, rgba(215, 36, 47, 0.5), transparent 68%); pointer-events: none; }
.newsletter-section::after { content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; bottom: -200px; left: -120px; background: radial-gradient(circle, rgba(64, 110, 255, 0.32), transparent 68%); pointer-events: none; }
.newsletter-icon { position: relative; width: 56px; height: 56px; margin: 0px auto 20px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.28); box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 28px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset; color: rgb(255, 217, 220); }
.newsletter-section h3 { position: relative; font-size: 27px; font-weight: 900; letter-spacing: 0.5px; margin: 0px 0px 10px; font-family: var(--font-head); text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 14px; }
.newsletter-section p { position: relative; margin: 0px auto 26px; opacity: 0.88; font-size: 15px; line-height: 1.6; max-width: 470px; }
#newsletter-form { position: relative; display: flex; gap: 10px; max-width: 430px; margin: 0px auto; }
#newsletter-form input { flex: 1 1 0%; min-width: 0px; padding: 14px 18px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 12px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; backdrop-filter: blur(6px); transition: border-color 0.2s, background 0.2s, box-shadow 0.2s; }
#newsletter-form input::placeholder { color: rgba(255, 255, 255, 0.5); }
#newsletter-form input:focus { outline: none; border-color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.16); box-shadow: rgba(215, 36, 47, 0.25) 0px 0px 0px 4px; }
#newsletter-form button { padding: 14px 26px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 800; font-size: 14px; color: rgb(255, 255, 255); cursor: pointer; background: linear-gradient(135deg, rgb(255, 77, 90) 0%, rgb(215, 36, 47) 100%); box-shadow: rgba(215, 36, 47, 0.45) 0px 10px 24px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset; transition: transform 0.15s, box-shadow 0.15s, filter 0.15s; white-space: nowrap; }
#newsletter-form button:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: rgba(215, 36, 47, 0.55) 0px 14px 30px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset; }
#newsletter-form button:active { transform: translateY(0px); }
.newsletter-note { position: relative; margin: 18px 0px 0px; font-size: 12px; opacity: 0.65; }
.floating-share { position: fixed; right: 20px; bottom: 100px; z-index: 1000; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.floating-share-btn { width: 48px; height: 48px; border-radius: 50%; background: var(--cat); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: var(--shadow-lg); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; }
.floating-share-btn:hover { transform: scale(1.1); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px; }
.floating-share-panel { display: flex; flex-direction: column; gap: 8px; padding: 10px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: var(--shadow-lg); border: 1px solid var(--line); min-width: 140px; }
.share-opt { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: none; transition: 0.2s; }
.share-opt:hover { background: var(--soft); color: var(--cat); }
.share-opt[data-share="facebook"]:hover { color: rgb(24, 119, 242); }
.share-opt[data-share="x"]:hover { color: rgb(0, 0, 0); }
.share-opt[data-share="whatsapp"]:hover { color: rgb(37, 211, 102); }
.share-opt[data-share="copy"]:hover { color: var(--cat); }
.image-modal[hidden] { display: none !important; }
.image-modal { position: fixed; inset: 0px; z-index: 10000; background: rgba(0, 0, 0, 0.95); display: flex; align-items: center; justify-content: center; padding: 20px; }
.image-modal img { max-width: 100%; max-height: 90vh; object-fit: contain; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 40px; border-radius: 4px; }
.image-modal-close { position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 28px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
.image-modal-close:hover { background: rgba(255, 255, 255, 0.2); transform: rotate(90deg); }
.image-modal-prev, .image-modal-next { position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
.image-modal-prev { left: 20px; }
.image-modal-next { right: 20px; }
.image-modal-prev:hover, .image-modal-next:hover { background: rgba(255, 255, 255, 0.2); }
.toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(100px); padding: 12px 24px; background: var(--ink); color: rgb(255, 255, 255); border-radius: 8px; font-size: 14px; font-weight: 500; box-shadow: var(--shadow-lg); opacity: 0; transition: 0.3s; z-index: 10001; }
.toast.show { transform: translateX(-50%) translateY(0px); opacity: 1; }
.scroll-top { position: fixed; right: 20px; bottom: 20px; width: 44px; height: 44px; border-radius: 50%; background: var(--cat); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: var(--shadow-lg); cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(20px); transition: 0.3s; z-index: 1000; }
.scroll-top.visible { opacity: 1; visibility: visible; transform: translateY(0px); }
.scroll-top:hover { background: var(--accent); transform: translateY(-2px); }
.scroll-top { right: auto; left: 16px; bottom: 24px; }
.article { padding: 16px 16px 48px; }
.article-featured-figure { margin: 0px -16px 20px; max-height: 400px; }
.article-title { font-size: clamp(24px, 5vw, 34px); }
.article-content { font-size: 16px; }
.archive-grid { grid-template-columns: 1fr; }
.floating-share { right: 12px; bottom: 90px; }
.floating-share-btn { width: 44px; height: 44px; }
.floating-share-panel { min-width: 130px; }
.newsletter-section { padding: 40px 20px 34px; }
.newsletter-section h3 { font-size: 22px; }
.newsletter-section p { font-size: 14px; }
#newsletter-form { flex-direction: column; }
#newsletter-form button { width: 100%; }
.floating-share-panel { position: absolute; bottom: 60px; right: 0px; }
#progress-bar, .floating-share, .scroll-top, .header, .footer, .article-share, .newsletter-section, .related-section, .article-source, .article-back { display: none !important; }
.article { max-width: 100%; padding: 0px; }
.article-title { font-size: 28px; }
.article-content { font-size: 12pt; line-height: 1.6; }
.article-content img { max-width: 100%; break-inside: avoid; }
.article-content h2, .article-content h3 { break-after: avoid; }
.breadcrumb, .article-meta-header, .article-share, .related-section { display: none; }
@media (max-width: 560px) {
  .archive-grid { grid-template-columns: minmax(0px, 1fr); }
  .archive-card img { height: 190px; }
  .cat-tiles { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
  .cat-tile { padding: 14px 13px; }
  .cat-tile strong { font-size: 15.5px; }
}
@media (max-width: 900px) {
  .cat-wide .category-card { grid-template-columns: minmax(0px, 1fr); }
  .cat-wide .category-feature { border-right: 0px; border-bottom: 1px solid var(--line); }
  .cat-wide .category-feature img { height: 200px; }
  .cat-wide .category-list a { grid-template-columns: 92px minmax(0px, 1fr); }
  .cat-wide .category-list img { width: 92px; height: 64px; }
}
@media (max-width: 560px) {
  .cat-wide { margin: 0px 0px 26px; }
  .cat-wide .category-title { padding: 11px 13px; font-size: 16.5px; }
  .cat-wide .category-feature img { height: 172px; }
  .cat-wide .category-feature-body { padding: 13px 14px 15px; }
  .cat-wide .category-feature-body h3 { font-size: 17px; }
  .cat-viewall { font-size: 11.5px; padding: 4px 11px; }
  .cat-wide .category-list a { grid-template-columns: 78px minmax(0px, 1fr); min-height: 84px; padding: 10px 12px; gap: 10px; }
  .cat-wide .category-list img { width: 78px; height: 58px; }
  .cat-wide .category-list h3 { font-size: 14.5px; }
}
@media (max-width: 1200px) {
  .post-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .quick-links-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; }
  .content-shell { grid-template-columns: 1fr; }
  .sidebar-column { display: none; }
}
@media (max-width: 992px) {
  .brand-row { padding: 12px 0px 10px; }
  .menu-toggle { display: flex; }
  .nav-wrap { display: none; }
  .search-form { display: none; }
  .post-grid { grid-template-columns: 1fr; }
  .defence-grid .defence-lead { grid-column: span 1; }
  .category-row { grid-template-columns: 1fr; }
  .category-row--split { grid-template-columns: 1fr; }
  .hero-mosaic { grid-template-columns: 1fr; }
  .mosaic-card.lead { height: 238px; min-height: 238px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  html { font-size: 14px; }
  .topbar { gap: 8px; padding: 6px 0px; flex-wrap: wrap; justify-content: center; }
  .brand-row { padding: 8px 0px 6px; }
  .brand img { width: min(280px, 70vw); }
  .page { padding: 16px 0px 30px; }
  .post-grid { gap: 14px 12px; }
  .post-card { min-height: auto; }
  .quick-links-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
  .quick-link-card { padding: 14px 6px; }
  .footer-grid { grid-template-columns: 1fr; }
  .section-title { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .ticker-text span, .ticker-track-inner, .horoscope-track { animation: auto ease 0s 1 normal none running none !important; }
  * { transition-duration: 0.01ms !important; }
}
@media (max-width: 1100px) {
  .article-layout { grid-template-columns: 1fr !important; }
  .article-sidebar { position: static !important; flex-flow: wrap; }
  .article-sidebar .sidebar-box { flex: 1 1 280px; }
}
@media (max-width: 640px) {
  .youtube-actions { flex-direction: column; }
  .news-bot-panel { width: calc(-28px + 100vw); right: 14px; }
}
@media (min-width: 993px) {
  .menu-drawer { display: none !important; }
  .menu-overlay { display: none !important; }
}
@media (max-width: 768px) {
  .brand-row { gap: 12px; }
  .topbar, .content-shell, .sidebar-column { gap: 16px; }
}
@media (max-width: 1080px) {
  .cat-wide .category-card { grid-template-columns: minmax(0px, 450px) minmax(0px, 1fr); }
  .cat-wide .category-list a { grid-template-columns: 120px minmax(0px, 1fr); min-height: 90px; padding: 12px 14px; gap: 12px; }
  .cat-wide .category-list img { width: 120px; height: 80px; }
}
@media (max-width: 900px) {
  .cat-wide .category-card { grid-template-columns: minmax(0px, 1fr); }
  .cat-wide .category-feature { border-right: 0px; border-bottom: 1px solid var(--line); }
  .cat-wide .category-feature img { aspect-ratio: 16 / 9; }
  .cat-wide .category-feature-body { margin-top: 0px; }
  .cat-wide .category-list a { grid-template-columns: 120px minmax(0px, 1fr); min-height: 88px; }
  .cat-wide .category-list img { width: 120px; height: 80px; }
}
@media (max-width: 560px) {
  .cat-wide .category-feature img { aspect-ratio: 16 / 10; }
  .cat-wide .category-feature-body { padding: 13px 14px 15px; }
  .cat-wide .category-feature-body h3 { font-size: 17px; }
  .cat-wide .category-list a { grid-template-columns: 96px minmax(0px, 1fr); min-height: 76px; padding: 10px 12px; gap: 11px; }
  .cat-wide .category-list img { width: 96px; height: 64px; }
  .cat-wide .category-list h3 { font-size: 14px; }
}
@media (max-width: 1000px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 8px 0px; padding: 30px 24px 20px; }
  .footer-grid > .footer-col { padding: 14px 24px; }
  .footer-grid > .footer-col:first-child { grid-column: 1 / -1; padding-left: 0px; padding-right: 0px; }
  .footer-grid > .footer-col + .footer-col::before { display: none; }
}
@media (max-width: 560px) {
  .main-footer { margin-top: 26px; }
  .footer-grid { grid-template-columns: 1fr; padding: 26px 18px 16px; }
  .footer-grid > .footer-col { padding: 12px 0px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
  .footer-grid > .footer-col:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
  .footer-logo h3 { font-size: 1.24rem; }
  .footer-col h4 { font-size: 0.74rem; margin-bottom: 8px; padding-bottom: 7px; }
  .footer-col:nth-child(2) ul { gap: 0px 12px; }
  .social-link { width: 34px; height: 34px; }
  .footer-bottom p { padding: 12px 18px; font-size: 0.74rem; }
}
@media (max-width: 560px) {
  .brand-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 10px; }
  .brand { order: -1; flex: 0 0 100%; text-align: center; }
  .brand img { width: min(200px, 54vw); margin: 0px auto; }
  .brand-left { min-width: 0px; }
  .header-tools { display: contents; }
  .header-tools .search-form, .header-tools .admin-login-link { display: none; }
  .category-title a, .section-title a, .title-link { min-width: 0px; overflow-wrap: anywhere; }
  .section-title a { flex: 0 1 auto; max-width: 100%; }
}
@media (max-width: 768px) {
  .scroll-top { right: auto; left: 16px; bottom: 24px; }
  .article { padding: 16px 16px 48px; }
  .article-featured-figure { margin: 0px -16px 20px; max-height: 400px; }
  .article-title { font-size: clamp(24px, 5vw, 34px); }
  .article-content { font-size: 16px; }
  .archive-grid { grid-template-columns: 1fr; }
  .floating-share { right: 12px; bottom: 90px; }
  .floating-share-btn { width: 44px; height: 44px; }
  .floating-share-panel { min-width: 130px; }
  .newsletter-section { padding: 40px 20px 34px; }
  .newsletter-section h3 { font-size: 22px; }
  .newsletter-section p { font-size: 14px; }
  #newsletter-form { flex-direction: column; }
  #newsletter-form button { width: 100%; }
  .floating-share-panel { position: absolute; bottom: 60px; right: 0px; }
}
@media print {
  #progress-bar, .floating-share, .scroll-top, .header, .footer, .article-share, .newsletter-section, .related-section, .article-source, .article-back { display: none !important; }
  .article { max-width: 100%; padding: 0px; }
  .article-title { font-size: 28px; }
  .article-content { font-size: 12pt; line-height: 1.6; }
  .article-content img { max-width: 100%; break-inside: avoid; }
  .article-content h2, .article-content h3 { break-after: avoid; }
  .breadcrumb, .article-meta-header, .article-share, .related-section { display: none; }
  body { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
  a { text-decoration: none; color: rgb(0, 0, 0); }
}
.breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; color: var(--muted); margin-bottom: 14px; flex-wrap: wrap; }
.breadcrumb a { color: var(--muted); text-decoration: none; }
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb .separator { color: rgb(204, 204, 204); }
.breadcrumb .current { color: var(--ink); font-weight: 600; }
.image-modal { position: fixed; inset: 0px; z-index: 10000; background: rgba(0, 0, 0, 0.95); display: flex; align-items: center; justify-content: center; padding: 20px; }
.image-modal[hidden] { display: none !important; }
.image-modal img { max-width: 100%; max-height: 90vh; object-fit: contain; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 40px; border-radius: 4px; }
.image-modal-close { position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 28px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
.image-modal-close:hover { background: rgba(255, 255, 255, 0.2); transform: rotate(90deg); }
.image-modal-prev, .image-modal-next { position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
.image-modal-prev:hover, .image-modal-next:hover { background: rgba(255, 255, 255, 0.2); }
.image-modal-prev { left: 20px; }
.image-modal-next { right: 20px; }
.cat-strip-wrap { background: #d7242f; border-bottom: 1px solid #a01318 !important; }
.cat-strip a { color: rgb(255, 255, 255) !important; }
.cat-strip a:hover { color: rgb(255, 255, 255) !important; }
.cat-strip a.on { color: rgb(255, 255, 255) !important; }
html { font-size: 16px !important; text-size-adjust: 100%; }
body { font-size: 1rem !important; }
.article { font-size: 1rem !important; }
.article-content { font-size: 1.06rem !important; line-height: 1.78 !important; }
.cat-more { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 700; color: #fff; background: var(--accent); padding: 6px 12px; border-radius: 6px; text-decoration: none; white-space: nowrap; }
.cat-more:hover { background: var(--accent3); }