:root {
    --aq-ink: #243746;
    --aq-text: #52616b;
    --aq-muted: #788791;
    --aq-primary: #1ab394;
    --aq-primary-dark: #12836d;
    --aq-primary-soft: #e8f7f3;
    --aq-canvas: #f4f6f8;
    --aq-surface: #ffffff;
    --aq-border: #dce3e7;
    --aq-danger: #c84250;
    --aq-danger-soft: #fcedef;
    --aq-warning: #b76a12;
    --aq-warning-soft: #fff5e7;
    --aq-info: #26749b;
    --aq-info-soft: #eaf4f9;
    --aq-radius: 8px;
    --aq-shadow: 0 8px 24px rgba(36, 55, 70, .08);
}

.aq-public-shell { background: var(--aq-canvas); color: var(--aq-text); display: flex; flex-direction: column; font-family: "Open Sans", Arial, sans-serif; margin: 0; min-height: 100vh; }
.aq-public-shell__bar { align-items: center; background: var(--aq-surface); border-bottom: 1px solid var(--aq-border); display: flex; justify-content: space-between; min-height: 72px; padding: 12px max(24px, calc((100vw - 1320px) / 2)); }
.aq-public-brand { align-items: center; color: var(--aq-ink); display: inline-flex; gap: 10px; }
.aq-public-brand:hover { color: var(--aq-primary-dark); text-decoration: none; }
.aq-public-brand:focus { border-radius: 6px; box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }
.aq-public-brand img { border-radius: 8px; display: block; }
.aq-public-brand span { display: flex; flex-direction: column; line-height: 1.2; }
.aq-public-brand strong { font-size: 15px; }
.aq-public-brand small { color: var(--aq-muted); font-size: 11px; margin-top: 2px; }
.aq-public-shell__content { flex: 1 0 auto; width: 100%; }
.aq-public-shell__content > .aq-page { margin-left: auto; margin-right: auto; }
.aq-public-shell__footer { align-items: center; background: var(--aq-surface); border-top: 1px solid var(--aq-border); color: var(--aq-muted); display: flex; font-size: 12px; justify-content: space-between; min-height: 56px; padding: 12px max(24px, calc((100vw - 1320px) / 2)); }

.aq-page { color: var(--aq-text); padding: 24px; }
.aq-page--contained { margin: 0 auto; max-width: 1240px; }
.aq-app-layout { display: flex; flex-direction: column; min-height: 100vh; }
.aq-layout-content { flex: 1 0 auto; min-height: 0; padding-bottom: 32px; }
.aq-page__header { border-left: 5px solid var(--aq-primary); margin-bottom: 24px; padding: 4px 0 4px 18px; }
.aq-page__header--editorial { align-items: end; border-bottom: 1px solid var(--aq-border); display: grid; gap: 32px; grid-template-columns: minmax(0, 1fr) minmax(300px, .7fr); padding: 4px 0 20px 20px; }
.aq-page__heading { min-width: 0; }
.aq-page__context { align-items: center; color: var(--aq-primary-dark); display: inline-flex; font-size: 13px; font-weight: 700; gap: 7px; margin-bottom: 8px; }
.aq-page__context i { font-size: 15px; }
.aq-page__header--editorial .aq-page__title { font-size: 32px; margin: 0; }
.aq-page__header--editorial .aq-page__intro { border-left: 1px solid var(--aq-border); font-size: 15px; line-height: 1.6; max-width: 48ch; padding-left: 24px; }
.aq-page__header--accent { background: var(--aq-primary-dark); border-bottom: 0; border-left-color: var(--aq-primary); border-radius: 10px; box-shadow: 0 8px 22px rgba(18, 131, 109, .16); padding: 24px 28px; }
.aq-page__header--accent .aq-page__context { color: #c9fff3; }
.aq-page__header--accent .aq-page__title { color: #fff; }
.aq-page__header--accent .aq-page__intro { border-left-color: rgba(255, 255, 255, .3); color: #ecfffb; }
.aq-page__aside { align-items: flex-start; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.aq-page__aside .aq-page__intro { max-width: 52ch; }
.aq-page__title { color: var(--aq-ink); font-size: 28px; font-weight: 700; line-height: 1.2; margin: 0 0 6px; }
.aq-page__intro { font-size: 15px; margin: 0; max-width: 70ch; }
.aq-eyebrow { color: var(--aq-primary-dark); display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em; margin-bottom: 5px; text-transform: uppercase; }
.aq-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 20px; }

.aq-card { background: var(--aq-surface); border: 1px solid var(--aq-border); border-radius: var(--aq-radius); box-shadow: var(--aq-shadow); min-width: 0; overflow: hidden; }
.aq-card__header { border-bottom: 1px solid var(--aq-border); padding: 18px 20px 14px; }
.aq-card__title { color: var(--aq-ink); font-size: 18px; font-weight: 700; margin: 0; }
.aq-card__body { min-width: 0; padding: 20px; }
.aq-table-wrap { border: 1px solid var(--aq-border); border-radius: 7px; max-width: 100%; overflow-x: auto; width: 100%; }
.aq-table { background: var(--aq-surface); border-collapse: collapse; min-width: 480px; width: 100%; }
.aq-table__caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.aq-table th { background: var(--aq-canvas); border-bottom: 1px solid var(--aq-border); color: var(--aq-text); font-size: 12px; font-weight: 700; padding: 10px 14px; text-align: left; white-space: nowrap; }
.aq-table td { border-bottom: 1px solid var(--aq-border); color: var(--aq-ink); font-size: 13px; padding: 11px 14px; vertical-align: middle; }
.aq-table tbody tr:last-child td { border-bottom: 0; }
.aq-table tbody tr:hover { background: #f8fafb; }
.aq-table__nowrap { font-variant-numeric: tabular-nums; white-space: nowrap; }
.aq-table__empty { color: var(--aq-text); padding: 24px 14px !important; text-align: center; }
.aq-content-panel { background: #fff; border: 1px solid #e7eaec; border-radius: 4px; min-width: 0; overflow: hidden; }
.aq-content-panel__body { min-width: 0; padding: 16px; }
.aq-content-panel__body--tinted { background: #eef9f6; min-height: 190px; }
.aq-section-header { align-items: center; background: #58789f; border-bottom: 3px solid #1ab394; color: #fff; display: flex; gap: 11px; padding: 14px 18px; }
.aq-section-header__icon { align-items: center; background: #1ab394; border-radius: 6px; display: inline-flex; flex: 0 0 34px; font-size: 16px; height: 34px; justify-content: center; width: 34px; }
.aq-section-header__copy { flex: 1 1 auto; min-width: 0; }
.aq-section-header__title { color: #fff; font-size: 18px; font-weight: 700; line-height: 1.25; margin: 0 0 2px; }
.aq-section-header__description { color: #edf3f8; font-size: 13px; line-height: 1.45; margin: 0; max-width: 780px; }
.aq-section-header__count { background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .35); border-radius: 12px; color: #fff; flex: 0 0 auto; font-size: 11px; font-weight: 700; min-width: 32px; padding: 5px 9px; text-align: center; }
.aq-section-header--prominent { background: linear-gradient(135deg, #58789f 0%, #496783 100%); border-bottom-width: 4px; border-radius: 4px; box-shadow: 0 3px 10px rgba(47, 64, 80, .12); gap: 14px; overflow: hidden; padding: 20px 24px; }
.aq-section-header--prominent .aq-section-header__icon { flex-basis: 42px; font-size: 19px; height: 42px; width: 42px; }
.aq-section-header--prominent .aq-section-header__title { font-size: 24px; margin-bottom: 3px; }
.aq-section-header--prominent .aq-section-header__description { color: #e8eef4; font-size: 14px; }
.aq-empty-card { align-items: center; background: #e5f5f0; border: 1px dashed #adddce; border-radius: 7px; color: #567269; display: flex; flex-direction: column; justify-content: center; min-height: 156px; padding: 34px 16px; text-align: center; }
.aq-empty-card__icon { color: #1ab394; font-size: 36px; margin-bottom: 20px; }
.aq-empty-card p { margin: 0; }

.aq-banner { background-color: var(--aq-ink); background-position: center; background-size: cover; border-radius: var(--aq-radius); box-shadow: 0 4px 12px rgba(36, 55, 70, .18); color: #fff; min-height: 224px; overflow: hidden; position: relative; width: 100%; }
.aq-banner--image-default { background-image: url('../img/2.png'); }
.aq-banner__overlay { align-items: flex-end; background: linear-gradient(135deg, rgba(18, 131, 109, .94) 0%, rgba(26, 179, 148, .72) 100%); display: flex; inset: 0; min-height: 224px; position: absolute; }
.aq-banner__actions { align-items: flex-end; display: flex; flex-direction: column; gap: 10px; position: absolute; right: 30px; top: 20px; }
.aq-banner__content { padding: 32px 40px; width: 100%; }
.aq-banner__title { color: #fff; font-size: 32px; font-weight: 700; line-height: 1.2; margin: 0 0 10px; }
.aq-banner__meta { align-items: center; display: flex; flex-wrap: wrap; font-size: 16px; opacity: .95; }
.aq-banner__meta-item { align-items: center; display: inline-flex; gap: 7px; }
.aq-banner__meta-item + .aq-banner__meta-item { border-left: 1px solid rgba(255, 255, 255, .55); margin-left: 16px; padding-left: 16px; }
.aq-button--ghost { backdrop-filter: blur(10px); background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .55); color: #fff; }
.aq-button--ghost:hover { background: #fff; border-color: #fff; color: var(--aq-primary-dark); }

.aq-stack { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.aq-inline-list { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
.aq-topbar { margin-bottom: 0; }
.aq-topbar__header { align-self: center; padding-left: 13px; }
.aq-topbar__brand { color: #ebebeb; font-size: 1.3rem; margin: 1rem; }
.aq-topbar__logout { margin-right: 20px; }
.aq-topbar__notification-icon { align-content: center; margin-right: 1rem; }
.aq-topbar__flush { margin: 0; }
.aq-topbar-search-results { border: 1px solid var(--aq-border); border-radius: 7px; left: 25px; position: absolute; top: 50px; width: 90%; z-index: 1; }
.aq-topbar-search-results__panel { margin-bottom: 0; }
.aq-button { align-items: center; border: 1px solid transparent; border-radius: 6px; column-gap: 8px; cursor: pointer; display: inline-flex; font-family: inherit; font-weight: 700; justify-content: center; line-height: 1.2; min-height: 44px; padding: 10px 16px; transition: background-color .15s ease, border-color .15s ease, transform .15s ease; }
.aq-button > i { flex: 0 0 auto; line-height: 1; }
.aq-button:hover { text-decoration: none; transform: translateY(-1px); }
.aq-button:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }
.aq-button--primary { background: var(--aq-primary); border-color: var(--aq-primary); color: #fff; }
.aq-button--primary:hover { background: var(--aq-primary-dark); border-color: var(--aq-primary-dark); color: #fff; }
.aq-button--secondary { background: #fff; border-color: #aebbc3; color: var(--aq-ink); }
.aq-button--secondary:hover { background: var(--aq-canvas); color: var(--aq-ink); }
.aq-button--danger { background: var(--aq-danger); border-color: var(--aq-danger); color: #fff; }
.aq-button--danger:hover { background: #a93440; border-color: #a93440; color: #fff; }
.aq-button--sm { column-gap: 6px; font-size: 12px; min-height: 32px; padding: 7px 12px; }
.aq-button--lg { font-size: 16px; min-height: 48px; padding: 13px 20px; }
.aq-button:disabled { cursor: not-allowed; opacity: .55; transform: none; }

.aq-field { margin-bottom: 18px; }
.aq-label { color: var(--aq-ink); display: block; font-size: 13px; font-weight: 700; margin-bottom: 7px; }
.aq-input { background: #fff; border: 1px solid #b7c2c9; border-radius: 6px; color: var(--aq-ink); display: block; font-family: inherit; min-height: 44px; padding: 9px 12px; transition: border-color .15s ease, box-shadow .15s ease; width: 100%; }
.aq-input:focus { border-color: var(--aq-primary); box-shadow: 0 0 0 3px rgba(26, 179, 148, .18); outline: none; }
.aq-input:disabled { background-color: var(--aq-canvas); color: var(--aq-muted); cursor: not-allowed; opacity: .75; }
select.aq-input { appearance: none; background-color: #fff; background-image: linear-gradient(45deg, transparent 50%, var(--aq-text) 50%), linear-gradient(135deg, var(--aq-text) 50%, transparent 50%); background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; cursor: pointer; line-height: 1.35; padding-right: 40px; }
select.aq-input:disabled { background-color: var(--aq-canvas); cursor: not-allowed; }
.aq-input--error { border-color: var(--aq-danger); }
.aq-field-message { color: var(--aq-muted); display: block; font-size: 12px; margin-top: 6px; }
.aq-field-message--error { color: var(--aq-danger); font-weight: 700; }
.aq-textarea { line-height: 1.55; min-height: 96px; resize: vertical; }
.aq-form-grid { display: grid; gap: 0 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aq-form-shell { margin-left: auto; margin-right: auto; max-width: 820px; width: 100%; }
.aq-field--wide { grid-column: 1 / -1; }
.aq-input-group { align-items: center; display: flex; position: relative; }
.aq-input-group > i { color: var(--aq-muted); left: 13px; position: absolute; z-index: 1; }
.aq-input-group .aq-input { padding-left: 38px; }
.aq-date-picker { align-items: stretch; display: flex; flex-wrap: nowrap; position: relative; width: 100%; }
.aq-date-picker__input { border-radius: 6px 0 0 6px; flex: 1 1 auto; min-width: 0; padding-right: 12px; width: auto; }
.aq-date-picker__trigger { align-items: center; background: var(--aq-canvas); border: 1px solid var(--aq-border); border-left: 0; border-radius: 0 6px 6px 0; color: var(--aq-primary-dark); cursor: pointer; display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; transition: background-color .2s ease, border-color .2s ease, color .2s ease; width: 44px; }
.aq-date-picker__trigger:hover { background: var(--aq-primary-soft); border-color: var(--aq-primary); }
.aq-date-picker__trigger:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; position: relative; z-index: 2; }
.aq-date-picker:focus-within .aq-date-picker__input { border-color: var(--aq-primary); box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); position: relative; z-index: 1; }
.aq-date-picker:focus-within .aq-date-picker__trigger { border-color: var(--aq-primary); }
.datepicker.datepicker-dropdown { border: 1px solid var(--aq-border); border-radius: 8px; box-shadow: var(--aq-shadow); color: var(--aq-text); padding: 8px; z-index: 2050; }
.datepicker.datepicker-dropdown table tr td, .datepicker.datepicker-dropdown table tr th { border-radius: 6px; height: 36px; width: 36px; }
.datepicker.datepicker-dropdown table tr td.day:hover, .datepicker.datepicker-dropdown table tr td.focused { background: var(--aq-primary-soft); color: var(--aq-primary-dark); }
.datepicker.datepicker-dropdown table tr td.active, .datepicker.datepicker-dropdown table tr td.active:hover { background: var(--aq-primary); color: #fff; text-shadow: none; }
.datepicker.datepicker-dropdown table tr td.today, .datepicker.datepicker-dropdown table tr td.today:hover { background: var(--aq-warning-soft); color: var(--aq-warning); }
.datepicker.datepicker-dropdown .datepicker-switch, .datepicker.datepicker-dropdown .prev, .datepicker.datepicker-dropdown .next { color: var(--aq-ink); font-weight: 700; }
.aq-form-actions { align-items: center; display: flex; gap: 10px; justify-content: flex-end; }
.aq-action-stack { display: grid; gap: 10px; margin-top: 16px; }
.aq-form-subtitle { color: var(--aq-ink); font-size: 15px; margin: 0 0 16px; }
.aq-file-input { height: auto; padding: 8px; }
.aq-button--block { width: 100%; }
.aq-icon-button { align-items: center; background: transparent; border: 1px solid var(--aq-border); border-radius: 6px; display: inline-flex; flex: 0 0 40px; height: 40px; justify-content: center; width: 40px; }
.aq-icon-button--danger { color: var(--aq-danger); }
.aq-icon-button--danger:hover { background: var(--aq-danger-soft); border-color: #efc0c5; }
.aq-icon-button:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }

.aq-switch-field { align-items: center; background: var(--aq-canvas); border: 1px solid var(--aq-border); border-radius: 8px; cursor: pointer; display: flex; gap: 16px; justify-content: space-between; margin: 0; min-height: 64px; padding: 12px 14px; }
.aq-switch-field__copy { display: flex; flex-direction: column; min-width: 0; }
.aq-switch-field__copy strong { color: var(--aq-ink); font-size: 13px; }
.aq-switch-field__copy small { color: var(--aq-muted); font-size: 12px; margin-top: 2px; }
.aq-switch { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 8px; min-height: 44px; position: relative; }
.aq-switch__input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.aq-switch__control { background: #aebbc3; border: 2px solid #aebbc3; border-radius: 999px; display: inline-flex; flex: 0 0 44px; height: 24px; position: relative; transition: background-color .2s ease, border-color .2s ease; width: 44px; }
.aq-switch__control::after { background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(36, 55, 70, .25); content: ""; height: 20px; left: 0; position: absolute; top: 0; transform: translateX(0); transition: transform .2s ease; width: 20px; }
.aq-switch__input:checked + .aq-switch__control { background: var(--aq-primary); border-color: var(--aq-primary); }
.aq-switch__input:checked + .aq-switch__control::after { transform: translateX(20px); }
.aq-switch__input:focus-visible + .aq-switch__control { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }
.aq-switch__label { color: var(--aq-ink); font-size: 12px; font-weight: 700; min-width: 70px; }
.aq-requirement-label { align-items: center; background: #edf0f2; border: 1px solid var(--aq-border); border-radius: 999px; color: var(--aq-text); display: inline-flex; font-size: 11px; font-weight: 700; gap: 6px; margin-top: 6px; padding: 4px 9px; }
.aq-requirement-label--required { background: var(--aq-warning-soft); border-color: #f1d4aa; color: var(--aq-warning); }

.aq-badge { border: 1px solid transparent; border-radius: 999px; display: inline-flex; font-size: 11px; font-weight: 700; letter-spacing: .02em; padding: 4px 9px; }
.aq-badge--neutral { background: #edf0f2; color: var(--aq-text); }
.aq-badge--success { background: var(--aq-primary-soft); border-color: #bce5da; color: var(--aq-primary-dark); }
.aq-badge--warning { background: var(--aq-warning-soft); border-color: #f1d4aa; color: var(--aq-warning); }
.aq-badge--danger { background: var(--aq-danger-soft); border-color: #efc0c5; color: var(--aq-danger); }
.aq-badge-trigger { border: 0; cursor: pointer; font-family: inherit; }
.aq-badge-trigger:hover { filter: brightness(.96); }
.aq-badge-trigger:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .3); outline: 2px solid transparent; }
.aq-tile { border-radius: 13px; overflow: hidden; }
.aq-tile__hero { align-items: center; display: flex; isolation: isolate; justify-content: center; min-height: 7rem; overflow: hidden; position: relative; }
.aq-tile__heading { color: #fff; font-size: 1.3rem; font-weight: 700; position: relative; text-align: center; z-index: 1; }
.aq-color-field { background-color: var(--aq-primary); background-image: radial-gradient(circle at 18% 30%, rgba(87, 117, 144, .5) 0 13%, transparent 14%), radial-gradient(circle at 76% 18%, rgba(249, 199, 79, .42) 0 17%, transparent 18%), radial-gradient(circle at 68% 86%, rgba(249, 65, 68, .35) 0 20%, transparent 21%), radial-gradient(circle at 28% 92%, rgba(67, 170, 139, .55) 0 16%, transparent 17%); inset: 0; opacity: .5; overflow: hidden; position: absolute; z-index: 0; }
.aq-color-field--muted { filter: grayscale(100%); }

.aq-alert { align-items: flex-start; border: 1px solid; border-radius: var(--aq-radius); display: flex; gap: 12px; margin-bottom: 12px; padding: 14px 16px; }
.aq-alert__icon { font-size: 17px; margin-top: 2px; }
.aq-alert__title { color: var(--aq-ink); display: block; margin-bottom: 2px; }
.aq-alert__content { line-height: 1.45; }
.aq-alert > div { flex: 1 1 auto; min-width: 0; }
.aq-alert__dismiss { align-items: center; align-self: center; background: transparent; border: 0; border-radius: 5px; color: currentColor; display: inline-flex; flex: 0 0 40px; height: 40px; justify-content: center; margin: -8px -8px -8px 4px; width: 40px; }
.aq-alert__dismiss:hover { background: rgba(36, 55, 70, .08); }
.aq-alert__dismiss:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }
.aq-alert--info { background: var(--aq-info-soft); border-color: #bcdbe9; color: var(--aq-info); }
.aq-alert--success { background: var(--aq-primary-soft); border-color: #bce5da; color: var(--aq-primary-dark); }
.aq-alert--warning { background: var(--aq-warning-soft); border-color: #f1d4aa; color: var(--aq-warning); }
.aq-alert--danger { background: var(--aq-danger-soft); border-color: #efc0c5; color: var(--aq-danger); }

.aq-token-list { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aq-token { border: 1px solid var(--aq-border); border-radius: 6px; overflow: hidden; }
.aq-token__color { display: block; height: 52px; }
.aq-token__label { color: var(--aq-ink); display: block; font-size: 11px; font-weight: 700; padding: 8px; }

.aq-template__layout { align-items: start; display: grid; gap: 20px; grid-template-columns: 210px minmax(0, 1fr); min-width: 0; }
.aq-template__layout > * { min-width: 0; }
.aq-template__content { container-type: inline-size; min-width: 0; }
.aq-template__menu { background: var(--aq-surface); border: 1px solid var(--aq-border); border-radius: var(--aq-radius); box-shadow: var(--aq-shadow); overflow: hidden; padding: 8px; position: sticky; top: 20px; }
.aq-template__menu a { border-radius: 5px; color: var(--aq-text); display: block; font-weight: 700; padding: 10px 12px; }
.aq-template__menu a:hover { background: var(--aq-canvas); color: var(--aq-ink); text-decoration: none; }
.aq-template__menu a.is-active { background: var(--aq-primary-soft); color: var(--aq-primary-dark); }
.aq-template__example { border-bottom: 1px solid var(--aq-border); margin-bottom: 20px; padding-bottom: 20px; }
.aq-template__subtitle { color: var(--aq-ink); font-size: 14px; font-weight: 700; margin: 0 0 10px; }
.aq-code { background: var(--aq-ink); border: 0; border-radius: 6px; color: #e8f7f3; display: block; font-size: 12px; margin: 0; max-width: 100%; min-width: 0; overflow-x: auto; padding: 16px; white-space: pre; width: 100%; }
.aq-code code { display: block; min-width: max-content; }
.aq-tabs { border-bottom: 1px solid var(--aq-border); display: flex; gap: 4px; overflow-x: auto; }
.aq-tabs-panel { background: var(--aq-surface); border: 1px solid var(--aq-border); border-radius: 12px; box-shadow: var(--aq-shadow); container-type: inline-size; margin-bottom: 30px; min-width: 0; padding: 24px; }
.aq-tabs__item { border-bottom: 3px solid transparent; color: var(--aq-text); font-weight: 700; padding: 10px 14px; white-space: nowrap; }
.aq-tabs__item:hover { color: var(--aq-primary-dark); text-decoration: none; }
.aq-tabs__item.is-active { border-bottom-color: var(--aq-primary); color: var(--aq-ink); }
.aq-tabs--pills { align-items: center; border: 0; flex-wrap: wrap; gap: 10px; }
.aq-tabs--pills .aq-tabs__item { align-items: center; background: #f8f9fa; border: 2px solid #e1e6e9; border-radius: 999px; display: inline-flex; gap: 8px; min-height: 44px; padding: 10px 18px; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.aq-tabs--pills .aq-tabs__item:hover { background: var(--aq-primary-soft); border-color: var(--aq-primary); box-shadow: 0 4px 10px rgba(36, 55, 70, .1); transform: translateY(-1px); }
.aq-tabs--pills .aq-tabs__item.is-active { background: var(--aq-primary); border-color: var(--aq-primary); box-shadow: 0 4px 12px rgba(26, 179, 148, .28); color: #fff; }
.aq-tabs--lg .aq-tabs__item { font-size: 15px; min-height: 48px; padding: 12px 24px; }
.aq-tabs--lg .aq-tabs__item > i { font-size: 16px; }
.aq-tabs__count { align-items: center; background: #d8dee2; border-radius: 999px; color: var(--aq-text); display: inline-flex; font-size: 11px; font-weight: 700; justify-content: center; min-height: 20px; min-width: 20px; padding: 2px 7px; }
.aq-tabs__item.is-active .aq-tabs__count { background: rgba(255, 255, 255, .24); color: #fff; }
.aq-tabs__status { border-radius: 50%; display: inline-block; height: 10px; width: 10px; }
.aq-tabs__status.is-complete { background: var(--aq-primary); box-shadow: 0 0 0 2px rgba(26, 179, 148, .2); }
.aq-tabs__status.is-incomplete { background: var(--aq-danger); box-shadow: 0 0 0 2px rgba(200, 66, 80, .2); }
.aq-tabs--form { background: var(--aq-surface); border: 1px solid var(--aq-border); border-radius: 10px; display: grid; gap: 4px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 20px; overflow: hidden; padding: 6px; }
.aq-tabs--form-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aq-tabs--form-trio { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aq-tabs--form .aq-tabs__item { align-items: center; background: transparent; border: 0; border-radius: 7px; color: var(--aq-text); cursor: pointer; display: inline-flex; font-family: inherit; font-weight: 700; gap: 8px; justify-content: center; min-height: 48px; padding: 10px 14px; }
.aq-tabs--form .aq-tabs__item:hover { background: var(--aq-canvas); color: var(--aq-ink); }
.aq-tabs--form .aq-tabs__item:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }
.aq-tabs--form .aq-tabs__item.is-active { background: var(--aq-primary-soft); color: var(--aq-primary-dark); }
.aq-tabs--form .aq-tabs__item.is-active::after { display: none; }
.aq-tabs--form .aq-tabs__item.is-active .aq-tabs__count { background: #cbece4; color: var(--aq-primary-dark); }
.aq-tabs--form .aq-tabs__item:disabled { background: transparent; color: var(--aq-muted); cursor: not-allowed; opacity: .58; }
.aq-tabs--form-pair .aq-tabs__item { min-height: 64px; white-space: normal; }
.aq-tabs--form-pair .aq-tabs__item span { line-height: 1.25; text-align: center; }
.aq-tab-workspace > form { display: grid; gap: 16px; }
.aq-material-editor { align-items: start; display: grid; gap: 28px; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); }
.aq-material-editor__form { border-left: 1px solid var(--aq-border); padding-left: 28px; }

@media (max-width: 767px) {
    .aq-topbar__brand { font-size: 1rem; margin: .75rem .5rem; }
    .aq-topbar__logout { margin-right: 8px; }
    .aq-topbar-search-results { left: 4%; width: 92%; }
    .aq-alert > .aq-button { flex: 1 0 100%; }
    .aq-public-shell__bar { min-height: 64px; padding: 10px 16px; }
    .aq-public-shell__bar > .aq-button { min-height: 40px; padding: 8px 10px; }
    .aq-public-shell__footer { align-items: flex-start; flex-direction: column; gap: 4px; padding: 14px 16px; }
    .aq-page { padding: 16px; }
    .aq-section-header { align-items: flex-start; padding: 13px 14px; }
    .aq-section-header__title { font-size: 17px; }
    .aq-section-header__count { margin-left: auto; }
    .aq-section-header--prominent { gap: 11px; padding: 16px; }
    .aq-section-header--prominent .aq-section-header__title { font-size: 20px; }
    .aq-layout-content { padding-bottom: 24px; }
    body .mefiboset-sales-footer.footer { box-shadow: none; margin-left: 0; padding: 8px 12px; }
    body .mefiboset-sales-footer .sales-footer-inner { align-items: center; flex-direction: row; gap: 10px; }
    body .mefiboset-sales-footer .sales-footer-copy { flex: 1 1 auto; gap: 3px 8px; }
    body .mefiboset-sales-footer .sales-footer-brand { font-size: 12px; }
    body .mefiboset-sales-footer .sales-footer-text { display: none; }
    body .mefiboset-sales-footer .sales-footer-version { font-size: 10px; }
    body .mefiboset-sales-footer .sales-footer-button { flex: 0 0 40px; min-height: 40px; padding: 8px; width: 40px; }
    .aq-grid { grid-template-columns: 1fr; }
    .aq-form-grid { grid-template-columns: 1fr; }
    .aq-form-shell { max-width: none; }
    .aq-field--wide { grid-column: auto; }
    .aq-form-actions { align-items: stretch; flex-direction: column-reverse; }
    .aq-form-actions .aq-button { width: 100%; }
    .aq-switch-field { align-items: flex-start; flex-direction: column; gap: 8px; }
    .aq-page__title { font-size: 24px; }
    .aq-page__header--editorial { align-items: start; gap: 12px; grid-template-columns: 1fr; padding: 2px 0 16px 16px; }
    .aq-page__header--editorial .aq-page__title { font-size: 26px; }
    .aq-page__header--editorial .aq-page__intro { border-left: 0; padding-left: 0; }
    .aq-page__aside { align-items: stretch; width: 100%; }
    .aq-page__aside .aq-button { width: 100%; }
    .aq-page__header--accent { padding: 20px; }
    .aq-token-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aq-stack { align-items: stretch; flex-direction: column; }
    .aq-stack .aq-button { width: 100%; }
    .aq-template__layout { grid-template-columns: 1fr; }
    .aq-template__menu { display: flex; gap: 4px; overflow-x: auto; position: static; }
    .aq-template__menu a { white-space: nowrap; }
    .aq-tabs-panel { padding: 16px; }
    .aq-tabs--form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aq-tabs--form .aq-tabs__item { justify-content: flex-start; padding: 10px 12px; }
    .aq-tabs--form-trio .aq-tabs__item:last-child { grid-column: 1 / -1; }
    .aq-material-editor { grid-template-columns: 1fr; }
    .aq-material-editor__form { border-left: 0; border-top: 1px solid var(--aq-border); padding-left: 0; padding-top: 24px; }
    .aq-banner, .aq-banner__overlay { min-height: 280px; }
    .aq-banner__actions { align-items: stretch; left: 16px; right: 16px; top: 16px; }
    .aq-banner__content { padding: 24px 20px; }
    .aq-banner__title { font-size: 25px; }
    .aq-banner__meta { align-items: flex-start; flex-direction: column; font-size: 14px; gap: 8px; }
    .aq-banner__meta-item + .aq-banner__meta-item { border-left: 0; margin-left: 0; padding-left: 0; }
    .aq-tabs--pills { flex-wrap: nowrap; gap: 6px; overflow: visible; }
    .aq-tabs--pills .aq-tabs__item { border-radius: 12px; flex: 1 1 0; justify-content: center; min-width: 0; padding: 10px 4px; position: relative; }
    .aq-tabs--pills .aq-tabs__label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
    .aq-tabs--pills .aq-tabs__count { font-size: 9px; min-height: 16px; min-width: 16px; padding: 1px 4px; position: absolute; right: 2px; top: -5px; }
    .aq-tabs--pills .aq-tabs__status { bottom: 2px; height: 7px; position: absolute; right: 4px; width: 7px; }
    .aq-tabs--lg .aq-tabs__item { min-height: 48px; padding: 10px 4px; }
}

@media (max-width: 420px) {
    body .mefiboset-sales-footer .sales-footer-version { display: none; }
}

@container (max-width: 600px) {
    .aq-tabs--pills { flex-wrap: nowrap; gap: 6px; overflow: visible; }
    .aq-tabs--pills .aq-tabs__item { border-radius: 12px; flex: 1 1 0; justify-content: center; min-width: 0; padding: 10px 4px; position: relative; }
    .aq-tabs--pills .aq-tabs__label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
    .aq-tabs--pills .aq-tabs__count { font-size: 9px; min-height: 16px; min-width: 16px; padding: 1px 4px; position: absolute; right: 2px; top: -5px; }
    .aq-tabs--pills .aq-tabs__status { bottom: 2px; height: 7px; position: absolute; right: 4px; width: 7px; }
    .aq-tabs--lg .aq-tabs__item { min-height: 48px; padding: 10px 4px; }
}

@media (prefers-reduced-motion: reduce) {
    .aq-button, .aq-input, .aq-tabs__item, .aq-switch__control, .aq-switch__control::after { transition: none; }
    .aq-button:hover, .aq-tabs--pills .aq-tabs__item:hover { transform: none; }
}

.aq-progress-panel { background: var(--aq-ink); border-radius: 12px; box-shadow: var(--aq-shadow); color: #dce3e7; display: grid; gap: 28px; grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr); margin-bottom: 32px; overflow: hidden; padding: 28px; position: relative; }
.aq-progress-panel::after { border: 1px solid rgba(255, 255, 255, .1); border-radius: 50%; content: ''; height: 220px; pointer-events: none; position: absolute; right: -100px; top: -130px; width: 220px; }
.aq-progress-panel .aq-eyebrow { color: #72dac5; }
.aq-progress-panel__heading { align-items: baseline; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; }
.aq-progress-panel__heading h2 { color: #fff; font-size: 24px; margin: 0; }
.aq-progress-panel__heading strong { color: #fff; font-size: 13px; }
.aq-progress-panel__main p { font-size: 13px; margin: 10px 0 0; }
.aq-progress { appearance: none; background: rgba(255, 255, 255, .16); border: 0; border-radius: 999px; display: block; height: 9px; margin-top: 18px; overflow: hidden; width: 100%; }
.aq-progress::-webkit-progress-bar { background: rgba(255, 255, 255, .16); border-radius: 999px; }
.aq-progress::-webkit-progress-value { background: var(--aq-primary); border-radius: 999px; transition: width .35s ease-out; }
.aq-progress::-moz-progress-bar { background: var(--aq-primary); border-radius: 999px; }
.aq-progress-panel__action { border-left: 1px solid rgba(255, 255, 255, .16); display: flex; flex-direction: column; gap: 5px; padding-left: 28px; position: relative; z-index: 1; }
.aq-progress-panel__action strong { color: #fff; font-size: 16px; }
.aq-progress-panel__action > span:not(.aq-progress-panel__label) { font-size: 12px; }
.aq-progress-panel__action .aq-button { align-self: flex-start; margin-top: 9px; }
.aq-progress-panel__label { color: #72dac5; font-size: 12px; font-weight: 700; }
.aq-section-heading { align-items: flex-end; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 16px; }
.aq-section-heading h2 { color: var(--aq-ink); font-size: 22px; margin: 0; }
.aq-template__description { line-height: 1.6; margin: 0 0 20px; max-width: 72ch; }
.aq-catalog-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aq-catalog-grid > .aq-empty-state { grid-column: 1 / -1; }
.aq-catalog-card { background: var(--aq-surface); border: 1px solid var(--aq-border); border-radius: 12px; box-shadow: 0 6px 18px rgba(36, 55, 70, .07); display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.aq-catalog-card:hover { border-color: #b9c6cd; box-shadow: 0 14px 32px rgba(36, 55, 70, .13); transform: translateY(-3px); }
.aq-catalog-card__media { aspect-ratio: 16 / 9; background: var(--aq-ink); overflow: hidden; position: relative; }
.aq-catalog-card__media > img { display: block; height: 100%; object-fit: cover; transition: transform .35s ease; width: 100%; }
.aq-catalog-card:hover .aq-catalog-card__media > img { transform: scale(1.025); }
.aq-catalog-card__media--placeholder { align-items: center; background: linear-gradient(145deg, #243746 0%, #315f64 58%, #12836d 100%); color: rgba(255, 255, 255, .7); display: flex; font-size: 42px; justify-content: center; }
.aq-catalog-card__media--placeholder::before { border: 1px solid rgba(255, 255, 255, .14); border-radius: 50%; content: ''; height: 120px; position: absolute; right: -24px; top: -38px; width: 120px; }
.aq-catalog-card__media--placeholder > i { position: relative; z-index: 1; }
.aq-catalog-card__format { align-items: center; background: rgba(20, 31, 40, .86); border: 1px solid rgba(255, 255, 255, .24); border-radius: 999px; bottom: 12px; color: #fff; display: inline-flex; font-size: 11px; font-weight: 700; gap: 6px; left: 12px; max-width: calc(100% - 24px); padding: 6px 10px; position: absolute; }
.aq-catalog-card__body { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding: 20px; }
.aq-catalog-card__meta { color: var(--aq-primary-dark); font-size: 12px; font-weight: 700; margin-bottom: 8px; }
.aq-catalog-card__meta span { align-items: center; display: flex; gap: 6px; overflow-wrap: anywhere; }
.aq-catalog-card__title { color: var(--aq-ink); font-size: 20px; font-weight: 700; line-height: 1.3; margin: 0 0 9px; overflow-wrap: anywhere; }
.aq-catalog-card__description { display: -webkit-box; font-size: 14px; line-height: 1.55; margin: 0 0 20px; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.aq-catalog-card__footer { align-items: flex-end; border-top: 1px solid var(--aq-border); display: flex; gap: 16px; justify-content: space-between; margin-top: auto; padding-top: 16px; }
.aq-catalog-card__price { display: flex; flex-direction: column; min-width: 0; }
.aq-catalog-card__price span { color: var(--aq-muted); font-size: 11px; font-weight: 700; margin-bottom: 2px; }
.aq-catalog-card__price strong { color: var(--aq-ink); font-size: 18px; line-height: 1.25; overflow-wrap: anywhere; }
.aq-catalog-card__access { align-items: flex-start; display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.aq-catalog-card__access small { color: var(--aq-muted); font-size: 11px; font-weight: 700; }
.aq-catalog-card--owned .aq-catalog-card__meta { color: var(--aq-primary-dark); }
.aq-catalog-card--closed { background: #f1f3f4; box-shadow: none; }
.aq-catalog-card--closed:hover { border-color: var(--aq-border); box-shadow: none; transform: none; }
.aq-catalog-card--closed .aq-catalog-card__media > img { filter: grayscale(100%); opacity: .58; }
.aq-catalog-card--closed:hover .aq-catalog-card__media > img { transform: none; }
.aq-catalog-card--closed .aq-catalog-card__format { background: rgba(70, 80, 87, .88); }
.aq-catalog-card--closed .aq-catalog-card__meta,
.aq-catalog-card--closed .aq-catalog-card__title,
.aq-catalog-card--closed .aq-catalog-card__description { color: var(--aq-muted); }
.aq-catalog-card__footer .aq-button { flex: 0 0 auto; }
.aq-catalog-card__footer--stacked { align-items: stretch; flex-direction: column; }
.aq-catalog-card__purchase-row { align-items: flex-end; display: flex; gap: 14px; justify-content: space-between; }
.aq-detail-hero { align-items: stretch; background: var(--aq-ink); border-radius: 12px; color: #fff; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); margin-bottom: 24px; overflow: hidden; }
.aq-detail-hero__copy { padding: 36px; }
.aq-detail-hero__copy .aq-eyebrow { color: #72dac5; }
.aq-detail-hero h1 { color: #fff; font-size: 34px; line-height: 1.2; margin: 0 0 14px; }
.aq-detail-hero p { color: #dce5ea; font-size: 16px; line-height: 1.65; margin: 0; max-width: 68ch; }
.aq-detail-hero__meta { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 22px; }
.aq-detail-hero__meta span { align-items: center; display: inline-flex; font-size: 13px; font-weight: 700; gap: 7px; }
.aq-detail-hero__visual { min-height: 280px; }
.aq-detail-hero__visual img { height: 100%; object-fit: cover; width: 100%; }
.aq-detail-layout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) minmax(290px, 360px); }
.aq-detail-layout__content { display: grid; gap: 24px; min-width: 0; }
.aq-session-summary { align-items: start; border-bottom: 1px solid var(--aq-border); display: grid; gap: 14px; grid-template-columns: 36px minmax(0, 1fr); padding: 16px 0; }
.aq-session-summary:first-child { padding-top: 0; }
.aq-session-summary:last-child { border-bottom: 0; padding-bottom: 0; }
.aq-session-summary__marker { align-items: center; background: var(--aq-primary-soft); border-radius: 50%; color: var(--aq-primary-dark); display: flex; font-size: 12px; font-weight: 700; height: 36px; justify-content: center; width: 36px; }
.aq-session-summary h3, .aq-speaker-summary h3 { color: var(--aq-ink); font-size: 16px; margin: 0 0 5px; }
.aq-session-summary span { color: var(--aq-primary-dark); font-size: 12px; font-weight: 700; }
.aq-session-summary p, .aq-speaker-summary p { line-height: 1.55; margin: 7px 0 0; }
.aq-speaker-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aq-speaker-summary { align-items: start; display: grid; gap: 12px; grid-template-columns: 42px minmax(0, 1fr); }
.aq-speaker-summary__icon { align-items: center; background: var(--aq-primary-soft); border-radius: 8px; color: var(--aq-primary-dark); display: flex; height: 42px; justify-content: center; width: 42px; }
.aq-purchase-panel { background: #fff; border: 1px solid var(--aq-border); border-top: 4px solid var(--aq-primary); border-radius: 10px; box-shadow: var(--aq-shadow); padding: 24px; position: sticky; top: 20px; }
.aq-purchase-panel h2 { color: var(--aq-ink); font-size: 20px; line-height: 1.35; margin: 12px 0 8px; }
.aq-purchase-panel p { line-height: 1.55; margin: 0 0 18px; }
.aq-purchase-panel__price { align-items: baseline; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.aq-purchase-panel__price strong { color: var(--aq-ink); font-size: 28px; }
.aq-purchase-panel__price span { color: var(--aq-primary-dark); font-size: 12px; font-weight: 700; }
.aq-check-list { display: grid; gap: 9px; list-style: none; margin: 0 0 20px; padding: 0; }
.aq-check-list li { align-items: flex-start; display: flex; font-size: 13px; gap: 8px; }
.aq-check-list i { color: var(--aq-primary-dark); margin-top: 3px; }
.aq-segmented-control { background: #e8ecef; border-radius: 8px; display: inline-flex; gap: 3px; padding: 4px; }
.aq-segmented-control__item { background: transparent; border: 0; border-radius: 6px; color: var(--aq-text); cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 700; min-height: 44px; padding: 8px 12px; transition: background-color .2s ease, box-shadow .2s ease, color .2s ease; }
.aq-segmented-control__item span { color: var(--aq-muted); font-size: 11px; margin-left: 4px; }
.aq-segmented-control__item:hover { color: var(--aq-ink); }
.aq-segmented-control__item:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }
.aq-segmented-control__item.is-active { background: #fff; box-shadow: 0 2px 7px rgba(36, 55, 70, .12); color: var(--aq-ink); }
.aq-media-list { display: grid; gap: 16px; position: relative; }
.aq-management-list { display: grid; gap: 14px; margin-top: 20px; }
.aq-management-row { align-items: start; background: var(--aq-surface); border: 1px solid var(--aq-border); border-radius: 10px; display: grid; gap: 18px; grid-template-columns: 48px minmax(0, 1fr) auto; padding: 18px; transition: border-color .2s ease, box-shadow .2s ease; }
.aq-management-row:hover { border-color: #b9c6cd; box-shadow: 0 8px 22px rgba(36, 55, 70, .08); }
.aq-management-row--static { grid-template-columns: 48px minmax(0, 1fr); }
.aq-management-row--static:hover { border-color: var(--aq-border); box-shadow: none; }
.aq-management-row__icon { align-items: center; background: var(--aq-primary-soft); border-radius: 8px; color: var(--aq-primary-dark); display: flex; font-size: 20px; height: 48px; justify-content: center; width: 48px; }
.aq-management-row__date { align-items: center; background: var(--aq-ink); border-radius: 8px; color: #fff; display: flex; flex-direction: column; height: 58px; justify-content: center; width: 48px; }
.aq-management-row__date strong { font-size: 20px; line-height: 1; }
.aq-management-row__date span { color: #dce5ea; font-size: 9px; font-weight: 700; margin-top: 4px; }
.aq-management-row__main { min-width: 0; }
.aq-management-row__header { align-items: flex-start; display: flex; gap: 14px; justify-content: space-between; }
.aq-management-row__identifier { color: var(--aq-muted); display: block; font-size: 10px; font-weight: 700; letter-spacing: .08em; margin-bottom: 3px; text-transform: uppercase; }
.aq-management-row__title { color: var(--aq-ink); font-size: 18px; line-height: 1.35; margin: 0; overflow-wrap: anywhere; }
.aq-management-row__statuses { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.aq-management-row__schedule { align-items: center; color: var(--aq-primary-dark); display: flex; font-size: 12px; font-weight: 700; gap: 7px; margin-top: 8px; }
.aq-management-row__metrics { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(100px, 1fr)); margin: 16px 0 0; max-width: 540px; }
.aq-management-row__metrics div { background: var(--aq-canvas); border: 1px solid var(--aq-border); border-radius: 7px; padding: 9px 12px; }
.aq-management-row__metrics div.is-attention { background: var(--aq-warning-soft); border-color: #f1d4aa; }
.aq-management-row__metrics dt { color: var(--aq-muted); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.aq-management-row__metrics dd { color: var(--aq-ink); font-size: 20px; font-weight: 700; line-height: 1.15; margin: 3px 0 0; }
.aq-management-row__metrics .is-attention dd { color: var(--aq-warning); }
.aq-management-row__facts { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 13px 0 0; }
.aq-management-row__facts div { min-width: 90px; }
.aq-management-row__facts dt { color: var(--aq-muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.aq-management-row__facts dd { color: var(--aq-ink); font-size: 13px; font-weight: 700; margin: 2px 0 0; overflow-wrap: anywhere; }
.aq-management-row__description { color: var(--aq-text); font-size: 13px; margin: 12px 0 0; overflow-wrap: anywhere; }
.aq-management-row__actions { align-items: stretch; display: flex; flex-direction: column; gap: 8px; min-width: 160px; }
.aq-media-list.is-loading { opacity: .58; pointer-events: none; }
.aq-media-row { align-items: center; background: var(--aq-surface); border: 1px solid var(--aq-border); border-radius: 10px; display: grid; gap: 18px; grid-template-columns: 38px minmax(160px, 210px) minmax(0, 1fr) auto; padding: 14px 16px 14px 0; position: relative; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.aq-media-row::before { background: var(--aq-border); content: ''; height: calc(100% + 17px); left: 18px; position: absolute; top: 50%; width: 2px; z-index: 0; }
.aq-media-row:last-child::before { display: none; }
.aq-media-row:hover { border-color: #b9c6cd; box-shadow: 0 10px 28px rgba(36, 55, 70, .1); transform: translateY(-2px); }
.aq-media-row__marker { align-items: center; align-self: stretch; display: flex; justify-content: center; position: relative; z-index: 1; }
.aq-media-row__marker span { align-items: center; background: var(--aq-ink); border: 3px solid #fff; border-radius: 50%; color: #fff; display: flex; font-size: 11px; font-weight: 700; height: 32px; justify-content: center; width: 32px; }
.aq-media-row.is-complete .aq-media-row__marker span { background: var(--aq-primary-dark); }
.aq-media-row__thumbnail { aspect-ratio: 16 / 9; background: var(--aq-canvas); border-radius: 6px; overflow: hidden; }
.aq-media-row__thumbnail img { height: 100%; object-fit: cover; width: 100%; }
.aq-media-row__visual { display: grid; gap: 8px; min-width: 0; }
.aq-media-row__visual-action { width: 100%; }
.aq-media-row__workspace { display: grid; gap: 12px; grid-column: 3 / -1; min-width: 0; }
.aq-media-row__body { align-items: center; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr) auto; min-width: 0; }
.aq-media-row--management { align-items: stretch; }
.aq-media-row--management .aq-media-row__visual { grid-template-rows: auto 1fr; }
.aq-media-row--management .aq-media-row__visual-action { align-self: end; }
.aq-media-row--management .aq-media-row__workspace { grid-template-rows: 1fr; }
.aq-media-row--management .aq-media-row__body, .aq-media-row--management .aq-media-row__content, .aq-media-row--management .aq-media-row__copy { height: 100%; }
.aq-media-row--management .aq-media-row__copy { display: flex; flex-direction: column; }
.aq-media-row--management .aq-media-row__edit { align-self: flex-start; margin-top: auto; }
.aq-media-row--management .aq-media-row__edit-actions { align-self: flex-start; margin-top: auto; }
.aq-media-row__placeholder { align-items: center; color: var(--aq-muted); display: flex; font-size: 30px; height: 100%; justify-content: center; }
.aq-media-row__content { align-items: center; display: flex; gap: 18px; justify-content: space-between; min-width: 0; }
.aq-media-row__title { color: var(--aq-ink); font-size: 18px; font-weight: 700; margin: 0 0 5px; }
.aq-media-row__datetime { align-items: center; color: var(--aq-primary-dark); display: flex; flex-wrap: wrap; font-size: 12px; font-weight: 700; gap: 8px 14px; margin-bottom: 8px; }
.aq-media-row__datetime time, .aq-media-row__datetime span { align-items: center; display: inline-flex; gap: 6px; }
.aq-media-row__datetime i { font-size: 13px; }
.aq-media-row__description { margin: 0; }
.aq-media-row__copy { min-width: 0; }
.aq-media-row__edit { margin-top: 12px; }
.aq-inline-meta { align-items: flex-start; color: var(--aq-muted); display: flex; flex-direction: column; flex: 0 0 auto; font-size: 12px; gap: 7px; }
.aq-inline-meta span, .aq-inline-meta__link { align-items: center; display: inline-flex; gap: 7px; }
.aq-inline-meta__link { color: inherit; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.aq-inline-meta__link:hover, .aq-inline-meta__link:focus { color: var(--aq-primary-dark); text-decoration-color: currentColor; }
.aq-inline-meta__link:focus-visible { border-radius: 4px; outline: 2px solid var(--aq-primary); outline-offset: 3px; }
.aq-media-row__status { align-items: flex-end; display: flex; flex-direction: column; gap: 5px; white-space: nowrap; }
.aq-media-row__actions { align-items: stretch; display: flex; flex-direction: column; gap: 8px; min-width: 150px; }
.aq-media-row__mobile-actions { align-items: center; gap: 8px; justify-content: flex-end; }
.aq-button--icon { align-items: center; flex: 0 0 44px; height: 44px; justify-content: center; min-width: 44px; padding: 0; width: 44px; }
.aq-action-feedback { align-items: center; color: var(--aq-primary-dark); font-size: 12px; font-weight: 700; gap: 6px; justify-content: flex-end; }
.aq-dropdown { position: relative; }
.aq-dropdown summary { list-style: none; width: 100%; }
.aq-dropdown summary::-webkit-details-marker { display: none; }
.aq-dropdown__chevron { font-size: 10px; margin-left: auto; transition: transform .2s ease; }
.aq-dropdown[open] .aq-dropdown__chevron { transform: rotate(180deg); }
.aq-dropdown__menu { background: #fff; border: 1px solid var(--aq-border); border-radius: 6px; box-shadow: var(--aq-shadow); min-width: 240px; padding: 6px; position: absolute; right: 0; top: calc(100% + 5px); z-index: 20; }
.aq-dropdown__menu a { border-radius: 4px; color: var(--aq-ink); display: block; padding: 10px; }
.aq-dropdown__menu a:hover { background: var(--aq-primary-soft); text-decoration: none; }
.aq-modal { align-items: center; display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 1000; }
.aq-modal__backdrop { background: rgba(20, 31, 40, .58); border: 0; inset: 0; position: absolute; width: 100%; }
.aq-modal__panel { background: #fff; border-radius: var(--aq-radius); box-shadow: var(--aq-shadow); max-height: 85vh; max-width: 760px; overflow: auto; position: relative; width: 100%; }
.aq-modal__panel--library { border-radius: 12px; max-width: 820px; }
.aq-modal__panel--reading { border-radius: 12px; max-width: 820px; }
.aq-modal__header { align-items: center; border-bottom: 1px solid var(--aq-border); display: flex; justify-content: space-between; padding: 16px 20px; }
.aq-modal__header h2 { color: var(--aq-ink); font-size: 20px; margin: 0; }
.aq-modal__header--featured { align-items: flex-start; background: linear-gradient(135deg, var(--aq-primary-soft), #fff 72%); border-top: 4px solid var(--aq-primary); padding: 24px 28px 20px; }
.aq-modal__header--featured > div { min-width: 0; }
.aq-modal__header--featured h2 { font-size: 22px; line-height: 1.3; }
.aq-modal__header--featured p { color: var(--aq-text); margin: 7px 0 0; }
.aq-modal__header--reading { align-items: flex-start; border-top: 4px solid var(--aq-primary); padding: 24px 28px 20px; }
.aq-modal__header--reading > div { min-width: 0; }
.aq-modal__header--reading h2 { font-size: 24px; line-height: 1.3; }
.aq-modal__header--reading .aq-modal__lead { color: var(--aq-text); font-size: 15px; line-height: 1.55; margin: 8px 0 0; max-width: 62ch; }
.aq-modal__header--reading .aq-modal__meta { align-items: center; color: var(--aq-text); display: flex; font-size: 13px; font-weight: 700; gap: 7px; margin: 10px 0 0; }
.aq-modal__close { background: transparent; border: 0; border-radius: 5px; min-height: 44px; min-width: 44px; }
.aq-modal__close:hover { background: rgba(36, 55, 70, .08); }
.aq-modal__close:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }
.aq-modal__body { line-height: 1.65; padding: 20px; }
.aq-modal__body--library { background: var(--aq-canvas); padding: 20px 28px; }
.aq-modal__body--reading { padding: 28px; }
.aq-modal__body--reading > .aq-alert { margin-bottom: 24px; }
.aq-reading-content { color: var(--aq-text); font-size: 16px; line-height: 1.75; margin: 0 auto; max-width: 68ch; overflow-wrap: anywhere; }
.aq-reading-content > :first-child { margin-top: 0; }
.aq-reading-content > :last-child { margin-bottom: 0; }
.aq-reading-content h2, .aq-reading-content h3, .aq-reading-content h4 { color: var(--aq-ink); font-weight: 700; line-height: 1.35; }
.aq-reading-content h2 { border-left: 4px solid var(--aq-primary); font-size: 22px; margin: 32px 0 14px; padding-left: 12px; }
.aq-reading-content h3 { font-size: 18px; margin: 28px 0 10px; }
.aq-reading-content h4 { font-size: 16px; margin: 24px 0 8px; }
.aq-reading-content p { margin: 0 0 18px; }
.aq-reading-content ul, .aq-reading-content ol { margin: 0 0 20px; padding-left: 24px; }
.aq-reading-content li { margin-bottom: 7px; padding-left: 3px; }
.aq-reading-content blockquote { background: var(--aq-primary-soft); border-left: 4px solid var(--aq-primary); color: var(--aq-ink); margin: 24px 0; padding: 16px 18px; }
.aq-reading-content a { color: var(--aq-primary-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.aq-modal__footer { align-items: center; background: #fff; border-top: 1px solid var(--aq-border); display: flex; justify-content: flex-end; padding: 14px 28px; }
.aq-status-guide { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aq-status-guide__item { background: var(--aq-surface); border: 1px solid var(--aq-border); border-radius: 8px; padding: 16px; }
.aq-status-guide__item p { color: var(--aq-text); font-size: 13px; line-height: 1.55; margin: 10px 0 0; }
.aq-resource-list { display: grid; gap: 12px; }
.aq-resource-item { align-items: center; background: #fff; border: 1px solid var(--aq-border); border-radius: 8px; display: grid; gap: 16px; grid-template-columns: 48px minmax(0, 1fr) auto; padding: 14px 16px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.aq-resource-item:hover { border-color: #b9c6cd; box-shadow: 0 8px 20px rgba(36, 55, 70, .08); transform: translateY(-1px); }
.aq-resource-item__icon { align-items: center; background: var(--aq-primary-soft); border-radius: 8px; color: var(--aq-primary-dark); display: flex; font-size: 20px; height: 48px; justify-content: center; width: 48px; }
.aq-resource-item__content { min-width: 0; }
.aq-resource-item__controls { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.aq-resource-item__type { color: var(--aq-primary-dark); display: block; font-size: 11px; font-weight: 700; letter-spacing: .06em; margin-bottom: 3px; text-transform: uppercase; }
.aq-resource-item h3 { color: var(--aq-ink); font-size: 15px; line-height: 1.4; margin: 0; overflow-wrap: anywhere; }
.aq-resource-item h3 a { color: inherit; }
.aq-resource-item p { color: var(--aq-text); font-size: 12px; margin: 4px 0 0; overflow-wrap: anywhere; }
.aq-resource-list--compact .aq-resource-item { gap: 12px; grid-template-columns: 40px minmax(0, 1fr) auto; padding: 12px; }
.aq-resource-list--compact .aq-resource-item__icon { height: 40px; width: 40px; }
.aq-compact-empty { align-items: center; color: var(--aq-muted); display: flex; flex-direction: column; padding: 20px 12px; text-align: center; }
.aq-compact-empty i { font-size: 24px; margin-bottom: 8px; }
.aq-compact-empty p { margin: 0; }
.aq-section-heading__description { color: var(--aq-muted); margin: 0; }
.aq-rich-text + .note-editor { border-color: var(--aq-border); border-radius: 6px; overflow: hidden; }
.aq-rich-text + .note-editor .note-toolbar { background: var(--aq-canvas); border-bottom-color: var(--aq-border); }
.aq-rich-text + .note-editor .note-editable { color: var(--aq-ink); font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 1.7; }
.aq-player-card { background: #fff; border: 1px solid var(--aq-border); border-radius: var(--aq-radius); box-shadow: var(--aq-shadow); overflow: hidden; }
.aq-player-card .aq-tabs__item { background: transparent; border-left: 0; border-right: 0; border-top: 0; cursor: pointer; }
.aq-player-card__video { aspect-ratio: 16 / 9; background: #111; }
.aq-player-card__video iframe { border: 0; height: 100%; width: 100%; }
.aq-player-card__footer { align-items: center; display: flex; gap: 20px; justify-content: space-between; min-height: 78px; padding: 16px 20px; }
.aq-player-card__footer p { margin: 3px 0 0; }
.aq-back-link { color: var(--aq-primary-dark); display: inline-block; font-weight: 700; margin-bottom: 12px; }
.aq-return-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.aq-player-heading { align-items: end; border-left: 5px solid var(--aq-primary); display: flex; gap: 24px; justify-content: space-between; margin-bottom: 20px; padding: 2px 0 4px 18px; }
.aq-player-heading .aq-page__title { font-size: 30px; margin: 0; }
.aq-player-heading__date { align-items: center; color: var(--aq-text); display: inline-flex; flex: 0 0 auto; font-size: 13px; font-weight: 700; gap: 7px; }
.aq-player-shell { background: #111820; color: #fff; }
.aq-player-shell__recordings { background: #1d2a34; border-bottom: 1px solid rgba(255, 255, 255, .12); display: flex; flex: 0 0 auto; gap: 4px; overflow-x: auto; padding: 8px; }
.aq-player-shell__recording { background: transparent; border: 1px solid transparent; border-radius: 6px; color: #c9d2d8; cursor: pointer; flex: 0 0 auto; font-family: inherit; font-weight: 700; min-height: 44px; padding: 9px 14px; }
.aq-player-shell__recording:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.aq-player-shell__recording:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .4); outline: 2px solid transparent; }
.aq-player-shell__recording.is-active { background: var(--aq-primary); color: #fff; }
.aq-player-shell__toolbar { align-items: center; background: #1d2a34; display: flex; flex: 0 0 auto; gap: 16px; justify-content: space-between; min-height: 64px; padding: 10px 14px 10px 20px; }
.aq-player-shell__toolbar > span { align-items: center; color: #c9d2d8; display: inline-flex; font-size: 13px; font-weight: 700; gap: 8px; }
.aq-player-shell__compress, .aq-player-shell__exit { display: none; }
.aq-player-shell.is-fullscreen { display: flex; flex-direction: column; height: 100vh; }
.aq-player-shell.is-fullscreen-fallback { height: 100dvh; inset: 0; position: fixed; width: 100%; z-index: 2000; }
.aq-has-fullscreen-overlay { overflow: hidden; }
.aq-player-shell.is-fullscreen-fallback .aq-player-shell__recordings { padding-top: max(8px, env(safe-area-inset-top)); }
.aq-player-shell.is-fullscreen-fallback .aq-player-shell__toolbar { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
.aq-player-shell.is-fullscreen .aq-player-card__video { aspect-ratio: auto; flex: 1 1 auto; min-height: 0; }
.aq-player-shell.is-fullscreen .aq-player-shell__expand, .aq-player-shell.is-fullscreen .aq-player-shell__enter { display: none; }
.aq-player-shell.is-fullscreen .aq-player-shell__compress, .aq-player-shell.is-fullscreen .aq-player-shell__exit { display: inline; }
.aq-viewed-status { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.aq-viewed-status > span:last-child { color: var(--aq-muted); font-size: 12px; }
.aq-content-note { align-items: flex-start; background: #fff; border: 1px solid var(--aq-border); border-radius: var(--aq-radius); display: flex; gap: 16px; margin-top: 20px; padding: 18px 20px; }
.aq-content-note__icon { align-items: center; background: var(--aq-primary-soft); border-radius: 8px; color: var(--aq-primary-dark); display: flex; flex: 0 0 auto; font-size: 18px; height: 44px; justify-content: center; width: 44px; }
.aq-content-note h2 { color: var(--aq-ink); font-size: 16px; margin: 1px 0 5px; }
.aq-content-note p { line-height: 1.6; margin: 0; max-width: 75ch; }
.aq-content-pagination { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 24px; }
.aq-content-pagination__item { align-items: center; background: #fff; border: 1px solid var(--aq-border); border-radius: var(--aq-radius); color: var(--aq-ink); display: flex; gap: 14px; min-height: 76px; padding: 14px 18px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.aq-content-pagination__item:hover { border-color: var(--aq-primary); box-shadow: var(--aq-shadow); color: var(--aq-ink); text-decoration: none; transform: translateY(-1px); }
.aq-content-pagination__item:focus { box-shadow: 0 0 0 3px rgba(26, 179, 148, .25); outline: 2px solid transparent; }
.aq-content-pagination__item > i { color: var(--aq-primary-dark); font-size: 16px; }
.aq-content-pagination__item span { display: flex; flex-direction: column; min-width: 0; }
.aq-content-pagination__item small { color: var(--aq-muted); font-size: 11px; font-weight: 700; margin-bottom: 3px; text-transform: uppercase; }
.aq-content-pagination__item strong { overflow-wrap: anywhere; }
.aq-content-pagination__item--next { justify-content: flex-end; text-align: right; }
.aq-content-pagination__placeholder { min-height: 1px; }
.aq-empty-state { align-items: center; background: #fff; border: 1px dashed #b7c2c9; border-radius: 10px; display: flex; flex-direction: column; padding: 48px 24px; text-align: center; }
.aq-empty-state__icon { align-items: center; background: var(--aq-primary-soft); border-radius: 50%; color: var(--aq-primary-dark); display: flex; font-size: 24px; height: 56px; justify-content: center; margin-bottom: 14px; width: 56px; }
.aq-empty-state h2 { color: var(--aq-ink); font-size: 20px; margin: 0 0 6px; }
.aq-empty-state p { margin: 0 0 18px; max-width: 52ch; }

@media (max-width: 1024px) {
    .aq-management-row { grid-template-columns: 48px minmax(0, 1fr); }
    .aq-management-row__actions { flex-direction: row; flex-wrap: wrap; grid-column: 2; min-width: 0; }
    .aq-detail-layout { grid-template-columns: minmax(0, 1fr) 300px; }
    .aq-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aq-media-row { align-items: start; grid-template-columns: 32px minmax(140px, 180px) minmax(0, 1fr); }
    .aq-media-row__marker { grid-column: 1; grid-row: 1 / span 2; }
    .aq-media-row > .aq-media-row__thumbnail, .aq-media-row > .aq-media-row__visual { grid-column: 2; }
    .aq-media-row > .aq-media-row__content, .aq-media-row > .aq-media-row__workspace { grid-column: 3; }
    .aq-media-row > .aq-media-row__actions { flex-direction: row; grid-column: 2 / -1; justify-content: flex-end; }
    .aq-media-row__body { align-items: stretch; grid-template-columns: 1fr; }
    .aq-media-row__actions { flex-direction: row; flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
}

@media (max-width: 900px) {
    .aq-detail-layout { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .aq-management-row { gap: 14px; grid-template-columns: 40px minmax(0, 1fr); padding: 14px; }
    .aq-management-row__icon { font-size: 17px; height: 40px; width: 40px; }
    .aq-management-row__date { height: 52px; width: 40px; }
    .aq-management-row__date strong { font-size: 18px; }
    .aq-management-row__header { align-items: flex-start; flex-direction: column; gap: 7px; }
    .aq-management-row__facts { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aq-management-row__statuses { justify-content: flex-start; }
    .aq-management-row__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .aq-management-row__metrics div { padding: 8px; }
    .aq-management-row__metrics dt { font-size: 8px; }
    .aq-management-row__actions { align-items: stretch; flex-direction: column; grid-column: 1 / -1; }
    .aq-management-row__actions .aq-button { width: 100%; }
    .aq-catalog-grid { grid-template-columns: 1fr; }
    .aq-catalog-card__body { padding: 18px; }
    .aq-catalog-card__footer { align-items: stretch; flex-direction: column; }
    .aq-catalog-card__footer .aq-button { width: 100%; }
    .aq-catalog-card__purchase-row { align-items: stretch; flex-direction: column; }
    .aq-detail-hero { grid-template-columns: 1fr; }
    .aq-detail-hero__copy { padding: 24px 20px; }
    .aq-detail-hero h1 { font-size: 27px; }
    .aq-detail-hero__visual { min-height: 200px; order: -1; }
    .aq-detail-layout { grid-template-columns: 1fr; }
    .aq-purchase-panel { position: static; }
    .aq-speaker-grid { grid-template-columns: 1fr; }
    .aq-progress-panel { gap: 22px; grid-template-columns: 1fr; padding: 22px 18px; }
    .aq-progress-panel__heading { align-items: flex-start; flex-direction: column; gap: 4px; }
    .aq-progress-panel__heading h2 { font-size: 20px; }
    .aq-progress-panel__action { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .16); padding: 20px 0 0; }
    .aq-progress-panel__action .aq-button { align-self: stretch; }
    .aq-section-heading { align-items: stretch; flex-direction: column; }
    .aq-segmented-control { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
    .aq-segmented-control__item { padding: 8px 5px; }
    .aq-media-row { align-items: stretch; gap: 14px; grid-template-columns: 32px minmax(0, 1fr); padding: 14px 14px 14px 0; }
    .aq-media-row::before { left: 15px; }
    .aq-media-row__marker { grid-row: 1 / span 3; }
    .aq-media-row__marker span { height: 28px; width: 28px; }
    .aq-media-row > .aq-media-row__thumbnail, .aq-media-row > .aq-media-row__visual, .aq-media-row > .aq-media-row__workspace, .aq-media-row > .aq-media-row__content, .aq-media-row > .aq-media-row__actions { grid-column: 2; }
    .aq-media-row__workspace { gap: 14px; }
    .aq-media-row__body { align-items: stretch; grid-template-columns: 1fr; }
    .aq-media-row--management .aq-media-row__visual { grid-template-rows: auto auto; }
    .aq-media-row--management .aq-media-row__edit { margin-top: 12px; }
    .aq-media-row--management .aq-media-row__edit-actions { margin-top: 12px; }
    .aq-media-row__content { align-items: flex-start; flex-direction: column; }
    .aq-inline-meta { flex-direction: row; flex-wrap: wrap; }
    .aq-media-row__status { align-items: flex-start; }
    .aq-media-row__actions { align-items: center; flex-direction: row; gap: 8px; justify-content: flex-start; min-width: 0; }
    .aq-media-row__actions .aq-button { flex: 0 0 44px; height: 44px; min-width: 44px; padding: 0; width: 44px; }
    .aq-media-row__actions .aq-button__label, .aq-media-row--management .aq-media-row__edit .aq-button__label, .aq-media-row--management .aq-media-row__visual-action .aq-button__label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
    .aq-media-row--management .aq-media-row__edit, .aq-media-row--management .aq-media-row__visual-action { align-items: center; flex: 0 0 44px; height: 44px; justify-content: center; min-width: 44px; padding: 0; width: 44px; }
    .aq-media-row--management .aq-media-row__visual-action { justify-self: end; }
    .aq-dropdown__menu { left: 0; min-width: 100%; right: auto; }
    .aq-modal { align-items: flex-end; padding: 12px; }
    .aq-modal__panel--library { border-radius: 12px 12px 8px 8px; max-height: 92vh; }
    .aq-modal__panel--reading { border-radius: 12px 12px 8px 8px; max-height: 92vh; }
    .aq-modal__header--featured { padding: 20px 18px 16px; }
    .aq-modal__header--featured h2 { font-size: 19px; }
    .aq-modal__body--library { padding: 16px; }
    .aq-modal__header--reading { padding: 20px 18px 16px; }
    .aq-modal__header--reading h2 { font-size: 20px; }
    .aq-modal__body--reading { padding: 22px 18px; }
    .aq-reading-content { font-size: 16px; line-height: 1.7; }
    .aq-reading-content h2 { font-size: 20px; }
    .aq-modal__footer { padding: 12px 16px; }
    .aq-modal__footer .aq-button { width: 100%; }
    .aq-status-guide { grid-template-columns: 1fr; }
    .aq-resource-item { align-items: start; grid-template-columns: 44px minmax(0, 1fr); padding: 14px; }
    .aq-resource-item__icon { height: 44px; width: 44px; }
    .aq-resource-item .aq-button { grid-column: 1 / -1; width: 100%; }
    .aq-resource-item__controls { grid-column: 1 / -1; justify-content: space-between; width: 100%; }
    .aq-return-nav { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 20px; }
    .aq-return-nav .aq-button { padding-left: 10px; padding-right: 10px; }
    .aq-player-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
    .aq-player-heading .aq-page__title { font-size: 24px; }
    .aq-player-shell__toolbar { align-items: stretch; flex-direction: column; padding: 12px; }
    .aq-player-shell__toolbar .aq-button { width: 100%; }
    .aq-player-shell.is-fullscreen .aq-player-shell__toolbar { align-items: center; flex-direction: row; }
    .aq-player-shell.is-fullscreen .aq-player-shell__toolbar > span { display: none; }
    .aq-player-card__footer { align-items: stretch; flex-direction: column; }
    .aq-player-card__footer .aq-button { width: 100%; }
    .aq-content-pagination { grid-template-columns: 1fr; }
    .aq-content-pagination__placeholder { display: none; }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .aq-media-row { grid-template-columns: 38px 180px minmax(0, 1fr); }
    .aq-media-row__actions { flex-direction: row; grid-column: 2 / -1; }
}

@media (min-width: 768px) and (max-width: 900px) {
    .aq-progress-panel { grid-template-columns: 1fr; }
    .aq-progress-panel__action { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .16); padding: 20px 0 0; }
}

@media (prefers-reduced-motion: reduce) {
    .aq-progress::-webkit-progress-value, .aq-catalog-card, .aq-catalog-card__media > img, .aq-management-row, .aq-segmented-control__item, .aq-media-row, .aq-dropdown__chevron, .aq-resource-item, .aq-content-pagination__item { transition: none; }
    .aq-catalog-card:hover, .aq-media-row:hover, .aq-resource-item:hover, .aq-content-pagination__item:hover { transform: none; }
    .aq-catalog-card:hover .aq-catalog-card__media > img { transform: none; }
}