/* Praise and salawat shortcuts below the homepage search. */
.before-dua{box-sizing:border-box;margin:18px 0 22px;padding:24px;border:2px solid #c49b51;border-radius:20px;background:#f8ecd4;color:#16433f;text-align:start;min-width:0}
.before-dua h2{margin:0 0 10px;font-size:clamp(23px,3vw,32px);line-height:1.4;color:#16433f}
.before-dua p{margin:0 0 18px;color:#254b45;font-size:18px;line-height:1.8}
.before-dua nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.before-dua nav a{display:flex;align-items:center;gap:12px;min-height:64px;padding:14px 16px;border:2px solid transparent;border-radius:14px;background:#38315e;color:#fff;text-decoration:none;font-size:18px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}
.before-dua nav a:first-child{background:#564c87;border-color:#c49b51}
.before-dua nav a:last-child{background:#175a50}
.before-dua nav a>span:last-child{margin-inline-start:auto}
.before-dua-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border:1px solid #e7d19d;border-radius:50%;color:#f8e5af;font-size:16px}
.before-dua a:hover{filter:brightness(1.12)}.before-dua a:focus-visible{outline:3px solid #16433f;outline-offset:3px}
@media(max-width:600px){.before-dua{padding:18px 14px;border-radius:16px}.before-dua nav{grid-template-columns:1fr;gap:10px}.before-dua p{font-size:17px}.before-dua nav a{font-size:18px;padding:12px;min-height:58px}}