body { margin: 0; background: #f5f9fc; }
    .em-cryo {
      --navy: #112e43;
      --text: #264254;
      --blue: #105d8a;
      --pale: #eaf5fc;
      --line: #d6e6f0;
      width: min(1120px, calc(100% - 32px));
      margin: 32px auto;
      color: var(--text);
      font: 16px/1.65 Inter, Arial, sans-serif;
    }
    .em-cryo *, .em-cryo *::before, .em-cryo *::after { box-sizing: border-box; }
    .em-cryo h1, .em-cryo h2, .em-cryo h3 {
      color: var(--navy);
      line-height: 1.19;
      margin: 0 0 16px;
    }
    .em-cryo h1 { font-size: 2.7rem; letter-spacing: -.035em; }
    .em-cryo h2 { font-size: 1.8rem; letter-spacing: -.02em; }
    .em-cryo h3 { font-size: 1.13rem; }
    .em-cryo p { margin: 0 0 16px; }
    .em-cryo a { color: var(--blue); text-underline-offset: .19em; }
    .em-cryo a:focus-visible, .em-cryo summary:focus-visible, .em-cryo [tabindex]:focus-visible {
      outline: 3px solid #2c8fc4;
      outline-offset: 4px;
    }
    .em-cryo figure { margin: 0; }
    .em-cryo img { display: block; max-width: 100%; height: auto; }
    .em-cryo figcaption { padding: 10px 14px; font-size: .84rem; color: #416074; }
    .em-cryo .hero {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
      align-items: center;
      gap: 32px;
      padding: clamp(22px, 4vw, 42px);
      border: 1px solid var(--line);
      border-radius: 24px;
      background: linear-gradient(135deg, #fff 24%, #e5f3fb 100%);
    }
    .em-cryo .eyebrow {
      color: var(--blue);
      font-size: .76rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .em-cryo .intro { font-size: 1.08rem; }
    .em-cryo .byline { margin: 0; color: #416074; font-size: .86rem; }
    .em-cryo .hero-photo {
      overflow: hidden;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
    }
    .em-cryo .hero-photo img { width: 100%; }
    .em-cryo .nav {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 18px;
      padding: 15px 20px;
      margin: 18px 0;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 14px;
      font-size: .91rem;
      font-weight: 700;
    }
    .em-cryo .section {
      padding: clamp(20px, 4vw, 36px);
      margin: 18px 0;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: #fff;
      scroll-margin-top: 90px;
    }
    .em-cryo .section > :last-child { margin-bottom: 0; }
    .em-cryo .planning, .em-cryo .callout {
      margin: 20px 0;
      padding: 20px;
      border-radius: 12px;
      background: var(--pale);
    }
    .em-cryo .room {
      display: grid;
      grid-template-columns: 63px minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      margin: 9px 0;
      font-size: .87rem;
    }
    .em-cryo .track { display: flex; background: #dbeaf4; border-radius: 6px; }
    .em-cryo .bar {
      width: 66.667%;
      padding: 6px 8px;
      text-align: center;
      font-weight: 700;
      border-radius: 6px;
      color: #fff;
      background: #17648e;
    }
    .em-cryo .room-b .bar { margin-left: auto; background: #315a79; }
    .em-cryo .planning p:last-child { margin: 14px 0 0; }
    .em-cryo .table-scroll { overflow-x: auto; margin: 20px 0; }
    .em-cryo table { width: 100%; min-width: 565px; border-collapse: collapse; }
    .em-cryo caption { padding: 0 0 10px; text-align: left; color: var(--navy); font-weight: 700; }
    .em-cryo th, .em-cryo td {
      padding: 12px 14px;
      border: 1px solid var(--line);
      text-align: left;
      vertical-align: top;
    }
    .em-cryo thead th { background: #e5f2fa; color: var(--navy); }
    .em-cryo tbody th { width: 25%; color: var(--navy); }
    .em-cryo tbody tr:nth-child(even) { background: #f7fbfd; }
    .em-cryo .callout { border-left: 4px solid #4a9ac6; }
    .em-cryo .callout p:last-child { margin-bottom: 0; }
    .em-cryo .button {
      display: inline-block;
      padding: 10px 16px;
      border-radius: 8px;
      background: #125e88;
      color: #fff;
      font-weight: 700;
      text-decoration: none;
    }
    .em-cryo .button:hover { background: #0b4567; }
    .em-cryo .pair {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
      align-items: center;
      gap: 24px;
    }
    .em-cryo .pair img { width: 100%; border: 1px solid var(--line); border-radius: 12px; }
    .em-cryo ul { margin: 0 0 16px; padding-left: 1.35em; }
    .em-cryo li + li { margin-top: 7px; }
    .em-cryo details { border-top: 1px solid var(--line); padding: 12px 0; }
    .em-cryo summary { cursor: pointer; color: var(--navy); font-weight: 700; }
    .em-cryo details p { margin: 10px 0 0; }
    .em-cryo .references { padding: 8px 18px; font-size: .88rem; }
    .em-cryo .references h2 { font-size: 1.04rem; }
    @media (max-width: 740px) {
      .em-cryo { margin: 16px auto; }
      .em-cryo h1 { font-size: 2rem; }
      .em-cryo h2 { font-size: 1.5rem; }
      .em-cryo .hero, .em-cryo .pair { grid-template-columns: minmax(0, 1fr); gap: 20px; }
      .em-cryo .hero-photo, .em-cryo .pair figure { max-width: 460px; }
      .em-cryo .planning, .em-cryo .callout { padding: 15px; }
      .em-cryo .nav { gap: 8px 14px; }
    }