.p-hero--editorial { background: var(--color-white); border-bottom: 1px solid var(--color-border-light); }
.p-hero--editorial .p-hero__inner { display: block; min-height: 0; max-width: 820px; padding-block: 48px 42px; margin-inline: auto; text-align: center; }
.p-hero__eyebrow { margin-bottom: 8px; color: var(--color-primary); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.p-hero--editorial h1 { margin-bottom: 14px; font-size: clamp(29px, 7vw, 42px); letter-spacing: .02em; }
.p-hero--editorial .p-hero__inner > p:last-child { max-width: 680px; margin: 0 auto; color: var(--color-secondary); font-size: 15px; }
.p-featured { padding-top: 52px; }
.p-featured__grid { display: grid; gap: 24px 18px; }
.p-popular { background: #fbfcfb; border-block: 1px solid var(--color-border-light); }
.p-categories { background: var(--color-white); }
.p-category-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.p-category-grid a { display: block; min-height: 0; padding: 15px 16px; color: inherit; background: var(--color-white); border: 1px solid var(--color-border-light); border-radius: 6px; text-align: left; text-decoration: none; }
.p-category-grid a > span { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.p-category-grid strong { color: var(--color-heading); font-size: 15px; }
.p-category-grid small { flex: none; color: var(--color-secondary); font-size: 11px; }
.p-category-grid p { margin: 5px 0 0; color: var(--color-secondary); font-size: 12px; line-height: 1.65; }
.p-beginner { background: var(--color-bg-ivory); }
.p-beginner__steps { display: grid; padding: 0; margin: 0; gap: 0; list-style: none; }
.p-beginner__steps li { border-bottom: 1px solid var(--color-border); }
.p-beginner__steps a { display: block; position: relative; padding: 13px 10px 13px 40px; color: inherit; text-decoration: none; }
.p-beginner__steps a::before { content: ""; position: absolute; top: 22px; left: 12px; width: 12px; height: 12px; background: var(--color-primary-light); border: 3px solid var(--color-white); border-radius: 50%; box-shadow: 0 0 0 1px var(--color-primary-light); }
.p-beginner__steps span { color: var(--color-primary); font-size: 10px; font-weight: 700; letter-spacing: .06em; }
.p-beginner__steps strong { display: block; color: var(--color-heading); font-size: 15px; }
.p-beginner__steps p { margin: 1px 0 0; color: var(--color-secondary); font-size: 12px; }
.p-manager { background: var(--color-white); }
.p-compact-grid { display: grid; gap: 18px; }
.p-work-links { background: #fbfcfb; border-block: 1px solid var(--color-border-light); }
.p-work-links__primary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.p-work-links__primary a { display: flex; min-height: 46px; padding: 9px 13px; align-items: center; justify-content: space-between; color: var(--color-heading); background: var(--color-white); border: 1px solid var(--color-border-light); border-radius: 6px; font-size: 14px; font-weight: 600; text-decoration: none; }
.p-work-links__primary span { color: var(--color-primary); }
.p-work-links__problems { margin-top: 28px; }
.p-work-links__problems h3 { margin-bottom: 10px; font-size: 16px; }
.p-work-links__problems ul { display: flex; padding: 0; margin: 0; gap: 8px 18px; flex-wrap: wrap; list-style: none; }
.p-work-links__problems a { color: var(--color-secondary); font-size: 13px; }
.p-about__inner { max-width: 760px; }
.p-about__inner > p { margin-bottom: 14px; }
.p-about__link { font-weight: 700; text-decoration: none; }
@media (min-width: 768px) {
	.p-hero--editorial .p-hero__inner { padding-block: 64px 54px; }
	.p-category-grid { grid-template-columns: repeat(2,1fr); }
	.p-beginner__steps { grid-template-columns: repeat(4,1fr); }
	.p-beginner__steps li { border-right: 1px solid var(--color-border); border-bottom: 0; }
	.p-beginner__steps li:last-child { border-right: 0; }
	.p-compact-grid { grid-template-columns: repeat(2,1fr); }
	.p-work-links__primary { grid-template-columns: repeat(3,1fr); }
	.p-featured__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.p-featured__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.p-category-grid { grid-template-columns: repeat(4,1fr); }
	.p-compact-grid { grid-template-columns: repeat(4,1fr); }
}