/* PandaWorks v4 — «Статьи» (макет Неоны → pw4-*), 2026-10-20 */
html.pw4 .pw4-articles{padding:clamp(48px,7vw,80px) 0}
html.pw4 .pw4-articles__inner,html.pw4 .pw4-article__inner,html.pw4 .pw4-art-related__inner{width:var(--pw-max,min(1320px,calc(100% - 48px)));margin:0 auto;box-sizing:border-box}
html.pw4 .pw4-articles__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,4vw,40px)}
html.pw4 .pw4-articles__head .pw4-h2{margin:8px 0 0}
html.pw4 .pw4-articles__all{white-space:nowrap;min-height:44px}
html.pw4 .pw4-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html.pw4 .pw4-art-card{background:var(--pw-surface);border:1px solid var(--pw-line);border-radius:var(--pw-radius-card,20px);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s;min-width:0}
html.pw4 .pw4-art-card:hover,html.pw4 .pw4-art-card:focus-visible{transform:translateY(-4px);border-color:var(--pw-amber)}
html.pw4 .pw4-art-card__img{display:block;aspect-ratio:16/9;background:var(--pw-surface-2);overflow:hidden}
html.pw4 .pw4-art-card__img img{display:block;width:100%;height:100%;object-fit:cover}
html.pw4 .pw4-art-card__img--empty{display:grid;place-items:center;background:linear-gradient(135deg,var(--pw-surface-2),var(--pw-surface));color:var(--pw-muted);font:700 15px/1 var(--pw-font-display);letter-spacing:.12em;text-transform:uppercase}
html.pw4 .pw4-art-card__body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
html.pw4 .pw4-art-card__meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0;font-size:14px}
html.pw4 .pw4-art-card__tag{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--pw-line);color:var(--pw-amber);font:700 12px/1.2 var(--pw-font-display);letter-spacing:.06em;text-transform:uppercase}
html.pw4 .pw4-art-card__date{color:var(--pw-petrol)}
html.pw4 .pw4-art-card__title{display:block;font:700 21px/1.25 var(--pw-font-display);margin:0;overflow-wrap:anywhere}
html.pw4 .pw4-art-card__text{display:block;color:var(--pw-muted);font-size:16px;line-height:1.55;flex:1}
html.pw4 .pw4-art-card__more{color:var(--pw-amber);font:700 14px var(--pw-font-display)}
html.pw4 .pw4-art-crumbs{font-size:14px;color:var(--pw-muted);margin:16px 0 20px;overflow-wrap:anywhere}
html.pw4 .pw4-art-crumbs a{color:inherit;display:inline-block;padding:12px 0;min-height:44px;box-sizing:border-box}
html.pw4 .pw4-articles__h1{margin:0 0 12px}
html.pw4 .pw4-articles--page .pw4-lead{margin-bottom:32px;max-width:70ch}
/* статья */
html.pw4 .pw4-article{padding:0 0 clamp(40px,6vw,64px)}
html.pw4 .pw4-article__inner{max-width:820px}
html.pw4 .pw4-article__h1{margin:12px 0 16px;overflow-wrap:anywhere}
html.pw4 .pw4-article__byline{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--pw-muted);font-size:14px;margin:0 0 16px}
html.pw4 .pw4-article__cover{margin:0 0 32px;border-radius:var(--pw-radius-card,20px);overflow:hidden;aspect-ratio:1200/630;background:var(--pw-surface-2)}
html.pw4 .pw4-article__cover img{display:block;width:100%;height:100%;object-fit:cover}
html.pw4 .pw4-article__body{font-size:17px;line-height:1.7;overflow-wrap:break-word}
html.pw4 .pw4-article__body h2{font:700 clamp(24px,3vw,30px)/1.2 var(--pw-font-display);margin:40px 0 14px}
html.pw4 .pw4-article__body h3{font:700 20px/1.3 var(--pw-font-display);margin:28px 0 10px}
html.pw4 .pw4-article__body p,html.pw4 .pw4-article__body ul,html.pw4 .pw4-article__body ol{margin:0 0 16px}
html.pw4 .pw4-article__body a{color:var(--pw-amber);text-underline-offset:3px}
html.pw4 .pw4-article__body img{max-width:100%;height:auto}
html.pw4 .pw4-art-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 20px;border:1px solid var(--pw-line);border-radius:12px;max-width:100%}
html.pw4 .pw4-art-table table{border-collapse:collapse;min-width:520px;width:100%;font-size:15px;line-height:1.45}
html.pw4 .pw4-art-table th,html.pw4 .pw4-art-table td{padding:10px 12px;border-bottom:1px solid var(--pw-line);text-align:left;vertical-align:top}
html.pw4 .pw4-art-table th{background:var(--pw-surface-2);font-weight:600}
html.pw4 .pw4-article__faq{margin:40px 0 0}
html.pw4 .pw4-article__faq h2{font:700 clamp(24px,3vw,30px)/1.2 var(--pw-font-display);margin:0 0 14px}
html.pw4 .pw4-art-faq__item{border-top:1px solid var(--pw-line)}
html.pw4 .pw4-art-faq__item summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600;font-size:17px;box-sizing:border-box}
html.pw4 .pw4-art-faq__item p{margin:0 0 16px;font-size:16px;line-height:1.65;color:var(--pw-muted)}
html.pw4 .pw4-article__cta{margin:40px 0 0;padding:24px;border:1px solid var(--pw-line);border-radius:var(--pw-radius-card,20px);background:var(--pw-surface)}
html.pw4 .pw4-article__cta p{font-size:16px;color:var(--pw-muted)}
html.pw4 .pw4-article__cta-actions{display:flex;flex-wrap:wrap;gap:12px}
html.pw4 .pw4-article__cta-actions .pw4-btn{min-height:44px}
/* «Статьи по теме» */
html.pw4 .pw4-art-related{padding:32px 0}
html.pw4 .pw4-art-related__inner{padding:24px;border:1px solid var(--pw-line);border-radius:var(--pw-radius-card,20px);background:var(--pw-surface)}
html.pw4 .pw4-art-related .pw4-h3{margin:0 0 8px}
html.pw4 .pw4-art-related__list{list-style:none;margin:0;padding:0}
html.pw4 .pw4-art-related__list li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;border-top:1px solid var(--pw-line)}
html.pw4 .pw4-art-related__list li:first-child{border-top:0}
html.pw4 .pw4-art-related__list a{display:inline-block;padding:12px 0;min-height:44px;box-sizing:border-box;color:var(--pw-ink);font-weight:600;font-size:16px}
html.pw4 .pw4-art-related__list time{color:var(--pw-muted);font-size:14px}
@media (max-width:1023px){html.pw4 .pw4-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){
  html.pw4 .pw4-articles__inner,html.pw4 .pw4-article__inner,html.pw4 .pw4-art-related__inner{width:calc(100% - 32px)}
  html.pw4 .pw4-articles__head{flex-direction:column;align-items:flex-start}
  html.pw4 .pw4-articles__grid{grid-template-columns:1fr;gap:16px}
  html.pw4 .pw4-art-card__body{padding:20px}
  html.pw4 .pw4-art-card__title{font-size:19px}
  html.pw4 .pw4-article__body{font-size:16px}
  html.pw4 .pw4-article,html.pw4 .pw4-articles--page,html.pw4 .pw4-articles--similar{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}
html.pw4 .pw4-article__fig{margin:8px 0 28px}
html.pw4 .pw4-article__fig img{display:block;width:100%;height:auto;border-radius:12px;background:var(--pw-surface-2)}
html.pw4 .pw4-article__fig figcaption{margin-top:8px;color:var(--pw-muted);font-size:14px;line-height:1.4}