/* Shared compact mobile introduction; specialized editors keep their own layout. */
@media (max-width: 879px) {
 .tool-detail .thead { margin: 12px 0 16px; gap: 10px; }
 .tool-detail .thead h1 { font-size: clamp(20px,5.5vw,25px); line-height: 1.25; }
 .tool-detail .thead__lead { font-size: 13px; line-height: 1.45; margin-top: 6px; }
 .tool-detail .thead .ico--lg { width: 38px; height: 38px; flex: 0 0 38px; }
 .tool-detail .badges { gap: 5px; margin-top: 8px; }
 .tool-detail .badge { font-size: 10px; padding: 4px 7px; }
 .tool-detail .workspace { padding: 14px; }
 .tool-detail .btn { max-width: 100%; }
 .tool-detail .thead__meta { min-width: 0; }
 .tool-detail .thead__title-row { gap: 10px; }
}

.drop__pro { position:relative;z-index:2;display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:var(--brand);text-decoration:none; }
.drop__pro:hover { text-decoration:underline; }
/* Readable controls and a stable result card even when the ad provider has no fill. */
[data-tool="imlo-tekshirish"] .imlo-writing { max-width:100%; margin-bottom:14px; }
[data-tool="imlo-tekshirish"] #imloWriting { width:100%; min-height:44px; font-size:16px; }
[data-tool="imlo-tekshirish"] #imloWritingHint { margin-top:6px; line-height:1.5; }
@media(max-width:879px) {
 [data-tool="imlo-tekshirish"] .workspace textarea.textarea { font-size:16px; }
}
@media(min-width:1200px) {
 body:not(.is-pro) .download-result:not(:has(.download-ad:not([hidden]))) { grid-template-columns:minmax(0,680px); justify-content:center; }
 body:not(.is-pro) .download-result:not(:has(.download-ad:not([hidden]))) .download-result__card { grid-column:1; }
}