/* =========================================
   HUNSIMCASES 1.3 — DESIGN REFRESH
   WordPress / Elementor HTML widget
   ========================================= */

#hunsimcases {
  --hsc-purple: #432d73;
  --hsc-purple-dark: #302052;
  --hsc-green: #078c74;
  --hsc-orange: #d9831a;
  --hsc-burgundy: #a61717;
  --hsc-ink: #17202d;
  --hsc-muted: #657184;
  --hsc-bg: #f7f8fb;
  --hsc-line: #e6e9ef;
  --hsc-white: #ffffff;
  --hsc-shadow: 0 12px 38px rgba(43, 37, 78, .065);

  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  color: var(--hsc-ink);
  background: var(--hsc-bg);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

#hunsimcases *,
#hunsimcases *::before,
#hunsimcases *::after {
  box-sizing: border-box;
}

#hunsimcases a {
  text-decoration: none;
}

#hunsimcases button,
#hunsimcases input {
  font: inherit;
}

#hunsimcases button {
  cursor: pointer;
}

#hunsimcases .hsc-wrap {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

#hunsimcases .hsc-section {
  padding: 56px 0;
  scroll-margin-top: 110px;
}

#hunsimcases .hsc-section-heading {
  margin-bottom: 24px;
}

#hunsimcases .hsc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--hsc-green);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.45px;
  text-transform: uppercase;
}

#hunsimcases .hsc-eyebrow::before {
  content: "";
  width: 20px;
  height: 3px;
  background: var(--hsc-orange);
  border-radius: 5px;
}

#hunsimcases h1,
#hunsimcases h2,
#hunsimcases h3,
#hunsimcases p {
  margin-top: 0;
}

#hunsimcases h2 {
  color: var(--hsc-purple);
  font-size: clamp(27px, 3vw, 37px);
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1.2;
  margin-bottom: 11px;
}

#hunsimcases h3 {
  color: var(--hsc-purple);
  font-size: 19px;
  line-height: 1.35;
  font-weight: 750;
}

#hunsimcases p {
  color: var(--hsc-muted);
  margin-bottom: 16px;
}

#hunsimcases .hsc-section-heading p {
  max-width: 670px;
  margin-bottom: 0;
}

/* =========================================
   HEADER
   ========================================= */

#hunsimcases .hsc-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, .97);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(67, 45, 115, .10);
  box-shadow: 0 4px 25px rgba(42, 30, 74, .045);
  transition: box-shadow .25s ease, background .25s ease;
}

#hunsimcases .hsc-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--hsc-purple) 0%,
    var(--hsc-purple) 40%,
    var(--hsc-green) 70%,
    var(--hsc-orange) 100%
  );
}

#hunsimcases .hsc-header.is-scrolled {
  box-shadow: 0 10px 35px rgba(42, 30, 74, .13);
}

#hunsimcases .hsc-header-inner {
  display: flex;
  align-items: center;
  gap: 25px;
  min-height: 100px;
  transition: min-height .25s ease;
}

#hunsimcases .hsc-header.is-scrolled .hsc-header-inner {
  min-height: 74px;
}

#hunsimcases .hsc-brand {
  display: flex;
  align-items: center;
  gap: 13px;
  flex-shrink: 0;
  margin-right: auto;
  min-width: 0;
}

#hunsimcases .hsc-brand-logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
  flex-shrink: 0;
  transition: width .25s ease, height .25s ease;
}

#hunsimcases .hsc-header.is-scrolled .hsc-brand-logo {
  width: 54px;
  height: 54px;
}

#hunsimcases .hsc-brand-name {
  display: block;
  color: var(--hsc-purple);
  font-size: 25px;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -.8px;
}

#hunsimcases .hsc-brand-subtitle {
  display: block;
  color: var(--hsc-green);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 1.25px;
  margin-top: 5px;
}

#hunsimcases .hsc-nav {
  display: flex;
  align-items: center;
  gap: 26px;
}

#hunsimcases .hsc-nav a {
  color: #394052;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
  transition: color .2s ease;
}

#hunsimcases .hsc-nav a:hover {
  color: var(--hsc-green);
}

#hunsimcases .hsc-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 2px;
  background: var(--hsc-green);
  transition: right .2s ease;
}

#hunsimcases .hsc-nav a:hover::after {
  right: 0;
}

#hunsimcases .hsc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: 12px;
  padding: 13px 20px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 800;
  text-align: center;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

#hunsimcases .hsc-btn:hover {
  transform: translateY(-2px);
}

#hunsimcases .hsc-btn-primary {
  color: white;
  background: var(--hsc-purple);
  box-shadow: 0 6px 17px rgba(67, 45, 115, .17);
}

#hunsimcases .hsc-btn-primary:hover {
  color: white;
  background: var(--hsc-purple-dark);
}

#hunsimcases .hsc-btn-green {
  color: white;
  background: var(--hsc-green);
}

#hunsimcases .hsc-btn-green:hover {
  color: white;
  background: #067660;
}

#hunsimcases .hsc-btn-soft {
  color: var(--hsc-purple);
  background: #ede9f5;
}

#hunsimcases .hsc-btn-soft:hover {
  color: var(--hsc-purple);
  background: #e3dcef;
}

#hunsimcases .hsc-menu-button {
  display: none;
  width: 43px;
  height: 43px;
  border: 1px solid #e7e1f0;
  border-radius: 11px;
  background: #f2eef8;
  color: var(--hsc-purple);
  font-size: 22px;
  align-items: center;
  justify-content: center;
}

/* =========================================
   HERO
   ========================================= */

#hunsimcases .hsc-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(7, 140, 116, .10),
      transparent 37%
    ),
    radial-gradient(
      circle at 15% 90%,
      rgba(67, 45, 115, .055),
      transparent 40%
    ),
    linear-gradient(135deg, #ffffff, #f8f6fc);
  padding: 57px 0 52px;
}

#hunsimcases .hsc-hero-grid {
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  gap: 46px;
  align-items: center;
}

#hunsimcases .hsc-hero h1 {
  color: var(--hsc-purple);
  font-size: clamp(29px, 3.4vw, 47px);
  line-height: 1.23;
  letter-spacing: -1.35px;
  font-weight: 820;
  margin: 17px 0 18px;
}

#hunsimcases .hsc-hero h1 em {
  color: var(--hsc-green);
  font-style: normal;
}

#hunsimcases .hsc-quote-author {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 21px;
}

#hunsimcases .hsc-quote-author::before {
  content: "";
  width: 35px;
  height: 2px;
  flex-shrink: 0;
  background: var(--hsc-orange);
}

#hunsimcases .hsc-quote-author strong {
  display: block;
  color: var(--hsc-purple);
  font-size: 15px;
}

#hunsimcases .hsc-quote-author small {
  display: block;
  color: var(--hsc-muted);
  font-size: 12px;
  font-style: italic;
}

#hunsimcases .hsc-hero-description {
  max-width: 610px;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 21px;
}

#hunsimcases .hsc-search {
  display: flex;
  gap: 7px;
  padding: 7px;
  border: 1px solid #e8e6ee;
  border-radius: 15px;
  background: white;
  box-shadow: var(--hsc-shadow);
}

#hunsimcases .hsc-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: var(--hsc-ink);
  padding: 10px 13px;
  font-size: 13px;
}

#hunsimcases .hsc-search input:focus {
  outline: 2px solid rgba(7, 140, 116, .2);
  outline-offset: -2px;
  border-radius: 8px;
}

#hunsimcases .hsc-hero-actions {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
  margin-top: 16px;
}

#hunsimcases .hsc-micro {
  margin: 15px 0 0;
  color: #798396;
  font-size: 11px;
}

#hunsimcases .hsc-hero-visual {
  display: grid;
  place-items: center;
  min-height: 340px;
}

#hunsimcases .hsc-orbit {
  width: min(100%, 350px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(
    145deg,
    #e5def3,
    #d7f2e8
  );
  display: grid;
  place-items: center;
  position: relative;
}

#hunsimcases .hsc-orbit::after {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 50%;
}

#hunsimcases .hsc-visual-card {
  width: 78%;
  position: relative;
  z-index: 1;
  background: white;
  border: 1px solid #f1edf6;
  border-radius: 22px;
  padding: 27px;
  box-shadow: 0 23px 55px rgba(48, 32, 82, .19);
  transform: rotate(-5deg);
}

#hunsimcases .hsc-visual-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--hsc-green);
  background: #e6f5ef;
  font-size: 26px;
  margin-bottom: 15px;
}

#hunsimcases .hsc-visual-card strong {
  display: block;
  color: var(--hsc-purple);
  font-size: 17px;
}

#hunsimcases .hsc-visual-line {
  height: 9px;
  background: #edeef3;
  border-radius: 10px;
  margin-top: 13px;
}

#hunsimcases .hsc-visual-line.short {
  width: 62%;
}

#hunsimcases .hsc-visual-line.green {
  width: 85%;
  background: #d4eee4;
}

#hunsimcases .hsc-visual-badge {
  display: inline-block;
  margin-top: 19px;
  padding: 7px 11px;
  border-radius: 30px;
  color: var(--hsc-green);
  background: #e7f6ef;
  font-size: 10px;
  font-weight: 800;
}

/* =========================================
   CATEGORY GRID
   ========================================= */

#hunsimcases .hsc-categories-section {
  padding-top: 43px;
  padding-bottom: 53px;
}

#hunsimcases .hsc-categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

#hunsimcases .hsc-category {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 19px;
  background: white;
  border: 1px solid var(--hsc-line);
  border-radius: 17px;
  box-shadow: 0 5px 20px rgba(42, 30, 74, .025);
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

#hunsimcases .hsc-category:hover {
  transform: translateY(-3px);
  border-color: rgba(7, 140, 116, .38);
  box-shadow: 0 12px 28px rgba(42, 30, 74, .075);
}

#hunsimcases .hsc-category-icon {
  width: 49px;
  height: 49px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #f0ecf7;
  color: var(--hsc-purple);
  font-size: 23px;
}

#hunsimcases .hsc-category:nth-child(3n+2) .hsc-category-icon {
  background: #e5f4ee;
  color: var(--hsc-green);
}

#hunsimcases .hsc-category:nth-child(3n) .hsc-category-icon {
  background: #fff2df;
  color: var(--hsc-orange);
}

#hunsimcases .hsc-category strong {
  display: block;
  color: var(--hsc-ink);
  font-size: 13px;
  line-height: 1.4;
}

#hunsimcases .hsc-category small {
  display: block;
  color: var(--hsc-muted);
  font-size: 11px;
  margin-top: 3px;
}

/* =========================================
   CASES
   ========================================= */

#hunsimcases .hsc-cases-section {
  background: white;
  border-top: 1px solid #edf0f3;
  border-bottom: 1px solid #edf0f3;
}

#hunsimcases .hsc-cases {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

#hunsimcases .hsc-case {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--hsc-line);
  border-radius: 19px;
  background: white;
  transition: transform .2s ease, box-shadow .2s ease;
}

#hunsimcases .hsc-case:hover {
  transform: translateY(-4px);
  box-shadow: var(--hsc-shadow);
}

#hunsimcases .hsc-case-visual {
  height: 130px;
  display: grid;
  place-items: center;
  color: var(--hsc-purple);
  font-size: 45px;
  background: linear-gradient(135deg, #e9e2f5, #dbf2e9);
}

#hunsimcases .hsc-case:nth-child(2) .hsc-case-visual {
  background: linear-gradient(135deg, #e6f3ed, #f8e9df);
}

#hunsimcases .hsc-case:nth-child(3) .hsc-case-visual {
  background: linear-gradient(135deg, #fff0d9, #eee7f8);
}

#hunsimcases .hsc-case-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 21px;
}

#hunsimcases .hsc-pill {
  display: inline-flex;
  align-self: flex-start;
  border-radius: 30px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 800;
}

#hunsimcases .hsc-pill-free {
  color: var(--hsc-green);
  background: #e2f5ec;
}

#hunsimcases .hsc-pill-premium {
  color: #96600e;
  background: #fff0d9;
}

#hunsimcases .hsc-case h3 {
  margin: 13px 0 9px;
}

#hunsimcases .hsc-case p {
  font-size: 13px;
  line-height: 1.65;
  flex: 1;
}

#hunsimcases .hsc-case-footer {
  border-top: 1px solid var(--hsc-line);
  padding-top: 13px;
  color: var(--hsc-green);
  font-size: 11px;
  font-weight: 750;
}

/* =========================================
   SUBMISSION SECTION
   ========================================= */

#hunsimcases .hsc-feature {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 52px;
  align-items: center;
}

#hunsimcases .hsc-feature-visual {
  padding: 43px 30px;
  border-radius: 23px;
  background: linear-gradient(
    135deg,
    var(--hsc-purple),
    #72559c
  );
  display: grid;
  place-items: center;
}

#hunsimcases .hsc-paper {
  width: min(100%, 305px);
  padding: 24px;
  border-radius: 15px;
  background: white;
  transform: rotate(3deg);
  box-shadow: 0 20px 40px rgba(20, 10, 40, .24);
}

#hunsimcases .hsc-paper strong {
  color: var(--hsc-purple);
}

#hunsimcases .hsc-paper-line {
  height: 22px;
  border-radius: 7px;
  background: #eff0f5;
  margin-top: 13px;
}

#hunsimcases .hsc-paper-line:nth-child(3) {
  background: #e2f3eb;
}

#hunsimcases .hsc-paper-button {
  margin-top: 16px;
  padding: 9px;
  border-radius: 8px;
  background: var(--hsc-green);
  color: white;
  font-size: 12px;
  text-align: center;
}

#hunsimcases .hsc-checklist {
  padding-left: 20px;
  margin: 18px 0 22px;
  color: #485366;
  font-size: 14px;
}

#hunsimcases .hsc-checklist li {
  margin-bottom: 9px;
}

#hunsimcases .hsc-checklist li::marker {
  color: var(--hsc-green);
}

/* =========================================
   ABOUT / CTA
   ========================================= */

#hunsimcases .hsc-about-section {
  padding-top: 15px;
  padding-bottom: 60px;
}

#hunsimcases .hsc-cta {
  position: relative;
  overflow: hidden;
  border-radius: 23px;
  padding: 43px 48px;
  background: linear-gradient(
    115deg,
    var(--hsc-purple),
    #62438c 58%,
    var(--hsc-green)
  );
}

#hunsimcases .hsc-cta::after {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  right: -45px;
  top: -85px;
  pointer-events: none;
}

#hunsimcases .hsc-cta h2,
#hunsimcases .hsc-cta p {
  color: white;
  position: relative;
  z-index: 1;
}

#hunsimcases .hsc-cta p {
  max-width: 760px;
  opacity: .88;
  margin-bottom: 0;
}

/* =========================================
   FOOTER
   ========================================= */

#hunsimcases .hsc-footer {
  background: #191729;
  color: #ddd9e6;
  padding: 46px 0 22px;
}

#hunsimcases .hsc-footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 32px;
}

#hunsimcases .hsc-footer h3 {
  color: white;
  font-size: 17px;
}

#hunsimcases .hsc-footer p {
  color: #c3bdce;
  font-size: 13px;
  max-width: 440px;
}

#hunsimcases .hsc-footer a {
  display: block;
  color: #d9d4e4;
  font-size: 13px;
  margin: 9px 0;
}

#hunsimcases .hsc-footer a:hover {
  color: #9de3cf;
}

#hunsimcases .hsc-footer-bottom {
  margin-top: 28px;
  padding-top: 19px;
  border-top: 1px solid rgba(255,255,255,.13);
  color: #bcb4c8;
  font-size: 11px;
}

#hunsimcases .hsc-notice {
  display: none;
  color: var(--hsc-burgundy);
  font-size: 13px;
  margin-top: 12px;
}

#hunsimcases .hsc-notice.is-visible {
  display: block;
}

#hunsimcases .hsc-hidden {
  display: none !important;
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 1080px) {
  #hunsimcases .hsc-nav {
    gap: 15px;
  }

  #hunsimcases .hsc-nav a {
    font-size: 12px;
  }

  #hunsimcases .hsc-brand-name {
    font-size: 22px;
  }
}

@media (max-width: 920px) {
  #hunsimcases .hsc-header-inner {
    flex-wrap: wrap;
    min-height: 82px;
  }

  #hunsimcases .hsc-header-cta {
    display: none;
  }

  #hunsimcases .hsc-menu-button {
    display: inline-flex;
  }

  #hunsimcases .hsc-nav {
    display: none;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    order: 5;
    gap: 0;
    padding: 0 0 15px;
  }

  #hunsimcases .hsc-nav.is-open {
    display: flex;
  }

  #hunsimcases .hsc-nav a {
    padding: 12px 9px;
    font-size: 14px;
    border-bottom: 1px solid #f0edf4;
  }

  #hunsimcases .hsc-nav a::after {
    display: none;
  }

  #hunsimcases .hsc-hero-grid,
  #hunsimcases .hsc-feature {
    grid-template-columns: 1fr;
  }

  #hunsimcases .hsc-hero-visual {
    min-height: 260px;
  }

  #hunsimcases .hsc-orbit {
    width: 270px;
  }

  #hunsimcases .hsc-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  #hunsimcases .hsc-wrap {
    width: min(100% - 30px, 1180px);
  }

  #hunsimcases .hsc-header-inner {
    min-height: 75px;
  }

  #hunsimcases .hsc-brand-logo {
    width: 52px;
    height: 52px;
  }

  #hunsimcases .hsc-header.is-scrolled .hsc-brand-logo {
    width: 45px;
    height: 45px;
  }

  #hunsimcases .hsc-brand-name {
    font-size: 20px;
  }

  #hunsimcases .hsc-brand-subtitle {
    font-size: 8px;
    letter-spacing: .8px;
  }

  #hunsimcases .hsc-hero {
    padding: 39px 0 34px;
  }

  #hunsimcases .hsc-hero h1 {
    font-size: clamp(27px, 6.7vw, 36px);
    letter-spacing: -.7px;
  }

  #hunsimcases .hsc-hero-visual {
    display: none;
  }

  #hunsimcases .hsc-hero-description {
    font-size: 14px;
  }

  #hunsimcases .hsc-search {
    flex-direction: column;
  }

  #hunsimcases .hsc-section {
    padding: 43px 0;
  }

  #hunsimcases .hsc-categories-section {
    padding-top: 35px;
  }

  #hunsimcases .hsc-categories,
  #hunsimcases .hsc-cases {
    grid-template-columns: 1fr;
  }

  #hunsimcases .hsc-category {
    padding: 16px;
  }

  #hunsimcases .hsc-feature {
    gap: 28px;
  }

  #hunsimcases .hsc-feature-visual {
    padding: 34px;
  }

  #hunsimcases .hsc-about-section {
    padding-top: 8px;
  }

  #hunsimcases .hsc-cta {
    padding: 30px 25px;
  }

  #hunsimcases .hsc-footer-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #hunsimcases *,
  #hunsimcases *::before,
  #hunsimcases *::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
#hscf .hscf-monitor-addons{margin-top:14px;display:grid;gap:12px}#hscf .hscf-monitor-actions{display:flex;gap:10px;flex-wrap:wrap}#hscf .hscf-monitor-toggle{border:1px solid #b9dcd2;border-radius:10px;padding:10px 14px;background:#edf9f5;color:#06775f;font-weight:750;cursor:pointer}#hscf .hscf-monitor-toggle[aria-expanded=true]{background:#078c74;color:#fff}#hscf .hscf-monitor-panel{border:1px solid #dce6e2;border-radius:12px;background:#f9fcfb;padding:16px}#hscf .hscf-monitor-panel h4{margin:0 0 14px;color:#432d73;font-size:15px}

#hscf{--p:#432d73;--g:#078c74;--o:#d9831a;--line:#e5e8ef;max-width:1180px;margin:0 auto;padding:36px 20px 70px;color:#17202d;font-family:Inter,system-ui,sans-serif}
#hscf *{box-sizing:border-box}#hscf .hscf-intro{color:#657184;max-width:750px}#hscf h1{color:var(--p);font-size:clamp(29px,4vw,42px);margin:0 0 10px}#hscf .hscf-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:22px;align-items:start}
#hscf .hscf-side,#hscf .hscf-paper{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px #3020520a}
#hscf .hscf-side{padding:15px;position:sticky;top:90px}#hscf .hscf-side strong{display:block;color:var(--p);padding:10px 8px}#hscf .hscf-side button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px;border-radius:9px;font-size:12px;color:#49566a;cursor:pointer}#hscf .hscf-side button.active{background:#f0ecf7;color:var(--p);font-weight:800}#hscf .hscf-paper{padding:clamp(20px,3.5vw,38px)}
#hscf .hscf-progress{height:7px;background:#eeeaf6;border-radius:9px;overflow:hidden;margin-bottom:25px}#hscf .hscf-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--p),var(--g));transition:width .2s}
#hscf .hscf-step{display:none}#hscf .hscf-step.active{display:block}#hscf .hscf-kicker{color:var(--g);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800}#hscf h2{color:var(--p);font-size:clamp(22px,3vw,30px);margin:10px 0 22px}#hscf .hscf-fields{display:grid;gap:19px}#hscf .hscf-field{display:grid;gap:7px;font-size:13px;font-weight:750;color:#344054}#hscf input:not([type=checkbox]),#hscf select,#hscf textarea{width:100%;padding:12px;border:1px solid #d9deea;border-radius:10px;background:#fff;color:#17202d;font:400 14px/1.5 Inter,system-ui,sans-serif;max-width:100%}#hscf textarea{min-height:85px;resize:vertical}#hscf input:focus,#hscf textarea:focus,#hscf select:focus{outline:2px solid #078c7460;outline-offset:1px}#hscf small{color:#68758b;font-weight:400}#hscf .hscf-vitals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#hscf .hscf-vitals label{display:grid;gap:4px;font-size:12px}
#hscf .hscf-unit{display:flex;align-items:stretch;position:relative}#hscf .hscf-unit input{padding-right:65px!important}#hscf .hscf-unit em{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-style:normal;color:#657184;font-size:12px;pointer-events:none}#hscf .hscf-state-row{background:#fff;border:1px solid #d7d3e6;box-shadow:0 5px 16px #3020520b;padding:22px}#hscf .hscf-state-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 35px 4px 0}#hscf .hscf-state-head strong{font-size:17px;color:#432d73}#hscf .hscf-state-tag{font-size:11px;color:#078c74;background:#e8f7f2;padding:4px 8px;border-radius:12px}#hscf .hscf-state-row[data-role="end"] .hscf-state-tag{color:#a61717;background:#fceced}#hscf .hscf-repeat-list{display:grid;gap:12px}#hscf .hscf-repeat-row{position:relative;display:grid;gap:10px;padding:17px;border:1px solid #e5e8ef;border-radius:13px;background:#fafbfe}#hscf .hscf-repeat-row label{display:grid;gap:5px;font-size:12px}#hscf .hscf-remove{position:absolute;right:7px;top:7px;border:0;background:#fae8e8;color:#a61717;border-radius:8px;padding:3px 9px;font-size:19px;cursor:pointer}#hscf .hscf-add{margin-top:12px;border:1px dashed var(--g);background:#eaf8f2;color:#06765f;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}
#hscf .hscf-actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:27px;padding-top:20px}#hscf .hscf-actions button{border:0;border-radius:11px;padding:13px 20px;cursor:pointer;font-weight:800}#hscf .hscf-back{background:#eeeaf6;color:var(--p)}#hscf .hscf-next,#hscf .hscf-send{background:var(--g);color:#fff}#hscf .hscf-actions button:disabled{opacity:.5}#hscf .hscf-consents{display:grid;gap:12px;margin-top:22px}#hscf .hscf-consents label{display:flex;gap:10px;font-size:13px}#hscf .hscf-status{margin-top:16px;padding:13px;border-radius:10px;background:#e7f6ef;color:#075f4e;display:none}#hscf .hscf-status.error{background:#fff0ee;color:#a61717}#hscf .hscf-status.show{display:block}#hscf .hscf-note{font-size:12px;color:#68758b;margin-top:15px}#hscf .hscf-hp{position:absolute;left:-9999px}#hscf [hidden]{display:none!important}
@media(max-width:850px){#hscf .hscf-layout{grid-template-columns:1fr}#hscf .hscf-side{position:static;display:flex;overflow-x:auto;gap:5px}#hscf .hscf-side strong{display:none}#hscf .hscf-side button{flex:0 0 auto;width:auto;white-space:nowrap}#hscf .hscf-vitals{grid-template-columns:repeat(2,1fr)}}
#hscf .hscf-monitor-addons{margin-top:14px;display:grid;gap:12px}#hscf .hscf-monitor-actions{display:flex;gap:10px;flex-wrap:wrap}#hscf .hscf-monitor-toggle{border:1px solid #b9dcd2;border-radius:10px;padding:10px 14px;background:#edf9f5;color:#06775f;font-weight:750;cursor:pointer}#hscf .hscf-monitor-toggle[aria-expanded=true]{background:#078c74;color:#fff}#hscf .hscf-monitor-panel{border:1px solid #dce6e2;border-radius:12px;background:#f9fcfb;padding:16px}#hscf .hscf-monitor-panel h4{margin:0 0 14px;color:#432d73;font-size:15px}

/* HunSimCases 2.2.3 – inputba integrált mértékegységek és egységes monitorozási vezérlők */
#hscf .hscf-unit {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}
#hscf .hscf-unit > input,
#hscf .hscf-vitals .hscf-unit > input {
  display: block !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 10px 105px 10px 13px !important;
  border: 1px solid #d9deea !important;
  border-radius: 11px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  color: #17202d !important;
  line-height: 24px !important;
  box-shadow: none !important;
}
#hscf .hscf-unit > input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
#hscf .hscf-unit > input[type=number]::-webkit-inner-spin-button,
#hscf .hscf-unit > input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#hscf .hscf-unit > em {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  top: 1px !important;
  right: 12px !important;
  bottom: 1px !important;
  left: auto !important;
  width: auto !important;
  max-width: 96px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  color: #8993a4 !important;
  font: 500 12px/1.2 Inter,system-ui,sans-serif !important;
  font-style: normal !important;
  text-align: right !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
#hscf .hscf-monitor-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
}
#hscf .hscf-monitor-actions > button.hscf-monitor-toggle {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #b7dcd2 !important;
  border-radius: 12px !important;
  background: #eaf7f2 !important;
  color: #06765f !important;
  font: 750 13px/1.35 Inter,system-ui,sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  cursor: pointer !important;
  transition: background .18s ease,border-color .18s ease !important;
}
#hscf .hscf-monitor-actions > button.hscf-monitor-toggle:hover {
  background: #d9f0e7 !important;
  border-color: #078c74 !important;
}
#hscf .hscf-monitor-actions > button.hscf-monitor-toggle[aria-expanded=true] {
  background: #078c74 !important;
  border-color: #078c74 !important;
  color: #fff !important;
}
@media (max-width: 620px) {
  #hscf .hscf-monitor-actions {grid-template-columns: 1fr !important;}
}

/* 2.2.5: unified invasive/ventilator monitor grid, labels with equal reserved height */
#hscf .hscf-monitor-panel .hscf-vitals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 14px!important;align-items:stretch!important}
#hscf .hscf-monitor-panel .hscf-vitals>label{display:grid!important;grid-template-rows:minmax(38px,auto) 46px!important;align-content:end!important;gap:7px!important;min-width:0!important;margin:0!important;padding:0!important}
#hscf .hscf-monitor-panel .hscf-vitals>label>span{display:flex!important;align-items:flex-end!important;min-height:38px!important;line-height:1.35!important;margin:0!important;padding:0!important;font-size:12px!important}
#hscf .hscf-monitor-panel .hscf-vitals>label>.hscf-unit{align-self:end!important;min-width:0!important}
/* Add button between start and final state, visually separated from cards */
#hscf .hscf-state-add-rail{display:flex;justify-content:flex-end;align-items:center;min-height:64px;position:relative;padding:10px 0 10px 20px;margin:2px 0;}
#hscf .hscf-state-add-rail::before{content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;background:linear-gradient(#ddd3ec,#078c74,#ddd3ec);border-radius:3px}
#hscf .hscf-state-add-rail .hscf-add{position:relative;z-index:1;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:10px 16px!important;border:1px solid #078c74!important;border-radius:12px!important;background:#eaf8f2!important;color:#06765f!important;box-shadow:0 4px 12px #078c7414!important;cursor:pointer!important;font-weight:750!important;max-width:calc(100% - 40px)}
#hscf .hscf-state-add-rail .hscf-add:hover{background:#d9f0e7!important}
#hscf .hscf-states>.hscf-add{display:none!important}
@media(max-width:760px){#hscf .hscf-monitor-panel .hscf-vitals{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){#hscf .hscf-monitor-panel .hscf-vitals{grid-template-columns:1fr!important}#hscf .hscf-monitor-panel .hscf-vitals>label{grid-template-rows:auto 46px!important}#hscf .hscf-monitor-panel .hscf-vitals>label>span{min-height:0!important}}

/* HunSimCases 2.3.0 – reszponzív labor/EKG felület */
#hscf .hscf-step .hscf-fields{min-width:0;max-width:100%;width:100%;}
#hscf .hscf-repeat,#hscf .hscf-repeat-list,#hscf .hscf-data-card{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
#hscf .hscf-data-card{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:22px;border:1px solid #e0e5ee;border-radius:16px;background:#fcfdff}
#hscf .hscf-data-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-right:30px;color:#432d73;font-size:17px}
#hscf .hscf-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
#hscf .hscf-data-card label,#hscf .hscf-gas-grid label{display:grid;gap:7px;min-width:0;font-size:12px;font-weight:700;color:#344054}
#hscf .hscf-data-card input,#hscf .hscf-data-card select,#hscf .hscf-data-card textarea{min-width:0;max-width:100%;box-sizing:border-box}
#hscf .hscf-gas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-width:0}
#hscf .hscf-lab-divider{height:1px;background:#e2e5ef;margin:30px 0}
#hscf .hscf-section-lead,#hscf .hscf-gas-heading p{color:#667286;font-size:13px;line-height:1.65;margin:0 0 14px}
#hscf .hscf-gas-heading h3,#hscf .hscf-fields>h3{color:#432d73;font-size:21px;margin:0 0 10px}
#hscf .hscf-ecg-section{display:grid;gap:13px;border-top:1px solid #e7eaf0;padding-top:17px;min-width:0}
#hscf .hscf-ecg-section h4{margin:0;color:#432d73;font-size:15px}
#hscf .hscf-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#hscf .hscf-check-grid label{display:flex;align-items:center;gap:8px}
#hscf .hscf-check-grid input,#hscf .hscf-st-table input{width:17px!important;height:17px!important;accent-color:#078c74}
#hscf .hscf-st-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid #e1e5ed;border-radius:12px}
#hscf .hscf-st-table{border-collapse:collapse;width:100%;min-width:710px;table-layout:fixed}
#hscf .hscf-st-table th,#hscf .hscf-st-table td{text-align:center;padding:11px 4px;border-bottom:1px solid #e6e9ef;font-size:12px}
#hscf .hscf-st-table th:first-child{width:100px;text-align:left;padding-left:12px}
#hscf .hscf-st-table thead{background:#f0edf7;color:#432d73}
#hscf .hscf-state-head{flex-wrap:wrap}
#hscf .hscf-copy-prev{margin-left:auto;max-width:100%;border:1px solid #d4c9e8;border-radius:9px;background:#f2edf9;color:#432d73;padding:8px 12px;font-size:12px;font-weight:750;cursor:pointer}
#hscf .hscf-copy-prev:hover{background:#e6dcf4}
#hscf .hscf-add-dock{display:flex;justify-content:flex-end;padding:14px 12px;border:1px dashed #b4d7ce;border-radius:13px;background:#f2faf7;margin:14px 0}
#hscf .hscf-add-dock .hscf-add{margin:0}
#hscf .hscf-ecg-file{padding:13px;border:1px dashed #b9c9df;border-radius:12px;background:#f8fafc}
#hscf .hscf-repeat-row .hscf-remove{position:absolute;top:8px;right:8px}
@media(max-width:760px){#hscf .hscf-gas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#hscf .hscf-data-grid{grid-template-columns:1fr}#hscf .hscf-check-grid{grid-template-columns:1fr}}
@media(max-width:420px){#hscf .hscf-gas-grid{grid-template-columns:1fr}}

/* 2.3.1: hosszú függeléknevek több sorba tördelése, kereten belül */
#hscf .hscf-side{min-width:0;max-width:100%;overflow-wrap:anywhere}
#hscf .hscf-side button{box-sizing:border-box;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;display:block}
#hscf .hscf-layout{min-width:0}
#hscf .hscf-paper{min-width:0}
@media(max-width:850px){#hscf .hscf-side button{white-space:normal;flex:0 0 175px}}

/* 2.3.2: lapozástól független, folyamatos beküldési ellenőrzőlista */
#hscf .hscf-checklist{margin:26px 0 18px;padding:22px;border:1px solid #e4d9f3;border-radius:17px;background:linear-gradient(130deg,#faf8fe,#fff);box-sizing:border-box;max-width:100%;}
#hscf .hscf-checklist-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;}
#hscf .hscf-checklist-head strong{font-size:17px;color:#432d73;}
#hscf .hscf-checklist-head p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#687185;}
#hscf #hscf-checklist-count{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff1e6;color:#a55714;font-size:12px;font-weight:700;white-space:normal;}
#hscf .hscf-checklist-complete #hscf-checklist-count{background:#e6f7f0;color:#078c74;}
#hscf .hscf-checklist-items{margin-top:16px;display:grid;gap:10px;}
#hscf .hscf-checklist-group{background:#fff;border:1px solid #ece7f4;border-radius:11px;padding:12px 15px;min-width:0;}
#hscf .hscf-checklist-jump{border:0;background:none;padding:0;color:#432d73;font-size:13px;font-weight:750;text-align:left;cursor:pointer;white-space:normal;}
#hscf .hscf-checklist-group ul{margin:8px 0 0;padding-left:19px;display:grid;gap:5px;}
#hscf .hscf-checklist-group li{color:#d9831a;font-size:13px;}
#hscf .hscf-checklist-group li button{background:none;border:0;padding:0;color:#465064;font-size:13px;text-align:left;text-decoration:underline;text-decoration-color:#d6c9e7;text-underline-offset:3px;cursor:pointer;white-space:normal;}
#hscf .hscf-checklist-group li button:hover{color:#432d73;}
#hscf .hscf-checklist-ok{color:#078c74;margin:0;font-size:13px;font-weight:600;}
@media(max-width:600px){#hscf .hscf-checklist{padding:15px;} }

/* 2.3.3: stabil ketoszlopos oldalelrendezes */
#hscf .hscf-layout{display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;align-items:start!important;gap:22px!important;}
#hscf .hscf-layout>.hscf-side{grid-column:1!important;min-width:0!important;}
#hscf .hscf-layout>.hscf-paper{grid-column:2!important;min-width:0!important;width:100%!important;max-width:100%!important;}
#hscf .hscf-paper .hscf-step,#hscf .hscf-paper .hscf-fields{min-width:0;max-width:100%;}
@media(max-width:850px){#hscf .hscf-layout{grid-template-columns:minmax(0,1fr)!important;}#hscf .hscf-layout>.hscf-side,#hscf .hscf-layout>.hscf-paper{grid-column:1!important;}}

/* 2.3.4 – GCS compact négymezős beviteli csoport */
#hscf .hscf-vitals label:has(.hscf-gcs){min-width:0!important;max-width:100%!important;}
#hscf .hscf-gcs{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(78px,1.45fr)!important;gap:7px!important;align-items:center!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
#hscf .hscf-gcs-parts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;min-width:0!important;}
#hscf .hscf-gcs .hscf-gcs-part,#hscf .hscf-gcs .hscf-gcs-sum{width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;box-sizing:border-box!important;padding:8px 3px!important;border:1px solid #d9deea!important;border-radius:10px!important;background:#fff!important;text-align:center!important;font:600 15px/1.2 system-ui,sans-serif!important;color:#17202d!important;}
#hscf .hscf-gcs .hscf-gcs-part::placeholder{color:#8a91a4!important;opacity:1!important;font-weight:600!important;}
#hscf .hscf-gcs-total{position:relative!important;min-width:0!important;}
#hscf .hscf-gcs .hscf-gcs-sum{background:#f0f7f4!important;color:#08735f!important;padding-right:34px!important;}
#hscf .hscf-gcs-unit{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;color:#80928b!important;font-size:10px!important;pointer-events:none!important;}
@media(max-width:520px){#hscf .hscf-gcs{grid-template-columns:minmax(0,3fr) minmax(66px,1.3fr)!important;gap:5px!important;}#hscf .hscf-gcs-parts{gap:4px!important;}#hscf .hscf-gcs-unit{right:5px!important;font-size:9px!important;}}


/* v2.3.6 — ECG: consistent inline checkboxes and modern lead matrix */
#hscf .hscf-ecg-card .hscf-check-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important;min-width:0!important}
#hscf .hscf-ecg-card .hscf-check-grid label.hscf-ecg-check{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:43px!important;padding:10px 12px!important;margin:0!important;border:1px solid #e4e5ef!important;border-radius:11px!important;background:#faf9fd!important;color:#394253!important;font-size:13px!important;line-height:1.35!important;font-weight:600!important;cursor:pointer!important;box-sizing:border-box!important;min-width:0!important}
#hscf .hscf-ecg-card .hscf-check-grid label.hscf-ecg-check:has(input:checked){border-color:#a8d9ca!important;background:#ecf8f4!important;color:#06735e!important}
#hscf .hscf-ecg-card .hscf-check-grid label.hscf-ecg-check input[type=checkbox]{display:block!important;position:static!important;flex:0 0 18px!important;width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;padding:0!important;opacity:1!important;accent-color:#078c74!important;appearance:auto!important;-webkit-appearance:checkbox!important;vertical-align:middle!important;box-shadow:none!important}
#hscf .hscf-ecg-card .hscf-st-scroll{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;border:1px solid #e5e0ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 22px rgba(67,45,115,.045)!important;padding:12px!important;box-sizing:border-box!important}
#hscf .hscf-ecg-card .hscf-st-table{width:100%!important;min-width:760px!important;border-collapse:separate!important;border-spacing:4px!important;table-layout:fixed!important;margin:0!important;background:transparent!important}
#hscf .hscf-ecg-card .hscf-st-table thead{background:transparent!important}
#hscf .hscf-ecg-card .hscf-st-table th,#hscf .hscf-ecg-card .hscf-st-table td{height:44px!important;min-width:0!important;padding:4px!important;border:0!important;text-align:center!important;vertical-align:middle!important;background:transparent!important;box-sizing:border-box!important}
#hscf .hscf-ecg-card .hscf-st-table thead th{height:38px!important;border-radius:8px!important;background:#f1edf8!important;color:#432d73!important;font-size:11px!important;font-weight:800!important}
#hscf .hscf-ecg-card .hscf-st-table th:first-child{width:110px!important;text-align:left!important;padding-left:10px!important}
#hscf .hscf-ecg-card .hscf-st-table tbody th{border-radius:9px!important;background:#f8f7fb!important;color:#475067!important;font-size:12px!important;font-weight:750!important;white-space:normal!important;line-height:1.25!important}
#hscf .hscf-ecg-card .hscf-st-table tbody td{background:#fbfafc!important;border-radius:9px!important}
#hscf .hscf-ecg-card .hscf-st-table .hscf-st-choice{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:36px!important;min-height:36px!important;border:1px solid #e7e5ee!important;border-radius:8px!important;background:#fff!important;cursor:pointer!important;box-sizing:border-box!important;transition:background .15s,border-color .15s!important}
#hscf .hscf-ecg-card .hscf-st-table .hscf-st-choice input[type=checkbox]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important}
#hscf .hscf-ecg-card .hscf-st-table .hscf-st-choice-indicator{color:#c4c7d2!important;font-size:16px!important;font-weight:800!important;line-height:1!important;pointer-events:none!important}
#hscf .hscf-ecg-card .hscf-st-table .hscf-st-choice:has(input:checked){border-color:#078c74!important;background:#078c74!important}
#hscf .hscf-ecg-card .hscf-st-table .hscf-st-choice:has(input:checked) .hscf-st-choice-indicator{color:#fff!important}
#hscf .hscf-ecg-card .hscf-st-table .hscf-st-choice:has(input:focus-visible){outline:3px solid #a4d9c9!important;outline-offset:2px!important}
@media(max-width:640px){#hscf .hscf-ecg-card .hscf-check-grid{grid-template-columns:1fr!important}#hscf .hscf-ecg-card .hscf-st-scroll{padding:7px!important}}

/* 2.3.7 – Strukturált debriefing, a jobb oldali panel szélességéhez igazítva */
#hscf .hscd-panel{min-width:0;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #e2e5ef;border-radius:18px;padding:clamp(16px,2.5vw,26px);background:linear-gradient(155deg,#fff 70%,#f8f6fd);display:grid;gap:17px}
#hscf .hscd-heading{display:flex;align-items:flex-start;gap:13px;min-width:0}
#hscf .hscd-number{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#eee9f7;color:#432d73;font-weight:800;font-size:13px}
#hscf .hscd-heading>div{min-width:0;flex:1}
#hscf .hscd-heading h3{margin:1px 0 5px;color:#432d73;font-size:19px;line-height:1.3}
#hscf .hscd-heading p,#hscf .hscd-help{margin:0;color:#63718a;font-size:13px;line-height:1.65}
#hscf .hscd-method-description{padding:14px 16px;border-left:3px solid #078c74;background:#edf8f3;border-radius:0 11px 11px 0;color:#275b4e;font-size:13px;line-height:1.65}
#hscf .hscd-phase-list{display:grid;gap:12px;min-width:0}
#hscf .hscd-phase{display:grid;gap:9px;padding:17px;border:1px solid #e5e7f0;background:#fff;border-radius:14px;min-width:0}
#hscf .hscd-phase-head{display:flex;align-items:center;gap:10px;min-width:0;color:#432d73}
#hscf .hscd-phase-head>span{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#f0ecf8;border-radius:8px;font-weight:800;font-size:11px}
#hscf .hscd-phase-head strong{font-size:14px;line-height:1.45}
#hscf .hscd-phase>p{font-size:13px;line-height:1.6;color:#5d687c;margin:0}
#hscf .hscd-ai-example{background:#f4f1fb;border:1px solid #e4ddf1;border-radius:13px;padding:16px;color:#4b3a6e;font-size:13px;line-height:1.85}
#hscf .hscd-panel .hscf-field{min-width:0}
#hscf .hscd-panel .hscf-field small{display:block;line-height:1.55;font-weight:400}
#hscf .hscd-panel textarea,#hscf .hscd-panel input,#hscf .hscd-panel select{box-sizing:border-box;max-width:100%;min-width:0}
@media(max-width:620px){#hscf .hscd-panel{padding:14px;border-radius:14px}#hscf .hscd-heading{gap:9px}#hscf .hscd-heading h3{font-size:17px}}

/* 2.3.8 – Betegdokumentáció: reszponzív, zárójelentés jellegű adatlap */
#hscf .hscd-medical{min-width:0;width:100%;max-width:100%;box-sizing:border-box;display:grid;gap:18px}
#hscf .hscd-med-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
#hscf .hscd-med-grid .hscf-field{min-width:0}
#hscf .hscd-medical .hscd-panel{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
#hscf .hscd-medical .hscf-field{min-width:0;max-width:100%}
#hscf .hscd-medical input,#hscf .hscd-medical textarea,#hscf .hscd-medical select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
#hscf .hscd-medical .hscf-field small{display:block;line-height:1.6;font-weight:400;color:#66738a}
@media(max-width:650px){#hscf .hscd-med-grid{grid-template-columns:1fr}}