/* A quiet reading-to-project transition, shared by Arabic and English articles. */
body #practical-next-step.ed-reading-next{position:relative;isolation:isolate;box-sizing:border-box;display:block;margin:38px 0 8px;padding:30px;border:1px solid #f16a2138;border-radius:18px;background:linear-gradient(135deg,#1b1712,#11110f 72%);color:#f3eee5;box-shadow:none;overflow:hidden;text-align:start}
body #practical-next-step.ed-reading-next:before{content:"";position:absolute;inset-block:30px;inset-inline-start:0;width:3px;background:#f16a21;border-radius:0 3px 3px 0}
body #practical-next-step.ed-reading-next>.ed-reading-next__eyebrow{margin:0 0 16px;color:#f16a21;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
body #practical-next-step.ed-reading-next>h2{color:#f3eee5!important;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:0 0 16px;text-transform:none}
body #practical-next-step.ed-reading-next>.ed-reading-next__intro{font-size:15px;line-height:1.85;color:#bdb7af;margin:0 0 24px}
body #practical-next-step.ed-reading-next .ed-reading-next__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body #practical-next-step.ed-reading-next .ed-reading-next__links>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 16px;min-width:0;border:1px solid #ffffff18;border-radius:11px;background:#ffffff03;color:#eee8df;text-decoration:none;font-size:12px;line-height:1.6;transition:border-color .2s,background .2s}
body #practical-next-step.ed-reading-next .ed-reading-next__links>a:hover{border-color:#f16a2180;background:#f16a2110}
body #practical-next-step.ed-reading-next .ed-reading-next__links>a:focus-visible{outline:2px solid #f16a21;outline-offset:3px}
body #practical-next-step.ed-reading-next .ed-reading-next__links svg{flex:none;width:19px;height:19px;fill:none;stroke:#f16a21;stroke-width:1.5}
html[lang=ar] #practical-next-step.ed-reading-next>h2{font-family:'Cairo',Arial,sans-serif;letter-spacing:0;font-size:clamp(23px,2.6vw,32px)}
html[lang=ar] #practical-next-step.ed-reading-next>.ed-reading-next__eyebrow{letter-spacing:0;font-size:12px}
@media(max-width:700px){body #practical-next-step.ed-reading-next{padding:25px 20px;margin-top:28px;border-radius:14px}body #practical-next-step.ed-reading-next .ed-reading-next__links{grid-template-columns:1fr}body #practical-next-step.ed-reading-next>.ed-reading-next__intro{font-size:14px}body #practical-next-step.ed-reading-next .ed-reading-next__links>a{padding:15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){body #practical-next-step.ed-reading-next .ed-reading-next__links>a{transition:none}}