/* 팝업 포스터 — 공개 화면과 관리자 미리보기가 같이 쓴다. 고치면 양쪽에 반영된다. */
/* ══ 팝업 안에서 바로 그리는 포스터 (관리자에서 글로 만드는 형식) ══ */
.pst{position:relative;color:#fff;overflow:hidden;
  /* 레퍼런스와 같이 항상 정사각형. 글이 짧아도 길어도 모양이 안 흔들린다.
     배경은 사진 없이 남색 한 가지로 고정 — 고를 것이 없어 관리가 단순하다. */
  aspect-ratio:1/1;display:flex;flex-direction:column;
  background:linear-gradient(165deg,#0f2a5c 0%,#0a1c3f 55%,#071228 100%)}
.pst::before{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 85% 12%,rgba(79,143,240,.22),transparent 60%)}
.pst-hd{position:relative;z-index:2;flex:none;display:flex;align-items:center;height:46px;background:#132a55}
.pst-lg{display:flex;align-items:center;gap:8px;padding-left:16px}
.pst-lg img{width:24px}
.pst-lg b{font-size:13.5px;font-weight:800;letter-spacing:-.3px}
.pst-r{margin-left:auto;padding-right:16px;font-size:11.5px;font-weight:700;
  letter-spacing:1.6px;color:rgba(255,255,255,.58)}
.pst-mid{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:14px 0 18px}
.pst-tt{position:relative;z-index:2;text-align:center;padding:0 26px}
.pst-l1{font-size:32px;font-weight:800;letter-spacing:-1.5px;line-height:1.22;
  text-shadow:0 2px 10px rgba(0,0,0,.5)}
/* 네모 상자 대신 색으로만 강조한다 */
.pst-l2{display:inline-block;margin-top:6px;padding:0;
  background:none;border:0;box-shadow:none;color:#7fbdff;
  font-size:33px;font-weight:800;letter-spacing:-1.7px;line-height:1.18;
  text-shadow:0 2px 12px rgba(0,0,0,.5)}
.pst-tx{position:relative;z-index:2;margin-top:18px;padding:0 38px;text-align:center;
  font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.88)}
.pst-st{position:relative;z-index:2;margin-top:22px;padding:0 18px;
  display:flex;align-items:flex-start;justify-content:center;gap:2px}
.pst-i{width:76px;text-align:center}
.pst-c{width:50px;height:50px;margin:0 auto;border-radius:50%;background:#fff;display:grid;place-items:center}
.pst-c svg{width:25px;height:25px;fill:#123a86}
.pst-n{display:block;margin-top:7px;font-size:11px;font-weight:600;line-height:1.35;color:rgba(255,255,255,.88)}
.pst-a{margin-top:17px;font-size:13px;color:rgba(255,255,255,.5)}
.pst-ft{position:relative;z-index:2;flex:none;display:flex;align-items:center;height:46px;padding:0 18px;
  background:#1a49a6;font-size:13.5px;font-weight:700}
.pst-ft b{font-size:16.5px;font-weight:800;letter-spacing:-.3px}
.pst-fr{margin-left:auto}

@media (max-width:900px){
  .pst-tt{padding:0 16px}
  .pst-l1{font-size:24px;letter-spacing:-1.1px}
  .pst-l2{font-size:25px;letter-spacing:-1.2px;padding:0;margin-top:4px}
  .pst-tx{margin-top:16px;padding:0 20px;font-size:13.5px;line-height:1.85}
  .pst-st{gap:0;padding:0 8px;margin-top:18px}
  .pst-i{width:64px}
  .pst-c{width:42px;height:42px}
  .pst-c svg{width:21px;height:21px}
  .pst-n{font-size:10px}
  .pst-a{margin-top:14px}
  .pst-ft{height:42px;padding:0 14px;font-size:12px}
  .pst-ft b{font-size:14.5px}
  .pst-fr{font-size:11px}
}