@media (max-width: 1050px) {
    .category-grid { grid-template-columns: repeat(4, 1fr); }
    .tool-grid, .prompt-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(3, 1fr); }
    .footer-brand { grid-column: span 3; }
}

@media (max-width: 800px) {
    .primary-nav, .header-actions { display: none; }
    .mobile-menu-toggle { display: block; margin-left: auto; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-visual { display: none; }
    .hero-section { padding: 60px 0; }
}

@media (max-width: 600px) {
    .aith-container { width: min(100% - 28px, var(--container)); }
    .header-inner { height: 62px; }
    .site-brand { min-width: auto; }
    .hero-content h1 { font-size: 38px; }
    .hero-search { flex-direction: column; background: transparent; border: 0; box-shadow: none; padding: 0; }
    .hero-search input { border: 1px solid var(--border); background: #fff; border-radius: 8px; }
    .hero-search button { margin-top: 8px; }
    .section { padding: 48px 0; }
    .section-heading { align-items: start; flex-direction: column; }
    .category-grid, .tool-grid, .prompt-grid { grid-template-columns: 1fr 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .footer-brand { grid-column: span 2; }
    .footer-bottom { flex-direction: column; gap: 10px; }
}


/* V0.1.1 Header responsive */
@media (max-width: 980px) {
    .primary-nav,
    .header-actions {
        display: none;
    }

    .mobile-menu-toggle {
        display: flex;
        margin-left: auto;
    }

    .mobile-navigation {
        position: absolute;
        top: 74px;
        left: 0;
        right: 0;
        background: var(--surface);
        border-bottom: 1px solid var(--border);
        box-shadow: 0 18px 35px rgba(20,25,45,.10);
        padding: 12px 24px 20px;
        z-index: 99;
    }

    .mobile-navigation.is-open {
        display: block;
    }

    .mobile-nav-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-nav-menu li {
        border-bottom: 1px solid var(--border);
    }

    .mobile-nav-menu a {
        display: block;
        padding: 13px 4px;
        font-size: 14px;
        font-weight: 600;
    }

    .mobile-nav-actions {
        display: flex;
        gap: 12px;
        align-items: center;
        padding-top: 18px;
    }
}

@media (max-width: 600px) {
    .header-inner {
        width: min(100% - 28px, var(--container));
    }

    .site-header,
    .header-inner {
        height: 64px;
    }

    .brand-text strong {
        font-size: 15px;
    }

    .brand-text small {
        font-size: 7px;
    }

    .brand-mark {
        width: 35px;
        height: 35px;
    }

    .mobile-navigation {
        top: 64px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* V0.5.0 responsive refinement (base) */
@media (max-width: 1050px){
 .category-grid-v5{grid-template-columns:repeat(4,1fr)}.home-tool-grid{grid-template-columns:repeat(2,1fr)}.premium-tool-head{grid-template-columns:90px minmax(0,1fr)}.tool-head-actions{grid-column:2}.single-tool-layout-v5{grid-template-columns:1fr}.single-tool-sidebar{padding-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.single-tool-sidebar>*{margin-bottom:0}.submit-mini-cta{grid-column:1/-1}
}
@media (max-width: 760px){
 .hero-v5{padding:48px 0 42px}.hero-v5 .hero-content h1{font-size:42px;max-width:520px}.hero-v5 .hero-search{padding:5px;background:#fff;border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow)}.hero-v5 .hero-search input{border:0;padding:12px 8px}.hero-v5 .hero-search button{margin-top:0}.category-grid-v5{grid-template-columns:repeat(2,1fr);gap:10px}.category-directory-card{min-height:82px;padding:13px;gap:9px}.category-directory-icon{width:34px;height:34px;flex:0 0 34px}.category-directory-content strong{font-size:11px}.category-directory-content small{font-size:9px}.category-directory-arrow{font-size:12px}.section-heading h2{font-size:25px}.newsletter-box{grid-template-columns:1fr;padding:30px}.newsletter-form{min-width:0}.newsletter-note{grid-column:auto;margin-top:-10px}.cta-box{padding:32px;align-items:flex-start;flex-direction:column}.premium-tool-head{grid-template-columns:76px minmax(0,1fr);gap:16px}.single-tool-logo{width:76px;height:76px;font-size:30px}.tool-head-actions{grid-column:1/-1;flex-direction:row}.feature-grid{grid-template-columns:1fr}.related-tool-list{grid-template-columns:1fr}.single-tool-sidebar{grid-template-columns:1fr}.tool-anchor-nav{top:64px}.tool-page-section{padding-bottom:45px}
}
@media (max-width: 600px){
 /* Single-column directory cards: fixes cramped mobile descriptions */
 .archive-tool-grid-v4,.archive-tool-grid,.directory-grid{grid-template-columns:1fr!important}.archive-tool-grid-v4.directory-list-view{grid-template-columns:1fr!important}.dynamic-tool-card{min-height:0}.tool-card{padding:18px}.tool-card h3{font-size:16px}.tool-card p{min-height:auto}.homepage-tool-section .tool-card{min-height:0}
 .hero-v5 .hero-content h1{font-size:36px}.hero-v5 .hero-content p{font-size:14px}.hero-v5 .hero-search{flex-direction:row}.hero-v5 .hero-search button{padding:10px 15px;white-space:nowrap}.hero-v5 .popular-searches{gap:6px}.hero-v5 .popular-searches a{font-size:10px;padding:5px 8px}.category-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr))}.category-directory-card{overflow:hidden}.category-directory-content{overflow:hidden}.category-directory-content strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-subtitle{font-size:13px}.home-tool-grid{grid-template-columns:1fr}.newsletter-box{padding:26px 20px;border-radius:16px}.newsletter-content h2{font-size:24px}.newsletter-form{flex-direction:column;background:transparent;padding:0;gap:9px}.newsletter-form input{border-radius:8px;padding:13px}.newsletter-form .btn{width:100%}.cta-box{padding:28px 20px}.cta-box h2{font-size:25px}.tool-breadcrumb{overflow:auto;white-space:nowrap;margin-bottom:20px}.tool-title-line h1{font-size:29px}.tool-head-actions{width:100%;flex-direction:column}.tool-head-actions .btn,.favorite-btn{width:100%}.tool-anchor-nav{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.tool-block{padding:28px 0}.tool-block h2{font-size:23px}.pros-cons-grid{grid-template-columns:1fr}.single-tool-sidebar{display:block}.single-tool-sidebar>*{margin-bottom:14px}.rating-summary-card{display:grid;grid-template-columns:auto 1fr}.rating-summary-card .btn{grid-column:1/-1}.tool-info-card strong{font-size:11px}.related-tool-list .tool-card{display:block}.site-footer{padding-top:45px}
}


/* V0.5.2 mobile polish */
@media (max-width:480px){.category-grid-v5 .category-card{min-width:0}.category-card .category-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.homepage-tool-section .tool-grid,.home-tool-grid{gap:12px}.home-tool-grid .tool-card{padding:14px}.aith-ad-slot{min-height:72px;border-radius:10px}.aith-ad-slot iframe{max-width:100%!important}.single-tool-layout .related-tool-list{grid-template-columns:1fr}.tool-anchor-nav{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tool-anchor-nav a{flex:0 0 auto}.aith-ad-tool-content{margin:18px 0}.aith-ad-tool-sidebar{min-height:90px}}

/* =========================================================
   V0.8.5 — Tablet-first Responsive Polish
   Target: 761px–1050px. This is intentionally separate from
   mobile rules so tablet never behaves like a shrunken desktop.
   ========================================================= */
@media (min-width: 761px) and (max-width: 1050px) {
    .aith-container { width: min(100% - 48px, var(--container)); }

    /* Header: switch cleanly to the compact navigation before wrapping */
    .site-header, .header-inner { height: 68px; }
    .header-inner { gap: 18px; }
    .site-brand { min-width: 0; }
    .primary-nav, .header-actions { display: none; }
    .mobile-menu-toggle {
        display: flex;
        margin-left: auto;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: var(--surface);
        box-shadow: 0 6px 18px rgba(25,30,55,.05);
    }
    .mobile-menu-toggle span { width: 18px; height: 2px; border-radius: 4px; background: var(--text); }
    .mobile-navigation { top: 68px; padding: 14px 24px 20px; }

    /* Homepage: keep a real tablet composition */
    .hero-v5 { padding: 58px 0 54px; }
    .hero-v5 .hero-grid { min-height: 0; grid-template-columns: 1fr; }
    .hero-v5 .hero-content { max-width: 760px; margin: 0 auto; }
    .hero-v5 .hero-content h1 { font-size: clamp(46px, 7vw, 58px); max-width: 720px; }
    .hero-v5 .hero-content p { max-width: 680px; }
    .hero-v5 .hero-search { max-width: 680px; }
    .hero-v5 .hero-visual { display: none; }

    .section { padding: 58px 0; }
    .homepage-tool-section { padding: 54px 0; }
    .section-heading { margin-bottom: 22px; }
    .category-grid-v5 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
    .category-directory-card { min-height: 78px; padding: 13px; }
    .category-directory-content strong { font-size: 12px; }
    .category-directory-content small { font-size: 9px; }

    .home-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .homepage-tool-section .tool-card { min-height: 260px; }
    .prompt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* Newsletter and CTA retain comfortable tablet proportions */
    .newsletter-box { grid-template-columns: 1fr; padding: 34px; gap: 20px; }
    .newsletter-form { min-width: 0; width: min(100%, 620px); }
    .newsletter-note { grid-column: auto; }
    .cta-box { padding: 34px; }

    /* Tool page: hero becomes two rows, avoiding cramped action controls */
    .single-tool-v5 { padding: 34px 0 36px; }
    .premium-tool-head {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 18px;
        align-items: center;
    }
    .single-tool-logo { width: 92px; height: 92px; font-size: 34px; }
    .tool-title-line h1 { font-size: clamp(34px, 5vw, 44px); }
    .tool-head-content p { max-width: 620px; }
    .tool-head-actions {
        grid-column: 1 / -1;
        flex-direction: row;
        width: 100%;
        margin-top: 4px;
    }
    .tool-head-actions .btn, .tool-head-actions .favorite-btn { flex: 1; }

    /* Content/sidebar stack becomes a balanced tablet information grid */
    .single-tool-layout-v5 { grid-template-columns: 1fr; gap: 22px; }
    .tool-content-v5 { padding-top: 20px; }
    .tool-anchor-nav { top: 68px; }
    .tool-block { padding: 32px 0; }
    .single-tool-sidebar {
        padding-top: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        align-items: stretch;
    }
    .single-tool-sidebar > * { margin-bottom: 0; height: 100%; }
    .submit-mini-cta { grid-column: 1 / -1; }
    .rating-summary-card { min-height: 178px; align-content: center; }
    .tool-info-card { min-height: 178px; }
    .share-tool-card { grid-column: 1 / 2; }

    .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .related-tool-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* Footer: explicit tablet grid rather than inherited desktop wrapping */
    .site-footer { padding-top: 48px; }
    .footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 20px; }
    .footer-brand { grid-column: 1 / -1; max-width: 480px; }
    .footer-column h4 { font-size: 13px; }
    .footer-column a { font-size: 11px; }
}

/* Narrow tablet / large-phone bridge */
@media (min-width: 601px) and (max-width: 760px) {
    .aith-container { width: min(100% - 36px, var(--container)); }
    .category-grid-v5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .homepage-tool-section .tool-card { min-height: 245px; }
    .premium-tool-head { grid-template-columns: 78px minmax(0, 1fr); }
    .single-tool-logo { width: 78px; height: 78px; font-size: 30px; }
    .tool-head-actions { grid-column: 1 / -1; flex-direction: row; }
    .single-tool-sidebar { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .submit-mini-cta { grid-column: 1 / -1; }
    .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-brand { grid-column: 1 / -1; }
}

/* =========================================================
   V0.8.6 — Homepage Grid & Rhythm Consistency Audit
   ========================================================= */
/* One grid language across homepage sections */
@media (min-width: 1051px) {
    .categories-section .category-grid-v5,
    .homepage-tool-section .home-tool-grid,
    .homepage-tool-section .tool-grid,
    .prompt-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        align-items: stretch;
    }

    .categories-section .category-directory-card {
        min-height: 96px;
    }

    .homepage-tool-section .tool-card {
        min-height: 282px;
        height: 100%;
    }

    .prompt-grid .prompt-card {
        min-height: 210px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .prompt-grid .prompt-card-footer {
        margin-top: auto;
    }
}

/* Consistent vertical rhythm; avoid oversized whitespace between sections */
.section {
    padding-top: 56px;
    padding-bottom: 56px;
}
.homepage-tool-section {
    padding-top: 56px;
    padding-bottom: 56px;
}
.section-heading {
    margin-bottom: 24px;
}
.section-heading h2 {
    font-size: clamp(25px, 2.2vw, 30px);
    line-height: 1.2;
}
.categories-section + .homepage-tool-section,
.categories-section + .ad-section + .homepage-tool-section {
    padding-top: 52px;
}

/* Cards must never create uneven grid rows due to long titles/content */
.homepage-tool-section .tool-card,
.prompt-grid .prompt-card,
.category-directory-card {
    min-width: 0;
}
.homepage-tool-section .tool-card h3,
.prompt-grid .prompt-card h3,
.category-directory-content strong {
    overflow-wrap: anywhere;
}
.homepage-tool-section .tool-card p {
    min-height: 58px;
}
.homepage-tool-section .tool-meta {
    margin-top: auto;
}

/* Empty ad wrappers are completely collapsed */
.ad-section:empty,
.ad-section-compact:empty {
    display: none;
}

/* Tablet: preserve a deliberate 2-column content rhythm */
@media (min-width: 761px) and (max-width: 1050px) {
    .section,
    .homepage-tool-section { padding-top: 50px; padding-bottom: 50px; }
    .homepage-tool-section .home-tool-grid,
    .prompt-grid { gap: 16px; }
    .homepage-tool-section .tool-card { min-height: 270px; }
    .prompt-grid .prompt-card { min-height: 205px; }
}

/* Mobile: sections and card grids should feel compact but not cramped */
@media (max-width: 760px) {
    .section,
    .homepage-tool-section { padding-top: 36px; padding-bottom: 36px; }
    .section-heading { margin-bottom: 18px; }
    .section-heading > div { min-width: 0; }
    .homepage-tool-section .home-tool-grid { gap: 12px; }
}

@media (max-width: 600px) {
    .prompt-grid { grid-template-columns: 1fr; gap: 14px; }
    .prompt-grid .prompt-card { min-height: 175px; }
}

/* V0.8.7 grid consistency overrides */
@media (min-width:1051px){
    .category-grid-v5,.home-tool-grid,.prompt-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width:761px) and (max-width:1050px){
    .category-grid-v5{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
    .home-tool-grid,.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}
@media (max-width:760px){
    .category-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
    .category-directory-card{min-width:0;overflow:hidden;}
    .category-directory-content{max-width:calc(100% - 48px);}
    .category-directory-icon{flex-basis:34px;width:34px;height:34px;}
    .category-directory-arrow{display:none;}
}

/* =========================================================
   V0.8.10 — Single Tool Page Mobile Integrity Fix
   Prevent cards/columns from disappearing at narrow widths.
   These rules intentionally come last to win over older responsive blocks.
   ========================================================= */
@media (max-width: 600px) {
    /* Never clip or suppress feature cards on mobile */
    .single-ai_tool .feature-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        overflow: visible;
        height: auto;
        max-height: none;
        min-height: 0;
    }
    .single-ai_tool .feature-grid > .feature-item,
    .single-ai_tool .feature-item {
        display: flex;
        visibility: visible;
        opacity: 1;
        position: static;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
        padding: 14px;
        gap: 11px;
    }
    .single-ai_tool .feature-item > span {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
        border-radius: 9px !important;
    }
    .single-ai_tool .feature-item h3 {
        font-size: 13px;
        line-height: 1.35;
    }
    .single-ai_tool .feature-item p {
        display: block;
        -webkit-line-clamp: unset;
        overflow: visible;
        font-size: 10px;
        line-height: 1.45;
    }

    /* Keep both Pros and Things to Consider visible */
    .single-ai_tool .pros-cons-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        overflow: visible;
        height: auto;
        max-height: none;
    }
    .single-ai_tool .pros-cons-grid > .pros-box,
    .single-ai_tool .pros-cons-grid > .cons-box {
        display: block;
        visibility: visible;
        opacity: 1;
        position: static;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
        padding: 16px;
    }
    .single-ai_tool .pros-cons-grid ul {
        display: block;
        margin: 0;
    }

    /* Mobile sidebar cards should remain readable and independent */
    .single-ai_tool .single-tool-sidebar,
    .single-ai_tool .single-tool-sidebar > * {
        overflow: visible;
        height: auto;
        max-height: none;
    }
}

@media (max-width: 480px) {
    .single-ai_tool .tool-block { overflow: visible; }
    .single-ai_tool .feature-grid { gap: 9px; }
    .single-ai_tool .feature-item { padding: 13px; }
}



/* =========================================================
   V0.8.11 — Single Tool Page Layout Rebuild
   Fixes desktop density, sidebar balance, related-tool placement,
   and narrow-screen overflow without changing the visual language.
   ========================================================= */
.single-ai_tool .single-tool-layout-v5 {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
    gap: 48px;
    align-items: start;
}
.single-ai_tool .tool-content-v5 { min-width: 0; }
.single-ai_tool .single-tool-sidebar {
    min-width: 0;
}
/* Only the rating + Visit Website card stays sticky (the actual conversion-critical
   piece). Everything else in the sidebar (Tool Information, Sources, the ad slot,
   Share, Submit) scrolls normally with the page — so the ad renders at full natural
   size with nothing clipping or scroll-hiding it, and there's no sidebar-internal
   scrollbar. Scoped to the same desktop range the sidebar used to be sticky at (see
   the max-width:1050px override below, which keeps this off on tablet/mobile, where
   the sidebar is already a normal in-flow grid). */
@media (min-width: 1051px) {
    .single-ai_tool .single-tool-sidebar > .rating-summary-card {
        position: sticky;
        top: 94px;
    }
}
.single-ai_tool .related-tools-layout {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    padding-top: 34px;
}
.single-ai_tool .related-tool-list {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}
.single-ai_tool .related-tool-list > :only-child {
    max-width: 360px;
}
.single-ai_tool .tool-info-card div {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) minmax(0, 1.25fr);
    gap: 16px;
}
.single-ai_tool .tool-info-card strong {
    max-width: none;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: right;
}
.single-ai_tool .rating-summary-card,
.single-ai_tool .share-tool-card,
.single-ai_tool .submit-mini-cta {
    box-shadow: 0 8px 26px rgba(25,30,55,.045);
}

@media (min-width: 1201px) {
    .single-ai_tool .single-tool-layout-v5 { gap: 54px; }
    .single-ai_tool .tool-block h2 { font-size: 27px; }
    .single-ai_tool .entry-content { font-size: 15px; }
}

@media (max-width: 1050px) {
    .single-ai_tool .single-tool-layout-v5 {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .single-ai_tool .single-tool-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
    .single-ai_tool .single-tool-sidebar > * { margin-bottom: 0; }
    .single-ai_tool .submit-mini-cta { grid-column: 1 / -1; }
    .single-ai_tool .related-tools-layout {
        grid-column: 1;
        padding-top: 8px;
    }
}

@media (max-width: 760px) {
    .single-ai_tool .single-tool-sidebar { grid-template-columns: 1fr; }
    .single-ai_tool .related-tool-list { grid-template-columns: 1fr; }
    .single-ai_tool .related-tool-list > :only-child { max-width: none; }
}

@media (max-width: 600px) {
    .single-ai_tool .single-tool-layout-v5 { gap: 0; }
    .single-ai_tool .single-tool-sidebar {
        display: block;
        margin-top: 0;
    }
    .single-ai_tool .single-tool-sidebar > * { margin-bottom: 14px; }
    .single-ai_tool .related-tools-layout {
        padding-top: 8px;
        padding-bottom: 28px;
    }
    .single-ai_tool .related-tool-list { gap: 12px; }
    .single-ai_tool .related-tool-list .tool-card { width: 100%; }
    .single-ai_tool .tool-info-card div {
        grid-template-columns: minmax(92px, .9fr) minmax(0, 1.1fr);
        gap: 10px;
    }
    .single-ai_tool .tool-info-card strong {
        font-size: 11px;
        line-height: 1.45;
    }
}


/* =========================================================
   V0.8.21 — Single Tool Page Mobile + Tablet Audit
   Fixes narrow-screen density, touch targets, card rhythm,
   sticky navigation, sidebar sequencing and fixed CTA overlap.
   ========================================================= */

/* Tablet: keep the page intentional instead of a stacked desktop layout */
@media (min-width: 761px) and (max-width: 1050px) {
    .single-ai_tool .single-tool-v5 {
        padding: 32px 0 34px;
    }

    .single-ai_tool .tool-glance-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 22px;
    }

    .single-ai_tool .tool-glance-item {
        padding: 12px;
        gap: 8px;
    }

    .single-ai_tool .tool-glance-item strong {
        font-size: 11px;
    }

    .single-ai_tool .tool-anchor-nav {
        top: 68px;
        margin: 0;
        padding-bottom: 9px;
    }

    .single-ai_tool .tool-anchor-nav a {
        padding: 10px 12px;
        font-size: 11px;
    }

    .single-ai_tool .tool-content-v5 {
        padding-top: 18px;
    }

    .single-ai_tool .tool-block {
        padding: 30px 0;
    }

    .single-ai_tool .tool-block h2 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    /* Summary is easier to scan when its supporting chips form a clean row */
    .single-ai_tool .quick-answer-fit {
        align-items: center;
    }

    /* Sidebar is a deliberate information grid on tablet */
    .single-ai_tool .single-tool-sidebar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin-top: 6px;
    }

    .single-ai_tool .single-tool-sidebar > * {
        min-width: 0;
        margin: 0;
    }

    .single-ai_tool .tool-info-card,
    .single-ai_tool .tool-sources-card,
    .single-ai_tool .share-tool-card,
    .single-ai_tool .rating-summary-card {
        height: 100%;
        box-sizing: border-box;
    }

    .single-ai_tool .submit-mini-cta {
        grid-column: 1 / -1;
    }

    .single-ai_tool .tool-info-card div {
        grid-template-columns: minmax(86px, .9fr) minmax(0, 1.1fr);
        gap: 10px;
    }

    .single-ai_tool .tool-info-card strong {
        font-size: 11px;
    }

    .single-ai_tool .related-tools-layout {
        padding-top: 22px;
    }
}

/* Large phones / small tablets */
@media (min-width: 481px) and (max-width: 760px) {
    .single-ai_tool .single-tool-v5 {
        padding: 28px 0 30px;
    }

    .single-ai_tool .tool-glance-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 20px;
        padding-top: 18px;
    }

    .single-ai_tool .single-tool-sidebar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .single-ai_tool .single-tool-sidebar > * {
        min-width: 0;
        margin: 0;
    }

    .single-ai_tool .submit-mini-cta {
        grid-column: 1 / -1;
    }

    .single-ai_tool .tool-sources-card,
    .single-ai_tool .share-tool-card {
        grid-column: span 1;
    }

    .single-ai_tool .rating-summary-card,
    .single-ai_tool .tool-info-card {
        height: 100%;
    }

    .single-ai_tool .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .single-ai_tool .feature-item {
        padding: 13px;
    }

    .single-ai_tool .feature-item > span {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }
}

/* Phone-first layout: prioritise readability over dense desktop patterns */
@media (max-width: 480px) {
    .single-ai_tool .single-tool-v5 {
        padding: 22px 0 26px;
    }

    .single-ai_tool .tool-breadcrumb {
        margin-bottom: 18px;
        font-size: 10px;
        gap: 6px;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }

    .single-ai_tool .tool-breadcrumb::-webkit-scrollbar {
        display: none;
    }

    .single-ai_tool .premium-tool-head {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
    }

    .single-ai_tool .single-tool-logo {
        width: 58px;
        height: 58px;
        font-size: 23px;
        border-radius: 13px;
    }

    .single-ai_tool .tool-title-line {
        gap: 6px;
        align-items: flex-start;
    }

    .single-ai_tool .tool-title-line h1 {
        font-size: 26px;
        line-height: 1.12;
        overflow-wrap: anywhere;
    }

    .single-ai_tool .verified {
        flex: 0 0 auto;
        margin-top: 3px;
    }

    .single-ai_tool .single-tool-tags,
    .single-ai_tool .tool-rating-line {
        font-size: 10px;
        line-height: 1.45;
        flex-wrap: wrap;
        gap: 5px;
        margin: 5px 0;
    }

    .single-ai_tool .tool-head-content p {
        font-size: 12px;
        line-height: 1.6;
        margin-top: 7px;
    }

    .single-ai_tool .tool-head-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
        gap: 8px;
        width: 100%;
        margin-top: 4px;
    }

    .single-ai_tool .tool-head-actions .btn,
    .single-ai_tool .tool-head-actions .favorite-btn {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: 10px 8px;
        font-size: 11px;
        white-space: nowrap;
    }

    /* Four facts remain scannable without becoming tiny */
    .single-ai_tool .tool-glance-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 18px;
        padding-top: 16px;
    }

    .single-ai_tool .tool-glance-item {
        padding: 10px;
        gap: 8px;
        border-radius: 11px;
    }

    .single-ai_tool .tool-glance-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        border-radius: 8px;
        font-size: 11px;
    }

    .single-ai_tool .tool-glance-item small {
        font-size: 8px;
        letter-spacing: .04em;
    }

    .single-ai_tool .tool-glance-item strong {
        font-size: 10px;
        line-height: 1.35;
    }

    .single-ai_tool .tool-page-section {
        padding-bottom: 92px;
    }

    .single-ai_tool .tool-content-v5 {
        padding-top: 12px;
    }

    /* Sticky nav should feel like a compact horizontal tab rail */
    .single-ai_tool .tool-anchor-nav {
        top: 64px;
        margin-left: -14px;
        margin-right: -14px;
        padding: 7px 14px 8px;
        gap: 5px;
        background: rgba(255,255,255,.97);
        box-shadow: 0 8px 18px rgba(24,30,55,.045);
        -webkit-overflow-scrolling: touch;
    }

    .single-ai_tool .tool-anchor-nav a {
        flex: 0 0 auto;
        padding: 8px 10px;
        font-size: 10px;
        min-height: 34px;
        display: inline-flex;
        align-items: center;
    }

    .single-ai_tool .tool-block {
        padding: 26px 0;
    }

    .single-ai_tool .tool-block h2 {
        font-size: 21px;
        line-height: 1.25;
        margin-bottom: 14px;
        padding-bottom: 8px;
    }

    .single-ai_tool .tool-block h2:after {
        width: 28px;
        height: 2px;
    }

    /* Quick answer: avoid the cramped label + chip layout */
    .single-ai_tool .tool-quick-answer {
        padding: 16px;
        margin-top: 14px;
        border-radius: 13px;
    }

    .single-ai_tool .quick-answer-label {
        margin-bottom: 8px;
        font-size: 9px;
    }

    .single-ai_tool .tool-quick-answer p {
        font-size: 13px;
        line-height: 1.65;
    }

    .single-ai_tool .quick-answer-fit {
        display: block;
        margin: 14px 0 12px;
        padding-top: 12px;
    }

    .single-ai_tool .quick-answer-fit > strong {
        display: block;
        padding-top: 0;
        margin-bottom: 8px;
        font-size: 10px;
    }

    .single-ai_tool .quick-answer-fit > div {
        gap: 6px;
    }

    .single-ai_tool .quick-answer-fit span {
        font-size: 9px;
        padding: 5px 7px;
    }

    /* Feature cards become comfortable one-column rows on phones */
    .single-ai_tool .feature-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }

    .single-ai_tool .feature-item {
        padding: 12px;
        gap: 10px;
        border-radius: 11px;
    }

    .single-ai_tool .feature-item > span {
        width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;
        font-size: 11px;
    }

    .single-ai_tool .feature-item h3 {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .single-ai_tool .feature-item p {
        font-size: 9px;
        line-height: 1.45;
    }

    .single-ai_tool .check-list {
        gap: 9px;
    }

    .single-ai_tool .check-list li {
        font-size: 12px;
        line-height: 1.5;
    }

    .single-ai_tool .check-list li:before {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
        margin-right: 7px;
        font-size: 9px;
    }

    .single-ai_tool .pros-cons-grid {
        gap: 10px;
    }

    .single-ai_tool .pros-box,
    .single-ai_tool .cons-box {
        padding: 14px;
        border-radius: 11px;
    }

    .single-ai_tool .pros-box h3,
    .single-ai_tool .cons-box h3 {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .single-ai_tool .pros-cons-grid ul {
        padding-left: 15px;
        font-size: 10px;
        line-height: 1.45;
    }

    .single-ai_tool .pros-cons-grid li {
        margin: 5px 0;
    }

    /* FAQs get larger touch targets */
    .single-ai_tool .tool-faq-list details {
        border-radius: 10px;
    }

    .single-ai_tool .tool-faq-list summary {
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 10px 12px;
        font-size: 11px;
        line-height: 1.35;
    }

    .single-ai_tool .tool-faq-list p {
        padding: 0 12px 12px;
        font-size: 11px;
        line-height: 1.55;
    }

    /* Topic entities: label stacks above tags instead of squeezing horizontally */
    .single-ai_tool .entity-groups {
        gap: 12px;
    }

    .single-ai_tool .entity-group {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .single-ai_tool .entity-group > strong {
        padding-top: 0;
        font-size: 10px;
    }

    .single-ai_tool .entity-group > div {
        gap: 6px;
    }

    .single-ai_tool .entity-group a {
        padding: 5px 8px;
        font-size: 9px;
    }

    /* Sidebar becomes a clean sequence with consistent spacing */
    .single-ai_tool .single-tool-sidebar {
        display: block;
        margin-top: 0;
    }

    .single-ai_tool .single-tool-sidebar > * {
        margin-bottom: 12px;
    }

    .single-ai_tool .rating-summary-card,
    .single-ai_tool .tool-info-card,
    .single-ai_tool .tool-sources-card,
    .single-ai_tool .share-tool-card,
    .single-ai_tool .submit-mini-cta {
        border-radius: 12px;
    }

    .single-ai_tool .rating-summary-card {
        padding: 15px;
        gap: 10px;
    }

    .single-ai_tool .rating-summary-card > strong {
        font-size: 26px;
    }

    .single-ai_tool .tool-info-card {
        padding: 14px;
    }

    .single-ai_tool .tool-info-card h3,
    .single-ai_tool .tool-sources-card h3,
    .single-ai_tool .share-tool-card h3 {
        font-size: 13px;
    }

    .single-ai_tool .tool-info-card div {
        grid-template-columns: minmax(78px, .85fr) minmax(0, 1.15fr);
        gap: 8px;
        padding: 9px 0;
    }

    .single-ai_tool .tool-info-card span,
    .single-ai_tool .tool-info-card strong {
        font-size: 9px;
        line-height: 1.4;
    }

    .single-ai_tool .tool-sources-card {
        padding: 14px;
    }

    .single-ai_tool .tool-sources-card p,
    .single-ai_tool .tool-sources-card li a,
    .single-ai_tool .tool-sources-card small {
        font-size: 9px;
    }

    .single-ai_tool .share-tool-card {
        padding: 14px;
    }

    .single-ai_tool .share-tool-card button {
        width: 34px;
        height: 34px;
    }

    .single-ai_tool .submit-mini-cta {
        padding: 17px;
    }

    .single-ai_tool .submit-mini-cta h3 {
        font-size: 16px;
        line-height: 1.3;
    }

    .single-ai_tool .submit-mini-cta .btn {
        min-height: 40px;
        font-size: 11px;
    }

    .single-ai_tool .related-tools-layout {
        padding-top: 18px;
        padding-bottom: 12px;
    }

    .single-ai_tool .block-heading-row {
        gap: 12px;
    }

    .single-ai_tool .block-heading-row h2 {
        margin-bottom: 0;
    }

    .single-ai_tool .related-tool-list {
        margin-top: 14px;
    }

    /* Fixed bottom CTA must not hide page content */
    .mobile-visit-cta {
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
        box-shadow: 0 -8px 24px rgba(24,30,55,.10);
    }

    .mobile-visit-cta .btn {
        min-height: 44px;
        border-radius: 10px;
    }
}

/* Extra-small devices: prevent any horizontal squeeze or clipped text */
@media (max-width: 360px) {
    .single-ai_tool .tool-head-actions {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .tool-glance-strip {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .tool-glance-item strong {
        white-space: normal;
    }

    .single-ai_tool .tool-info-card div {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .single-ai_tool .tool-info-card strong {
        text-align: left;
    }
}


/* =========================================================
   V0.8.22 — Tablet Sidebar Card Balance
   Keeps tablet information cards naturally sized instead of
   stretching short cards to match taller neighbours.
   ========================================================= */
@media (min-width: 761px) and (max-width: 1050px) {
    .single-ai_tool .single-tool-sidebar {
        align-items: start;
        grid-auto-rows: auto;
    }

    /* Do not force equal-height cards: this created large blank areas. */
    .single-ai_tool .single-tool-sidebar > *,
    .single-ai_tool .tool-info-card,
    .single-ai_tool .tool-sources-card,
    .single-ai_tool .share-tool-card,
    .single-ai_tool .rating-summary-card {
        height: auto;
        min-height: 0;
        align-self: start;
    }

    /* Rating card should remain compact and action-focused. */
    .single-ai_tool .rating-summary-card {
        padding: 18px;
        gap: 11px;
        align-content: start;
    }

    .single-ai_tool .rating-summary-card > strong {
        font-size: 30px;
        line-height: 1;
    }

    .single-ai_tool .rating-summary-card .btn {
        margin-top: 2px;
    }

    /* Keep metadata readable without over-expanding the card. */
    .single-ai_tool .tool-info-card {
        padding: 16px;
    }

    .single-ai_tool .tool-info-card div {
        min-height: 0;
        padding: 9px 0;
    }

    /* Compact utility cards preserve a cleaner second row. */
    .single-ai_tool .tool-sources-card,
    .single-ai_tool .share-tool-card {
        padding: 16px;
    }

    .single-ai_tool .share-tool-card div {
        flex-wrap: wrap;
    }
}

/* 601–760px bridge: avoid inheriting awkward desktop-like card stretching. */
@media (min-width: 601px) and (max-width: 760px) {
    .single-ai_tool .single-tool-sidebar {
        align-items: start;
    }

    .single-ai_tool .single-tool-sidebar > *,
    .single-ai_tool .rating-summary-card,
    .single-ai_tool .tool-info-card,
    .single-ai_tool .tool-sources-card,
    .single-ai_tool .share-tool-card {
        height: auto;
        min-height: 0;
        align-self: start;
    }

    .single-ai_tool .tool-info-card div {
        padding: 8px 0;
    }
}


/* =========================================================
   V0.8.23 — Quick Answer + duplicate overview heading fix
   ========================================================= */
/* The Quick Answer card is a self-contained card, not a normal content block.
   Keep its spacing compact on tablet and prevent inherited block padding/borders
   from making the card feel excessively tall. */
@media (min-width: 761px) and (max-width: 1050px) {
    .single-ai_tool .tool-quick-answer {
        padding: 20px 22px;
        margin: 20px 0 0;
        border-bottom: 1px solid #e7defd;
    }
    .single-ai_tool .tool-quick-answer h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .single-ai_tool .tool-quick-answer p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    .single-ai_tool .quick-answer-fit {
        display: block;
        margin: 12px 0 10px;
        padding-top: 10px;
    }
    .single-ai_tool .quick-answer-fit > strong {
        display: block;
        padding-top: 0;
        margin-bottom: 7px;
    }
    .single-ai_tool .quick-answer-fit > div {
        gap: 6px;
    }
}

/* =========================================================
   V0.8.24 — Full responsive audit: single tool page
   Prevents fixed CTA overlap and tight-screen clipping across
   phone, small-tablet and tablet breakpoints.
   ========================================================= */

/* Universal safety: no component may create horizontal overflow. */
.single-ai_tool,
.single-ai_tool .single-tool-layout-v5,
.single-ai_tool .tool-content-v5,
.single-ai_tool .single-tool-sidebar,
.single-ai_tool .tool-block,
.single-ai_tool .tool-quick-answer,
.single-ai_tool .feature-grid,
.single-ai_tool .pros-cons-grid,
.single-ai_tool .entity-groups,
.single-ai_tool .related-tool-list {
    min-width: 0;
}

.single-ai_tool .tool-head-actions,
.single-ai_tool .tool-glance-strip,
.single-ai_tool .quick-answer-fit > div,
.single-ai_tool .entity-group > div,
.single-ai_tool .share-tool-card > div {
    min-width: 0;
}

/* Tablet: preserve a balanced information grid without clipping text. */
@media (min-width: 761px) and (max-width: 1050px) {
    .single-ai_tool .single-tool-v5 .aith-container,
    .single-ai_tool .tool-page-section .aith-container {
        padding-left: 22px;
        padding-right: 22px;
    }

    .single-ai_tool .premium-tool-head {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 16px;
    }

    .single-ai_tool .tool-head-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        width: 100%;
    }

    .single-ai_tool .tool-head-actions .btn,
    .single-ai_tool .tool-head-actions .favorite-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }

    .single-ai_tool .tool-glance-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .single-ai_tool .tool-glance-item {
        min-width: 0;
    }

    .single-ai_tool .tool-glance-item strong {
        overflow-wrap: anywhere;
    }

    .single-ai_tool .quick-answer-fit > div {
        flex-wrap: wrap;
    }

    .single-ai_tool .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Small tablets: avoid the awkward desktop-to-mobile transition. */
@media (min-width: 601px) and (max-width: 760px) {
    .single-ai_tool .tool-glance-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .single-ai_tool .premium-tool-head {
        grid-template-columns: 74px minmax(0, 1fr);
    }

    .single-ai_tool .tool-head-actions {
        grid-column: 1 / -1;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .single-ai_tool .tool-head-actions .btn,
    .single-ai_tool .tool-head-actions .favorite-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }

    .single-ai_tool .tool-anchor-nav {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .single-ai_tool .tool-anchor-nav::-webkit-scrollbar { display: none; }
}

/* Phone: conversion CTA floats above content; site-footer reserves clearance for it (see main.css). */
@media (max-width: 600px) {
    .single-ai_tool .single-tool-v5 .aith-container,
    .single-ai_tool .tool-page-section .aith-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .single-ai_tool .premium-tool-head {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 12px;
    }

    .single-ai_tool .single-tool-logo {
        width: 58px;
        height: 58px;
        border-radius: 15px;
    }

    .single-ai_tool .tool-title-line {
        align-items: flex-start;
    }

    .single-ai_tool .tool-title-line h1 {
        font-size: clamp(23px, 7vw, 29px);
        overflow-wrap: anywhere;
    }

    .single-ai_tool .tool-rating-line,
    .single-ai_tool .single-tool-tags {
        overflow-wrap: anywhere;
    }

    .single-ai_tool .tool-head-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px;
    }

    .single-ai_tool .tool-head-actions .btn,
    .single-ai_tool .tool-head-actions .favorite-btn {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding: 9px 8px;
        justify-content: center;
        font-size: 11px;
        white-space: nowrap;
    }

    .single-ai_tool .tool-glance-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .single-ai_tool .tool-glance-item {
        min-width: 0;
        padding: 10px;
    }

    .single-ai_tool .tool-glance-item strong {
        overflow-wrap: anywhere;
        font-size: 10px;
    }

    .single-ai_tool .tool-anchor-nav {
        margin-left: -14px;
        margin-right: -14px;
        padding-left: 14px;
        padding-right: 14px;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    .single-ai_tool .tool-anchor-nav::-webkit-scrollbar { display: none; }

    .single-ai_tool .tool-quick-answer {
        padding: 17px 16px;
        margin-top: 16px;
        border-radius: 14px;
    }

    .single-ai_tool .tool-quick-answer h2 {
        font-size: 21px;
        line-height: 1.25;
    }

    .single-ai_tool .quick-answer-fit {
        display: block;
        margin-top: 12px;
    }

    .single-ai_tool .quick-answer-fit > strong {
        display: block;
        margin-bottom: 8px;
    }

    .single-ai_tool .quick-answer-fit > div {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .single-ai_tool .quick-answer-fit span {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .single-ai_tool .feature-grid,
    .single-ai_tool .pros-cons-grid,
    .single-ai_tool .related-tool-list {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .feature-item {
        min-width: 0;
        padding: 13px;
    }

    .single-ai_tool .feature-item > span {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
    }

    .single-ai_tool .feature-item h3,
    .single-ai_tool .feature-item p {
        overflow-wrap: anywhere;
    }

    .single-ai_tool .tool-info-card div {
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
        gap: 8px;
    }

    .single-ai_tool .tool-info-card span,
    .single-ai_tool .tool-info-card strong {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .single-ai_tool .tool-info-card strong {
        text-align: right;
    }

    .single-ai_tool .tool-sources-card,
    .single-ai_tool .share-tool-card,
    .single-ai_tool .submit-mini-cta,
    .single-ai_tool .rating-summary-card {
        overflow: hidden;
    }

    .single-ai_tool .entity-group {
        display: block;
    }

    .single-ai_tool .entity-group > strong {
        display: block;
        margin-bottom: 7px;
    }

    .single-ai_tool .entity-group a {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .single-ai_tool .block-heading-row {
        gap: 10px;
    }

    .single-ai_tool .block-heading-row h2 {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

/* Very narrow phones: stack hero actions rather than forcing clipped buttons. */
@media (max-width: 360px) {
    .single-ai_tool .premium-tool-head {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .single-ai_tool .single-tool-logo {
        width: 52px;
        height: 52px;
    }

    .single-ai_tool .tool-head-actions {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .tool-glance-strip {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .tool-info-card div {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .single-ai_tool .tool-info-card strong {
        text-align: left;
    }
}

/* =========================================================
   V0.8.27 — Taxonomy archive responsive + scroll stability audit
   Applies to Industry, Platform, Integration, AI Model, Job and Task pages.
   These pages use an explorer (not the AJAX filter drawer), so they must never
   inherit the fixed/off-canvas directory sidebar behaviour on touch breakpoints.
   ========================================================= */

/* Prevent taxonomy pages from inheriting scroll-lock state from a stale drawer. */
body.taxonomy-tool_industry,
body.taxonomy-tool_platform_type,
body.taxonomy-tool_integration,
body.taxonomy-tool_ai_model,
body.taxonomy-tool_job,
body.taxonomy-tool_task {
    overflow-x: clip;
}

.taxonomy-discovery-main,
.taxonomy-discovery-main .aith-container,
.taxonomy-archive-layout,
.taxonomy-explorer-sidebar,
.taxonomy-explorer-sidebar *,
.taxonomy-hero-shell,
.taxonomy-hero-copy,
.taxonomy-toolbar,
.taxonomy-toolbar .toolbar-results,
.taxonomy-info-block,
.taxonomy-related-block,
.taxonomy-usecase-grid,
.taxonomy-usecase-grid > div,
.taxonomy-related-chips,
.taxonomy-related-chips a {
    min-width: 0;
}

.taxonomy-premium-hero {
    overflow: hidden;
}

.taxonomy-hero-copy h1,
.taxonomy-hero-copy p,
.taxonomy-toolbar h2,
.taxonomy-info-block h2,
.taxonomy-related-block h2,
.taxonomy-usecase-grid strong,
.taxonomy-usecase-grid small,
.taxonomy-related-chips a {
    overflow-wrap: anywhere;
    word-break: normal;
}

.taxonomy-hero-meta a,
.taxonomy-hero-meta span {
    white-space: normal;
    text-align: center;
}

/* Explorer is a normal page component on tablet/mobile — never a fixed drawer. */
@media (max-width: 1100px) {
    .taxonomy-archive-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
    }

    .taxonomy-discovery-main .taxonomy-explorer-sidebar.directory-sidebar,
    .taxonomy-explorer-sidebar.directory-sidebar {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        display: block !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        overflow: visible !important;
        padding: 0 !important;
        border-radius: 14px !important;
        box-shadow: 0 8px 26px rgba(28,32,60,.035) !important;
        isolation: auto !important;
        touch-action: pan-y !important;
        overscroll-behavior: auto !important;
    }

    .taxonomy-explorer-sidebar .filter-sidebar-head {
        padding: 15px 16px 12px !important;
    }

    .taxonomy-side-search {
        margin: 10px 14px !important;
    }

    .taxonomy-term-list {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 7px !important;
        max-height: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 14px 12px !important;
        margin: 0 !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;
    }

    .taxonomy-term-list::-webkit-scrollbar { display: none; }

    .taxonomy-term-list a {
        flex: 0 0 auto !important;
        min-height: 38px;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .taxonomy-sidebar-all { display: none !important; }

    .taxonomy-toolbar {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 0 16px !important;
    }

    .taxonomy-toolbar .toolbar-results {
        display: block !important;
        min-width: 0;
    }

    .taxonomy-toolbar-note {
        flex: 0 0 auto;
        max-width: min(42%, 250px);
        white-space: normal !important;
        text-align: center;
        line-height: 1.35;
    }

    .taxonomy-tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .taxonomy-info-block {
        margin-top: 34px !important;
    }
}

/* Mid-size tablets need a deliberate composition instead of a squeezed desktop. */
@media (min-width: 651px) and (max-width: 1100px) {
    .taxonomy-premium-hero { padding: 46px 0 42px; }
    .taxonomy-hero-shell { max-width: 760px; gap: 16px; }
    .taxonomy-hero-copy h1 { font-size: clamp(34px, 6vw, 48px); }
    .taxonomy-hero-copy p { max-width: 680px; }
    .taxonomy-usecase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .taxonomy-usecase-grid > div:last-child { grid-column: 1 / -1; }
}

/* Phones: simplify hierarchy and ensure every touch target remains reachable. */
@media (max-width: 650px) {
    .taxonomy-premium-hero {
        padding: 34px 0 30px !important;
    }

    .taxonomy-hero-shell {
        display: block !important;
    }

    .taxonomy-hero-icon-wrap {
        padding-top: 0 !important;
        margin-bottom: 11px;
    }

    .taxonomy-hero-icon-wrap .aith-discovery-icon {
        width: 44px;
        height: 44px;
        border-radius: 13px;
        font-size: 19px;
    }

    .taxonomy-hero-copy .eyebrow {
        font-size: 9px;
        margin-bottom: 7px;
    }

    .taxonomy-hero-copy h1 {
        font-size: clamp(28px, 9vw, 36px) !important;
        line-height: 1.12 !important;
        letter-spacing: -.035em;
        margin-bottom: 9px !important;
    }

    .taxonomy-hero-copy p {
        font-size: 13px !important;
        line-height: 1.62 !important;
        margin-bottom: 0;
    }

    .taxonomy-hero-meta {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px !important;
        margin-top: 14px !important;
    }

    .taxonomy-hero-meta span,
    .taxonomy-hero-meta a {
        justify-content: center;
        min-height: 34px !important;
        padding: 6px 8px !important;
        font-size: 10px !important;
    }

    .taxonomy-hero-meta span:nth-child(2) { grid-column: 1 / -1; }

    .taxonomy-discovery-main {
        padding-top: 20px !important;
        padding-bottom: 42px !important;
    }

    .taxonomy-explorer-sidebar.directory-sidebar {
        border-radius: 13px !important;
    }

    .taxonomy-explorer-sidebar .filter-sidebar-head {
        padding: 13px 14px 10px !important;
    }

    .taxonomy-explorer-sidebar .filter-sidebar-head h3 {
        font-size: 14px !important;
    }

    .taxonomy-side-search {
        height: 38px !important;
        margin: 9px 12px !important;
    }

    .taxonomy-term-list {
        gap: 6px !important;
        padding: 0 12px 11px !important;
    }

    .taxonomy-term-list a {
        min-height: 36px;
        padding: 7px 9px !important;
        font-size: 10px !important;
    }

    .taxonomy-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 9px !important;
        padding-bottom: 13px !important;
    }

    .taxonomy-toolbar .toolbar-results h2 {
        font-size: 18px !important;
        line-height: 1.35;
    }

    .taxonomy-toolbar-note {
        align-self: flex-start;
        max-width: 100%;
        font-size: 9px !important;
    }

    .taxonomy-tool-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .taxonomy-info-block {
        margin-top: 28px !important;
        padding: 18px 15px !important;
        border-radius: 14px !important;
    }

    .taxonomy-info-block h2,
    .taxonomy-related-block h2 {
        font-size: 20px !important;
        line-height: 1.3;
    }

    .taxonomy-info-block > p {
        font-size: 12px !important;
        line-height: 1.65 !important;
    }

    .taxonomy-usecase-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        margin-top: 16px !important;
    }

    .taxonomy-usecase-grid > div,
    .taxonomy-usecase-grid > div:last-child {
        grid-column: auto !important;
        padding: 13px !important;
    }

    .taxonomy-related-block {
        margin-top: 28px !important;
        padding-top: 22px !important;
    }

    .taxonomy-related-block .block-heading-row {
        display: block !important;
    }

    .taxonomy-related-block .block-heading-row > a {
        display: inline-flex;
        margin-top: 8px;
        min-height: 32px;
        align-items: center;
    }

    .taxonomy-related-chips {
        gap: 7px !important;
    }

    .taxonomy-related-chips a {
        max-width: 100%;
        font-size: 10px !important;
        line-height: 1.3;
    }
}

@media (max-width: 380px) {
    .taxonomy-hero-meta { grid-template-columns: minmax(0, 1fr) !important; }
    .taxonomy-hero-meta span:nth-child(2) { grid-column: auto; }
    .taxonomy-hero-meta span,
    .taxonomy-hero-meta a { width: 100%; }
}

/* V0.9.18 — responsive navigation and homepage refinement */
@media (max-width: 980px) {
    .mobile-nav-actions { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .mobile-nav-actions { grid-template-columns: 1fr; }
    .header-search-link { display: none; }
    .trending-tools-section { padding-top: 44px; padding-bottom: 44px; }
}

/* =========================================================
   V0.9.21 — Compare responsive hardening
   Dedicated responsive layer for the redesigned Compare hub/detail pages.
   Keeps long tool names, controls, cards and comparison data inside the
   viewport at common phone/tablet widths without horizontal page overflow.
   ========================================================= */
.compare-hub-page,
.compare-page { overflow-x: clip; }

.compare-hub-page .aith-container,
.compare-page .aith-container { min-width: 0; }

.compare-hub-hero-copy,
.compare-builder,
.compare-builder-header,
.compare-select-card,
.compare-hub-section-head,
.compare-pair-card,
.compare-detail-title-block,
.compare-tool-identity,
.compare-summary-card,
.compare-detail-card,
.compare-choice-card,
.compare-final-cta { min-width: 0; }

.compare-hub-hero h1,
.compare-detail-title-block h1,
.compare-pair-tool strong,
.compare-tool-identity strong,
.compare-table-tool,
.compare-mobile-tool-name,
.compare-mobile-spec strong { overflow-wrap: anywhere; word-break: break-word; }

.compare-builder-submit { max-width: 100%; }
.compare-select-card select { min-width: 0; max-width: 100%; }

@media (min-width: 769px) and (max-width: 1050px) {
    .compare-hub-hero { padding: 58px 0 44px; }
    .compare-hub-hero h1 { font-size: clamp(38px, 5.8vw, 52px); }
    .compare-hub-hero-copy p { max-width: 700px; font-size: 15px; }
    .compare-builder { padding: 22px; margin-top: 28px; }
    .compare-select-grid { grid-template-columns: minmax(0,1fr) 44px minmax(0,1fr); gap: 10px; }
    .compare-select-card { padding: 15px; }
    .compare-select-card select { font-size: 14px; }
    .compare-pair-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
    .compare-detail-title-block h1 { font-size: clamp(34px, 4.8vw, 48px); }
    .compare-tool-pair { grid-template-columns: minmax(0,1fr) 46px minmax(0,1fr); gap: 10px; }
    .compare-tool-identity { grid-template-columns: 48px minmax(0,1fr) 20px; gap: 10px; padding: 12px; }
    .compare-tool-logo { width: 48px; height: 48px; }
    .compare-tool-logo img { width: 34px; height: 34px; }
    .compare-vs-badge { width: 44px; height: 44px; }
    .compare-table { min-width: 680px; }
}

@media (max-width: 768px) {
    .compare-hub-hero { padding: 38px 0 28px; }
    .compare-hub-hero h1 { font-size: clamp(32px, 9vw, 42px); line-height: 1.08; letter-spacing: -.035em; }
    .compare-hub-hero-copy p { font-size: 13px; line-height: 1.65; }
    .compare-builder { margin-top: 22px; padding: 16px; }
    .compare-builder-header { flex-direction: column; gap: 9px; }
    .compare-builder-step { align-self: flex-start; }
    .compare-builder h2 { font-size: 17px; line-height: 1.35; }
    .compare-select-grid { grid-template-columns: minmax(0,1fr); gap: 7px; }
    .compare-builder-vs { height: 24px; }
    .compare-builder-vs span { width: 28px; height: 28px; }
    .compare-select-card { padding: 14px; }
    .compare-select-card select { font-size: 14px; line-height: 1.3; }
    .compare-builder-submit { width: 100%; margin-top: 12px; }
    .compare-builder-note { font-size: 10px; line-height: 1.5; }

    .compare-value-strip { margin-left: 0; margin-right: 0; }
    .compare-value-strip > div { min-width: 0; padding: 13px 12px; }
    .compare-value-strip strong { min-width: 0; }
    .compare-hub-section-head h2 { line-height: 1.25; }
    .compare-hub-section-head .compare-text-link { align-self: flex-start; }

    .compare-pair-grid { grid-template-columns: minmax(0,1fr); gap: 11px; }
    .compare-pair-card { padding: 15px; }
    .compare-pair-tools { grid-template-columns: minmax(0,1fr) 34px minmax(0,1fr); gap: 5px; }
    .compare-pair-tool { min-width: 0; }
    .compare-pair-tool strong { width: 100%; font-size: 11px; }
    .compare-pair-action { font-size: 11px; }

    .compare-detail-hero { padding: 14px 0 22px; }
    .compare-breadcrumb { max-width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; }
    .compare-breadcrumb::-webkit-scrollbar { display: none; }
    .compare-detail-heading { min-width: 0; }
    .compare-detail-title-block { width: 100%; }
    .compare-detail-title-block h1 { font-size: clamp(29px, 8.5vw, 38px); line-height: 1.08; letter-spacing: -.035em; }
    .compare-detail-title-block p { font-size: 12px; line-height: 1.6; }
    .compare-change-link { width: 100%; justify-content: center; min-height: 42px; }

    .compare-tool-pair { grid-template-columns: minmax(0,1fr); gap: 6px; margin-top: 18px; }
    .compare-tool-identity { grid-template-columns: 44px minmax(0,1fr) 18px; gap: 10px; padding: 11px; width: 100%; }
    .compare-tool-logo { width: 44px; height: 44px; }
    .compare-tool-logo img { width: 30px; height: 30px; }
    .compare-tool-identity strong { font-size: 13px; line-height: 1.25; }
    .compare-tool-identity small { font-size: 8px; }
    .compare-vs-badge { width: 30px; height: 30px; font-size: 8px; justify-self: center; box-shadow: none; }

    .compare-content { padding: 20px 0 48px; }
    .compare-summary-card { grid-template-columns: 34px minmax(0,1fr); padding: 15px; gap: 10px; }
    .compare-summary-icon { width: 34px; height: 34px; border-radius: 10px; }
    .compare-summary-card h2 { font-size: 17px; line-height: 1.3; }
    .compare-summary-card p { font-size: 11px; line-height: 1.6; }
    .compare-section-heading { margin: 26px 0 11px; }
    .compare-section-heading h2 { font-size: 20px; }
    .compare-section-heading p { font-size: 10px; line-height: 1.5; }

    .compare-mobile-spec { min-width: 0; padding: 12px; }
    .compare-mobile-spec h3 { font-size: 10px; }
    .compare-mobile-spec > div { gap: 10px; }
    .compare-mobile-tool-name { max-width: 42%; font-size: 10px; }
    .compare-mobile-spec strong { max-width: 58%; font-size: 10px; line-height: 1.45; }
    .compare-detail-grid, .compare-choice-grid { min-width: 0; }
    .compare-detail-card, .compare-choice-card { min-width: 0; padding: 15px; }
    .compare-detail-card li { overflow-wrap: anywhere; }
    .compare-choice-card p { min-height: 0; }
    .compare-final-cta { min-width: 0; }
}

@media (max-width: 380px) {
    .compare-hub-page .aith-container,
    .compare-page .aith-container { width: calc(100% - 24px); }
    .compare-hub-hero h1 { font-size: 30px; }
    .compare-builder { padding: 13px; border-radius: 15px; }
    .compare-select-card { padding: 12px; }
    .compare-select-card select { font-size: 13px; }
    .compare-detail-title-block h1 { font-size: 27px; }
    .compare-tool-identity { grid-template-columns: 40px minmax(0,1fr) 16px; gap: 8px; padding: 9px; }
    .compare-tool-logo { width: 40px; height: 40px; }
    .compare-tool-logo img { width: 27px; height: 27px; }
    .compare-tool-identity strong { font-size: 12px; }
    .compare-summary-card { grid-template-columns: 30px minmax(0,1fr); padding: 13px; }
    .compare-summary-icon { width: 30px; height: 30px; }
    .compare-summary-card h2 { font-size: 16px; }
}

/* V0.9.21 — Compare mobile alignment polish */
.compare-card-tool-head {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    min-width: 0;
}
.compare-card-tool-head > img,
.compare-card-tool-head > .aith-logo-fallback {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    object-fit: contain;
    border-radius: 9px;
}
.compare-card-tool-head > .aith-logo-fallback {
    background: linear-gradient(135deg,var(--primary),var(--accent));
    color: #fff;
    font-weight: 800;
    line-height: 1;
}
.compare-card-tool-head h2 {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.compare-table-tool > .aith-logo-fallback {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border: 1px solid #e8ebf0;
    border-radius: 8px;
    background: linear-gradient(135deg,var(--primary),var(--accent));
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}
@media (max-width: 768px) {
    .compare-card-tool-head {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        width: 100%;
    }
    .compare-card-tool-head > img,
    .compare-card-tool-head > .aith-logo-fallback {
        width: 34px;
        height: 34px;
        min-width: 34px;
        min-height: 34px;
        flex-basis: 34px;
        border-radius: 8px;
    }
    .compare-card-tool-head h2 {
        font-size: 15px;
        line-height: 1.25;
        margin: 0;
        min-width: 0;
        max-width: 100%;
    }
}

/* V0.9.22 — Compare Hub hero alignment polish
   Keep the hero copy on the same visual center axis as the comparison builder. */
.compare-hub-hero-copy{
    width:100%;
    max-width:900px;
    margin-inline:auto;
    text-align:center;
}
.compare-hub-hero-copy p{
    margin-inline:auto;
}
.compare-hub-hero h1,
.compare-hub-hero .compare-eyebrow{
    margin-inline:auto;
}
@media (max-width: 768px){
    .compare-hub-hero-copy{max-width:680px}
    .compare-hub-hero-copy p{max-width:620px}
}
@media (max-width: 480px){
    .compare-hub-hero-copy{max-width:100%}
    .compare-hub-hero h1{font-size:clamp(32px,9vw,40px)}
    .compare-hub-hero-copy p{max-width:100%}
}

/* V0.9.25 — Favorites mobile: one tool per row through tablet/mobile widths */
@media (max-width: 768px) {
    .favorites-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px;
    }

    .favorites-grid .tool-card {
        width: 100%;
        min-width: 0;
    }
}


/* =========================================================
   V0.9.27 — Mobile Responsive Hardening
   Final mobile overrides for Guest Favorites + AI Prompts.
   ========================================================= */
html, body { max-width: 100%; overflow-x: hidden; }

@media (max-width: 800px) {
    .favorites-result-group .favorites-grid,
    .favorites-result-group .prompt-grid,
    .favorites-result-group .tool-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%; max-width: 100%;
    }
    .favorites-result-group .prompt-card,
    .favorites-result-group .tool-card {
        width: 100%; min-width: 0; max-width: 100%;
    }
    .favorites-result-group .prompt-card-media,
    .favorites-result-group .prompt-card-media.has-media {
        aspect-ratio: 16 / 9 !important;
        width: 100% !important; height: auto !important;
        min-height: 0 !important; max-height: none !important;
        overflow: hidden;
    }
    .favorites-result-group .prompt-card-media img,
    .favorites-result-group .prompt-card-media video,
    .favorites-result-group .prompt-card-media.has-media img,
    .favorites-result-group .prompt-card-media.has-media video {
        width: 100% !important; height: 100% !important;
        min-height: 0 !important; max-height: none !important;
        object-fit: cover !important;
    }
    .favorites-result-group .prompt-card-body { min-width: 0; padding: 15px 16px 14px; }
    .favorites-result-group .prompt-card-rich h3,
    .favorites-result-group .prompt-card-rich p { min-width: 0; overflow-wrap: anywhere; }
    .favorites-result-group .prompt-card-footer { min-width: 0; flex-wrap: wrap; }
    .favorites-result-group .prompt-card-footer > span { min-width: 0; }
    .favorites-result-group .prompt-card-footer .prompt-card-view { max-width: 100%; }
    .favorites-tabs {
        max-width: 100%; width: 100%; justify-content: flex-start;
        overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .favorites-tabs::-webkit-scrollbar { display: none; }
    .favorites-tab { flex: 0 0 auto; }
    .favorites-toolbar { max-width: 100%; width: 100%; min-width: 0; }
}

@media (max-width: 600px) {
    .favorites-page .aith-container { width: min(var(--container), calc(100% - 24px)); min-width: 0; }
    .favorites-hero, .favorites-toolbar, .favorites-tabs, .favorites-result-group,
    .favorites-empty, .favorites-note { min-width: 0; max-width: 100%; }
    .favorites-hero h1 { font-size: clamp(32px, 9vw, 38px); overflow-wrap: anywhere; }
    .favorites-hero p { font-size: 13px; line-height: 1.65; }
    .favorites-toolbar { padding: 11px 12px; }
    .favorites-toolbar strong { min-width: 0; overflow-wrap: anywhere; }
    .favorites-clear { flex: 0 0 auto; white-space: nowrap; }
    .favorites-result-group .prompt-card-rich { border-radius: 14px; }
    .favorites-result-group .prompt-card-media-badges { top: 8px; left: 8px; right: 8px; padding-right: 34px; }
    .favorites-result-group .prompt-card-type,
    .favorites-result-group .prompt-card-model-badge {
        max-width: calc(100% - 4px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    .favorites-result-group .prompt-card-bookmark { top: 8px; right: 8px; width: 30px; height: 30px; }
    .favorites-result-group .prompt-card-rich h3 { font-size: 16px; line-height: 1.35; margin-bottom: 7px; }
    .favorites-result-group .prompt-card-rich p { font-size: 11px; line-height: 1.55; -webkit-line-clamp: 4; }
    .favorites-result-group .prompt-card-tags { max-width: 100%; overflow: hidden; }
    .favorites-result-group .prompt-card-tags span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .prompt-single-page, .prompt-single-hero, .prompt-single-body,
    .prompt-main-content, .prompt-single-sidebar,
    .prompt-hero-copy, .prompt-hero-actions, .prompt-copy-head,
    .prompt-copy-box, .prompt-side-card, .prompt-how-to, .prompt-output-media {
        min-width: 0; max-width: 100%;
    }
    .prompt-hero-actions .btn, .prompt-copy-head .btn { width: 100%; max-width: 100%; min-width: 0; }
    .prompt-download-note { display: block; max-width: 100%; overflow-wrap: anywhere; }
    .prompt-breadcrumbs {
        max-width: 100%; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap;
        white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch;
    }
    .prompt-breadcrumbs::-webkit-scrollbar { display: none; }
    .prompt-breadcrumbs > * { flex: 0 0 auto; }
    .prompt-content { max-width: 100%; overflow-x: auto; overflow-wrap: anywhere; word-break: break-word; }
    .prompt-output-media, .prompt-featured-output { max-width: 100%; min-width: 0; }
    .prompt-featured-output .prompt-output-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
    .prompt-featured-output .prompt-output-count { align-self: flex-start; }
    .prompt-output-media-grid figure, .prompt-output-media-grid img, .prompt-output-media-grid video { max-width: 100%; }
}

@media (max-width: 420px) {
    .favorites-toolbar { align-items: stretch; flex-direction: column; gap: 9px; }
    .favorites-clear { width: 100%; }
    .favorites-tabs { gap: 6px; }
    .favorites-tab { padding: 8px 12px; }
    .favorites-result-group .prompt-card-body,
    .favorites-result-group .tool-card { padding-left: 14px; padding-right: 14px; }
    .favorites-result-group .prompt-card-footer { align-items: stretch; flex-direction: column; }
    .favorites-result-group .prompt-card-footer .prompt-card-view { width: 100%; }
}

@media (max-width: 380px) {
    .favorites-page .aith-container { width: calc(100% - 20px); }
    .favorites-hero h1 { font-size: 31px; }
    .favorites-hero p { font-size: 12px; }
    .favorites-result-group .prompt-card-media,
    .favorites-result-group .prompt-card-media.has-media { aspect-ratio: 16 / 9 !important; }
    .favorites-result-group .prompt-card-body,
    .favorites-result-group .tool-card { padding: 13px; }
    .favorites-result-group .prompt-card-rich h3 { font-size: 15px; }
    .favorites-result-group .prompt-card-rich p { font-size: 10.5px; }
    .prompt-single-hero h1 { font-size: 31px; }
    .prompt-single-wrap { width: calc(100% - 20px); }
    .prompt-copy-box, .prompt-side-card, .prompt-how-to, .prompt-output-media { padding: 16px; }
}

/* V0.9.35 Reviews mobile hardening */
@media(max-width:600px){.aith-reviews-section{min-width:0}.aith-review-summary,.aith-review-form,.aith-review-item{max-width:100%;box-sizing:border-box}.aith-review-field textarea,.aith-review-field input{max-width:100%;min-width:0}.aith-review-item p{overflow-wrap:anywhere;word-break:break-word}}
/* V0.9.74 — Featured/Sponsored landing grids: one tool per row on small screens. */
@media (max-width: 767px){
  .promotion-tools-section .aith-container{min-width:0;width:min(var(--container),calc(100% - 24px));}
  .promotion-tool-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important;min-width:0!important;}
  .promotion-tool-grid > *{grid-column:1!important;min-width:0!important;width:100%!important;max-width:100%!important;}
  .promotion-tool-grid .dynamic-tool-card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;}
}
@media (max-width:480px){
  .promotion-tools-section .aith-container{width:calc(100% - 20px);}
  .promotion-tool-grid{gap:14px!important;}
}



/* V1.0.16 — Single Tool page responsive hardening. */
@media (max-width: 600px) {
    .single-ai_tool .single-tool-head,
    .single-ai_tool .single-tool-layout-v5,
    .single-ai_tool .tool-content-v5,
    .single-ai_tool .single-tool-sidebar,
    .single-ai_tool .tool-block,
    .single-ai_tool .tool-glance-strip {
        min-width: 0;
        max-width: 100%;
    }

    .single-ai_tool .tool-head-content,
    .single-ai_tool .tool-head-actions,
    .single-ai_tool .tool-rating-line,
    .single-ai_tool .single-tool-tags {
        min-width: 0;
        max-width: 100%;
    }

    .single-ai_tool .tool-head-actions {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .tool-head-actions .btn,
    .single-ai_tool .tool-head-actions .favorite-btn {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .single-ai_tool .tool-glance-item,
    .single-ai_tool .feature-item,
    .single-ai_tool .pros-box,
    .single-ai_tool .cons-box,
    .single-ai_tool .rating-summary-card,
    .single-ai_tool .tool-info-card,
    .single-ai_tool .tool-sources-card,
    .single-ai_tool .share-tool-card,
    .single-ai_tool .submit-mini-cta {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .single-ai_tool .tool-visual-gallery img,
    .single-ai_tool .tool-featured-visual img,
    .single-ai_tool .tool-gallery-grid img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }

    .single-ai_tool .tool-gallery-grid {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .entry-content {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .single-ai_tool .entry-content img,
    .single-ai_tool .entry-content iframe,
    .single-ai_tool .entry-content video,
    .single-ai_tool .entry-content table {
        max-width: 100%;
    }

    .single-ai_tool .entry-content iframe,
    .single-ai_tool .entry-content video {
        width: 100%;
    }

    .single-ai_tool .entry-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 380px) {
    .single-ai_tool .single-tool-v5 .aith-container,
    .single-ai_tool .tool-page-section .aith-container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .single-ai_tool .tool-glance-strip {
        grid-template-columns: 1fr;
    }

    .single-ai_tool .tool-title-line h1 {
        font-size: 22px;
    }
}