/* Native content components. No page-builder runtime or generated selectors. */
.content-section { padding-block: 26px; }
.content-grid { display: grid; grid-template-columns: repeat(var(--content-columns,2),minmax(0,1fr)); gap: 32px; align-items: start; }
.content-grid[data-content-columns="2"] { --content-columns: 2; }
.content-grid[data-content-columns="3"] { --content-columns: 3; }
.content-grid[data-content-columns="4"] { --content-columns: 4; }
.content-stack { min-width: 0; }
.content-quiz { width: 100%; min-width: 0; margin-block: 28px; }
.content-quiz > .content-quiz-frame { display: block; width: 100%; max-width: 100%; border: 0; border-radius: 12px; }
.content-stack > :first-child { margin-top: 0; }
.content-card { min-width: 0; padding: 24px; border: 1px solid var(--line); }
.content-card img { display: block; max-height: 300px; object-fit: contain; margin-inline: auto; }
.course-card.content-card { padding: 0 0 24px; border-width: 0 0 1px; }
.content-button { display: inline-flex; align-items: center; gap: 8px; font: 500 13px var(--sans); text-decoration: none; }
.imported-content a.content-button { padding: 13px 20px; margin-block: 14px; border: 1px solid var(--red); color: var(--red); }
.content-icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; vertical-align: -.1em; flex-shrink: 0; }
.content-button .content-icon { width: .85em; height: .85em; }
.content-divider { border-top: 1px solid var(--line); margin-block: 28px; }
.content-anchor { display: block; height: 0; scroll-margin-top: 120px; }
.content-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); gap: 20px; }
.content-gallery img { width: 100%; height: auto; object-fit: contain; }
.content-accordion { border-block: 1px solid var(--line); padding-block: 18px; }
.content-accordion > summary { cursor: pointer; font-weight: 600; padding: 10px 0; }
.content-accordion > summary .content-icon { display: none; }
.content-countdown-part { display: flex; gap: 12px; flex-wrap: wrap; align-items: baseline; }
.content-countdown-part .content-countdown-part { display: grid; gap: 0; text-align: center; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
.content-video-dialog { border: 1px solid var(--line); padding: 20px; width: min(940px,calc(100vw - 32px)); background: white; color: var(--ink); }
.content-video-dialog::backdrop { background: #171813b8; }
.content-video-dialog button { display: block; margin: 0 0 16px auto; padding: 10px 16px; border: 1px solid var(--ink); background: white; font: inherit; cursor: pointer; }
.content-video-dialog iframe { display: block; width: 100%; aspect-ratio: 16/9; border: 0; }
@media(max-width:900px) { .content-grid[data-content-columns="4"] { --content-columns: 2; } }
@media(max-width:640px) { .content-grid { grid-template-columns: minmax(0,1fr); gap: 24px; } .content-section { padding-block: 20px; } }