.article-page{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:100vh}.article-header{padding-left:0;padding-right:0}.article-home{color:#705b82;font-size:14px;font-weight:800;text-decoration:none}.articles-hero{text-align:center;padding:62px 0 34px}.articles-hero .eyebrow{display:inline-flex;gap:7px;align-items:center;color:#8b5bd0;font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.articles-hero h1{font-size:clamp(42px,7vw,72px);line-height:.95;margin:14px 0 20px;color:#2f2236;letter-spacing:-.055em}.articles-hero p{max-width:720px;margin:0 auto;color:#736277;font-size:18px;line-height:1.6}.articles-filter{margin:0 auto 28px;padding:16px;border:1px solid rgba(117,92,155,.13);border-radius:20px;background:rgba(255,255,255,.76);box-shadow:0 18px 50px rgba(91,64,109,.06)}.filter-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.articles-filter label{display:block;margin-bottom:6px;color:#6d5b70;font-size:12px;font-weight:800}.articles-filter input,.articles-filter select{width:100%;padding:12px 13px;border:1px solid rgba(117,92,155,.2);border-radius:12px;background:#fff;color:#36293c;font:inherit}.filter-actions{display:flex;gap:8px}.filter-actions button,.filter-actions a{padding:12px 15px;border:0;border-radius:12px;font:inherit;font-weight:800;text-decoration:none;white-space:nowrap}.filter-actions button{background:#6d32ff;color:white}.filter-actions a{background:#f4eff9;color:#6d5b70}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-card{overflow:hidden;border:1px solid rgba(117,92,155,.12);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(91,64,109,.08);transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 24px 65px rgba(91,64,109,.13)}.article-image{display:block;height:220px;background:#f2edf8;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.article-card:hover .article-image img{transform:scale(1.035)}.article-placeholder{height:100%;display:grid;place-items:center;font-size:50px;color:#9b72db}.article-card-body{padding:20px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 13px;color:#927f98;font-size:12px;font-weight:700}.article-card h2{font-size:21px;line-height:1.25;margin:11px 0 9px}.article-card h2 a{color:#33273a;text-decoration:none}.article-card p{color:#6e5d73;line-height:1.55;margin:0 0 14px}.article-card-footer{display:flex;justify-content:space-between;gap:10px;color:#a08fa4;font-size:12px;margin-bottom:13px}.article-more{color:#6d32ff;font-weight:850;text-decoration:none}.articles-empty{grid-column:1/-1;text-align:center;padding:50px;border:1px dashed rgba(117,92,155,.2);border-radius:20px;color:#8a778f}.article-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:30px 0 45px;color:#8c7b92}.article-pager a:last-child{text-align:right}.article-pager a{color:#6d32ff;font-weight:800;text-decoration:none}.article-footer{margin-top:25px}.preview-banner{margin:16px 0;padding:10px 14px;border:1px solid #d8a630;border-radius:12px;background:#fff5cf;color:#72530d;font-size:13px;font-weight:800}.article-detail{max-width:900px;margin:42px auto 0}.article-breadcrumbs{display:flex;gap:8px;align-items:center;color:#9a889f;font-size:13px;margin-bottom:28px}.article-breadcrumbs a{color:#705b82;text-decoration:none}.article-breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-detail-head h1{font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-.045em;color:#2f2236;margin:16px 0}.article-lead{font-size:20px;line-height:1.6;color:#6e5d73;margin-bottom:22px}.author-line{display:flex;align-items:center;gap:11px;color:#6e5d73}.author-line img{width:46px;height:46px;border-radius:50%;object-fit:cover}.author-line strong,.author-line span{display:block}.author-line span{font-size:13px;color:#9a889f;margin-top:2px}.article-cover{margin:30px 0;border-radius:24px;overflow:hidden;box-shadow:0 22px 70px rgba(91,64,109,.13)}.article-cover img{display:block;width:100%;max-height:600px;object-fit:cover}.article-content{font-size:18px;line-height:1.75;color:#46394a}.article-content h2{font-size:31px;line-height:1.2;color:#312538;margin:46px 0 16px}.article-content h3{font-size:24px;color:#382b3e;margin:35px 0 12px}.article-content p{margin:0 0 20px}.article-content img{max-width:100%;border-radius:18px}.article-content blockquote{margin:26px 0;padding:17px 20px;border-left:4px solid #8b5bd0;background:#faf6ff;border-radius:0 14px 14px 0}.article-content pre{overflow:auto;padding:17px;background:#241c29;color:#f5eff7;border-radius:15px;font-size:14px}.article-content a{color:#6d32ff}.article-tags{margin:34px 0}.article-tags h3{font-size:16px}.article-tags div{display:flex;gap:7px;flex-wrap:wrap}.article-tags a{padding:6px 10px;border-radius:999px;background:#f1ebf8;color:#705b82;text-decoration:none;font-size:13px}.article-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:30px 0;padding:16px;border:1px solid rgba(117,92,155,.12);border-radius:18px;background:#fff}.action-left,.share{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.article-actions button,.article-actions a{padding:9px 12px;border:1px solid rgba(117,92,155,.17);border-radius:10px;background:#fff;color:#65586a;font:inherit;text-decoration:none;cursor:pointer}.article-actions button.liked{color:#c43e66;border-color:#eeb1c4;background:#fff5f8}.share span{font-size:12px;color:#9b8ba0}.related{margin:48px 0}.related h2{font-size:28px;color:#32263a}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid a{display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid rgba(117,92,155,.12);border-radius:16px;background:#fff;color:#3a2d40;text-decoration:none}.related-grid img{width:100%;height:130px;object-fit:cover;border-radius:11px}.related-grid span{font-size:12px;color:#98869d}.article-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:42px 0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#6d32ff,#a14ad8);color:#fff}.article-cta strong,.article-cta span{display:block}.article-cta strong{font-size:22px}.article-cta span{margin-top:6px;opacity:.86}.article-cta a{padding:12px 16px;border-radius:12px;background:#fff;color:#6d32ff;font-weight:900;text-decoration:none;white-space:nowrap}.reading-progress{position:fixed;left:0;top:0;z-index:999;width:0;height:3px;background:#6d32ff;pointer-events:none}@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.filter-actions{align-items:end}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.article-page{width:min(100% - 28px,1180px)}.articles-grid,.filter-grid,.related-grid{grid-template-columns:1fr}.filter-search{grid-column:auto}.article-image{height:210px}.articles-hero{padding-top:42px}.article-actions,.article-cta{align-items:flex-start;flex-direction:column}.article-detail{margin-top:28px}.article-detail-head h1{font-size:40px}.article-lead{font-size:18px}}