:root{--font-display: "Playfair Display", "Merriweather", Georgia, serif;--font-serif: "Merriweather", Georgia, "Times New Roman", serif;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem;--crimson-900: #5c0a0a;--crimson-800: #7a0d0d;--crimson-700: #8B0000;--crimson-600: #a21212;--crimson-500: #b91c1c;--crimson-400: #dc2626;--crimson-300: #ef4444;--crimson-200: #fca5a5;--crimson-100: #fee2e2;--gray-950: #0a0a0a;--gray-900: #1a1a1a;--gray-800: #2d2d2d;--gray-700: #404040;--gray-600: #525252;--gray-500: #737373;--gray-400: #a3a3a3;--gray-300: #d4d4d4;--gray-200: #e5e5e5;--gray-100: #f5f5f5;--gray-50: #fafafa;--warm-50: #fafaf9;--warm-100: #f5f5f4;--warm-200: #e7e5e4;--color-primary: var(--crimson-700);--color-primary-hover: var(--crimson-800);--color-accent: var(--crimson-500);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-tertiary: var(--gray-500);--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: var(--warm-50);--color-bg-tertiary: var(--warm-100);--color-bg-elevated: #ffffff;--color-border: var(--gray-200);--color-border-light: var(--gray-100);--color-border-dark: var(--gray-300);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-tooltip: 1500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--reading-width: 680px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:var(--text-light);padding:.75rem 1.5rem;text-decoration:none;font-weight:700;z-index:10000;transition:top .2s ease}.skip-link:focus{top:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--color-text-primary);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em}h2{font-size:var(--text-3xl);font-weight:800}h3{font-size:var(--text-2xl);font-weight:700}h4{font-size:var(--text-xl);font-weight:600}p{margin-bottom:var(--space-4);line-height:1.8}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}strong{font-weight:600}em{font-style:italic}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6);width:100%}@media(min-width:640px){.container{padding:0 var(--space-8)}}@media(min-width:1024px){.container{padding:0 var(--space-12)}}@media(min-width:1440px){.container{max-width:var(--container-2xl)}}.reading-container{max-width:var(--reading-width);margin:0 auto}.site-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;position:sticky;top:0;z-index:10002;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;transition:all var(--transition-base)}.site-header.is-scrolled{padding:var(--space-3) 0;box-shadow:var(--shadow-sm);border-bottom-color:var(--color-border-dark)}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;gap:var(--space-4)}.logo-section{flex:1;min-width:0}.site-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;margin:0;letter-spacing:-.03em;line-height:1.1;color:var(--color-text-primary);text-transform:uppercase;position:relative}.site-logo:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:3px;background:var(--color-primary);border-radius:var(--radius-full)}.site-tagline{font-family:var(--font-serif);font-size:var(--text-xs);font-weight:400;font-style:italic;letter-spacing:.05em;margin:var(--space-1) 0 0;line-height:1.3;color:var(--color-text-secondary);text-transform:uppercase}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:var(--space-2);gap:4px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;z-index:10000;flex-shrink:0;cursor:pointer;transition:all var(--transition-fast)}.nav-toggle:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.nav-toggle:active{transform:scale(.95)}.nav-toggle span{display:block;width:20px;height:2px;background:var(--color-text-primary);border-radius:var(--radius-full);transition:all var(--transition-base);position:relative}.nav-toggle.is-active{background:var(--color-bg-tertiary)}.nav-toggle.is-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.is-active span:nth-child(2){opacity:0;transform:scale(0)}.nav-toggle.is-active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main-nav{position:fixed;top:0;right:-100%;width:85%;max-width:340px;height:100vh;height:100dvh;background:var(--color-bg-primary);padding:var(--space-20) var(--space-6) var(--space-8);overflow-y:auto;overflow-x:hidden;z-index:9999;transition:right var(--transition-slow);box-shadow:var(--shadow-2xl);-webkit-overflow-scrolling:touch;border-left:1px solid var(--color-border);visibility:hidden;pointer-events:none}.main-nav.is-open{right:0;visibility:visible;pointer-events:auto!important}.nav-links{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;gap:var(--space-2);position:relative;z-index:10;pointer-events:auto!important}.nav-links li{margin:0;padding:0;position:relative;z-index:10;pointer-events:auto!important}.nav-links a{display:flex;align-items:center;color:var(--color-text-primary);text-decoration:none;font-family:var(--font-sans);font-weight:500;font-size:var(--text-base);padding:var(--space-4);min-height:48px;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;letter-spacing:-.01em;z-index:10;pointer-events:auto!important;cursor:pointer!important}.nav-links a:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.nav-links a:active{transform:scale(.98)}.nav-links a.is-active{background:var(--crimson-50, #fef2f2);color:var(--color-primary);font-weight:600;border-left:3px solid var(--color-primary);padding-left:calc(var(--space-4) - 3px)}.nav-links a.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-backdrop{position:fixed;inset:0;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.nav-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto}@media(min-width:1024px){.nav-backdrop{display:none}}@media(min-width:768px){.site-header{padding:1.25rem 0}.site-logo{font-size:1.5rem}.site-tagline{font-size:.75rem}.nav-toggle{min-width:52px;min-height:52px}.main-nav{max-width:360px}.nav-links a{font-size:1.25rem;padding:1.25rem 2rem}}@media(min-width:1024px){.site-header{padding:var(--space-6) 0}.site-logo{font-size:var(--text-2xl)}.site-tagline{font-size:var(--text-sm)}.nav-toggle{display:none}.main-nav{position:static;right:auto;width:auto;max-width:none;height:auto;background:none;padding:0;overflow:visible;box-shadow:none;flex-grow:1;border:none;visibility:visible;transition:none}.main-nav.is-open{right:auto}.nav-links{flex-direction:row;justify-content:flex-end;align-items:center;gap:var(--space-2)}.nav-links a{font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);min-height:auto;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);letter-spacing:.01em}.nav-links a:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:translateY(-1px)}.nav-links a.is-active{background:transparent;color:var(--color-primary);font-weight:600;border:none;padding:var(--space-2) var(--space-4);position:relative}.nav-links a.is-active:before{display:none}.nav-links a.is-active:after{content:"";position:absolute;bottom:0;left:var(--space-4);right:var(--space-4);height:2px;background:var(--color-primary);border-radius:var(--radius-full)}.nav-backdrop{display:none}}.site-main{padding:var(--space-12) 0;background:var(--color-bg-secondary)}.hero-section{display:grid;grid-template-columns:1fr;gap:0;background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-12);box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative}.hero-section:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.hero-image{position:relative;width:100%;height:400px;overflow:hidden;background:var(--gray-200)}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.hero-section:hover .hero-image img{transform:scale(1.02)}.hero-content{padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.hero-category{display:inline-block;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;width:fit-content}.hero-title{font-family:var(--font-display);font-size:var(--text-3xl);line-height:1.15;margin:0;color:var(--color-text-primary);font-weight:900;letter-spacing:-.03em}.hero-excerpt{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin:0}.hero-meta{display:flex;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.hero-link{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);text-decoration:none;font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);width:fit-content;transition:all var(--transition-fast);letter-spacing:-.01em}.hero-link:hover{background:var(--color-primary-hover);transform:translate(4px);box-shadow:var(--shadow-md)}@media(min-width:768px){.hero-section{grid-template-columns:1.3fr 1fr}.hero-image{height:100%;min-height:500px;order:2}.hero-content{padding:var(--space-12) var(--space-10);order:1}.hero-title{font-size:var(--text-4xl)}.hero-excerpt{font-size:var(--text-xl)}}@media(min-width:1024px){.hero-image{min-height:600px}.hero-content{padding:var(--space-16) var(--space-12)}.hero-title{font-size:var(--text-5xl)}}.filter-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);background:var(--color-bg-primary);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);flex-wrap:wrap;border:1px solid var(--color-border-light)}.filter-info h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;margin:0 0 var(--space-2);color:var(--color-text-primary);letter-spacing:-.02em}.article-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.filter-controls{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.search-input,.sort-select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);transition:all var(--transition-fast)}.search-input{min-width:240px}.search-input:hover,.sort-select:hover{border-color:var(--color-border-dark)}.search-input:focus,.sort-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b00001a}.search-input::placeholder{color:var(--color-text-tertiary)}@media(min-width:768px){.filter-bar{padding:var(--space-8)}.filter-info h3{font-size:var(--text-3xl)}.search-input{min-width:320px}}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.article-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);display:flex;flex-direction:column;position:relative;border:1px solid var(--color-border-light)}.article-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--color-border)}.article-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.article-image{width:100%;height:240px;background:var(--gray-100);position:relative;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{padding:var(--space-6);flex-grow:1;display:flex;flex-direction:column;gap:var(--space-3)}.article-category{display:inline-block;background:var(--crimson-100);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;width:fit-content}.article-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.3;margin:0;color:var(--color-text-primary);font-weight:700;letter-spacing:-.02em;transition:color var(--transition-fast)}.article-card-link:hover .article-title{color:var(--color-primary)}.article-excerpt{font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;flex-grow:1;margin:0}.article-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-light);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em;gap:var(--space-4)}.article-date{font-weight:600}.article-author{font-style:normal;font-weight:500}@media(min-width:640px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(min-width:1024px){.articles-grid{grid-template-columns:repeat(3,1fr)}.article-image{height:260px}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-8) 0}.pagination-btn{padding:var(--space-3) var(--space-6);background:var(--color-bg-primary);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em}.pagination-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-tertiary)}.pagination-info{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.02em}.site-footer{background:linear-gradient(180deg,var(--gray-900) 0%,#0f0f0f 100%);color:var(--gray-100);padding:var(--space-20) 0 var(--space-8);margin-top:var(--space-20);border-top:4px solid var(--color-primary);position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-12);margin-bottom:var(--space-12)}.footer-about{grid-column:span 1}.footer-section h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;margin-bottom:var(--space-5);color:var(--color-text-inverse);letter-spacing:-.03em;position:relative;display:inline-block}.footer-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:var(--color-primary);border-radius:var(--radius-full)}.footer-mission{margin-top:var(--space-6);padding:var(--space-4);background:#8b00001a;border-left:3px solid var(--color-primary);border-radius:var(--radius-md)}.mission-text{font-family:var(--font-serif);font-style:italic;font-size:var(--text-sm);color:var(--gray-200);margin:0;line-height:1.6}.footer-section h4{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-5);color:var(--gray-200);text-transform:uppercase;letter-spacing:.1em;position:relative;padding-bottom:var(--space-2)}.footer-section h4:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--gray-700);border-radius:var(--radius-full)}.footer-section p{font-family:var(--font-serif);line-height:1.7;color:var(--gray-300);font-size:var(--text-sm);margin-bottom:var(--space-4)}.footer-section ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0}.footer-section ul li{position:relative;padding-left:var(--space-5)}.footer-section ul li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700;opacity:0;transition:opacity var(--transition-fast)}.footer-section ul li:hover:before{opacity:1}.footer-section a{color:var(--gray-300);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);display:inline-block}.footer-section a:hover{color:var(--color-text-inverse);transform:translate(4px)}.footer-newsletter{grid-column:span 1}.newsletter-form{display:flex;gap:var(--space-2);margin-top:var(--space-5);margin-bottom:var(--space-4)}.newsletter-form input{flex-grow:1;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-700);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);background:var(--gray-800);color:var(--gray-100);transition:all var(--transition-fast)}.newsletter-form input:hover{border-color:var(--gray-600)}.newsletter-form input:focus{outline:none;border-color:var(--color-primary);background:var(--gray-900);box-shadow:0 0 0 3px #8b00001a}.newsletter-form input::placeholder{color:var(--gray-500)}.newsletter-form button{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.newsletter-form button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.newsletter-form button:active{transform:translateY(0)}.newsletter-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-2);font-style:italic}.social-links{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.social-links a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-fast);text-decoration:none;color:var(--gray-300)}.social-links a:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-md)}.footer-bottom{padding-top:var(--space-10);border-top:1px solid var(--gray-800);display:flex;flex-direction:column;gap:var(--space-6);align-items:center;text-align:center}.footer-bottom-left,.footer-bottom-right{display:flex;flex-direction:column;gap:var(--space-2)}.footer-bottom p{font-size:var(--text-sm);color:var(--gray-400);margin:0;line-height:1.6}.footer-tagline{font-family:var(--font-serif);font-style:italic;color:var(--gray-500);font-size:var(--text-xs)}.update-info{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);letter-spacing:.03em}#current-year,#last-update{color:var(--gray-400);font-weight:600}@media(min-width:768px){.footer-content{grid-template-columns:1.5fr 1fr 1fr 1.3fr}.footer-about{grid-column:span 1;display:block}.footer-newsletter{grid-column:span 1}}@media(min-width:641px)and (max-width:767px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-about,.footer-newsletter{grid-column:span 2}}@media(min-width:1024px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:flex-start;text-align:left}.footer-bottom-left{align-items:flex-start}.footer-bottom-right{align-items:flex-end;text-align:right}}@media(max-width:640px){.site-footer{padding:var(--space-8) 0 var(--space-6);margin-top:var(--space-12)}.site-footer:before{display:none}.footer-content{display:none}.footer-bottom{padding-top:0;border-top:none;gap:var(--space-4);text-align:center}.footer-bottom-left,.footer-bottom-right{align-items:center}.footer-bottom p{font-size:var(--text-xs);margin:0}.footer-tagline,.update-info{display:none}}@media(max-width:640px){.site-footer .container{display:flex;flex-direction:column;gap:var(--space-6)}.footer-content{display:block}.footer-section{display:none}.footer-newsletter{display:block;text-align:center}.footer-newsletter h4{font-size:var(--text-sm);margin-bottom:var(--space-3)}.footer-newsletter h4:after{display:none}.footer-newsletter p:first-of-type{display:none}.newsletter-form{flex-direction:row;gap:var(--space-2)}.newsletter-form input{flex:1;padding:var(--space-3);font-size:var(--text-sm)}.newsletter-form button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);white-space:nowrap}.newsletter-note{display:none}.social-links{justify-content:center;margin-top:var(--space-4);gap:var(--space-3)}.social-links a{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);background:var(--gray-800)}.social-icon{display:none}}.loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);color:var(--color-text-secondary)}.spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-state{grid-column:1 / -1;text-align:center;padding:var(--space-16);background:var(--crimson-50, #fef2f2);border-radius:var(--radius-lg);color:var(--color-primary);border:1px solid var(--crimson-200)}.error-state h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4);color:var(--color-primary)}.error-state p{font-family:var(--font-serif);font-size:var(--text-base);color:var(--crimson-700);line-height:1.6}@media(max-width:768px){.hero-section{grid-template-columns:1fr;margin-bottom:var(--space-10)}.hero-image{height:320px;order:-1}.hero-content{padding:var(--space-6)}.hero-title{font-size:var(--text-2xl)}.hero-excerpt{font-size:var(--text-base)}.articles-grid{grid-template-columns:1fr;gap:var(--space-6)}.filter-bar{flex-direction:column;align-items:stretch;padding:var(--space-5)}.filter-controls{width:100%;flex-direction:column}.search-input,.sort-select{width:100%;min-width:0}.site-main{padding:var(--space-8) 0}}@media(max-width:480px){:root{--text-4xl: 2rem;--text-3xl: 1.75rem;--text-2xl: 1.5rem}.container{padding:0 var(--space-4)}.hero-section{border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.hero-title{font-size:var(--text-2xl)}.hero-excerpt{font-size:var(--text-base)}.hero-image{height:280px;order:-1}.hero-content{padding:var(--space-6) var(--space-5)}.filter-bar{padding:var(--space-4);gap:var(--space-4)}.filter-info h3{font-size:var(--text-xl)}.filter-controls{flex-direction:column;width:100%}.search-input,.sort-select{width:100%;padding:var(--space-3) var(--space-4);min-height:48px}.articles-grid{gap:var(--space-5)}.article-image{height:200px}.article-content{padding:var(--space-5)}.article-title{font-size:var(--text-lg)}.pagination{flex-direction:column;gap:var(--space-4);padding:var(--space-6) 0}.pagination-btn{width:100%;min-height:48px}.site-footer{padding:var(--space-12) 0 var(--space-6)}.footer-content{gap:var(--space-8)}.footer-section{text-align:center}.footer-section ul{align-items:center}.newsletter-form{flex-direction:column}.newsletter-form input,.newsletter-form button{width:100%;min-height:48px}.social-links{justify-content:center}.article-header,.article-body{padding:var(--space-6) var(--space-4)}.article-title-full{font-size:var(--text-2xl)}.article-footer{padding:var(--space-6) var(--space-4)}}@media(hover:none)and (pointer:coarse){button,a,input,select{min-height:44px}.article-card:hover{transform:none;box-shadow:var(--shadow-md)}.article-card:active{opacity:.9;transform:scale(.99)}.hero-section:hover{transform:none}.article-image img,.hero-image img,.article-image-mini img{transition:none}.article-card:hover .article-image img,.hero-section:hover .hero-image img,.article-card-mini:hover .article-image-mini img{transform:none}}.article-page{background:var(--color-bg-secondary)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--crimson-500) 100%);z-index:calc(var(--z-sticky) + 1);transition:width .1s ease-out;box-shadow:0 0 8px #8b000080}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-6) 0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);font-weight:600}.breadcrumb a:hover{color:var(--color-primary-hover)}.breadcrumb .separator{color:var(--color-text-tertiary);font-weight:300}.article-full{background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--space-12);border:1px solid var(--color-border-light)}.article-header{padding:var(--space-12) var(--space-10) var(--space-8);max-width:var(--reading-width);margin:0 auto}.article-meta-top{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.article-category-badge{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--crimson-100);color:var(--color-primary)}.article-category-badge.local{background:#dbeafe;color:#1e40af}.article-category-badge.nacional{background:var(--crimson-100);color:var(--color-primary)}.article-category-badge.internacional{background:#e9d5ff;color:#6b21a8}.article-category-badge.deportes{background:#d1fae5;color:#065f46}.article-category-badge.cultura{background:#fed7aa;color:#9a3412}.article-title-full{font-family:var(--font-display);font-size:var(--text-4xl);line-height:1.15;margin-bottom:var(--space-6);color:var(--color-text-primary);font-weight:900;letter-spacing:-.03em}@media(min-width:768px){.article-title-full{font-size:var(--text-5xl)}}@media(max-width:768px){.article-header{padding:var(--space-8) var(--space-6) var(--space-6)}.article-title-full{font-size:var(--text-2xl)}}.article-meta-info{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:2px solid var(--color-border);flex-wrap:wrap;gap:var(--space-6)}.author-info{display:flex;align-items:center;gap:var(--space-4)}.author-avatar{width:56px;height:56px;background:linear-gradient(135deg,var(--crimson-100) 0%,var(--crimson-200) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);border:2px solid var(--color-bg-primary);box-shadow:var(--shadow-sm)}.author-name{display:block;font-family:var(--font-sans);font-weight:700;font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1);letter-spacing:-.01em}.read-time{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.article-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.action-btn{padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:var(--space-2)}.action-btn:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-btn:active{transform:translateY(0)}.article-featured-image{width:100%;max-height:600px;overflow:hidden;background:var(--gray-100);position:relative}.article-featured-image img{width:100%;height:100%;object-fit:cover;display:block}.article-featured-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(255,255,255,.9) 0%,transparent 100%);pointer-events:none}@media(min-width:1024px){.article-featured-image{max-height:700px}}.article-body{padding:var(--space-12) var(--space-10);max-width:var(--reading-width);margin:0 auto}.article-excerpt{font-family:var(--font-serif);font-size:var(--text-xl);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-10);padding-left:var(--space-6);border-left:4px solid var(--color-primary);font-style:italic;font-weight:400}.article-content-full{font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.85;color:var(--color-text-primary);margin-bottom:var(--space-10)}.article-content-full p{margin-bottom:var(--space-6)}.article-content-full p:last-child{margin-bottom:0}.article-content-full strong{font-weight:700;color:var(--color-text-primary)}@media(max-width:768px){.article-body{padding:var(--space-8) var(--space-6)}.article-excerpt{font-size:var(--text-lg);padding-left:var(--space-4)}.article-content-full{font-size:var(--text-base)}}.article-source{margin-top:var(--space-10);padding:var(--space-6);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);font-family:var(--font-serif);font-size:var(--text-sm);border-left:3px solid var(--color-primary);color:var(--color-text-secondary)}.article-source strong{font-family:var(--font-sans);font-weight:700;color:var(--color-text-primary)}.article-source a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.article-source a:hover{color:var(--color-primary-hover);text-decoration:underline}.article-tags{margin-top:var(--space-10);padding-top:var(--space-8);border-top:2px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.article-tags strong{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.article-tags .tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;transition:all var(--transition-fast);border:1px solid var(--color-border)}.article-tags .tag:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.article-footer{padding:var(--space-10);background:var(--color-bg-tertiary);max-width:var(--reading-width);margin:0 auto;border-top:2px solid var(--color-border)}.share-section h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-6);color:var(--color-text-primary);letter-spacing:-.02em}.share-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.share-button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-inverse);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm)}.share-button.facebook{background:#1877f2}.share-button.twitter{background:#1da1f2}.share-button.whatsapp{background:#25d366}.share-button.copy{background:var(--gray-700)}.share-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.share-button:active{transform:translateY(0);box-shadow:var(--shadow-xs)}@media(max-width:768px){.article-footer{padding:var(--space-8) var(--space-6)}.share-buttons{flex-direction:column}.share-button{width:100%;justify-content:center}}.related-articles{margin-bottom:var(--space-12)}.related-articles h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-8);color:var(--color-text-primary);letter-spacing:-.03em;position:relative;padding-bottom:var(--space-4)}.related-articles h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--color-primary);border-radius:var(--radius-full)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.article-card-mini{background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--color-border-light)}.article-card-mini:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--color-border)}.article-link{text-decoration:none;color:inherit;display:block}.article-image-mini{width:100%;height:200px;overflow:hidden;background:var(--gray-100);position:relative}.article-image-mini img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card-mini:hover .article-image-mini img{transform:scale(1.05)}.article-content-mini{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.article-category-mini{display:inline-block;background:var(--crimson-100);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;width:fit-content}.article-title-mini{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.3;margin:0;color:var(--color-text-primary);font-weight:700;letter-spacing:-.02em;transition:color var(--transition-fast)}.article-link:hover .article-title-mini{color:var(--color-primary)}.article-date-mini{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}@media(min-width:768px){.related-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.related-grid{grid-template-columns:1fr}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-primary);color:var(--color-text-inverse);text-decoration:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);border:none;cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--color-bg-primary);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background:var(--crimson-50, #fef2f2);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}@media(max-width:768px){.article-header{padding:2rem 1.5rem 1.5rem}.article-title-full{font-size:1.75rem}.article-body{padding:2rem 1.5rem}.article-footer{padding:1.5rem}.article-meta-info{flex-direction:column;align-items:flex-start}.share-buttons{flex-direction:column}.share-button{width:100%;text-align:center}.related-grid{grid-template-columns:1fr}}@media(hover:none)and (pointer:coarse){.article-card{margin-bottom:.5rem}.nav-links a,.pagination-btn,.hero-link,.action-btn,.share-button{min-height:48px;padding:.875rem 1.25rem}.article-card:hover{transform:none}.nav-links a:hover{background:#fff3}.article-card:active{opacity:.9}.nav-links a:active,.pagination-btn:active,.hero-link:active{transform:scale(.98)}}.notification-toast{position:fixed;bottom:var(--space-8);right:var(--space-8);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:calc(var(--z-tooltip) + 10);transform:translateY(120%);opacity:0;transition:all var(--transition-base);border:1px solid var(--color-border);max-width:400px}.notification-toast.show{transform:translateY(0);opacity:1}.notification-icon{font-size:var(--text-xl);font-weight:700;line-height:1}.notification-message{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);line-height:1.5}.notification-success{border-left:4px solid #10b981}.notification-success .notification-icon{color:#10b981}.notification-error{border-left:4px solid #ef4444}.notification-error .notification-icon{color:#ef4444}.notification-info{border-left:4px solid #3b82f6}.notification-info .notification-icon{color:#3b82f6}@media(max-width:640px){.notification-toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);max-width:none}}*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}::selection{background:var(--crimson-200);color:var(--color-text-primary)}::-moz-selection{background:var(--crimson-200);color:var(--color-text-primary)}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--color-border: var(--gray-900);--color-border-light: var(--gray-700)}}@media print{.site-header,.breadcrumb,.article-actions,.article-source,.article-footer,.related-articles,.filter-bar,.pagination,.site-footer{display:none}.article-card{page-break-inside:avoid}.article-full{box-shadow:none}}