/* FIKR responsive and read-aloud corrections, applied after the existing design. */
.hero-grid > *, .timeline, .timeline-card { min-width: 0; }
.hero-actions a { box-sizing: border-box; max-width: 100%; overflow-wrap: normal; }
@media (max-width: 1100px) {
  .hero .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .hero .timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .hero h1, .hero p { max-width: 100%; width: auto; }
  .hero .hero-actions { width: 100%; }
}
@media (max-width: 900px) {
  .hero .timeline { grid-template-columns: minmax(0, 1fr); }
  .hero .timeline-card { width: 100%; box-sizing: border-box; }
  .hero .hero-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .hero .hero-actions a { width: 100%; min-width: 0; padding: 14px 18px; white-space: normal; }
  .hero p { font-size: 17px; line-height: 1.6; }
}
@media (max-width: 560px) {
  .hero h1 { font-size: clamp(36px, 9.6vw, 48px); line-height: 1.06; overflow-wrap: normal; }
  .hero .timeline-card strong { font-size: clamp(32px, 10vw, 46px); }
  .hero .timeline-card span { overflow-wrap: anywhere; }
}
.fikr-listen { box-sizing: border-box; border: 1px solid #d8d4cc; border-left: 4px solid #b8922a; border-radius: 8px; background: #faf8f2; padding: 18px; margin: 22px 0 28px; max-width: 100%; color: #1a2744; font-family: 'DM Sans', Arial, sans-serif; }
.fikr-listen h2 { margin: 0 0 12px; font-size: 19px; line-height: 1.35; }
.fikr-listen-controls { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.fikr-listen button { min-height: 44px; padding: 10px 16px; border: 1px solid #1a2744; border-radius: 5px; background: #1a2744; color: #fff; font: 600 15px/1.2 'DM Sans',Arial,sans-serif; cursor: pointer; }
.fikr-listen button[data-action="pause"], .fikr-listen button[data-action="stop"] { background: #fff; color: #1a2744; }
.fikr-listen button:disabled { opacity: .45; cursor: default; }
.fikr-listen button:focus-visible, .fikr-listen select:focus-visible { outline: 3px solid #b8922a; outline-offset: 3px; }
.fikr-listen label { display: flex; align-items: center; gap: 7px; font-size: 14px; }
.fikr-listen select { max-width: 100%; min-height: 44px; border: 1px solid #aaa; border-radius: 5px; padding: 7px; background: #fff; color: #1a2744; font: inherit; }
.fikr-listen-status { margin: 12px 0 0; font-size: 14px; line-height: 1.45; }
.fikr-listen-note { margin: 6px 0 0; font-size: 12px; line-height: 1.5; color: #62605a; }
@media (max-width: 560px) { .fikr-listen { padding: 15px; } .fikr-listen-controls button { flex: 1 1 auto; } .fikr-listen-controls label { flex-basis: 100%; } }

/* FIKR portrait article images v1 */
main .post-card .thumb { aspect-ratio:4/5; height:auto; background:#ede8de; }
main .post-card .thumb img { display:block; width:100%; height:100%; object-fit:contain; }
main .post-card:hover .thumb img { transform:none; }