/* Matches the site's Malaysia reference-table grid: gold ink, complete fine rules,
   transparent chapter background and restrained header shading. */
#costs.cm-fee-section{scroll-margin-top:24px}
#costs .cm-fee-lead .cost-intro{font-size:16px;line-height:1.8;max-width:48em}
#costs .cm-fee-table-wrap{margin-top:48px;scroll-margin-top:28px}
#costs .cm-fee-table{--table-ink:#be9c6c;width:100%;table-layout:fixed;border-collapse:collapse;color:var(--table-ink);font-size:15px;line-height:1.65}
#costs .cm-fee-table caption{padding:0 0 22px;text-align:left;font-family:var(--display);font-size:22px;font-weight:500;color:var(--table-ink)}
#costs .cm-fee-table caption span{display:block;font-family:var(--sans);font-size:12px;font-weight:400;margin-top:8px;letter-spacing:0;color:#d0bfa7}
#costs .cm-fee-table th,#costs .cm-fee-table td{padding:16px 18px;border:1px solid var(--table-ink);vertical-align:middle;font-weight:400;color:var(--table-ink);background:transparent;overflow-wrap:break-word}
#costs .cm-fee-table thead th{background:rgba(190,156,108,.09);text-align:center;font-weight:500;font-size:15px}
#costs .cm-fee-table thead th:nth-child(1){width:19%}
#costs .cm-fee-table thead th:nth-child(2){width:21%}
#costs .cm-fee-table thead th:nth-child(3){width:39%}
#costs .cm-fee-table thead th:nth-child(4){width:21%}
#costs .cm-fee-table thead th span{display:block;font-family:Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.5}
#costs .cm-fee-table .cm-fee-stage,#costs .cm-fee-table .cm-fee-payee{text-align:center}
#costs .cm-fee-table .cm-fee-item{text-align:left}
#costs .cm-fee-row-note{display:block;font-size:12px;margin-top:4px;line-height:1.6;color:#cdb89b}
#costs .cm-fee-table .cm-fee-value{text-align:center;font-family:Arial,sans-serif;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
#costs .cm-fee-table .cm-fee-total-row>*{background:rgba(190,156,108,.09);font-weight:500;padding-block:20px}
#costs .cm-fee-total-row th{text-align:left}
#costs .cm-fee-total-row td{text-align:center;font-family:Arial,sans-serif;font-size:19px;font-variant-numeric:tabular-nums}
#costs .cm-fee-table .cm-fee-group{text-align:left;font-size:13px;letter-spacing:.03em;background:rgba(190,156,108,.04)}
#costs .cm-fee-additional td:last-child{text-align:center}
#costs .cm-fee-table-notes{margin-top:20px;max-width:960px}
#costs .cm-fee-table-notes p{font-size:13px;line-height:1.8;color:#d0bfa7}
#costs .cm-fee-table-notes p+p{margin-top:8px}
#costs .cm-fee-family{display:flex;gap:40px;justify-content:space-between;align-items:center;padding:34px 0;border-bottom:1px solid #bca17b50}
#costs .cm-fee-family h3{font-size:19px;color:#f8f3e9}
#costs .cm-fee-family p{font-size:14px;line-height:1.8;max-width:43em;color:#d5c7b4;margin-top:10px}
#costs .cm-fee-cta{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-shrink:0;min-height:48px;padding:12px 20px;border:1px solid #b89b73;color:#efdfc8;font-size:13px;transition:background .2s}
#costs .cm-fee-cta:hover{background:#ffffff0a}
#costs .cm-fee-cta span{font-size:20px;line-height:1}
#costs .cm-fee-notes details{border-bottom:1px solid #bca17b3a}
#costs .cm-fee-notes summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:22px 0;font-size:14px;font-weight:400;color:#e2d3bc}
#costs .cm-fee-notes summary::-webkit-details-marker{display:none}
#costs .cm-fee-notes summary span{font-family:Arial,sans-serif;font-size:22px;font-weight:300}
#costs .cm-fee-notes details[open] summary span{transform:rotate(45deg)}
#costs .cm-fee-notes details>div{padding:0 0 24px;max-width:840px}
#costs .cm-fee-notes details p,#costs .cm-fee-notes details li{font-size:13px;line-height:1.9;color:#d5c7b4}
#costs .cm-fee-notes details p+p{margin-top:14px}
#costs .cm-fee-notes ul{list-style:none;padding:0;margin-top:15px;display:flex;flex-wrap:wrap;gap:8px 24px}
#costs .cm-fee-notes a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b89b7380}
#costs .cm-fee-date{font-size:11px;color:#baa68b;letter-spacing:.03em;margin-top:20px}
@media(max-width:1000px){
 #costs .cm-fee-table th,#costs .cm-fee-table td{padding:13px 12px;font-size:14px}
 #costs .cm-fee-family{gap:24px}
 #costs:lang(en) .cm-fee-family{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
 body.cm-skn.cm-citizen-art main .section:has(.chapter-art){padding-block:56px}
 body.cm-skn.cm-citizen-art main .chapter-lead{gap:18px}
 body.cm-skn.cm-citizen-art main figure.cm-detail-art{margin:6px auto 12px!important}
 body.cm-skn.cm-citizen-art main figure.cm-detail-art figcaption{margin-top:6px!important}
 #costs .cm-fee-table-wrap{margin-top:32px}
 #costs .cm-fee-table caption{font-size:20px;padding-bottom:18px}
 #costs .cm-fee-table caption span{font-size:11px;line-height:1.6}
 #costs .cm-fee-table{font-size:12px;line-height:1.55}
 #costs .cm-fee-table th,#costs .cm-fee-table td{padding:10px 6px;font-size:12px;line-height:1.55}
 #costs .cm-fee-table thead th{font-size:12px;padding:12px 5px}
 #costs .cm-fee-table thead th:nth-child(1){width:18%}
 #costs .cm-fee-table thead th:nth-child(2){width:20%}
 #costs .cm-fee-table thead th:nth-child(3){width:39%}
 #costs .cm-fee-table thead th:nth-child(4){width:23%}
 #costs .cm-fee-table thead th span{font-size:10px;white-space:nowrap}
 #costs .cm-fee-row-note{font-size:11px;line-height:1.5;margin-top:5px}
 #costs .cm-fee-table .cm-fee-value{font-size:12px;white-space:normal;overflow-wrap:normal}
 #costs .cm-fee-table .cm-fee-total-row>*{padding-block:17px;font-size:13px}
 #costs .cm-fee-table .cm-fee-group{font-size:12px}
 #costs .cm-fee-table-notes p{font-size:12px}
 #costs .cm-fee-family{align-items:flex-start;flex-direction:column;gap:22px;padding-block:30px}
 #costs .cm-fee-family p{font-size:13px}
 #costs .cm-fee-cta{font-size:13px}
 #costs .cm-fee-notes summary{font-size:13px;padding-block:20px}
 #costs .cm-fee-notes details p,#costs .cm-fee-notes details li{font-size:12px}
}