/* Obecné zaujímavosti – podrobný manuál mobilnej aplikácie v1.108 */
.oz1108-manual-page { scroll-behavior: smooth; }
.oz1108-manual-page section[id],
.oz1108-manual-page nav[id] { scroll-margin-top: 92px; }

.oz1108-manual-hero {
  background:
    radial-gradient(circle at 94% 12%, rgba(47,113,199,.13), transparent 24rem),
    linear-gradient(135deg, #ffffff 0%, #f1f8f3 100%);
}
.oz1108-manual-hero p { max-width: 980px; }

.oz1108-toc {
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid #dbe4ec;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(24,49,75,.08);
}
.oz1108-toc h2 { margin: 0 0 16px; color: #14243b; }
.oz1108-toc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.oz1108-toc-grid a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 13px;
  border: 1px solid #d9e4ec;
  border-radius: 13px;
  background: #f7fafc;
  color: #295f37;
  font-weight: 750;
  text-decoration: none;
}
.oz1108-toc-grid a:hover,
.oz1108-toc-grid a:focus { border-color: #4d7f4d; background: #edf6ef; }

.oz1108-quickstart {
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(47,113,199,.2);
  border-left: 7px solid #2f71c7;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(77,127,77,.12), transparent 24rem),
    linear-gradient(135deg, #f4f8ff 0%, #ffffff 64%);
  box-shadow: 0 16px 38px rgba(24,49,75,.1);
}
.oz1108-section-heading h2 { margin: 0 0 8px; color: #14243b; font-size: clamp(1.8rem, 3vw, 2.4rem); }
.oz1108-section-heading p:last-child { margin-bottom: 0; }
.oz1108-quick-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 22px; }
.oz1108-quick-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  border: 1px solid #dbe4ec;
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 7px 18px rgba(24,49,75,.06);
}
.oz1108-quick-card > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2f71c7, #4d7f4d);
  color: #fff;
  font-size: 1.08rem;
  font-weight: 900;
}
.oz1108-quick-card h3 { margin: 0 0 6px; color: #17324f; font-size: 1.05rem; }
.oz1108-quick-card p { margin: 0; color: #536579; }

.oz1108-detail-intro { border-left: 6px solid #4d7f4d; }
.oz1108-manual-section {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 20px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid #dbe4ec;
  border-radius: 24px;
  background: linear-gradient(180deg, #fff 0%, #f9fbfd 100%);
  box-shadow: 0 12px 30px rgba(24,49,75,.075);
}
.oz1108-number {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #edf5ef;
  border: 1px solid #cfe0d3;
  color: #295f37;
  font-size: 1.2rem;
  font-weight: 900;
}
.oz1108-manual-section h2 { margin: 0 0 12px; color: #14243b; }
.oz1108-manual-section h3 { color: #295f37; }
.oz1108-manual-section p,
.oz1108-manual-section li { color: #33485c; }
.oz1108-manual-section li { margin: .45rem 0; }
.oz1108-manual-section > div:last-child > :last-child { margin-bottom: 0; }

.oz1108-feature-grid,
.oz1108-shot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 18px 0; }
.oz1108-feature-grid article,
.oz1108-shot-grid article,
.oz1108-two-column > div {
  padding: 17px;
  border: 1px solid #dce5ec;
  border-radius: 16px;
  background: #fff;
}
.oz1108-feature-grid h3,
.oz1108-shot-grid h3,
.oz1108-two-column h3 { margin: 0 0 7px; }
.oz1108-feature-grid p,
.oz1108-shot-grid p { margin: 0; }
.oz1108-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin: 18px 0; }
.oz1108-two-column ul { margin-bottom: 0; }

.oz1108-faq-list { display: grid; gap: 10px; }
.oz1108-faq-list details { border: 1px solid #dbe4ec; border-radius: 15px; background: #fff; padding: 0 16px; }
.oz1108-faq-list summary { cursor: pointer; padding: 15px 0; color: #17324f; font-weight: 800; }
.oz1108-faq-list details[open] summary { color: #376d3d; }
.oz1108-faq-list p { margin: 0; padding: 0 0 15px; }

.oz1108-help-links .button:not(.button-secondary) { color: #fff !important; }
.oz1108-screenshots { border-left: 6px solid #2f71c7; }
.oz1108-back-top { display: flex; justify-content: center; margin-top: -4px; }
.oz1108-back-top a {
  display: inline-flex;
  padding: 10px 16px;
  border-radius: 999px;
  background: #edf5ef;
  color: #295f37;
  font-weight: 800;
  text-decoration: none;
}

@media (max-width: 900px) {
  .oz1108-toc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .oz1108-quick-grid,
  .oz1108-feature-grid,
  .oz1108-shot-grid,
  .oz1108-two-column { grid-template-columns: 1fr; }
  .oz1108-manual-section { grid-template-columns: 1fr; gap: 13px; }
  .oz1108-number { width: 42px; height: 42px; border-radius: 14px; }
}
@media (max-width: 540px) {
  .oz1108-toc-grid { grid-template-columns: 1fr; }
  .oz1108-quick-card { grid-template-columns: 38px minmax(0, 1fr); padding: 15px; }
  .oz1108-quick-card > span { width: 36px; height: 36px; }
}

/* v1.138 – kotvy kapitol nesmú zostať schované pod pevnou hlavičkou */
#manual-top,.oz1108-manual-section,.oz1108-quickstart{scroll-margin-top:110px}