/* ══════════════════════════════════════════════════════════════════════
   СКИН «learn» — облик обучающего блога. Включается ключом "skin": "learn"
   в site.json; без него файл не подключается и остальные сайты не меняются.
   Цвета и шрифт заданы макетом скина, а не токенами сайта: скин меняет облик целиком.
   Компоненты описаны в design-system.md и показаны в ui-kit.html.
════════════════════════════════════════════════════════════════════════ */
body.pb-skin-learn {
  --bg:        #fdf4ec;
  --ink:       #191919;
  --grey:      #707070;
  --grey-2:    #8c8c8c;
  --lime:      #7fe046;
  --lime-h:    #64c72d;
  --plum:      #b037a6;
  --white:     #fff;
  --line:      #e8dcd2;
  --wide:      1376px;
  --s25: 25px; --s30: 30px; --s45: 45px; --s65: 65px;
  --font:      'Schibsted Grotesk', Arial, sans-serif;
  --font-head: 'Schibsted Grotesk', Arial, sans-serif;

  /* облик скина един для всей страницы: токены сайта и Kadence — те же цвета */
  --pb-cream: var(--bg); --pb-ink: var(--ink); --pb-line: var(--line);
  --pb-accent: var(--lime); --pb-accent-deep: var(--lime-h); --pb-secondary: var(--plum);
  --global-body-font-family: var(--font);
  --global-heading-font-family: var(--font-head);
  --global-palette1: var(--plum); --global-palette2: var(--ink);
  --global-palette3: var(--ink); --global-palette4: var(--ink); --global-palette5: var(--grey);
  --global-palette6: var(--line); --global-palette7: var(--bg); --global-palette8: var(--bg);

  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
}
body.pb-skin-learn h1,
body.pb-skin-learn h2,
body.pb-skin-learn h3,
body.pb-skin-learn .h3 { font-family: var(--font-head); font-weight: 600; text-wrap: balance; }
body.pb-skin-learn img { max-width: 100%; }

.ph{background:linear-gradient(135deg,#e6d8cc 0%,#d9c7bb 45%,#cbb6ad 100%);border-radius:16px;position:relative}
.ph:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 10px,transparent 10px 20px);border-radius:inherit}
.shell{max-width:calc(var(--wide) + 64px);margin:0 auto;padding:0 32px;width:100%}
.header-alert{background:var(--lime);color:var(--on-lime,var(--ink));min-height:50px;display:flex;align-items:center;
  justify-content:center;text-align:center;font-size:1rem;font-weight:600;padding:8px 52px 8px 32px;position:relative}
.header-alert a{color:var(--ink);text-decoration:underline}
.header-alert__close{padding:0;min-height:0;box-sizing:content-box;position:absolute;right:32px;top:50%;transform:translateY(-50%);width:12px;height:12px;
  background:none;border:none;cursor:pointer;color:inherit}
.header-alert__close:before,.header-alert__close:after{content:"";position:absolute;left:0;top:5px;width:100%;height:2px;background:currentColor}
.header-alert__close:before{transform:rotate(45deg)}
.header-alert__close:after{transform:rotate(-45deg)}
.pbl-head{display:contents}
.universal{background:var(--ink);font-size:.875rem;position:sticky;top:0;z-index:10}
.universal__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:50px;padding:0 32px;max-width:none;width:100%}
.universal a{color:#fff;text-decoration:none;letter-spacing:.02em}
.universal ul{display:flex;gap:0;list-style:none;align-items:center}
.universal li{padding:0 15px;white-space:nowrap}
.universal li:last-child{padding-right:0}
.universal ul:first-child li:first-child{padding-left:0}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}
.logo__mark{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;
  background:var(--lime);color:var(--on-lime,var(--ink));font-weight:600;font-size:12px;letter-spacing:.04em;line-height:1}
.logo__text{font-weight:600;letter-spacing:.01em}
.logo__text em{font-style:normal;color:var(--lime)}
.universal .logo__text em{color:var(--lime)}
.secondary__logo .logo__mark{width:34px;height:34px;flex:0 0 34px;font-size:14px}
.secondary__logo .logo__text em{color:var(--plum)}
.footer__brand .logo__mark{width:34px;height:34px;flex:0 0 34px;font-size:14px}
.universal .brand{font-weight:600;letter-spacing:.01em}
.universal a.btn{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--on-lime,var(--ink));
  border:none;border-radius:50px;min-height:40px;padding:0 20px;font:600 .875rem var(--font);
  letter-spacing:.02em;cursor:pointer;text-decoration:none;transition:background .2s}
.btn:hover{background:var(--lime-h)}
.btn--sm{min-height:32px;padding:0 16px;font-size:.8rem}
.secondary{background:var(--bg);border-bottom:1px solid #ccc;position:sticky;top:50px;z-index:9;font-size:.875rem}
.secondary__inner{display:flex;align-items:center;gap:0;padding:8px 32px 15px;max-width:none;width:100%}
.secondary__logo{display:flex;align-items:center;flex-shrink:0;height:48px;margin-right:20px;margin-top:-5px;font-weight:600;font-size:1.25rem;line-height:1;white-space:nowrap;text-decoration:none}
.secondary__list{display:flex;align-items:center;gap:0;list-style:none;font-size:.875rem;white-space:nowrap;overflow:visible;scrollbar-width:none}
.secondary__list li{padding:0 15px}
.secondary__list li:first-child{padding-left:0}
.secondary__list::-webkit-scrollbar{display:none}
.secondary__list a{text-decoration:none;display:inline-block}
.secondary__list a:hover{color:var(--plum)}
.secondary__list li.has-dd{position:relative}
.secondary__list li.has-dd>a:after{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:6px;
  transition:transform .2s;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%20d%3D%22m4%206%204%204%204-4%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat}
.secondary__list li.has-dd:hover>a:after{transform:rotate(180deg)}
.dd{position:absolute;left:0;top:100%;min-width:220px;background:var(--bg);border:1px solid #ccc;border-radius:12px;
  padding:12px;list-style:none;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;z-index:20}
.secondary__list li.has-dd:hover .dd,.secondary__list li.has-dd:focus-within .dd{opacity:1;visibility:visible}
.dd li{padding:0}
.dd a{display:block;padding:8px 12px 8px 0;white-space:nowrap}
.dd a:hover{color:var(--plum)}
.secondary__search{position:relative;display:flex;align-items:center;height:40px;margin-left:auto;width:100%;max-width:510px;min-width:180px}
.secondary__search input{width:100%;min-width:0;height:40px;border:none;border-radius:100px;background:#fff;
  color:var(--grey);font:400 .875rem var(--font);padding:0 20px 0 40px;outline:none}
.secondary__search input::placeholder{color:var(--grey)}
.secondary__search svg{position:absolute;left:16px;top:11px;width:18px;height:18px;stroke:var(--grey);fill:none;stroke-width:2}
.secondary__search input:focus-visible{box-shadow:0 0 0 2px var(--plum)}
.breadcrumbs{margin-top:var(--s45)}
.breadcrumbs ul{display:flex;gap:10px;list-style:none;font-size:.875rem;letter-spacing:.02em;flex-wrap:wrap}
.breadcrumbs li{display:flex;align-items:center;gap:8px}
.breadcrumbs li+li:before{content:"»";color:var(--plum)}
.breadcrumbs a{color:var(--grey);text-decoration:none}
.breadcrumbs a:hover{color:var(--ink)}
.breadcrumbs li:last-child{color:var(--ink)}
.article-header{margin-top:24px;max-width:60%}
.article-header__subtitle{font-family:var(--font);font-weight:600;font-size:1.125rem;line-height:1.5;margin-top:16px;max-width:60ch}
.meta{display:flex;flex-wrap:wrap;color:var(--grey);font-size:.75rem;margin-top:10px}
.meta>span:not(:last-child):after{content:"•";margin:0 7px}
.meta a{color:var(--ink);text-decoration:none}
.meta__author{white-space:nowrap}
.meta__views{display:inline-flex;align-items:center;gap:4px}
.meta__views svg{width:14px;height:14px}
.card .meta,.card .meta a{color:var(--grey)}
.article-layout{display:grid;grid-template-columns:1fr 450px;gap:125px;margin:var(--s45) 0 var(--s30)}
.article-layout__content{display:flex;flex-direction:column;gap:40px;min-width:0}
.sidebar__section{display:flex;flex-direction:column;gap:0}
.featured .ph{border-radius:16px;width:100%;aspect-ratio:2400/1350}
.article-body h2{font-size:clamp(24px,3.4vw,36px);line-height:1;margin:var(--s30) 0 var(--s25)}
.article-body h3{font-size:30px;line-height:1;margin:var(--s30) 0 var(--s25)}
.article-body p{margin-bottom:var(--s25)}
.article-body ul{list-style:none;margin:var(--s30) 0;padding-left:20px}
.article-body li{position:relative;padding-left:16px;margin-bottom:17px;line-height:1.5}
.article-body li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--ink);display:block}
.article-body ol li{list-style:decimal;padding-left:0}
.article-body ol li:before{content:none}
.sidebar{display:flex;flex-direction:column;gap:50px;align-self:start;position:static;min-width:0}
.sidebar>:not(.toc){max-width:340px}
.sidebar__section .h3{font-size:18px;line-height:1.5;margin-bottom:20px}
.toc{display:flex;flex-direction:column;gap:20px}
.toc .h3{margin-bottom:0}
.toc ul{list-style:none;display:flex;flex-direction:column;gap:20px;margin-bottom:15px}
.toc li{font-size:1rem;line-height:1.5;overflow-wrap:break-word}
.toc a{color:var(--plum);text-decoration:underline}
.toc a:hover{color:var(--plum)}
.social{display:flex;gap:20px;align-items:center}
.social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--white);
  display:grid;place-items:center;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.social a:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.social svg{width:16px;height:16px;display:block;fill:currentColor}
.cta-widget{background:var(--ink);color:#fff;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}
.cta-widget h3{color:#fff;font-size:18px;line-height:1.5}
.cta-widget p{color:var(--grey-2);font-size:.9rem}
.cta-widget .btn{align-self:flex-start}
.card{display:flex;flex-direction:column;gap:10px}
.card__img .ph{border-radius:16px;height:223px;width:100%;object-fit:cover}
.card__meta{display:flex;align-items:center;gap:10px;font-size:.875rem;letter-spacing:.02em}
.card__cat{color:var(--plum);text-decoration:none;font-weight:600}
.card__tag{background:var(--lime);border-radius:50px;padding:2px 8px;font-weight:600}
.card__title{font-size:1.125rem;line-height:1.2}
.card__title a{text-decoration:none}
.card__title a:hover{color:var(--plum)}
.sidebar .card__img .ph{height:223px}
.grid-sidebar{display:flex;flex-direction:column;gap:30px}
.embed{background:var(--ink);border-radius:16px;padding:20px var(--s30) var(--s30);margin:var(--s45) 0;overflow:hidden;position:relative}
.embed__info{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.embed__title{color:#fff;font-size:1.5rem;line-height:1.5;font-weight:600;margin:0}
.embed__title a{color:var(--lime);text-decoration:underline}
.embed__more{display:inline-flex;align-items:center;background:var(--lime);color:var(--on-lime,var(--ink));border-radius:50px;
  min-height:40px;padding:8px 20px;font-size:.875rem;font-weight:600;letter-spacing:.02em;text-decoration:none;
  white-space:nowrap;transition:background .2s}
.embed__more:hover{background:var(--lime-h)}
.embed__items{display:flex;gap:12px}
.embed__item{position:relative;flex:0 0 calc(33.3333% - 8px)}
.embed__item .ph{width:100%;height:163px;border-radius:13px}
.embed__meta{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);display:flex;flex-direction:column;align-items:flex-start}
.embed__meta span{background:rgba(25,25,25,.7);color:#fff;font-size:.875rem;line-height:1.5;padding:5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.embed__meta span:first-child{border-radius:4px 4px 4px 0}
.embed__meta span:last-child{border-radius:0 4px 4px 4px}
.embed__controls{position:absolute;inset:0;pointer-events:none}
.embed__controls button{position:absolute;top:calc(50% + 20px);transform:translateY(-50%);width:40px;height:40px;
  border-radius:50%;background:#fff;border:1px solid #ccc;box-shadow:0 2px 8px rgba(0,0,0,.08);
  display:grid;place-items:center;cursor:pointer;pointer-events:auto;font-size:1rem;line-height:1;transition:.2s}
.embed__controls button:hover{background:var(--ink);color:#fff}
.embed__controls .prev{left:12px}
.embed__controls .next{right:12px}
.table-block{margin:calc(var(--s30)/2) 0 var(--s30);overflow-x:auto;scrollbar-width:none;width:100%}
.table-block::-webkit-scrollbar{display:none}
.table-block table{border-collapse:collapse;width:100%}
.table-block th,.table-block td{border-color:#ccc;border-style:solid;border-width:1px 0;padding:15px 20px 15px 0;
  text-align:left;vertical-align:middle;min-width:150px;word-wrap:break-word}
.table-block th,.table-block td strong{font-weight:600}
.toggle-section{margin:var(--s30) 0;width:100%}
.toggle-section__title{font-size:24px;line-height:1;margin:var(--s30) 0 var(--s25)}
.toggle-section__items{display:flex;flex-direction:row;align-items:flex-start;gap:60px;margin-top:24px}
.pbl-toggle-section__column{display:flex;flex-direction:column;flex:1 1 0;min-width:0;width:50%}
.pbl-toggle-item{border-bottom:1px solid #ccc;margin-bottom:20px;padding:0 0 20px;width:100%}
.pbl-toggle-item>summary{list-style:none;cursor:pointer;position:relative;padding:0 32px 0 0;
  font-family:var(--font);font-weight:600;font-size:16px;line-height:normal;text-align:left}
.pbl-toggle-item>summary::-webkit-details-marker{display:none}
.pbl-toggle-item>summary:after{content:"";position:absolute;right:5px;top:50%;width:12px;height:12px;
  transform:translateY(-50%);transition:transform .2s;
  background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23191919%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m4%206%204%204%204-4%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat}
.pbl-toggle-item[open]>summary:after{transform:translateY(-50%) rotate(180deg)}
.toggle-item__content{padding:20px 32px 0 0}
.toggle-item__content p{margin:0}
@media(max-width:900px){.toggle-section__items{flex-direction:column;gap:0}.pbl-toggle-section__column{width:100%}}
.section-grid{margin:var(--s45) 0}
.section-grid h2{font-size:clamp(36px,4vw,48px);line-height:1;margin-bottom:var(--s30)}
.grid-default{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:35px 16px}
.grid-default .card{display:flex;flex-direction:column;height:100%;justify-content:flex-start}
.grid-default .card:nth-child(odd){padding-top:50px}
.grid-default .card:nth-child(n+5):nth-child(odd){padding-top:20px}
.banner{background:var(--ink);color:#fff;border-radius:17px;display:flex;align-items:stretch;overflow:hidden;margin:var(--s45) 0 0}
.banner__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:40px;width:60%}
.banner__title{font-size:clamp(24px,4vw,48px);line-height:1;margin:0;max-width:14ch}
.banner__text{color:var(--grey-2);font-size:.95rem;max-width:44ch}
.banner__image{width:40%}
.banner__image .ph{width:100%;height:100%;min-height:260px;border-radius:0}
.banner .btn{background:var(--lime);color:var(--on-lime,var(--ink))}
.footer{background:var(--bg);color:var(--ink);margin-top:100px}
.footer__inner{padding:0 32px;width:100%}
.footer a{color:var(--ink);text-decoration:none;font-size:1rem}
.footer a:hover{color:var(--plum);text-decoration:underline}
.footer__top{display:flex;align-items:flex-start;gap:32px;padding:var(--s30) 0}
.footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-right:64px;min-width:200px;max-width:280px}
.footer__brand .h3{font-size:1.05rem}
.footer__brand p{color:var(--grey);font-size:.9rem}
.footer__socials{display:flex;gap:14px;list-style:none}
.footer__socials a{width:20px;height:20px;display:block;color:var(--ink)}
.footer__socials a:hover{opacity:.65}
.footer__socials svg{width:100%;height:100%;fill:currentColor;display:block}
.footer__nav{display:grid;grid-template-columns:repeat(2,minmax(140px,240px));grid-template-rows:repeat(4,auto);flex:1 1 0;column-gap:48px;row-gap:0;justify-content:end;margin-left:auto;min-width:0}
.footer__column{display:grid;grid-template-rows:subgrid;grid-row:span 4}
.footer__heading{font-size:1rem;line-height:1.5;margin-bottom:15px}
.footer__list{list-style:none}
.footer__list li{margin-bottom:10px}
.footer__list+.footer__heading{margin-top:40px}
.footer__bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;
  border-top:1px solid #ccc;padding:20px 0 32px;font-size:.8125rem;text-align:left}
.footer__copyright{color:var(--grey);text-align:left;max-width:none}
.footer__links{order:-1;flex:0 0 auto;display:flex;flex-wrap:wrap;list-style:none;justify-content:flex-start;text-align:left}
.footer__links li{display:flex;align-items:center;margin-bottom:4px;white-space:nowrap}
.footer__links li:not(:last-child):after{content:"|";color:#ccc;margin:0 12px}
@media (max-width:1100px){
  .article-layout{grid-template-columns:1fr;gap:40px}
  .sidebar{position:static}
  .grid-default{grid-template-columns:repeat(2,1fr)}
  body.pb-skin-learn.single .article-header{max-width:none}
}
@media (max-width:700px){
  .shell{padding:0 20px}
  .universal__inner,.secondary__inner{padding-left:20px;padding-right:20px}
  .header-alert{padding:8px 40px 8px 20px}
  .universal ul:first-child li:not(:first-child){display:none}
  .banner{flex-direction:column}
  .banner__content{width:100%;padding:30px}
  .banner__image{width:100%}
  .banner__image .ph{min-height:180px}
  .footer__top{flex-direction:column;gap:32px}
  .footer__brand{margin-right:0;max-width:100%}
  .footer__nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);column-gap:32px;row-gap:0;margin-left:0;width:100%}
  .footer__column{max-width:100%;display:grid;grid-template-rows:subgrid;grid-row:span 4}
  .footer__bottom{flex-direction:column;gap:20px}
  
  .sidebar{position:static}
  .secondary__inner{height:auto;flex-wrap:wrap;padding:12px 0;gap:12px}
  .secondary__search{order:2;max-width:100%}
  .secondary__list{order:3;width:100%}
  .embed{padding:20px}
  .embed__info{flex-direction:column;align-items:flex-start;gap:15px}
  .embed__items{flex-direction:column}
  .embed__item{flex:1 1 auto}
  .embed__item .ph{height:180px}
  .header-alert{font-size:.875rem;padding:8px 40px;text-align:left}
  .header-alert__close{right:20px}
  .grid-default{grid-template-columns:1fr}
}
.card__desc{font-size:1rem;line-height:1.5}
.tools{background:var(--ink);color:#fff;border-radius:16px;padding:40px 30px 45px;margin:var(--s45) 0 0}
.tools__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px;flex-wrap:wrap}
.tools__title{font-size:clamp(20px,2.5vw,24px);line-height:1.2;margin:0}
.tools__items{display:grid;grid-template-columns:repeat(5,1fr);align-items:start;gap:18px}
.tools__item .ph{height:268px;border-radius:16px;width:100%;margin-bottom:14px}
.tools__item h3{font-size:24px;line-height:1;margin-bottom:8px}
.tools__item p{color:var(--grey-2);font-size:.9rem}
@media(max-width:1100px){.tools__items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.tools__items{grid-template-columns:1fr}}
.cat-desc__rest{display:inline}
.toggle-section--narrow{max-width:1126px;margin:90px auto}
.categories-block{background:var(--ink);color:#fff;border-radius:16px;padding:40px 30px 45px;margin:var(--s65) 0}
.categories-block__title{font-size:clamp(28px,4vw,48px);line-height:1;margin-bottom:20px;color:#fff}
.categories-block__desc{font-size:16px;line-height:24px;color:#fff;margin-bottom:35px}
.categories-block__tabs{display:flex;gap:30px;margin-bottom:35px}
.cat-tab{background:none;border:none;border-bottom:2px solid transparent;padding:0 0 6px;font:400 16px var(--font);
  color:#fff;cursor:pointer}
.cat-tab.is-active{border-bottom-color:#fff}
.categories-block__list{display:flex;flex-wrap:wrap;gap:30px 25px}
.categories-block__list[hidden]{display:none}
.chip{display:inline-flex;align-items:center;height:40px;padding:0 20px;border:1px solid #949494;border-radius:48px;
  font-size:16px;text-decoration:none;transition:border-color .2s,background .2s}
.chip:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.banner--wide{margin:var(--s65) 0 0;min-height:366px}
.banner--wide .banner__image .ph{min-height:366px}
.grid-default{margin:var(--s65) 0}
.cat-head{padding-top:24px}
.cat-title{font-size:clamp(32px,5vw,48px);line-height:1;margin-bottom:20px}
.cat-desc{max-width:680px;color:var(--ink);font-size:16px;line-height:1.5}
.cat-desc__more{font-weight:600;text-decoration:underline;cursor:pointer;background:none;border:none;font:inherit;color:var(--plum);padding:0}
.cat-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:20px 0 24px;font-size:14px;font-weight:600}
.cat-toolbar select{font:inherit;font-weight:600;border:none;background:none;cursor:pointer;color:var(--ink)}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:35px 16px}
.cat-grid .card{display:flex;flex-direction:column;height:100%;justify-content:flex-start}
.cat-grid .card:nth-child(2){justify-content:flex-end}
.cat-grid .card:nth-child(3),.cat-grid .card:nth-child(4),.cat-grid .card:nth-child(6){padding-top:50px}
.cat-grid .card--wide{grid-column:span 2}
.cat-grid .card--wide .card__img .ph{height:383px}
.cat-grid .card--wide .card__title{font-size:24px;line-height:1.2}
.pagination{display:flex;justify-content:center;gap:8px;margin:var(--s65) 0}
.pagination__link{display:grid;place-items:center;width:40px;height:40px;border-radius:3px;
  font-size:14px;text-decoration:none;color:var(--ink)}
.pagination__link:hover{background:rgba(25,25,25,.08)}
.pagination__link.is-active{background:var(--ink);color:#fff}
.pagination__link--next:after{content:"";width:12px;height:12px;
  background:url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' fill=\'none\' viewBox=\'0 0 12 12\'%3E%3Cpath stroke=\'%23191919\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'1.4\' d=\'m4 2 4 4-4 4\'/%3E%3C/svg%3E") 50%/contain no-repeat}
.newsletter{background:var(--lime);border-radius:17px;display:flex;align-items:center;gap:40px;
  padding:40px;margin:var(--s45) 0 0;flex-wrap:wrap}
.newsletter__title{font-size:clamp(20px,2.5vw,26px);line-height:1.2;flex:1 1 320px;margin:0}
.newsletter__form{flex:1 1 420px;display:flex;flex-direction:column;gap:10px}
.newsletter__row{display:flex;gap:12px}
.newsletter__row input{flex:1 1 auto;height:48px;border:none;border-radius:8px;background:#fff;
  font:400 1rem var(--font);padding:0 16px;outline:none}
.newsletter__row .btn{background:var(--ink);color:#fff;min-height:48px}
.newsletter__row .btn:hover{background:#000}
.newsletter__note{font-size:.8125rem;text-align:right}
@media(max-width:900px){.cat-grid{grid-template-columns:1fr}.cat-grid .card--wide{grid-column:auto}.newsletter{flex-direction:column;align-items:flex-start}}
.hero-about{position:relative;min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--white);overflow:hidden}
.hero-about .ph{order:2;position:relative;inset:auto;border-radius:0;width:100%;height:100%;min-height:600px}
img.ph{display:block;object-fit:cover}
.hero-about__inner{order:1;display:flex;flex-direction:column;justify-content:center;padding:80px 64px;color:var(--ink)}
.hero-about h1{font-size:clamp(36px,4.4vw,64px);line-height:1.05;color:var(--ink)}
.hero-about h1 em{font-style:normal;color:var(--plum)}
.hero-about p{margin:24px 0 32px;max-width:44ch;font-weight:600;font-size:18px;line-height:1.5}
.hero-about .btn{align-self:flex-start}
.values{margin:var(--s65) 0 0}
.values__intro{max-width:660px}
.values__intro h2{font-size:clamp(32px,4.5vw,48px);margin-bottom:16px}
.values__intro p{font-weight:600}
.values__intro a{color:var(--plum)}
.values__body{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;margin-top:var(--s45)}
.values__visual{margin-left:0}
.values__visual{border-radius:16px;overflow:hidden}
.values__visual .ph{width:100%;height:auto;border-radius:0}
.values__list{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:45px 0 45px 60px}
.pbl-value__title{font-size:36px;line-height:1;font-weight:600;background:none;border:none;padding:0;cursor:pointer;
  font-family:var(--font);color:var(--ink);text-align:left}
.pbl-value.pbl-is-open .pbl-value__title{color:var(--plum)}
.value__text{margin-top:8px;max-width:52ch}
.pbl-value:not(.pbl-is-open) .value__text{display:none}
.pitch{background:var(--ink);color:#fff;padding:var(--s65) 0;margin:var(--s65) 0 0}
.pitch__inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.pitch h2{font-size:clamp(32px,4.5vw,48px);line-height:1.1;color:#fff}
.pitch h2 em{font-style:normal;color:var(--lime)}
.pitch p{margin:20px 0 28px;font-weight:600;max-width:52ch}
.pitch__collage{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.pitch__collage .ph{height:200px;width:100%}
.pitch__collage .ph:nth-child(2){margin-top:40px}
.pitch__collage .ph:nth-child(3){margin-top:-20px}
.pitch__collage .ph:nth-child(5){margin-top:40px}
.pitch__collage .ph:nth-child(6){margin-top:-20px}
.quotes{margin:var(--s65) 0}
.quotes__track{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.quote{background:#fbeade;border-radius:16px;padding:35px 35px 40px}
.quote p{font-size:24px;line-height:1.25;font-weight:600;margin-bottom:35px}
.quote__who{font-size:20px;font-weight:600}
.quote__role{font-size:14px;color:var(--grey)}
.better{margin:var(--s65) 0;text-align:center}
.better h2{font-size:clamp(32px,4.5vw,48px);margin-bottom:16px}
.better>p{font-weight:600;max-width:80ch;margin:0 auto 35px}
.better__links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 45px;text-align:left;max-width:1126px;margin:0 auto}
.better__links a{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}
.better__links a:after{content:"›";color:var(--plum);font-size:20px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:var(--s65);text-align:left}
.stat__num{font-size:48px;line-height:1;font-weight:600}
.stat__num em{font-style:normal;color:var(--plum)}
.stat p{margin-top:8px;color:var(--grey)}
.join{background:var(--lime);margin-top:var(--s65)}
.join__inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:500px}
.join h2{font-size:clamp(32px,4.5vw,48px);margin-bottom:16px}
.join p{font-weight:600;max-width:44ch;margin-bottom:28px}
.join .btn{background:var(--ink);color:#fff}
.join .btn:hover{background:#000}
.join__image{margin-right:calc((100vw - 100%)/-2 - 32px)}
.join__image .ph{height:400px;width:100%}
@media (max-width:900px){
  .hero-about{grid-template-columns:1fr;min-height:0}
  .hero-about .ph{order:1;min-height:320px}
  .hero-about__inner{order:2;padding:48px 32px}
  .values__visual{margin-left:0}
  .join__image{margin-right:0}
  .values__body,.pitch__inner,.join__inner,.quotes__track{grid-template-columns:1fr}
  .values__list{padding-left:0}
  .better__links,.stats{grid-template-columns:1fr}
}
/* ══════════════════════════════════════════════════════════════════════
   МОСТ: разметку статей, лент и шапки печатает Kadence, переименовать
   её классы нельзя — поэтому здесь селекторы Kadence получают вид
   соответствующих компонентов скина. Ничего нового не изобретается:
   каждый блок ниже подписан именем компонента, чей вид он повторяет.
═══════════════════════════════════════════════════════════════════════ */

/* ── шапка Kadence = .secondary ───────────────────────────────── */
.pb-skin-learn .site-header-wrap{background:var(--bg);border-bottom:1px solid var(--line)}
.pb-skin-learn .site-main-header-inner-wrap{min-height:64px}
.pb-skin-learn .site-title{font-family:var(--font-head);font-size:1.25rem;font-weight:600}
.pb-skin-learn .main-navigation .menu>li>a{font-family:var(--font);font-size:.875rem;font-weight:600;letter-spacing:.02em}
.pb-skin-learn .main-navigation .menu>li>a:hover{color:var(--plum)}
.pb-skin-learn .header-navigation .sub-menu{border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--bg)}
.pb-skin-learn .header-navigation .sub-menu a{border:none;font-size:.875rem}

/* ── шапка статьи = .article-header ───────────────────────────── */
.pb-skin-learn .single .entry-header .entry-title,
.pb-skin-learn .entry-hero .entry-title{font-size:clamp(28px,4vw,48px);line-height:1.05}
.pb-skin-learn .entry-meta{color:var(--grey);font-size:.75rem}
.pb-skin-learn .entry-meta a{color:var(--ink);text-decoration:none}
.pb-skin-learn .entry-taxonomies a{color:var(--plum);font-weight:600;text-decoration:none}

/* ── тело статьи = .article-body ──────────────────────────────── */
.pb-skin-learn .entry-content h2{font-family:var(--font-head);font-size:clamp(26px,3vw,36px);line-height:1.1;margin:var(--s30) 0 var(--s25)}
.pb-skin-learn .entry-content h3{font-family:var(--font-head);font-size:clamp(22px,2.4vw,30px);line-height:1.15;margin:var(--s30) 0 var(--s25)}
.pb-skin-learn .entry-content p{margin-bottom:var(--s25)}
.pb-skin-learn .entry-content img{border-radius:16px}
.pb-skin-learn .entry-content table{border-collapse:collapse;width:100%}
.pb-skin-learn .entry-content th,
.pb-skin-learn .entry-content td{border-color:var(--line);border-style:solid;border-width:1px 0;padding:15px 20px 15px 0;text-align:left;vertical-align:middle}

/* ── карточка ленты и архива = .card ──────────────────────────────
   Раскладку карточки (сетка, пропорция обложки, отступы) держит Kadence:
   здесь снимается только «коробка» — фон, рамка и тень, — потому что в
   макете карточка стоит прямо на кремовом фоне. */
.pb-skin-learn .loop-entry{background:none;border:none;box-shadow:none}
.pb-skin-learn .loop-entry .entry-content-wrap{padding:var(--pb-space-4) 0 0}
.pb-skin-learn .loop-entry .post-thumbnail-inner{border-radius:16px;overflow:hidden}
.pb-skin-learn .loop-entry .post-thumbnail img{display:block;width:100%;height:auto}
.pb-skin-learn .loop-entry .entry-title{font-family:var(--font-head);font-size:1.125rem;line-height:1.25;margin:0}
.pb-skin-learn .loop-entry .entry-title a{text-decoration:none}
.pb-skin-learn .loop-entry .entry-title a:hover{color:var(--plum)}
.pb-skin-learn .loop-entry .entry-taxonomies{font-size:.875rem;margin-bottom:0}
.pb-skin-learn .loop-entry .entry-summary{color:var(--grey);font-size:.95rem}
.pb-skin-learn .loop-entry .post-more-link{color:var(--plum);font-weight:600;text-decoration:none}

/* ── заголовок рубрики = .cat-head ───────────────────────────── */
.pb-skin-learn .archive-hero-section .archive-title h1,
.pb-skin-learn .page-title{font-family:var(--font-head);font-size:clamp(32px,5vw,56px);line-height:1.05}
.pb-skin-learn .taxonomy-description{color:var(--grey);max-width:70ch}

/* ── сайдбар = .sidebar__section ─────────────────────────────── */
.pb-skin-learn .primary-sidebar .widget{background:var(--white);border:1px solid var(--line);border-radius:16px}
.pb-skin-learn .primary-sidebar .widget-title{font-family:var(--font-head);font-size:18px}

/* ── кнопки сайта = .btn ─────────────────────────────────────── */
.pb-skin-learn .pb-btn,
.pb-skin-learn .wp-block-button__link,
.pb-skin-learn .button{background:var(--lime);color:#fff;border:none;border-radius:50px;min-height:40px;
  padding:10px 20px;font-weight:600;letter-spacing:.02em;text-decoration:none}
.pb-skin-learn .pb-btn:hover,
.pb-skin-learn .wp-block-button__link:hover,
.pb-skin-learn .button:hover{background:var(--lime-h);color:#fff}

/* ── подвал: Kadence прячем, свой печатает pb_skin_footer() ───────── */
.pb-skin-learn .site-footer{display:none}

/* ── герой главной = .banner ──────────────────────────────────────
   Тот же блок pb-hero, что и у остальных сайтов кита, но по-envato:
   тёмная плашка, текст влево, «начните отсюда» — колонкой под ним. */
.pb-skin-learn .pb-hero{background:var(--ink);color:#fff;border-radius:17px;padding:48px;margin-bottom:var(--s45)}
.pb-skin-learn .pb-hero-inner{max-width:none;text-align:left}
.pb-skin-learn .pb-hero-eyebrow{color:var(--lime);letter-spacing:.08em}
.pb-skin-learn .pb-hero-title{font-size:clamp(28px,4vw,48px);line-height:1.05;color:#fff;max-width:20ch}
.pb-skin-learn .pb-hero-sub{color:var(--grey-2);max-width:56ch;margin-left:0}
.pb-skin-learn .pb-hero-label{color:#fff}
.pb-skin-learn .pb-hero-links{justify-content:flex-start}
.pb-skin-learn .pb-hero-links a{color:#fff}
.pb-skin-learn .pb-hero-links a:hover{color:var(--lime)}

/* пробел между текстом полосы и ссылкой: во flex-строке он схлопывается */
.pb-skin-learn .header-alert{gap:6px}
.pb-skin-learn .loop-entry.content-bg{background:transparent}
/* пропорция обложки — по самой картинке, а не 2:3 из Kadence:
   иначе под кадром 16:9 остаётся пустая треть карточки */
.pb-skin-learn .loop-entry .post-thumbnail,
.pb-skin-learn .loop-entry .post-thumbnail-inner{padding-bottom:0!important;position:static;height:auto!important}
.pb-skin-learn .loop-entry .post-thumbnail img{position:static}

/* ── заголовок рубрики влево, как в макете ─────────────────────────── */
.pb-skin-learn .archive .page-title,
.pb-skin-learn .archive .archive-title{text-align:left}
.pb-skin-learn .archive-hero-section,
.pb-skin-learn .page-title-wrap{text-align:left}
.pb-skin-learn .taxonomy-description{margin-left:0;text-align:left}
/* крошки печатаются внутри .shell, у которой уже есть свои max-width и
   padding 0 32px — второй padding сдвигал их на 32px правее H1 (Kate 03.09.2026) */
.pb-skin-learn .shell > .breadcrumbs{max-width:none;margin:var(--pb-space-5) 0 0;padding:0}
.pb-skin-learn .post-archive-title,
.pb-skin-learn .entry-hero .entry-header{text-align:left}
.pb-skin-learn .entry-hero .taxonomy-description{max-width:78ch}

/* карточка стоит прямо на фоне: ни рамки, ни тени, обложка одной высоты */
.pb-skin-learn .post-archive .loop-entry,
.pb-skin-learn .kadence-posts-list .loop-entry{background:transparent;border:0;box-shadow:none}
.pb-skin-learn .loop-entry .post-thumbnail img{aspect-ratio:16/9;object-fit:cover}

/* --- About: реальные кадры вместо плейсхолдеров --- */
.pb-skin-learn img.ph{background:none}
.pb-skin-learn img.ph:after{content:none;display:none}
.pb-skin-learn .pbl-value__title{width:100%}
body.pb-skin-learn:has(.hero-about) .entry-hero,
body.pb-skin-learn:has(.hero-about) .page-hero-section,
body.pb-skin-learn:has(.hero-about) .entry-header{display:none}
body.pb-skin-learn:has(.hero-about) .entry-content-wrap{padding:0}
.pb-skin-learn .page .entry-content:has(> .hero-about){max-width:none;padding:0}
body.pb-skin-learn:has(.hero-about) .content-container{max-width:none;padding:0}
body.pb-skin-learn:has(.hero-about) .site-main{padding:0}
.pb-skin-learn .entry-content a.btn,
.pb-skin-learn a.btn{color:var(--ink);text-decoration:none}
.pb-skin-learn .entry-content a.btn:hover{color:var(--ink)}
.pb-skin-learn .join{overflow:hidden}
.pb-skin-learn .join__image{margin-right:0}
.pb-skin-learn .entry-header.post-archive-title{justify-content:flex-start;align-items:flex-start}
/* Поиск и 404 не проходят через page.php/archive.php — там заголовку
   первым даёт отступ .breadcrumbs{margin-top:var(--s45)} перед ним;
   здесь такого блока нет, и .pbl *{margin:0} стирает родной отступ Kadence
   и сверху, и снизу — H1 лепится прямо под шапку, а лента прямо под H1.
   Ставим тот же квант --s45 с обеих сторон, что и у остальных шаблонов. */
.pb-skin-learn .entry-header.search-archive-title,
.pb-skin-learn.error404 .page-header{margin:var(--s45) 0}
body.pb-skin-learn:has(.hero-about) .content-area{margin-top:0}
/* ссылки в тексте — пурпур макета; лайм оставлен фонам и кнопкам */
.pb-skin-learn .entry-content a:not(.btn):not(.pb-btn-primary),
.pb-skin-learn .article-body a:not(.btn):not(.pb-btn),
.pb-skin-learn .widget-area a:not(.btn):not(.pb-btn-primary),
.pb-skin-learn .pb-author-box a{color:var(--plum)}

/* Типографика макета: у Kadence свои размеры, они перебиваются здесь. */
/* :where() обнуляет вес — сброс перебивает голый h1{} Kadence и уступает
   любому правилу компонента макета (.hero-about h1 и т.п.). */
body.pb-skin-learn :where(h1){font-size:clamp(24px,4vw,48px);text-wrap:wrap;line-height:1}
body.pb-skin-learn :where(h2){font-size:24px;line-height:1}
body.pb-skin-learn :where(h3){font-size:18px;line-height:1}
body.pb-skin-learn :where(h4,h5,h6){font-size:16px;line-height:1}
body.pb-skin-learn img{display:block;max-width:100%}

/* Шапка Kadence заменена полосами скина целиком. */
.pb-skin-learn #masthead,.pb-skin-learn .site-header,.pb-skin-learn #main-header,
.pb-skin-learn .site-header-wrap,.pb-skin-learn .mobile-header-wrap{display:none}
/* В макете ссылки наследуют цвет текста; у Kadence свой акцент, поэтому явно. */
.pb-skin-learn .secondary__logo,.pb-skin-learn .secondary__list a,
.pb-skin-learn .dd a,.pb-skin-learn .footer a,.pb-skin-learn .breadcrumbs a{color:var(--ink)}

/* skin-mock.css грузится раньше и зануляет margin у ЛЮБОГО потомка .pbl
   правилом .pbl *{margin:0}. На .single/.archive/.blog центрирование не
   нужно — там своя grid-раскладка ниже. На страницах без своего скина
   (поиск, 404, авторские/датные архивы) это гасит базовый margin:0 auto
   Kadence и колонка садится к левому краю — возвращаем центрирование явно. */
.pb-skin-learn .content-container.site-container{margin:0 auto}

/* ── Раскладка статьи по макету ───────────────────────────────────────────
   Kadence кладёт .site-main и .primary-sidebar в грид .content-container.
   display:contents у .site-main поднимает крошки и шапку статьи в тот же
   грид, чтобы они шли во всю ширину над двумя колонками, как в макете. */
body.pb-skin-learn.single .content-container.site-container{
  display:grid;grid-template-columns:1fr 450px;column-gap:125px;row-gap:0;
  max-width:calc(var(--wide) + 64px);padding:0 32px;width:100%}
body.pb-skin-learn.single .site-main{display:contents}
body.pb-skin-learn.single .breadcrumbs{grid-column:1/-1!important;grid-row:1;align-self:start;justify-self:start;width:auto;max-width:none;margin-left:0;margin-right:0;padding-left:0}
body.pb-skin-learn.single .article-header{grid-column:1!important;grid-row:2;align-self:start;justify-self:start;width:auto;max-width:calc(100% - 575px);margin-left:0;margin-right:0}
body.pb-skin-learn.single .content-wrap{grid-column:1!important;grid-row:3!important;min-width:0;margin:var(--s45) 0 var(--s30)}
body.pb-skin-learn.single .content-container .primary-sidebar{grid-column:2!important;grid-row:2/4!important;align-self:start;margin:24px 0 var(--s30)}
body.pb-skin-learn .primary-sidebar:before{display:none}

/* шапка статьи */
.pb-skin-learn .article-header{margin-top:24px;max-width:60%}
.pb-skin-learn .article-header h1{font-size:clamp(32px,5.2vw,48px);line-height:1;text-wrap:balance;overflow-wrap:break-word;max-width:100%}
.pb-skin-learn .article-header__subtitle{font-weight:600;font-size:1.125rem;line-height:1.5;margin-top:16px;max-width:60ch;overflow-wrap:break-word}
.pb-skin-learn .meta{display:flex;flex-wrap:wrap;color:var(--grey);font-size:.75rem;margin-top:10px}
.pb-skin-learn .meta>span:not(:last-child):after{content:"•";margin:0 7px}
.pb-skin-learn .meta a{color:var(--ink);text-decoration:none}
.pb-skin-learn.single .entry-header{display:none}
.pb-skin-learn .post-thumbnail img,.pb-skin-learn .entry-content img{border-radius:16px}
/* Картинки в теле статьи — той же ширины, что и шапка (.post-thumbnail),
   а не своего натурального размера файла: некоторые загруженные картинки
   у́же остальных, и без width:100% они оставались мельче на всю ширину
   колонки. Карточки товаров (.pb-product-card-img) уже сами по себе
   100% своей колонки грида — их не трогаем. */
.pb-skin-learn .article-body img:not(.pb-product-card-img):not(.avatar),
.pb-skin-learn .entry-content img:not(.pb-product-card-img):not(.avatar){border-radius:16px;width:100%;height:auto}
/* Иногда картинка в тексте статьи приходит голым <p><img></p> без обёртки
   figure.pb-inline-img — у такого <p> нет своего отступа сверху (0, как у
   обычного абзаца), и картинка липнет прямо к предыдущему тексту без зазора,
   в отличие от всех остальных картинок (у них 24px сверху и снизу). */
.pb-skin-learn .article-body p:has(>img:only-child),
.pb-skin-learn .entry-content p:has(>img:only-child){margin:24px 0}

/* текст статьи */
.pb-skin-learn .entry-content h2{font-size:36px;line-height:1;margin:var(--s30) 0 var(--s25)}
.pb-skin-learn .entry-content h3{font-size:30px;line-height:1;margin:var(--s30) 0 var(--s25)}
.pb-skin-learn .entry-content p{margin-bottom:var(--s25);max-width:68ch}
.pb-skin-learn .entry-content>ul{list-style:none;margin:var(--s30) 0;padding-left:20px;max-width:68ch}
.pb-skin-learn .entry-content>ul>li{position:relative;padding-left:16px;margin-bottom:17px;line-height:1.5}
.pb-skin-learn .entry-content>ul>li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--ink)}

/* сайдбар */
.pb-skin-learn .primary-sidebar .sidebar-inner-wrap{display:flex;flex-direction:column;gap:50px;
  align-self:start;position:static;background:none;padding:0;border:none;max-width:340px}
.pb-skin-learn .primary-sidebar .widget{background:none;border:none;padding:0;margin:0;text-align:left}
.pb-skin-learn .primary-sidebar{text-align:left}
.pb-skin-learn .primary-sidebar .widget-title,.pb-skin-learn .primary-sidebar .widget>h2{text-align:left;letter-spacing:0;text-transform:none}
.pb-skin-learn .primary-sidebar p{font-size:.95rem;line-height:1.5}
.pb-skin-learn .primary-sidebar .widget-title{font-size:18px;line-height:1.5;margin-bottom:20px}

@media(max-width:1024px){
  body.pb-skin-learn.single .content-container.site-container,
  body.pb-skin-learn.archive .content-container.site-container,
  body.pb-skin-learn.blog .content-container.site-container{grid-template-columns:1fr;column-gap:0}
  body.pb-skin-learn.single .content-wrap,body.pb-skin-learn .primary-sidebar{grid-column:1}
  .pb-skin-learn .primary-sidebar .sidebar-inner-wrap{position:static;max-width:100%}
}

/* Контент макета лежит прямо на фоне: карточка и черта над H2 из базовой темы убраны. */
.pb-skin-learn .entry.content-bg,.pb-skin-learn .content-bg{background:none;border:none;box-shadow:none;padding:0}
.pb-skin-learn .entry-content h2{border-top:none;padding-top:0}
.pb-skin-learn .pb-btn-primary,.pb-skin-learn .entry-content a.pb-btn-primary{color:var(--ink)}
.pb-skin-learn .pb-btn-primary:hover{background:var(--lime-h);color:var(--ink)}

/* Лента «More from …» и карточки по макету; карусель Kadence не используется. */
.pb-skin-learn .entry-related{display:none}
.pb-skin-learn .section-grid{margin:var(--s45) auto}
.pb-skin-learn .section-grid h2{font-size:clamp(36px,4vw,48px);line-height:1;margin-bottom:var(--s30);border:none;padding:0}
.pb-skin-learn .grid-default{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:35px 16px}
.pb-skin-learn .grid-default .card:nth-child(odd){padding-top:50px}
.pb-skin-learn .card{display:flex;flex-direction:column;gap:10px}
.pb-skin-learn .card__img img{border-radius:16px;height:223px;width:100%;object-fit:cover}
.pb-skin-learn .card__meta{display:flex;align-items:center;gap:10px;font-size:.875rem;letter-spacing:.02em}
.pb-skin-learn .card__cat{color:var(--plum);text-decoration:none;font-weight:600}
.pb-skin-learn .card__title{font-size:1.125rem;line-height:1.2;margin:0}
.pb-skin-learn .card__title a{text-decoration:none;color:var(--ink)}
.pb-skin-learn .card__title a:hover{color:var(--plum)}
.pb-skin-learn .card .meta,.pb-skin-learn .card .meta a{color:var(--grey)}
@media(max-width:900px){.pb-skin-learn .grid-default{grid-template-columns:repeat(2,1fr)}
  .pb-skin-learn .grid-default .card:nth-child(odd){padding-top:0}}

/* ── Сайдбар статьи по макету: оглавление, шеринг, чёрный CTA, «Read next» ── */
.pb-skin-learn .side__h,.pb-skin-learn .cta h3{font-family:var(--font,inherit);font-weight:600;
  font-size:18px;line-height:1.5;margin-bottom:20px}
.pb-skin-learn .side-toc .pb-toc{background:none;border:none;padding:0;margin:0}
.pb-skin-learn .side-toc .pb-toc-label{display:none}
.pb-skin-learn .side-toc ul{list-style:none;display:flex;flex-direction:column;gap:20px;margin:0;padding:0}
.pb-skin-learn .side-toc li{font-size:1rem;line-height:1.5;padding:0;overflow-wrap:break-word}
.pb-skin-learn .side-toc a{overflow-wrap:break-word}
.pb-skin-learn .side-toc li:before{display:none}
.pb-skin-learn .side-toc a{color:var(--plum);text-decoration:underline}
.pb-skin-learn .side-toc a:hover{color:var(--plum)}
.pb-skin-learn .social{display:flex;gap:20px;align-items:center}
.pb-skin-learn .social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);
  background:#fff;display:grid;place-items:center;color:var(--ink);
  transition:background .2s,color .2s,border-color .2s}
.pb-skin-learn .social a:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.pb-skin-learn .social svg{width:16px;height:16px;display:block;fill:currentColor}
.pb-skin-learn .cta{background:var(--ink);color:#fff;border-radius:16px;padding:28px;
  display:flex;flex-direction:column;gap:14px}
.pb-skin-learn .cta h3{color:#fff;margin:0}
.pb-skin-learn .cta p{color:#cfcfcf;font-size:.9rem;margin:0}
.pb-skin-learn .cta .btn{align-self:flex-start}
.pb-skin-learn .grid-sidebar{display:flex;flex-direction:column;gap:30px}
.pb-skin-learn .grid-sidebar .card__img img{height:223px}
.pb-skin-learn .side-toc a,.pb-skin-learn .primary-sidebar .side-toc a{color:var(--ink)}
.pb-skin-learn .side-toc a:hover{color:var(--plum)}
/* Kadence красит ссылки сайдбара своим цветом и гасит фон виджета — перебиваем. */
.pb-skin-learn .primary-sidebar .side-toc a{color:var(--plum)!important;text-decoration:underline}
.pb-skin-learn .primary-sidebar .side-toc a:hover{color:var(--plum)!important}
.pb-skin-learn .primary-sidebar .widget.cta{background:var(--ink);border-radius:16px;padding:28px;color:#fff}
.pb-skin-learn .primary-sidebar .cta h3,.pb-skin-learn .primary-sidebar .cta p{color:#fff}
.pb-skin-learn .primary-sidebar .cta p{color:#cfcfcf}

/* ── Чёрная полоса-оффер в конце статьи ── */
.pb-skin-learn .banner{background:var(--ink);color:#fff;border-radius:17px;display:flex;
  align-items:stretch;overflow:hidden;margin:var(--s45) auto 0}
.pb-skin-learn .banner__content{display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;gap:20px;padding:40px;width:60%}
.pb-skin-learn .banner__title{font-size:clamp(24px,4vw,48px);line-height:1;margin:0;max-width:14ch;color:#fff;border:none;padding:0}
.pb-skin-learn .banner__text{color:#cfcfcf;font-size:.95rem;max-width:44ch;margin:0}
.pb-skin-learn .banner__image{width:40%}
.pb-skin-learn .banner__image img{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:0}
@media(max-width:900px){.pb-skin-learn .banner{flex-direction:column}
  .pb-skin-learn .banner__content{width:100%;padding:30px}
  .pb-skin-learn .banner__image{width:100%}
  .pb-skin-learn .banner__image img{min-height:180px}}

/* ── Рубрика и блог: одна колонка во всю ширину, посты сеткой по макету ── */

.pb-skin-learn .post-archive .post-thumbnail img{height:223px;width:100%;object-fit:cover}
.pb-skin-learn .post-archive .entry-taxonomies,
.pb-skin-learn .post-archive .entry-taxonomies a{text-transform:none;letter-spacing:.02em}
.pb-skin-learn .post-archive .entry-meta,.pb-skin-learn .post-archive .entry-meta a{color:var(--grey)}

/* Kadence красит все h2/h3 своим цветом — на тёмных блоках макета возвращаем
   наследование от блока. */
.pb-skin-learn .banner .banner__title{color:inherit}
.pb-skin-learn .cta-widget h3{color:inherit}

/* Пагинация ленты. */
.pb-skin-learn .pagination{display:flex;justify-content:center;gap:8px;margin:var(--s45) 0;flex-wrap:wrap}
.pb-skin-learn .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:.9rem}
.pb-skin-learn .pagination .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.pb-skin-learn .pagination .page-numbers:hover{border-color:var(--ink)}

/* Страница без сайдбара: одна колонка текста той же ширины, что в статье. */
.pb-skin-learn .article-layout--solo{grid-template-columns:minmax(0,1fr)}

/* ─────────────────────────────────────────────────────────────
   Блоки внутри статьи (плагин pb-affiliate-core и наследие) —
   в языке макета: белая карточка, рамка --line, радиус 16,
   акцент только на кнопке. Цвет темы сюда не протекает.
   ───────────────────────────────────────────────────────────── */
.pb-skin-learn .article-body .quick-answer,
.pb-skin-learn .article-body .key-insight,
.pb-skin-learn .article-body .pb-author-box{
  background:#fff;border:1px solid var(--line);border-left:1px solid var(--line);
  border-radius:16px;padding:var(--s25);margin:var(--s30) 0;color:var(--ink);box-shadow:none}
.pb-skin-learn .article-body .quick-answer *,
.pb-skin-learn .article-body .key-insight *,
.pb-skin-learn .article-body .pb-author-box *{color:var(--ink)}
.pb-skin-learn .article-body .quick-answer h2,
.pb-skin-learn .article-body .quick-answer h3,
.pb-skin-learn .article-body .key-insight h2,
.pb-skin-learn .article-body .key-insight h3{font-size:1.5rem;line-height:1.2;margin:0 0 12px;text-align:left}
.pb-skin-learn .article-body .pb-author-bio{color:var(--grey)}
.pb-skin-learn .article-body .pb-author-name a{color:var(--ink);text-decoration:none;font-weight:600}
.pb-skin-learn .article-body .pb-post-meta.last-updated{color:var(--grey);font-size:.8rem;margin:var(--s25) 0 0}

/* Кнопки статьи — пилюля макета. */
.pb-skin-learn .article-body .pb-btn,
.pb-skin-learn .article-body .pb-btn-primary{display:inline-flex;align-items:center;justify-content:center;
  background:var(--lime);color:var(--on-lime,var(--ink));border:none;border-radius:50px;min-height:40px;padding:8px 20px;
  font-size:.875rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:background .2s}
.pb-skin-learn .article-body .pb-btn-primary:hover{background:var(--lime-h);color:var(--ink)}
.pb-skin-learn .article-body .pb-btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}

/* Товарные карточки — как карточки ленты: картинка, заголовок, кнопка. */
.pb-skin-learn .article-body .pb-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 16px;margin:var(--s30) 0}
.pb-skin-learn .article-body .pb-product-card{background:none;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;gap:10px}
.pb-skin-learn .article-body .pb-product-card .pb-btn{width:100%}
.pb-skin-learn .article-body .pb-product-card p{flex:0 0 auto;margin:0}
/* wpautop оставляет пустые <p> между блоками карточки — они не должны
   держать высоту. Выравнивание строк нужно только в сетке из нескольких
   карточек; одиночная карточка от него получала полосы пустоты. */
.pb-skin-learn .article-body .pb-product-card p:empty{display:none}
.pb-skin-learn .article-body>.pb-product-card{margin:var(--s30) 0}
.pb-skin-learn .article-body .pb-product-grid .pb-product-card .pb-card-excerpt{min-height:4.8em;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pb-skin-learn .article-body .pb-product-grid .pb-product-card .pb-card-title{min-height:2.4em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-skin-learn .article-body .pb-product-card-img{border-radius:13px;width:100%;object-fit:cover}
.pb-skin-learn .article-body .pb-product-card h2,
.pb-skin-learn .article-body .pb-product-card h3,
.pb-skin-learn .article-body .pb-product-card h4{font-size:1.125rem;line-height:1.2;margin:0;
  /* fixed 2-line block so a 1-line title doesn't leave the image sitting higher
     than a sibling card whose title wraps to 2 lines ("картинки прыгают вверх/вниз") */
  min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-skin-learn .article-body .pb-product-card-lead{grid-column:1/-1}
@media(max-width:600px){.pb-skin-learn .article-body .pb-product-grid{grid-template-columns:1fr}}

/* Шеринг в тексте (правило «сверху и снизу» остаётся) — тихие белые пилюли. */
.pb-skin-learn .article-body .pb-share{background:none;border:none;padding:0;margin:var(--s30) 0;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pb-skin-learn .article-body .pb-share-label{color:var(--grey);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.pb-skin-learn .article-body .pb-share-list{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.pb-skin-learn .article-body .pb-share-btn{background:#fff;border:1px solid var(--line);border-radius:50px;
  color:var(--ink);min-height:36px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none}
.pb-skin-learn .article-body .pb-share-btn:hover{border-color:var(--ink)}
.pb-skin-learn .article-body .pb-share-count,
.pb-skin-learn .article-body .pb-share-total{color:var(--grey)}

/* Таблицы и FAQ — правила макета для нашей разметки. */
.pb-skin-learn .article-body table{border-collapse:collapse;width:100%;margin:calc(var(--s30)/2) 0 var(--s30)}
.pb-skin-learn .article-body th,
.pb-skin-learn .article-body td{border-color:#ccc;border-style:solid;border-width:1px 0;padding:15px 20px 15px 0;
  text-align:left;vertical-align:middle}
.pb-skin-learn .article-body details{border-bottom:1px solid #ccc;margin-bottom:20px;padding:0 0 20px}
.pb-skin-learn .article-body details>summary{list-style:none;cursor:pointer;font-weight:600;font-size:1rem}
.pb-skin-learn .article-body details>summary::-webkit-details-marker{display:none}
.pb-skin-learn .article-body .pb-product-card,
.pb-skin-learn .article-body .pb-product-card *{text-align:left;color:var(--ink)}
.pb-skin-learn .article-body .pb-product-card p{color:var(--ink)}
.pb-skin-learn .article-body .pb-product-card .pb-btn-primary{color:var(--ink)}
.pb-skin-learn .article-body .pb-product-card-lead{background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:var(--s25);margin:var(--s30) 0;align-items:flex-start}
.pb-skin-learn .article-body .pb-product-card-lead h2,
.pb-skin-learn .article-body .pb-product-card-lead h3{font-size:1.5rem;line-height:1.2;margin:0}
.pb-skin-learn .article-body .quick-answer,
.pb-skin-learn .article-body .key-insight,
.pb-skin-learn .article-body .pb-author-box,
.pb-skin-learn .article-body .pb-product-card-lead{width:100%;max-width:none}
.pb-skin-learn .article-body .key-insight p:last-child,
.pb-skin-learn .article-body .quick-answer p:last-child{margin-bottom:0}

/* Картинки в местах, где макет держит плейсхолдер .ph. */
.pb-skin-learn img.ph{object-fit:cover;display:block}

/* Знак логотипа — SVG сайта в лаймовом кружке. */
.pb-skin-learn .logo__mark svg{width:66%;height:66%;display:block}
/* Значок соцсети без ссылки (профиль ещё не заведён) занимает то же место. */
.pb-skin-learn .footer__socials span{width:20px;height:20px;display:block;color:var(--ink)}
.pb-skin-learn .footer__socials span svg{width:100%;height:100%;fill:currentColor;display:block}

/* Заголовки в чёрной полосе: тема красит h2/h3 своим цветом и гасит текст. */
.pb-skin-learn .tools h2,
.pb-skin-learn .tools h3,
.pb-skin-learn .tools h3 a{color:#fff}

/* ── Шапка: чёрная строка = навигация, светлая = поиск + About/Junk Journal/More.
   Разметка — pb_skin_render_item()/pb_skin_render_mobile_item() в functions.php. */
.pbl .universal__inner{flex-wrap:nowrap}
.pbl .universal__nav{flex:1 1 auto;min-width:0}
.pbl .universal__nav li{position:relative}
.pbl .universal__nav li.has-dd:hover>a:after,
.pbl .universal__nav li.has-dd:focus-within>a:after{transform:rotate(180deg)}
.pbl .universal__nav li.has-dd>a:after{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:4px;transition:transform .2s;
  background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%20d%3D%22m4%206%204%204%204-4%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat}
.pbl .universal__nav .dd{display:block;position:absolute;left:0;top:100%;min-width:220px;background:var(--bg);border:1px solid #ccc;border-radius:12px;padding:12px;list-style:none;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;z-index:20}
.pbl .universal__nav li.has-dd:hover .dd,
.pbl .universal__nav li.has-dd:focus-within .dd{opacity:1;visibility:visible}
.pbl .universal__nav .dd li{padding:0}
.pbl .universal__nav .dd a{display:block;padding:8px 12px;color:var(--ink);white-space:nowrap}
.pbl .universal__nav .dd a:hover{color:var(--plum)}

.pbl-nav-toggle{display:none;flex:0 0 auto;width:32px;height:32px;padding:0;margin-left:12px;background:none;border:none;color:#fff;cursor:pointer}
.pbl-nav-toggle svg{width:24px;height:24px;display:block}

.pbl-mobile-nav{display:none}

@media (max-width:700px){
  .pbl .universal ul.universal__nav,
  .pbl .secondary{display:none}
  .pbl-nav-toggle{display:block}
  .pbl-mobile-nav:not([hidden]){display:block;position:fixed;inset:0;top:var(--pbl-header-h,50px);z-index:30;background:var(--bg);overflow-y:auto;padding:20px}
  body.pbl-nav-open{overflow:hidden}
  .pbl-mobile-nav__search,
  .pbl-toggle-section__column{position:relative;display:flex;align-items:center;height:44px;width:100%;margin-bottom:20px}
  .pbl-mobile-nav__search input{width:100%;height:44px;border:none;border-radius:100px;background:var(--secondary-bg,#f2ede4);color:var(--grey);font:400 .875rem var(--font);padding:0 20px 0 44px;outline:none}
  .pbl-mobile-nav__search svg{position:absolute;left:16px;top:13px;width:18px;height:18px;stroke:var(--grey);fill:none;stroke-width:2}
  .pbl-toggle-section__column{display:flex;flex-direction:column;height:auto;margin-bottom:0;list-style:none;padding-left:0}
  .pbl-toggle-section__column>li{border-bottom:1px solid #ddd;width:100%}
  .pbl-toggle-section__column>li>a{display:block;padding:16px 0;font-weight:600;text-decoration:none;color:var(--ink)}
  .pbl-toggle-section__column .pbl-toggle-item{margin-bottom:0;padding:0;border-bottom:1px solid #ddd}
  .pbl-toggle-section__column .pbl-toggle-item>summary{padding:16px 32px 16px 0;font-weight:600}
  .pbl-toggle-section__column .toggle-item__content,
  .pbl-mobile-nav__sub{padding:0 0 16px}
  .pbl-mobile-nav__sub{list-style:none}
  .pbl-mobile-nav__sub a{display:block;padding:10px 0 10px 12px;text-decoration:none;color:var(--ink)}
  .pbl-mobile-nav__cta{display:flex;margin-top:20px;width:100%}
}

/* ── Цитата и воздух вокруг картинок — числами из макета Envato ─────
   Цитата: ни полосы слева, ни рамки, ни фона — только отступ 20px,
   заголовочный шрифт 24px и 30px воздуха сверху и снизу.
   Картинка: 45px сверху и снизу, как между блоками макета (Kate 02.09.2026). */
.pb-skin-learn .article-body blockquote,
.pb-skin-learn .entry-content blockquote{
  background:none;border:0;border-radius:0;box-shadow:none;
  padding:0 0 0 20px;margin:var(--s30) 0;
  font-family:inherit;font-size:1rem;line-height:1.5;font-style:normal;color:var(--grey)}
.pb-skin-learn .article-body blockquote p,
.pb-skin-learn .entry-content blockquote p{font-size:inherit;line-height:inherit;margin:0 0 var(--s25)}
.pb-skin-learn .article-body blockquote p:last-child,
.pb-skin-learn .entry-content blockquote p:last-child{margin-bottom:0}
.pb-skin-learn .article-body blockquote cite{display:block;margin-top:12px;font-family:var(--font-body);font-size:1rem;font-style:normal;color:var(--grey)}

.pb-skin-learn .article-body figure,
.pb-skin-learn .article-body p:has(>img:only-child),
.pb-skin-learn .entry-content figure,
.pb-skin-learn .entry-content p:has(>img:only-child){margin:var(--s45) 0}

/* Подпись под картинкой — отдельный от текста слой: воздух после кадра,
   мельче и тише основного текста, иначе читается как оборванный абзац
   (Kate 02.09.2026). */
.pb-skin-learn .article-body figcaption,
.pb-skin-learn .entry-content figcaption{margin-top:12px;font-size:.875rem;line-height:1.5;color:var(--grey);text-align:left}

/* Карточка товара: воздух между кадром и подписью, ровные интервалы внутри. */
.pb-skin-learn .article-body .pb-product-card{gap:16px}
.pb-skin-learn .article-body .pb-product-card-body{display:flex;flex-direction:column;gap:8px}
.pb-skin-learn .article-body .pb-card-title{font-weight:600;font-size:1.0625rem;line-height:1.35}
.pb-skin-learn .article-body .pb-card-excerpt{font-size:.9375rem;line-height:1.6;color:var(--grey)}

/* В тексте статьи ссылка на товар — ссылка, а не кнопка (Kate 02.09.2026). */
.pb-skin-learn .article-body .pb-btn,
.pb-skin-learn .article-body .pb-btn-primary,
.pb-skin-learn .article-body .pb-btn-secondary{background:none;border:0;border-radius:0;box-shadow:none;
  padding:0;min-height:0;width:auto;display:inline;font-weight:600;font-size:inherit;
  color:var(--plum);text-decoration:underline;text-underline-offset:3px}
.pb-skin-learn .article-body .pb-btn:hover{color:var(--ink)}

/* Товарный блок по образцу product embed референса: один контейнер, товары в
   ряд, название чипом поверх кадра, ссылка — пилюля акцентом. Фон светлый:
   чёрный Kate сняла 02.09.2026. Строка «N reviews» не печатается — снимает
   фильтр the_content. */
.pb-skin-learn .article-body .pb-product-grid{background:#191919;border:0;
  border-radius:16px;padding:20px 30px 30px;margin:var(--s45) 0;
  grid-template-columns:repeat(3,1fr);gap:20px}
.pb-skin-learn .article-body .pb-product-grid .pb-product-card{position:relative;gap:12px}
.pb-skin-learn .article-body .pb-product-grid .pb-product-card-img{aspect-ratio:239/163;object-fit:cover;
  border-radius:13px;display:block;width:100%}
.pb-skin-learn .article-body .pb-product-grid .pb-card-link{display:block}
.pb-skin-learn .article-body .pb-product-grid .pb-card-title{position:absolute;left:12px;top:12px;
  max-width:calc(100% - 24px);margin:0;min-height:0;padding:5px;border-radius:4px;
  background:rgba(25,25,25,.7);font-size:.875rem;font-weight:600;line-height:1.5;
  -webkit-line-clamp:none;display:block;overflow:visible}
.pb-skin-learn .article-body .pb-product-grid .pb-card-title a{color:var(--white);text-decoration:none}
.pb-skin-learn .article-body .pb-product-grid .pb-btn{width:auto;justify-self:start;
  display:inline-block;background:var(--lime);color:var(--ink);border-radius:50px;
  padding:8px 20px;font-size:.875rem;font-weight:500;text-decoration:none}
.pb-skin-learn .article-body .pb-product-grid .pb-btn:hover{background:var(--lime-h);color:var(--ink)}

/* Одиночный товар — тот же рекламный блок, только в строку: рамка, чип поверх
   кадра, пилюля (Kate 02.09.2026). */
.pb-skin-learn .article-body>.pb-product-card{position:relative;margin:var(--s45) 0;
  background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;
  flex-direction:row;align-items:center;gap:24px}
.pb-skin-learn .article-body>.pb-product-card .pb-card-link{flex:0 0 240px;width:240px}
.pb-skin-learn .article-body>.pb-product-card .pb-product-card-img{width:100%;aspect-ratio:239/163;
  object-fit:cover;border-radius:13px;display:block}
.pb-skin-learn .article-body>.pb-product-card .pb-product-card-body{flex:1 1 auto}
.pb-skin-learn .article-body>.pb-product-card .pb-card-title{position:absolute;left:32px;top:32px;
  max-width:196px;margin:0;min-height:0;padding:5px;border-radius:4px;
  background:rgba(25,25,25,.7);font-size:.875rem;font-weight:600;line-height:1.5}
.pb-skin-learn .article-body>.pb-product-card .pb-card-title a{color:var(--white);text-decoration:none}
.pb-skin-learn .article-body>.pb-product-card .pb-btn{width:auto;display:inline-block;
  background:var(--lime);color:var(--ink);border-radius:50px;padding:8px 20px;
  font-size:.875rem;font-weight:500;text-decoration:none}
.pb-skin-learn .article-body>.pb-product-card .pb-btn:hover{background:var(--lime-h);color:var(--ink)}

/* Кнопки карточек стоят в одну линию, как бы ни разошлись описания: тело
   карточки — колонка, кнопка прижата к низу (Kate 02.09.2026). */
.pb-skin-learn .article-body .pb-product-grid .pb-product-card{height:100%}
.pb-skin-learn .article-body .pb-product-grid .pb-product-card-body{display:flex;
  flex-direction:column;flex:1 1 auto}
.pb-skin-learn .article-body .pb-product-grid .pb-product-card-body>p:last-child{margin-top:auto;margin-bottom:0}

/* Кнопку под карточкой заменила общая кнопка в шапке блока (Kate 03.09.2026). */
.pb-skin-learn .article-body .pb-product-grid .pb-product-card .pb-btn{display:none}
/* скин задаёт .article-body h3{font-size:30px} и перебивает кит — шапка
   товарного блока обязана остаться однострочной (Kate 03.09.2026) */
.pb-skin-learn .article-body .pb-product-grid .pb-grid-sub{font-size:20px;line-height:1.5;margin:0;font-family:inherit}
.pb-skin-learn .article-body .pb-product-grid .pb-grid-btn{color:#111;font-size:14px}
.pb-skin-learn .article-body .pb-product-grid .pb-grid-a{color:var(--pb-accent)}
.pb-skin-learn .article-body .pb-product-grid .pb-product-card,
.pb-skin-learn .article-body .pb-product-grid .pb-product-card *{color:#fff}
.pb-skin-learn .article-body .pb-product-grid .pb-product-card .pb-card-title a{color:#fff}
.pb-skin-learn .article-body .pb-product-grid .pb-badge{display:none}

.pb-skin-learn .article-body .pb-product-grid .pb-product-card h3 a{color:#fff}

/* скин перебивает кит по ссылкам в тексте — чип должен остаться чипом */
.pb-skin-learn .article-body .pb-post-tags .pb-post-tag{color:var(--pb-accent-deep);text-decoration:none}
.pb-skin-learn .article-body .pb-post-tags .pb-post-tag:hover{color:#fff;background:var(--pb-accent)}