/* GENERATED from lingophant_content templates/v2/lc.css by scripts/sync_theme_css.py. Don't edit
   here: change the source there, run the script, then deploy the theme. */
/*
 * Language pages, redesigned layout (lc- classes; lp- belongs to the marketing pages).
 * Inlined into each v2 page by lib/renderers.py until it moves into the child theme as
 * assets/lingophant-content.css. Colours and fonts: lingophant_marketing brand/visual-guide.md.
 * Breek styles content through `div.text h2`, `div.text p`, `div.text li` etc. (specificity 0,1,1–0,1,2),
 * so every rule here uses two classes (0,2,0+) to win without !important.
 */

.lc.language-page {
  --lc-ink: #2E2A26; --lc-ink-2: #5b544d; --lc-ivory: #F3F6EB; --lc-cream: #FDFBF5; --lc-line: rgba(46,42,38,.12);
  --lc-orange: #F47D36; --lc-clay: #835656; --lc-night: #0A101C; --lc-sub: #E8CB4F;
  --lc-app-orange: #ED7800; /* the site header's orange (Breek #header), also the app's orangeDark */ --lc-app-blue: #007AFF;
  --lc-title: var(--lp-font-title, "Bebas Neue", Impact, "Arial Narrow", sans-serif);
  --lc-text: var(--lp-font-text, "Jost", Futura, "Century Gothic", system-ui, sans-serif);
  --lc-app: -apple-system, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;
  display: flex; flex-direction: column; gap: 18px;
  max-width: 760px; margin-inline: auto; box-sizing: border-box;
  color: var(--lc-ink); font: 400 16px/1.55 var(--lc-text);
}
/* The white cards sit directly on Breek's grey article card (founder 2026-10-26: grey separates better from the
   page background than ivory) */
.lc.language-page *, .lc.language-page *::before, .lc.language-page *::after { box-sizing: border-box; }

/* Classic themes wrap each group's content in an extra div; take it out of the layout */
.lc.language-page > .wp-block-group__inner-container,
.lc .lc-blk > .wp-block-group__inner-container,
.lc .lc-legacy > .wp-block-group__inner-container { display: contents; }

/* Flex items default to min-width:auto, so one long unbreakable chip would widen the whole page on a phone */
.lc.language-page > *, .lc.language-page > .wp-block-group__inner-container > *,
.lc .lc-blk > *, .lc .lc-blk > .wp-block-group__inner-container > *, .lc .lc-sets > *, .lc .lc-set > * { min-width: 0; }

/* Text reset against Breek's div.text rules */
.lc .lc-p, .lc .lc-fine, .lc .lc-greet, .lc .lc-tag, .lc .lc-more { margin: 0; padding: 0; }
.lc .lc-title, .lc .lc-h2, .lc .lc-set-h { padding: 0; margin: 0; border: 0; background: none; letter-spacing: normal; text-transform: none; }

/* ---------- Opener ---------- */
.lc .lc-top { display: grid; grid-template-columns: 1fr auto; gap: 6px 14px; align-items: center; }
.lc .lc-top.lc-top--noimg { grid-template-columns: 1fr; }
.lc .lc-title { font: 400 clamp(46px, 13vw, 84px)/.9 var(--lc-title); text-transform: uppercase; letter-spacing: .01em; color: var(--lc-ink); }
.lc .lc-mascot { width: clamp(84px, 24vw, 150px); height: auto; aspect-ratio: 1; border-radius: 50%; object-fit: cover; grid-row: span 2; align-self: center; border: 3px solid #fff; box-shadow: 0 8px 20px rgba(46,42,38,.15); }
.lc .lc-greet { font-size: 17px; line-height: 1.5; color: var(--lc-ink-2); }
.lc .lc-greet b { color: var(--lc-ink); font-weight: 600; }
.lc .lc-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lc .lc-tile { border-radius: 20px; padding: 14px 14px 13px; display: flex; flex-direction: column; gap: 2px; text-decoration: none; min-width: 0; border: 0; }
.lc .lc-tile b { font: 400 46px/1 var(--lc-title); letter-spacing: .01em; }
.lc .lc-tile span { font-size: 14px; line-height: 1.35; }
.lc .lc-tile em { font-style: normal; font-weight: 600; font-size: 13px; margin-top: 8px; }
.lc .lc-tile--phr { background: var(--lc-app-orange); color: #fff; }
.lc .lc-tile--lis { background: var(--lc-night); color: #eef0ea; }
.lc .lc-tile--lis em { color: var(--lc-sub); }
.lc .lc-more { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 15px; }
.lc .lc-link { color: var(--lc-ink); font-weight: 600; text-decoration: underline 2px var(--lc-orange); text-underline-offset: 4px; }
.lc .lc-link:hover { color: var(--lc-ink); text-decoration-color: var(--lc-ink); }

/* ---------- Cards ---------- */
.lc .lc-blk { background: #fff; border: 1px solid var(--lc-line); border-radius: 24px; padding: 20px 16px; display: flex; flex-direction: column; gap: 14px; scroll-margin-top: 16px; }
.lc .lc-tag { font: 600 11px/1 var(--lc-text); letter-spacing: .12em; text-transform: uppercase; color: var(--lc-clay); }
.lc .lc-h2 { font: 400 clamp(32px, 9vw, 46px)/.95 var(--lc-title); text-transform: uppercase; letter-spacing: .01em; color: var(--lc-ink); }
.lc .lc-p { font-size: 16px; line-height: 1.55; }
.lc .lc-fine { font-size: 13.5px; line-height: 1.5; color: var(--lc-ink-2); }

/* Steps */
.lc .lc-how { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; counter-reset: lcs; }
.lc .lc-how > li { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 30px 1fr; gap: 2px 12px; align-items: start; counter-increment: lcs; }
.lc .lc-how > li::before { content: counter(lcs); width: 30px; height: 30px; border-radius: 50%; background: var(--lc-ink); color: #fff; display: grid; place-items: center; font: 600 14px/1 var(--lc-text); grid-row: span 3; }
.lc .lc-how b { font-weight: 600; }
.lc .lc-how span.lc-how-p { font-size: 15px; color: var(--lc-ink-2); }
.lc .lc-mini { margin-top: 6px; }
.lc .lc-dlg { display: inline-grid; gap: 4px; background: #fff; border: 1px solid var(--lc-line); border-radius: 14px; padding: 12px 14px; font-size: 13.5px; box-shadow: 0 8px 18px rgba(46,42,38,.12); max-width: 250px; }
.lc .lc-dlg strong { font-size: 14.5px; }
.lc .lc-dlg .lc-dlg-row { display: flex; justify-content: flex-end; gap: 18px; margin-top: 4px; font-weight: 600; color: var(--lc-app-blue); }
.lc .lc-twelve { display: inline-flex; align-items: center; gap: 10px; background: var(--lc-cream); border: 1px solid var(--lc-line); border-radius: 14px; padding: 8px 12px; font-size: 13.5px; line-height: 1.35; }
.lc .lc-twelve b { font: 400 30px/1 var(--lc-title); }

/* Phrase sets: the app's shared-set card (lingophant_flutter sharing/widgets/card/shared_set_card.dart) */
.lc .lc-sets { display: flex; flex-direction: column; gap: 8px; }
.lc .lc-set { background: var(--lc-app-orange); border-radius: 20px; padding: 12px; display: flex; flex-direction: column; gap: 2px; color: #fff; }
.lc .lc-set-h { font: 600 20px/1.25 var(--lc-text); color: #fff; }
.lc .lc-by { font-style: italic; font-size: 14px; }
.lc .lc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.lc .lc-chips span { background: rgba(255,255,255,.3); border-radius: 23px; padding: 6px 12px; font-size: 15px; line-height: 1.2; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc .lc-start { align-self: flex-start; background: var(--lc-ink); color: #fff; font: 600 11px/1 var(--lc-text); letter-spacing: .08em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; margin-bottom: 6px; }
.lc .lc-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 12px; }
/* The app's primary button (DiscoverBannerButton: AppColors.primary, radius 12, white text) */
.lc .lc-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--lc-app-blue); color: #fff; border: 0; border-radius: 12px; padding: 10px 16px; font: 600 16px/1.2 var(--lc-app); text-decoration: none; white-space: nowrap; box-shadow: 0 3px 8px rgba(0,40,100,.25); }
.lc .lc-btn:hover, .lc .lc-btn:focus { color: #fff; background: #0068d9; }
.lc .lc-btn svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.lc .lc-sec { font-weight: 600; font-size: 15px; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.lc .lc-sec:hover { color: #fff; }

/* Phones (touch) get the unlock link; mouse and trackpad get the phraseset page with its QR code */
.lc .lc-on-desk { display: none; }
@media (hover: hover) and (pointer: fine) {
  .lc .lc-on-phone { display: none; }
  .lc .lc-acts.lc-on-desk { display: flex; }
  .lc .lc-how.lc-on-desk { display: grid; }
}

/* Details (more sets) */
.lc .lc-details { border-radius: 14px; background: var(--lc-cream); border: 1px solid var(--lc-line); }
.lc .lc-details > summary { cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 600; font-size: 15px; display: flex; gap: 10px; align-items: center; }
.lc .lc-details > summary::-webkit-details-marker { display: none; }
.lc .lc-details > summary::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-top: -4px; flex: none; opacity: .7; }
.lc .lc-details[open] > summary::after { transform: rotate(225deg); margin-top: 4px; }
.lc .lc-details > .lc-sets { padding: 0 8px 8px; }

/* The app's five phases */
.lc .lc-phases { display: grid; gap: 6px; }
.lc .lc-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; }
.lc .lc-track i { display: block; height: 10px; background: #e3e6dc; border-radius: 3px; overflow: hidden; }
.lc .lc-track i b { display: block; height: 100%; background: var(--lc-orange); }
.lc .lc-plab { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; font-size: 11.5px; line-height: 1.25; color: var(--lc-ink-2); }
.lc .lc-plab b { display: block; color: var(--lc-ink); font-size: 13px; font-variant-numeric: tabular-nums; }

/* ---------- Listening: dark like the listening tool ---------- */
.lc .lc-dark { background: var(--lc-night); border-color: var(--lc-night); color: #eef0ea; }
.lc .lc-dark .lc-tag { color: var(--lc-sub); }
.lc .lc-dark .lc-h2 { color: #fff; }
.lc .lc-dark .lc-p { color: #d6dad2; }
.lc .lc-dark .lc-fine { color: #aab1a8; }
.lc .lc-dark .lc-link { color: #fff; }
.lc .lc-shot { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 900 / 745; object-fit: cover; object-position: top; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); margin: 0; padding: 0; }
.lc .lc-player { display: grid; gap: 14px; align-items: center; }
.lc .lc-feats { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 15px; color: #d6dad2; }
.lc .lc-feats li { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 18px 1fr; gap: 8px; }
.lc .lc-feats li::before { content: ""; width: 10px; height: 10px; margin-top: 7px; border-radius: 3px; background: var(--lc-sub); }
.lc .lc-feats li:first-child::before { background: #fff; }

/* Video cards: a row on phones (thumbnail left), a 3-column grid on wide screens */
.lc .lc-vids { display: grid; grid-template-columns: 1fr; gap: 12px; }
.lc .lc-v { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 12px; align-items: start; text-decoration: none; color: inherit; }
.lc .lc-th { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #141C2B; }
.lc .lc-th img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; margin: 0; padding: 0; }
.lc .lc-th::after { content: ""; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; transform: translate(-50%, -50%); border-radius: 50%;
  background: rgba(10,16,28,.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23E8CB4F'/%3E%3C/svg%3E") center / 22px no-repeat;
  box-shadow: 0 0 0 1.5px rgba(255,255,255,.25); transition: transform .2s; }
.lc .lc-v:hover .lc-th::after { transform: translate(-50%, -50%) scale(1.12); }
.lc .lc-dur { position: absolute; right: 5px; bottom: 5px; z-index: 1; background: rgba(0,0,0,.8); color: #fff; font: 600 11.5px/1 var(--lc-text); padding: 3px 5px; border-radius: 4px; font-variant-numeric: tabular-nums; }
.lc .lc-vt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lc .lc-vt strong { font-weight: 500; font-size: 14.5px; line-height: 1.3; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lc .lc-vt small { font-size: 12.5px; color: #aab1a8; }
.lc .lc-v:hover .lc-vt strong { text-decoration: underline; }
@media (min-width: 760px) {
  .lc .lc-player { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 22px; }
  .lc .lc-vids { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 14px; }
  .lc .lc-v { grid-template-columns: 1fr; gap: 8px; }
}
.lc .lc-details--dark { background: transparent; border-color: rgba(255,255,255,.14); color: #fff; }
.lc .lc-details > .lc-vids, .lc .lc-details > .lc-chans { padding: 2px 12px 14px; }
.lc .lc-chans { display: grid; gap: 14px; }
.lc .lc-chan { display: grid; gap: 10px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); }
.lc .lc-chan-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0; padding: 0; }
.lc .lc-chan-h b { font: 400 26px/1 var(--lc-title); letter-spacing: .02em; color: #fff; }
.lc .lc-chan-h span { font-size: 13px; color: #aab1a8; }
.lc .lc-chan-d { margin: 0; padding: 0; font-size: 14px; font-style: italic; color: #cfd5cc; }

/* ---------- Grammar: last, quiet, text only ---------- */
.lc .lc-h2--small { font-size: clamp(28px, 8vw, 38px); }
.lc .lc-gr-item { border-top: 1px solid var(--lc-line); }
.lc .lc-gr-item:last-child { border-bottom: 1px solid var(--lc-line); }
.lc .lc-gr-item > summary { cursor: pointer; list-style: none; padding: 11px 0; font-weight: 500; font-size: 15.5px; line-height: 1.35; display: flex; gap: 10px; align-items: center; }
.lc .lc-gr-item > summary::-webkit-details-marker { display: none; }
.lc .lc-gr-item > summary::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-top: -4px; flex: none; opacity: .6; }
.lc .lc-gr-item[open] > summary::after { transform: rotate(225deg); margin-top: 4px; }
.lc .lc-lv { font: 600 11px/1 var(--lc-text); letter-spacing: .04em; padding: 4px 6px; border-radius: 5px; border: 1.5px solid currentColor; flex: none; }
.lc .lc-lv--a1 { color: #3d6b4d; }
.lc .lc-lv--a2 { color: #3c7069; }
.lc .lc-lv--b1, .lc .lc-lv--b2 { color: var(--lc-clay); }
.lc .lc-gr-in { padding: 0 0 14px; display: grid; gap: 10px; }
.lc .lc-gr-in .lc-p { font-size: 15px; margin: 0; padding: 0; }
.lc .lc-gr-v { margin: 0; padding: 0 0 0 18px; }
.lc .lc-gr-v li { list-style: disc outside; margin: 0 0 4px; padding: 0; font-size: 14.5px; }
.lc .lc-a { color: var(--lc-ink); text-decoration: underline; text-decoration-color: var(--lc-orange); text-underline-offset: 3px; }

/* ---------- Teachers ---------- */
.lc .lc-teachers { display: grid; gap: 12px; }
.lc .lc-teacher { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; align-items: start; background: var(--lc-cream); border: 1px solid var(--lc-line); border-radius: 20px; padding: 14px; }
.lc .lc-teacher.lc-teacher--nophoto { grid-template-columns: minmax(0, 1fr); }
.lc .lc-teacher-img { width: 72px; height: 72px; max-width: none; border-radius: 50%; object-fit: cover; margin: 0; padding: 0; }
.lc .lc-teacher-t { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lc .lc-teacher-h { font: 600 19px/1.25 var(--lc-text); color: var(--lc-ink); margin: 0; padding: 0; }
.lc .lc-teacher-n { font-size: 13px; font-weight: 600; color: var(--lc-clay); }
.lc .lc-teacher .lc-acts { margin-top: 8px; }
/* iTalki's own red, so the button reads as "book on iTalki" */
.lc .lc-btn.lc-btn--italki { background: #FF4338; box-shadow: 0 3px 8px rgba(160,30,20,.25); }
.lc .lc-btn.lc-btn--italki:hover, .lc .lc-btn.lc-btn--italki:focus { background: #D3382F; }
.lc .lc-teacher .lc-btn { white-space: normal; max-width: 100%; }   /* "Book lessons on iTalki" fits a phone-width card */
.lc .lc-teacher .lc-p { font-size: 15px; }

/* ---------- Hand-written blocks (hybrid pages: data/<lang>/custom/v2/, card shell from the manifest) ---------- */
.lc .lc-blk .lc-own { align-self: flex-start; background: var(--lc-orange); color: var(--lc-ink); font: 600 11px/1 var(--lc-text); letter-spacing: .08em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; margin: 0; }
.lc .lc-cream { background: var(--lc-cream); }
/* Content written in the block editor: Breek's div.text spacing off, the card's gap spaces it */
.lc .lc-custom p, .lc .lc-custom ul, .lc .lc-custom ol, .lc .lc-custom figure { margin: 0; padding: 0; }
.lc .lc-custom h2:not(.lc-h2), .lc .lc-custom h3, .lc .lc-custom h4 { font: 600 18px/1.3 var(--lc-text); margin: 6px 0 0; padding: 0; color: inherit; letter-spacing: normal; text-transform: none; }
.lc .lc-custom ul, .lc .lc-custom ol { padding-left: 20px; }
.lc .lc-custom ul li { list-style: disc outside; padding: 0 0 4px; }
.lc .lc-custom ol li { list-style: decimal outside; padding: 0 0 4px; }
.lc .lc-custom a:not([class]) { color: inherit; text-decoration: underline; text-decoration-color: var(--lc-orange); text-underline-offset: 3px; }
.lc .lc-custom .wp-block-image img { border-radius: 12px; height: auto; }
.lc .lc-custom audio { display: block; width: 100%; }
.lc .lc-custom .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.lc .lc-custom .wp-block-button { margin: 0; padding: 0; }
.lc .lc-custom .wp-block-button .wp-block-button__link { display: inline-flex; background: var(--lc-app-blue); color: #fff; border: 0; border-radius: 12px; padding: 10px 16px; font: 600 16px/1.2 var(--lc-app); text-decoration: none; }
.lc .lc-dark p { color: #d6dad2; }
.lc .lc-dark a:not([class]) { color: #fff; }
/* Former inner accordions: chapters that open on tap */
.lc .lc-part { background: var(--lc-cream); }
.lc .lc-part > :not(summary) { margin: 0 14px 12px; }
.lc .lc-part > .lc-vids { padding: 0; }
.lc .lc-dark .lc-part { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.14); color: #eef0ea; }
.lc .lc-numbered { counter-reset: lcpart; }
.lc .lc-numbered .lc-part > summary::before { counter-increment: lcpart; content: counter(lcpart); width: 26px; height: 26px; border-radius: 50%; border: 2px solid currentColor; display: grid; place-items: center; font: 600 12px/1 var(--lc-text); flex: none; }
.lc .lc-dark.lc-numbered .lc-part > summary::before { border-color: var(--lc-sub); color: var(--lc-sub); }
/* A whole card behind its title (e.g. a film list) */
.lc .lc-blk--collapsed { padding: 4px; }
.lc .lc-collapsed { border: 0; background: transparent; }
.lc .lc-collapsed > summary { font-size: 16px; }
.lc .lc-collapsed > :not(summary) { margin: 0 12px 12px; }
/* Video cards on light cards */
.lc .lc-blk:not(.lc-dark) .lc-vt strong { color: var(--lc-ink); }
.lc .lc-blk:not(.lc-dark) .lc-vt small { color: var(--lc-ink-2); }
/* A tapped video (lingophant-content.js): the player in place */
.lc .lc-embed { position: relative; grid-column: 1 / -1; width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; }
.lc .lc-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; border: 0; margin: 0; padding: 0; }
/* Files (PDF subtitles etc.) */
.lc .lc-files { display: flex; flex-wrap: wrap; gap: 6px; }
.lc .lc-file { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; text-decoration: none; padding: 6px 12px; border-radius: 999px; background: var(--lc-ivory); color: var(--lc-ink); border: 1px solid var(--lc-line); }
.lc .lc-file::before { content: "↓"; }
.lc .lc-dark .lc-file { background: rgba(255,255,255,.1); color: #eef0ea; border-color: transparent; }

/* Sections not redesigned yet (accordions) sit on a white card */
.lc .lc-legacy { background: #fff; border: 1px solid var(--lc-line); border-radius: 24px; padding: 4px 16px; scroll-margin-top: 16px; }

/* ---------- Content Library overview (post 6456, templates/v2/overview.html) ---------- */
/* Elephant tiles A–Z, two columns on phones and four from 640 px; languages with our own content get a card two
   columns wide. grid-auto-flow: dense fills the cell a wide card would leave empty (founder 2026-10-28). */
.lc.language-page.lc-overview { max-width: 980px; container-type: inline-size; }
.lc .lc-ov-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; grid-auto-flow: dense; }
.lc .lc-ov-t { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid var(--lc-line); border-radius: 20px; overflow: hidden;
  color: var(--lc-ink); text-decoration: none; scroll-margin-top: 80px; transition: transform .15s, box-shadow .15s; }
.lc .lc-ov-t:hover, .lc .lc-ov-t:focus { color: var(--lc-ink); text-decoration: none; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(46,42,38,.12); }
.lc .lc-ov-t:target { outline: 3px solid var(--lc-app-orange); outline-offset: 2px; }
.lc .lc-ov-img { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 1; object-fit: cover; margin: 0; padding: 0; border-radius: 0; }
.lc .lc-ov-body { display: flex; flex-direction: column; padding: 9px 11px 11px; min-width: 0; }
.lc .lc-ov-name { font: 400 26px/.95 var(--lc-title); letter-spacing: .01em; text-transform: uppercase; }
.lc .lc-ov-reg { font: 400 17px/1 var(--lc-title); letter-spacing: .02em; text-transform: uppercase; color: var(--lc-clay); }
.lc .lc-ov-nat { margin-top: 2px; font-size: 13.5px; line-height: 1.35; color: var(--lc-ink-2); }
.lc .lc-ov-num { font-size: 12px; line-height: 1.4; color: var(--lc-ink-2); font-variant-numeric: tabular-nums; }
.lc .lc-ov-num span { white-space: nowrap; }
.lc .lc-ov-own { display: inline-block; background: var(--lc-orange); color: var(--lc-ink); font: 600 10.5px/1 var(--lc-text); letter-spacing: .07em; text-transform: uppercase;
  padding: 5px 8px; border-radius: 999px; white-space: nowrap; }
.lc .lc-greet .lc-ov-own { padding: 4px 7px; vertical-align: 2px; }
/* Wide card: elephant and name on top, our own content underneath (beside the elephant from 640 px) */
.lc .lc-ov-t.lc-ov-w { grid-column: span 2; display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-areas: "img head" "list list";
  gap: 10px 14px; padding: 12px; border: 1.5px solid var(--lc-orange); }
.lc .lc-ov-w .lc-ov-img { grid-area: img; width: 112px; border-radius: 14px; }
.lc .lc-ov-head { grid-area: head; display: flex; flex-direction: column; align-items: flex-start; align-self: center; min-width: 0; }
.lc .lc-ov-w .lc-ov-name { font-size: 32px; margin-top: 6px; }
.lc .lc-ov-list { grid-area: list; list-style: none; margin: 0; padding: 10px 0 0; border-top: 1px solid var(--lc-line); display: grid; gap: 7px; }
.lc .lc-ov-i { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 9px; align-items: center;
  font-size: 14.5px; line-height: 1.3; font-weight: 500; }
.lc .lc-ov-i svg { width: 26px; height: 26px; padding: 5px; border-radius: 8px; background: #FDEBDD; color: var(--lc-app-orange); fill: none; stroke: currentColor; }
.lc .lc-ov-i em { font-style: normal; font-weight: 400; color: var(--lc-ink-2); white-space: nowrap; }
@container (min-width: 640px) {
  .lc .lc-ov-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .lc .lc-ov-t.lc-ov-w { grid-template-columns: 150px minmax(0, 1fr); grid-template-areas: "img head" "img list"; align-content: start; }
  .lc .lc-ov-w .lc-ov-img { width: 150px; }
  .lc .lc-ov-head { align-self: start; }
  .lc .lc-ov-list { border-top: 0; padding-top: 0; }
}
/* "Continue with …": the last language page this visitor saw (lc.js); hidden without it */
.lc .lc-ov-cont { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 6px 14px; align-items: center; background: #fff; border: 2px solid var(--lc-app-orange);
  border-radius: 20px; padding: 12px; color: var(--lc-ink); text-decoration: none; }
.lc .lc-ov-cont[hidden] { display: none; }
.lc .lc-ov-cont:hover, .lc .lc-ov-cont:focus { color: var(--lc-ink); text-decoration: none; }
.lc .lc-ov-cont-img { grid-row: span 2; width: 64px; height: 64px; max-width: none; border-radius: 16px; object-fit: cover; margin: 0; padding: 0; }
.lc .lc-ov-cont-t { display: flex; flex-direction: column; min-width: 0; }
.lc .lc-ov-cont-t small { font: 600 11px/1.2 var(--lc-text); letter-spacing: .1em; text-transform: uppercase; color: var(--lc-clay); }
.lc .lc-ov-cont-t b { font: 400 28px/1 var(--lc-title); letter-spacing: .01em; text-transform: uppercase; }
.lc .lc-ov-cont-t span { font-size: 13px; color: var(--lc-ink-2); }
.lc .lc-ov-cont .lc-btn { justify-self: start; padding: 8px 14px; font-size: 15px; }
@media (prefers-reduced-motion: reduce) { .lc .lc-ov-t { transition: none; } }

.lc a:focus-visible, .lc summary:focus-visible { outline: 3px solid var(--lc-orange); outline-offset: 2px; }

@media (min-width: 700px) {
  .lc .lc-blk { padding: 24px 22px; }
}
/* Phones: Breek pads the page and the article by 20 px each; a slimmer article padding keeps ~300 px for text */
@media (max-width: 600px) {
  #page .main-article:has(.lc.language-page) { padding: 18px 12px 24px; }
  .lc .lc-blk { padding: 18px 14px; }
}