Advertisement

LATEST
Pinay tech leader, kauna-unahang Pinoy na ginawaran ng National Order of Merit ng France Unang dayuhang oil tanker, dumaan sa Strait of Hormuz matapos ang ceasefire Chinese forces, pinaputukan ng flares ang PCG aircraft sa WPS | News Light Rollback sa presyo ng langis, inaasahan sa susunod na linggo Viola Natividad, naghatid ng heartfelt cover hymn song Community pantry para sa mga tsuper at riders, umusbong pa sa iba’t ibang lugar sa bansa DTI: Presyo ng basic goods, hindi magtataas hanggang April 16 Bagong animated film na ‘Forgotten Island,’ tampok ang alamat at kulturang Pinoy International Olympic Committee, inanunsyo na tanging biological females lamang ang pinapayagan sa female category Presyo ng LPG, posibleng sumampa ng ₱1,500 kada tangke sa Abril — LPGMA Pinay tech leader, kauna-unahang Pinoy na ginawaran ng National Order of Merit ng France Unang dayuhang oil tanker, dumaan sa Strait of Hormuz matapos ang ceasefire Chinese forces, pinaputukan ng flares ang PCG aircraft sa WPS | News Light Rollback sa presyo ng langis, inaasahan sa susunod na linggo Viola Natividad, naghatid ng heartfelt cover hymn song Community pantry para sa mga tsuper at riders, umusbong pa sa iba’t ibang lugar sa bansa DTI: Presyo ng basic goods, hindi magtataas hanggang April 16 Bagong animated film na ‘Forgotten Island,’ tampok ang alamat at kulturang Pinoy International Olympic Committee, inanunsyo na tanging biological females lamang ang pinapayagan sa female category Presyo ng LPG, posibleng sumampa ng ₱1,500 kada tangke sa Abril — LPGMA
html.archive, body.archive{ margin:0!important; padding:0!important; background:#fff; } body.archive #page, body.archive .site, body.archive .site-content, body.archive .content-area{ margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; max-width:100%!important; background:#fff!important; } /* Typography */ body.archive, .arch-wrap, .card-body{ font-family:'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } /* Wrapper */ .arch-wrap{ max-width:1200px; margin:0 auto; padding:32px 16px; } /* Header */ .arch-header{ margin:0 0 16px; } .arch-title{ margin:.1rem 0 .35rem; font-weight:800; line-height:1.15; letter-spacing:.01em; font-size:clamp(1.6rem,2.8vw,2.2rem); color:#0d0d0d; } .arch-desc{ color:#555; margin:4px 0 0; } /* Grid */ .cards{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; } @media (max-width:1100px){ .cards{ grid-template-columns:repeat(3,1fr); } } @media (max-width:820px){ .cards{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .cards{ grid-template-columns:1fr; } } /* Card */ .card{ display:grid; grid-template-rows:auto 1fr; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:18px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.06); transition:transform .18s, box-shadow .18s; } .card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.1); } /* Media 16:9 */ .card-media{ position:relative; display:block; aspect-ratio:16/9; background:#eee; overflow:hidden; } .card-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; } .card:hover .card-media img{ transform:scale(1.03); } /* Body */ .card-body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:.55rem; } .card-title{ margin:0; line-height:1.25; font-weight:700; font-size:clamp(1.02rem,1.9vw,1.15rem); letter-spacing:.01em; text-transform:uppercase; } .card-title a{ color:#0f172a; text-decoration:none; } .card-title a:hover{ color:#FF8C00; } .card-ex{ margin:0; color:#333; line-height:1.55; font-size:.95rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .card-meta{ margin-top:auto; font-size:.82rem; color:#667085; } /* Pagination (styled) */ .arch-pager{ margin:28px 0 6px; display:flex; justify-content:center; } .arch-pager .navigation.pagination{ margin:0; } .arch-pager .nav-links{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; } .arch-pager .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 12px; border:1px solid rgba(0,0,0,.12); border-radius:10px; background:#fff; color:#0f172a; text-decoration:none; font-weight:700; font-size:.95rem; line-height:1; transition:color .15s, border-color .15s, transform .15s, box-shadow .15s; } .arch-pager .page-numbers:hover{ color:#FF8C00; border-color:#FF8C00; transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.08); } .arch-pager .page-numbers.current{ background:#FF8C00; border-color:#FF8C00; color:#fff; cursor:default; box-shadow:0 6px 18px rgba(255,140,0,.28); } .arch-pager .page-numbers.dots{ border:none; background:transparent; box-shadow:none; transform:none; color:#667085; padding:0 6px; min-width:auto; }

DTI

ADVERTISEMENT