@font-face{font-family:FMEPBangla;src:url('../fonts/NotoSerifBengali-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:FMEPBangla;src:url('../fonts/NotoSerifBengali-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}

.fmep-public-wrap{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 18px;box-sizing:border-box;overflow:visible;font-family:FMEPBangla,serif;color:#111}
.fmep-public-wrap,.fmep-public-wrap *{box-sizing:border-box}
.fmep-public-head{width:100%;background:#fff;text-align:center;padding:8px;box-sizing:border-box;overflow:hidden}
.fmep-public-head img{display:block;width:94%;height:auto;max-width:1024px;margin:0 auto;object-fit:contain;object-position:center top}

.fmep-public-tools{padding:12px;background:#0d4f8b;box-sizing:border-box}
.fmep-public-search{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:0}
.fmep-public-search label{color:#fff;font-size:14px;display:flex;flex-direction:column;gap:3px}
.fmep-public-search input,.fmep-public-search select,.fmep-public-search button,.fmep-public-search a{font:inherit;padding:7px 10px;border-radius:3px;border:1px solid #ddd;background:#fff;color:#111;text-decoration:none;box-sizing:border-box}
.fmep-public-search button{cursor:pointer}

.fmep-public-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-top:16px;align-items:start;min-width:0}
.fmep-public-list{border:1px solid #ddd;padding:10px;background:#fafafa;box-sizing:border-box;min-width:0}
.fmep-public-list h3{margin:0 0 10px}
.fmep-issue-link{display:block;padding:10px;border-bottom:1px solid #ddd;text-decoration:none;color:#111;box-sizing:border-box}
.fmep-issue-link.active{background:#e9f2fb}
.fmep-issue-link span,.fmep-issue-link small{display:block}

.fmep-public-viewer{min-width:0;width:100%;overflow:visible;padding:0 0 10px;box-sizing:border-box;display:block}
.fmep-viewer-toolbar{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px;padding:8px;background:#f4f4f4;border:1px solid #ddd;box-sizing:border-box}
.fmep-viewer-btn,.fmep-download{font-family:FMEPBangla,serif!important;font-size:15px!important;line-height:1.2!important;min-height:36px;padding:7px 12px!important;border:1px solid #c9c9c9!important;border-radius:4px!important;background:#fff!important;color:#222!important;cursor:pointer!important;box-sizing:border-box!important}
.fmep-viewer-btn:hover,.fmep-download:hover{background:#eef4fb!important}
.fmep-zoom-label{min-width:55px;text-align:center;font-weight:800;font-size:14px}
.fmep-download{background:#1751a3!important;border-color:#1751a3!important;color:#fff!important;margin:0!important}
.fmep-download:disabled{opacity:.65!important;cursor:wait!important}

#fmep-public-render-host{width:100%;min-width:0;overflow:visible;box-sizing:border-box}
.fmep-paper-stage{width:100%;min-width:0;position:relative;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;background:linear-gradient(135deg,#f3f6fa 0%,#e9eef5 100%);border:1px solid #d7dde5;border-radius:4px;box-sizing:border-box;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.fmep-paper-stage .fmep-public-paper{flex:0 0 1024px;margin:0;transform-origin:top center;will-change:transform}

.fmep-public-paper{width:1024px;background:#fff;color:#111;box-sizing:border-box;margin:0 auto;overflow:visible;font-family:FMEPBangla,serif;border:1px solid #ddd;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.fmep-masthead{display:block;width:94%;height:auto;max-width:none;margin:0 auto;object-fit:contain;object-position:center top}
.fmep-info{min-height:46px;height:46px;box-sizing:border-box;background:#1751a3;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;font-size:16px;line-height:1;white-space:nowrap;overflow:hidden}
.fmep-info span{display:inline-block;flex:0 0 auto}
.fmep-headline-area{padding:16px 22px 12px;border-bottom:1px solid #777;text-align:center}
.fmep-headline{margin:0;color:#a30f0f;font-size:48px;line-height:1.14;font-weight:800;text-align:center;word-break:normal;overflow-wrap:normal}
.fmep-subheadline{margin:5px 0 0;color:#08732f;font-size:30px;line-height:1.22;font-weight:400;text-align:center;word-break:normal;overflow-wrap:normal}
.fmep-content-frame{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:0;align-items:start;padding:0 12px}
.fmep-col{min-width:0;border-right:1px solid #777;box-sizing:border-box;padding:0 10px;font-size:24px;line-height:1.62;text-align:justify;overflow-wrap:normal;word-break:normal}
.fmep-col:last-child{border-right:0}
.fmep-copy{min-width:0;font-size:24px;line-height:1.62;text-align:justify}
.fmep-reporter-inline{font-weight:800;white-space:nowrap}
.fmep-reporter-icon{display:inline-flex;width:24px;height:24px;margin-right:7px;vertical-align:-4px;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:17px;font-weight:700;color:#fff;background:#111;border-radius:50%}
.fmep-feature-wrap{width:100%;box-sizing:border-box;margin:0 0 8px}
.fmep-feature{width:100%;height:auto;max-height:none;display:block;object-fit:contain;object-position:center top;margin:0}
.fmep-caption{font-size:15px;line-height:1.25;text-align:center;margin:3px 0 8px;color:#555;white-space:normal;overflow-wrap:anywhere}
.fmep-footer{margin:10px 12px 0;background:#050505;color:#fff;text-align:center;font-size:21px;line-height:1.5;padding:5px 8px;box-sizing:border-box}
.fmep-empty{padding:30px;text-align:center;border:1px solid #ddd}

@media(max-width:800px){
  .fmep-public-wrap{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 6px}
  .fmep-public-body{grid-template-columns:1fr;gap:8px;margin-top:8px}
  .fmep-public-list{order:2}
  .fmep-public-viewer{order:1}
  .fmep-public-list{padding:8px}
  .fmep-public-list h3{font-size:21px}
  .fmep-issue-link{padding:8px}
  .fmep-public-wrap{overflow:visible}
  .fmep-public-head{padding:4px}
  .fmep-public-head img{width:100%}
  .fmep-public-tools{padding:10px}
  .fmep-public-search{align-items:stretch}
  .fmep-public-search label{flex:1 1 120px}
  .fmep-public-search input,.fmep-public-search select,.fmep-public-search button,.fmep-public-search a{width:100%}
  .fmep-viewer-toolbar{gap:5px}
  .fmep-viewer-btn,.fmep-download{font-size:14px!important;padding:7px 9px!important}
  .fmep-paper-stage{padding:4px;border-radius:2px}
}
