:root{--accent:#0097ff;--ink:#191f28;--ink-soft:#5c6470;--line:#e7e9ec;--paper:#fff;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Open Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px}h1,h2,h3{font-family:Switzer,Open Sans,system-ui,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 32px}.site-header{background:linear-gradient(180deg, var(--accent-2,var(--accent)) 0%, var(--accent) 100%);padding:18px 0}.site-header .container{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{color:#fff;letter-spacing:-.02em;font-family:Switzer,sans-serif;font-size:24px;font-weight:700;text-decoration:none}.brand span{opacity:.85;border-left:1px solid #fff6;margin-left:10px;padding-left:10px;font-size:18px;font-weight:400}.brand-logo{width:auto;height:38px;display:block}.header-nav{flex-wrap:wrap;flex:1;justify-content:center;gap:22px;display:flex}.header-nav a{color:#fff;opacity:.95;font-size:14px;font-weight:600;text-decoration:none}.header-nav a:hover{text-decoration:underline}.header-actions{align-items:center;gap:12px;display:flex}.header-cta{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none}.header-cta-primary{color:var(--accent);background:#fff}.hero{grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);align-items:center;gap:48px;padding:56px 0;display:grid}.hero h1{letter-spacing:-.01em;margin:0 0 16px;font-size:44px;font-weight:400;line-height:1.15}.hero h1 strong{font-weight:700}.hero p{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.6}.featured{border-radius:var(--radius);background:var(--accent);grid-template-columns:1fr 1fr;min-height:320px;text-decoration:none;display:grid;overflow:hidden}.featured-panel{flex-direction:column;justify-content:center;gap:14px;padding:32px;display:flex}.featured-pill{color:var(--accent);background:#fff;border-radius:999px;width:fit-content;padding:5px 14px;font-size:12px;font-weight:700}.featured-panel h2{color:#fff;margin:0;font-size:24px;font-weight:700;line-height:1.25}.featured-panel p{color:#ffffffeb;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.featured-link{color:#fff;font-size:14px;font-weight:700;text-decoration:underline}.featured-media{background-position:50%;background-size:cover;min-height:220px}.section-title{margin:24px 0 28px;font-size:34px;font-weight:400}.section-title strong{font-weight:700}.post-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin:0 0 64px;padding:0;list-style:none;display:grid}.post-card{color:var(--ink);text-decoration:none;display:block}.post-card-media{border-radius:var(--radius);aspect-ratio:16/9;background:linear-gradient(135deg, var(--accent), var(--ink));background-position:50%;background-size:cover;position:relative;overflow:hidden}.post-card-date{color:#fff;background:#191f28d9;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:12px}.post-card-category{color:var(--accent);background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.post-card h3{margin:14px 0 8px;font-size:18px;font-weight:700;line-height:1.3}.post-card:hover h3{color:var(--accent)}.post-card p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.read-more{color:var(--accent);font-size:14px;font-weight:700}.post-wrap{max-width:760px;margin:0 auto;padding:48px 32px 0}.crumb{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.post-header h1{letter-spacing:-.01em;margin:16px 0 18px;font-size:40px;font-weight:700;line-height:1.12}.post-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px;font-size:14px;display:flex}.post-meta .author-pill{background:var(--accent);color:#fff;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700}.post-cover{aspect-ratio:16/7;border-radius:var(--radius);background:linear-gradient(135deg, var(--accent), var(--ink));background-position:50%;background-size:cover;width:100%;margin-bottom:36px}.tldr{background:color-mix(in srgb, var(--accent) 8%, white);border-radius:var(--radius);margin:0 0 36px;padding:22px 26px}.tldr h2{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:700}.tldr p{margin:0;font-size:17px;line-height:1.6}.post-body{font-size:19px;line-height:1.7}.post-body p{margin:0 0 26px}.post-body table{border-collapse:collapse;width:100%;margin:0 0 26px;font-size:16px}.post-body th,.post-body td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}.highlight-stat{border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 6%, white);border-radius:0 var(--radius) var(--radius) 0;margin:0 0 32px;padding:24px 28px}.highlight-stat blockquote{margin:0;font-family:Switzer,sans-serif;font-size:22px;font-weight:600;line-height:1.4}.highlight-stat figcaption{color:var(--ink-soft);margin-top:10px;font-size:13px}.data-table{margin:8px 0 36px}.data-table h3{margin:0 0 12px;font-size:17px;font-weight:700}.data-table table{border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);width:100%;font-size:15px;overflow:hidden}.data-table th{background:color-mix(in srgb, var(--accent) 7%, white);text-align:left;padding:12px 14px;font-weight:700}.data-table td{border-top:1px solid var(--line);padding:12px 14px}.data-table tbody tr:nth-child(2n) td{background:#fafafa}.takeaways{border:1px solid var(--line);border-radius:var(--radius);margin:44px 0 0;padding:28px 32px}.takeaways h2{margin:0 0 16px;font-size:24px;font-weight:400}.takeaways h2 strong{font-weight:700}.takeaways ul{margin:0;padding:0;list-style:none}.takeaways li{padding:7px 0 7px 26px;font-size:16px;line-height:1.6;position:relative}.takeaways li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;left:4px}.qa-section{border-radius:var(--radius);background:#f7f8f9;margin:48px 0 0;padding:32px}.qa-section>h2{margin:0 0 20px;font-size:26px;font-weight:400}.qa-section>h2 strong{font-weight:700}.qa-item h3{margin:22px 0 8px;font-size:18px;font-weight:700}.qa-item p{margin:0;font-size:16px;line-height:1.65}.pagination{justify-content:center;gap:8px;margin:0 0 56px;display:flex}.pagination a,.page-current{min-width:38px;height:38px;color:var(--ink);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.page-current{background:var(--accent);color:#fff;border-color:var(--accent)}.news-band{background:color-mix(in srgb, var(--accent) 10%, white);border-radius:var(--radius);margin:16px 0 64px;padding:40px}.news-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.news-card h2{margin:0 0 6px;font-size:28px;font-weight:400}.news-card h2 strong{font-weight:700}.news-card p{color:var(--ink-soft);margin:0;font-size:15px}.news-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.news-form input{border:1px solid var(--line);outline-color:var(--accent);border-radius:999px;min-width:260px;padding:13px 20px;font-size:15px}.news-form button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:700}.news-ok{color:var(--accent);font-size:16px;font-weight:700}.news-err{color:#c2410c;font-size:13px}.author-box{border-top:1px solid var(--line);align-items:center;gap:18px;margin-top:40px;padding-top:28px;display:flex}.author-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-family:Switzer,sans-serif;font-size:24px;font-weight:700;display:flex}.author-name{margin:0 0 4px;font-weight:700}.author-bio{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.related{max-width:1200px;margin:0 auto;padding:0 32px}.site-footer{border-top:1px solid var(--line);color:#475569;background:#f8fafc;margin-top:64px;font-size:14px}.footer-top{grid-template-columns:1.25fr 1fr 1.25fr 1fr 1.1fr 1fr;align-items:flex-start;gap:56px;max-width:1440px;margin:0 auto;padding:48px 48px 36px;display:grid}.footer-logo{width:118px;height:auto;margin-bottom:14px;display:block}.footer-brand-name{color:var(--ink);margin-bottom:14px;font-family:Switzer,sans-serif;font-size:18px;font-weight:700;display:block}.footer-desc{color:#475569;max-width:230px;margin:0 0 16px;font-size:14px;line-height:1.55}.footer-social{gap:10px;display:flex}.social-btn{color:#64748b;background:#eef2f6;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:inline-flex}.social-btn:hover{background:var(--accent);color:#fff}.footer-col h4{text-transform:uppercase;letter-spacing:.03em;color:#008cff;margin:0;font-family:Open Sans,sans-serif;font-size:13px;font-weight:700}.footer-col h4:after{content:"";background:#008cff;border-radius:2px;width:26px;height:2px;margin:8px 0 16px;display:block}.footer-col a{color:#475569;white-space:nowrap;font-size:14px;line-height:1.9;text-decoration:none;transition:color .15s;display:block}.footer-col a:hover{color:var(--accent)}.footer-bottom{color:#94a3b8;border-top:1px solid #e5e7eb;max-width:1440px;margin:0 auto;padding:18px 48px;font-size:13px}.footer-bottom a{color:#008cff;font-weight:600;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.back-to-top{z-index:50;background:var(--accent);color:#fff;border-radius:999px;align-items:center;height:36px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 4px 14px #0097ff4d}.back-to-top:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0097ff66}@media (max-width:1024px){.footer-top{grid-template-columns:repeat(3,1fr);gap:36px 40px;padding:40px 32px 28px}.footer-col a{white-space:normal}.footer-bottom{padding:16px 32px}}@media (max-width:600px){.footer-top{grid-template-columns:1fr;gap:28px;padding:32px 20px 24px}.footer-bottom{padding:16px 20px}.back-to-top{bottom:14px;right:14px}}@media (max-width:860px){.hero{grid-template-columns:1fr;padding:36px 0}.featured{grid-template-columns:1fr}.post-header h1{font-size:30px}}
