/* Shared editorial page layout, category navigation and title scale. */
.marielco-information { --information-ink: #111111; --information-muted: #6e6e6e; --information-line: #e5e5e5; --information-scroll-offset: calc(var(--marielco-header-height) + var(--wp-admin--admin-bar--height, 0px) + 24px); padding: 64px var(--marielco-page-gutter) 80px; color: var(--information-ink); background: var(--marielco-white); }
.marielco-information__inner { max-width: 1280px; margin-inline: auto; }
.marielco-information :is(h1,h2,p,ol) { margin: 0; }
.marielco-information__hero { padding-bottom: 40px; border-bottom: 1px solid var(--information-line); }
.marielco-information__eyebrow { color: var(--information-muted); font-size: 11px; line-height: 1.5; letter-spacing: .16em; text-transform: uppercase; }
.marielco-information__hero h1 { max-width: 22ch; margin-top: 16px; font-size: clamp(36px,4vw,56px); font-weight: 400; line-height: 1.1; letter-spacing: -.03em; }
.marielco-information__intro { max-width: 68ch; padding-top: 20px; color: var(--information-muted); font-size: 15px; line-height: 1.7; }
.marielco-information__body { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: clamp(40px,6vw,88px); align-items: start; padding-top: 48px; }
.marielco-information__aside { position: sticky; top: var(--information-scroll-offset); }
/* Keep long contents lists reachable inside short desktop viewports. */
@media (min-width: 961px) {
 .marielco-information__aside { max-height: calc(100dvh - var(--information-scroll-offset) - 24px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--information-line) transparent; }
 .marielco-information__aside::-webkit-scrollbar { width: 4px; }
 .marielco-information__aside::-webkit-scrollbar-thumb { background: var(--information-line); }
 .marielco-information__aside::-webkit-scrollbar-thumb:hover { background: var(--information-muted); }
}
.marielco-information__nav ol { list-style: none; padding: 0; margin-top: 18px; }
.marielco-information__nav li { display: flex; border-top: 1px solid var(--information-line); }
.marielco-information__nav li:last-child { border-bottom: 1px solid var(--information-line); }
.marielco-information__nav a { display: flex; flex: 1; align-items: center; gap: 14px; min-height: 48px; padding-block: 12px; color: var(--information-muted); font-size: 13px; line-height: 1.5; text-decoration: none; transition: color var(--marielco-transition-standard) ease; }
.marielco-information__nav a:is(:hover,:focus-visible,[aria-current]) { color: var(--information-ink); }
.marielco-information__nav a[aria-current] { font-weight: 500; }
.marielco-information__number { flex-shrink: 0; color: var(--information-muted); font-size: 11px; letter-spacing: .08em; }
.marielco-information__section { scroll-margin-top: 24px; padding-bottom: 48px; }
/* WordPress admin-bar html padding reserves only its toolbar, overriding the layered Header rule. */
.admin-bar .marielco-information__section { scroll-margin-top: calc(var(--marielco-header-height) + 24px); }
.marielco-information__section + .marielco-information__section { border-top: 1px solid var(--information-line); padding-top: 40px; }
.marielco-information__section-head { margin-bottom: 24px; }
.marielco-information__section-head .marielco-information__number { display: block; margin-bottom: 10px; }
.marielco-information h2 { font-size: clamp(24px,2.4vw,32px); line-height: 1.2; font-weight: 400; letter-spacing: -.02em; }
@media (max-width: 960px) {
 .marielco-information { padding-block: 40px 56px; }
 .marielco-information__hero { padding-bottom: 32px; }
 .marielco-information__body { grid-template-columns: 1fr; gap: 36px; padding-top: 32px; }
 .marielco-information__aside { position: static; }
 .marielco-information__nav ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 24px; }
 .marielco-information__nav li:last-child { border-bottom: 0; }
}
@media (max-width: 600px) {
 .marielco-information__hero h1 { font-size: 36px; }
 .marielco-information__section { padding-bottom: 36px; }
 .marielco-information__section + .marielco-information__section { padding-top: 32px; }
}
@media (max-width: 360px) { .marielco-information__nav ol { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .marielco-information__nav a { transition: none; } }