/* ==========================================================================
   Riabtseva — стили компонентов.
   Токены (цвета, шрифты, размеры) задаются в theme.json → var(--wp--preset--*).
   ========================================================================== */

:root {
	--rb-paper: var(--wp--preset--color--paper);
	--rb-mist: var(--wp--preset--color--mist);
	--rb-sand: var(--wp--preset--color--sand);
	--rb-dawn: var(--wp--preset--color--dawn);
	--rb-line: var(--wp--preset--color--line);
	--rb-moss: var(--wp--preset--color--moss);
	--rb-moss-dark: var(--wp--preset--color--moss-dark);
	--rb-rose: var(--wp--preset--color--rose);
	--rb-muted: var(--wp--preset--color--muted);
	--rb-ink: var(--wp--preset--color--ink);
	--rb-serif: var(--wp--preset--font-family--serif);
	--rb-sans: var(--wp--preset--font-family--sans);
	--rb-wide: 1200px;
	--rb-gutter: clamp(20px, 5vw, 48px);
	--rb-sec-y: clamp(3.5rem, 8vw, 7rem);
	--rb-radius: 18px;
	--rb-header-h: 76px;
}

/* ---------- база ---------- */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}
[id] { scroll-margin-top: calc(var(--rb-header-h) + 16px); }
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
::selection { background: var(--rb-dawn); color: var(--rb-ink); }
img { height: auto; }
a { text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--rb-rose); outline-offset: 3px; border-radius: 4px; }
strong { font-weight: 600; }
p { text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.rb-skip {
	position: absolute; left: 12px; top: -60px; z-index: 1000;
	background: var(--rb-moss); color: #fff; padding: 10px 18px; border-radius: 999px;
	font-weight: 600; text-decoration: none; transition: top .2s;
}
.rb-skip:focus { top: 12px; color: #fff; }

/* ---------- кнопки ---------- */
.rb-btn,
.wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center; gap: .5em;
	min-height: 48px; padding: .8rem 1.5rem; border-radius: 999px;
	border: 1.5px solid var(--rb-moss); background: var(--rb-moss); color: #fff;
	font: 600 var(--wp--preset--font-size--small)/1.3 var(--rb-sans);
	text-decoration: none; text-align: center;
	transition: background-color .2s, color .2s, border-color .2s;
}
.rb-btn:hover, .wp-block-button__link:hover { background: var(--rb-moss-dark); border-color: var(--rb-moss-dark); color: #fff; text-decoration: none; }
.rb-btn--sm { min-height: 42px; padding: .55rem 1.15rem; }
.rb-btn--ghost,
.is-style-ghost .wp-block-button__link { background: transparent; color: var(--rb-moss); }
.rb-btn--ghost:hover,
.is-style-ghost .wp-block-button__link:hover { background: var(--rb-moss); color: #fff; }
.rb-btn--light { background: #fff; border-color: #fff; color: var(--rb-moss-dark); }
.rb-btn--light:hover { background: var(--rb-dawn); border-color: var(--rb-dawn); color: var(--rb-ink); }
.wp-block-buttons { gap: .75rem; }
@media (max-width: 520px) {
	.rb-sec .wp-block-buttons > .wp-block-button { flex: 1 1 100%; }
	.rb-sec .wp-block-buttons .wp-block-button__link { width: 100%; }
}

/* ---------- шапка ---------- */
.rb-site-header { position: sticky; top: 0; z-index: 100; }
.admin-bar .rb-site-header { top: var(--wp-admin--admin-bar--height, 0px); }
.rb-header {
	position: relative; isolation: isolate;
	border-bottom: 1px solid transparent;
	transition: border-color .2s;
}
/* Размытие — на псевдоэлементе: backdrop-filter на самой шапке сделал бы её
   контейнером для position: fixed и «обрезал» бы мобильное меню. */
.rb-header::before {
	content: ''; position: absolute; inset: 0; z-index: -1;
	background: rgba(250, 250, 247, .92);
	-webkit-backdrop-filter: saturate(140%) blur(12px);
	backdrop-filter: saturate(140%) blur(12px);
}
.rb-header.is-open::before { background: var(--rb-paper); }
.rb-header.is-scrolled { border-bottom-color: var(--rb-line); }
.rb-header__inner {
	box-sizing: border-box; display: flex; align-items: center; gap: 24px;
	width: 100%; max-width: calc(var(--rb-wide) + 2 * var(--rb-gutter));
	margin: 0 auto; padding: 0 var(--rb-gutter); min-height: var(--rb-header-h);
}
.rb-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--rb-ink); text-decoration: none; flex: none; }
.rb-brand:hover { text-decoration: none; color: var(--rb-ink); }
.rb-mark { flex: none; }
.rb-brand__text { display: flex; flex-direction: column; line-height: 1.1; }
.rb-brand__name { font: 500 1.3125rem/1.1 var(--rb-serif); letter-spacing: -.01em; white-space: nowrap; }
.rb-brand__role { font: 500 .8125rem/1.3 var(--rb-sans); color: var(--rb-muted); letter-spacing: .02em; margin-top: 2px; }
.rb-brand--light, .rb-brand--light:hover { color: #fff; }
.rb-brand--light .rb-brand__role { color: #C9D4C4; }

.rb-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.rb-menu { display: flex; gap: clamp(14px, 1.8vw, 26px); margin: 0; padding: 0; list-style: none; }
.rb-menu a {
	display: block; padding: 8px 0; color: var(--rb-ink); text-decoration: none;
	font: 500 .9375rem/1.3 var(--rb-sans); white-space: nowrap;
	background: linear-gradient(var(--rb-moss), var(--rb-moss)) no-repeat left bottom / 0 1.5px;
	transition: background-size .25s;
}
.rb-menu a:hover, .rb-menu .current-menu-item > a, .rb-menu .current-menu-ancestor > a, .rb-menu .current_page_parent > a { background-size: 100% 1.5px; color: var(--rb-moss-dark); }
.rb-nav__aside { display: flex; align-items: center; gap: 18px; }
.rb-lang { display: flex; margin: 0; padding: 3px; list-style: none; border: 1px solid var(--rb-line); border-radius: 999px; }
.rb-lang a {
	display: block; min-width: 36px; padding: 6px 10px; border-radius: 999px; text-align: center;
	font: 600 .8125rem/1.2 var(--rb-sans); letter-spacing: .04em; color: var(--rb-muted); text-decoration: none;
}
.rb-lang a:hover { color: var(--rb-ink); }
.rb-lang a[aria-current] { background: var(--rb-mist); color: var(--rb-moss-dark); }

.rb-burger {
	display: none; align-items: center; gap: 10px; margin-left: auto; padding: 10px 4px;
	background: none; border: 0; cursor: pointer; color: var(--rb-ink);
	font: 600 .9375rem/1 var(--rb-sans);
}
.rb-burger__icon { position: relative; width: 22px; height: 14px; }
.rb-burger__icon::before, .rb-burger__icon::after, .rb-burger__icon span {
	content: ''; position: absolute; left: 0; width: 100%; height: 2px; border-radius: 2px; background: currentColor;
	transition: transform .25s, opacity .2s, top .25s;
}
.rb-burger__icon::before { top: 0; }
.rb-burger__icon span { top: 6px; }
.rb-burger__icon::after { top: 12px; }
.is-open .rb-burger__icon::before { top: 6px; transform: rotate(45deg); }
.is-open .rb-burger__icon span { opacity: 0; }
.is-open .rb-burger__icon::after { top: 6px; transform: rotate(-45deg); }

@media (max-width: 1080px) {
	:root { --rb-header-h: 68px; }
	.rb-burger { display: inline-flex; }
	.rb-nav {
		position: fixed; inset: var(--rb-header-h) 0 0 0; z-index: 99;
		flex-direction: column; align-items: stretch; gap: 0; margin: 0;
		padding: 12px var(--rb-gutter) 32px; overflow-y: auto;
		background: var(--rb-paper); border-top: 1px solid var(--rb-line);
		visibility: hidden; opacity: 0; transform: translateY(-8px);
		transition: opacity .2s, transform .2s, visibility 0s .2s;
	}
	.admin-bar .rb-nav { top: calc(var(--rb-header-h) + var(--wp-admin--admin-bar--height, 0px)); }
	.is-open .rb-nav { visibility: visible; opacity: 1; transform: none; transition: opacity .2s, transform .2s; }
	.rb-menu { flex-direction: column; gap: 0; }
	.rb-menu a { padding: 16px 0; font: 500 1.375rem/1.25 var(--rb-serif); border-bottom: 1px solid var(--rb-line); background: none; }
	.rb-menu .current-menu-item > a { color: var(--rb-moss); }
	.rb-nav__aside { justify-content: space-between; padding-top: 24px; }
	.rb-nav__aside .rb-btn { flex: 1; max-width: 320px; }
	html.rb-menu-open { overflow: hidden; }
}
@media (max-width: 420px) {
	.rb-brand__name { font-size: 1.1875rem; }
	.rb-burger__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ---------- раскладка секций ---------- */
.rb-main > .wp-block-post-content > :first-child,
.rb-main > .wp-block-post-content { margin-block-start: 0; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
.wp-block-post-content > .alignfull { margin-block: 0; }

.rb-sec { padding-block: var(--rb-sec-y); margin-block: 0 !important; }
/* Узкие блоки внутри секции выравниваем по левому краю колонки 1200px, а не по центру. */
.rb-sec.is-layout-constrained > :where(:not(.alignfull):not(.alignwide)),
.rb-pagehead.is-layout-constrained > :where(:not(.alignfull):not(.alignwide)) {
	margin-left: max(0px, calc((100% - var(--rb-wide)) / 2)) !important;
	margin-right: auto !important;
}
.rb-sec--tight { padding-block: calc(var(--rb-sec-y) * .6); }
.rb-sec--flush-top { padding-top: 0; }
.rb-sec--mist { background: var(--rb-mist); }
.rb-sec--sand { background: var(--rb-sand); }
.rb-sec--moss { background: var(--rb-moss); color: #E4EADF; }
.rb-sec--moss :is(h2, h3, p, a, strong) { color: #fff; }
.rb-sec > * + * { margin-block-start: clamp(2rem, 4vw, 3.25rem); }

.rb-sechead { max-width: 46rem; }
.rb-sechead > * + * { margin-top: .75rem; }
.rb-sechead p { color: var(--rb-muted); }
.rb-prose { max-width: 40rem; }
.rb-lead { font-size: var(--wp--preset--font-size--large); line-height: 1.6; color: var(--rb-ink); }
.rb-note { font-size: var(--wp--preset--font-size--small); color: var(--rb-muted); }
.rb-epigraph {
	font: italic 400 var(--wp--preset--font-size--medium)/1.5 var(--rb-serif);
	color: var(--rb-rose); max-width: 34rem;
}
.rb-sec--moss .rb-epigraph { color: var(--rb-dawn); }

.wp-block-columns { gap: clamp(1.5rem, 4vw, 4rem); margin-bottom: 0; }
.rb-split--center { align-items: center !important; }

/* ---------- первый экран ---------- */
.rb-hero {
	position: relative; overflow: hidden;
	padding-block: clamp(2.5rem, 6vw, 5.5rem) clamp(3.5rem, 7vw, 6.5rem);
	background:
		radial-gradient(60rem 36rem at 82% 18%, rgba(242, 217, 210, .55), transparent 62%),
		linear-gradient(180deg, var(--rb-paper), var(--rb-paper));
}
.rb-hero .wp-block-columns { align-items: center !important; }
.rb-hero__name {
	font: 500 var(--wp--preset--font-size--display)/1.0 var(--rb-serif) !important;
	letter-spacing: -.025em; margin: 0;
}
.rb-hero__role { font: 400 var(--wp--preset--font-size--x-large)/1.25 var(--rb-serif); color: var(--rb-moss-dark); margin-top: .9rem !important; }
.rb-hero__lead { font-size: var(--wp--preset--font-size--large); line-height: 1.6; max-width: 34rem; color: var(--rb-ink); }
.rb-hero .wp-block-buttons { margin-top: 1.75rem; }
.rb-trust {
	display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 2rem 0 0 !important; padding: 0 !important;
	list-style: none; font-size: var(--wp--preset--font-size--small); color: var(--rb-muted);
}
.rb-trust li { display: flex; align-items: center; gap: 8px; }
.rb-trust li::before { content: ''; width: 6px; height: 10px; border: 1.5px solid var(--rb-moss); border-bottom: 0; border-radius: 4px 4px 0 0; flex: none; }

/* Арка-окно: фирменная рамка для портретов */
.is-style-arch { position: relative; margin: 0 auto; max-width: 440px; }
.is-style-arch img {
	display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%;
	border-radius: 999px 999px 22px 22px;
	box-shadow: 0 0 0 10px var(--rb-paper), 0 0 0 11px var(--rb-line);
}
.rb-hero .is-style-arch img { box-shadow: 0 0 0 12px rgba(250, 250, 247, .9), 0 0 0 13px #D9C6BF, 0 40px 80px -30px rgba(140, 78, 89, .35); }
.rb-sec--mist .is-style-arch img { box-shadow: 0 0 0 10px var(--rb-mist), 0 0 0 11px var(--rb-line); }
.is-style-arch figcaption {
	margin-top: 28px; font: italic 400 1rem/1.55 var(--rb-serif); color: var(--rb-ink); text-align: left;
}
.is-style-arch figcaption em, .is-style-arch figcaption cite { display: block; margin-top: 6px; font: normal 500 .8125rem/1.4 var(--rb-sans); color: var(--rb-muted); }
.rb-arch-sm.is-style-arch { max-width: 340px; }
@media (max-width: 781px) { .is-style-arch { max-width: 320px; } .rb-arch-sm.is-style-arch { max-width: 280px; } }

/* ---------- заголовок страницы ---------- */
.rb-pagehead {
	padding-block: clamp(1.25rem, 3vw, 2rem) clamp(2.5rem, 6vw, 4.5rem);
	background: linear-gradient(180deg, var(--rb-sand) 0%, rgba(243, 236, 230, 0) 100%);
	margin-block: 0 !important;
}
.rb-pagehead h1 { font-size: var(--wp--preset--font-size--xx-large); margin-top: 1.25rem; max-width: 22ch; }
.rb-pagehead .rb-lead, .rb-pagehead p { max-width: 40rem; }
.rb-pagehead > * + * { margin-block-start: 1rem; }
.rb-pagehead--404 { padding-block: clamp(3rem, 10vw, 8rem); }
.rb-crumbs-wrap { padding-top: clamp(1rem, 2.5vw, 1.5rem); margin-block: 0 !important; background: var(--rb-sand); }
.rb-crumbs-wrap.is-layout-constrained > * { margin-left: max(0px, calc((100% - var(--rb-wide)) / 2)) !important; }
.rb-crumbs-wrap + .wp-block-post-content > .rb-pagehead:first-child { padding-top: clamp(1.25rem, 3.5vw, 2.75rem); }
.rb-crumbs-wrap + .wp-block-post-content > .rb-pagehead:first-child h1 { margin-top: 0; }
.rb-crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0; padding: 0; list-style: none; font-size: var(--wp--preset--font-size--x-small); color: var(--rb-muted); }
.rb-crumbs li:not(:last-child)::after { content: '/'; margin: 0 .6em; color: var(--rb-line); }
.rb-crumbs a { color: var(--rb-muted); text-decoration: none; }
.rb-crumbs a:hover { color: var(--rb-moss); text-decoration: underline; }

/* ---------- списки ---------- */
.is-style-checks { list-style: none; padding-left: 0 !important; }
.is-style-checks li { position: relative; padding-left: 2rem; margin-bottom: .7rem; }
.is-style-checks li::before {
	content: ''; position: absolute; left: 0; top: .38em; width: 18px; height: 18px; border-radius: 50%;
	background: var(--rb-moss) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.is-style-checks.rb-cols { columns: 2 18rem; column-gap: 3rem; }
.is-style-checks.rb-cols li { break-inside: avoid; }
.is-style-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0 !important; }
.is-style-tags li { padding: 7px 14px; border-radius: 999px; background: var(--rb-mist); font-size: var(--wp--preset--font-size--small); }
.rb-sec--mist .is-style-tags li { background: #fff; }

/* ---------- принципы ---------- */
.rb-principle img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; background: #fff; box-shadow: 0 0 0 6px var(--rb-mist); }
.rb-principle h3 { margin-top: 1.25rem; }
.rb-principle p { color: var(--rb-muted); font-size: var(--wp--preset--font-size--small); line-height: 1.65; }

/* ---------- цитата-манифест ---------- */
.rb-quoteband { text-align: left; }
.rb-quoteband > * { max-width: 52rem; }
.is-style-big {
	border: 0 !important; padding: 0 !important; margin: 0;
	font: italic 400 clamp(1.5rem, 3.2vw, 2.375rem)/1.35 var(--rb-serif) !important;
}
.is-style-big p { margin: 0; }
.rb-sec--moss .is-style-big::before {
	content: ''; display: block; width: 40px; height: 52px; margin-bottom: 28px;
	border: 2px solid var(--rb-dawn); border-bottom: 0; border-radius: 20px 20px 0 0;
}
.rb-quoteband .rb-after { color: #DCE4D7 !important; max-width: 40rem; }

/* ---------- запросы ---------- */
.rb-areas { gap: 0 clamp(1.5rem, 3vw, 3rem) !important; }
.rb-area { padding: 1.4rem 0; border-top: 1px solid #C9D3C5; }
.rb-area h3 { font-size: var(--wp--preset--font-size--large); }
.rb-area p { margin-top: .45rem; color: var(--rb-muted); font-size: var(--wp--preset--font-size--small); line-height: 1.65; }
.rb-area a { color: inherit; text-decoration: none; }
.rb-area a:hover { color: var(--rb-moss); text-decoration: underline; }
@media (min-width: 782px) { .rb-sticky { position: sticky; top: calc(var(--rb-header-h) + 32px); } }
.rb-svc-body > * + * { margin-top: 1rem; }
.rb-svc-body { max-width: 46rem; }

/* ---------- услуги: прайс-лист ---------- */
.rb-services { border-top: 1.5px solid var(--rb-ink); }
.rb-service {
	display: grid !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto 1fr; gap: .35rem 2rem; align-items: baseline;
	padding: 1.6rem 0; border-bottom: 1px solid var(--rb-line); margin: 0 !important;
}
.rb-service > * { margin: 0 !important; }
.rb-service h3 { grid-column: 1; font-size: var(--wp--preset--font-size--large); }
.rb-service h3 a { color: var(--rb-ink); text-decoration: none; }
.rb-service h3 a:hover { color: var(--rb-moss); text-decoration: underline; }
.rb-service__desc { grid-column: 1; color: var(--rb-muted); font-size: var(--wp--preset--font-size--small); max-width: 44rem; }
.rb-service__price { grid-column: 2; grid-row: 1 / span 3; text-align: right; white-space: nowrap; font-size: var(--wp--preset--font-size--small); color: var(--rb-muted); line-height: 1.5; }
.rb-service__price strong { display: block; font: 500 1.5rem/1.2 var(--rb-serif); color: var(--rb-ink); }
.rb-service__more { grid-column: 1; font-size: var(--wp--preset--font-size--small); font-weight: 600; }
@media (max-width: 600px) {
	.rb-service { grid-template-columns: 1fr; }
	.rb-service__price { grid-column: 1; grid-row: auto; text-align: left; }
	.rb-service__price strong { display: inline; margin-left: .4rem; }
}

/* ---------- этапы ---------- */
.rb-steps { list-style: none; padding: 0 !important; counter-reset: rb-step; display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 2rem clamp(1.5rem, 3vw, 2.5rem); }
.rb-steps li { counter-increment: rb-step; position: relative; padding-top: 3.6rem; color: var(--rb-muted); font-size: var(--wp--preset--font-size--small); line-height: 1.65; }
.rb-steps li::before {
	content: counter(rb-step); position: absolute; top: 0; left: 0;
	font: 400 2.75rem/1 var(--rb-serif); color: var(--rb-rose);
}
.rb-steps li strong { display: block; margin-bottom: .35rem; font: 500 var(--wp--preset--font-size--large)/1.3 var(--rb-serif); color: var(--rb-ink); }

/* ---------- FAQ ---------- */
.wp-block-details { border-bottom: 1px solid var(--rb-line); padding-block: 0 !important; margin: 0 !important; }
.wp-block-details:first-child { border-top: 1px solid var(--rb-line); }
.wp-block-details summary {
	position: relative; list-style: none; cursor: pointer; padding: 1.25rem 3rem 1.25rem 0;
	font: 500 var(--wp--preset--font-size--large)/1.35 var(--rb-serif);
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
	content: ''; position: absolute; right: 6px; top: 50%; width: 12px; height: 12px; margin-top: -9px;
	border-right: 1.75px solid var(--rb-moss); border-bottom: 1.75px solid var(--rb-moss); transform: rotate(45deg);
	transition: transform .25s, margin-top .25s;
}
.wp-block-details[open] summary::after { transform: rotate(-135deg); margin-top: -3px; }
.wp-block-details summary:hover { color: var(--rb-moss-dark); }
.wp-block-details > :not(summary) { max-width: 42rem; color: var(--rb-ink); }
.wp-block-details > :last-child { padding-bottom: 1.5rem; }
.rb-faq { max-width: 52rem; }

/* ---------- панели («дома») ---------- */
.is-style-panel { padding: clamp(1.5rem, 3vw, 2.5rem) !important; border-radius: var(--rb-radius); background: var(--rb-mist); height: 100%; box-sizing: border-box; }
.is-style-panel.rb-panel--alt { background: var(--rb-sand); }
.is-style-panel > * + * { margin-top: .9rem; }
.is-style-panel .rb-panel__meta { font: italic 400 1rem/1.4 var(--rb-serif); color: var(--rb-rose); }

/* ---------- ключевые факты ---------- */
.rb-keyfacts { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; border-top: 1.5px solid var(--rb-ink); margin-top: 1.75rem !important; }
.rb-keyfacts > * { margin: 0 !important; padding: .9rem 0; border-bottom: 1px solid var(--rb-line); }
.rb-keyfacts .rb-kf__label { display: block; font-size: var(--wp--preset--font-size--x-small); color: var(--rb-muted); }
.rb-keyfacts strong { font-weight: 500; }

/* ---------- обложки курсов ---------- */
.rb-cover img { width: 100%; border-radius: var(--rb-radius); box-shadow: 0 30px 60px -30px rgba(31, 42, 38, .35); }

/* ---------- дипломы ---------- */
.rb-timeline { border-top: 1.5px solid var(--rb-ink); }
.rb-edu { display: grid !important; grid-template-columns: 8.5rem minmax(0, 1fr); gap: .5rem 2rem; padding: 1.5rem 0; border-bottom: 1px solid var(--rb-line); margin: 0 !important; }
.rb-edu > * { margin: 0 !important; }
.rb-edu__year { grid-column: 1; grid-row: 1 / span 3; font: 500 1rem/1.5 var(--rb-serif); color: var(--rb-rose); }
.rb-edu h3 { grid-column: 2; font-size: var(--wp--preset--font-size--medium); font-weight: 500; line-height: 1.45; }
.rb-edu__status { grid-column: 2; font-size: var(--wp--preset--font-size--small); color: var(--rb-moss); }
.rb-edu .wp-block-gallery, .rb-edu .rb-zoom { grid-column: 2; }
.rb-edu .wp-block-gallery { gap: 12px !important; margin-top: .6rem !important; }
.rb-edu .wp-block-gallery .wp-block-image { width: min(240px, 46%) !important; flex: none !important; }
.rb-zoom img, .rb-edu .wp-block-gallery img { border: 1px solid var(--rb-line); border-radius: 8px; background: #fff; transition: transform .2s, box-shadow .2s; cursor: zoom-in; }
.rb-edu .wp-block-gallery a:hover img { transform: translateY(-2px); box-shadow: 0 14px 30px -18px rgba(31, 42, 38, .45); }
@media (max-width: 600px) {
	.rb-edu { grid-template-columns: 1fr; }
	.rb-edu__year, .rb-edu h3, .rb-edu__status, .rb-edu .wp-block-gallery { grid-column: 1; grid-row: auto; }
}

/* ---------- литература ---------- */
.rb-shelves { gap: clamp(1.5rem, 3vw, 3rem) !important; }
.rb-shelf { padding-top: 1.25rem; border-top: 1px solid var(--rb-line); }
.rb-shelf h2 { font-size: var(--wp--preset--font-size--large); }
.rb-shelf ol { margin-top: .75rem; padding-left: 1.4em; font-size: var(--wp--preset--font-size--small); }
.rb-shelf li { margin-bottom: .35rem; }

/* ---------- письмо (Обо мне) ---------- */
.rb-letter { max-width: 44rem; padding: clamp(1.75rem, 4vw, 3rem) !important; border-radius: var(--rb-radius); background: var(--rb-sand); }
.rb-letter p { font: 400 var(--wp--preset--font-size--large)/1.65 var(--rb-serif); }
.rb-letter em { font-style: italic; }

/* ---------- призыв к записи ---------- */
.rb-cta { display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem 3rem; padding-top: 2.25rem; border-top: 1.5px solid var(--rb-ink); }
.rb-cta > * { margin: 0 !important; }
.rb-cta h2 { font-size: var(--wp--preset--font-size--x-large); }
.rb-cta p { color: var(--rb-muted); }

/* ---------- блог ---------- */
.rb-posts { margin-top: clamp(2rem, 4vw, 3rem) !important; padding-bottom: var(--rb-sec-y); }
.rb-posts .wp-block-post-template { gap: clamp(1.5rem, 3vw, 2.5rem) !important; }
.rb-card { display: flex; flex-direction: column; gap: .75rem; }
.rb-card .wp-block-post-featured-image { margin: 0 0 .5rem; border-radius: var(--rb-radius); overflow: hidden; background: var(--rb-mist); }
.rb-card .wp-block-post-featured-image img { transition: transform .4s; }
.rb-card:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.rb-card__title { font-size: var(--wp--preset--font-size--large) !important; margin: 0; }
.rb-card__title a { color: var(--rb-ink); text-decoration: none; }
.rb-card__title a:hover { color: var(--rb-moss); text-decoration: underline; }
.rb-card__excerpt { color: var(--rb-muted); font-size: var(--wp--preset--font-size--small); margin: 0; }
.rb-card__excerpt .wp-block-post-excerpt__more-text { display: none; }
@media (max-width: 960px) { .rb-posts .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 600px) { .rb-posts .wp-block-post-template { grid-template-columns: 1fr !important; } }
.rb-empty { padding: 2rem 0; color: var(--rb-muted); }
.rb-pagination { margin-top: 3rem; gap: .5rem; font-weight: 600; }
.rb-pagination a, .rb-pagination .current { padding: .4rem .75rem; border-radius: 8px; text-decoration: none; }
.rb-pagination .current { background: var(--rb-mist); }

.rb-article__cats a { font-size: var(--wp--preset--font-size--small); color: var(--rb-rose); text-decoration: none; }
.rb-article__head h1 { margin-top: .5rem !important; }
.rb-article__meta { gap: 1.25rem !important; color: var(--rb-muted); font-size: var(--wp--preset--font-size--small); }
.rb-article__cover { margin-top: 0 !important; }
.rb-article__cover img { border-radius: var(--rb-radius); }
.rb-article__body { padding-block: clamp(2rem, 4vw, 3rem); font-size: 1.125rem; line-height: 1.75; }
.rb-article__body h2 { margin-top: 2.5rem; }
.rb-article__body h3 { margin-top: 2rem; }
.rb-author, .rb-postcta { box-sizing: border-box; max-width: 720px; margin-inline: auto !important; }
.rb-author { display: flex; gap: 1.25rem; align-items: flex-start; padding: 1.5rem 0; border-top: 1px solid var(--rb-line); }
.rb-author img { width: 80px; height: 100px; object-fit: cover; border-radius: 40px 40px 10px 10px; flex: none; }
.rb-author__title { font: 600 var(--wp--preset--font-size--x-small)/1.3 var(--rb-sans); color: var(--rb-muted); margin: 0; }
.rb-author__name { font: 500 1.25rem/1.3 var(--rb-serif); margin: .15rem 0 .4rem; }
.rb-author p { font-size: var(--wp--preset--font-size--small); margin: 0 0 .4rem; }
.rb-postcta { margin-block: 1rem var(--rb-sec-y) !important; padding: clamp(1.5rem, 4vw, 2.5rem); border-radius: var(--rb-radius); background: var(--rb-mist); }
.rb-postcta h2 { font-size: var(--wp--preset--font-size--x-large); }
.rb-postcta p { margin: .75rem 0 0; }

.rb-search { display: flex; flex-wrap: wrap; gap: .75rem; max-width: 34rem; margin-top: 1.5rem; }
.rb-search input {
	flex: 1 1 14rem; min-height: 48px; padding: 0 1rem; border: 1.5px solid var(--rb-line); border-radius: 999px;
	font: inherit; background: #fff; color: var(--rb-ink);
}
.rb-search input:focus { border-color: var(--rb-moss); outline: none; box-shadow: 0 0 0 3px rgba(63, 84, 68, .15); }

/* ---------- подвал ---------- */
.rb-site-footer { margin-top: 0 !important; }
.rb-footer { background: var(--rb-ink); color: #C7CFC9; }
.rb-footer__inner {
	box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 2.5rem 3rem;
	max-width: calc(var(--rb-wide) + 2 * var(--rb-gutter)); margin: 0 auto; padding: clamp(3rem, 6vw, 4.5rem) var(--rb-gutter) 2.5rem;
}
.rb-footer__brand p { max-width: 24rem; margin: 1.25rem 0 1.5rem; font-size: var(--wp--preset--font-size--small); line-height: 1.65; }
.rb-footer__title { font: 500 1.0625rem/1.3 var(--rb-serif); color: #fff; margin: 0 0 1rem; }
.rb-footer__list { margin: 0; padding: 0; list-style: none; }
.rb-footer__list li { margin-bottom: .55rem; }
.rb-footer__list a { color: #E4EAE5; text-decoration: none; font-size: var(--wp--preset--font-size--small); overflow-wrap: anywhere; }
.rb-footer__list a:hover { color: #fff; text-decoration: underline; }
.rb-footer__bottom {
	box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem 2rem;
	max-width: calc(var(--rb-wide) + 2 * var(--rb-gutter)); margin: 0 auto; padding: 1.5rem var(--rb-gutter) 2rem;
	border-top: 1px solid rgba(255, 255, 255, .12); font-size: var(--wp--preset--font-size--x-small); color: #A9B3AC;
}
.rb-footer__bottom p { margin: 0; }
@media (max-width: 900px) { .rb-footer__inner { grid-template-columns: 1fr 1fr; } .rb-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 520px) { .rb-footer__inner { grid-template-columns: 1fr; } }

/* ---------- просмотр дипломов ---------- */
.rb-lightbox { max-width: min(92vw, 1100px); max-height: 92vh; padding: 0; border: 0; border-radius: 12px; background: #fff; overflow: visible; }
.rb-lightbox::backdrop { background: rgba(20, 26, 24, .82); }
.rb-lightbox img { display: block; max-width: min(92vw, 1100px); max-height: 92vh; width: auto; height: auto; border-radius: 12px; }
.rb-lightbox__close {
	position: absolute; top: -48px; right: 0; padding: 8px 16px; border: 0; border-radius: 999px;
	background: #fff; color: var(--rb-ink); font: 600 .875rem/1 var(--rb-sans); cursor: pointer;
}

/* ---------- блок записи (плагин riabtseva-core) ---------- */
.rb-book { margin-top: 2rem; }
.rb-book__opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.rb-book__opt {
	display: flex; flex-direction: column; gap: .4rem; text-align: left; box-sizing: border-box;
	padding: 1.4rem 1.5rem; border-radius: var(--rb-radius); border: 1.5px solid var(--rb-line);
	background: #fff; color: var(--rb-ink); font: inherit; cursor: pointer;
	transition: border-color .2s, box-shadow .2s;
}
button.rb-book__opt:hover { border-color: var(--rb-moss); }
button.rb-book__opt[aria-expanded="true"] { border-color: var(--rb-moss); box-shadow: inset 0 0 0 1px var(--rb-moss); }
.rb-book__opt strong { font: 500 1.25rem/1.3 var(--rb-serif); }
.rb-book__opt span { font-size: var(--wp--preset--font-size--small); color: var(--rb-muted); line-height: 1.55; }
.rb-book__opt .rb-book__go { margin-top: auto; padding-top: .6rem; font-weight: 600; color: var(--rb-moss); }
.rb-book__opt--msg { cursor: default; }
.rb-book__msgs { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: auto; padding-top: .6rem; }
.rb-book__msgs a { min-height: 40px; padding: .45rem 1rem; }
.rb-book__panel { margin-top: 1rem; border-radius: var(--rb-radius); overflow: hidden; background: #fff; border: 1px solid var(--rb-line); }
.rb-book__panel iframe { display: block; width: 100%; height: 820px; border: 0; }
.rb-book__panel[data-kind="calendar"] iframe { height: 720px; }
.rb-book__alt { margin: 0; padding: .75rem 1.25rem; font-size: var(--wp--preset--font-size--small); color: var(--rb-muted); border-top: 1px solid var(--rb-line); }
@media (max-width: 600px) { .rb-book__panel iframe { height: 900px; } }

/* ================= 2.1: первый экран о клиенте, знакомство, видео, мобильная кнопка ================= */
.rb-hero__eyebrow {
	font: 600 var(--wp--preset--font-size--small)/1.4 var(--rb-sans) !important;
	letter-spacing: .04em; color: var(--rb-moss-dark); margin: 0 !important;
}
.rb-hero__title {
	font: 500 clamp(2.25rem, 5.2vw, 4.25rem)/1.06 var(--rb-serif);
	letter-spacing: -.02em; color: var(--rb-ink); margin-top: .9rem !important; max-width: 15ch;
	text-wrap: balance;
}
.rb-hero__lead { margin-top: 1.25rem !important; }
.rb-hero__note { margin-top: .85rem !important; font-size: var(--wp--preset--font-size--x-small); color: var(--rb-muted); max-width: 30rem; }

/* Блок записи: знакомство — главный вариант */
.rb-book__opt--intro { background: var(--rb-moss); border-color: var(--rb-moss); color: #fff; }
.rb-book__opt--intro span { color: #E4EADF; }
.rb-book__opt--intro .rb-book__go { color: #fff; }
button.rb-book__opt--intro:hover, button.rb-book__opt--intro[aria-expanded="true"] { border-color: var(--rb-moss-dark); background: var(--rb-moss-dark); box-shadow: none; }
.rb-book__opt--intro .rb-btn { background: #fff; border-color: #fff; color: var(--rb-moss-dark); }
.rb-book__opt--intro .rb-btn--ghost { background: transparent; border-color: rgba(255, 255, 255, .7); color: #fff; }
.rb-book__opt--intro .rb-btn:hover { background: var(--rb-dawn); border-color: var(--rb-dawn); color: var(--rb-ink); }
.rb-book__consent { margin: 1.25rem 0 0; font-size: var(--wp--preset--font-size--x-small); color: var(--rb-muted); max-width: 46rem; }
.rb-book__consent a { color: inherit; }

/* Видео-знакомство */
.rb-video { background: var(--rb-paper); }
.rb-video__inner {
	box-sizing: border-box; max-width: calc(var(--rb-wide) + 2 * var(--rb-gutter)); margin: 0 auto; padding: 0 var(--rb-gutter);
	display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;
}
.rb-video__text h2 { margin-top: .4rem; }
.rb-video__text p:not(.rb-epigraph) { color: var(--rb-muted); }
.rb-video__frame { position: relative; aspect-ratio: 16 / 9; border-radius: var(--rb-radius); overflow: hidden; background: var(--rb-mist); }
.rb-video__frame img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; filter: saturate(.85); }
.rb-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rb-video__play {
	position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 12px;
	border: 0; cursor: pointer; background: linear-gradient(180deg, rgba(31, 42, 38, .05), rgba(31, 42, 38, .45));
	color: #fff; font: 600 var(--wp--preset--font-size--small)/1 var(--rb-sans);
}
.rb-video__play span { width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, .95); position: relative; flex: none; }
.rb-video__play span::after { content: ''; position: absolute; left: 26px; top: 21px; border: 11px solid transparent; border-left: 17px solid var(--rb-moss); border-right: 0; }
.rb-video__play:hover span { background: #fff; transform: scale(1.04); }
@media (max-width: 781px) { .rb-video__inner { grid-template-columns: 1fr; } }

/* Правовые ссылки в подвале */
.rb-footer__legal { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.rb-footer__legal a { color: #C9D4C4; }
.rb-footer__legal a:hover { color: #fff; }

/* Дата обновления статьи */
.rb-updated { color: var(--rb-muted); font-size: var(--wp--preset--font-size--x-small); }
.rb-updated::before { content: '·'; margin: 0 .5em; }

/* Мобильная кнопка записи */
.rb-mobilebar { display: none; }
@media (max-width: 781px) {
	.rb-mobilebar:not([hidden]) {
		display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
		padding: 10px var(--rb-gutter) calc(10px + env(safe-area-inset-bottom));
		background: rgba(250, 250, 247, .94); border-top: 1px solid var(--rb-line);
		-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
		transform: translateY(0); transition: transform .25s ease;
	}
	.rb-mobilebar.is-away { transform: translateY(110%); }
	.rb-mobilebar .rb-btn { box-sizing: border-box; width: 100%; justify-content: center; min-height: 48px; }
	.rb-menu-open .rb-mobilebar { display: none; }
	body.has-mobilebar .rb-site-footer { padding-bottom: 72px; }
}
/* Длинные заголовки страниц на телефоне (например, «конфиденциальности») */
@media (max-width: 520px) {
	.rb-pagehead h1, .rb-pagehead .wp-block-post-title { font-size: clamp(1.75rem, 8.2vw, 2.25rem) !important; hyphens: auto; }
}
