.apecweb.resource-main { color: #fff; background: transparent; font-family: 'KMU80';}
.apecweb.resource-main .gallery { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 50px 50px; }
.apecweb.resource-main .card { border: 0; padding: 0; text-align: center; }
.apecweb.resource-main .card img { display: block; width: 100%; height: auto; aspect-ratio: 0.71; object-fit: contain; background: #102038; }
.resource-main .gallery-placeholder { aspect-ratio: 0.71; background: #102038; }
.resource-main .gallery-label { margin: 30px 0 4px; font-size: 16rem; color:rgba(255,255,255,.5) }
.resource-main .card h2 { font-size: 22rem; font-weight: normal; margin: 0; }
.resource-main .gallery-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 60rem; }
.resource-main .gallery-toolbar p { font-size: 16rem;}
.resource-main .gallery-toolbar form { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.apecweb.resource-main .gallery-toolbar input, .apecweb.resource-main .gallery-toolbar select { background: transparent; color: #fff; border: 0; border-bottom: 1px solid #fff; padding:14rem 0 15rem 0;  font-family: 'KMU80';}


.gallery-toolbar select { border-bottom: 1px solid #fff !important; padding: 14rem 0 15rem 0;}
.apecweb.resource-main select option { background: #fff; color: #203044; }
.apecweb.resource-main .gallery-toolbar button { background: #020710; color: #fff; border: 0; font-size: 16rem; padding: 13rem 22rem;}
.resource-main .image-strip { flex-wrap: wrap; overflow: visible; }
.resource-main .image-view > p { margin-top: 20px; }
.resource-main a { color: inherit;}
.material-tabs { display:flex; gap:20rem; flex-wrap:wrap; margin-bottom:50px; width:100%}
.material-tabs a { padding:12rem 8rem; border-bottom:1px solid rgba(255,255,255,.12); text-decoration:none; flex:1 1 auto;min-width:0; color:rgba(255,255,255,.4)}
.material-tabs a.active { background:rgba(255,255,255,0); color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 12rem 8rem; display:flex; justify-content: space-between; align-items: center;}
.material-tabs a:hover { border-color:#fff; }

.promotion-subtabs { display:flex; gap:10rem; flex-wrap:wrap; margin:-32rem 0 50rem 0; width:100%}
.promotion-subtabs a { padding:10rem 10rem; text-decoration:none; flex:1 1 auto;min-width:0; border:none; background:#111D34;color:rgba(255,255,255,.4); font-size: 16rem; text-align: center; border-radius: 4rem;}
.promotion-subtabs a.active { background:rgba(2,6,15,.9); color:#fff; padding: 10rem 15rem; display:flex; justify-content: space-between; align-items: center; border-radius: 4rem; border: none;}
.promotion-subtabs a:hover { border-color:#fff; }

.resource-main .gallery-attachments { display: none; /*display: flex;*/ gap: 12rem 25rem; width: 100%; flex-wrap: wrap; border-bottom: 1px solid #1E2B42; }
.resource-main .material-attachment { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.resource-main .material-filename { overflow-wrap: anywhere; font-size: 15rem; background: url(/design2026/apec/img/common/ic-file.svg) no-repeat left center; padding-left: 22rem; background-size: 12rem 16rem; }
.resource-main .material-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; padding: 10rem 12rem; border-radius: 4px; background: #1D293E; color: #fff; font-size: 14px; text-decoration: none; }
.resource-main .material-action span { background: url(/design2026/apec/img/common/ic-download.svg) no-repeat center / cover; width: 10rem; height: 15rem; font-size: 0;}

.resource-main .material-action:hover { background: #01040A; }
.resource-main .material-action:focus-visible { outline: 3px solid #9edbff; outline-offset: 3px; }
.resource-main .material-pdf { margin: 33px 0; }
.resource-main .material-pdf-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 12px; }
.resource-main .material-pdf-filename { flex: 1 1 240px; min-width: 0; overflow-wrap: anywhere; font-size: 17.6rem; color:#8A98B2; line-height: 1.6; }
.resource-main .material-pdf-toolbar .material-action { flex: 0 0 auto; margin-left: auto; }
.resource-main .material-pdf .material-action span { background: url(/design2026/apec/img/common/ic-blank.svg) no-repeat center / cover; width: 13rem; height: 13rem; font-size: 0;}

.resource-main .material-pdf iframe { display: block; width: 100%; }
@media(max-width:500px) { 
    .resource-main .material-attachment { flex-wrap: wrap; } 
    .material-tabs { gap:8rem 4rem; margin-bottom:40px; width:100%}
    .material-tabs a { padding:6rem 6rem; font-size: 16rem; }
    .material-tabs a.active {padding:6rem 8rem;}
    .promotion-subtabs a { padding:10rem 10rem; font-size: 15.5rem; text-align: center;}
    .resource-main .gallery-label { margin: 20px 0 4px; font-size: 15.5rem; }
    .resource-main .card h2 {font-size: 20rem;}
    .video-play-icon { line-height: 1.8;}
}
@media(max-width:900px) { .resource-main .gallery-toolbar { flex-direction: column; align-items: flex-start; } }
@media(max-width:700px) { .apecweb.resource-main .gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; } }