/* About page (ab-) and the author profile (au-, public/assets/css/pages/michal-palus.css is a copy), 2026-11-05: built on
   the feature-page pieces (geo-, fp-, hub-) of loyalty-feature-pages.css. Logical properties for the RTL build. */

.bqr-feature .ab-founders { margin: 0; text-align: center; }
.bqr-feature .ab-founders-frame { position: relative; max-width: 460px; margin-inline: auto; padding-top: 24px; }
.bqr-feature .ab-founders-frame::before { content: ""; position: absolute; inset: 22% 0 0; border-radius: 8rem 3rem 2rem 3rem; background: linear-gradient(-150deg, #8c7dee 0%, #5944ad 100%); }
.bqr-feature .ab-founders-frame img { position: relative; display: block; width: 100%; height: auto; }
.bqr-feature .ab-founders figcaption { margin-top: 14px; color: var(--feature-muted); font-size: 14px; }

.bqr-feature .ab-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; }
.bqr-feature .ab-stat { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; padding: 26px 24px; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px rgba(140,125,238,.12), 0 18px 40px -32px rgba(49,32,85,.5); }
.bqr-feature .ab-stat dd { margin: 0; color: var(--feature-accent); font-size: clamp(30px, 3.4vw, 44px); font-weight: 800; line-height: 1.05; }
.bqr-feature .ab-stat dt { color: var(--feature-muted); font-size: 15.5px; font-weight: 500; line-height: 1.45; }
.bqr-feature .ab-note { max-width: 760px; margin: 24px auto 0; color: var(--feature-muted); font-size: 14px; text-align: center; }

.bqr-feature .ab-timeline { position: relative; list-style: none; padding: 0; margin: 4px 0 0; }
.bqr-feature .ab-timeline::before { content: ""; position: absolute; inset-block: 8px; inset-inline-start: 7px; border-inline-start: 2px dashed #c9c0f2; }
.bqr-feature .ab-timeline li { position: relative; padding-inline-start: 30px; margin-bottom: 18px; }
.bqr-feature .ab-timeline li:last-child { margin-bottom: 0; }
.bqr-feature .ab-timeline li::before { content: ""; position: absolute; top: 5px; inset-inline-start: 0; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 4px var(--feature-accent); }
.bqr-feature .ab-when { display: block; margin-bottom: 2px; color: var(--feature-accent); font-size: 13.5px; font-weight: 700; }
.bqr-feature .ab-timeline p { margin: 0; color: var(--feature-ink); font-size: 15px; line-height: 1.55; }

.bqr-feature .ab-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; list-style: none; padding: 0; margin: 0; }
.bqr-feature .ab-person { padding: 28px; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px rgba(140,125,238,.12), 0 18px 40px -32px rgba(49,32,85,.5); }
.bqr-feature .ab-person h3 { margin-bottom: 4px; font-size: 21px; }
.bqr-feature .ab-person p { margin: 0 0 10px; color: var(--feature-muted); font-size: 15.5px; line-height: 1.6; }
.bqr-feature .ab-person .ab-role { color: var(--feature-accent); font-size: 14px; font-weight: 700; }
.bqr-feature .ab-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 6px; }
.bqr-feature .ab-links a { font-size: 15px; font-weight: 600; }
.bqr-feature .ab-quote { max-width: 860px; margin: 40px auto 0; text-align: center; }
.bqr-feature .ab-quote p { margin: 0 0 10px; color: var(--feature-ink); font-size: clamp(18px, 2vw, 22px); font-style: italic; line-height: 1.55; }
.bqr-feature .ab-quote footer { color: var(--feature-muted); font-size: 14px; }

.bqr-feature .ab-refs { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 0; }
.bqr-feature .ab-refs li { padding: 16px 18px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(140,125,238,.12); }
.bqr-feature .ab-refs b { display: block; font-size: 16px; }
.bqr-feature .ab-refs span { color: var(--feature-muted); font-size: 14px; }

.bqr-feature .ab-company .fp-glance-row dd a { font-weight: 600; }

/* author profile */
.bqr-feature .au-hero-grid { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 40px; align-items: center; max-width: 1000px; }
.bqr-feature .au-initials { display: grid; place-items: center; width: 148px; height: 148px; border-radius: 50%; background: linear-gradient(-150deg, #8c7dee 0%, #5944ad 100%); color: #fff; font-size: 52px; font-weight: 800; letter-spacing: .02em; box-shadow: 0 24px 50px -24px rgba(49,32,85,.6); }
.bqr-feature .au-role { margin: 4px 0 12px; color: var(--feature-accent); font-size: 16px; font-weight: 700; }
.bqr-feature .au-project-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bqr-feature .au-article h3 { margin: 0; font-size: 17px; line-height: 1.4; }
.bqr-feature .au-actions { justify-content: center; margin-top: 28px; }

@media (max-width: 991.98px) {
    .bqr-feature .ab-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bqr-feature .au-project-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .bqr-feature .ab-people, .bqr-feature .au-project-list { grid-template-columns: minmax(0, 1fr); }
    .bqr-feature .au-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .bqr-feature .au-initials { width: 104px; height: 104px; font-size: 38px; }
}
@media (max-width: 575.98px) {
    .bqr-feature .ab-stats { grid-template-columns: minmax(0, 1fr); }
    .bqr-feature .ab-person { padding: 22px; }
}

/* at-a-glance rows without an icon need no room for one */
.bqr-feature .fp-glance-row:not(:has(.fp-glance-icon)) { padding-inline-start: 0; }