/* Published editorial content only. Reuses the public shell and existing media. */
.public-content .web-editorial { max-width:1120px; margin:24px auto 64px; min-width:0; }
.public-content .web-editorial-heading { max-width:960px; padding:28px 0 40px; border-bottom:1px solid var(--line); margin-bottom:36px; }
.public-content .web-editorial-heading .eyebrow { margin:0 0 18px; }
.public-content .web-editorial-heading h1 { font-size:clamp(36px,5.4vw,72px); line-height:1.06; letter-spacing:-.045em; margin:0 0 24px; overflow-wrap:anywhere; }
.public-content .web-editorial-heading .lead { max-width:65ch; font-size:clamp(18px,2vw,22px); line-height:1.6; }
.public-content .web-role { font-size:22px; color:var(--accent-dark); margin:8px 0 16px; }
.public-content .web-hero-image { margin:0 0 40px; max-width:100%; }
.public-content .web-hero-image img { width:100%; max-height:650px; object-fit:cover; display:block; border-radius:var(--public-radius); }
.public-content .web-hero-image figcaption { font-size:12px; padding:12px 0; color:var(--muted); overflow-wrap:anywhere; }
.public-content .web-prose { max-width:760px; font-size:18px; line-height:1.85; overflow-wrap:anywhere; }
.public-content .web-prose h2 { font-size:clamp(25px,3vw,38px); line-height:1.2; letter-spacing:-.025em; margin:48px 0 20px; }
.public-content .web-prose h3,.public-content .web-prose h4 { line-height:1.3; margin:30px 0 14px; }
.public-content .web-prose li { margin:9px 0; }
.public-content .web-prose a { color:var(--accent-dark); text-decoration-thickness:1px; text-underline-offset:3px; }
.public-content .web-prose pre { max-width:100%; overflow:auto; font-size:14px; white-space:pre-wrap; }
.public-content .web-editorial-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; background:var(--public-graphite); color:var(--public-on-dark); border:1px solid var(--public-dark-line); border-radius:var(--public-radius); padding:var(--public-space); margin:48px 0; }
.public-content .web-editorial-cta h2 { font-size:clamp(24px,3vw,32px); line-height:1.2; margin:0; }
.public-content .web-editorial-cta :focus-visible { outline-color:var(--public-on-dark); }
.public-content .web-sources { max-width:760px; padding:20px 0; margin-top:28px; border-top:1px solid var(--line); overflow-wrap:anywhere; }
.public-content .web-sources summary { font-weight:650; cursor:pointer; min-height:44px; }
.public-content .web-public-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0; }
.public-content .web-public-card { min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:var(--public-radius); display:flex; flex-direction:column; }
.public-content .web-public-card > a { display:block; border-radius:var(--public-radius) var(--public-radius) 0 0; overflow:hidden; }
.public-content .web-public-card img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.public-content .web-public-card > div { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:24px; flex:1; }
.public-content .web-public-card h2 { font-size:26px; line-height:1.2; letter-spacing:-.025em; margin:0; overflow-wrap:anywhere; }
.public-content .web-public-card h2 a { color:inherit; text-decoration:none; }
.public-content .web-public-card h2 a:hover { color:var(--accent-dark); text-decoration:underline; }
.public-content .web-public-card p { margin:0; line-height:1.7; overflow-wrap:anywhere; }
.public-content .web-public-card .text-link { margin-top:auto; min-height:44px; display:inline-flex; align-items:center; }
.public-content .web-category { display:flex; gap:16px; flex-wrap:wrap; align-items:end; padding:20px 24px; margin-bottom:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--public-radius); }
.public-content .web-category label { display:grid; gap:8px; }
.public-content .web-category select { padding:12px; min-height:44px; max-width:100%; font:inherit; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); }
.public-content .web-pagination { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; margin:30px 0; }
.public-content .web-tech-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:760px; background:var(--surface); border:1px solid var(--line); padding:var(--public-space); border-radius:var(--public-radius); }
.public-content .web-tech-facts dt { font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.public-content .web-tech-facts dd { margin:10px 0 0; font-weight:650; overflow-wrap:anywhere; }
.public-content .web-legal-company { border-top:1px solid var(--line); margin-top:40px; padding-top:24px; }
.public-content .web-editorial .button { white-space:normal; text-align:center; }
.public-content .web-editorial :is(a,button,select,summary):focus-visible { outline:3px solid var(--accent-dark); outline-offset:4px; }
.public-content .web-editorial .web-editorial-cta :focus-visible { outline-color:var(--public-on-dark); }
.public-content .web-machines { margin-block:32px; }
.public-content .web-machines ul { list-style:none; padding:0; }
.public-content .web-machines li { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 24px; padding:18px 0; border-bottom:1px solid var(--line); }
.public-content .web-machines strong { flex:0 1 220px; overflow-wrap:anywhere; }
.public-content .web-machines span { color:var(--muted); }
.public-content .web-hero-image.web-portrait { max-width:440px; }
.public-content .web-portrait img { height:auto; max-height:none; object-fit:contain; }
.public-content .web-team-card img { aspect-ratio:4/5; object-position:top; }
/* Published page composition: content comes from the selected CMS revision. */
.public-content .web-published-page { max-width:1280px; margin:24px auto 64px; min-width:0; }
.public-content .web-published-hero { display:grid; gap:clamp(24px,4vw,64px); padding:clamp(24px,4.5vw,64px); border:1px solid var(--line); border-radius:var(--public-radius); background:var(--surface); }
.public-content .web-published-with-media { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; }
.public-content .web-published-heading { min-width:0; }
.public-content .web-published-heading .eyebrow { margin:0 0 20px; color:var(--accent-dark); }
.public-content .web-published-heading h1 { max-width:18ch; margin:0 0 24px; font-size:clamp(34px,5vw,68px); line-height:1.06; letter-spacing:-.045em; overflow-wrap:anywhere; }
.public-content .web-published-heading .lead { max-width:62ch; margin:0; font-size:clamp(18px,1.8vw,22px); line-height:1.65; overflow-wrap:anywhere; }
.public-content .web-published-heading .button { margin-top:28px; }
.public-content .web-published-domov .web-published-hero { background:var(--public-graphite); color:var(--public-on-dark); border-color:var(--public-dark-line); }
.public-content .web-published-domov .web-published-heading .eyebrow { color:#b7cae8; }
.public-content .web-published-domov .web-published-heading .lead { color:#d4deeb; }
.public-content .web-published-media { min-width:0; margin:0; }
.public-content .web-published-media img { display:block; width:100%; height:auto; max-height:520px; object-fit:contain; border-radius:calc(var(--public-radius) - 6px); }
.public-content .web-published-media figcaption { margin-top:12px; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.public-content .web-published-start { margin:40px 0; }
.public-content .web-published-section-heading { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:16px 32px; }
.public-content .web-published-section-heading .eyebrow { margin:0 0 10px; }
.public-content .web-published-section-heading h2 { margin:0; font-size:clamp(26px,3vw,40px); line-height:1.15; letter-spacing:-.03em; }
.public-content .web-published-start > .web-published-section-heading { display:block; }
.public-content .web-published-entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }
.public-content .web-published-entry { display:flex; align-items:baseline; gap:20px; min-width:0; padding:var(--public-space); border:1px solid var(--line); border-radius:var(--public-radius); background:var(--surface); color:var(--ink); text-decoration:none; }
.public-content .web-published-entry:hover { border-color:var(--accent); background:var(--soft); }
.public-content .web-entry-number { flex:none; font:13px var(--mono); color:var(--accent-dark); }
.public-content .web-published-entry h3 { margin:0; font-size:clamp(23px,2.6vw,32px); line-height:1.2; letter-spacing:-.025em; }
.public-content .web-published-entry p { margin:12px 0; color:var(--muted); }
.public-content .web-published-entry .text-link { color:var(--accent-dark); }
.public-content .web-published-sections { display:flex; flex-wrap:wrap; gap:8px 24px; padding:16px 0; margin:40px 0 0; border-block:1px solid var(--line); }
.public-content .web-published-sections a { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-weight:600; text-decoration:none; }
.public-content .web-published-sections a:hover { color:var(--accent-dark); text-decoration:underline; }
.public-content .web-published-copy { margin:40px 0 56px; scroll-margin-top:24px; }
.public-content .web-published-copy > div { min-width:0; }
.public-content .web-published-copy .web-prose > :first-child { margin-top:0; }
.public-content .web-published-company { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr); gap:clamp(24px,5vw,72px); align-items:start; }
.public-content .web-published-identity { min-width:0; padding:var(--public-space); background:var(--soft); border:1px solid var(--line); border-radius:var(--public-radius); overflow-wrap:anywhere; }
.public-content .web-published-identity h2 { margin:0 0 24px; font-size:26px; line-height:1.2; }
.public-content .web-published-identity dl { margin:0; }
.public-content .web-published-identity dl > div { display:grid; grid-template-columns:60px minmax(0,1fr); gap:16px; padding:12px 0; border-bottom:1px solid var(--line); }
.public-content .web-published-identity dt { color:var(--muted); }
.public-content .web-published-identity dd { margin:0; }
.public-content .web-published-collection { margin-top:56px; padding-top:32px; border-top:1px solid var(--line); scroll-margin-top:24px; }
.public-content .web-published-page .web-public-card h3 { margin:0; font-size:26px; line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; }
.public-content .web-published-page .web-public-card h3 a { color:inherit; text-decoration:none; }
.public-content .web-published-page .web-public-card h3 a:hover { color:var(--accent-dark); text-decoration:underline; }
.public-content .web-published-page .web-card-machines { display:grid; gap:12px; padding:16px 0 0; margin:0; width:100%; list-style:none; border-top:1px solid var(--line); font-size:14px; }
.public-content .web-published-page .web-card-machines li { display:flex; flex-wrap:wrap; gap:4px 12px; }
.public-content .web-published-page .web-card-machines strong { flex-basis:100%; font-weight:600; }
.public-content .web-published-page .web-card-machines span { color:var(--muted); }
.public-content .web-published-domov :is(.web-published-technology,.web-published-service) .web-public-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-content .web-published-page .web-published-team .web-public-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.public-content .web-published-page .web-team-card > div { padding:20px; gap:12px; }
.public-content .web-published-page .web-team-card h3 { font-size:23px; }
.public-content .web-published-faq .web-prose > :is(h2,h3) { padding-top:24px; border-top:1px solid var(--line); }
.public-content .web-published-page :is(.button,.text-link) { min-height:44px; white-space:normal; }
.public-content .web-published-page .button { text-align:center; }
.public-content .web-published-page :is(a,summary):focus-visible { outline:3px solid var(--accent-dark); outline-offset:4px; }
.public-content .web-published-domov .web-published-hero :focus-visible { outline-color:var(--public-on-dark); }
@media(max-width:900px) {
  .public-content .web-public-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .public-content .web-published-with-media,.public-content .web-published-company { grid-template-columns:minmax(0,1fr); }
  .public-content .web-published-media { max-width:680px; }
  .public-content .web-published-page .web-published-team .web-public-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .public-content .web-public-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .public-content .web-editorial { margin:12px auto 40px; }
  .public-content .web-editorial-heading { padding:12px 0 28px; margin-bottom:28px; }
  .public-content .web-prose { font-size:17px; }
  .public-content .web-editorial-cta { padding:24px; }
  .public-content .web-editorial-cta .button { width:100%; }
  .public-content .web-tech-facts { grid-template-columns:minmax(0,1fr); }
  .public-content .web-category { align-items:stretch; flex-direction:column; padding:20px; }
  .public-content .web-category select { width:100%; }
  .public-content .web-public-card > div { padding:22px; }
  .public-content .web-published-page { margin:12px auto 40px; }
  .public-content .web-published-hero { padding:24px; }
  .public-content .web-published-heading h1 { max-width:none; }
  .public-content .web-published-heading .button { width:100%; }
  .public-content .web-published-entry-grid,
  .public-content .web-published-domov :is(.web-published-technology,.web-published-service) .web-public-grid,
  .public-content .web-published-page .web-published-team .web-public-grid { grid-template-columns:minmax(0,1fr); }
  .public-content .web-published-entry { gap:12px; padding:22px; }
  .public-content .web-published-start { margin:32px 0; }
  .public-content .web-published-sections { gap:4px 18px; margin-top:32px; }
  .public-content .web-published-copy { margin:32px 0 40px; }
  .public-content .web-published-collection { margin-top:40px; padding-top:24px; }
}
@media(prefers-reduced-motion:reduce) {
  .public-content .web-editorial * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
  .public-content .web-published-page * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}