:root{
      --bg:#233D4D;
      --text:#F5EFE7;
      --accent:#FE7F2D;
    }

    *{box-sizing:border-box;}

    body{
      margin:0;
      background:var(--bg);
      color:var(--text);
      font-family:"Favorit",-apple-system,system-ui,Helvetica,Arial,sans-serif;
    }

    .wrap{
      min-height:100vh;
      padding:40px 6vw 60px;
      display:flex;
      justify-content:center;
    }

    .col{
      max-width:70ch;
      font-size:20px;
      line-height:1.45;
    }

    .title{
      font-size:34px;
      font-weight:800;
      margin-bottom:24px;
    }

    p{
      margin:0 0 18px;
    }

    a.back{
      display:inline-block;
      margin-top:24px;
      color:var(--text);
      text-decoration:none;
      border-bottom:1px solid rgba(245,239,231,0.6);
    }
    a.back:hover{
      color:var(--accent);
      border-color:var(--accent);
    }

    /* === Translation Tooltip === */
    .tt{
      position:relative;
      cursor:help;
      border-bottom:1px dotted rgba(245,239,231,0.6);
    }
    .tt::after{
      content:attr(data-kr);
      position:absolute;
      left:50%;
      top:120%;
      transform:translateX(-50%) translateY(6px);
      background:#000;
      color:#fff;
      font-size:12px;
      padding:6px 8px;
      border-radius:4px;
      white-space:nowrap;
      opacity:0;
      pointer-events:none;
      transition:.2s;
      z-index:10;
    }
    .tt:hover::after{
      opacity:1;
      transform:translateX(-50%) translateY(0);
    }

    /* === I 스타일 === */
    .letter-i{
      -webkit-text-stroke:1px var(--text);
      color:transparent;
      font-weight:900;
      cursor:pointer;
    }
    .letter-i:hover{
      color:var(--text);
      background:rgba(254,127,45,0.18);
    }

    /* === Hover Image === */
    .hover-photo{
      position:fixed;
      display:none;
      pointer-events:none;
      z-index:1000;
      border:1px solid rgba(245,239,231,0.7);
      background:#000;
    }
    .hover-photo img{
      max-width:220px;
      max-height:220px;
      display:block;
      object-fit:cover;
    }
    .hover-photo.show{
      display:block;
    }

    @media (max-width:720px){
      .col{font-size:18px;}
      .title{font-size:28px;}
      .hover-photo img{
        max-width:180px;
        max-height:180px;
      }
    }