.portable-mushaf{padding:88px max(5%,calc((100vw - 1320px)/2));color:var(--ink);background:#f7f5ec;border-top:1px solid #d8dfd4;border-bottom:1px solid #d8dfd4}
.portable-mushaf__layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);align-items:center;gap:clamp(44px,6vw,100px)}
.portable-mushaf__visual{min-height:490px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#0c3327,#071e18);box-shadow:inset 0 0 0 1px #406753,0 22px 50px #17352922}
.portable-mushaf__icon{width:min(64%,305px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 26px 26px #0007)}
.portable-mushaf__copy{padding:20px 0}
.portable-mushaf .eyebrow{color:#8d702f;margin:0 0 18px}
.portable-mushaf h2{font-size:clamp(45px,5vw,74px);line-height:1.07;margin:0 0 27px;max-width:650px}
.portable-mushaf__intro{max-width:630px;color:#334e42;font:clamp(20px,2vw,24px)/1.52 Georgia,"Times New Roman",serif;margin:0}
.portable-mushaf__detail{max-width:580px;color:var(--muted);font-size:16px;line-height:1.7;margin:26px 0 0}
.portable-mushaf__link{display:inline-flex;gap:12px;align-items:center;margin-top:34px;color:#315b47;font-size:15px;font-weight:600;text-decoration:none;border-bottom:1px solid #6d8b6b;padding-bottom:4px}
.portable-mushaf__link:hover{color:#8c671d;border-color:#8c671d}
@media(max-width:750px){.portable-mushaf{padding:58px 22px 68px}.portable-mushaf__layout{grid-template-columns:1fr;gap:32px}.portable-mushaf__visual{min-height:320px}.portable-mushaf__icon{width:min(48%,190px)}.portable-mushaf__copy{padding:0 2px}.portable-mushaf h2{font-size:clamp(42px,10vw,60px)}.portable-mushaf__intro{font-size:20px}.portable-mushaf__detail{font-size:15px;margin-top:20px}.portable-mushaf__link{margin-top:26px}}
@media(max-width:400px){.portable-mushaf__visual{min-height:280px}.portable-mushaf__icon{width:154px}}