/* Billiton tramway page: scoped to avoid disturbing the Simpur Talang homepage */
.billiton-tram-page{margin:0;background:#f7f4e9;color:#273a30;font-family:Georgia,"Times New Roman",serif}
.billiton-tram-page *{box-sizing:border-box}
.billiton-tram-page img{max-width:100%;height:auto}
.billiton-tram-page .tram-container{max-width:1120px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}
.billiton-tram-page .tram-hero{background:linear-gradient(110deg,#123629,#275740 72%,#46674d);color:#fdf8e9;padding:58px 0 52px}
.billiton-tram-page .tram-overline{text-transform:uppercase;letter-spacing:.14em;color:#e8d19b;font:700 .76rem Arial,sans-serif}
.billiton-tram-page h1{font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.13;margin:12px 0 14px}
.billiton-tram-page .tram-lead{font-size:1.13rem;color:#e6eee7;max-width:760px;line-height:1.6}
.billiton-tram-page .tram-back{display:inline-block;margin-top:12px;color:#f0d9a3}
.billiton-tram-page .tram-content{padding-top:32px;padding-bottom:72px}
.billiton-tram-page section{margin:42px 0}
.billiton-tram-page h2{font-size:clamp(1.5rem,3vw,2rem);color:#1d4a35;margin:0 0 14px}
.billiton-tram-page p{line-height:1.75;font-size:1rem}
.billiton-tram-page figure{margin:0}
.billiton-tram-page figcaption{font: .85rem/1.65 Arial,sans-serif;color:#53675a;text-align:center;padding:10px 16px 16px}
.billiton-tram-page .tram-feature,.billiton-tram-page .tram-map{background:#fffdf5;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #203b2b17;border:1px solid #e2dfd1}
.billiton-tram-page .tram-feature img,.billiton-tram-page .tram-map img{display:block;width:100%;object-fit:contain}
.billiton-tram-page .tram-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.billiton-tram-page .tram-facts>div{background:#e7ede3;border-radius:10px;padding:19px 14px;text-align:center}
.billiton-tram-page .tram-facts strong{display:block;font-size:1.55rem;color:#215b40}
.billiton-tram-page .tram-facts span{font:.8rem/1.5 Arial,sans-serif;color:#52675a}
.billiton-tram-page .tram-original{margin-top:18px;border:1px solid #ccd7cb;border-radius:10px;background:#eef2e9;padding:12px 18px}
.billiton-tram-page .tram-original summary{cursor:pointer;font:600 .95rem Arial,sans-serif;color:#24553c}
.billiton-tram-page .tram-original figure{margin-top:14px}
.billiton-tram-page .tram-original img{display:block;margin:auto;max-height:850px;object-fit:contain}
.billiton-tram-page .tram-diagram{overflow-x:auto;background:#fffdf8;border:1px solid #d8dfd3;border-radius:12px;padding:12px}
.billiton-tram-page .tram-diagram svg{display:block;min-width:650px;width:100%;height:auto}
.billiton-tram-page .tram-diagram .mainline{fill:none;stroke:#216b4c;stroke-width:7;stroke-linecap:round}
.billiton-tram-page .tram-diagram .branch{fill:none;stroke:#b78339;stroke-width:3;stroke-dasharray:6 5}
.billiton-tram-page .tram-diagram .planned{fill:none;stroke:#b14d49;stroke-width:4;stroke-dasharray:10 8}
.billiton-tram-page .tram-diagram .node{fill:#fff;stroke:#216b4c;stroke-width:3}
.billiton-tram-page .tram-diagram .station{font:bold 16px Arial,sans-serif;fill:#183b2a}
.billiton-tram-page .tram-diagram .minor{font:13px Arial,sans-serif;fill:#4c5f52}
.billiton-tram-page .tram-legend{display:flex;gap:16px;flex-wrap:wrap;font:.85rem Arial,sans-serif;margin-top:14px}
.billiton-tram-page .tram-legend i{display:inline-block;width:28px;border-top:4px solid #216b4c;vertical-align:middle;margin-right:6px}
.billiton-tram-page .tram-legend .tram-line-branch{border-color:#b78339;border-top-style:dashed}
.billiton-tram-page .tram-legend .tram-line-plan{border-color:#b14d49;border-top-style:dashed}
.billiton-tram-page .tram-table-scroll{overflow-x:auto}
.billiton-tram-page table{border-collapse:collapse;width:100%;min-width:520px;background:#fffdf8}
.billiton-tram-page th,.billiton-tram-page td{text-align:left;padding:13px 16px;border-bottom:1px solid #dce2d7;line-height:1.6;vertical-align:top}
.billiton-tram-page th{background:#24553d;color:white}
.billiton-tram-page tr:nth-child(even){background:#f0f3ec}
.billiton-tram-page .tram-source{border-left:4px solid #507c5e;background:#eaf0e6;border-radius:5px;padding:22px 26px}
.billiton-tram-page .tram-footer{text-align:center;background:#173a2b;color:#e8eee5;padding:24px;font:.85rem Arial,sans-serif}
@media(max-width:650px){.billiton-tram-page .tram-hero{padding:40px 0}.billiton-tram-page .tram-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.billiton-tram-page section{margin:32px 0}.billiton-tram-page .tram-source{padding:17px}}

.billiton-tram-page .tram-operations h3{font-size:1.24rem;color:#285b43;margin:24px 0 8px}
.billiton-tram-page .tram-small{font-size:.87rem;color:#586b5e}
.billiton-tram-page .tram-diagram svg{min-width:680px}