:root{
  --black:#090909;
  --ink:#151515;
  --gold:#b98a2d;
  --gold-soft:#caa24f;
  --muted:#6d6d6d;
  --line:#dddddd;
  --paper:#ffffff;
  --panel:#f7f7f5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#eeeeee;
  color:var(--ink);
  font-family:Arial, Helvetica, sans-serif;
  -webkit-font-smoothing:antialiased;
}
.document-shell{
  width:min(210mm,100%);
  margin:0 auto;
}
.cover-page,
.back-cover,
.statement-page{
  position:relative;
  width:210mm;
  min-height:297mm;
  margin:14px auto;
  background:var(--paper);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.image-cover{
  overflow:hidden;
  padding:0;
  background:#000;
}
.image-cover img{
  display:block;
  width:100%;
  height:100%;
  min-height:297mm;
  object-fit:cover;
}
.statement-page{
  padding:20mm 18mm 23mm;
  background:#ffffff;
}
.statement-page::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:14mm;
  width:3.6mm;
  background:#111111;
}
.statement-page::after{
  content:"";
  position:absolute;
  left:3.6mm;
  top:0;
  bottom:14mm;
  width:1px;
  background:var(--gold);
}
.content{
  padding:4mm 0 17mm;
}
.section-kicker{
  color:var(--gold);
  font-size:8px;
  font-weight:800;
  letter-spacing:.22em;
  margin-bottom:7px;
  text-transform:uppercase;
}
h2{
  margin:0;
  color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1.16;
}
.red-rule{
  width:22mm;
  height:2px;
  background:var(--gold);
  margin:5mm 0 8mm;
}
.subsection{
  margin:0 0 7mm;
  break-inside:avoid;
}
.subsection h3{
  margin:0 0 3mm;
  padding:0 0 2.3mm;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  font-size:12px;
  line-height:1.35;
}
.sub-number{
  color:var(--gold);
  display:inline-block;
  min-width:14mm;
}
p{
  margin:0 0 3.2mm;
  color:var(--ink);
  font-size:8.65px;
  line-height:1.62;
  text-align:left;
}
.toc-table{
  width:100%;
  border-collapse:collapse;
  margin:2mm 0 9mm;
  font-size:8.5px;
  background:#fff;
  border:1px solid var(--line);
}
.toc-table th{
  background:#111111;
  color:#fff;
  text-align:left;
  padding:3mm 3.5mm;
  border-bottom:2px solid var(--gold);
}
.toc-table td{
  color:var(--ink);
  padding:2.7mm 3.5mm;
  border-bottom:1px solid var(--line);
}
.toc-table tr:last-child td{border-bottom:0}
.toc-table td:first-child{
  width:21mm;
  color:var(--gold);
  font-weight:800;
}
.toc-table a{
  color:var(--ink);
  text-decoration:none;
}
.status-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--line);
  background:#fff;
}
.status-grid div{
  padding:4mm;
  min-height:20mm;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.status-grid div:nth-child(2n){border-right:0}
.status-grid div:nth-last-child(-n+2){border-bottom:0}
.status-grid span{
  display:block;
  margin-bottom:4px;
  color:var(--gold);
  font-size:6.8px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.status-grid strong{
  color:var(--ink);
  font-size:8.2px;
  line-height:1.4;
}
.flow-line{
  margin:4mm 0;
  padding:4mm;
  border-left:3px solid var(--gold);
  background:var(--panel);
  color:var(--ink);
  font-size:9px;
  line-height:1.55;
  font-weight:700;
}
.decision-stack{
  margin:4mm 0;
  border:1px solid var(--line);
  background:#fff;
}
.decision-row{
  padding:2.6mm 3.5mm;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  font-size:8.3px;
  line-height:1.45;
}
.decision-row:last-child{border-bottom:0}

.web-footer{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  min-height:14mm;
  padding:4mm 18mm 3.2mm;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4mm;
  background:#050505;
  border-top:1.4px solid var(--gold);
  color:#f5f5f5;
  font-size:6.8px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.footer-divider{
  color:var(--gold);
  font-weight:400;
}
.web-footer span:last-child{
  color:var(--gold-soft);
}

@page{
  size:A4;
  margin:18mm 17mm 21mm 19mm;
  @bottom-center{
    content:"ASIACOM GROUP  |  TRADE GOVERNANCE & COMPLIANCE";
    color:#d9b467;
    background:#050505;
    border-top:1px solid #b98a2d;
    font-family:Arial, sans-serif;
    font-size:7px;
    font-weight:700;
    letter-spacing:.12em;
    padding-top:4mm;
  }
}

@media print{
  body{background:#fff}
  .document-shell{width:auto;margin:0}
  .cover-page,
  .back-cover,
  .statement-page{
    width:auto;
    margin:0;
    box-shadow:none;
    break-after:page;
  }
  .cover-page,
  .back-cover{
    height:297mm;
    min-height:297mm;
  }
  .image-cover img{
    width:100%;
    height:297mm;
    min-height:297mm;
    object-fit:cover;
  }
  .statement-page{
    min-height:261mm;
    padding:0;
    background:#fff;
  }
  .statement-page::before,
  .statement-page::after,
  .web-footer{
    display:none;
  }
  .content{padding:0}
  .subsection{break-inside:auto}
  .subsection h3{break-after:avoid}
  p{orphans:3;widows:3}
}

@media(max-width:850px){
  .document-shell{width:100%}
  .cover-page,.back-cover,.statement-page{
    width:100%;
    min-height:auto;
    margin:0 0 14px;
  }
  .image-cover img{
    min-height:auto;
    height:auto;
  }
  .statement-page{
    padding:32px 24px 76px 32px;
  }
  .status-grid{grid-template-columns:1fr}
  .status-grid div{
    border-right:0;
    border-bottom:1px solid var(--line)!important;
  }
  .status-grid div:last-child{border-bottom:0!important}
  .web-footer{
    padding-left:28px;
    padding-right:22px;
    font-size:6.3px;
    letter-spacing:.12em;
    gap:10px;
  }
}
/* MOBILE FINAL OVERRIDE */
@media(max-width:850px){

  html,body{
    width:100%;
    overflow-x:hidden;
    background:#fff;
  }

  .document-shell{
    width:100%;
  }

  .cover-page,
  .back-cover{
    width:100%;
    min-height:0;
    margin:0;
    box-shadow:none;
  }

  .image-cover img{
    width:100%;
    height:auto;
    min-height:0;
    object-fit:contain;
  }

  .statement-page{
    width:100%;
    min-height:0;
    margin:0 0 14px;
    padding:36px 22px 78px 30px;
    box-shadow:none;
  }

  h2{
    font-size:30px;
    line-height:1.18;
  }

  p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:16px;
  }

  .section-kicker{
    font-size:11px;
  }

  .subsection h3{
    font-size:18px;
    line-height:1.4;
  }

  .toc-table{
    font-size:13px;
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .status-grid{
    grid-template-columns:1fr;
  }

  .status-grid span{
    font-size:11px;
  }

  .status-grid strong{
    font-size:14px;
  }

  .flow-line{
    font-size:14px;
    line-height:1.6;
  }

  .decision-row{
    font-size:14px;
    line-height:1.55;
    padding:12px;
  }

  .web-footer{
    font-size:8px;
    line-height:1.4;
    flex-wrap:wrap;
    text-align:center;
  }
}

/* COMMON SITE SHELL OFFSET */
.ac-shell-offset{
  height:var(--ac-shell-header-h,76px);
}
@media print{
  .ac-shell-offset{
    display:none !important;
  }
}
