/* Tulip Tower v48.75 — notice attachment popup + bilingual layout stability */
.tt-v33-notice-detail .v33-article-hero__copy,
.tt-v33-notice-detail .v33-article-content,
.tt-v33-notice-detail .v33-related,
.tt-v33-notice-detail .v33-attachment div{min-width:0}
.tt-v33-notice-detail .v33-article-hero__copy h1,
.tt-v33-notice-detail .v33-article-hero__copy>p,
.tt-v33-notice-detail .v33-prose,
.tt-v33-notice-detail .v33-related-list strong{overflow-wrap:anywhere;word-break:normal}
/* VI and EN share the same columns, spacing and card geometry. */
.tt-v33-notice-detail .v33-article-hero__grid{
  grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);
}
.tt-v33-notice-detail .v33-article-layout{
  grid-template-columns:105px minmax(0,1fr) 330px;
}
.tt-v33-notice-detail .v33-article-hero__copy{align-self:center}
.tt-v33-notice-detail .v33-related-list>a{grid-template-columns:66px minmax(0,1fr) 15px}
.tt-v33-notice-detail .v33-attachment{
  grid-template-columns:48px minmax(0,1fr) 30px;
  min-height:72px;
  cursor:pointer;
}
.tt-v33-notice-detail .v33-attachment>span{width:48px;height:48px}
.tt-v33-notice-detail .v33-attachment div strong{font-size:13px;line-height:1.35}
.tt-v33-notice-detail .v33-attachment div small{font-size:11px;line-height:1.4}
.tt-v33-notice-detail .v33-attachment>b{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:#eef4f5;color:#426675;font-size:14px;font-weight:800;
}

.v975-attachment-modal[hidden]{display:none!important}
.v975-attachment-modal{
  position:fixed;inset:0;z-index:99999;display:grid;place-items:center;
  padding:24px;
}
.v975-attachment-modal__backdrop{
  position:absolute;inset:0;background:rgba(5,25,38,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)
}
.v975-attachment-modal__dialog{
  position:relative;z-index:1;width:min(1160px,94vw);height:min(820px,88vh);
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;
  border:1px solid rgba(255,255,255,.48);border-radius:22px;background:#f7fafb;
  box-shadow:0 34px 90px rgba(2,24,38,.30)
}
.v975-attachment-modal__head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:74px;padding:14px 18px 14px 22px;border-bottom:1px solid #dbe6ea;background:#fff
}
.v975-attachment-modal__head>div{min-width:0}
.v975-attachment-modal__head small{display:block;margin-bottom:3px;color:#82949c;font-size:11px;font-weight:800;letter-spacing:.12em}
.v975-attachment-modal__head strong{display:block;overflow:hidden;color:#173f51;font-size:17px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.v975-attachment-modal__head button{
  width:42px;height:42px;flex:0 0 42px;border:1px solid #d7e2e6;border-radius:50%;background:#f4f8f9;color:#284d5c;
  font-size:26px;line-height:1;cursor:pointer
}
.v975-attachment-modal__body{
  min-height:0;display:grid;place-items:center;overflow:auto;padding:18px;background:linear-gradient(145deg,#edf3f5,#f8fbfc)
}
.v975-attachment-modal__body iframe{
  width:100%;height:100%;min-height:540px;border:0;border-radius:13px;background:#fff;box-shadow:0 10px 30px rgba(15,55,72,.09)
}
.v975-attachment-modal__body>img{
  display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 12px 34px rgba(10,45,62,.12)
}
.v975-attachment-modal__loading,.v975-attachment-modal__unsupported{
  max-width:520px;padding:34px;text-align:center;color:#657d87;font-size:14px;line-height:1.7
}
.v975-attachment-modal__unsupported strong{display:block;margin-bottom:8px;color:#214b5d;font-size:20px}
.v975-attachment-modal__unsupported span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:20px;background:#e5eef2;color:#365f70;font-size:18px;font-weight:850}
.v975-attachment-modal__foot{
  min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 20px;border-top:1px solid #dbe6ea;background:#fff
}
.v975-attachment-modal__foot>span{color:#81939b;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.v975-attachment-modal__foot>a{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:10px;background:#153f53;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800
}
body.v975-modal-open{overflow:hidden!important}

@media(max-width:1180px){
  .tt-v33-notice-detail .v33-article-layout{grid-template-columns:76px minmax(0,1fr) 290px}
}
@media(max-width:980px){
  .tt-v33-notice-detail .v33-article-hero__grid{grid-template-columns:1fr}
  .tt-v33-notice-detail .v33-article-layout{grid-template-columns:minmax(0,1fr) 300px}
}
@media(max-width:760px){
  .tt-v33-notice-detail .v33-article-layout{grid-template-columns:1fr}
  .v975-attachment-modal{padding:10px}
  .v975-attachment-modal__dialog{width:100%;height:92vh;border-radius:17px}
  .v975-attachment-modal__head{min-height:64px;padding:10px 11px 10px 15px}
  .v975-attachment-modal__head strong{font-size:15px}
  .v975-attachment-modal__head button{width:38px;height:38px;flex-basis:38px}
  .v975-attachment-modal__body{padding:10px}
  .v975-attachment-modal__body iframe{min-height:480px}
  .v975-attachment-modal__foot{padding:9px 12px}
}
