/* OOUTH archive.css v2 */
.page-hero { background: #0092E2; padding: 80px 0 72px; }
.page-hero h2 { font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 700; color: #fff; margin-bottom: 14px; }
.page-hero p { font-size: 15px; color: rgba(255,255,255,.65); max-width: 480px; line-height: 1.75; }
.archive-featured { background: #fff; border-bottom: 1px solid #CCE8F8; }
.featured-inner { display: grid; grid-template-columns: 1fr 1fr; min-height: 420px; }
.featured-photo { overflow: hidden; }
.featured-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.featured-photo:hover img { transform: scale(1.03); }
.featured-photo-placeholder { width: 100%; height: 100%; background: #0092E2; }
.featured-body { padding: 56px; display: flex; flex-direction: column; justify-content: center; }
.featured-label { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.featured-label span { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: #9C7E1A; background: #FBF5DC; border: 0.5px solid rgba(212,175,55,.3); padding: 4px 12px; border-radius: 20px; }
.featured-label em { font-family: 'DM Mono', monospace; font-size: 10px; color: #637080; font-style: normal; }
.featured-title { font-family: 'Playfair Display', serif; font-size: 30px; font-weight: 700; color: #0D1B2A; line-height: 1.3; margin-bottom: 14px; display: block; text-decoration: none; }
.featured-title:hover { color: #0092E2; }
.featured-excerpt { font-size: 15px; color: #2E3F52; line-height: 1.8; margin-bottom: 28px; }
.archive-filters-bar { background: #fff; border-bottom: 1px solid #CCE8F8; }
.archive-filters-inner { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 20px 0; }
.filter-btn { padding: 7px 18px; border-radius: 30px; font-size: 13px; border: 1px solid #CCE8F8; background: #fff; color: #637080; cursor: pointer; font-family: 'DM Sans', sans-serif; text-decoration: none; transition: all .2s; }
.filter-btn:hover { border-color: #0092E2; color: #0092E2; }
.filter-btn.active { background: #0092E2; color: #fff; border-color: #0092E2; }
.filters-count { margin-left: auto; font-family: 'DM Mono', monospace; font-size: 11px; color: #637080; }
.archive-posts-section { padding: 60px 0 100px; background: #F0F8FF; }
.archive-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-bottom: 56px; }
.archive-card { background: #fff; border: 0.5px solid #CCE8F8; border-radius: 16px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; transition: transform .2s, border-color .2s; }
.archive-card:hover { transform: translateY(-4px); border-color: #D4AF37; }
.archive-card-thumb { height: 196px; overflow: hidden; background: #0092E2; }
.archive-card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.archive-card:hover .archive-card-thumb img { transform: scale(1.05); }
.archive-card-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.archive-card-placeholder span { font-family: 'Playfair Display', serif; font-size: 28px; color: rgba(255,255,255,.25); }
.archive-card-body { padding: 22px; flex: 1; display: flex; flex-direction: column; }
.archive-card-title { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 600; color: #0D1B2A; line-height: 1.35; margin-bottom: 9px; }
.archive-card-excerpt { font-size: 13px; color: #637080; line-height: 1.65; flex: 1; }
.archive-card-meta { font-family: 'DM Mono', monospace; font-size: 10px; color: #637080; margin-top: 14px; padding-top: 14px; border-top: 0.5px solid #CCE8F8; display: flex; justify-content: space-between; }
.archive-read { color: #9C7E1A; font-weight: 500; font-family: 'DM Sans', sans-serif; font-size: 12px; }
.archive-empty { grid-column: 1/-1; text-align: center; padding: 60px; color: #637080; font-size: 15px; }
.archive-pagination { display: flex; justify-content: center; }
.archive-pagination .page-numbers { display: inline-flex; align-items: center; gap: 8px; list-style: none; padding: 0; }
.archive-pagination a, .archive-pagination span { width: 40px; height: 40px; border-radius: 8px; border: 1px solid #CCE8F8; background: #fff; color: #0D1B2A; font-family: 'DM Sans', sans-serif; font-size: 14px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all .2s; }
.archive-pagination .current { background: #0092E2; color: #fff; border-color: #0092E2; }
.archive-pagination a:hover { border-color: #0092E2; color: #0092E2; }