/* Pоступи.com — статьи. Все стили изолированы префиксом pa-. */
.pa-wrap,.pa-home-block{--pa-ink:#17152f;--pa-purple:#7851d8;--pa-orange:#ff644d;--pa-muted:#73748b;--pa-line:#e9e6f2; color:var(--pa-ink);font-family:inherit;line-height:1.55}
.pa-wrap *,.pa-home-block *{box-sizing:border-box}
.pa-wrap{margin:0 auto;background:#fff;max-width:1440px}
.pa-hero{min-height:355px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(114deg,#16162a 0%,#272149 58%,#40336c 100%);border-radius:0 0 30px 30px;padding:76px max(5%,32px) 70px;color:#fff}
.pa-hero-orb{position:absolute;pointer-events:none;z-index:-1;width:400px;height:400px;right:-80px;bottom:-270px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff07,0 0 0 140px #ffffff05}
.pa-kicker{font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:#d4c4ff;display:inline-flex;align-items:center;gap:10px}
.pa-kicker i{display:inline-block;width:7px;height:7px;background:#a8e1ba;border-radius:50%}
.pa-hero h1{max-width:900px;color:#fff;line-height:1.06;font-weight:850;font-size:clamp(36px,5.2vw,66px);letter-spacing:-.045em;margin:29px 0 20px}
.pa-hero h1 em{font-style:normal;color:#ff8c76}
.pa-hero p{max-width:650px;color:#d5d2e6;font-size:17px;line-height:1.8;margin:0}
.pa-main{padding:58px max(5%,32px) 78px}
.pa-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}
.pa-heading h2,.pa-related h2{color:var(--pa-ink);font-size:clamp(27px,3.3vw,40px);font-weight:850;letter-spacing:-.04em;margin:8px 0 0;line-height:1.13}
.pa-label{font-size:11px;font-weight:900;letter-spacing:.14em;color:#7851d8}
.pa-link,.pa-back{display:inline-block;color:#6e4ad6!important;font-weight:700;text-decoration:none!important}
.pa-link:hover,.pa-back:hover{color:#ff644d!important}
.pa-filter{display:flex;gap:12px;max-width:780px;margin:0 0 25px}
.pa-filter label{flex:1;min-width:0}.pa-filter input{border:1px solid #dfddea;border-radius:13px;background:#fff;width:100%;height:52px;padding:0 17px;color:#17152f;font-size:15px}
.pa-filter button{border:0;background:#ff644d;color:#fff;border-radius:13px;padding:0 28px;font-weight:800;cursor:pointer}
.pa-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 33px}
.pa-pills a{padding:10px 16px;border:1px solid var(--pa-line);border-radius:24px;text-decoration:none!important;color:#51516b!important;background:#fff;font-size:13px;font-weight:700;transition:background .2s}
.pa-pills a.active,.pa-pills a:hover{background:#ede8ff;color:#7046d2!important;border-color:#ded2ff}
.pa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pa-card{display:flex;flex-direction:column;min-width:0;border-radius:23px;overflow:hidden;background:#fff;border:1px solid var(--pa-line);box-shadow:0 10px 34px rgba(35,25,71,.035);transition:transform .22s,box-shadow .22s}
.pa-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(35,25,71,.10)}
.pa-card-image{display:block;height:205px;position:relative;overflow:hidden;background:linear-gradient(135deg,#c8b8ff,#fed8be)}
.pa-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pa-card:hover .pa-card-image img{transform:scale(1.045)}
.pa-image-fallback{width:100%;height:100%;display:block;background:radial-gradient(circle at 75% 25%,#fff7,transparent 35%),linear-gradient(135deg,#ae91f0,#fbcbb9)}
.pa-image-arrow{position:absolute;right:16px;bottom:16px;background:white;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:#5b43a9;font-size:18px}
.pa-card-content{padding:24px 24px 25px;display:flex;flex-direction:column;flex:1}
.pa-card-category{text-transform:uppercase;letter-spacing:.1em;color:#8861d6;font-size:10px;font-weight:850}
.pa-card h3{font-size:20px;letter-spacing:-.024em;line-height:1.35;font-weight:850;margin:13px 0 11px}
.pa-card h3 a{color:#1d1934!important;text-decoration:none!important}
.pa-card h3 a:hover{color:#7449d4!important}
.pa-card p{color:var(--pa-muted);font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 25px;flex:1}
.pa-card-more{color:#ff644d!important;text-decoration:none!important;font-size:13px;font-weight:850;margin-top:auto}
.pa-card-more:hover{text-decoration:underline!important}
.pa-cta{margin-top:60px;padding:37px 39px;background:#f5f1ff;border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.pa-cta h2{font-size:29px;font-weight:850;margin:8px 0}.pa-cta p{color:#74748a;margin:0}
.pa-cta>a,.pa-article-aside>a{display:inline-block;text-align:center;background:#ff644d;color:#fff!important;border-radius:13px;padding:16px 24px;text-decoration:none!important;font-weight:850;white-space:nowrap}
.pa-empty{padding:50px;border-radius:18px;text-align:center;background:#f7f5fc;color:var(--pa-muted)}
.pa-article-top{padding:40px max(5%,32px) 25px}
.pa-article-intro{margin:35px 0 32px;max-width:1020px}
.pa-article-intro h1{font-weight:850;letter-spacing:-.04em;line-height:1.13;font-size:clamp(35px,4.5vw,58px);margin:13px 0 17px;color:#18152e}
.pa-article-intro p{font-size:19px;color:#696a82;line-height:1.7;max-width:820px}
.pa-article-cover{margin:0;overflow:hidden;border-radius:24px;background:#eee5ff;max-height:460px}
.pa-article-cover img{width:100%;height:auto;max-height:460px;display:block;object-fit:cover}
.pa-reading-layout{padding:40px max(5%,32px) 60px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:64px;align-items:start}
.pa-article-body{max-width:810px;font-size:17px;line-height:1.88;color:#34324c;overflow-wrap:anywhere}
.pa-article-body p{margin:0 0 21px}.pa-article-body h2{font-size:29px;font-weight:850;margin:38px 0 15px;line-height:1.25;color:#17152f}
.pa-article-body h3{font-weight:800;font-size:22px;margin:30px 0 12px}.pa-article-body a{color:#7851d8;text-decoration:underline}
.pa-article-body ul,.pa-article-body ol{padding-left:26px;margin:19px 0 26px}.pa-article-body li{padding:4px 0}
.pa-article-body blockquote{border-left:4px solid #8a63e5;background:#f5f1fe;padding:19px 23px;border-radius:0 15px 15px 0;margin:25px 0}
.pa-article-body img{max-width:100%;height:auto;border-radius:14px}.pa-article-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.pa-article-body th,.pa-article-body td{border:1px solid #e6e2ef;padding:10px}
.pa-article-aside{position:sticky;top:24px;padding:29px;background:#f7f3ff;border-radius:22px;border:1px solid #eee7fb}
.pa-article-aside h2{font-weight:850;font-size:24px;line-height:1.23;margin:11px 0 12px}.pa-article-aside p{color:#75708d;font-size:14px;line-height:1.8}
.pa-article-aside a{display:block;margin-top:19px}
.pa-related{padding:30px max(5%,32px) 80px;border-top:1px solid var(--pa-line)}.pa-related h2{margin-bottom:25px}
/* На главной используем тот же дизайн карточек, без внешней шапки и футера. */
.pa-home-block{max-width:1320px;margin:40px auto;padding:10px 24px 45px}
.pa-home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 27px}
.pa-home-head h2{font-size:clamp(28px,3.4vw,43px);font-weight:850;letter-spacing:-.045em;margin:8px 0 0;color:#17152f}
.pa-home-head>a{font-weight:800;color:#7451c4;text-decoration:none}
.pa-home-block .pa-card-image{height:180px}
@media(max-width:920px){.pa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-reading-layout{grid-template-columns:1fr;gap:20px}.pa-article-aside{position:static}.pa-hero{padding-top:52px}}
@media(max-width:620px){.pa-grid{grid-template-columns:1fr}.pa-hero{border-radius:0 0 22px 22px;min-height:300px;padding:50px 23px}.pa-main,.pa-article-top,.pa-reading-layout,.pa-related{padding-left:20px;padding-right:20px}.pa-heading,.pa-home-head,.pa-cta{align-items:start;flex-direction:column}.pa-cta{padding:26px}.pa-filter{flex-direction:column}.pa-filter button{padding:14px}.pa-card-image{height:230px}.pa-home-block{padding:8px 15px}.pa-home-block .pa-card-image{height:230px}}

.pa-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:35px 0}.pa-pagination a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e5dfef;border-radius:12px;text-decoration:none!important;color:#554d78!important}.pa-pagination a.active,.pa-pagination a:hover{background:#7851d8;color:white!important;border-color:#7851d8}
/* v1.0.2: links remain clean text; no blue emoji/external arrow badges. */
.pa-wrap .pa-image-arrow,.pa-home-block .pa-image-arrow{display:none!important}
.pa-card-image:focus-visible,.pa-card h3 a:focus-visible,.pa-card-more:focus-visible{outline:3px solid #7851d8;outline-offset:3px}
.pa-card-more{display:inline-block;align-self:flex-start;padding:4px 0;border-bottom:1px solid transparent}
.pa-card-more:hover{border-bottom-color:currentColor;text-decoration:none!important}
/* v1.0.3: scalable catalogue and category pagination */
.pa-filter{max-width:100%;align-items:flex-end}
.pa-filter-search{max-width:780px}
.pa-filter-count{flex:0 0 auto!important;display:flex;align-items:center;gap:10px;color:#666079;font-size:13px;font-weight:700}
.pa-filter-count select,.pa-category-size select{height:52px;min-width:78px;border:1px solid #dfddea;background:#fff;border-radius:13px;padding:0 12px;color:#17152f;font-size:14px}
.pa-list-status{color:#777388;font-size:13px;margin:-10px 0 22px;font-weight:600}
.pa-category-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 24px}
.pa-category-toolbar .pa-list-status{margin:0}
.pa-category-size{display:flex;align-items:center;gap:10px;color:#666079;font-size:13px;font-weight:700}
.pa-category-size button{padding:14px 17px;border:0;border-radius:12px;background:#ff644d;color:white;font-weight:700;cursor:pointer}
.pa-pagination{align-items:center;gap:8px;margin:38px 0;}
.pa-pagination a,.pa-pagination .pa-page-current{min-width:40px;width:auto;padding:0 12px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5dfef;border-radius:12px;text-decoration:none!important;color:#554d78!important;background:#fff;box-sizing:border-box;font-weight:700;font-size:14px}
.pa-pagination .pa-page-current,.pa-pagination a:hover{background:#7851d8!important;color:white!important;border-color:#7851d8}
.pa-pagination .pa-page-nav{padding:0 19px}
.pa-pagination .pa-page-ellipsis{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;color:#8a849d}
.pa-pagination a:focus-visible,.pa-filter select:focus-visible,.pa-category-size select:focus-visible{outline:3px solid #7851d8;outline-offset:2px}
@media(max-width:700px){.pa-filter{flex-wrap:wrap}.pa-filter-search{flex:1 1 100%!important}.pa-filter-count{flex:1 1 auto!important}.pa-filter button{align-self:stretch}.pa-category-toolbar{align-items:flex-start;flex-direction:column}.pa-pagination{gap:5px}.pa-pagination a,.pa-pagination .pa-page-current{min-width:36px;height:38px;padding:0 9px}.pa-pagination .pa-page-nav{padding:0 12px}}