/* Scoped documentation layout. Brand tokens come from live MiloslavHub CSS. */
.hlasuj-docs {
  font:17px/1.65 var(--mh-sans, system-ui, sans-serif);
  color:var(--mh-ink, #08233e);
  background:var(--mh-surface, #f7fbfd);
  color-scheme:light;
  margin:0;
}
.hlasuj-docs * {
  box-sizing:border-box;
}
.hlasuj-docs a {
  color:var(--mh-blue-dark, #04527d);
  text-underline-offset:.2em;
}
.hlasuj-docs a:hover {
  color:var(--mh-blue-dark, #04527d);
}
.hlasuj-docs a:focus-visible {
  outline:3px solid var(--mh-blue-dark, #04527d);
  outline-offset:5px;
  border-radius:3px;
}
.hlasuj-docs .wrap {
  max-width:var(--mh-shell, 1160px);
  margin:auto;
  padding:0 28px;
}
.hlasuj-docs header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  min-height:108px;
}
.hlasuj-docs .brand img {
  display:block;
  width:210px;
  height:auto;
}
.hlasuj-docs nav {
  display:flex;
  gap:24px;
  flex-wrap:wrap;
}
.hlasuj-docs nav a {
  font-weight:650;
  text-decoration:none;
}
.hlasuj-docs .intro {
  padding:50px 0 38px;
  max-width:850px;
}
.hlasuj-docs .eyebrow {
  font-size:.76rem;
  letter-spacing:.15em;
  font-weight:750;
  color:var(--mh-blue-dark, #04527d);
}
.hlasuj-docs h1 {
  font-size:clamp(2.2rem,5vw,3.65rem);
  letter-spacing:-.045em;
  line-height:1.12;
  margin:18px 0 24px;
}
.hlasuj-docs h2 {
  font-size:1.3rem;
  line-height:1.3;
  letter-spacing:-.02em;
}
.hlasuj-docs .lead {
  font-size:1.15rem;
  color:var(--mh-text, #3d5d75);
  max-width:760px;
}
.hlasuj-docs .actions {
  display:flex;
  gap:24px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:26px;
}
.hlasuj-docs .button {
  display:inline-block;
  background:var(--mh-blue-dark, #04527d);
  color:white;
  padding:12px 22px;
  border-radius:9px;
  text-decoration:none;
  font-weight:700;
}
.hlasuj-docs .button:hover {
  background:var(--mh-blue-dark, #04527d);
  color:white;
}
.hlasuj-docs .roles {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin:18px 0 32px;
}
.hlasuj-docs .role-card {
  background:white;
  border:1px solid var(--mh-border, #dbe4ee);
  border-radius:var(--mh-radius, 20px);
  padding:25px;
  box-shadow:0 5px 20px #16334d05;
}
.hlasuj-docs .role-card p {
  color:var(--mh-text, #3d5d75);
}
.hlasuj-docs .role-card a {
  font-weight:700;
}
.hlasuj-docs .step {
  font-size:.8rem;
  font-weight:800;
  color:var(--mh-blue-dark, #04527d);
  letter-spacing:.08em;
}
.hlasuj-docs .version {
  background:var(--mh-background, #edf5fa);
  border-left:4px solid var(--mh-blue-dark, #04527d);
  border-radius:0 12px 12px 0;
  padding:22px 26px;
}
.hlasuj-docs .version p {
  margin:9px 0;
  font-size:.94rem;
}
.hlasuj-docs .sections {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px 60px;
  padding:32px 0;
}
.hlasuj-docs .sections section {
  border-top:1px solid var(--mh-border, #dbe4ee);
  padding-top:16px;
}
.hlasuj-docs .sections ul {
  padding-left:22px;
}
.hlasuj-docs .sections li {
  margin:9px 0;
}
.hlasuj-docs .contact {
  background:var(--mh-ink, #08233e);
  color:white;
  border-radius:var(--mh-radius, 20px);
  padding:26px 30px;
  margin:12px 0 38px;
}
.hlasuj-docs .contact p {
  max-width:800px;
  color:white;
}
.hlasuj-docs .contact a {
  color:white;
  font-weight:700;
}
.hlasuj-docs footer {
  display:flex;
  gap:24px;
  justify-content:space-between;
  flex-wrap:wrap;
  padding-bottom:30px!important;
  font-size:.8rem;
  color:var(--mh-text, #3d5d75);
}
.hlasuj-docs .skip {
  position:absolute;
  left:20px;
  top:-100px;
  background:white;
  padding:12px;
  z-index:5;
}
.hlasuj-docs .skip:focus {
  top:12px;
}

@media(max-width:720px){.wrap {
  padding:0 20px;
}
.hlasuj-docs header {
  align-items:flex-start;
  flex-direction:column;
  padding-top:22px!important;
  padding-bottom:12px!important;
  gap:18px;
}
.hlasuj-docs nav {
  gap:20px;
}
.hlasuj-docs .intro {
  padding-top:28px;
}
.hlasuj-docs h1 {
  font-size:2.4rem;
}
.hlasuj-docs .roles, .hlasuj-docs .sections {
  grid-template-columns:1fr;
}
.hlasuj-docs .role-card {
  padding:22px;
}
.hlasuj-docs .version {
  padding:20px;
}
.hlasuj-docs .sections {
  gap:10px;
}
.hlasuj-docs .contact {
  padding:22px;
}
.hlasuj-docs .brand img {
  width:185px;
}
.hlasuj-docs footer {
  gap:14px;
}

}
@media print{header nav,.actions,.skip {
  display:none;
}
.hlasuj-docs {
  background:white;
}
.hlasuj-docs .roles, .hlasuj-docs .sections {
  display:block;
}
.hlasuj-docs .role-card, .hlasuj-docs .version, .hlasuj-docs .contact {
  break-inside:avoid;
  box-shadow:none;
}
.hlasuj-docs .contact {
  background:white;
  color:var(--mh-ink, #08233e);
  border:1px solid var(--mh-border, #dbe4ee);
}
.hlasuj-docs .contact p, .hlasuj-docs .contact a {
  color:var(--mh-ink, #08233e);
}
.hlasuj-docs a {
  color:inherit;
}
.hlasuj-docs .wrap {
  max-width:none;
}
.hlasuj-docs h1 {
  font-size:2rem;
}

}.hlasuj-docs .manual {
  max-width: var(--mh-reading-width, 780px);
  padding-top: 30px;
  padding-bottom: 50px;
  overflow-wrap: anywhere;
}
.hlasuj-docs .manual h1 {
  font-size: clamp(2rem,4vw,3rem);
}
.hlasuj-docs .manual h2 {
  margin-top: 2em;
  font-size: 1.5rem;
}
.hlasuj-docs .manual .table {
  overflow-x: auto;
  margin: 24px 0;
}
.hlasuj-docs table {
  border-collapse: collapse;
  width: 100%;
  font-size: .9rem;
}
.hlasuj-docs th, .hlasuj-docs td {
  text-align: left;
  vertical-align: top;
  padding: 12px;
  border-bottom: 1px solid var(--mh-border, #dbe4ee);
}
.hlasuj-docs th {
  background: var(--mh-background, #edf5fa);
}
.hlasuj-docs pre {
  overflow-x: auto;
  padding: 18px;
  background: var(--mh-background, #edf5fa);
  font-size: .85rem;
}
.hlasuj-docs .doc-meta {
  border-bottom: 1px solid var(--mh-border, #dbe4ee);
  padding-bottom: 18px;
  font-size: .85rem;
  color: var(--mh-muted, #52697d);
}