*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--teal: #5C9EAD;--teal-light: #7ab5c2;--teal-dark: #326273;--dark: #2D232E;--light: #EEEEEE;--offwhite: #EFEFF0;--bg: #EFEFF0;--bg-alt: #e5e5e7;--surface: #ffffff;--surface-hover: #f5f5f6;--border: #d8d8dc;--border-light: #c8c8ce;--text: #2D232E;--text-secondary: #5a5060;--text-muted: #8a8292;--primary: #5C9EAD;--primary-hover: #4a8b9a;--primary-soft: rgba(92, 158, 173, .12);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--max-width: 1200px;--header-height: 64px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#efeff099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:var(--header-height);transition:background .3s}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo{font-size:1.3rem;font-weight:800;color:var(--dark);text-decoration:none;letter-spacing:-.02em;flex-shrink:0;display:flex;align-items:center;gap:.4rem}.logo-img{width:36px;height:36px;object-fit:contain}.logo-dot{color:var(--primary)}.promo-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9998;opacity:0;transition:opacity .3s}.promo-popup-overlay.visible{opacity:1}.promo-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:9999;background:#fff;border-radius:16px;padding:36px 32px 28px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;opacity:0;transition:opacity .3s,transform .3s}.promo-popup.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.promo-popup-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.6rem;color:#888;cursor:pointer;line-height:1;transition:color .2s}.promo-popup-close:hover{color:#333}.promo-popup-badge{display:inline-block;background:var(--primary);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;border-radius:20px;margin-bottom:14px}.promo-popup-title{font-size:1.25rem;font-weight:800;color:#1a1a1a;margin:0 0 10px;line-height:1.3}.promo-popup-desc{font-size:.92rem;color:#555;line-height:1.5;margin:0 0 20px}.promo-popup-btn{display:inline-block;background:var(--primary);color:#fff;font-weight:700;font-size:.95rem;padding:12px 28px;border-radius:50px;text-decoration:none;transition:background .2s,transform .2s}.promo-popup-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}@media(max-width:480px){.promo-popup{padding:28px 20px 22px}.promo-popup-title{font-size:1.1rem}}.sticky-cta{position:fixed;bottom:28px;right:28px;z-index:999;background:var(--primary);color:#fff;font-weight:700;font-size:.95rem;padding:14px 22px;border-radius:50px;text-decoration:none;box-shadow:0 4px 20px #5c9ead73;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.sticky-cta:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 28px #5c9ead8c}@media(max-width:480px){.sticky-cta{bottom:16px;right:16px;font-size:.85rem;padding:12px 18px}}.nav{display:flex;align-items:center;gap:28px}.nav-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s;display:flex;align-items:center;gap:4px}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-item-dropdown{position:relative}.nav-dropdown{background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.nav-dropdown-chevron{transition:transform .3s}.nav-item-dropdown:hover .nav-dropdown-chevron,.nav-item-dropdown.open .nav-dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(8px);min-width:280px;background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000d;padding:8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s;z-index:1001}.nav-item-dropdown:hover .dropdown-menu,.nav-item-dropdown.open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);color:var(--text);text-decoration:none;transition:background .2s}.dropdown-item:hover{background:#5c9ead14}.dropdown-item-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:#5c9ead1a;color:var(--primary)}.dropdown-item-title{display:block;font-size:.88rem;font-weight:600;color:var(--text)}.dropdown-item-desc{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.mobile-menu{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#efeff0f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:999;padding:24px;flex-direction:column;gap:4px;overflow-y:auto}.mobile-menu.open{display:flex}.mobile-menu-link{display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:var(--radius);color:var(--text);font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s}.mobile-menu-link:hover{background:#5c9ead14}.mobile-menu-link.active{color:var(--primary);font-weight:600}.mobile-menu-divider{height:1px;background:#0000000f;margin:8px 0}.mobile-menu-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 16px 4px}.header-right{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.5);background:#ffffff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000000a,inset 0 1px #fff9}.icon-btn:hover{background:#ffffff8c;color:var(--text);border-color:#ffffffb3;box-shadow:0 4px 16px #00000014,inset 0 1px #fffc}.hamburger{display:none}.hero{position:relative;padding:120px 0 60px;text-align:center;overflow:hidden}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15;z-index:0}.hero-bg{position:absolute;top:0;right:0;left:0;bottom:0;z-index:1;background:radial-gradient(ellipse 1000px 600px at 10% 15%,rgba(92,158,173,.55),transparent 70%),radial-gradient(ellipse 900px 550px at 90% 20%,rgba(122,181,194,.5),transparent 70%),radial-gradient(ellipse 800px 500px at 50% 5%,rgba(50,98,115,.4),transparent 65%),radial-gradient(ellipse 700px 400px at 30% 55%,rgba(92,158,173,.3),transparent 70%),radial-gradient(ellipse 600px 380px at 75% 50%,rgba(122,181,194,.25),transparent 70%),radial-gradient(ellipse 500px 300px at 50% 35%,rgba(50,98,115,.2),transparent 65%)}.hero-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(to bottom,transparent,var(--bg))}.hero-content{position:relative;z-index:2}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;letter-spacing:-.03em;margin-bottom:20px;color:var(--text)}.hero-underline{position:relative;display:inline-block}.hero-underline:after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:8px;background:var(--primary);border-radius:4px;opacity:.5;z-index:-1}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto 36px;line-height:1.7}.search-bar{display:flex;align-items:center;gap:12px;max-width:520px;margin:0 auto;padding:6px 6px 6px 20px;background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-full);transition:all .3s;box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffffb3}.search-bar:focus-within{background:#ffffffb3;border-color:#5c9ead66;box-shadow:0 4px 24px #5c9ead1f,inset 0 1px #fffc}.search-bar svg{flex-shrink:0;color:var(--text-muted)}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.9rem;font-family:inherit}.search-bar input::placeholder{color:var(--text-muted)}.search-btn{width:38px;height:38px;border-radius:var(--radius-full);border:1px solid rgba(92,158,173,.3);background:#5c9eadbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .3s;box-shadow:0 2px 8px #5c9ead33,inset 0 1px #fff3}.search-btn:hover{background:#5c9eade6;box-shadow:0 4px 16px #5c9ead4d,inset 0 1px #ffffff40}.carousel-section{position:relative;padding:20px 0 50px;z-index:1}.carousel-wrapper{position:relative}.carousel{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:8px 0}.carousel::-webkit-scrollbar{display:none}.carousel-item{flex-shrink:0;width:220px;height:160px;border-radius:var(--radius-lg);background:var(--gradient);display:flex;align-items:flex-end;padding:16px;cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.carousel-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 60%)}.carousel-item:hover{transform:scale(1.04);box-shadow:0 12px 36px #0000002e}.carousel-label{position:relative;z-index:1;color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 4px rgba(0,0,0,.5);background:#5c9ead80;padding:4px 12px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-nav{position:absolute;right:0;top:-36px;display:flex;gap:8px}.carousel-arrow{width:34px;height:34px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.5);background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000000d,inset 0 1px #fff9}.carousel-arrow:hover{background:#5c9eada6;color:#fff;border-color:#5c9ead4d;box-shadow:0 4px 16px #5c9ead33,inset 0 1px #fff3}.section{padding:60px 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.section-overtitle{display:block;font-size:.85rem;color:var(--text-muted);font-weight:500;margin-bottom:4px}.section-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-primary{background:#2d232eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a}.btn-primary:hover{background:#2d232ed9;transform:translateY(-1px);box-shadow:0 6px 24px #00000026,inset 0 1px #ffffff26}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;min-height:380px}a.article-card,a.featured-card{display:block;text-decoration:none;color:inherit}.article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.article-card-image{width:100%;height:180px;background:var(--gradient);position:relative;overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-avatar{position:absolute;bottom:-16px;left:16px;width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--surface);background:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.article-card-body{padding:24px 16px 16px}.article-card-tags{display:flex;gap:8px;margin-bottom:10px}.article-card-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--teal-dark);background:var(--primary-soft);padding:3px 10px;border-radius:var(--radius-full)}.article-card-title{font-size:1rem;font-weight:700;margin-bottom:8px;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-excerpt{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.article-card-meta-left{display:flex;align-items:center;gap:12px}.article-card-meta-left span{display:flex;align-items:center;gap:4px}.article-card-arrow{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.article-card:hover .article-card-arrow{border-color:var(--primary);color:var(--primary)}.featured-section{position:relative;overflow:hidden}.featured-section-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.08;z-index:0}.featured-section>.container{position:relative;z-index:1}.featured-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:280px 200px;gap:20px;min-height:580px}.featured-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--gradient)}.featured-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.featured-card:hover .featured-card-img{transform:scale(1.05)}.featured-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(45,35,46,.85) 0%,rgba(45,35,46,.25) 50%,transparent 100%);transition:opacity .3s}.featured-card:hover:after{opacity:.95}.featured-card-content{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:1}.featured-card-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:var(--radius-full);margin-bottom:10px}.featured-tag-news{background:#5c9eadd9;color:#fff}.featured-tag-deck{background:#326273e6;color:#fff}.featured-tag-tourney{background:#5c9eadb3;color:#fff}.featured-tag-strategy{background:#7ab5c2cc;color:var(--dark)}.featured-card-title{font-size:1.15rem;font-weight:700;line-height:1.3;color:#fff;margin-bottom:4px}.featured-card-excerpt{font-size:.82rem;color:#ffffffbf;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-card:first-child{grid-row:1 / 3}.featured-card:first-child .featured-card-title{font-size:1.5rem}.topics-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.topic-pill{padding:8px 18px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.5);background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);font-family:inherit;box-shadow:0 2px 8px #0000000a,inset 0 1px #fff9}.topic-pill:hover{background:#fff9;border-color:#5c9ead4d;color:var(--text);box-shadow:0 4px 12px #0000000f,inset 0 1px #fffc}.topic-pill.active{background:#2d232eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#ffffff1a;color:#fff;box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a}#topics{background:var(--dark);padding:60px 0}#topics .section-overtitle{color:#fff9}#topics .section-title{color:#fff}#topics .topic-pill{background:#ffffff1a;border-color:#fff3;color:#fffc;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff14}#topics .topic-pill:hover{background:#ffffff2e;border-color:#ffffff4d;color:#fff;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff1f}#topics .topic-pill.active{background:#5c9ead80;border-color:#5c9ead99;color:#fff;box-shadow:0 4px 16px #5c9ead33,inset 0 1px #ffffff1a}#topics .article-card{background:#ffffff14;border-color:#ffffff1a}#topics .article-card:hover{background:#ffffff1f;border-color:#ffffff2e}#topics .article-card-title{color:#fff}#topics .article-card-excerpt{color:#fff9}#topics .article-card-meta{color:#ffffff80}#topics .article-card-category{color:var(--teal-light)}#topics .article-card-author-name{color:#fffc}.newsletter{position:relative;padding:80px 0;margin:60px 0 0;overflow:hidden}.newsletter-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dark)}.newsletter-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 350px at 50% 50%,rgba(92,158,173,.2),transparent),radial-gradient(ellipse 400px 250px at 30% 70%,rgba(50,98,115,.15),transparent)}.newsletter-content{position:relative;z-index:1;text-align:center}.newsletter h2{font-size:2.5rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em;color:#fff}.newsletter p{color:#ffffffb3;font-size:1rem;max-width:440px;margin:0 auto 32px;line-height:1.6}.newsletter-form{display:flex;align-items:center;gap:0;max-width:440px;margin:0 auto;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:5px 5px 5px 20px;box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff14}.newsletter-form input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.9rem;font-family:inherit}.newsletter-form input::placeholder{color:#fff6}.newsletter-form .btn{flex-shrink:0;background:#5c9eadbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #5c9ead33,inset 0 1px #ffffff26}.footer{border-top:1px solid var(--border);padding:60px 0 0;background:var(--bg-alt)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-brand p{color:var(--text-secondary);font-size:.85rem;line-height:1.7;margin-top:16px}.footer-socials{display:flex;gap:12px;margin-top:20px}.social-link{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.social-link:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.footer-col h4{font-size:.9rem;font-weight:700;margin-bottom:16px;color:var(--text)}.footer-col li{margin-bottom:10px}.footer-col li a,.footer-col li{color:var(--text-secondary);font-size:.85rem;transition:color .2s}.footer-col li a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);padding:24px 0;text-align:center}.footer-bottom p{font-size:.78rem;color:var(--text-muted);letter-spacing:.5px}.article-hero{position:relative;height:420px;overflow:hidden}.article-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.article-hero-bg img{width:100%;height:100%;object-fit:cover}.article-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#2d232e1a,#2d232e66 60%,#efeff0)}.article-hero-content{position:absolute;bottom:32px;left:0;right:0;z-index:1}.article-hero-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#5c9eadd9;padding:5px 14px;border-radius:var(--radius-full);margin-bottom:8px}.article-hero-date{font-size:.85rem;color:#fffc;font-weight:500}.article-main{padding:0 0 60px}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:start}.article-title-block{margin-bottom:40px}.article-title-block h1{font-size:2.4rem;font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--text);margin-bottom:20px}.article-lead{font-size:1.05rem;color:var(--text-secondary);line-height:1.8}.article-body{min-width:0}.article-image{margin:24px 0}.article-image img{width:100%;height:auto;border-radius:12px}.article-section{margin-bottom:48px}.article-section h2{font-size:1.6rem;font-weight:800;color:var(--text);margin-bottom:16px;letter-spacing:-.02em;line-height:1.3;padding-bottom:12px;border-bottom:2px solid var(--primary-soft)}.article-section h3{font-size:1.15rem;font-weight:700;color:var(--text);margin:24px 0 12px}.article-section p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.article-section p strong{color:var(--text);font-weight:600}.article-list{margin:12px 0 20px 20px;list-style:none}.article-list li{position:relative;padding-left:20px;margin-bottom:8px;font-size:.95rem;color:var(--text-secondary);line-height:1.7}.article-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.article-list li strong{color:var(--text)}.article-table-wrapper{overflow-x:auto;margin:16px 0 24px;border-radius:var(--radius);border:1px solid var(--border)}.article-table{width:100%;border-collapse:collapse;font-size:.88rem}.article-table thead{background:var(--teal-dark);color:#fff}.article-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.3px}.article-table td{padding:12px 16px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.article-table td strong{color:var(--text)}.article-table tbody tr:last-child td{border-bottom:none}.article-table tbody tr:nth-child(2n){background:#5c9ead0a}.article-table tbody tr:hover{background:#5c9ead14}.article-figure{margin:32px 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #0000001a}.article-figure img{width:100%;height:auto;display:block}.article-figure-full{margin-left:-24px;margin-right:-24px;border-radius:var(--radius-lg)}.article-section-highlight{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;border-left:4px solid var(--primary)}.article-section-highlight h2{border-bottom:none;padding-bottom:0}.article-cta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center}.article-cta h2{border-bottom:none;padding-bottom:0;font-size:1.3rem;text-align:center}.article-cta p{text-align:center;max-width:540px;margin-left:auto;margin-right:auto}.article-cta .btn{margin-top:8px}.article-nav-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}.article-nav-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--primary);transition:gap .2s}.article-nav-link:hover{gap:12px}.article-sidebar{position:sticky;top:calc(var(--header-height) + 24px)}.article-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.article-toc h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:16px}.article-toc ol{list-style:none;counter-reset:toc}.article-toc ol li{counter-increment:toc;margin-bottom:10px}.article-toc ol li a{display:flex;align-items:baseline;gap:10px;font-size:.88rem;color:var(--text-secondary);transition:color .2s;line-height:1.4}.article-toc ol li a:before{content:counter(toc) ".";font-weight:700;font-size:.8rem;color:var(--primary);flex-shrink:0}.article-toc ol li a:hover{color:var(--primary)}@media(max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-rows:240px 180px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;order:-1}.article-toc{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.article-toc h4{width:100%;margin-bottom:8px}.article-toc ol{display:flex;flex-wrap:wrap;gap:6px 16px}.article-toc ol li{margin-bottom:0}}@media(max-width:768px){.nav{display:none}.hamburger{display:flex}.logo{position:absolute;left:50%;transform:translate(-50%);font-size:0;gap:0}.logo-img{width:36px;height:36px}.logo-dot{display:none}.hero{padding:100px 0 50px}.hero h1{font-size:2.2rem}.hero-subtitle{font-size:.95rem}.section-title{font-size:1.5rem}.articles-grid{grid-template-columns:1fr;min-height:1140px}.featured-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:1180px}.featured-card{height:220px}.featured-card:first-child{grid-row:auto;height:280px}.newsletter h2{font-size:1.8rem}.footer-grid{grid-template-columns:1fr;gap:32px}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.carousel-nav{display:none}.article-hero{height:280px}.article-title-block h1{font-size:1.8rem}.article-figure-full{margin-left:-12px;margin-right:-12px}.article-section-highlight,.article-cta{padding:24px}}@media(max-width:480px){.hero{padding:90px 0 40px}.hero h1{font-size:1.8rem}.search-bar{padding:4px 4px 4px 14px}.carousel-item{width:170px;height:130px}.article-hero{height:220px}.article-title-block h1{font-size:1.5rem}.article-section h2{font-size:1.3rem}.article-figure-full{margin-left:0;margin-right:0}}.search-page-hero{padding:100px 0 20px}.search-page-hero .search-bar{max-width:600px;margin:0 auto}.search-query{color:var(--primary)}.search-no-results{text-align:center;padding:60px 0;color:var(--text-muted)}.search-no-results svg{margin-bottom:16px;opacity:.4}.search-no-results p{font-size:1rem;margin-bottom:8px}