.article-nav{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;gap:1rem}.article-nav a{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;color:#111827;text-decoration:none;padding:.65rem 1.1rem;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s;max-width:48%}.article-nav a:hover{background:#111827;color:#fff;border-color:#111827}.nav-arrow{font-size:1.1rem;flex-shrink:0}.nav-text{display:flex;flex-direction:column;gap:.15rem}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-weight:400}.nav-title{font-size:.82rem;font-weight:600;line-height:1.3}.nav-next{text-align:right;margin-left:auto}.nav-next .nav-text{align-items:flex-end}.article-rec{position:fixed;inset:0;z-index:950;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.article-rec.active{opacity:1;visibility:visible}.article-rec-bg{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.article-rec-panel{position:relative;width:92%;max-width:560px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.4);transform:scale(.9) translateY(30px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.article-rec.active .article-rec-panel{transform:scale(1) translateY(0)}.article-rec-dismiss{position:absolute;top:.75rem;right:.75rem;z-index:5;background:rgba(0,0,0,.7);color:#fff;border:1.5px solid #fff;width:32px;height:32px;border-radius:50%;font-size:1.5rem;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.article-rec-dismiss:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.article-rec-hero{position:relative;width:100%;overflow:hidden}.article-rec-hero img{width:100%;height:auto;display:block;filter:grayscale(100%) contrast(1.15)}.article-rec-hero-fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#fff 0,transparent 100%)}.article-rec-body{padding:1.2rem 2rem 1.8rem;text-align:center}.article-rec-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#31d190;margin:0 0 .5rem}.article-rec-title{font-family:"Montserrat",sans-serif;font-size:1.35rem;font-weight:800;color:#111;margin:0;line-height:1.25}.article-rec-subtitle{font-size:.88rem;color:#6b7280;margin:.3rem 0 0;font-style:italic}.article-rec-desc{font-size:.82rem;color:#4b5563;margin:.6rem 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-rec-cta{font-size:.78rem;font-weight:600;color:#374151;margin:1rem 0 .8rem}.article-rec-actions{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap}@media (max-width:600px){.article-rec-panel{width:96%;border-radius:12px}.article-rec-hero img{height:auto}.article-rec-body{padding:1rem 1.2rem 1.4rem}.article-rec-title{font-size:1.1rem}.article-rec-actions{gap:.5rem}}body.dark-mode .article-nav{border-top-color:rgba(255,255,255,.1)}body.dark-mode .article-nav a{color:#c8c3bc;border-color:rgba(255,255,255,.15)}body.dark-mode .article-nav a:hover{background:rgba(255,255,255,.12);color:#d6d2cc;border-color:rgba(255,255,255,.25)}body.dark-mode .nav-label{color:#8a8580}body.dark-mode .article-rec-bg{background:rgba(0,0,0,.88)}body.dark-mode .article-rec-panel{background:#1e1c19}body.dark-mode .article-rec-hero-fade{background:linear-gradient(to top,#1e1c19 0,transparent 100%)}body.dark-mode .article-rec-dismiss{background:rgba(0,0,0,.7);border-color:#fff;color:#fff}body.dark-mode .article-rec-dismiss:hover{background:rgba(0,0,0,.9)}body.dark-mode .article-rec-title{color:#e8e4df}body.dark-mode .article-rec-subtitle{color:#8a8580}body.dark-mode .article-rec-desc{color:#9ca3af}body.dark-mode .article-rec-cta{color:#b8b3ad}