/* Public site type scale, after service and pricing styles. */
body.netaqi-site {
    --nq-title-size: clamp(27px, 2.5vw, 36px);
    --nq-section-size: clamp(22px, 1.8vw, 26px);
}
body.netaqi-site :is(.hero-copy, .inner-hero, .error-page) h1 {
    font-size: var(--nq-title-size);
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: normal;
    overflow-wrap: break-word;
    text-wrap: balance;
}
body.netaqi-site .hero-copy h1 {
    margin-bottom: 18px;
}
body.netaqi-site .section h2,
body.netaqi-site #services .nq-services-intro h2 {
    font-size: var(--nq-section-size);
    line-height: 1.65;
    font-weight: 700;
    letter-spacing: normal;
    overflow-wrap: break-word;
    text-wrap: balance;
}
body.netaqi-site .section-heading {
    align-items: center;
    gap: 20px;
}
body.netaqi-site .section-heading h2 {
    font-size: clamp(22px, 1.7vw, 25px);
    max-width: 32ch;
}
body.netaqi-site .section-heading > .text-link {
    flex-shrink: 0;
}
body.netaqi-site #services .nq-service-detail h3,
body.netaqi-site .nq-home-experience .mock-greeting h3 {
    font-size: 19px;
    line-height: 1.8;
}
body.netaqi-site .plan-card h3 {
    font-size: 18px;
    line-height: 1.8;
}
body.netaqi-site .plan-card .nq-plan-price-row > strong {
    font-size: 34px !important;
    letter-spacing: -.75px;
}
body.netaqi-site .plan-card .nq-plan-price-row > .custom-price {
    font-size: 22px !important;
    letter-spacing: -.25px;
}
body.netaqi-site .hero-copy > p {
    font-size: 14px;
    line-height: 2.1;
}
body.netaqi-site .inner-hero p {
    line-height: 2.1;
}
@media (max-width: 850px) {
    body.netaqi-site {
        --nq-title-size: clamp(26px, 3.8vw, 30px);
        --nq-section-size: 24px;
    }
    body.netaqi-site .hero-copy > p {
        font-size: 13px;
    }
}
@media (max-width: 620px) {
    body.netaqi-site {
        --nq-title-size: clamp(23px, 6.4vw, 25px);
        --nq-section-size: 22px;
    }
    body.netaqi-site .section-heading {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 12px;
    }
    body.netaqi-site .section-heading h2 {
        font-size: 22px;
        max-width: 100%;
    }
    body.netaqi-site .hero-copy > p {
        font-size: 12px;
    }
    body.netaqi-site .plan-card .nq-plan-price-row > strong {
        font-size: 30px !important;
    }
    body.netaqi-site .plan-card .nq-plan-price-row > .custom-price {
        font-size: 21px !important;
    }
    body.netaqi-site #services .nq-service-detail h3,
    body.netaqi-site .nq-home-experience .mock-greeting h3 {
        font-size: 18px;
    }
}

/* Editorial cards keep their own scale instead of inheriting section titles. */
body.netaqi-site .post-card {display:flex;flex-direction:column;border-radius:18px;box-shadow:0 8px 26px #102b3f05}
body.netaqi-site .post-card-body {display:flex;flex:1;flex-direction:column;padding:25px;min-width:0}
body.netaqi-site .post-card :is(h2,h3) {font-size:18px;font-weight:650;line-height:1.8;letter-spacing:normal;text-wrap:pretty;max-width:none;margin:14px 0 12px;overflow-wrap:break-word}
body.netaqi-site .post-card :is(h2,h3) a {color:var(--ink)}
body.netaqi-site .post-card :is(h2,h3) a:hover {color:var(--teal)}
body.netaqi-site .post-card p {font-size:13px;line-height:2;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nq-post-category {min-height:25px}
.nq-post-category a {display:inline-block;font-size:11px;line-height:1.9;padding:3px 11px;border-radius:6px;color:#08766c;background:#eaf6f2}
.nq-post-card-meta {display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;margin-top:auto;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:11px;line-height:1.8}
body.netaqi-site .post-card .text-link {margin-top:18px;font-size:12px;align-self:flex-start}
body.netaqi-site .inner-hero.compact:has(.search-form) {padding-block:44px}
body.netaqi-site .inner-hero.compact:has(.search-form) h1 {font-size:var(--nq-title-size);line-height:1.6;max-width:900px}

/* A comfortable Arabic reading measure, with a restrained title and a separate outline. */
.nq-article .article-hero {padding:42px 0 38px;background:linear-gradient(135deg,#f5f9f8,#eef7f5)}
.nq-article-header {max-width:1048px}
.nq-article-breadcrumb {display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:24px}
.nq-article-breadcrumb a:hover {color:var(--teal)}
.nq-article .eyebrow {font-size:12px;margin-bottom:13px}
body.netaqi-site .nq-article .article-hero h1 {max-width:940px;font-size:clamp(26px,2.25vw,32px);font-weight:700;line-height:1.65;letter-spacing:normal;text-wrap:balance;overflow-wrap:break-word;margin:0 0 20px}
.nq-article-meta {display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;font-size:12px;line-height:1.9;color:var(--muted)}
.nq-article-meta strong {color:var(--ink);font-weight:600}
.nq-reading-time {padding:4px 12px;border:1px solid #cce5dd;border-radius:7px;color:#08766c;background:#f8fdfb}
.nq-reading-layout {display:grid;grid-template-columns:minmax(0,740px) minmax(220px,260px);justify-content:center;gap:48px;max-width:1120px;padding-block:42px 60px;align-items:start}
.nq-reading-without-toc {grid-template-columns:minmax(0,740px)}
.nq-article-main {min-width:0}
.nq-article-figure {aspect-ratio:16/9;margin:0 0 36px;overflow:hidden;background:#f0f6f4;border-radius:18px}
.nq-article .article-cover {display:block;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;margin:0}
body.netaqi-site .nq-article-prose {font-size:17px;line-height:2;letter-spacing:normal;color:var(--ink);text-align:start;overflow-wrap:break-word}
body.netaqi-site .nq-article-prose p {margin-bottom:24px;line-height:inherit;color:inherit}
body.netaqi-site .nq-article-prose :is(h1,h2,h3,h4,h5,h6) {font-weight:700;line-height:1.8;letter-spacing:normal;scroll-margin-top:40px;overflow-wrap:break-word;text-wrap:pretty}
body.netaqi-site .nq-article-prose h1,body.netaqi-site .nq-article-prose h2 {font-size:23px;margin:36px 0 16px}
body.netaqi-site .nq-article-prose h3 {font-size:20px;margin:30px 0 15px}
body.netaqi-site .nq-article-prose :is(h4,h5,h6) {font-size:18px;margin:26px 0 14px}
.nq-article-prose :is(ul,ol) {margin-block:24px;padding-inline-start:27px}
.nq-article-prose li {padding-inline-start:4px;margin:10px 0}
.nq-article-prose a {text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.nq-article-prose a:hover {text-decoration-thickness:2px}
.nq-article-prose figure {max-width:100%;margin-block:30px}
.nq-article-prose :is(figcaption,.wp-caption-text) {font-size:12px;line-height:1.9;color:var(--muted);text-align:center;margin-top:12px}
.nq-article-prose blockquote {margin:30px 0;padding:23px 27px;border-inline-start:3px solid var(--teal);border-radius:10px;background:#f0f8f5}
.nq-article-prose blockquote p:last-child {margin-bottom:0}
.nq-article-prose table {display:block;max-width:100%;overflow:auto;font-size:14px;line-height:1.9;margin-block:28px}
.nq-article-prose :is(td,th) {min-width:100px;padding:13px 16px;text-align:start;vertical-align:top}
.nq-article-prose th {background:#edf6f3;color:var(--ink)}
.nq-article-prose pre {max-width:100%;overflow:auto;padding:20px;border-radius:12px;background:var(--navy);color:#eef8f7;font-size:14px;line-height:1.9;direction:ltr;text-align:left;margin-block:25px}
.nq-article-prose hr {border:0;border-top:1px solid var(--line);margin:36px 0}
.nq-reading-sidebar {position:sticky;top:120px;min-width:0}
.nq-article-toc {border:1px solid #dbe8e4;border-radius:14px;background:#f8fbfa;overflow:hidden}
.nq-article-toc summary {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px;font-size:14px;font-weight:700;color:var(--navy);cursor:pointer;list-style:none}
.nq-article-toc summary::-webkit-details-marker {display:none}
.nq-article-toc summary>span {font-size:22px;font-weight:400;color:var(--teal);line-height:1;transition:transform .2s}
.nq-article-toc[open] summary>span {transform:rotate(45deg)}
.nq-article-toc nav {max-height:calc(100vh - 250px);overflow:auto;border-top:1px solid var(--line);padding:10px;scrollbar-width:thin;scrollbar-color:#b5d5ca transparent}
.nq-article-toc ol {list-style:none;margin:0;padding:0;counter-reset:nq-outline}
.nq-article-toc li {counter-increment:nq-outline}
.nq-article-toc a {display:flex;gap:10px;font-size:12px;line-height:1.9;border-radius:8px;padding:10px;color:var(--muted);overflow-wrap:break-word}
.nq-article-toc a::before {content:counter(nq-outline,decimal-leading-zero);font-size:10px;color:var(--muted);min-width:19px;direction:ltr;padding-top:2px}
.nq-article-toc a:is(:hover,[aria-current]) {color:#08766c;background:#e7f4ef}
.nq-back-to-blog {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding:8px 3px;font-size:12px;color:var(--teal)}
.nq-back-to-blog .icon {width:16px;height:16px}
.nq-article .article-tags {gap:8px;margin-top:38px}
.nq-article .article-tags a {font-size:11px;line-height:1.9;padding:7px 12px;background:#f0f7f4;border:1px solid #dbe9e4}
.nq-article .article-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0;padding:0;margin:30px 0 0}
.nq-article .article-nav a {padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow-wrap:break-word}
.nq-article .article-nav a:hover {border-color:#a7d5ca;background:#f9fcfb}
.nq-article .article-nav small {display:block;color:var(--teal);font-size:11px;margin-bottom:10px}
.nq-article .article-nav strong {font-size:14px;font-weight:600;line-height:1.9}
.nq-related-articles {padding-block:64px}
@media(max-width:1100px) {
    body.netaqi-site .blog-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
    .nq-reading-layout {grid-template-columns:minmax(0,740px);gap:24px;padding-top:28px}
    .nq-reading-sidebar {position:static;grid-row:1}
    .nq-article-toc nav {max-height:350px}
    .nq-back-to-blog {display:none}
}
@media(max-width:620px) {
    body.netaqi-site .blog-grid {grid-template-columns:minmax(0,1fr)}
    body.netaqi-site .post-card-body {padding:22px}
    body.netaqi-site .post-card :is(h2,h3) {font-size:17px;line-height:1.85}
    body.netaqi-site .post-card p {font-size:13px}
    .nq-article .article-hero {padding:27px 0 28px}
    .nq-article-breadcrumb {font-size:11px;gap:7px 10px;margin-bottom:19px}
    body.netaqi-site .nq-article .article-hero h1 {font-size:24px;line-height:1.7;margin-bottom:18px}
    .nq-article-meta {font-size:11px;gap:9px 16px}
    .nq-article-figure {border-radius:12px;margin-bottom:27px}
    body.netaqi-site .nq-article-prose {font-size:16px;line-height:2}
    body.netaqi-site .nq-article-prose h1,body.netaqi-site .nq-article-prose h2 {font-size:20px;margin-top:30px}
    body.netaqi-site .nq-article-prose h3 {font-size:18px}
    .nq-article-prose blockquote {padding:19px}
    .nq-article .article-nav {grid-template-columns:minmax(0,1fr)}
    .nq-article-toc summary {font-size:13px;padding:16px}
    .nq-reading-layout {padding-bottom:40px}
    .nq-related-articles {padding-block:45px}
}
@media print {
    .nq-reading-sidebar,.nq-related-articles,.nq-article-footer {display:none!important}
    .nq-reading-layout {display:block;padding:0;max-width:none}
    .nq-article .article-hero {padding:0 0 20px;background:none}
    .nq-article-prose {color:#000!important;font-size:12pt!important;line-height:1.8!important}
}

/* Keep the shared footer readable and easy to tap on small screens. */
@media screen and (max-width: 620px) {
    body.netaqi-site .site-footer {padding-top:36px}
    body.netaqi-site .footer-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:26px 20px;
        padding-bottom:28px;
    }
    body.netaqi-site .footer-grid > div {min-width:0}
    body.netaqi-site .footer-intro {
        grid-column:1 / -1;
        text-align:center;
        padding-bottom:24px;
        border-bottom:1px solid var(--line);
    }
    body.netaqi-site .footer-grid > .footer-intro > p {
        max-width:38ch;
        margin:16px auto 0;
        font-size:12px;
        line-height:2;
    }
    body.netaqi-site .footer-intro p br {display:none}
    body.netaqi-site .footer-grid h3 {
        font-size:14px;
        line-height:1.7;
        letter-spacing:normal;
        margin-bottom:10px;
    }
    body.netaqi-site .footer-grid > div > a:not(.brand) {
        display:flex;
        align-items:center;
        min-height:40px;
        margin:0;
        padding-block:8px;
        font-size:12px;
        line-height:1.7;
    }
    body.netaqi-site .footer-contact {
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        border-top:1px solid var(--line);
        padding-top:24px;
    }
    body.netaqi-site .footer-contact h3,
    body.netaqi-site .footer-contact .footer-country {grid-column:1 / -1}
    body.netaqi-site .footer-contact h3 {margin-bottom:2px}
    body.netaqi-site .footer-grid > .footer-contact > a {
        justify-content:center;
        padding:10px;
        border:1px solid var(--line);
        border-radius:10px;
        background:var(--paper);
        text-align:center;
        color:var(--navy);
    }
    body.netaqi-site .footer-grid > .footer-contact > a:hover {
        color:var(--teal);
        background:#eaf6f2;
        border-color:#b4dcd5;
    }
    body.netaqi-site .footer-country {
        font-size:11px;
        line-height:1.8;
        margin-top:4px;
        text-align:center;
    }
    body.netaqi-site .footer-bottom {
        flex-direction:column;
        align-items:center;
        gap:10px;
        padding-block:20px 58px;
        font-size:11px;
        line-height:1.9;
        text-align:center;
    }
    body.netaqi-site .footer-bottom > div {
        justify-content:center;
        flex-wrap:wrap;
        gap:0 20px;
    }
    body.netaqi-site .footer-bottom a {
        display:flex;
        align-items:center;
        min-height:40px;
    }
}
@media screen and (max-width: 380px) {
    body.netaqi-site .footer-grid {column-gap:16px}
    body.netaqi-site .footer-contact > a[dir="ltr"] {grid-column:1 / -1}
}
