/*     1794543 : HTML 편집기      */
.html__1794543__ * {line-height:1.4em; white-space: normal; word-break: keep-all;}

  :root{
    --accent: #0b90d6;
    --text: #222;
    --muted: #555;
    --max-width: 1100px;
    --date-w: 110px;
  }
  /* Reset */
  *{box-sizing:border-box}
  html,body{height:100%}
  body{
    margin:0;
    font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color:var(--text);
    background:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:1.4;
  }

  .container{
    max-width:var(--max-width);
    margin:28px auto;
    padding:28px 20px;
  }

  .heading{
    font-size:20px;
    font-weight:700;
    margin:0 0 22px;
  }

  /* Two-column layout: each column holds a vertical list */
  .timeline-wrap{
    display:grid;
    grid-template-columns: 1fr;
    gap: 18px 48px;
  }
  @media(min-width:900px){
    .timeline-wrap{ grid-template-columns: 1fr 1fr; align-items:start; }
  }

  .column{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  /* single timeline item */
  .entry{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:6px 4px;
  }

  .date{
    width:var(--date-w);
    min-width:82px;
    font-weight:800;
    color:var(--accent);
    font-size:18px;
    letter-spacing:0.4px;
  }

  .content{
    flex:1;
  }
  .title{
    margin:0;
    font-size:15px;
    font-weight:600;
    color:var(--text);
  }
  .subtitle{
    margin:4px 0 0;
    font-size:14px;
    color:var(--muted);
  }

  /* make spacing tighter on small screens */
  @media(max-width:420px){
    :root{ --date-w:84px; }
    .date{font-size:16px}
    .title{font-size:14px}
    .subtitle{font-size:13px}
  }

  /* Optional subtle card border like the image white background */
  .panel{
    border-radius:6px;
    padding:12px;
  }
</style>