/* _shared/lesson-page.css — страница занятия ученика + предпросмотр студии (скин v3, 04.09).
   Токены из tokens.css с запасными значениями. Залитые поверхности (шапка, подключение,
   кнопки) держат фиксированный кобальт/чернила, чтобы светлый текст читался и в тёмной теме. */
.flp {
  --flp-bg: var(--bg-page, #edeae1);
  --flp-paper: var(--bg-canvas, #fbf9f4);
  --flp-soft: var(--bg-soft, #ded8cb);
  --flp-ink: var(--ink, #1b1a17);
  --flp-muted: var(--ink-mute, var(--ink-muted, #6e695f));
  --flp-accent: var(--accent, #2b4c8c);
  --flp-wash: var(--accent-wash, rgba(43, 76, 140, 0.07));
  --flp-line: var(--hair, var(--border, #d8d2c5));
  --flp-line-soft: var(--hair-soft, #e9e4da);
  --flp-radius: var(--r-card, 22px);
  --flp-radius-sm: var(--r-card-sm, 14px);
  --flp-button: var(--r-button, 14px);
  --flp-pill: var(--r-cta, 999px);
  --flp-cobalt: #2b4c8c;          /* залитые CTA — одинаковы в обеих темах */
  --flp-navy: #16213a;
  --flp-dark: #1b1a17;
  --flp-on-dark: #fbf9f4;
  --flp-late: var(--state-overdue, #b53a3a);
  --flp-late-bg: var(--state-overdue-bg, #f4dede);
  --flp-font: var(--font-body, 'Golos Text', system-ui, sans-serif);
  --flp-display: var(--font-display, 'Golos Text', system-ui, sans-serif);
  --flp-mono: var(--font-mono, ui-monospace, monospace);
  --flp-ease: var(--ease-ui, cubic-bezier(0.4, 0, 0.2, 1));
  color: var(--flp-ink);
  font-family: var(--flp-font);
  background: var(--flp-bg);
}
.flp * { box-sizing: border-box; }
.flp a { color: var(--flp-accent); text-underline-offset: 3px; }
.flp button { font: inherit; }

/* ── компактная липкая шапка на телефоне (появляется, когда обложка ушла вверх) ── */
.flp-stickybar {
  position: fixed; top: var(--flp-top, 64px); left: 0; right: 0; z-index: 25;
  display: none; align-items: center; gap: 10px; min-height: 48px; padding: 6px 16px;
  background: rgba(var(--bg-page-rgb, 250, 247, 242), 0.94);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--flp-line);
  opacity: 0; transform: translateY(-8px); pointer-events: none;
  transition: opacity .18s var(--flp-ease), transform .18s var(--flp-ease);
}
.flp-stickybar.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.flp-stickybar__title { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 14px/1.3 var(--flp-display); color: var(--flp-ink); }
.flp-stickybar__join { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: var(--flp-pill); background: var(--flp-cobalt); color: var(--flp-on-dark) !important; font: 600 12.5px/1 var(--flp-font); text-decoration: none; }

/* ── шапка занятия ── */
.flp-hero {
  position: relative; display: flex; align-items: flex-end; overflow: hidden;
  min-height: clamp(220px, 30vw, 340px); margin: 0 0 14px; border-radius: var(--flp-radius);
  background: linear-gradient(135deg, var(--flp-navy) 0%, var(--flp-cobalt) 100%);
  background-size: cover; background-repeat: no-repeat; color: var(--flp-on-dark);
}
.flp-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(22, 33, 58, 0.04) 0%, rgba(22, 33, 58, 0.62) 100%); }
.flp-hero.has-cover .flp-hero__shade { background: linear-gradient(180deg, rgba(17, 21, 28, 0.12) 0%, rgba(17, 21, 28, 0.78) 100%); }
.flp-hero__deco { position: absolute; right: -50px; bottom: -70px; width: 300px; height: 300px; opacity: 0.09; pointer-events: none; }
.flp-hero__deco .fundament-brand-mark { width: 100%; height: 100%; color: #fbf9f4; }
.flp-hero__content { position: relative; z-index: 1; width: 100%; padding: 26px 30px 28px; }
.flp-hero__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.flp-hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; color: rgba(251, 249, 244, 0.78); font: 500 12px/1.3 var(--flp-font); letter-spacing: 0.04em; }
.flp-hero__eyebrow::before { content: '§'; color: rgba(251, 249, 244, 0.9); font: 500 14px/1 var(--flp-display); }
.flp-hero h1 { max-width: 20ch; margin: 0; font: 600 clamp(30px, 4.4vw, 54px)/0.98 var(--flp-display); letter-spacing: -0.025em; overflow-wrap: anywhere; }
.flp-hero p { max-width: 64ch; margin: 14px 0 0; color: rgba(251, 249, 244, 0.82); font-size: 15px; line-height: 1.5; }
.flp-edit { min-width: 44px; min-height: 36px; padding: 8px 13px; border: 1px solid currentColor; border-radius: var(--flp-button); background: var(--flp-paper); color: var(--flp-accent); font-size: 12px; cursor: pointer; }
.flp-hero .flp-edit { background: rgba(251, 249, 244, 0.92); color: var(--flp-cobalt); }

/* строка фактов + статус */
.flp-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 4px 16px; color: var(--flp-muted); font: 500 13px/1.4 var(--flp-font); }
.flp-meta i { color: var(--flp-accent); font-style: normal; }
.flp-meta__item { display: inline-flex; align-items: center; }
.flp-status { display: inline-flex; align-items: center; gap: 7px; min-height: 26px; padding: 0 11px; border-radius: var(--flp-pill); font: 600 12px/1 var(--flp-font); letter-spacing: 0.01em; white-space: nowrap; }
.flp-status--live { background: var(--flp-cobalt); color: var(--flp-on-dark); }
.flp-status--live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: flpPulse 1.6s ease-in-out infinite; }
.flp-status--soon { background: var(--flp-wash); color: var(--flp-accent); }
.flp-status--past { background: var(--flp-soft); color: var(--flp-muted); }
.flp-status--cancelled { background: var(--flp-late-bg); color: var(--flp-late); }
@keyframes flpPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.35; transform: scale(0.7); } }

/* ── подключение / отмена / онлайн-доска ── */
.flp-join-card {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  min-height: 92px; margin: 0 0 14px; padding: 20px 24px; border-radius: var(--flp-radius);
  background: var(--flp-cobalt); color: var(--flp-on-dark) !important; text-decoration: none;
}
.flp-join-card > span { display: block; min-width: 0; }
.flp-join-card strong { display: block; font: 500 clamp(18px, 2vw, 23px)/1.2 var(--flp-display); letter-spacing: -0.01em; }
.flp-join-card small { display: block; margin-top: 6px; color: rgba(251, 249, 244, 0.72); font: 400 12.5px/1.3 var(--flp-font); overflow-wrap: anywhere; }
.flp-join-card > b { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: var(--flp-pill); background: var(--flp-dark); color: var(--flp-on-dark); font: 600 13px/1 var(--flp-font); transition: background-color .15s var(--flp-ease); }
.flp-join-card.is-empty { border: 1px solid var(--flp-line); background: var(--flp-paper); color: var(--flp-ink) !important; }
.flp-join-card.is-empty strong { font-size: 17px; }
.flp-join-card.is-empty span span { display: block; margin-top: 6px; color: var(--flp-muted); font-size: 13px; line-height: 1.4; }
.flp-cancelled { display: flex; flex-direction: column; gap: 5px; margin: 0 0 14px; padding: 18px 22px; border: 1px solid var(--flp-late); border-radius: var(--flp-radius); background: var(--flp-late-bg); color: var(--flp-late); }
.flp-cancelled strong { font: 500 17px/1.25 var(--flp-display); }
.flp-cancelled span { font-size: 13px; line-height: 1.45; }
.flp-board-card {
  display: flex; align-items: center; gap: 16px; margin: 0 0 14px; padding: 16px 20px;
  border: 1px solid var(--flp-line); border-radius: var(--flp-radius); background: var(--flp-paper);
}
.flp-board-card__icon { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border-radius: var(--flp-radius-sm); background: var(--flp-wash); color: var(--flp-accent); }
.flp-board-card__body { flex: 1 1 auto; min-width: 0; }
.flp-board-card__body strong { display: block; font: 500 17px/1.25 var(--flp-display); color: var(--flp-ink); }
.flp-board-card__body span { display: block; margin-top: 3px; color: var(--flp-muted); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.flp-board-card__open { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: var(--flp-pill); background: var(--flp-cobalt); color: var(--flp-on-dark) !important; font: 600 13px/1 var(--flp-font); text-decoration: none; white-space: nowrap; transition: background-color .15s var(--flp-ease); }

/* ── две колонки ── */
.flp-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 300px); gap: 22px; align-items: start; }
.flp-main { min-width: 0; }
.flp-aside { position: sticky; top: 84px; min-width: 0; }

.flp-ai-helper {
  display: flex; align-items: center; gap: 14px; width: 100%; min-height: 76px; margin: 0 0 14px; padding: 14px 18px;
  border: 0; border-radius: var(--flp-radius); background: var(--flp-dark); color: var(--flp-on-dark); text-align: left; cursor: pointer;
  transition: background-color .15s var(--flp-ease);
}
.flp-ai-mark { display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: var(--flp-cobalt); }
.flp-ai-mark .fundament-brand-mark { width: 20px; height: 20px; color: var(--flp-on-dark); }
.flp-ai-helper strong { display: block; font: 500 16px/1.25 var(--flp-display); }
.flp-ai-helper small { display: block; margin-top: 4px; color: rgba(251, 249, 244, 0.62); font: 400 12px/1.35 var(--flp-font); }

/* карточки */
.flp-card, .flp-side-card { margin: 0 0 14px; padding: 22px 24px; border: 1px solid var(--flp-line); border-radius: var(--flp-radius); background: var(--flp-paper); }
.flp-card.is-muted { opacity: 0.58; }
.flp-card__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.flp-card__head > span { display: inline-flex; align-items: center; gap: 8px; color: var(--flp-accent); font: 600 12.5px/1.3 var(--flp-font); letter-spacing: 0.02em; }
.flp-card__head > span::before { content: '§'; font: 500 14px/1 var(--flp-display); }
.flp-empty { padding: 6px 0; color: var(--flp-muted); font-size: 13.5px; line-height: 1.45; }

/* конспект — колонка чтения */
.flp-notes-card { border: 0; }
.flp-notes-card > summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; min-height: 56px; padding: 6px 0; list-style: none; cursor: pointer; }
.flp-notes-card > summary::-webkit-details-marker { display: none; }
.flp-notes-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: var(--flp-radius-sm); background: var(--flp-wash); color: var(--flp-accent); }
.flp-notes-copy { display: flex; min-width: 0; align-items: baseline; gap: 8px; }
.flp-notes-copy strong { overflow: hidden; color: var(--flp-ink); font: 500 16px/1.3 var(--flp-display); text-overflow: ellipsis; white-space: nowrap; }
.flp-notes-copy > span { flex: 0 0 auto; color: var(--flp-muted); font-size: 12.5px; }
.flp-notes-cta { color: var(--flp-accent); font: 600 13px/1 var(--flp-font); white-space: nowrap; }
.flp-notes-body { padding: 14px 0 6px; margin-top: 8px; border-top: 1px solid var(--flp-line-soft); }
.flp-notes-body .edu-doc { max-width: 68ch; margin: 0; background: transparent; font-size: 16px; line-height: 1.7; }
.flp-notes-body .edu-block--heading { scroll-margin-top: 120px; }
.flp-notes-body .math-block { margin: 12px 0; overflow-x: auto; }
.flp-notes-source { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 12px 0 0; padding: 0 14px; border: 1px solid var(--flp-line); border-radius: var(--flp-pill); text-decoration: none; font: 600 12.5px/1 var(--flp-font); color: var(--flp-accent); }

/* оглавление */
.flp-toc { list-style: none; margin: 0; padding: 0; }
.flp-toc__item a { display: block; min-height: 40px; padding: 9px 12px; border-left: 2px solid transparent; border-radius: 0 var(--flp-button) var(--flp-button) 0; color: var(--flp-muted); font: 500 13px/1.35 var(--flp-font); text-decoration: none; overflow-wrap: anywhere; transition: color .12s var(--flp-ease), background-color .12s var(--flp-ease); }
.flp-toc__item--l1 a { padding-left: 24px; font-weight: 400; }
.flp-toc__item--l2 a { padding-left: 36px; font-weight: 400; font-size: 12.5px; }
.flp-toc__item a.is-current { color: var(--flp-accent); border-left-color: var(--flp-accent); background: var(--flp-wash); }
.flp-toc-card { padding: 18px 16px 14px; }
.flp-toc-card h2 { padding: 0 12px; }
.flp-toc-mobile { display: none; margin: 0 0 14px; padding: 4px 16px; border: 1px solid var(--flp-line); border-radius: var(--flp-radius-sm); background: var(--flp-paper); }
.flp-toc-mobile > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; list-style: none; cursor: pointer; font: 600 13.5px/1.3 var(--flp-font); color: var(--flp-ink); }
.flp-toc-mobile > summary::-webkit-details-marker { display: none; }
.flp-toc-mobile > summary small { color: var(--flp-muted); font-weight: 400; font-size: 12.5px; }
.flp-toc-mobile > summary::after { content: '↓'; margin-left: 6px; color: var(--flp-accent); font-size: 14px; }
.flp-toc-mobile[open] > summary::after { content: '↑'; }
.flp-toc-mobile .flp-toc { padding: 4px 0 8px; border-top: 1px solid var(--flp-line-soft); }
.flp-toc-mobile .flp-toc__item a { min-height: 44px; padding-top: 11px; padding-bottom: 11px; }

/* материалы */
.flp-material-list { display: grid; }
.flp-material { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--flp-line-soft); }
.flp-material:first-child { border-top: 0; padding-top: 4px; }
.flp-material__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: var(--flp-radius-sm); background: var(--flp-wash); color: var(--flp-accent); }
.flp-material__body { min-width: 0; }
.flp-material a { display: inline-block; min-height: 24px; font: 500 14.5px/1.35 var(--flp-font); text-decoration: none; overflow-wrap: anywhere; }
.flp-material__meta { display: block; margin-top: 2px; color: var(--flp-muted); font-size: 12px; }
.flp-material p { margin: 6px 0 0; color: var(--flp-muted); font-size: 12.5px; line-height: 1.45; }
.flp-material__arrow { color: var(--flp-accent); font-size: 16px; }

/* работы: домашнее задание — срок + кнопка */
.flp-work-list { display: grid; gap: 4px; }
.flp-work { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px 14px; align-items: center; padding: 14px 0; border-top: 1px solid var(--flp-line-soft); }
.flp-work:first-child { border-top: 0; padding-top: 4px; }
.flp-work__number { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--flp-wash); color: var(--flp-accent); font: 600 11px/1 var(--flp-mono); }
.flp-work__body { min-width: 0; }
.flp-work h3 { margin: 0 0 4px; font: 500 15px/1.3 var(--flp-display); overflow-wrap: anywhere; }
.flp-work p { margin: 0; color: var(--flp-muted); font-size: 12.5px; line-height: 1.4; }
.flp-work__deadline { display: inline-flex; align-items: center; gap: 6px; }
.flp-work__deadline::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--flp-line); }
.flp-work__deadline.is-soon { color: var(--flp-accent); }
.flp-work__deadline.is-soon::before { background: var(--flp-accent); }
.flp-work__deadline.is-late { color: var(--flp-late); }
.flp-work__deadline.is-late::before { background: var(--flp-late); }
.flp-work__source { display: inline-block; margin-top: 6px; font-size: 12px; }
.flp-work__open { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--flp-accent); border-radius: var(--flp-pill); color: var(--flp-accent); font: 600 13px/1 var(--flp-font); text-decoration: none; white-space: nowrap; transition: background-color .15s var(--flp-ease), color .15s var(--flp-ease); }
.flp-homework .flp-work__open { background: var(--flp-cobalt); border-color: var(--flp-cobalt); color: var(--flp-on-dark); }

/* боковая колонка */
.flp-side-card { padding: 20px 22px; }
.flp-side-card h2 { margin: 0 0 14px; color: var(--flp-muted); font: 600 12px/1.3 var(--flp-font); letter-spacing: 0.04em; }
.flp-program-list { display: flex; flex-direction: column; }
.flp-program-item { display: grid; width: 100%; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: center; min-height: 48px; padding: 8px 0; border: 0; border-top: 1px solid var(--flp-line-soft); background: transparent; color: var(--flp-ink); text-align: left; text-decoration: none; cursor: pointer; }
.flp-program-item:first-child { border-top: 0; }
.flp-program-number { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid var(--flp-line); border-radius: 50%; color: var(--flp-muted); font: 500 11px/1 var(--flp-mono); }
.flp-program-title { min-width: 0; font-size: 13.5px; line-height: 1.3; }
.flp-program-title i { color: var(--moss, #4a6b3a); font-style: normal; }
.flp-program-item.is-current { cursor: default; }
.flp-program-item.is-current .flp-program-number { border-color: var(--flp-accent); background: var(--flp-accent); color: var(--flp-on-dark); }
.flp-program-item.is-current .flp-program-title { color: var(--flp-accent); font-weight: 600; }
.flp-program-next { display: block; width: 100%; margin-top: 4px; padding: 14px 0 0; border: 0; border-top: 1px solid var(--flp-line-soft); background: transparent; color: var(--flp-ink); text-align: left; text-decoration: none; cursor: pointer; }
.flp-program-next span { display: block; margin-bottom: 5px; color: var(--flp-accent); font: 600 12px/1.2 var(--flp-font); }
.flp-program-next strong { font: 500 15px/1.3 var(--flp-display); }
.flp-progress > span { display: block; margin-bottom: 8px; color: var(--flp-muted); font: 500 12.5px/1.2 var(--flp-font); }
.flp-progress > div { height: 6px; margin-bottom: 14px; overflow: hidden; border-radius: 99px; background: var(--flp-soft); }
.flp-progress i { display: block; min-width: 2px; height: 100%; border-radius: 99px; background: var(--flp-accent); }
.flp-facts-card dl { margin: 0; }
.flp-facts-card dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid var(--flp-line-soft); }
.flp-facts-card dt { color: var(--flp-muted); font-size: 12.5px; }
.flp-facts-card dd { margin: 0; text-align: right; font-size: 13.5px; font-weight: 600; overflow-wrap: anywhere; }

.flp :focus-visible { outline: 3px solid color-mix(in srgb, var(--flp-accent) 44%, transparent); outline-offset: 3px; }
@media (hover: hover) {
  .flp-join-card:hover b, .flp-board-card__open:hover, .flp-stickybar__join:hover { background: var(--flp-navy); }
  .flp-ai-helper:hover { background: #24231f; }
  .flp-program-item:not(.is-current):hover .flp-program-title, .flp-program-next:hover strong { color: var(--flp-accent); }
  .flp-notes-card > summary:hover .flp-notes-cta { color: var(--flp-ink); }
  .flp-toc__item a:hover { color: var(--flp-accent); background: var(--flp-wash); }
  .flp-work__open:hover { background: var(--flp-accent); color: var(--flp-on-dark); }
  .flp-homework .flp-work__open:hover { background: var(--flp-navy); border-color: var(--flp-navy); }
  .flp-material a:hover { text-decoration: underline; }
}
@media (prefers-reduced-motion: reduce) {
  .flp-status--live::before { animation: none; }
  .flp-stickybar, .flp-join-card > b, .flp-board-card__open, .flp-ai-helper, .flp-toc__item a, .flp-work__open { transition: none; }
}

/* ── телефон / планшет: одна колонка, липкая шапка, оглавление сворачиваемым блоком ── */
@media (max-width: 760px) {
  .flp-stickybar { display: flex; }
  .flp-hero { min-height: 200px; margin: 0 0 12px; border-radius: 18px; }
  .flp-hero__content { padding: 20px 18px 20px; }
  .flp-hero__top { margin-bottom: 12px; }
  .flp-hero h1 { font-size: 30px; max-width: none; }
  .flp-hero p { font-size: 13.5px; margin-top: 10px; }
  .flp-hero__deco { width: 220px; height: 220px; right: -60px; bottom: -70px; }
  .flp-meta { margin: 0 2px 14px; font-size: 12.5px; }
  .flp-join-card { min-height: 0; margin-bottom: 12px; padding: 16px 18px; border-radius: 18px; }
  .flp-join-card strong { font-size: 18px; }
  .flp-board-card { padding: 14px 16px; border-radius: 18px; }
  .flp-split { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .flp-aside { position: static; }
  .flp-toc-card { display: none; }
  .flp-toc-mobile { display: block; }
  .flp-ai-helper { min-height: 70px; border-radius: 18px; padding: 12px 16px; }
  .flp-card, .flp-side-card { padding: 18px 16px; border-radius: 18px; margin-bottom: 12px; }
  .flp-notes-card > summary { grid-template-columns: auto minmax(0, 1fr); gap: 12px; }
  .flp-notes-cta { grid-column: 2; }
  .flp-notes-copy { display: block; }
  .flp-notes-copy strong, .flp-notes-copy > span { display: block; }
  .flp-notes-copy strong { white-space: normal; }
  .flp-notes-copy > span { margin-top: 3px; }
  .flp-notes-body .edu-doc { max-width: none; font-size: 15.5px; line-height: 1.65; }
  .flp-notes-body .edu-block--heading { scroll-margin-top: 130px; }
  .flp-work { grid-template-columns: auto minmax(0, 1fr); }
  .flp-work__open { grid-column: 1 / -1; min-height: 44px; }
  .flp-material { grid-template-columns: auto minmax(0, 1fr) auto; }
}
@media (max-width: 460px) {
  .flp-join-card { align-items: flex-start; flex-direction: column; gap: 14px; }
  .flp-join-card > b { align-self: stretch; justify-content: center; }
  .flp-board-card { flex-wrap: wrap; }
  .flp-board-card__open { flex: 1 1 100%; justify-content: center; }
  .flp-hero__top { align-items: flex-start; }
  .flp-hero__top .flp-edit { margin-top: -5px; }
  .flp-meta { gap: 6px 8px; }
  .flp-card__head { align-items: flex-start; }
  .flp-material__arrow { display: none; }
}