/* “Skola – kopienā” / Konference — embed-ready styles All selectors are scoped to .sk-conference to minimize collisions with the host site. */ .sk-conference { --skc-purple: #7030A0; --skc-purple-dark: #532278; --skc-purple-soft: #F5EFF9; --skc-lime: #D7EC2F; --skc-ink: var(--bs-body-color, #242129); --skc-muted: var(--bs-secondary-color, #68616E); --skc-border: var(--bs-border-color, #E7E0EB); --skc-surface: var(--bs-tertiary-bg, #F8F7F9); --skc-white: var(--bs-body-bg, #FFFFFF); --skc-shadow: 0 12px 30px rgba(57, 35, 70, .08); max-width: 1180px; margin: 0 auto; padding: 24px 20px 64px; color: var(--skc-ink); font-family: inherit; line-height: 1.62; } /* App theme integration. `data-theme` is set on by the app's theme switcher. */ html[data-theme="blazing-dark"] .sk-conference, html[data-bs-theme="dark"] .sk-conference { --skc-purple: #C8A0E3; --skc-purple-dark: #E0C3F2; --skc-purple-soft: #302638; --skc-lime: #D7EC2F; --skc-ink: #F1EDF4; --skc-muted: #C2B9C7; --skc-border: #4A424F; --skc-surface: #29262D; --skc-white: #211E24; --skc-shadow: 0 12px 30px rgba(0, 0, 0, .22); } .sk-conference *, .sk-conference *::before, .sk-conference *::after { box-sizing: border-box; } .sk-conference img { max-width: 100%; height: auto; } .sk-conference a { color: var(--skc-purple); } .sk-conference a:hover { color: var(--skc-purple-dark); } .skc-hero { margin: 0 0 36px; } .skc-eyebrow { margin: 0 0 6px; color: var(--skc-purple); font-size: .86rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .skc-title { max-width: 920px; margin: 0 0 20px; color: var(--skc-purple); font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.08; letter-spacing: -.025em; } .skc-hero__visual { display: block; width: 100%; border-radius: 10px; box-shadow: var(--skc-shadow); } .skc-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 0; } .skc-meta__item { min-height: 74px; padding: 15px 17px; border: 1px solid var(--skc-border); border-top: 4px solid var(--skc-lime); background: var(--skc-white); } .skc-meta__label { display: block; margin-bottom: 2px; color: var(--skc-muted); font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .skc-meta__value { font-weight: 750; } .skc-jumpnav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 42px; } .skc-jumpnav a { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 14px; border: 1px solid var(--skc-border); border-radius: 999px; background: var(--skc-white); color: var(--skc-purple-dark); font-size: .92rem; font-weight: 700; text-decoration: none; } .skc-jumpnav a:hover, .skc-jumpnav a:focus-visible { border-color: var(--skc-purple); background: var(--skc-purple-soft); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--skc-purple) 22%, transparent); } .skc-section { margin: 0 0 54px; scroll-margin-top: 96px; } .skc-section__head { margin: 0 0 22px; } .skc-section__title { margin: 0; color: var(--skc-purple); font-size: clamp(1.55rem, 2.7vw, 2.25rem); line-height: 1.15; } .skc-section__lead { max-width: 880px; margin: 10px 0 0; color: var(--skc-muted); font-size: 1.04rem; } .skc-prose { max-width: 920px; } .skc-prose h3 { margin: 32px 0 8px; color: var(--skc-purple-dark); font-size: 1.26rem; } .skc-prose p { margin: 0 0 16px; } .skc-quote { margin: 24px 0; padding: 20px 22px 20px 24px; border-left: 5px solid var(--skc-lime); background: var(--skc-purple-soft); color: var(--skc-ink); font-size: 1.05rem; } .skc-quote p { margin: 0; } .skc-quote footer { margin-top: 10px; color: var(--skc-purple-dark); font-size: .93rem; font-weight: 750; } .skc-agenda { overflow: hidden; border: 1px solid var(--skc-border); background: var(--skc-white); box-shadow: var(--skc-shadow); } .skc-agenda__time-row { display: grid; grid-template-columns: 105px 1fr; border-bottom: 1px solid var(--skc-border); } .skc-agenda__time-row:last-child { border-bottom: 0; } .skc-agenda__time { padding: 17px 18px; color: var(--skc-purple); font-weight: 850; font-variant-numeric: tabular-nums; } .skc-agenda__time-content { padding: 17px 18px 17px 0; font-weight: 720; } .skc-agenda__theme { padding: 24px 20px 16px; border-bottom: 1px solid var(--skc-border); background: linear-gradient(90deg, var(--skc-purple-soft), var(--skc-white) 70%); } .skc-agenda__theme:last-child { border-bottom: 0; } .skc-theme-title { margin: 0 0 14px; color: var(--skc-purple); font-size: .9rem; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; } .skc-talks { display: grid; gap: 14px; } .skc-talk { display: grid; grid-template-columns: auto 1fr; gap: 13px; align-items: center; padding: 0; } .skc-talk + .skc-talk { padding-top: 14px; border-top: 1px dashed var(--skc-border); } .skc-talk__avatar { width: 68px; height: 68px; min-width: 68px; aspect-ratio: 1 / 1; border-radius: 50% !important; object-fit: cover; display: block; object-position: center 24%; border: 3px solid #fff; box-shadow: 0 0 0 1px var(--skc-border); } .skc-avatar-stack img:first-child { margin-left: 0; } .skc-talk__body { min-width: 0; } .skc-talk__speaker { margin: 0; font-weight: 800; } .skc-talk__role { color: var(--skc-muted); font-size: .9rem; font-weight: 500; } .skc-talk__topic { margin: 2px 0 0; color: var(--skc-ink); font-size: .98rem; font-style: italic; } .skc-talk--no-avatar { grid-template-columns: 1fr; } .skc-workshops { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .skc-workshop { display: flex; flex-direction: column; min-width: 0; padding: 24px; border: 1px solid var(--skc-border); border-top: 5px solid var(--skc-purple); background: var(--skc-white); box-shadow: 0 8px 24px rgba(57, 35, 70, .055); } .skc-workshop__number { margin: 0 0 9px; color: var(--skc-purple); font-size: .75rem; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; } .skc-workshop__title { margin: 0; color: var(--skc-purple-dark); font-size: 1.22rem; line-height: 1.3; } .skc-workshop__speakers { display: flex; align-items: center; gap: 14px; margin: 18px 0; } .skc-avatar-stack { display: flex; flex: 0 0 auto; padding-left: 6px; } .skc-avatar-stack img { width: 84px; height: 84px; min-width: 84px; aspect-ratio: 1 / 1; margin-left: -10px; border: 4px solid #fff; border-radius: 50% !important; object-fit: cover; object-position: center 24%; display: block; box-shadow: 0 0 0 1px var(--skc-border); } .skc-speaker-list { min-width: 0; font-size: .9rem; line-height: 1.35; } .skc-speaker-list strong { display: block; color: var(--skc-ink); } .skc-speaker-list span { display: block; margin-top: 3px; color: var(--skc-muted); } .skc-workshop__text { margin: 0; color: var(--skc-ink); } .skc-workshop__text + .skc-workshop__text { margin-top: 10px; } .skc-note { margin-top: 26px; padding: 18px 20px; border-left: 5px solid var(--skc-lime); background: var(--skc-surface); } .skc-note p { margin: 0; } .skc-note p + p { margin-top: 8px; } .skc-footer-note { margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--skc-border); color: var(--skc-muted); font-size: .9rem; } @media (max-width: 780px) { .sk-conference { padding: 18px 16px 48px; } .skc-meta { grid-template-columns: 1fr; } .skc-workshops { grid-template-columns: 1fr; } .skc-agenda__time-row { grid-template-columns: 82px 1fr; } .skc-agenda__time { padding: 15px 14px; } .skc-agenda__time-content { padding: 15px 14px 15px 0; } .skc-agenda__theme { padding: 21px 16px 15px; } } @media (max-width: 480px) { .skc-title { font-size: 2rem; } .skc-talk { grid-template-columns: 44px 1fr; gap: 10px; } .skc-talk--no-avatar { grid-template-columns: 1fr; } .skc-talk__avatar { width: 54px; height: 54px; min-width: 54px; } .skc-workshop { padding: 20px 17px; } .skc-avatar-stack img { width: 72px; height: 72px; min-width: 72px; } .skc-workshop__speakers { align-items: flex-start; } } @media (prefers-reduced-motion: reduce) { .sk-conference * { scroll-behavior: auto !important; } }