.topic-hero{background:linear-gradient(135deg,#fff 0%,#f7f8fa 100%);border:1px solid #0000000f;border-radius:28px;padding:64px 48px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000d}.topic-hero:before{content:"";filter:blur(40px);background:radial-gradient(circle,#0000000d,#0000 60%);width:400px;height:400px;position:absolute;top:-40%;right:-20%}.topic-hero h1{letter-spacing:-.03em;color:#111;margin-bottom:14px;font-size:54px;font-weight:750;line-height:1.1}.topic-hero p{color:#555;max-width:760px;font-size:18px;line-height:1.9}.topic-hero .count{color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000a;border-radius:999px;align-items:center;margin-top:28px;padding:10px 18px;font-size:13px;font-weight:500;display:inline-flex}.topic-hero{box-shadow:0 20px 60px #0000000f}.topic-hero h1{font-weight:800}.topic-hero .count{border:1px solid #0000000f}@media (max-width:1024px){.topic-hero{padding:56px 40px}.topic-hero h1{font-size:46px}}@media (max-width:768px){.topic-hero{border-radius:22px;padding:40px 24px}.topic-hero h1{font-size:34px;line-height:1.15}.topic-hero p{font-size:16px;line-height:1.8}.topic-hero .count{justify-content:center;width:100%}}@media (max-width:480px){.topic-hero{padding:32px 20px}.topic-hero h1{font-size:28px}.topic-hero p{font-size:15px}}
.question-card{background:linear-gradient(#fff,#fafafa);border:1px solid #0000000f;border-radius:24px;padding:28px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000d}.question-card:hover{border-color:#0000001f;transform:translateY(-6px);box-shadow:0 20px 50px #00000014}.question-card__glow{opacity:0;background:radial-gradient(circle,#0000000d,#0000 70%);border-radius:50%;width:240px;height:240px;transition:opacity .3s;position:absolute;top:-120px;right:-60px}.question-card:hover .question-card__glow{opacity:1}.question-card__title{color:#111;letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700;line-height:1.65}.question-card__meta{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.question-card__topic{color:#555;background:#f3f4f6;border-radius:999px;padding:6px 12px;font-size:12px}.question-card__read{color:#666;font-size:12px;font-weight:600}@media (max-width:768px){.question-card{border-radius:20px;padding:22px}.question-card__title{font-size:17px}}
.question-list{grid-template-columns:1fr;gap:18px;max-width:760px;margin-top:36px;margin-left:auto;margin-right:auto;padding:0 4px;display:grid}@media (min-width:768px){.question-list{gap:20px}}@media (min-width:1024px){.question-list{gap:22px}}.question-list>*{transition:transform .2s,opacity .2s}.question-list>:hover{transform:translateY(-2px)}.question-list{max-width:820px;padding:0 12px}.question-list>*{will-change:transform}@media (min-width:1280px){.question-list{max-width:860px}}@media (max-width:768px){.question-list{gap:16px;margin-top:28px;padding:0}}
.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:48px;padding:10px 0;display:flex}.pagination a{color:#333;background:#fff;border:1px solid #00000014;border-radius:14px;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.pagination a:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.pagination a.active{color:#fff;background:#111;border-color:#111;box-shadow:0 10px 30px #00000026}.pagination .nav{padding:0 16px;font-weight:500}.topic-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:56px;display:flex}.page-item,.page-nav{color:#333;background:#fff;border:1px solid #00000014;border-radius:14px;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 14px;text-decoration:none;transition:all .2s;display:inline-flex}.page-item:hover,.page-nav:hover{transform:translateY(-2px)}.page-item.active{color:#fff;background:#111;border-color:#111}@media (max-width:768px){.topic-pagination{gap:6px}.page-item,.page-nav{min-width:38px;height:38px;padding:0 12px}}
.breadcrumb{margin-bottom:40px}.breadcrumb__list{flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:10px;display:flex}.breadcrumb__link{color:#666;text-decoration:none;transition:color .2s,transform .2s}.breadcrumb__link:hover{color:#111;transform:translateY(-1px)}.breadcrumb__current{color:#111;text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-weight:700;overflow:hidden}.breadcrumb__separator{color:#d1d5db;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600}@media (min-width:1400px){.breadcrumb__list{font-size:15px}}@media (max-width:1024px){.breadcrumb{margin-bottom:32px}}@media (max-width:768px){.breadcrumb{margin-bottom:24px}.breadcrumb__list{gap:6px;font-size:13px}.breadcrumb__item{gap:6px}.breadcrumb__current{max-width:180px}}
.article-header{margin-bottom:56px}.article-header__topic{margin-bottom:20px}.article-header__topic-pill{color:#555;background:linear-gradient(#fff,#f8f9fb);border:1px solid #00000014;border-radius:999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0000000a}.article-header__title{letter-spacing:-.04em;color:#111;margin:0;font-size:60px;font-weight:800;line-height:1.1}.article-header__meta{color:#666;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;font-size:14px;display:flex}.article-header__badge{color:#444;background:#f3f4f6;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.article-header__dot{color:#c5c5c5}.article-header__divider{background:linear-gradient(90deg,#0000,#0000001f,#0000);width:100%;height:1px;margin-top:36px}@media (max-width:1024px){.article-header__title{font-size:48px}}@media (max-width:768px){.article-header{margin-bottom:40px}.article-header__title{font-size:34px;line-height:1.15}.article-header__meta{gap:8px;font-size:13px}}
.article-content{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:64px;display:grid}.article-content__main{min-width:0}.article-content__body{color:#222;word-break:break-word;max-width:820px;font-size:20px;line-height:1.9}.article-content__body p{margin:0 0 24px}.article-content__body h2{color:#111;letter-spacing:-.03em;margin-top:64px;margin-bottom:20px;font-size:38px;font-weight:800;line-height:1.2}.article-content__body h3{color:#111;margin-top:40px;margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.3}.article-content__body a{color:#111;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;transition:opacity .2s}.article-content__body a:hover{opacity:.7}.article-content__body strong{color:#111;font-weight:700}.article-content__body ul,.article-content__body ol{margin:24px 0;padding-left:28px}.article-content__body li{margin-bottom:10px}.article-content__body blockquote{color:#555;background:#fafafa;border-left:4px solid #111;border-radius:0 16px 16px 0;margin:32px 0;padding:20px 24px;font-style:italic}.article-content__body img{border-radius:20px;max-width:100%;height:auto;margin:40px auto;display:block}.article-content__body hr{background:#00000014;border:0;height:1px;margin:48px 0}.article-sidebar{flex-direction:column;gap:24px;display:flex}.article-sidebar__card{background:#fff;border:1px solid #00000014;border-radius:24px;padding:24px;box-shadow:0 10px 30px #0000000a}.related-articles__title{color:#111;margin-bottom:18px;font-size:15px;font-weight:700}.related-articles__list{margin:0;padding:0;list-style:none}.related-articles__list li+li{margin-top:14px}.related-articles__link{color:#666;text-decoration:none;transition:all .2s}.related-articles__link:hover{color:#111;padding-left:4px}@media (max-width:1200px){.article-content{grid-template-columns:1fr 260px;gap:40px}}@media (max-width:992px){.article-content{grid-template-columns:1fr}.article-sidebar{display:none}.article-content__body{max-width:100%;font-size:18px}.article-content__body h2{font-size:30px}.article-content__body h3{font-size:24px}}@media (max-width:768px){.article-content__body{font-size:17px;line-height:1.85}.article-content__body h2{margin-top:48px;font-size:26px}.article-content__body h3{font-size:22px}.article-content__body blockquote{padding:16px 18px}}.article-layout,.article-content,.article-header{max-width:1100px;margin:0 auto;padding:0 24px}.article-content__body{max-width:780px;margin:0 auto}@media (max-width:768px){.article-layout,.article-content,.article-header{padding:0 16px}}
.article-toc{position:sticky;top:100px}.article-toc__title{letter-spacing:.08em;text-transform:uppercase;color:#111;margin:0 0 18px;font-size:13px;font-weight:700}.article-toc__list{margin:0;padding:0;list-style:none}.article-toc__item{margin:0}.article-toc__item+.article-toc__item{margin-top:8px}.article-toc__item--child{padding-left:16px}.article-toc__link{color:#666;padding:6px 0;font-size:14px;line-height:1.5;text-decoration:none;transition:color .2s,transform .2s;display:block}.article-toc__link:hover{color:#111;transform:translate(4px)}.article-toc__link:focus{color:#111;outline:none}@media (max-width:992px){.article-toc{position:static}}
.related-questions{margin-top:72px}.related-questions__title{color:#111;letter-spacing:-.03em;margin-bottom:28px;font-size:32px;font-weight:800;line-height:1.2}.related-questions__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.related-question-card{background:linear-gradient(#fff,#fafafa);border:1px solid #00000014;border-radius:24px;padding:24px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;box-shadow:0 8px 24px #0000000a}.related-question-card:hover{border-color:#0000001f;transform:translateY(-4px);box-shadow:0 18px 40px #00000014}.related-question-card__title{color:#111;margin:0;font-size:18px;font-weight:700;line-height:1.5}.related-question-card__topic{color:#666;margin-top:12px;font-size:14px;font-weight:500}@media (max-width:992px){.related-questions__grid{grid-template-columns:1fr}}@media (max-width:768px){.related-questions{margin-top:56px}.related-questions__title{margin-bottom:20px;font-size:26px}.related-question-card{border-radius:20px;padding:20px}.related-question-card__title{font-size:17px}}
.article-nav{grid-template-columns:1fr 1fr;gap:24px;margin-top:72px;display:grid}.article-nav__prev,.article-nav__next{min-width:0}.article-nav-card{background:linear-gradient(#fff,#fafafa);border:1px solid #00000014;border-radius:28px;height:100%;padding:28px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;box-shadow:0 10px 30px #0000000a}.article-nav-card:hover{border-color:#0000001f;transform:translateY(-4px);box-shadow:0 20px 45px #00000014}.article-nav-card--next{text-align:right}.article-nav-card__label{text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:12px;font-size:12px;font-weight:700}.article-nav-card__title{color:#111;font-size:18px;font-weight:700;line-height:1.6}@media (max-width:992px){.article-nav{gap:18px}}@media (max-width:768px){.article-nav{grid-template-columns:1fr;gap:16px;margin-top:56px}.article-nav-card{border-radius:22px;padding:22px}.article-nav-card--next{text-align:left}.article-nav-card__title{font-size:17px}}
.btn{color:#111;cursor:pointer;background:linear-gradient(#fff,#f6f7f9);border:1px solid #00000014;border-radius:14px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.btn:active{transform:translateY(0);box-shadow:0 6px 14px #0000000f}.btn.primary{color:#fff;background:linear-gradient(#1a1a1a,#000);border-color:#000;box-shadow:0 10px 26px #0000002e}.btn.primary:hover{box-shadow:0 14px 34px #00000040}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:768px){.btn{padding:11px 16px;font-size:13px}}
.badge{color:#555;white-space:nowrap;background:linear-gradient(#fff,#f6f7f9);border:1px solid #00000014;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;line-height:1;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #0000000a}.badge:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000000f}.badge.dark{color:#fff;background:linear-gradient(#222,#111);border-color:#111;box-shadow:0 8px 20px #00000026}@media (max-width:768px){.badge{padding:7px 12px;font-size:11px}}
.card{background:linear-gradient(#fff,#fafafa);border:1px solid #00000014;border-radius:24px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 8px 24px #0000000a}.card:hover{border-color:#0000001f;transform:translateY(-4px);box-shadow:0 18px 45px #0000001a}.card:active{transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.card.interactive{cursor:pointer}.card.interactive:hover{filter:brightness(1.01)}@media (max-width:768px){.card{border-radius:20px;box-shadow:0 6px 18px #0000000a}.card:hover{transform:translateY(-2px)}}