.sgx-detail{max-width:980px;margin:40px auto;padding:20px}
.sgx-detail article{border:1px solid #dce5e8;border-radius:20px;padding:clamp(22px,5vw,50px);background:#fff;box-shadow:0 10px 34px rgba(7,53,74,.07)}
.sgx-detail h1{margin:.18em 0;color:#07354a;font-size:clamp(2rem,5vw,3.5rem);line-height:1.06}
.sgx-detail h2{font-size:1.25rem}
.sgx-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;color:#5c6c75;font-size:.9rem}
.sgx-breadcrumb a,.sgx-source-note a{color:#0877b9}
.sgx-detail-date{margin:18px 0 26px;padding:15px 18px;border-left:4px solid #52b69a;background:#edf8f5;color:#07354a;border-radius:0 12px 12px 0}
.sgx-detail-image{overflow:hidden;margin:0 0 26px;border-radius:16px;background:#edf4f6}
.sgx-detail-image img{display:block;width:100%;max-height:520px;object-fit:cover}
.sgx-detail-image figcaption{padding:5px 10px;color:#5c6c75;font-size:.75rem}
.sgx-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.75fr);gap:22px;align-items:start}
.sgx-detail-grid aside{margin:0;background:#f8f5ef;padding:18px;border-radius:12px}
.sgx-source-note{margin-top:26px;padding-top:18px;border-top:1px solid #dce5e8;color:#5c6c75;font-size:.85rem}
@media(max-width:760px){.sgx-detail{margin:20px auto;padding:12px}.sgx-detail-grid{grid-template-columns:1fr}}