.loading-state{width:100%}.loading-state__skeletons{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.loading-state--error{justify-content:center;padding:3rem 1rem;display:flex}.loading-state__error{text-align:center;max-width:400px}.loading-state__error-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.loading-state__error-title{color:var(--error,#dc2626);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.loading-state__error-description{color:var(--text-secondary,#6b7280);margin-bottom:1.5rem;line-height:1.5}.loading-state__retry-btn{cursor:pointer;background:var(--primary,#3b82f6);color:#fff;border:none;border-radius:6px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:opacity .15s}.loading-state__retry-btn:hover{opacity:.85}.skeleton-card{background:var(--surface,#f9fafb);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.skeleton-card__media{border-radius:8px;height:160px}.skeleton-card__meta{border-radius:4px;width:60%;height:12px}.skeleton-card__title{border-radius:4px;width:80%;height:20px}.skeleton-card__excerpt{border-radius:4px;width:100%;height:14px}.skeleton-shimmer{background:linear-gradient(90deg, var(--skeleton-base,#e5e7eb) 0%, var(--skeleton-highlight,#f3f4f6) 50%, var(--skeleton-base,#e5e7eb) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{align-items:center;gap:.5rem;display:inline-flex}.loading-spinner--small .loading-spinner__circle{width:16px;height:16px}.loading-spinner--medium .loading-spinner__circle{width:24px;height:24px}.loading-spinner--large .loading-spinner__circle{width:32px;height:32px}.loading-spinner__circle{border:2px solid var(--border,#e5e7eb);border-top-color:var(--primary,#3b82f6);border-radius:50%;animation:.7s linear infinite spin}.loading-spinner__label{color:var(--text-secondary,#6b7280);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.tool-container.articles-page{--articles-orange:#ff8a00;--articles-orange-soft:#ff8a0024;--articles-orange-border:#ff8a0057;--articles-cyan:#00d8ff;--articles-cyan-soft:#00d8ff21;--articles-purple:#d54cff;--articles-purple-soft:#d54cff21;--articles-green:#78ff58;--articles-green-soft:#78ff581f;--articles-panel:#070a0dc2;--articles-panel-strong:#0b0e12e0;--articles-line:#ff8a003d;width:100%;max-width:1540px;color:var(--text);padding:0 24px 18px}.tool-container.article-page{max-width:1320px}.articles-loading-state{width:100%}.articles-stage,.article-stage{gap:18px;width:100%;display:grid;position:relative}.articles-stage:before,.article-stage:before{content:"";z-index:-1;pointer-events:none;filter:blur(1px);background:radial-gradient(520px 220px at 50% 10%,#ff8a001f,#0000 72%),linear-gradient(#0305081f,#0000);height:360px;position:absolute;inset:-26px 0 auto}.articles-index-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:center;gap:clamp(28px,5vw,88px);min-height:290px;padding:20px 8px 12px;display:grid}.articles-index-hero__content{gap:18px;max-width:620px;display:grid}.articles-index-hero h1,.article-detail-hero h1{color:#f7f7f8;letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(2rem,1.52rem + 1.28vw,3rem);font-weight:820;line-height:1.04}.articles-index-hero p,.article-detail-hero p{color:#c3c6cc;max-width:760px;margin:0;font-size:.98rem;line-height:1.6}.articles-search{width:min(100%,520px);min-height:42px;color:var(--articles-orange);background:linear-gradient(#ffffff09,#ffffff02),#05070ad6;border:1px solid #ff8a0042;border-radius:8px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:0 14px;display:grid;box-shadow:inset 0 1px #ffffff0a}.articles-search input{color:#f4f5f7;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.articles-search input::placeholder{color:#c6cad3b8}.articles-tabs{flex-wrap:wrap;gap:8px;display:flex}.articles-tab,.articles-category-row,.articles-subscribe-form button{font:inherit}.articles-tab{color:#c7cbd3;cursor:pointer;width:auto;min-height:31px;transition:color var(--transition-fast) ease, border-color var(--transition-fast) ease, background var(--transition-fast) ease, transform var(--transition-fast) ease;background:#080a0ea8;border:1px solid #ff8a0033;border-radius:7px;padding:0 16px;font-size:.78rem;font-weight:650}.articles-tab:hover,.articles-tab:focus-visible{color:#fff;border-color:#ff8a0070;transform:translateY(-1px)}.articles-tab.is-active{color:#17100a;background:linear-gradient(#ffb22e,#ff8500);border-color:#ffb400b8;box-shadow:0 0 24px #ff8a0042}.articles-index-hero__art{place-items:center;min-height:250px;display:grid}.articles-book-orbit{aspect-ratio:1/.72;place-items:center;width:min(360px,80%);display:grid;position:relative}.articles-book-orbit:before,.articles-book-orbit:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.articles-book-orbit:before{filter:blur(.2px);opacity:.72;background:radial-gradient(circle at 50% 62%,#ff8a0052,#0000 22%),repeating-radial-gradient(#ff8a0052 0 1px,#0000 2px 12px);border:1px solid #ff8a0042;inset:14% 4% -10%;transform:perspective(700px)rotateX(68deg)}.articles-book-orbit:after{filter:blur(26px);background:radial-gradient(circle,#ff8a0052,#0000 66%);inset:2% 12% 10%}.articles-book-orbit svg{z-index:1;width:min(190px,54%);height:auto;color:var(--articles-orange);filter:drop-shadow(0 0 12px #ff8a00ad)drop-shadow(0 0 28px #ff8a0042);position:relative}.articles-index-layout{grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:start;gap:22px;display:grid}.articles-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px;display:grid}.articles-pagination{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.articles-pagination__group{align-items:center;gap:7px;display:inline-flex}.articles-pagination button{color:#d7dbe2;cursor:pointer;background:#070a0dc7;border:1px solid #ff8a003d;border-radius:7px;place-items:center;width:auto;min-width:32px;height:32px;padding:0 9px;font-size:.78rem;font-weight:780;display:grid}.articles-pagination button:hover:not(:disabled),.articles-pagination button.is-active{color:#17100a;background:linear-gradient(#ffb22e,#ff8500);border-color:#ffb400b8}.articles-pagination button:disabled{cursor:default;opacity:.4}.articles-pagination__ellipsis{color:#d7dbe28a;font-size:.78rem}.article-card--premium{--article-accent:var(--articles-orange);--article-accent-soft:var(--articles-orange-soft);border:1px solid var(--articles-line);background:radial-gradient(240px 160px at 12% 0%, var(--article-accent-soft), transparent 72%), linear-gradient(180deg, #0f1216e0, #080a0dc7);min-height:172px;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;border-radius:8px;grid-template-columns:minmax(150px,.88fr) minmax(0,1.12fr);display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 18px 42px #0000003d}.article-card--premium:hover,.article-card--premium:focus-within{border-color:var(--article-accent);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 0 22px #ff8a001f,0 22px 48px #00000057}.article-card--seo,.article-card--finance{border-color:#ff8a004d}.article-card--tools{--article-accent:#ff9d1f;--article-accent-soft:#ff8a0021}.article-card--finance{--article-accent:#ffb02e;--article-accent-soft:#ffb02e21}.article-card--data,.article-card--web{--article-accent:var(--articles-cyan);--article-accent-soft:var(--articles-cyan-soft);border-color:#00d8ff3d}.article-card--other{--article-accent:var(--articles-purple);--article-accent-soft:var(--articles-purple-soft)}.article-card__media{background:#ff8a0014;border-right:1px solid #ff8a002e;min-height:100%;display:block;position:relative;overflow:hidden}.article-card__media:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 62%,#00000047),radial-gradient(circle at 70% 22%,#ffffff14,#0000 28%);position:absolute;inset:0}.article-card__media img{object-fit:cover;width:100%;height:100%;min-height:172px;transition:transform .26s,filter .26s;display:block;transform:scale(1.001)}.article-card--premium:hover .article-card__media img{filter:saturate(1.08);transform:scale(1.035)}.article-card__body{align-content:start;gap:8px;min-width:0;padding:14px 14px 12px;display:grid}.article-card__topline,.article-detail-meta{color:#c3c6ccb8;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.72rem;line-height:1.25;display:flex}.article-detail-meta span:not(.article-chip){align-items:center;gap:5px;display:inline-flex}.article-chip{color:#ff9d1f;background:#ff8a001a;border:1px solid #ff8a0052;border-radius:5px;align-items:center;width:fit-content;min-height:20px;padding:0 8px;font-size:.68rem;font-weight:760;line-height:1;display:inline-flex}.article-chip--data,.article-chip--web,.article-chip--tools{color:var(--articles-cyan);background:#00d8ff1a;border-color:#00d8ff57}.article-chip--finance{color:#ffbd55;background:#ffb02e1f;border-color:#ffb02e61}.article-chip--seo{color:var(--articles-green);background:#78ff581a;border-color:#78ff5852}.article-chip--other{color:var(--articles-purple);background:#d54cff1a;border-color:#d54cff57}.article-card__title{color:#fff;letter-spacing:0;margin:0;font-size:1rem;font-weight:800;line-height:1.25}.article-card__title a{color:inherit;text-decoration:none}.article-card__title a:hover,.article-card__title a:focus-visible{color:#ffb342}.article-card__excerpt{-webkit-line-clamp:3;color:#aeb3bd;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.48;display:-webkit-box;overflow:hidden}.article-card__meta{color:#c3c6ccad;margin-top:auto;font-size:.7rem}.article-card__actions{align-items:center;min-width:0;display:flex}.article-tool-link,.articles-sidebar-card__link,.article-sidebar-card__link{width:fit-content;min-height:30px;color:var(--articles-orange);transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, background var(--transition-fast) ease, color var(--transition-fast) ease;background:#ff8a0014;border:1px solid #ff8a0047;border-radius:7px;align-items:center;gap:7px;padding:0 9px;font-size:.76rem;font-weight:780;line-height:1.2;text-decoration:none;display:inline-flex}.article-card--data .article-tool-link,.article-card--web .article-tool-link{color:var(--articles-cyan);background:#00d8ff14;border-color:#00d8ff47}.article-card--other .article-tool-link{color:var(--articles-purple);background:#d54cff14;border-color:#d54cff47}.article-tool-link:hover,.articles-sidebar-card__link:hover,.article-sidebar-card__link:hover{color:#ffbd55;background:#ff8a0024;border-color:#ffb4009e;transform:translateY(-1px)}.articles-sidebar,.article-detail-sidebar{gap:12px;min-width:0;display:grid}.article-detail-sidebar{position:static}.articles-sidebar-card,.article-sidebar-card,.article-related{border:1px solid var(--articles-line);-webkit-backdrop-filter:blur(10px);background:radial-gradient(260px 160px at 100% 0,#ff8a001f,#0000 70%),linear-gradient(#0b0e12db,#06080bbd);border-radius:8px;gap:14px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff0b,0 18px 46px #0000003d}.articles-sidebar-card h2,.articles-sidebar-card h3,.article-sidebar-card h2,.article-sidebar-card h3,.article-related h2,.article-related h3{color:#f7f7f8;letter-spacing:0;align-items:center;gap:8px;margin:0;font-size:.98rem;font-weight:820;line-height:1.2;display:inline-flex}.articles-sidebar-card h2:before,.articles-sidebar-card h3:before,.article-sidebar-card h2:before,.article-sidebar-card h3:before,.article-related h2:before,.article-related h3:before{content:"";background:linear-gradient(180deg, #ffbd55, var(--articles-orange));border-radius:999px;width:4px;height:17px;box-shadow:0 0 14px #ff8a006b}.articles-category-list,.articles-sidebar-tools,.article-sidebar-tools__list,.article-related__grid,.article-toc nav{gap:10px;display:grid}.articles-category-row{color:#c9cdd5;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:30px;padding:0 10px;font-size:.78rem;display:grid}.articles-category-row span:last-child{color:#c9cdd59e}.articles-category-row:hover,.articles-category-row.is-active{color:#ffad39;background:#ff8a001a;border-color:#ff8a0047}.articles-sidebar-tool,.article-sidebar-tool{color:#f2f3f5;min-height:56px;transition:border-color var(--transition-fast) ease, background var(--transition-fast) ease, transform var(--transition-fast) ease;background:#ffffff04;border:1px solid #0000;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px;text-decoration:none;display:grid}.article-sidebar-tool{grid-template-columns:34px minmax(0,1fr) auto;min-height:40px}.articles-sidebar-tool:hover,.article-sidebar-tool:hover{background:#ff8a0012;border-color:#ff8a003d;transform:translate(2px)}.articles-sidebar-tool__icon,.article-sidebar-tool__icon,.articles-sidebar-card__icon,.article-tool-cta__icon,.article-bottom-cta>span{color:var(--articles-orange);background:#ff8a0017;border:1px solid #ff8a0052;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0a}.articles-sidebar-tool__icon{border-radius:8px;width:42px;height:42px}.articles-sidebar-tool__copy{gap:2px;min-width:0;display:grid}.articles-sidebar-tool strong,.article-sidebar-tool span{color:#f3f4f6;font-size:.78rem;line-height:1.2}.articles-sidebar-tool small{-webkit-line-clamp:2;color:#9ca3af;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.articles-sidebar-tool__action,.article-sidebar-tool strong{color:var(--articles-orange);font-size:.68rem;font-weight:800}.articles-sidebar-card--subscribe p,.article-bottom-cta p,.article-tool-cta__text{color:#aeb3bd;margin:0;font-size:.78rem;line-height:1.48}.articles-sidebar-card--subscribe small{color:#c9cdd5a8;align-items:center;gap:6px;font-size:.7rem;display:inline-flex}.articles-sidebar-card__icon{border-radius:50%;width:42px;height:42px}.articles-subscribe-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.articles-subscribe-form input{color:#fff;background:#0406099e;border:1px solid #ff8a002e;border-radius:7px;min-width:0;min-height:38px;padding:0 12px}.articles-subscribe-form button{color:#160e06;cursor:pointer;background:linear-gradient(#ffad27,#ff8200);border:1px solid #ffb4008c;border-radius:7px;width:auto;min-height:38px;padding:0 14px;font-size:.76rem;font-weight:820}.articles-empty-hub{border:1px solid var(--articles-line);background:#090c10c2;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:16px;padding:22px;display:grid}.articles-empty-hub--compact{min-height:180px}.articles-empty-hub img{object-fit:contain;width:56px;height:56px}.articles-empty-hub h2,.articles-empty-hub p{margin:0}.articles-empty-hub h2{color:#fff;font-size:1.2rem}.articles-empty-hub p{color:#aeb3bd;margin-top:6px}.article-shell{grid-template-columns:minmax(0,1fr) minmax(310px,360px);align-items:start;gap:24px;display:grid}.article-main-column,.article-detail{min-width:0}.article-detail{gap:22px;display:grid}.article-detail-hero{-webkit-backdrop-filter:blur(12px);background:radial-gradient(520px 260px at 0 0,#ffb02e24,#0000 68%),radial-gradient(380px 240px at 90% 18%,#47d69414,#0000 70%),linear-gradient(#0e1218d1,#04070bb8);border:1px solid #ff8a0038;border-radius:22px;grid-template-columns:minmax(0,1.34fr) minmax(280px,.66fr);align-items:center;gap:28px;min-height:280px;padding:clamp(22px,4vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 70px #00000057}.article-detail-hero h1{font-size:clamp(2rem,1.52rem + 1vw,2.55rem)}.article-detail-hero__content{z-index:1;gap:16px;display:grid;position:relative}.article-detail-hero__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.article-hero-cta{width:fit-content;min-height:46px;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, background var(--transition-fast) ease, box-shadow var(--transition-fast) ease, color var(--transition-fast) ease;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.86rem;font-weight:840;line-height:1.1;text-decoration:none;display:inline-flex}.article-hero-cta:focus-visible,.article-promo-banner a:focus-visible,.article-sidebar-tool:focus-visible{outline-offset:3px;outline:2px solid #ffcd62d6}.article-hero-cta--primary{color:#170c05;background:radial-gradient(circle at 22% 0,#ffffff47,#0000 32%),linear-gradient(#ffd06d,#ff930f);border:1px solid #ffc652b8;box-shadow:inset 0 1px #ffffff57,0 0 0 1px #ff8a0029,0 14px 34px #ff8a003d}.article-hero-cta--secondary{color:#f1f5f9;background:#ffffff0b;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff0d}.article-hero-cta:hover{transform:translateY(-1px)}.article-hero-cta--primary:hover{color:#130902;background:radial-gradient(circle at 22% 0,#ffffff57,#0000 34%),linear-gradient(#ffdc8c,#ffa21f);border-color:#ffdb78e6;box-shadow:inset 0 1px #fff6,0 18px 40px #ff8a004d}.article-hero-cta--secondary:hover{color:#ffbd55;background:#ff8a0014;border-color:#ffb40057}.article-detail-hero__media{place-items:center;min-height:260px;display:grid;position:relative}.article-detail-hero__media:before{content:"";opacity:.78;background:radial-gradient(circle at 50% 58%,#ff8a0042,#0000 24%),repeating-radial-gradient(#ff8a0047 0 1px,#0000 2px 13px);border-radius:50%;position:absolute;inset:12% 3% 0;transform:perspective(720px)rotateX(67deg)}.article-detail-hero__media:after{content:"";filter:blur(26px);background:radial-gradient(circle,#ff8a003d,#0000 67%);border-radius:50%;position:absolute;inset:4% 8%}.article-detail-hero__media img{z-index:1;object-fit:contain;filter:drop-shadow(0 0 22px #ff8a0047);border-radius:8px;width:min(360px,86%);max-height:260px;position:relative}.article-tool-cta,.article-bottom-cta{background:radial-gradient(320px 180px at 90% 0,#ff8a002e,#0000 72%),radial-gradient(240px 120px at 6%,#ffb02e1f,#0000 68%),linear-gradient(#0f1216e0,#07090cc7);border:1px solid #ffb02e5c;border-radius:8px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:82px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 0 24px #ff8a0014}.article-tool-cta__icon,.article-bottom-cta>span{border-radius:8px;width:56px;height:56px}.article-tool-cta__content{gap:5px;min-width:0;display:grid}.article-tool-cta__title,.article-bottom-cta h2{color:#fff;letter-spacing:0;margin:0;font-size:.96rem;line-height:1.25}.article-tool-cta__button,.article-bottom-cta a{color:#150c05;background:linear-gradient(#ffc04f,#ff8700);border:1px solid #ffbc3eb8;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 18px;font-size:.76rem;font-weight:820;text-decoration:none;display:inline-flex;box-shadow:0 0 0 1px #ff8a0024,0 10px 26px #ff8a002e}.article-tool-cta__button:hover,.article-bottom-cta a:hover{color:#100904;background:linear-gradient(#ffd071,#ff9a18);border-color:#ffb4009e}.article-content-card{min-width:0;padding:4px 0 0;scroll-margin-top:124px}.article-markdown{color:#dce0e7;max-width:78ch;font-size:1rem;line-height:1.72}.article-markdown>*+*{margin-top:1rem}.article-markdown h1,.article-markdown h2,.article-markdown h3,.article-markdown h4{color:#fff;letter-spacing:0;margin:1.35rem 0 0;scroll-margin-top:124px;line-height:1.25}.article-markdown h1:first-child,.article-markdown h2:first-child,.article-markdown h3:first-child{margin-top:0}.article-markdown h2{padding-left:14px;font-size:1.28rem;font-weight:820;position:relative}.article-markdown h2:before{content:"";background:linear-gradient(#f6c56d,#d66a3a);border-radius:999px;width:4px;position:absolute;top:.12em;bottom:.12em;left:0;box-shadow:0 0 14px #f6c56d33,0 0 18px #d66a3a2e}.article-markdown h3{color:#ffbd55;font-size:1.08rem;font-weight:780}.article-markdown blockquote{border-left:4px solid var(--articles-orange);color:#eef1f5;background:#ff8a0014;border-radius:8px;margin:1.1rem 0 0;padding:.85rem 1rem}.article-markdown blockquote p{margin:0}.article-divider{background:linear-gradient(90deg,#0000,#ff8a006b,#0000);border:0;width:100%;height:1px;margin:1.25rem 0 0}.article-markdown h4{color:#e9ebef;font-size:.95rem}.article-markdown p{color:#c8ced8;font-size:inherit;line-height:inherit;margin-bottom:0}.article-markdown a{color:#ff9d1f;border-bottom:1px solid #ff8a006b;font-weight:760;text-decoration:none}.article-markdown strong{color:#f8fafc}.article-markdown a:hover{color:#ffbd55;border-bottom-color:#ffb400b8}.article-markdown ul,.article-markdown ol{color:#c0c5ce;margin-left:1.15rem}.article-markdown li+li{margin-top:.28rem}.article-markdown li::marker{color:var(--articles-orange)}.article-markdown code{color:#ffd099;background:#ff8a0014;border:1px solid #ff8a0029;border-radius:5px;padding:.12rem .36rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.article-code-block{color:#e8edf6;background:#010306c2;border:1px solid #ff8a002e;border-radius:8px;padding:1rem;overflow-x:auto}.article-code-block code{color:inherit;background:0 0;border:0;padding:0}.article-table-wrap{border:1px solid #ff8a002e;border-radius:8px;overflow-x:auto}.article-table{border-collapse:collapse;width:100%;font-size:.86rem}.article-table th,.article-table td{border-bottom:1px solid #ff8a001f;padding:.72rem .85rem}.article-table th{color:#fff;background:#ff8a0014}.article-table td{color:#c0c5ce}.article-table tr:last-child td{border-bottom:0}.article-cta-row{display:flex}.article-cta-button{min-height:44px;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, background var(--transition-fast) ease;background:radial-gradient(circle at 22% 0,#ffffff3d,#0000 32%),linear-gradient(#ffc866,#ff8f0d);border:1px solid #ffc652b8;border-radius:11px;justify-content:center;align-items:center;padding:0 20px;font-size:.84rem;font-weight:820;display:inline-flex;box-shadow:inset 0 1px #ffffff52,0 12px 30px #ff8a002e;color:#140b04!important;text-decoration:none!important}.article-cta-button:hover,.article-cta-button:focus-visible{background:radial-gradient(circle at 22% 0,#ffffff4d,#0000 34%),linear-gradient(#ffdc8b,#ffa320);border-color:#ffdc78e6;transform:translateY(-1px)}.article-promo-slot{margin:clamp(20px,4vw,34px) 0}.article-promo-banner{--promo-rgb:255, 176, 46;--promo-accent:rgb(var(--promo-rgb));border:1px solid rgba(var(--promo-rgb), .42);background:radial-gradient(420px 200px at 100% 0%, rgba(var(--promo-rgb), .22), transparent 70%), radial-gradient(320px 160px at 0% 50%, rgba(var(--promo-rgb), .12), transparent 70%), linear-gradient(135deg, #11151ce6, #070a0fc7);min-height:112px;box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 26px rgba(var(--promo-rgb), .045), 0 18px 58px #00000052, 0 0 30px rgba(var(--promo-rgb), .08);-webkit-backdrop-filter:blur(14px);border-radius:22px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;position:relative;overflow:hidden}.article-promo-banner--emerald,.article-promo-banner--cyan{--promo-rgb:71, 214, 148}.article-promo-banner--rose,.article-promo-banner--blue{--promo-rgb:233, 92, 112}.article-promo-banner--violet{--promo-rgb:182, 96, 255}.article-promo-banner--green{--promo-rgb:91, 210, 132}.article-promo-banner__shine{pointer-events:none;opacity:.86;background:linear-gradient(100deg,#0000 0 46%,#ffffff0e 48%,#0000 55%),radial-gradient(circle at 18% 12%,#ffffff1a,#0000 28%);position:absolute;inset:0}.article-promo-banner__icon{z-index:1;border:1px solid rgba(var(--promo-rgb), .42);background:radial-gradient(circle at 38% 24%, #ffffff29, transparent 34%), rgba(var(--promo-rgb), .11);width:68px;height:68px;color:var(--promo-accent);box-shadow:inset 0 1px 0 #ffffff14, 0 0 22px rgba(var(--promo-rgb), .18);border-radius:18px;place-items:center;display:grid;position:relative}.article-promo-banner__content{z-index:1;gap:7px;min-width:0;display:grid;position:relative}.article-promo-banner__eyebrow{border:1px solid rgba(var(--promo-rgb), .34);background:rgba(var(--promo-rgb), .1);width:fit-content;min-height:21px;color:var(--promo-accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 8px;font-size:.66rem;font-weight:850;line-height:1}.article-promo-banner__title{color:#fff;letter-spacing:0;margin:0;font-size:clamp(1rem,.94rem + .22vw,1.14rem);line-height:1.25}.article-promo-banner__text{color:#c8ced8;max-width:62ch;margin:0;font-size:.88rem;line-height:1.55}.article-promo-banner__button{z-index:1;border:1px solid rgba(var(--promo-rgb), .72);background:linear-gradient(180deg, rgba(var(--promo-rgb), .34), rgba(var(--promo-rgb), .18)), #ffffff09;color:#fff;width:fit-content;min-height:46px;box-shadow:inset 0 1px 0 #ffffff1a, 0 12px 30px rgba(var(--promo-rgb), .15);transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, background var(--transition-fast) ease, box-shadow var(--transition-fast) ease;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.82rem;font-weight:840;text-decoration:none;display:inline-flex;position:relative}.article-promo-banner--gold .article-promo-banner__button,.article-promo-banner--hero .article-promo-banner__button{color:#160d05;background:radial-gradient(circle at 26% 0,#ffffff47,#0000 34%),linear-gradient(#ffc866,#ff8f0d)}.article-promo-banner__button:hover{border-color:rgba(var(--promo-rgb), .9);background:linear-gradient(180deg, rgba(var(--promo-rgb), .44), rgba(var(--promo-rgb), .24)), #ffffff0e;box-shadow:inset 0 1px 0 #ffffff24, 0 16px 38px rgba(var(--promo-rgb), .2);transform:translateY(-1px)}.article-promo-banner--gold .article-promo-banner__button:hover,.article-promo-banner--hero .article-promo-banner__button:hover{color:#120902;background:radial-gradient(circle at 26% 0,#ffffff57,#0000 36%),linear-gradient(#ffda86,#ffa320)}.article-promo-banner--native{border-radius:18px;grid-template-columns:58px minmax(0,1fr) auto;min-height:92px}.article-promo-banner--native .article-promo-banner__icon{border-radius:15px;width:58px;height:58px}.article-promo-banner--tool-grid{align-items:stretch;min-height:148px}.article-promo-banner__tools{flex-wrap:wrap;gap:8px;margin-top:5px;display:flex}.article-promo-banner__tool{--tool-rgb:var(--promo-rgb);border:1px solid rgba(var(--tool-rgb), .3);background:rgba(var(--tool-rgb), .08);color:#e9edf4;min-height:34px;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, background var(--transition-fast) ease;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:.72rem;font-weight:760;text-decoration:none;display:inline-flex}.article-promo-banner__tool--emerald,.article-promo-banner__tool--cyan{--tool-rgb:71, 214, 148}.article-promo-banner__tool--rose,.article-promo-banner__tool--blue{--tool-rgb:233, 92, 112}.article-promo-banner__tool--violet{--tool-rgb:182, 96, 255}.article-promo-banner__tool--green{--tool-rgb:91, 210, 132}.article-promo-banner__tool:hover{border-color:rgba(var(--tool-rgb), .5);background:rgba(var(--tool-rgb), .13);transform:translateY(-1px)}.article-toc__link{color:#aeb3bd;font-size:.78rem;line-height:1.35;text-decoration:none;display:block}.article-toc__link--level-3{color:#8f96a3;padding-left:12px}.article-toc__link:hover{color:var(--articles-orange)}.article-related-card{color:#f2f3f5;transition:border-color var(--transition-fast) ease, background var(--transition-fast) ease, transform var(--transition-fast) ease;background:#ffffff06;border:1px solid #ff8a0024;border-radius:8px;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px;padding:8px;text-decoration:none;display:grid}.article-related-card:hover{background:#ff8a0012;border-color:#ff8a0057;transform:translateY(-1px)}.article-related-card img{object-fit:cover;border:1px solid #ff8a0033;border-radius:7px;width:82px;height:62px}.article-related-card span{gap:4px;min-width:0;display:grid}.article-related-card small{width:fit-content;color:var(--articles-orange);border:1px solid #ff8a003d;border-radius:4px;padding:2px 6px;font-size:.62rem;line-height:1.1}.article-related-card strong{-webkit-line-clamp:2;color:#f4f5f7;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.25;display:-webkit-box;overflow:hidden}.article-sidebar-tools--primary{background:radial-gradient(260px 170px at 100% 0,#ffb02e24,#0000 70%),linear-gradient(#0d1116e0,#05080cc2);border-color:#ffb02e57}.article-sidebar-tool{background:linear-gradient(#ffffff09,#ffffff03),#ffffff05;border-color:#ffffff12;grid-template-columns:42px minmax(0,1fr);min-height:58px;padding:9px}.article-sidebar-tool--primary{background:#ffb02e0e;border-color:#ffb02e38;grid-template-columns:48px minmax(0,1fr);align-items:start;min-height:88px}.article-sidebar-tool:hover{background:#ff8a0014;border-color:#ffb02e57;transform:translateY(-1px)}.article-sidebar-tool__icon{border-radius:12px;width:42px;height:42px}.article-sidebar-tool--primary .article-sidebar-tool__icon{width:48px;height:48px}.article-sidebar-tool__icon--emerald,.article-sidebar-tool__icon--cyan{color:#76e8ad;background:#47d69417;border-color:#47d69457}.article-sidebar-tool__icon--rose,.article-sidebar-tool__icon--blue{color:#ff8d9c;background:#e95c701a;border-color:#e95c705c}.article-sidebar-tool__icon--violet{color:#c889ff;background:#b660ff1a;border-color:#b660ff5c}.article-sidebar-tool__icon--green{color:#82e7a4;background:#5bd28417;border-color:#5bd28457}.article-sidebar-tool__copy{gap:5px;min-width:0;display:grid}.article-sidebar-tool__copy strong{color:#f8fafc;font-size:.82rem;font-style:normal;font-weight:820;line-height:1.2}.article-sidebar-tool__copy small{-webkit-line-clamp:3;color:#aeb5c0;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.38;display:-webkit-box;overflow:hidden}.article-sidebar-tool em{color:#ffbd55;background:#ff8a0014;border:1px solid #ffb02e52;border-radius:8px;grid-column:2;width:fit-content;min-height:28px;margin-top:3px;padding:7px 10px;font-size:.68rem;font-style:normal;font-weight:850;line-height:1}.article-sidebar-explainer{background:radial-gradient(260px 170px at 100% 0,#54e2901f,#0000 72%),linear-gradient(#0a0e13db,#05080cbd);border-style:dashed;border-color:#54e29047}.article-sidebar-explainer p{color:#b9c1cd;margin:0;font-size:.76rem;line-height:1.5}.article-sidebar-explainer ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.article-sidebar-explainer li{color:#d9dee7;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:9px;font-size:.74rem;line-height:1.42;display:grid}.article-sidebar-explainer li svg{color:#74f0a4;margin-top:1px}.article-share__actions{flex-wrap:wrap;gap:8px;display:flex}.article-share__actions a,.article-share__actions button{color:#d7dbe2;cursor:pointer;background:#ffffff0a;border:1px solid #ff8a0038;border-radius:7px;place-items:center;width:34px;height:34px;font-size:.68rem;font-weight:820;text-decoration:none;display:grid}.article-share__actions a:hover,.article-share__actions button:hover{color:var(--articles-orange);border-color:#ff8a006b}.article-bottom-cta{margin-bottom:4px}.article-bottom-cta div{min-width:0}@media (width<=1280px){.articles-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card--premium{grid-template-columns:minmax(130px,.72fr) minmax(0,1.28fr)}}@media (width<=1060px){.articles-index-layout,.article-shell{grid-template-columns:1fr}.articles-sidebar,.article-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (width<=880px){.tool-container.articles-page{padding-inline:16px}.articles-index-hero,.article-detail-hero{grid-template-columns:1fr;min-height:0}.article-detail-hero{padding:22px}.articles-index-hero__art,.article-detail-hero__media{min-height:190px}.articles-feed-grid,.articles-sidebar,.article-detail-sidebar{grid-template-columns:1fr}.article-promo-banner{grid-template-columns:56px minmax(0,1fr)}.article-promo-banner__button{grid-column:1/-1;width:100%}}@media (width<=640px){.articles-stage:before,.article-stage:before{inset:-22px 0 auto}.articles-tab{flex:auto;padding-inline:10px}.article-card--premium{grid-template-columns:1fr}.article-card__media,.article-card__media img{min-height:180px}.article-tool-cta,.article-bottom-cta{grid-template-columns:1fr}.article-tool-cta__button,.article-bottom-cta a{width:100%}.article-detail-hero{border-radius:18px;padding:18px}.article-detail-hero__actions,.article-hero-cta{width:100%}.article-promo-banner{border-radius:18px;grid-template-columns:1fr;gap:14px;padding:16px}.article-promo-banner__icon{border-radius:15px;width:56px;height:56px}.article-promo-banner__tools{grid-template-columns:1fr;display:grid}.article-sidebar-tool,.article-sidebar-tool--primary{grid-template-columns:42px minmax(0,1fr)}.article-sidebar-tool em{grid-column:1/-1}.articles-subscribe-form{grid-template-columns:1fr}}