/* Optional page layout: inactive pages retain their existing rendering. */
.mk-site .ss-sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:clamp(24px,4vw,56px);max-width:1320px;width:calc(100% - 48px);margin:48px auto 72px;text-align:left}
.mk-site .ss-sidebar-layout[data-sidebar-side="left"]{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}
.mk-site .ss-sidebar-layout[data-sidebar-side="left"]>.ss-page-sidebar{grid-column:1;grid-row:1}.mk-site .ss-sidebar-layout[data-sidebar-side="left"]>.ss-sidebar-main{grid-column:2;grid-row:1}
.ss-sidebar-main,.ss-page-sidebar{min-width:0}.ss-sidebar-main{overflow-wrap:anywhere}.ss-page-sidebar{display:grid;gap:20px;overflow-wrap:anywhere;font-family:var(--syllables-body-font,Arial),sans-serif;font-size:16px;line-height:1.65}
.mk-site .ss-page-sidebar .ss-sidebar-card{padding:26px;border:1px solid color-mix(in srgb,var(--syllables-primary) 18%,#e5e7eb);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--syllables-primary) 5%,#fff),#fff);box-shadow:0 12px 35px #14233208}
.mk-site .ss-page-sidebar h2{font:600 23px/1.25 var(--syllables-heading-font,Georgia),serif;margin:0 0 20px;color:var(--syllables-primary)}
.mk-site .ss-page-sidebar p{margin:0 0 16px}.ss-page-sidebar p:last-child{margin-bottom:0}.ss-page-sidebar small{display:block;opacity:.7;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.mk-site .ss-page-sidebar ul{list-style:none;padding:0;margin:0}.mk-site .ss-page-sidebar li{margin:0;border-bottom:1px solid #8893a326}.mk-site .ss-page-sidebar li:last-child{border:0}.mk-site .ss-page-sidebar li a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;text-decoration:none;color:inherit}.ss-page-sidebar li a span{color:var(--syllables-primary)}.ss-page-sidebar a[aria-current="page"]{font-weight:700}.ss-page-sidebar a:hover{text-decoration:underline!important}.ss-page-sidebar a:focus-visible{outline:3px solid var(--syllables-accent);outline-offset:4px}
.mk-site .ss-page-sidebar .ss-sidebar-cta{background:var(--syllables-primary);color:white;border:0}.mk-site .ss-page-sidebar .ss-sidebar-cta h2{color:inherit}.mk-site .ss-page-sidebar .ss-sidebar-button{display:inline-flex;padding:12px 18px;margin-top:8px;border-radius:8px;background:#fff;color:var(--syllables-primary);font-weight:700;text-decoration:none}
.mk-site .ss-page-sidebar[data-sidebar-style="editorial"] .ss-sidebar-card{border:0;border-top:3px solid var(--syllables-primary);border-radius:0;box-shadow:none;background:transparent}.mk-site .ss-page-sidebar[data-sidebar-style="editorial"] .ss-sidebar-cta{background:var(--syllables-primary)}
.mk-site .ss-page-sidebar[data-sidebar-style="contrast"] .ss-sidebar-card{background:var(--syllables-primary);color:#fff;border:0;border-radius:6px}.mk-site .ss-page-sidebar[data-sidebar-style="contrast"] h2,.mk-site .ss-page-sidebar[data-sidebar-style="contrast"] li a span{color:inherit}
/* Premium sections stay within the available content column. */
.mk-site .ss-sidebar-main .syllables-page-sections{width:100%;max-width:100%;margin:0}.mk-site .ss-sidebar-main .syllables-page-sections>section{max-width:100%;margin-left:0;margin-right:0}.mk-site .ss-sidebar-main .sd-section{--section-max:100%;}.mk-site .ss-sidebar-main .sd-section .sd-inner{max-width:100%}
@media(max-width:1000px){.mk-site .ss-sidebar-layout,.mk-site .ss-sidebar-layout[data-sidebar-side="left"]{grid-template-columns:minmax(0,1fr);gap:32px}.mk-site .ss-sidebar-layout[data-sidebar-side="left"]>.ss-sidebar-main,.mk-site .ss-sidebar-layout[data-sidebar-side="left"]>.ss-page-sidebar{grid-column:auto;grid-row:auto}.ss-sidebar-main{order:0}.ss-page-sidebar{order:1}}
@media(max-width:600px){.mk-site .ss-sidebar-layout{width:calc(100% - 32px);margin:28px auto 40px}.mk-site .ss-page-sidebar .ss-sidebar-card{padding:22px}}

/* Managed section surfaces reach the page edge; spacing belongs inside content.
   Keep the original contained layout for pages without managed sections. */
.mk-site .ss-sidebar-layout:has(.syllables-page-sections){width:100%;max-width:none;grid-template-columns:minmax(0,1fr) minmax(264px,324px)}
.mk-site .ss-sidebar-layout:has(.syllables-page-sections)[data-sidebar-side="left"]{grid-template-columns:minmax(264px,324px) minmax(0,1fr)}
.mk-site .ss-sidebar-layout:has(.syllables-page-sections)>.ss-page-sidebar{padding-inline:0 24px}
.mk-site .ss-sidebar-layout:has(.syllables-page-sections)[data-sidebar-side="left"]>.ss-page-sidebar{padding-inline:24px 0}
@media(max-width:1000px){
 .mk-site .ss-sidebar-layout:has(.syllables-page-sections),.mk-site .ss-sidebar-layout:has(.syllables-page-sections)[data-sidebar-side="left"]{grid-template-columns:minmax(0,1fr)}
 .mk-site .ss-sidebar-layout:has(.syllables-page-sections)>.ss-page-sidebar,.mk-site .ss-sidebar-layout:has(.syllables-page-sections)[data-sidebar-side="left"]>.ss-page-sidebar{padding-inline:24px}
}
@media(max-width:600px){
 .mk-site .ss-sidebar-layout:has(.syllables-page-sections){width:100%}
 .mk-site .ss-sidebar-layout:has(.syllables-page-sections)>.ss-page-sidebar,.mk-site .ss-sidebar-layout:has(.syllables-page-sections)[data-sidebar-side="left"]>.ss-page-sidebar{padding-inline:16px}
}

/* Join managed section surfaces vertically as well as horizontally. */
.mk-site .ss-sidebar-layout:has(.syllables-page-sections){margin-block:0;row-gap:0}
@media(max-width:1000px){
 .mk-site .ss-sidebar-layout:has(.syllables-page-sections)>.ss-page-sidebar{margin-block:28px 40px}
}

/* Give sidebar cards their own inset without separating page section surfaces. */
@media(min-width:1001px){
 .mk-site .ss-sidebar-layout:has(.syllables-page-sections)>.ss-page-sidebar{padding-block:clamp(32px,5vw,72px) 32px}
}