.dbf-archive{--dbf-red:#e32629;--dbf-ink:#17252a;--dbf-muted:#5b686c;--dbf-line:#e5e9e9;max-width:1200px;width:calc(100% - 40px);margin:0 auto;padding:30px 0 76px;color:var(--dbf-ink);clear:both;box-sizing:border-box;font-family:inherit}
.dbf-archive *{box-sizing:border-box}.dbf-archive a{text-decoration:none}.dbf-archive a:focus-visible{outline:3px solid var(--dbf-red);outline-offset:3px}.dbf-archive__hero{padding:48px clamp(24px,5vw,65px);background:#163d38;border-radius:9px;color:#fff;margin:0 0 26px}.dbf-archive__eyebrow{color:#ffb9b9!important;font-size:11px!important;letter-spacing:.14em;font-weight:800;margin:0 0 10px!important}.dbf-archive__hero h1{color:#fff!important;font-size:clamp(32px,4vw,52px)!important;line-height:1.14!important;margin:0 0 13px!important;font-weight:800}.dbf-archive__hero p,.dbf-archive__description,.dbf-archive__description p{color:#e0edeb!important;max-width:800px;font-size:17px!important;line-height:1.65!important;margin:0!important}.dbf-archive__topics{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 38px;padding:0 0 24px;border-bottom:1px solid var(--dbf-line)}.dbf-archive__topics span{font-weight:700;font-size:13px;margin-right:8px}.dbf-archive__topics a{border:1px solid #dbe2df;border-radius:24px;padding:7px 13px;color:var(--dbf-ink)!important;font-size:13px;font-weight:650;line-height:1.3}.dbf-archive__topics a:hover,.dbf-archive__topics a[aria-current=page]{border-color:var(--dbf-red);color:var(--dbf-red)!important}.dbf-archive__heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:2px solid var(--dbf-ink);margin-bottom:24px;padding-bottom:13px}.dbf-archive__heading h2{font-size:clamp(22px,2.6vw,30px)!important;line-height:1.2!important;margin:0!important;color:var(--dbf-ink)!important;font-weight:800}.dbf-archive__heading p{font-size:13px!important;color:var(--dbf-muted);margin:0!important}.dbf-archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.dbf-list-card{min-width:0;background:transparent}.dbf-list-card__image{display:block;aspect-ratio:16/10;background:#eef1ef;overflow:hidden;border-radius:5px}.dbf-list-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.dbf-list-card__image:hover img{transform:scale(1.035)}.dbf-list-card__placeholder{display:flex;height:100%;justify-content:center;align-items:center;color:#667674}.dbf-list-card__body{padding:14px 0}.dbf-list-card__category{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dbf-red)!important}.dbf-list-card__title{font-size:clamp(17px,1.55vw,21px)!important;line-height:1.34!important;font-weight:800;margin:7px 0 10px!important;overflow-wrap:anywhere}.dbf-list-card__title a{color:var(--dbf-ink)!important}.dbf-list-card__title a:hover{color:var(--dbf-red)!important}.dbf-list-card__excerpt{font-size:14px!important;line-height:1.65!important;color:var(--dbf-muted);margin:0 0 10px!important}.dbf-list-card__date{display:block;color:var(--dbf-muted);font-size:12px;margin-top:10px}.dbf-pagination{margin:44px 0 0}.dbf-pagination .page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0!important;margin:0!important}.dbf-pagination li{list-style:none!important;margin:0!important}.dbf-pagination a,.dbf-pagination span.page-numbers{display:inline-flex;min-width:38px;min-height:38px;padding:8px 12px;justify-content:center;align-items:center;border:1px solid #dbe2df;border-radius:4px;color:var(--dbf-ink)!important;font-size:14px;font-weight:700}.dbf-pagination .current{background:var(--dbf-red);border-color:var(--dbf-red);color:#fff!important}.dbf-pagination a:hover{border-color:var(--dbf-red);color:var(--dbf-red)!important}
@media(max-width:850px){.dbf-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dbf-archive{width:calc(100% - 28px);padding:16px 0 48px}.dbf-archive__hero{padding:32px 23px}.dbf-archive__topics{gap:7px}.dbf-archive__grid{grid-template-columns:1fr;gap:24px}.dbf-archive__heading{flex-wrap:wrap}.dbf-list-card__title{font-size:20px!important}}@media(prefers-reduced-motion:reduce){.dbf-list-card__image img{transition:none}.dbf-list-card__image:hover img{transform:none}}

/* Simple chronological archive; category cards keep their existing layout. */
.dbf-date-archive{max-width:980px;width:calc(100% - 36px);margin:0 auto;padding:28px 0 64px;color:#17252a;clear:both;font-family:inherit}
.dbf-date-archive__header{border-bottom:1px solid #dfe5e4;padding-bottom:18px;margin-bottom:32px}
.dbf-date-archive__header h1{font-size:clamp(30px,4vw,42px)!important;margin:0 0 8px!important;color:#17252a!important}
.dbf-date-archive__header p{font-size:15px!important;color:#667174;margin:0!important}
.dbf-date-archive__year{margin:0 0 36px}.dbf-date-archive__year h2{font-size:30px!important;color:#c9252a!important;margin:0 0 16px!important;border-bottom:2px solid #e8eded;padding-bottom:9px}
.dbf-date-archive__year h3{font-size:20px!important;color:#17252a!important;margin:24px 0 10px!important}
.dbf-date-archive__entries{list-style:none!important;margin:0!important;padding:0!important}
.dbf-date-archive__entries li{display:flex;align-items:baseline;gap:17px;padding:9px 0;border-bottom:1px solid #eef1f0;line-height:1.5}
.dbf-date-archive__entries time{flex:0 0 27px;color:#697477;font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
.dbf-date-archive__entries a{color:#17252a!important;text-decoration:none!important;font-size:15px}
.dbf-date-archive__entries a:hover{color:#c9252a!important;text-decoration:underline!important}
@media(max-width:560px){.dbf-date-archive{width:calc(100% - 28px);padding:16px 0 40px}.dbf-date-archive__entries li{gap:12px}.dbf-date-archive__entries a{font-size:14px}}

/* v1.5: compact year/month/date archive inspired by the Nasrul Hanis archive. */
.dbf-date-archive__header h2{font-size:clamp(29px,4vw,42px)!important;margin:0 0 8px!important;color:#17252a!important}
.dbf-date-archive__filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,190px) auto auto;gap:10px;align-items:end;margin:0 0 34px;padding:18px;border:1px solid #e3e9e8;border-radius:8px;background:#fafbfb}
.dbf-date-archive__filters label{font-size:12px;font-weight:700;color:#526164;grid-row:1}
.dbf-date-archive__filters label[for="dbf-archive-search"]{grid-column:1}
.dbf-date-archive__filters label[for="dbf-archive-year"]{grid-column:2}
.dbf-date-archive__filters input,.dbf-date-archive__filters select{width:100%;min-height:42px;border:1px solid #d6dedd;border-radius:5px;padding:9px 11px;background:white;color:#17252a;font:inherit;font-size:14px;grid-row:2}
.dbf-date-archive__filters input{grid-column:1}.dbf-date-archive__filters select{grid-column:2}
.dbf-date-archive__filters button{grid-column:3;grid-row:2;min-height:42px;background:#c9252a;color:white;border:0;border-radius:5px;padding:9px 17px;font-weight:700;cursor:pointer}
.dbf-date-archive__filters .dbf-date-archive__clear{grid-column:4;grid-row:2;align-self:center;font-size:13px;color:#526164!important}
.dbf-date-archive__year-heading,.dbf-date-archive__month-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.dbf-date-archive__year-heading{border-bottom:2px solid #e8eded;padding-bottom:9px;margin-bottom:20px}
.dbf-date-archive__year-heading h3{font-size:32px!important;color:#c9252a!important;margin:0!important}
.dbf-date-archive__year-heading span,.dbf-date-archive__month-heading span{font-size:12px;color:#667174}
.dbf-date-archive__month-heading{margin:23px 0 10px}
.dbf-date-archive__month-heading h4{font-size:21px!important;color:#17252a!important;margin:0!important}
.dbf-date-archive__entries li{list-style:none!important}
.dbf-date-archive__empty{padding:20px 0}
.dbf-date-archive .dbf-pagination{margin-top:34px}
@media(max-width:650px){.dbf-date-archive__filters{grid-template-columns:1fr auto;gap:8px}.dbf-date-archive__filters label[for="dbf-archive-search"]{grid-column:1 / -1;grid-row:1}.dbf-date-archive__filters input{grid-column:1 / -1;grid-row:2}.dbf-date-archive__filters label[for="dbf-archive-year"]{grid-column:1 / -1;grid-row:3}.dbf-date-archive__filters select{grid-column:1 / -1;grid-row:4}.dbf-date-archive__filters button{grid-column:1;grid-row:5}.dbf-date-archive__filters .dbf-date-archive__clear{grid-column:2;grid-row:5}}