/* MeroKalam.com official preeti-font-download styles. Unauthorized copying or republication is not permitted. */
.mk-download-callout{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74;border-radius:16px;padding:1.15rem 1.25rem;margin:0 0 1.5rem;box-shadow:0 8px 22px rgba(234,88,12,.10)}
.mk-download-callout .download-inner{max-width:none;margin:0}
.mk-download-callout .download-card{background:#fff;border:1.5px solid #fed7aa;border-radius:14px;padding:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.mk-download-callout .download-icon{width:54px;height:54px;background:#ea580c;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;flex-shrink:0}
.mk-download-callout .download-info{flex:1;min-width:220px}
.mk-download-callout .download-info h2{font-size:1.1rem;margin:0 0 .25rem;color:#0f172a}
.mk-download-callout .download-info p{font-size:.86rem;line-height:1.6;color:#475569;margin:0}
.download-meta{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.55rem}
.download-tag,.tool-chip,.also-btn{display:inline-flex;align-items:center;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:.73rem;font-weight:800;padding:.22rem .58rem;text-decoration:none}
.btn-download{background:linear-gradient(135deg,#ea580c,#f59e0b);color:#fff!important;font-weight:800;font-size:.84rem;padding:.64rem 1rem;border-radius:9px;text-decoration:none;box-shadow:0 6px 14px rgba(234,88,12,.22)}
.also-download{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:.8rem;font-size:.78rem;color:#64748b}
.also-label{font-weight:800;color:#9a3412}
.info-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px;padding:1rem 1.2rem;margin:1.4rem 0;color:#1e3a8a}
.warn-box{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fcd34d;border-radius:12px;padding:1rem 1.2rem;margin:1.4rem 0;color:#7c2d12}
.tools-cta{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:14px;padding:1rem 1.2rem;margin:1.5rem 0}
.tools-cta h3{font-size:1rem;margin:0 0 .35rem;color:#14532d}
.tools-cta p{font-size:.86rem;color:#166534;margin:.25rem 0 .8rem}
.tools-row{display:flex;flex-wrap:wrap;gap:.5rem}
.tools-row .tool-chip{border-color:#86efac;background:#fff;color:#15803d}
.compare-table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:760px}
.compare-table th{background:#f1f5f9;color:#334155;font-weight:700;padding:.62rem .75rem;text-align:left;border-bottom:2px solid #e2e8f0;white-space:nowrap}
.compare-table td{padding:.58rem .75rem;border-bottom:1px solid #f1f5f9;color:#475569;vertical-align:top;line-height:1.55}
.blog-body > .compare-table{display:block;overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px;margin:1.2rem 0}
.steps{list-style:none;padding:0;margin:1rem 0}
.steps li{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:.9rem 1rem;margin:.65rem 0;display:flex;gap:.9rem;align-items:flex-start}
.step-num{background:#ea580c;color:#fff;font-weight:900;font-size:.88rem;min-width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.step-content h4{font-size:.94rem;margin:.05rem 0 .25rem;color:#1e293b}
.step-content p{font-size:.84rem;line-height:1.62;margin:0;color:#475569}
.keyboard-section{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:1rem;margin:1.4rem 0}
.keyboard-section h3{font-size:1rem;margin:0 0 .75rem;color:#0f172a}
.keyboard{display:flex;flex-direction:column;gap:.35rem}
.key-row{display:flex;gap:.35rem;flex-wrap:wrap}
.key{min-width:48px;min-height:46px;background:#fff;border:1px solid #cbd5e1;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.key.space{min-width:220px}
.key-np{font-size:1.02rem;font-weight:800;color:#0f172a}
.key-en{font-size:.68rem;font-weight:800;color:#64748b;text-transform:uppercase}
.key-note,.mk-small{font-size:.78rem;color:#64748b;line-height:1.6}
.faq-list{display:grid;gap:.65rem;margin:1rem 0 1.5rem}
.faq-item{border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;font-weight:800;color:#0f172a;cursor:pointer}
.faq-a{display:none;padding:0 1rem 1rem;color:#475569;font-size:.86rem;line-height:1.68}
.faq-item.open .faq-a{display:block}
.faq-icon{color:#ea580c;font-weight:900}
[data-theme="dark"] .mk-download-callout,[data-theme="dark"] .keyboard-section,[data-theme="dark"] .steps li{background:#1e293b;border-color:#334155}
[data-theme="dark"] .download-card,[data-theme="dark"] .faq-item,[data-theme="dark"] .key{background:#0f172a;border-color:#334155}
[data-theme="dark"] .compare-table th{background:#334155;color:#e2e8f0}
[data-theme="dark"] .compare-table td,[data-theme="dark"] .step-content p,[data-theme="dark"] .faq-a{color:#cbd5e1;border-color:#334155}
[data-theme="dark"] .step-content h4,[data-theme="dark"] .keyboard-section h3,[data-theme="dark"] .download-info h2,[data-theme="dark"] .key-np,[data-theme="dark"] .faq-q{color:#e2e8f0}
@media(max-width:680px){.compare-table{font-size:.77rem;min-width:680px}.mk-download-callout .download-card{align-items:flex-start}.key{min-width:42px}.key.space{min-width:170px}}
