@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap";
:root{--primary-color:#1a1a1a;--secondary-color:#666;--accent-color:#d32f2f;--border-color:#e0e0e0;--background-color:#fafafa;--white:#fff;--text-color:#333;--font-serif:"Playfair Display",serif;--font-sans:"Source Sans Pro",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-color);background-color:var(--white);font-size:16px;line-height:1.6}.newspaper-header{border-bottom:3px solid var(--primary-color);background:var(--white);z-index:100;position:sticky;top:0}.header-top{background:var(--primary-color);color:var(--white);justify-content:space-between;align-items:center;padding:8px 20px;font-size:14px;font-weight:300;display:flex}.date-weather{align-items:center;gap:12px;display:flex}.header-actions{gap:12px;display:flex}.subscribe-btn,.login-btn{border:1px solid var(--white);color:var(--white);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s}.subscribe-btn:hover{background:var(--accent-color);border-color:var(--accent-color)}.header-main{text-align:center;border-bottom:1px solid var(--border-color);padding:20px}.logo-section{max-width:1200px;margin:0 auto}.main-title{font-family:var(--font-serif);color:var(--primary-color);letter-spacing:-1px;margin-bottom:4px;font-size:48px;font-weight:700}.tagline{color:var(--secondary-color);text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:400}.main-nav{background:var(--background-color);border-bottom:1px solid var(--border-color);justify-content:center;padding:12px 20px;display:flex}.nav-link{color:var(--secondary-color);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.main-content{max-width:1200px;margin:0 auto;padding:0 20px}.lead-story{border-bottom:1px solid var(--border-color);padding:40px 0}.featured-article{max-width:800px;margin:0 auto}.article-meta{color:var(--secondary-color);align-items:center;gap:16px;margin-bottom:16px;font-size:14px;display:flex}.category{background:var(--accent-color);color:var(--white);text-transform:uppercase;border-radius:3px;padding:4px 8px;font-size:12px;font-weight:600}.article-title{font-family:var(--font-serif);color:var(--primary-color);margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.2}.article-deck{color:var(--text-color);margin-bottom:24px;font-size:18px;font-weight:400;line-height:1.5}.article-image{text-align:center;margin:32px 0}.article-image img{border-radius:4px;max-width:100%;height:auto}.article-image figcaption{color:var(--secondary-color);margin-top:8px;font-size:14px;font-style:italic}.article-body{grid-template-columns:1fr 300px;gap:40px;padding:40px 0;display:grid}.article-content{font-size:18px;line-height:1.7}.article-content h2{font-family:var(--font-serif);color:var(--primary-color);margin:32px 0 16px;font-size:28px;font-weight:700}.article-content p{margin-bottom:20px}.article-content ul{margin:20px 0;padding-left:24px}.article-content li{margin-bottom:8px}.pull-quote{background:var(--background-color);border-left:4px solid var(--accent-color);font-family:var(--font-serif);margin:32px 0;padding:24px;font-size:24px;font-style:italic;font-weight:400;line-height:1.4}.pull-quote cite{color:var(--secondary-color);margin-top:16px;font-size:14px;font-style:normal;font-weight:600;display:block}.article-sidebar{border-left:1px solid var(--border-color);padding-left:24px}.sidebar-section{margin-bottom:32px}.sidebar-section h3{font-family:var(--font-serif);color:var(--primary-color);border-bottom:2px solid var(--accent-color);margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:700}.popular-list{list-style:none}.popular-list li{margin-bottom:12px}.popular-list a{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .2s}.popular-list a:hover{color:var(--accent-color)}.market-ticker{flex-direction:column;gap:12px;display:flex}.ticker-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.symbol{color:var(--primary-color);font-weight:600}.price{font-weight:600}.change{font-size:14px;font-weight:600}.change.positive{color:#2e7d32}.change.negative{color:var(--accent-color)}.sidebar-ad{border:1px solid var(--border-color);background:var(--white);border-radius:8px;margin-bottom:32px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.ad-label{background:var(--secondary-color);color:var(--white);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:12px;font-weight:600}.ad-content{padding:16px}.ad-content h4{font-family:var(--font-serif);color:var(--primary-color);margin-bottom:8px;font-size:16px;font-weight:700}.ad-content p{color:var(--secondary-color);margin-bottom:12px;font-size:14px;line-height:1.4}.ad-button{background:var(--accent-color);color:var(--white);cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s}.ad-button:hover{background:#b71c1c}.ad-button.secondary{background:#1976d2}.ad-button.secondary:hover{background:#1565c0}.banner-ad{border:2px solid #e3f2fd}.banner-content{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.brand{color:#1976d2;font-size:16px;font-weight:700}.banner-content p{color:var(--secondary-color);margin:0;font-size:14px}.banner-cta{color:#1976d2;font-size:14px;font-weight:600}.product-ad{text-align:center}.product-image{margin-bottom:12px}.product-placeholder{margin-bottom:8px;font-size:32px}.product-price{color:var(--accent-color);margin-bottom:12px;font-size:18px;font-weight:700}.newsletter-ad{color:var(--white);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.newsletter-ad .ad-label{color:var(--white);background:#fff3}.newsletter-content h4{color:var(--white);margin-bottom:8px}.newsletter-content p{color:#ffffffe6;margin-bottom:16px}.newsletter-signup{gap:8px;margin-bottom:8px;display:flex}.newsletter-signup input{color:var(--white);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;flex:1;padding:8px 12px;font-size:14px}.newsletter-signup input::placeholder{color:#ffffffb3}.newsletter-signup .ad-button{background:var(--white);color:#667eea;white-space:nowrap}.newsletter-signup .ad-button:hover{background:#ffffffe6}.trending-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--secondary-color);background:#f5f5f5;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}.tag:hover{background:var(--accent-color);color:var(--white)}.editor-pick{flex-direction:column;gap:16px;display:flex}.pick-item{border-bottom:1px solid var(--border-color);padding-bottom:12px}.pick-item:last-child{border-bottom:none;padding-bottom:0}.pick-item h5{font-family:var(--font-serif);color:var(--primary-color);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3}.pick-item p{color:var(--secondary-color);margin-bottom:6px;font-size:13px;line-height:1.4}.pick-author{color:var(--accent-color);font-size:12px;font-weight:600}.event-details{margin-bottom:12px}.event-date,.event-location{color:var(--secondary-color);margin-bottom:2px;font-size:13px}.smartscroll-section{margin:40px 0;padding:0 20px}.smartscroll-container{max-width:800px;min-height:200px;margin:0 auto}.site-footer{background:var(--primary-color);color:var(--white);margin-top:60px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:40px 20px;display:grid}.footer-section h4{font-family:var(--font-serif);color:var(--white);margin-bottom:16px;font-size:18px;font-weight:700}.footer-section p{color:#ccc;margin-bottom:16px;line-height:1.6}.footer-section ul{list-style:none}.footer-section li{margin-bottom:8px}.footer-section a{color:#ccc;text-decoration:none;transition:color .2s}.footer-section a:hover{color:var(--white)}.footer-bottom{text-align:center;background:#111;border-top:1px solid #444;padding:20px}.footer-bottom p{color:#999;font-size:14px}#mula-smartscroll-root{width:100%;min-height:300px;margin:20px 0;position:relative}@media (max-width:768px){.article-body{grid-template-columns:1fr;gap:32px}.article-sidebar{border-left:none;border-top:1px solid var(--border-color);padding-top:24px;padding-left:0}.main-title{font-size:32px}.article-title{font-size:28px}.header-top{flex-direction:column;gap:8px}.main-nav{flex-wrap:wrap}.footer-content{grid-template-columns:1fr;gap:24px}}
