/* powerpointbase.com refresh (Oct 28, 2026): the modern layout in the site's own colours. Loaded after styles.css.
   Flat everywhere, no gradients. Light grey page (#f2f3f4, a touch lighter than the old #efefef) behind white cards.
   Brand teal #3BA79A is the accent (--ppb-accent) for underlines, dots and focus; where text sits on it or it is the
   text colour, its darker shade --ppb-accent-aa (#2A786F, 5.2:1 on white, 4.7:1 on the page grey) keeps AA.
   The logo is the refreshed lockup in logo.css (mark.svg, wordmark with the tagline under it), loaded after this file;
   this file only places it in the phone header rows. Download keeps the site's green (#1f8a4c).
   One family, Manrope: 400, 600, plus 800 for display. */

@font-face {font-family: 'Manrope'; font-weight: 800; font-style: normal; font-display: swap;
	src: url('../webfonts/manrope-var-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Manrope'; font-weight: 800; font-style: normal; font-display: swap;
	src: url('../webfonts/manrope-var-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root {
	--ppb-ink: #161616; --ppb-ink-2: #454a52; --ppb-muted: #6b6f76;
	--ppb-page: #f2f3f4; --ppb-line: #e3e5e8; --ppb-line-2: #cfd3d8; --ppb-surface: #f7f8f9; --ppb-surface-2: #eef0f2;
	--ppb-accent: #3BA79A; --ppb-accent-aa: #2A786F; --ppb-ring: rgba(59,167,154,.22);
	--ppb-dl: #1f8a4c; --ppb-dl-h: #18703d;
	/* the theme's own variables, so old rules follow */
	--bg: var(--ppb-page); --bg-lighter: #fff; --bg-darker: #e6e6e6;
	--tt: var(--ppb-ink); --tt-lighter: var(--ppb-ink-2); --tt-lightest: var(--ppb-muted);
	--bdc: var(--ppb-line); --bdc-darker: var(--ppb-line-2); --bsh: none;
	/* --accent and --accent-darker keep the theme's own #4A88A8 and #00C0E9, so the Авторизация button and the theme's
	   other buttons and links look as they do today; the refresh's own teal uses --ppb-accent and --ppb-accent-aa */
}
body {background: var(--ppb-page); color: var(--ppb-ink); letter-spacing: 0;}

/* HEADER AND NAV: the site's own structure (logo left, language and Авторизация right; the uppercase, letter spaced menu
   spread across the full width with thin separators and dropdown arrows), only flat. The one addition is a subtle teal
   underline on the section in view. */
.header, .nav {box-shadow: none;}
.header__btn-login {box-shadow: none;}
.nav__list > li.is-active > a {box-shadow: inset 0 -2px 0 var(--ppb-accent);}

.content {padding: 28px 0 64px;}

/* HOMEPAGE HERO: a flat white panel, product first */
.ppb-hero {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 48px; align-items: center;
	padding: 44px 48px; background: #fff; border: 1px solid var(--ppb-line); border-radius: 20px;}
.ppb-hero__title {margin: 0; max-width: 640px; font-size: 54px; line-height: 1.04; font-weight: 800; letter-spacing: -.035em; color: var(--ppb-ink);}
.ppb-hero__sub {margin: 18px 0 28px; font-size: 18px; line-height: 1.5; color: var(--ppb-ink-2);}
.ppb-hero__search {display: flex; align-items: center; gap: 8px; max-width: 600px; padding: 6px 6px 6px 18px; border: 1px solid var(--ppb-line-2);
	border-radius: 14px; background: #fff;}
.ppb-hero__search:focus-within {border-color: var(--ppb-accent); box-shadow: 0 0 0 3px var(--ppb-ring);}
.ppb-hero__search .fal {color: var(--ppb-muted); font-size: 18px;}
.ppb-hero__search input[type="text"] {flex: 1; min-width: 0; height: 50px; padding: 0 6px; border: 0; background: transparent; box-shadow: none;
	font-size: 17px; color: var(--ppb-ink);}
.ppb-hero__search input[type="text"]:focus {outline: none;}
.ppb-hero__search button {height: 50px; padding: 0 28px; border-radius: 10px; background: var(--ppb-accent-aa); color: #fff; font-size: 16px;
	font-weight: 600; letter-spacing: 0; text-transform: none; box-shadow: none;}
.ppb-hero__search button:hover {background: #22655d;}
.ppb-hero__chips {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; max-width: 640px;}
.ppb-hero__chips a {display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--ppb-line);
	background: #fff; color: var(--ppb-ink-2); font-size: 14px; font-weight: 600; text-decoration: none;}
.ppb-hero__chips a:hover {border-color: var(--ppb-accent); color: var(--ppb-accent-aa);}
.ppb-hero__chips a.ppb-hero__all {border-color: transparent; background: transparent; color: var(--ppb-accent-aa); padding: 0 6px;}
.ppb-hero__chips a.ppb-hero__all:hover {text-decoration: underline;}

.ppb-fan {position: relative; height: 360px;}
.ppb-fan__card {position: absolute; width: 72%; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #fff;
	border: 1px solid rgba(17,24,39,.08); box-shadow: 0 1px 2px rgba(17,24,39,.06), 0 14px 32px rgba(17,24,39,.10); transition: transform .25s;}
.ppb-fan__card img {display: block; width: 100%; height: 100%; object-fit: cover;}
.ppb-fan__card--3 {left: 2%; top: 8px; transform: rotate(-8deg);}
.ppb-fan__card--2 {left: 11%; top: 68px; transform: rotate(-2deg);}
.ppb-fan__card--1 {left: 22%; top: 132px; transform: rotate(4deg);}
.ppb-fan__card--3:hover {transform: rotate(-8deg) translateY(-8px);}
.ppb-fan__card--2:hover {transform: rotate(-2deg) translateY(-8px);}
.ppb-fan__card--1:hover {transform: rotate(4deg) translateY(-8px);}

.ppb-feed-head {display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 40px 0 20px;}
.ppb-feed-head h2 {margin: 0; font-size: 28px; line-height: 1.15; font-weight: 800; letter-spacing: -.03em; color: var(--ppb-ink);}
.ppb-feed-head a {font-size: 15px; font-weight: 600; color: var(--ppb-accent-aa); text-decoration: none;}
.ppb-feed-head a:hover {text-decoration: underline;}

/* GRIDS (the feed grid is #dle-content) */
#content-block.d-grid {grid-template-columns: minmax(0, 1fr);}
#dle-content {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}

/* CARDS: flat white, hairline, 14 px radius */
.short.grid-item {position: relative; padding-bottom: 0; border: 1px solid var(--ppb-line) !important; background: #fff !important; border-radius: 14px;
	box-shadow: none; transition: border-color .2s, box-shadow .2s, transform .2s;}
.short.grid-item:hover {border-color: var(--ppb-line-2) !important; box-shadow: 0 8px 24px rgba(17,24,39,.07); transform: translateY(-2px);}
.short.grid-item .short__img {padding-top: 56.25%; border-bottom: 1px solid var(--ppb-line);}
a.short__img:hover {opacity: 1;}
.short.grid-item .short__header {margin-top: 0 !important; padding: 14px 16px 16px;}
.short.grid-item .short__title {font-size: 16px; line-height: 1.35; font-weight: 600; letter-spacing: -.005em; display: -webkit-box;
	-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 2.7em;}
.short.grid-item .short__title a {color: var(--ppb-ink); text-decoration: none !important;}
.short.grid-item .short__title a::after {content: ""; position: absolute; inset: 0; z-index: 1;}
.short.grid-item:hover .short__title a {color: var(--ppb-accent-aa);}
.short.grid-item .short__meta {margin-top: 10px; gap: 8px 14px; align-items: center; font-size: 13px; color: var(--ppb-muted);}
/* .flex-grow-1 is flex: 1 1 0 with min-width 50px, which squeezed the chip below its text */
.short.grid-item .short__meta-item.flex-grow-1 {flex: 0 0 auto; margin-right: auto; padding: 3px 8px; border-radius: 6px; background: var(--ppb-surface-2);
	color: var(--ppb-ink-2); font-size: 12.5px; font-weight: 600; white-space: nowrap;}
.short.grid-item .short__meta-item.flex-grow-1 .fal {display: none;}
.short.grid-item .short__meta-item .fal {margin-right: 5px;}
.short.grid-item .short__desc {display: none;}
.short__badge {position: absolute; z-index: 2; left: 12px; top: 12px; padding: 5px 9px; border-radius: 6px; background: #FFC300; color: #3b2a00;
	font-size: 12px; font-weight: 600; line-height: 1;}

.pagination {padding-top: 40px;}
.pagination__pages a, .pagination__pages span {min-width: 40px; border-radius: 10px; border: 1px solid var(--ppb-line); background: #fff;
	color: var(--ppb-ink-2); font-weight: 600;}
.pagination__pages a:hover {border-color: var(--ppb-accent); color: var(--ppb-accent-aa); text-decoration: none;}
.pagination__pages span:not(.nav_ext) {background: var(--ppb-accent-aa); border-color: var(--ppb-accent-aa); color: #fff;}

.descr {margin-top: 48px; padding: 32px 36px; background: #fff; border: 1px solid var(--ppb-line); border-radius: 18px;
	color: var(--ppb-ink-2); font-size: 15.5px; line-height: 1.75;}
.descr h1, .descr h2, .descr h3 {font-size: 22px; line-height: 1.3; font-weight: 800; letter-spacing: -.02em; color: var(--ppb-ink);}

/* TEMPLATE PAGE */
.speedbar {margin: -4px 0 16px; font-size: 13px; color: var(--ppb-muted);}
.speedbar a {color: var(--ppb-ink-2);}
.cols {display: grid !important; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start;}
.cols > article.page, .cols > aside.col-side {float: none !important; width: auto !important; margin: 0 !important;}
.cols > div[style*="clear"] {display: none;}
article.page {background: #fff; border: 1px solid var(--ppb-line); border-radius: 18px; padding: 32px 36px 36px;}
article.page .short.sect__header {background: transparent; border-radius: 0; overflow: visible; margin-bottom: 0;}
article.page .short__header {padding: 0;}
article.page .short__header::after {content: ""; display: table; clear: both;}
article.page h1.short__title {margin: 0 0 14px; padding-right: 120px; font-size: 34px; line-height: 1.14; font-weight: 800; letter-spacing: -.03em;}
article.page .short__header > .short__meta {margin-top: 0; gap: 8px 14px; font-size: 14px; color: var(--ppb-muted);}
article.page .short__header > .short__meta a {color: var(--ppb-ink-2); text-decoration: none;}
article.page .rate_like-dislike {display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--ppb-line); font-size: 14px;}
article.page .short__desc {padding: 0;}
article.page .short__desc > br {display: none;}

#slider-container {margin-top: 24px; padding-bottom: 28px;}
#slider-container ul li img {width: 100%; margin: 0; border-radius: 14px; border: 1px solid var(--ppb-line); box-sizing: border-box;}
#slider-container .arrow {width: 44px; height: 44px; top: calc(50% - 14px); border-radius: 50%; border: 1px solid var(--ppb-line);
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px no-repeat;
	box-shadow: 0 1px 2px rgba(17,24,39,.08); transform: translateY(-50%);}
#slider-container .arrow:before, #slider-container .arrow:after {display: none;}
#slider-container .arrow.a-left {left: 14px; transform: translateY(-50%) scaleX(-1);}
#slider-container .arrow.a-right {right: 14px;}
#slider-container .bullets-container {bottom: 4px;}
#slider-container .bullets-container .bullet {width: 6px; height: 6px; margin: 0 3px; border: 0; border-radius: 3px; background: var(--ppb-line-2); transition: width .2s;}
#slider-container .bullets-container .bullet.active {width: 18px; background: var(--ppb-accent);}

.page__text {max-width: 720px; font-size: 16.5px; line-height: 1.75; color: #24272c;}
.page__text.full-text {padding-top: 8px !important;}
.full-text > ol li:before {left: 14px; top: 0; width: 26px; height: 26px; padding: 0; border-radius: 50%; justify-content: center;
	background: var(--ppb-accent-aa); color: #fff; font-size: 13px; font-weight: 600;}
.full-text > ol li:after {display: none;}
.page__tags {margin-top: 28px; gap: 8px;}
.page__tags .fal {display: none;}
.page__tags a {height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: var(--ppb-surface-2); color: var(--ppb-ink-2);
	text-transform: none; letter-spacing: 0; font-size: 13.5px; font-weight: 600;}
.page__tags a:hover {color: var(--ppb-accent-aa); text-decoration: none;}

.ppb-ad {margin: 32px 0 8px;}
article.page .short__desc .ppb-ad {margin-bottom: 32px;}
.ppb-ad__label {font-size: 11px; letter-spacing: .08em; color: var(--ppb-muted); margin-bottom: 6px;}

/* download: the site's green, the single most prominent element (19 px bold counts as large text for its 4.4:1) */
.ppb-download {background: var(--ppb-dl); border-radius: 12px; box-shadow: 0 1px 2px rgba(17,24,39,.10); font-weight: 800; letter-spacing: -.01em;}
.ppb-download:hover {background: var(--ppb-dl-h);}
.ppb-download {white-space: nowrap;}
.ppb-download .ppb-download__name {font-size: 15px; font-weight: 600; opacity: .9;}
.down.page__comments {margin: 20px 0 0; padding: 16px; border-radius: 16px; background: var(--ppb-surface); border: 1px solid var(--ppb-line);}
.down br {display: none;}
.down span[style*="float"] {float: none !important; display: block;}
.down span[style*="float"]:empty {display: none;}
.down .ppb-download {margin: 8px 0 12px; padding: 17px 16px; font-size: 19px;}
.down p {margin: 6px 0 0; font-size: 13px; line-height: 1.55; color: var(--ppb-muted);}

aside.col-side {gap: 0;}
aside.col-side .side-block__content {display: block;}
.attenten {padding: 22px; border-radius: 18px; border: 1px solid var(--ppb-line); background: #fff; box-shadow: none;}
.attenten span[style*="float"] {float: none !important; display: block;}
.ppb-dlbox > span:first-child {font-size: 13px; font-weight: 600; color: var(--ppb-muted);}
.attenten .ppb-dlbox .ppb-download {margin: 10px 0 18px; padding: 18px 16px; font-size: 19px;}
.ppb-facts {border-top: 1px solid var(--ppb-line);}
.ppb-fact {display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--ppb-line); font-size: 14px;}
.ppb-fact__k {color: var(--ppb-muted);}
.ppb-fact__v {display: inline-flex; gap: 5px; align-items: center; text-align: right; font-weight: 600; color: var(--ppb-ink);}
.ppb-fact__v img {width: 18px; height: 18px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(17,24,39,.14);}
.ppb-license p {margin: 12px 0 0; font-size: 12.5px; line-height: 1.55; color: var(--ppb-muted);}
.ppb-license br {display: none;}

.side-block__title {padding: 30px 2px 12px !important; font-size: 17px; font-weight: 800; letter-spacing: -.02em; text-transform: lowercase; color: var(--ppb-ink); border: 0;}
.side-block__title::first-letter {text-transform: uppercase;}
.attent {padding: 4px 18px; border-radius: 16px; border: 1px solid var(--ppb-line); background: #fff;}
.attent > img, .attent br {display: none !important;}
.attent > div {display: block !important; width: auto !important; padding: 12px 0 !important; border-bottom: 1px solid var(--ppb-line);
	text-decoration: none !important; font-size: 14.5px; line-height: 1.45;}
.attent > div:last-of-type {border-bottom: 0;}
.attent > div a {color: var(--ppb-ink); text-decoration: none;}
.attent > div a:hover {color: var(--ppb-accent-aa);}

/* MagicDiagram block, matched to the system */
.ppb-md {border: 1px solid var(--ppb-line); border-radius: 18px; box-shadow: none;}
article.page .ppb-md {margin-top: 36px; padding: 36px 0 0; border: 0; border-top: 1px solid var(--ppb-line); border-radius: 0;}
.ppb-md__tag {border-radius: 6px;}
.ppb-md__title {font-weight: 800; letter-spacing: -.025em;}
.ppb-md__all {border-radius: 10px; font-weight: 600;}
.ppb-md__img {border-radius: 12px; border-color: var(--ppb-line);}
.ppb-md__name {font-weight: 600;}

/* FOOTER: the site's light grey, in tidy columns */
.footer {display: block; background: #e6e6e6; color: #565656; border: 0; padding-top: 48px; padding-bottom: 24px; font-size: 14px;}
.footer__grid {max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 32px;}
.footer__brand p {margin: 10px 0 0; max-width: 260px; line-height: 1.55;}
.footer__h {margin-bottom: 12px; font-size: 13px; font-weight: 600; color: var(--ppb-ink);}
.footer__col a {display: block; padding: 5px 0; font-size: 14.5px; color: #565656; text-decoration: none;}
.footer__col a:hover {color: var(--ppb-ink); text-decoration: underline;}
.footer__bottom {max-width: var(--max-width); margin: 40px auto 0; padding-top: 18px; border-top: 1px solid #d2d4d7;
	display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 13px; color: #565656;}
.footer__counter {width: 31px; height: 31px;}

/* TABLET */
@media (max-width: 1219px) {
.ppb-hero {grid-template-columns: minmax(0, 1fr) minmax(0, 400px); gap: 28px; padding: 36px;}
.ppb-hero__title {font-size: 44px;}
.ppb-fan {height: 290px;}
}
@media (max-width: 1099px) {
#dle-content {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 960px) {
.cols {display: block !important;}
.cols > aside.col-side {margin-top: 28px !important;}
.ppb-hero {grid-template-columns: minmax(0, 1fr);}
.ppb-fan {display: none;}
.footer__grid {grid-template-columns: 1fr 1fr;}
.footer__brand {grid-column: 1 / -1;}
}

/* PHONE: one type scale and an 8 px spacing grid, taken from the live phone proportions.
   h1 24/1.25 700, section heads 20 700, card titles 17 600, body 16/1.6, secondary 14, meta 13.
   20 px gutters, 16 px card padding, 24 or 32 px between sections. No 800 weights on phones. */
@media (max-width: 760px) {
/* header: logo row, then a light language row (44 px targets, no grey blocks) and the teal menu button */
/* 16 px above the two line logo lockup (logo.css) in a 52 px row, then the 44 px language row and 4 px: about 19 px of
   white above the lockup, 18 between its tagline and the language labels, and 19 below them */
.header {flex-wrap: wrap; row-gap: 0; padding-top: 16px; padding-bottom: 4px; border-bottom: 1px solid var(--ppb-line);}
/* a zero height flex item after the logo breaks the line, so the logo keeps its own width and its tagline stays above it */
.header::before {content: ""; order: 1; flex: 0 0 100%; height: 0;}
.header .logo {order: 0; margin-right: 0; height: 52px;}
.header .ppb-lang, .header .header__btn-menu, .header .header__btn-login, .header .header__search {order: 2;}
.header .ppb-lang {display: flex; gap: 0; margin: 0 0 0 -10px;}
.header .ppb-lang a {display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 10px; border-radius: 0; background: none;
	font-size: 14px; font-weight: 600; letter-spacing: 0; color: var(--ppb-muted);}
.header .ppb-lang a.on {color: var(--ppb-ink); font-weight: 700; background: none;}
.header .header__btn-menu, .header .ppb-lang ~ .header__btn-menu {margin-left: auto; width: 44px; height: 44px; border-radius: 10px;}
.content {padding: 16px 0 40px;}

/* homepage: no hero card; a search bar under the header and one scrolling row of chips; the headline is desktop only */
.ppb-hero {display: block; padding: 0; background: none; border: 0; border-radius: 0;}
.ppb-hero__title, .ppb-hero__sub {display: none;}
.ppb-hero__search {max-width: none; padding: 4px 4px 4px 14px; border-radius: 12px; background: #fff;}
.ppb-hero__search .fal {font-size: 16px;}
.ppb-hero__search input[type="text"] {height: 44px; font-size: 16px;}
.ppb-hero__search button {height: 44px; padding: 0 16px; font-size: 15px;}
.ppb-hero__chips {flex-wrap: nowrap; overflow-x: auto; max-width: none; margin: 16px -20px 0; padding: 0 20px 2px; gap: 8px; scrollbar-width: none;}
.ppb-hero__chips::-webkit-scrollbar {display: none;}
.ppb-hero__chips a {flex: 0 0 auto; height: 44px; padding: 0 16px; font-size: 14px;}
.ppb-feed-head {margin: 24px 0 16px;}
.ppb-feed-head h2 {font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: -.01em;}
.ppb-feed-head a {font-size: 14px;}

/* feed: one template per row, full title, quiet meta line */
#dle-content {grid-template-columns: minmax(0, 1fr); gap: 16px;}
.short.grid-item {border-radius: 14px;}
.short.grid-item:hover {transform: none;}
.short.grid-item .short__header {padding: 16px;}
.short.grid-item .short__title {display: block; -webkit-line-clamp: unset; overflow: visible; min-height: 0; font-size: 17px; line-height: 1.35; font-weight: 600;}
.short.grid-item .short__meta {margin-top: 8px; font-size: 13px;}
.short.grid-item .short__meta-item.flex-grow-1 {font-size: 13px; font-weight: 400;}
.short__badge {left: 12px; top: 12px;}

/* pagination: 44 px targets */
.pagination {padding-top: 32px;}
.pagination__pages {gap: 8px; flex-wrap: wrap;}
.pagination__pages a, .pagination__pages span {min-width: 44px; height: 44px; line-height: 42px; font-size: 15px;}
.descr {margin-top: 32px; padding: 24px 16px; font-size: 16px; line-height: 1.6;}
.descr h1, .descr h2, .descr h3 {font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: -.01em;}

/* template page */
.speedbar {margin: 0 0 16px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
article.page {padding: 20px 16px 24px; border-radius: 16px;}
article.page h1.short__title {margin: 0 0 12px; padding-right: 0; font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: -.01em;}
/* h1, then the meta line with the likes pill at its right, as on the live page */
article.page .short__header {display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px;}
article.page .short__header::after {display: none;}
article.page h1.short__title {flex: 0 0 100%;}
article.page .short__header > .short__meta {order: 2; flex: 1 1 0; min-width: 0; margin: 0; font-size: 13px; gap: 4px 12px;}
article.page .rate_like-dislike {order: 3; float: none !important; margin: 0; padding: 4px 12px; font-size: 14px; line-height: 24px;}
#slider-container {margin-top: 16px; padding-bottom: 24px;}
#slider-container ul li img {border-radius: 12px;}
#slider-container .arrow {width: 36px; height: 36px; background-size: 15px; top: calc(50% - 12px);}
#slider-container .arrow.a-left {left: 8px;}
#slider-container .arrow.a-right {right: 8px;}
.down.page__comments {margin: 16px 0 0; padding: 16px; border-radius: 14px;}
.down span[style*="float"]:not(:empty) {font-size: 14px; color: var(--ppb-ink-2);}
.down .ppb-download {margin: 8px 0 12px; padding: 15px 16px; font-size: 17px; font-weight: 700; letter-spacing: 0;}
.ppb-download .ppb-download__name {font-size: 14px;}
.down p {margin: 8px 0 0; font-size: 14px; line-height: 1.5;}
.ppb-ad {margin: 32px 0 8px;}
article.page .short__desc .ppb-ad {margin-bottom: 24px;}
.ppb-ad__label {font-size: 12px; margin-bottom: 8px;}
.page__text {font-size: 16px; line-height: 1.6;}
/* the article text carries its own spacer paragraphs, so the paragraph margin stays small (live: 5 px) */
.page__text p {margin-bottom: 8px;}
.full-text > ol li:before {width: 24px; height: 24px; font-size: 12px;}
.page__tags {margin-top: 24px;}
.page__tags a {height: 32px; font-size: 13px;}
article.page .ppb-md {margin-top: 32px; padding-top: 32px;}
.ppb-md__title {font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: -.01em;}
.ppb-md__sub {font-size: 14px;}
.ppb-md__name {font-size: 14px;}
.ppb-md__meta {font-size: 13px;}

/* sidebar card and lists */
.cols > aside.col-side {margin-top: 24px !important;}
.attenten {border-radius: 16px; padding: 16px;}
.ppb-dlbox > span:first-child {font-size: 13px;}
.attenten .ppb-dlbox .ppb-download {margin: 8px 0 16px; padding: 15px 16px; font-size: 17px; font-weight: 700; letter-spacing: 0;}
.ppb-fact {padding: 12px 0; font-size: 14px;}
.ppb-license p {margin: 12px 0 0; font-size: 14px; line-height: 1.5;}
.side-block__title {padding: 32px 4px 12px !important; font-size: 17px; line-height: 1.3; font-weight: 700; letter-spacing: -.01em;}
.attent {padding: 0 16px; border-radius: 14px;}
.attent > div {padding: 12px 0 !important; font-size: 14px; line-height: 1.45;}

/* footer */
.footer {padding-top: 32px; padding-bottom: 24px;}
.footer__grid {gap: 24px 16px;}
.footer__h {font-size: 13px; margin-bottom: 8px;}
.footer__col a {font-size: 14px; padding: 6px 0;}
.footer__bottom {flex-direction: column-reverse; align-items: flex-start; margin-top: 32px; padding-top: 16px;}
}

/* NARROW PHONES: the label stays on one line at full size; the file name goes, as it already does in the sidebar button */
@media (max-width: 380px) {
.down .ppb-download .ppb-download__name {display: none;}
}

/* live build (Oct 29, 2026): one {custom} tag renders the cover fan newest first, so positions come from nth-child */
.ppb-fan__card:nth-child(1) {left: 22%; top: 132px; transform: rotate(4deg); z-index: 3;}
.ppb-fan__card:nth-child(2) {left: 11%; top: 68px; transform: rotate(-2deg); z-index: 2;}
.ppb-fan__card:nth-child(3) {left: 2%; top: 8px; transform: rotate(-8deg); z-index: 1;}
.ppb-fan__card:nth-child(1):hover {transform: rotate(4deg) translateY(-8px);}
.ppb-fan__card:nth-child(2):hover {transform: rotate(-2deg) translateY(-8px);}
.ppb-fan__card:nth-child(3):hover {transform: rotate(-8deg) translateY(-8px);}
/* 4x3 templates carry a second format row in the sidebar download box */
.ppb-dlbox br {display: none;}
.ppb-dlbox > br + span {display: block; margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--ppb-muted);}
/* DLE only leaves the login button out for detected smartphones; narrow desktop windows get the phone header without it */
@media (max-width: 760px) {.header .header__btn-login {display: none;}}