/* 입장 이름 쪽지 — 눌러서 아래에 펼치는 짧은 설명.
   글줄을 흔들지 않으려고 밑줄은 글자 아래 여백에만 긋는다. */

.ismword{
  cursor:pointer;
  border-bottom:1px dotted rgba(31,75,142,.55);
  text-underline-offset:3px;
  color:inherit;
}
.ismword:hover{ border-bottom-style:solid; background:rgba(31,75,142,.06) }
.ismword:focus-visible{ outline:2px solid #1f4b8e; outline-offset:2px; border-radius:2px }

.ismnote{
  position:fixed; left:0; right:0; bottom:0; z-index:60;
  padding:0 12px calc(12px + env(safe-area-inset-bottom, 0px));
  display:flex; justify-content:center;
  transform:translateY(12px); opacity:0;
  transition:transform .18s ease-out, opacity .18s ease-out;
  pointer-events:none;
}
.ismnote.on{ transform:none; opacity:1 }
.ismnote-in{
  pointer-events:auto;
  width:100%; max-width:560px;
  background:#fffdf8; color:#3b4459;
  border:1px solid #ddd7c9; border-radius:12px;
  box-shadow:0 10px 30px rgba(22,35,61,.20), 0 2px 6px rgba(22,35,61,.10);
  padding:14px 16px 13px;
}
.ismnote-head{ display:flex; align-items:baseline; gap:9px }
.ismnote-head b{ font-size:15.5px; color:#16233d; letter-spacing:-.01em }
.ismnote-axis{ font-size:11.5px; color:#6f6a5d }
.ismnote-x{
  margin-left:auto; align-self:flex-start;
  background:none; border:0; cursor:pointer;
  font:inherit; font-size:20px; line-height:1; color:#6f6a5d;
  padding:0 2px;
}
.ismnote-x:hover{ color:#16233d }
.ismnote-one{ margin:7px 0 0; font-size:13.5px; line-height:1.72 }
.ismnote-more{
  display:inline-block; margin-top:9px;
  font-size:12.5px; font-weight:700; color:#1f4b8e; text-decoration:none;
}
.ismnote-more:hover{ text-decoration:underline; text-underline-offset:3px }

@media (max-width:520px){
  .ismnote{ padding:0 8px calc(8px + env(safe-area-inset-bottom, 0px)) }
  .ismnote-in{ padding:13px 14px 12px }
  .ismnote-head b{ font-size:15px }
}
@media (prefers-reduced-motion:reduce){
  .ismnote{ transition:none }
}
@media print{
  .ismnote{ display:none !important }
  .ismword{ border-bottom:0 }
}