/* Owner's editorial reference, using shared corporate surfaces and type tokens. */
.cv-learn .cv-section { scroll-margin-top: calc(var(--cv-header-height) + 24px); }
.cv-learn > .cv-case-hero { padding-top: calc(var(--cv-section-gap) / 2); }
.cv-learn [hidden] { display: none !important; }
.cv-learn-intro-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cv-content-gap); }
.cv-learn .cv-learn-hero-panel { display: block; height: auto; }
.cv-learn-hero-panel h1 { margin: 12px 0 20px; }
.cv-learn .cv-learn-hero-panel p { margin: 0; }
.cv-learn-social-label { display: flex; align-items: center; gap: var(--cv-heading-gap); }
.cv-learn .cv-learn-social p { margin: 0; }
.cv-learn .cv-case-hero :is(.cv-learn-hero-panel, .cv-learn-social) p { margin: 0; font-size: calc(var(--cv-content-copy) - 2px); line-height: 1.6; }
.cv-learn-social h2 { margin-top: 12px; font-size: var(--cv-content-h3); color: var(--cv-content-title-color); }
.cv-learn-social-links { justify-content: flex-start; margin-top: 4px; }
.cv-learn-social-youtube { color: #ff0000; }
.cv-learn :is(.cv-learn-hero-panel, .cv-learn-social) .cv-v1-tags { display: inline-flex; flex-wrap: wrap; width: fit-content; max-width: 100%; }
.cv-learn :is(.cv-learn-hero-panel, .cv-learn-social) .cv-v1-tags > span { padding: 3px 6px; font-size: 11px; line-height: 1.4; background: var(--cv-section-icon-bg); border-color: var(--cv-section-icon-border); color: var(--cv-section-icon-color); }
.cv-learn-toolbar { display: flex; align-items: center; gap: 24px; margin-bottom: var(--cv-content-gap); }
.cv-learn .cv-learn-rule { display: flex; align-items: center; gap: 16px; min-width: 0; margin: 0; font-size: 12px; font-weight: 700; line-height: 1.4; text-transform: uppercase; color: var(--cv-section-icon-color); }
.cv-learn-rule::after { content: ""; flex: 1; min-width: 24px; border-top: 2px solid var(--cv-section-icon-color); }
.cv-learn-toolbar > .cv-learn-rule { flex: 1; }
.cv-learn-controls { display: flex; align-items: center; gap: 10px; position: relative; min-width: 0; }
.cv-learn-controls button, .cv-learn-filter summary { display: flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; border: 0; padding: 4px; background: transparent; color: var(--cv-section-icon-color); font: inherit; font-size: 12px; cursor: pointer; }
.cv-learn-controls svg { width: 16px; height: 16px; }
.cv-learn-filter { position: relative; }
.cv-learn-filter summary { list-style: none; gap: 20px; }
.cv-learn-filter summary::-webkit-details-marker { display: none; }
.cv-learn-filter[open] summary svg { transform: rotate(180deg); }
.cv-learn-filter select { position: absolute; z-index: 5; top: calc(100% + 4px); right: 0; width: 210px; max-width: 80vw; padding: 8px; border: 1px solid var(--cv-section-icon-border); border-radius: 6px; background: #fff !important; color: var(--cv-ink); font: inherit; font-size: 12px; box-shadow: 0 2px 4px #00000013; }
.cv-learn-filter option { padding: 12px 8px; white-space: normal; }
.cv-learn-controls input { width: 200px; min-width: 0; padding: 8px 0; border: 0; border-bottom: 1px solid var(--cv-muted); border-radius: 0; background: transparent !important; color: var(--cv-ink); font: inherit; font-size: 12px; }
.cv-learn :is(input, select, button, summary, .cv-learn-social-links a):focus-visible { outline: 2px solid var(--cv-section-icon-color); outline-offset: 3px; }
.cv-learn-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cv-learn-filter option { background: #fff; color: var(--cv-ink); }
.cv-learn .cv-v1-post-grid { align-items: start; }
.cv-learn :is(h1,h2,h3,p,a,label) { overflow-wrap: break-word; letter-spacing: 0; }
.cv-learn-browse { grid-column: 1 / -1; }
.cv-learn-editorial--filtered > .cv-learn-browse { display: none; }
.cv-learn-all { margin-top: var(--cv-content-gap); }
@media (min-width: 981px) {
    .cv-learn-intro-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
    .cv-learn .cv-learn-editorial { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cv-learn-editorial:not(.cv-learn-editorial--filtered) > article:first-of-type { grid-column: 1 / 3; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
    .cv-learn-editorial:not(.cv-learn-editorial--filtered) > article:first-of-type .cv-v1-post-image { border-radius: 0; aspect-ratio: auto; height: 100%; }
    .cv-learn-editorial:not(.cv-learn-editorial--filtered) > article:first-of-type img { object-fit: contain; }
    .cv-learn-editorial:not(.cv-learn-editorial--filtered) > article:nth-of-type(2) { grid-column: 3; grid-row: 1 / 5; }
    .cv-learn-editorial:not(.cv-learn-editorial--filtered) > .cv-learn-browse { grid-column: 1 / 3; grid-row: 2; }
}
@media (max-width: 700px) {
    .cv-learn-toolbar { flex-wrap: wrap; gap: 12px; }
    .cv-learn-controls:has(input:not([hidden])) { flex-basis: 100%; }
    .cv-learn-controls input { flex: 1; width: 120px; }
    .cv-learn-filter select { right: auto; left: 0; }
}