﻿ @import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800;900&family=Tajawal:wght@400;500;700;800&display=swap');:root {--red-50: #fff1f2;--red-100: #ffe1e4;--red-200: #ffc7cc;--red-300: #ff9da6;--red-400: #ff6475;--red-500: #f83b4f;--red-600: #e51a30;--red-700: #C8102E;--red-800: #a30d26;--red-900: #7d0a1e;--gold: #C9942A;--gold-lt: #F5E4B8;--ink: #131316;--ink-80: #26262b;--ink-60: #45454d;--muted: #6d6d78;--border: #e3e4e8;--surface: #eef0f3;--white: #FFFFFF;--success: #16A34A;--warn: #D97706;--danger: #DC2626;--info: #2563EB;--font-ar: 'Tajawal', system-ui, sans-serif;--font-display: 'Alexandria', 'Tajawal', system-ui, sans-serif;--font-en: 'Alexandria', system-ui, sans-serif;--text-xs: 12px;--text-sm: 13.5px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 23px;--text-2xl: 28px;--text-3xl: 34px;--text-4xl: 44px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(19,19,22,.06), 0 1px 3px rgba(19,19,22,.05);--shadow-md: 0 5px 14px rgba(19,19,22,.10), 0 2px 4px rgba(19,19,22,.05);--shadow-lg: 0 14px 34px rgba(19,19,22,.14), 0 4px 10px rgba(19,19,22,.06);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--nav-h: 58px;--max-w: 1320px;--col-main: 860px;--col-side: 320px;--mast-bg: #131316;--mast-bg-2: #1c1c21;--mast-line: rgba(255,255,255,.08);}[data-theme="dark"] {--ink: #F0F0F2;--ink-80: #D1D1D6;--ink-60: #A1A1AA;--muted: #83838d;--border: #26262c;--surface: #101014;--white: #17171c;--red-50: #2a1216;--red-100: #3a161d;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 10px 30px rgba(0,0,0,.5);--mast-bg: #0c0c0f;--mast-bg-2: #131318;}*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}html {direction: rtl;scroll-behavior: smooth;}body {font-family: var(--font-ar);font-size: var(--text-base);color: var(--ink);background: var(--surface);line-height: 1.65;-webkit-font-smoothing: antialiased;}a {color: inherit;text-decoration: none;}img {max-width: 100%;display: block;}button, input, select, textarea {font-family: inherit;}h1, h2, h3, h4 {font-family: var(--font-display);font-weight: 800;}::selection {background: var(--red-700);color: #fff;}.container {max-width: var(--max-w);margin: 0 auto;padding: 0 var(--sp-5);}@media (max-width: 768px) {.container {padding: 0 var(--sp-3);}}.page-layout {display: grid;grid-template-columns: minmax(0, 1fr) var(--col-side);gap: var(--sp-6);align-items: start;}@media (max-width: 1100px) {.page-layout {grid-template-columns: minmax(0, 1fr);}}.sidebar {display: flex;flex-direction: column;gap: var(--sp-5);}.masthead {position: sticky;top: 0;z-index: 100;height: var(--nav-h);background: linear-gradient(180deg, var(--mast-bg-2), var(--mast-bg));border-bottom: 2px solid var(--red-700);box-shadow: 0 2px 14px rgba(0,0,0,.28);}.masthead-inner {height: 100%;display: flex;align-items: stretch;gap: var(--sp-5);max-width: var(--max-w);margin: 0 auto;padding: 0 var(--sp-5);}.navbar-logo {display: flex;align-items: center;flex-shrink: 0;}.navbar-logo img {height: 42px;width: auto;display: block;}.navbar-nav {display: flex;align-items: stretch;flex: 1;min-width: 0;overflow-x: auto;scrollbar-width: none;}.navbar-nav::-webkit-scrollbar {display: none;}.nav-link {display: inline-flex;align-items: center;padding: 0 var(--sp-4);font-family: var(--font-display);font-size: var(--text-sm);font-weight: 700;color: rgba(255,255,255,.82);white-space: nowrap;position: relative;transition: background .15s, color .15s;}.nav-link:hover {background: rgba(255,255,255,.06);color: #fff;}.nav-link.active {color: #fff;}.nav-link.active::after {content: '';position: absolute;bottom: 0;right: var(--sp-3);left: var(--sp-3);height: 3px;background: var(--gold);border-radius: 2px 2px 0 0;}.navbar-actions {display: flex;align-items: center;gap: var(--sp-2);flex-shrink: 0;}.navbar-search-btn {display: inline-flex;align-items: center;justify-content: center;gap: var(--sp-2);height: 36px;padding: 0 var(--sp-4);border: 1px solid rgba(255,255,255,.16);border-radius: var(--r-full);background: rgba(255,255,255,.06);cursor: pointer;color: rgba(255,255,255,.8);font-size: var(--text-sm);font-weight: 500;transition: border-color .15s, color .15s, background .15s;}.navbar-search-btn:hover {border-color: var(--red-500);color: #fff;background: rgba(200,16,46,.25);}.hamburger {display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: var(--sp-2);}.hamburger span {display: block;width: 24px;height: 2px;background: #fff;border-radius: 2px;}@media (max-width: 960px) {.hamburger {display: flex;}.navbar-nav {display: none;}.navbar-actions {margin-inline-start: auto;}}@media (max-width: 560px) {.navbar-search-btn span {display: none;}.navbar-search-btn {width: 36px;padding: 0;}.navbar-logo img {height: 34px;}.masthead-inner {gap: var(--sp-3);padding: 0 var(--sp-3);}}.breaking-bar {background: var(--white);color: var(--ink);font-size: var(--text-sm);font-weight: 700;display: flex;align-items: stretch;overflow: hidden;height: 38px;border-bottom: 1px solid var(--border);}.breaking-label {flex-shrink: 0;padding: 0 var(--sp-4);background: var(--red-700);color: #fff;display: flex;align-items: center;gap: 7px;font-family: var(--font-display);font-size: var(--text-xs);font-weight: 800;letter-spacing: 0.06em;clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);padding-inline-end: calc(var(--sp-4) + 10px);}.breaking-label::before {content: '';width: 7px;height: 7px;border-radius: 50%;background: #fff;animation: pulse 1.4s ease-in-out infinite;}.breaking-ticker {overflow: hidden;flex: 1;min-width: 0;display: flex;align-items: center;}.ticker-track {display: flex;align-items: center;flex-shrink: 0;animation: ticker-rtl var(--ticker-duration, 40s) linear infinite;will-change: transform;}.ticker-list {display: flex;align-items: center;list-style: none;margin: 0;padding: 0;flex-shrink: 0;}.ticker-list li {display: flex;align-items: center;white-space: nowrap;}.ticker-list li::after {content: '';width: 5px;height: 5px;border-radius: 50%;background: var(--red-700);opacity: .45;margin: 0 var(--sp-4);flex-shrink: 0;}.ticker-list a {color: var(--ink);transition: color .15s;}.ticker-list a:hover {color: var(--red-700);text-decoration: underline;}@keyframes ticker-rtl {from {transform: translateX(0);}to {transform: translateX(50%);}}@keyframes ticker-ltr {from {transform: translateX(0);}to {transform: translateX(-50%);}}html:not([dir="rtl"]) .ticker-track {animation-name: ticker-ltr;}.breaking-bar:hover .ticker-track, .breaking-bar:focus-within .ticker-track, .breaking-bar.is-paused .ticker-track {animation-play-state: paused;}.breaking-pause {flex-shrink: 0;width: 34px;align-self: stretch;border: none;border-inline-start: 1px solid var(--border);background: transparent;cursor: pointer;color: var(--muted);display: flex;align-items: center;justify-content: center;}.breaking-pause:hover {color: var(--red-700);background: var(--surface);}.breaking-pause .bp-pause {width: 8px;height: 10px;border-inline-start: 3px solid currentColor;border-inline-end: 3px solid currentColor;}.breaking-bar.is-paused .bp-pause {width: 0;height: 0;border: 5px solid transparent;border-inline-end-color: currentColor;border-inline-start-width: 8px;}@media (prefers-reduced-motion: reduce) {.ticker-track {animation: none;}.breaking-ticker {overflow-x: auto;scrollbar-width: none;}.breaking-ticker::-webkit-scrollbar {display: none;}.ticker-list[aria-hidden="true"] {display: none;}.breaking-pause {display: none;}}@keyframes pulse {0%,100% {opacity: 1;}50% {opacity: .35;}}.section-header {display: flex;align-items: center;gap: var(--sp-3);margin-bottom: var(--sp-4);border-bottom: 3px solid var(--ink);padding-bottom: var(--sp-2);}[data-theme="dark"] .section-header {border-bottom-color: var(--ink-80);}.section-title {font-family: var(--font-display);font-size: var(--text-lg);font-weight: 900;color: var(--ink);display: flex;align-items: center;gap: var(--sp-3);line-height: 1.2;}.section-title::before {content: '';width: 6px;height: 22px;background: linear-gradient(180deg, var(--red-500), var(--red-800));border-radius: 2px;flex-shrink: 0;}.section-title span {color: var(--red-700);}.see-all {margin-inline-start: auto;font-size: var(--text-xs);font-weight: 700;color: var(--red-700);display: inline-flex;align-items: center;gap: 4px;padding: 5px 12px;border: 1.5px solid var(--red-200);border-radius: var(--r-full);transition: background .15s, color .15s, border-color .15s;white-space: nowrap;}.see-all:hover {background: var(--red-700);border-color: var(--red-700);color: #fff;}.card {background: var(--white);border-radius: var(--r-md);box-shadow: var(--shadow-sm);border: 1px solid var(--border);overflow: hidden;transition: box-shadow .2s, transform .2s, border-color .2s;}.card:hover {box-shadow: var(--shadow-md);transform: translateY(-2px);border-color: var(--red-200);}.card-hero {position: relative;border-radius: var(--r-lg);overflow: hidden;aspect-ratio: 16/9.5;background: var(--ink);}.card-hero img {width: 100%;height: 100%;object-fit: cover;transition: transform .45s ease;}.card-hero:hover img {transform: scale(1.03);}.card-hero-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(10,10,12,.92) 0%, rgba(10,10,12,.45) 45%, rgba(10,10,12,.05) 75%, transparent 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: var(--sp-6);color: white;}.card-hero-title {font-family: var(--font-display);font-size: var(--text-2xl);font-weight: 900;line-height: 1.35;margin-bottom: var(--sp-2);text-wrap: pretty;text-shadow: 0 2px 12px rgba(0,0,0,.4);}@media (max-width: 768px) {.card-hero-title {font-size: var(--text-lg);}.card-hero-overlay {padding: var(--sp-4);}}.side-card {display: grid;grid-template-columns: 116px 1fr;background: var(--white);border: 1px solid var(--border);border-radius: var(--r-md);overflow: hidden;transition: border-color .15s, box-shadow .15s;position: relative;flex: 1;}.side-card::before {content: '';position: absolute;inset-inline-start: 0;top: 0;bottom: 0;width: 0;background: var(--red-700);transition: width .18s ease;}.side-card:hover {border-color: var(--red-300);box-shadow: var(--shadow-md);}.side-card:hover::before {width: 3px;}.side-card-img {overflow: hidden;min-height: 86px;height: 100%;background: var(--surface);}.side-card-img img {width: 100%;height: 100%;object-fit: cover;transition: transform .3s;}.side-card:hover .side-card-img img {transform: scale(1.06);}.side-card-body {padding: var(--sp-2) var(--sp-3);display: flex;flex-direction: column;justify-content: center;gap: 4px;min-width: 0;}.side-card-cat {font-size: 11px;font-weight: 700;color: var(--red-700);}.side-card-title {font-family: var(--font-display);font-size: var(--text-sm);font-weight: 700;line-height: 1.45;color: var(--ink);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;transition: color .15s;}.side-card:hover .side-card-title {color: var(--red-700);}.article-card {display: grid;grid-template-columns: 148px 1fr;gap: var(--sp-3);padding: var(--sp-2);background: var(--white);border-radius: var(--r-md);border: 1px solid var(--border);position: relative;transition: box-shadow .18s, border-color .18s;}.article-card::before {content: '';position: absolute;inset-inline-start: 0;top: 0;bottom: 0;width: 0;background: var(--red-700);border-radius: 0 var(--r-md) var(--r-md) 0;transition: width .18s ease;}.article-card:hover {box-shadow: var(--shadow-md);border-color: var(--red-200);}.article-card:hover::before {width: 4px;}.article-card-img {width: 148px;height: 96px;border-radius: var(--r-sm);overflow: hidden;flex-shrink: 0;background: var(--surface);}.article-card-img img {width: 100%;height: 100%;object-fit: cover;transition: transform .3s;}.article-card:hover .article-card-img img {transform: scale(1.05);}.article-card-body {display: flex;flex-direction: column;justify-content: center;gap: var(--sp-1);min-width: 0;padding-inline-end: var(--sp-2);}.article-card-title {font-family: var(--font-display);font-size: var(--text-base);font-weight: 700;line-height: 1.5;color: var(--ink);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: color .15s;}.article-card:hover .article-card-title {color: var(--red-700);}.article-card-meta {font-size: var(--text-xs);color: var(--muted);display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-1) var(--sp-2);}@media (max-width: 560px) {.article-card {grid-template-columns: 110px 1fr;}.article-card-img {width: 110px;height: 78px;}.article-card-title {font-size: var(--text-sm);}}.grid-card {display: flex;flex-direction: column;position: relative;}.grid-card-img {aspect-ratio: 16/9.5;overflow: hidden;position: relative;background: var(--surface);}.grid-card-img img {width: 100%;height: 100%;object-fit: cover;transition: transform .35s ease;}.grid-card:hover .grid-card-img img {transform: scale(1.06);}.grid-card-img .badge {position: absolute;top: var(--sp-2);inset-inline-start: var(--sp-2);z-index: 2;box-shadow: 0 2px 8px rgba(0,0,0,.35);}.grid-card-body {padding: var(--sp-3);flex: 1;display: flex;flex-direction: column;gap: var(--sp-2);}.grid-card-title {font-family: var(--font-display);font-size: var(--text-base);font-weight: 700;line-height: 1.5;color: var(--ink);text-wrap: pretty;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;transition: color .15s;}.grid-card:hover .grid-card-title {color: var(--red-700);}.grid-card .meta {margin-top: auto;}.badge {display: inline-flex;align-items: center;padding: 3px var(--sp-2);border-radius: var(--r-sm);font-size: 11px;font-weight: 800;line-height: 1.4;letter-spacing: .01em;}.badge-red {background: var(--red-700);color: white;}.badge-red-lt {background: var(--red-50);color: var(--red-700);}.badge-gold {background: var(--gold);color: white;}.badge-gray {background: var(--border);color: var(--ink-60);}.badge-green {background: var(--success);color: white;}.tag-chip {display: inline-flex;align-items: center;padding: var(--sp-1) var(--sp-3);border-radius: var(--r-full);border: 1px solid var(--border);background: var(--white);font-size: var(--text-xs);font-weight: 700;color: var(--ink-60);transition: border-color .15s, color .15s, background .15s;cursor: pointer;}.tag-chip:hover {border-color: var(--red-700);color: #fff;background: var(--red-700);}.btn {display: inline-flex;align-items: center;justify-content: center;gap: var(--sp-2);padding: var(--sp-2) var(--sp-5);border-radius: var(--r-sm);font-family: var(--font-ar);font-size: var(--text-sm);font-weight: 700;border: 1.5px solid transparent;cursor: pointer;transition: all .15s;min-height: 42px;white-space: nowrap;}.btn-primary {background: var(--red-700);color: white;border-color: var(--red-700);}.btn-primary:hover {background: var(--red-800);border-color: var(--red-800);}.btn-ghost {background: transparent;color: var(--red-700);border-color: var(--red-700);}.btn-ghost:hover {background: var(--red-50);}.btn-outline {background: transparent;color: var(--ink-60);border-color: var(--border);}.btn-outline:hover {border-color: var(--ink);color: var(--ink);}.btn-sm {min-height: 34px;padding: var(--sp-1) var(--sp-4);font-size: var(--text-xs);}.btn-icon {width: 42px;height: 42px;padding: 0;}.input {width: 100%;height: 42px;padding: 0 var(--sp-4);border: 1.5px solid var(--border);border-radius: var(--r-sm);font-family: var(--font-ar);font-size: var(--text-sm);background: var(--white);color: var(--ink);transition: border-color .15s, box-shadow .15s;outline: none;}.input:focus {border-color: var(--red-700);box-shadow: 0 0 0 3px rgba(200,16,46,.14);}.input::placeholder {color: var(--muted);}.select {appearance: none;background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: left 12px center;}.ad-slot {position: relative;display: flex;align-items: center;justify-content: center;background: repeating-linear-gradient(-45deg, var(--surface), var(--surface) 10px, rgba(0,0,0,.015) 10px, rgba(0,0,0,.015) 20px);border: 1px dashed var(--border);border-radius: var(--r-sm);overflow: hidden;}.ad-slot::before {content: 'إعلان';position: absolute;top: 4px;right: 6px;font-size: 10px;color: var(--muted);background: var(--white);padding: 1px 5px;border-radius: 3px;z-index: 1;border: 1px solid var(--border);}.ad-slot img {width: 100%;height: 100%;object-fit: cover;}.ad-970x90 {width: 100%;height: 90px;max-width: 970px;}.ad-728x90 {width: 100%;height: 90px;max-width: 728px;}.ad-300x250 {width: 300px;height: 250px;max-width: 100%;}.ad-300x600 {width: 300px;height: 600px;max-width: 100%;}.ad-320x50 {width: 320px;height: 50px;display: none;}.ad-mobile-only {display: none;}@media (max-width: 768px) {.ad-320x50 {display: flex;}.ad-mobile-only {display: flex;}.ad-970x90 {display: none;}.ad-728x90 {display: none;}.ad-300x600 {display: none;}}.tv-embed {display: block;margin: var(--sp-6) 0;text-decoration: none;color: inherit;}.tv-embed-frame {position: relative;display: block;aspect-ratio: 16 / 9;border-radius: var(--r-md);overflow: hidden;background: var(--mast-bg);}.tv-embed-frame img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .3s;}.tv-embed:hover .tv-embed-frame img {transform: scale(1.03);}.tv-embed-play {position: absolute;inset: 0;margin: auto;width: 62px;height: 62px;border-radius: 50%;background: rgba(200,16,46,.92);box-shadow: 0 6px 24px rgba(0,0,0,.4);transition: transform .2s, background .2s;}.tv-embed-play::after {content: '';position: absolute;inset: 0;margin: auto;width: 0;height: 0;border-style: solid;border-width: 11px 0 11px 18px;border-color: transparent transparent transparent #fff;transform: translateX(3px);}.tv-embed:hover .tv-embed-play {transform: scale(1.08);background: var(--red-700);}.tv-embed-badge {position: absolute;top: var(--sp-3);inset-inline-start: var(--sp-3);background: rgba(10,10,12,.75);color: #fff;font-size: var(--text-xs);font-weight: 700;padding: 3px 9px;border-radius: var(--r-full);backdrop-filter: blur(4px);}.tv-embed-caption {display: block;margin-top: var(--sp-2);font-family: var(--font-display);font-size: var(--text-sm);font-weight: 700;color: var(--ink);line-height: 1.5;}.tv-embed:hover .tv-embed-caption {color: var(--red-700);}.tv-embed:focus-visible {outline: 3px solid var(--red-700);outline-offset: 4px;border-radius: var(--r-md);}@media (max-width: 560px) {.tv-embed-play {width: 50px;height: 50px;}.tv-embed-play::after {border-width: 9px 0 9px 15px;}}.ahly-tv-video {word-break: break-all;font-size: var(--text-sm);color: var(--muted);}.skeleton {background: linear-gradient(90deg, var(--border) 25%, var(--surface) 50%, var(--border) 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;border-radius: var(--r-sm);}@keyframes shimmer {from {background-position: 200% 0;}to {background-position: -200% 0;}}.meta {display: flex;align-items: center;gap: var(--sp-3);flex-wrap: wrap;font-size: var(--text-xs);color: var(--muted);}.meta-item {display: flex;align-items: center;gap: 4px;}.meta svg {width: 14px;height: 14px;}.widget {background: var(--white);border: 1px solid var(--border);border-radius: var(--r-md);overflow: hidden;box-shadow: var(--shadow-sm);}.widget-header {font-family: var(--font-display);font-weight: 800;font-size: var(--text-sm);padding: var(--sp-3) var(--sp-4);background: var(--mast-bg);color: #fff;position: relative;display: flex;align-items: center;gap: var(--sp-2);}.widget-header::before {content: "";position: absolute;inset-inline-start: 0;top: 0;bottom: 0;width: 4px;background: var(--red-700);}.widget-body {padding: var(--sp-4);}.most-read-list {display: flex;flex-direction: column;gap: 0;}.most-read-item {display: flex;align-items: center;gap: var(--sp-3);padding: var(--sp-3) var(--sp-4);border-bottom: 1px solid var(--border);cursor: pointer;transition: background .15s;}.most-read-item:last-child {border-bottom: none;}.most-read-item:hover {background: var(--red-50);}.most-read-item:hover .most-read-title {color: var(--red-700);}.most-read-num {font-family: var(--font-en);font-size: var(--text-2xl);font-weight: 900;line-height: 1;flex-shrink: 0;width: 34px;text-align: center;color: transparent;-webkit-text-stroke: 1.4px var(--red-300);transition: -webkit-text-stroke-color .15s;}.most-read-item:hover .most-read-num {-webkit-text-stroke-color: var(--red-700);}.most-read-title {font-family: var(--font-display);font-size: var(--text-sm);font-weight: 700;line-height: 1.5;color: var(--ink);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.tabs {display: flex;gap: 2px;border-bottom: 2px solid var(--border);}.tab-btn {padding: var(--sp-2) var(--sp-4);font-size: var(--text-sm);font-weight: 700;color: var(--muted);background: none;border: none;cursor: pointer;border-bottom: 2px solid transparent;margin-bottom: -2px;transition: color .15s, border-color .15s;}.tab-btn:hover {color: var(--red-700);}.tab-btn.active {color: var(--red-700);border-bottom-color: var(--red-700);}.pagination, .pager {display: flex;align-items: center;gap: var(--sp-1);justify-content: center;flex-wrap: wrap;margin: var(--sp-8) 0;}.page-btn, .pager a, .pager span {min-width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;padding: 0 var(--sp-3);border: 1px solid var(--border);border-radius: var(--r-sm);font-size: var(--text-sm);font-weight: 700;color: var(--ink-60);background: var(--white);cursor: pointer;transition: all .15s;text-decoration: none;}.page-btn:hover, .pager a:hover {border-color: var(--red-700);color: var(--red-700);}.page-btn.active, .pager .current {background: var(--red-700);border-color: var(--red-700);color: white;}.pager .disabled {opacity: .4;pointer-events: none;}.breadcrumb {display: flex;align-items: center;gap: var(--sp-2);font-size: var(--text-sm);color: var(--muted);flex-wrap: wrap;}.breadcrumb a {color: var(--muted);}.breadcrumb a:hover {color: var(--red-700);}.breadcrumb-sep {color: var(--border);}.breadcrumb-current {color: var(--ink);font-weight: 600;}.avatar {border-radius: 50%;overflow: hidden;flex-shrink: 0;background: var(--surface);border: 2px solid var(--border);display: flex;align-items: center;justify-content: center;font-weight: 700;color: var(--red-700);}.avatar-sm {width: 32px;height: 32px;font-size: var(--text-xs);}.avatar-md {width: 44px;height: 44px;font-size: var(--text-sm);}.avatar-lg {width: 64px;height: 64px;font-size: var(--text-xl);}.share-bar {display: flex;align-items: center;gap: var(--sp-2);flex-wrap: wrap;}.share-btn {display: inline-flex;align-items: center;gap: var(--sp-1);padding: var(--sp-1) var(--sp-4);border-radius: var(--r-full);font-size: var(--text-xs);font-weight: 700;border: 1px solid var(--border);cursor: pointer;transition: all .15s;min-height: 36px;background: var(--white);color: var(--ink);}.share-btn:hover {border-color: var(--red-700);color: var(--red-700);background: var(--red-50);}.share-fb {background: #1877F2;color: white;border-color: #1877F2;}.share-tw {background: #000000;color: white;border-color: #000;}.share-wa {background: #25D366;color: white;border-color: #25D366;}.share-copy {background: var(--surface);color: var(--ink);border: 1px solid var(--border);}.toast {position: fixed;bottom: var(--sp-6);left: 50%;transform: translateX(-50%);z-index: 9999;background: var(--ink);color: white;padding: var(--sp-3) var(--sp-5);border-radius: var(--r-md);font-size: var(--text-sm);font-weight: 600;box-shadow: var(--shadow-lg);animation: toast-in .3s ease;display: flex;align-items: center;gap: var(--sp-3);min-width: 240px;max-width: 400px;}@keyframes toast-in {from {transform: translateX(-50%) translateY(20px);opacity:0;}to {transform: translateX(-50%) translateY(0);opacity:1;}}.footer {background: radial-gradient(700px 200px at 15% 0%, rgba(200,16,46,.16), transparent 60%), var(--mast-bg);color: rgba(255,255,255,.7);padding: var(--sp-10) 0 var(--sp-6);margin-top: var(--sp-12);border-top: 4px solid var(--red-700);}.footer-grid {display: grid;grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);gap: var(--sp-8);margin-bottom: var(--sp-8);}@media (max-width: 768px) {.footer-grid {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--sp-6);}}@media (max-width: 560px) {.footer-grid {grid-template-columns: minmax(0, 1fr);}}.footer-heading {font-family: var(--font-display);font-size: var(--text-sm);font-weight: 800;color: white;margin-bottom: var(--sp-4);padding-inline-start: var(--sp-3);border-inline-start: 3px solid var(--red-700);}.footer-links {display: flex;flex-direction: column;gap: var(--sp-2);}.footer-links a {font-size: var(--text-sm);color: rgba(255,255,255,.55);transition: color .15s, padding .15s;}.footer-links a:hover {color: var(--gold-lt);padding-inline-start: 4px;}.footer-bottom {border-top: 1px solid rgba(255,255,255,.1);padding-top: var(--sp-5);display: flex;align-items: center;justify-content: space-between;font-size: var(--text-xs);flex-wrap: wrap;gap: var(--sp-4);}.footer-bottom a {color: rgba(255,255,255,.55);}.footer-bottom a:hover {color: var(--gold-lt);}.footer-credit {display: inline-flex;align-items: baseline;gap: 7px;padding: 7px 14px;border: 1px solid rgba(255,255,255,.14);border-radius: var(--r-full);background: rgba(255,255,255,.04);font-size: var(--text-sm);color: rgba(255,255,255,.62);transition: border-color .15s, background .15s;}.footer-credit:hover {border-color: rgba(245,228,184,.4);background: rgba(255,255,255,.07);}.footer-credit a {color: var(--gold-lt);font-family: var(--font-display);font-weight: 700;letter-spacing: .04em;text-decoration: none;transition: color .15s;}.footer-credit a:hover {color: #fff;text-decoration: underline;text-underline-offset: 3px;}.footer-credit a:focus-visible {outline: 2px solid var(--gold-lt);outline-offset: 3px;border-radius: 2px;}@media (max-width: 560px) {.footer-bottom {justify-content: center;text-align: center;gap: var(--sp-3);}}.footer-social {width: 36px;height: 36px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 700;color: #fff;border: 1px solid rgba(255,255,255,.15);background: rgba(255,255,255,.06);transition: background .15s, border-color .15s, transform .15s;}.footer-social:hover {background: var(--red-700);border-color: var(--red-700);transform: translateY(-2px);}.flex {display: flex;}.flex-col {display: flex;flex-direction: column;}.items-center {align-items: center;}.justify-between {justify-content: space-between;}.gap-2 {gap: var(--sp-2);}.gap-3 {gap: var(--sp-3);}.gap-4 {gap: var(--sp-4);}.gap-6 {gap: var(--sp-6);}.w-full {width: 100%;}.text-red {color: var(--red-700);}.text-muted {color: var(--muted);}.text-sm {font-size: var(--text-sm);}.text-xs {font-size: var(--text-xs);}.font-bold {font-weight: 700;}.font-black {font-weight: 900;}.truncate-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.mt-4 {margin-top: var(--sp-4);}.mt-6 {margin-top: var(--sp-6);}.mt-8 {margin-top: var(--sp-8);}.mb-4 {margin-bottom: var(--sp-4);}.mb-6 {margin-bottom: var(--sp-6);}.p-4 {padding: var(--sp-4);}.p-6 {padding: var(--sp-6);}.rounded {border-radius: var(--r-md);}.bg-white {background: var(--white);}.border {border: 1px solid var(--border);}.grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--sp-4);}.grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--sp-4);}.grid-4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--sp-3);}@media (max-width: 768px) {.grid-2 {grid-template-columns: 1fr;}.grid-3 {grid-template-columns: 1fr;}.grid-4 {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 769px) and (max-width: 1024px) {.grid-3 {grid-template-columns: repeat(2, 1fr);}.grid-4 {grid-template-columns: repeat(2, 1fr);}}.sticky-sidebar {position: sticky;top: calc(var(--nav-h) + var(--sp-4));}.page-hero {background: radial-gradient(800px 160px at 80% 0%, rgba(200,16,46,.35), transparent 60%), linear-gradient(120deg, var(--mast-bg-2), var(--mast-bg));color: white;padding: var(--sp-6) 0;margin-bottom: var(--sp-6);border-bottom: 3px solid var(--red-700);position: relative;overflow: hidden;}.page-hero::after {content: '';position: absolute;inset-inline-end: -40px;top: -60px;width: 240px;height: 240px;border: 26px solid rgba(255,255,255,.04);border-radius: 50%;pointer-events: none;}.page-hero-title {font-family: var(--font-display);font-size: var(--text-2xl);font-weight: 900;margin: 0;display: flex;align-items: center;gap: var(--sp-3);}.page-hero-title::before {content: '';width: 8px;height: 30px;background: var(--red-700);border-radius: 2px;flex-shrink: 0;}.page-hero-meta {font-size: var(--text-sm);opacity: .75;margin-top: var(--sp-2);display: flex;gap: var(--sp-4);flex-wrap: wrap;}.filter-bar {display: flex;flex-wrap: wrap;gap: var(--sp-2);margin-bottom: var(--sp-5);}.filter-chip {padding: 6px var(--sp-4);border-radius: var(--r-full);background: var(--white);border: 1.5px solid var(--border);font-size: var(--text-sm);font-weight: 700;color: var(--ink);cursor: pointer;text-decoration: none;transition: all .15s;}.filter-chip:hover {border-color: var(--red-700);color: var(--red-700);}.filter-chip.active {background: var(--red-700);border-color: var(--red-700);color: white;}.empty-state {text-align: center;padding: var(--sp-10) var(--sp-4);color: var(--muted);background: var(--white);border: 1px dashed var(--border);border-radius: var(--r-md);}.empty-state svg {width: 56px;height: 56px;opacity: .3;margin: 0 auto var(--sp-3);display: block;}.top-ad-band {background: var(--white);border-bottom: 1px solid var(--border);}.top-ad-band .container {padding-top: var(--sp-2);padding-bottom: var(--sp-2);display: flex;justify-content: center;}.video-embed {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius: var(--r-md);background: var(--ink);}.video-embed iframe {position: absolute;top:0;left:0;width:100%;height:100%;border:0;}.article-body {font-size: var(--text-md);line-height: 1.95;color: var(--ink-80);}.article-body p {margin-bottom: var(--sp-4);}.article-body strong {font-weight: 700;color: var(--ink);}.article-body img {border-radius: var(--r-md);margin: var(--sp-4) 0;max-width: 100%;}.article-body h2 {font-size: var(--text-xl);font-weight: 800;margin: var(--sp-6) 0 var(--sp-3);}.article-body a {color: var(--red-700);text-decoration: underline;}.lightbox-overlay {position: fixed;inset: 0;z-index: 9000;background: rgba(0,0,0,.92);display: flex;align-items: center;justify-content: center;animation: fade-in .2s ease;}@keyframes fade-in {from {opacity: 0;}to {opacity: 1;}}.lightbox-img {max-width: 90vw;max-height: 85vh;border-radius: var(--r-sm);object-fit: contain;}.lightbox-close {position: absolute;top: var(--sp-4);left: var(--sp-4);width: 44px;height: 44px;background: rgba(255,255,255,.15);border: none;border-radius: 50%;color: white;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;}.mobile-drawer {position: fixed;inset: 0;z-index: 200;display: flex;pointer-events: none;}.mobile-drawer.open {pointer-events: all;}.drawer-backdrop {position: absolute;inset: 0;background: rgba(10,10,12,.6);opacity: 0;transition: opacity .3s;}.mobile-drawer.open .drawer-backdrop {opacity: 1;}.drawer-panel {position: absolute;top: 0;right: -100%;width: min(320px, 90vw);height: 100%;background: var(--white);box-shadow: var(--shadow-lg);transition: right .3s cubic-bezier(.4,0,.2,1);display: flex;flex-direction: column;overflow-y: auto;}.mobile-drawer.open .drawer-panel {right: 0;}.drawer-header {padding: var(--sp-4);background: var(--mast-bg);display: flex;align-items: center;justify-content: space-between;}.drawer-nav {display: flex;flex-direction: column;padding: var(--sp-4);gap: 2px;}.drawer-link {padding: var(--sp-3) var(--sp-4);border-radius: var(--r-sm);font-family: var(--font-display);font-size: var(--text-base);font-weight: 700;color: var(--ink-60);display: flex;align-items: center;gap: var(--sp-3);transition: color .15s, background .15s;border-inline-start: 3px solid transparent;}.drawer-link:hover {color: var(--red-700);background: var(--red-50);border-inline-start-color: var(--red-700);}.editorial-card {display: flex;gap: var(--sp-3);background: var(--white);border: 1px solid var(--border);border-top: 3px solid var(--gold);border-radius: var(--r-md);padding: var(--sp-4);transition: box-shadow .18s, transform .18s;}.editorial-card:hover {box-shadow: var(--shadow-md);transform: translateY(-2px);}.editorial-num {font-family: var(--font-en);font-size: var(--text-3xl);font-weight: 900;line-height: 1;color: transparent;-webkit-text-stroke: 1.5px var(--gold);flex-shrink: 0;}.editorial-body {display: flex;flex-direction: column;gap: var(--sp-1);min-width: 0;}.editorial-title {font-family: var(--font-display);font-size: var(--text-base);font-weight: 800;line-height: 1.5;color: var(--ink);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: color .15s;}.editorial-card:hover .editorial-title {color: var(--red-700);}.editorial-summary {font-size: var(--text-xs);color: var(--muted);line-height: 1.7;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.flash-strip {background: radial-gradient(600px 140px at 90% 0%, rgba(201,148,42,.14), transparent 60%), var(--mast-bg-2);border-radius: var(--r-md);overflow: hidden;border: 1px solid rgba(255,255,255,.06);}.flash-header {background: linear-gradient(90deg, var(--red-900), var(--red-700));color: white;padding: var(--sp-3) var(--sp-5);display: flex;align-items: center;gap: var(--sp-3);font-family: var(--font-display);}.flash-items {display: flex;flex-direction: column;}.flash-item {padding: var(--sp-3) var(--sp-5);border-bottom: 1px solid rgba(255,255,255,.06);display: flex;align-items: center;gap: var(--sp-3);cursor: pointer;transition: background .15s, padding .15s;}.flash-item:last-child {border-bottom: none;}.flash-item:hover {background: rgba(255,255,255,.06);padding-inline-start: calc(var(--sp-5) + 4px);}.flash-item-title {font-family: var(--font-display);font-size: var(--text-sm);font-weight: 600;color: rgba(255,255,255,.88);}.flash-item-date {font-size: var(--text-xs);color: rgba(255,255,255,.4);margin-top: 2px;}.photo-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: var(--sp-2);}@media (max-width: 768px) {.photo-grid {grid-template-columns: repeat(3, 1fr);}}.photo-thumb {aspect-ratio: 1;border-radius: var(--r-sm);overflow: hidden;cursor: pointer;position: relative;display: block;background: var(--ink-80);}.photo-thumb img {width: 100%;height: 100%;object-fit: cover;transition: transform .3s;}.photo-thumb:hover img {transform: scale(1.08);}.photo-overlay {position: absolute;inset: 0;background: rgba(200,16,46,.5);opacity: 0;transition: opacity .2s;display: flex;align-items: center;justify-content: center;color: white;font-size: var(--text-xl);font-weight: 800;}.photo-thumb:hover .photo-overlay {opacity: 1;}.video-rail {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--sp-3);}@media (max-width: 768px) {.video-rail {grid-template-columns: repeat(2, 1fr);}}.video-thumb {position: relative;aspect-ratio: 16/9;border-radius: var(--r-md);overflow: hidden;cursor: pointer;background: var(--ink);display: block;}.video-thumb img {width: 100%;height: 100%;object-fit: cover;opacity: .9;transition: transform .3s, opacity .3s;}.video-thumb:hover img {transform: scale(1.06);opacity: 1;}.video-play {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;}.video-play-icon {width: 44px;height: 44px;border-radius: 50%;background: rgba(200,16,46,.9);display: flex;align-items: center;justify-content: center;color: white;box-shadow: 0 4px 14px rgba(0,0,0,.35);transition: transform .2s, background .2s;}.video-thumb:hover .video-play-icon {transform: scale(1.12);background: var(--red-700);}.video-item {display: flex;flex-direction: column;min-width: 0;}.video-caption {display: block;margin-top: var(--sp-2);font-family: var(--font-display);font-size: var(--text-sm);font-weight: 700;line-height: 1.5;color: var(--ink);-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;transition: color .15s;}.video-item:hover .video-caption {color: var(--red-700);}.video-item .meta {margin-top: var(--sp-1);}.video-duration {position: absolute;bottom: var(--sp-2);inset-inline-end: var(--sp-2);background: rgba(10,10,12,.82);color: #fff;font-size: 11px;font-weight: 700;font-variant-numeric: tabular-nums;padding: 2px 6px;border-radius: var(--r-sm);backdrop-filter: blur(3px);}.album-card {background: var(--white);border-radius: var(--r-md);overflow: hidden;border: 1px solid var(--border);display: block;transition: transform .2s, box-shadow .2s, border-color .2s;}.album-card:hover {transform: translateY(-3px);box-shadow: var(--shadow-md);border-color: var(--red-200);}.album-cover {position: relative;aspect-ratio: 4/3;overflow: hidden;background: var(--ink-80);}.album-cover img {width: 100%;height: 100%;object-fit: cover;transition: transform .3s;}.album-card:hover .album-cover img {transform: scale(1.05);}.album-count-pill {position: absolute;bottom: var(--sp-3);inset-inline-end: var(--sp-3);background: rgba(10,10,12,.72);color: white;font-size: var(--text-xs);font-weight: 700;padding: 4px 10px;border-radius: var(--r-full);display: inline-flex;align-items: center;gap: 4px;backdrop-filter: blur(4px);}.album-body {padding: var(--sp-3) var(--sp-4);}.album-name {font-family: var(--font-display);font-size: var(--text-base);font-weight: 800;color: var(--ink);line-height: 1.45;margin-bottom: var(--sp-2);}.album-card:hover .album-name {color: var(--red-700);}.album-meta {font-size: var(--text-xs);color: var(--muted);display: flex;gap: var(--sp-3);}.api-down {background: var(--white);border: 1px solid var(--border);border-top: 3px solid var(--red-700);border-radius: var(--r-md);padding: var(--sp-8) var(--sp-6);margin: var(--sp-6) 0;text-align: center;box-shadow: var(--shadow-sm);}.api-down svg {width: 42px;height: 42px;color: var(--red-700);margin-bottom: var(--sp-3);}.api-down-title {font-family: var(--font-display);font-weight: 800;font-size: var(--text-lg);color: var(--ink);margin-bottom: var(--sp-2);}.api-down-text {font-size: var(--text-sm);color: var(--muted);line-height: 1.9;max-width: 46ch;margin: 0 auto var(--sp-5);}.api-down-retry {background: var(--red-700);color: #fff;border: none;padding: var(--sp-3) var(--sp-6);border-radius: var(--r-sm);font-family: inherit;font-size: var(--text-sm);font-weight: 800;cursor: pointer;}.api-down-retry:hover {background: var(--red-900);}.newsletter-form {margin-bottom: var(--sp-4);}.newsletter-row {display: flex;flex-wrap: wrap;gap: 6px;}.newsletter-row input {flex: 1 1 11ch;min-width: 0;padding: 10px var(--sp-3);border: 1px solid rgba(255,255,255,.15);border-radius: var(--r-sm);background: rgba(255,255,255,.06);color: #fff;font-family: inherit;font-size: var(--text-sm);}.newsletter-row input::placeholder {color: rgba(255,255,255,.45);}.newsletter-row input:focus {outline: 2px solid var(--red-700);background: rgba(255,255,255,.1);}.newsletter-row button {padding: 10px var(--sp-4);border: none;border-radius: var(--r-sm);background: var(--red-700);color: #fff;font-family: inherit;font-size: var(--text-sm);font-weight: 800;cursor: pointer;white-space: nowrap;}.newsletter-row button:hover {background: var(--red-900);}.newsletter-row button:disabled {opacity: .6;cursor: not-allowed;}.newsletter-hp {position: absolute;inset-inline-start: -9999px;width: 1px;height: 1px;overflow: hidden;}.newsletter-result {margin-top: var(--sp-2);font-size: var(--text-xs);font-weight: 700;line-height: 1.7;}.newsletter-result[hidden] {display: none;}.newsletter-result.ok {color: #4ade80;}.newsletter-result.error {color: #fca5a5;}.comments {margin-top: var(--sp-8);}.comment-count {display: inline-block;margin-inline-start: var(--sp-2);background: var(--red-100);color: var(--red-700);border-radius: 999px;padding: 1px 10px;font-size: var(--text-sm);font-weight: 800;font-variant-numeric: tabular-nums;}.comments-empty {background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-md);padding: var(--sp-6);text-align: center;color: var(--muted);font-size: var(--text-sm);}.comment-list, .comment-replies {list-style: none;margin: 0;padding: 0;}.comment-list {display: flex;flex-direction: column;gap: var(--sp-3);}.comment {background: var(--white);border: 1px solid var(--border);border-radius: var(--r-md);padding: var(--sp-4);}.comment-head {display: flex;align-items: baseline;gap: var(--sp-3);margin-bottom: var(--sp-2);}.comment-author {font-family: var(--font-display);font-weight: 800;color: var(--ink);font-size: var(--text-sm);}.comment-when {font-size: var(--text-xs);color: var(--muted);}.comment-body {font-size: var(--text-sm);line-height: 1.9;color: var(--ink);white-space: pre-wrap;word-break: break-word;}.comment-reply-btn {margin-top: var(--sp-2);background: none;border: none;padding: 0;font-family: inherit;font-size: var(--text-xs);font-weight: 700;color: var(--red-700);cursor: pointer;}.comment-reply-btn:hover {text-decoration: underline;}.comment-replies {margin-top: var(--sp-3);padding-inline-start: var(--sp-4);border-inline-start: 2px solid var(--border);display: flex;flex-direction: column;gap: var(--sp-2);}.comment-replies .comment {background: var(--surface);}.comment-form {margin-top: var(--sp-5);background: var(--white);border: 1px solid var(--border);border-top: 3px solid var(--red-700);border-radius: var(--r-md);padding: var(--sp-4);}.comment-form-title {font-family: var(--font-display);font-weight: 800;font-size: var(--text-md);margin-bottom: var(--sp-3);}.comment-replying {display: flex;align-items: center;gap: var(--sp-2);background: var(--red-50);border-radius: var(--r-sm);padding: var(--sp-2) var(--sp-3);margin-bottom: var(--sp-3);font-size: var(--text-xs);font-weight: 700;color: var(--red-700);}.comment-replying[hidden] {display: none;}.comment-replying button {background: none;border: none;color: var(--muted);cursor: pointer;font-family: inherit;font-size: var(--text-xs);text-decoration: underline;}.comment-fields {display: grid;grid-template-columns: 1fr 1fr;gap: var(--sp-3);margin-bottom: var(--sp-3);}@media (max-width: 600px) {.comment-fields {grid-template-columns: 1fr;}}.comment-form input[type=text], .comment-form input[type=email], .comment-form textarea {width: 100%;box-sizing: border-box;padding: var(--sp-3);border: 1px solid var(--border);border-radius: var(--r-sm);background: var(--surface);font-family: inherit;font-size: var(--text-sm);color: var(--ink);}.comment-form textarea {resize: vertical;line-height: 1.8;}.comment-form input:focus, .comment-form textarea:focus {outline: 2px solid var(--red-700);background: var(--white);}.comment-hp {position: absolute;inset-inline-start: -9999px;width: 1px;height: 1px;overflow: hidden;}.comment-form-foot {display: flex;align-items: center;gap: var(--sp-3);margin-top: var(--sp-3);}.comment-note {flex: 1;font-size: var(--text-xs);color: var(--muted);}.comment-result {margin-top: var(--sp-3);padding: var(--sp-3);border-radius: var(--r-sm);font-size: var(--text-sm);font-weight: 700;}.comment-result[hidden] {display: none;}.comment-result.ok {background: #dcfce7;color: #166534;}.comment-result.error {background: #fee2e2;color: #991b1b;}.search-suggest {margin-top: var(--sp-3);border: 1px solid var(--border);border-radius: var(--r-md);overflow: hidden;background: var(--white);max-height: 320px;overflow-y: auto;}.search-suggest[hidden] {display: none;}.suggest-item {display: flex;align-items: center;gap: var(--sp-3);padding: var(--sp-2) var(--sp-3);border-bottom: 1px solid var(--border);cursor: pointer;}.suggest-item:last-child {border-bottom: none;}.suggest-item:hover, .suggest-item.active {background: var(--red-50);}.suggest-thumb {width: 52px;height: 36px;flex-shrink: 0;border-radius: var(--r-sm);object-fit: cover;background: var(--surface);}.suggest-text {min-width: 0;}.suggest-title {font-family: var(--font-display);font-size: var(--text-sm);font-weight: 700;color: var(--ink);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.suggest-cat {font-size: 11px;color: var(--red-700);font-weight: 700;}.suggest-empty {padding: var(--sp-4);text-align: center;color: var(--muted);font-size: var(--text-sm);}@media (prefers-reduced-motion: no-preference) {.reveal {animation: rise-in .5s cubic-bezier(.2,.7,.3,1) both;animation-delay: var(--d, 0s);}@keyframes rise-in {from {opacity: 0;transform: translateY(14px);}to {opacity: 1;transform: none;}}}