.qtx-article-shell{ padding-bottom: 86px; }
.qtx-article-header{ max-width: 920px; margin: 0 auto; padding: 54px 0 34px; text-align: center; }
.qtx-article-header h1{ margin: 14px 0 0; font-size: clamp(40px,6vw,72px); line-height: 1.03; letter-spacing: -.055em; text-wrap: balance; }
.qtx-article-deck{ max-width: 760px; margin: 20px auto 0; color: var(--qtx-muted); font-size: 20px; line-height: 1.55; text-wrap: pretty; }
.qtx-article-meta{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 18px; color: #98a2b3; font-size: 12px; font-weight: 750; }
.qtx-article-hero-media{ max-width: 1080px; margin: 0 auto 42px; overflow: hidden; border-radius: 30px; background: #e9edf3; box-shadow: var(--qtx-shadow); }
.qtx-article-hero-media img{ display: block; width: 100%; aspect-ratio: 1.75/1; object-fit: cover; }
.qtx-article-layout{ display: grid; grid-template-columns: 150px minmax(0,var(--qtx-prose)) 150px; justify-content: center; gap: 34px; }
.qtx-article-rail{ grid-column: 1; }
.qtx-share-box{ position: sticky; top: 116px; display: grid; gap: 10px; padding: 14px; border: 1px solid var(--qtx-line); border-radius: 16px; background: #fff; color: var(--qtx-muted); font-size: 11px; font-weight: 800; }
.qtx-share-box button{ min-height: 38px; padding: 0 10px; border: 1px solid var(--qtx-line); border-radius: 10px; background: var(--qtx-soft); color: var(--qtx-ink); font-size: 12px; font-weight: 850; cursor: pointer; }
.qtx-prose{ grid-column: 2; min-width: 0; color: #344054; font-size: 18px; line-height: 1.78; }
.qtx-prose > *:first-child{ margin-top: 0; }
.qtx-prose h2,.qtx-prose h3,.qtx-prose h4{ color: var(--qtx-ink); scroll-margin-top: 110px; text-wrap: balance; }
.qtx-prose h2{ margin: 2.3em 0 .72em; font-size: clamp(28px,3.3vw,39px); line-height: 1.13; letter-spacing: -.04em; }
.qtx-prose h3{ margin: 1.9em 0 .62em; font-size: 25px; line-height: 1.22; letter-spacing: -.025em; }
.qtx-prose p,.qtx-prose ul,.qtx-prose ol,.qtx-prose table,.qtx-prose blockquote{ margin-block: 1.15em; }
.qtx-prose a{ color: #b54708; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.qtx-prose strong{ color: #1d2939; }
.qtx-prose ul,.qtx-prose ol{ padding-left: 1.35em; }
.qtx-prose li + li{ margin-top: .45em; }
.qtx-prose blockquote{ margin-inline: 0; padding: 18px 22px; border-left: 4px solid var(--qtx-accent); border-radius: 0 14px 14px 0; background: #fff7ed; color: #7c2d12; }
.qtx-prose table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--qtx-line); border-radius: 16px; background: #fff; font-size: 15px; }
.qtx-prose th,.qtx-prose td{ padding: 13px 14px; border-bottom: 1px solid var(--qtx-line); text-align: left; vertical-align: top; }
.qtx-prose th{ background: var(--qtx-soft); color: var(--qtx-ink); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.qtx-prose tr:last-child td{ border-bottom: 0; }
.qtx-prose img{ border-radius: 18px; }
.qtx-prose hr{ margin: 44px 0; border: 0; border-top: 1px solid var(--qtx-line); }
.qtx-prose-page{ max-width: var(--qtx-prose); margin: 0 auto; }
.qtx-prose .qtx-toc,.qtx-prose .qtx-revenue-cta,.qtx-prose .qtx-guide-cta,.qtx-prose .qtx-evidence-sources,.qtx-prose .qtx-eeat-evidence,.qtx-prose .qtx-diagnostic-flow,.qtx-prose .qtx-price-table,.qtx-prose .qtx-case-study,.qtx-prose .qtx-errors,.qtx-prose .qtx-checklist,.qtx-prose .qtx-front-form{ border-radius: 20px; box-shadow: none; }
.qtx-prose .qtx-toc{ border-color: #d7dee8; background: #f6f8fb; }
.qtx-prose .qtx-evidence-sources,.qtx-prose .qtx-eeat-evidence{ border-color: #dbe3ef; background: #f8fafc; }
.qtx-prose .qtx-revenue-cta,.qtx-prose .qtx-guide-cta{ border-color: #fed7aa; background: linear-gradient(135deg,#fff7ed,#fff); }
.qtx-prose .qtx-btn-primary,.qtx-prose .qtx-guide-cta .button,.qtx-prose .qtx-front-form button,.qtx-prose .qtx-search button{ border-radius: 12px; background: var(--qtx-accent); color: #fff; }
@media (max-width: 1100px){.qtx-article-layout{ grid-template-columns: minmax(0,1fr); width:100%; max-width:var(--qtx-prose); margin-inline:auto; }
.qtx-article-rail{ grid-column: 1; }
.qtx-share-box{ position: static; display: flex; align-items: center; justify-content: space-between; max-width: var(--qtx-prose); margin: 0 auto 18px; }
.qtx-prose{ grid-column: 1; width:100%; max-width:100%; }}
@media (max-width: 640px){.qtx-article-header{ padding: 38px 0 26px; text-align: left; }
.qtx-article-header .qtx-article-meta{ justify-content: flex-start; }
.qtx-article-header h1{ font-size: clamp(38px,12vw,54px); }
.qtx-article-deck{ font-size: 18px; }
.qtx-article-hero-media{ margin-bottom: 26px; border-radius: 20px; }
.qtx-prose{ font-size: 17px; line-height: 1.73; }
.qtx-prose table{ display: block; overflow-x: auto; white-space: normal; }
.qtx-share-box{ padding: 12px; }}
.qtx-share-panel{gap:13px;padding:15px}
.qtx-share-heading{display:grid;gap:2px}
.qtx-share-heading strong{color:var(--qtx-ink);font-size:12px;line-height:1.35}
.qtx-share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.qtx-share-actions a,.qtx-share-actions button{display:inline-flex;min-width:0;min-height:38px;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--qtx-line);border-radius:10px;background:var(--qtx-soft);color:var(--qtx-ink);text-decoration:none;font-size:11px;font-weight:900;cursor:pointer}
.qtx-share-actions a:hover,.qtx-share-actions button:hover{border-color:#fdba74;background:#fff7ed;color:#9a3412}
.qtx-share-actions .qtx-share-primary{grid-column:1/-1;background:var(--qtx-ink);border-color:var(--qtx-ink);color:#fff}
.qtx-share-actions .qtx-share-primary:hover{background:var(--qtx-navy-2);color:#fff}
.qtx-share-actions button.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.qtx-guide-article .qtx-article-meta time{font:inherit;color:inherit}
@media (max-width:1000px){.qtx-share-panel{max-width:var(--qtx-prose);margin:0 auto 20px}
.qtx-share-actions{display:flex;flex-wrap:wrap}
.qtx-share-actions .qtx-share-primary{flex:1 1 140px}
.qtx-share-actions a,.qtx-share-actions button{flex:0 0 auto;min-width:42px}
.qtx-share-actions button[data-qtx-copy-link]{flex:1 1 110px}}
@media (max-width:640px){.qtx-share-panel{display:grid;margin-bottom:18px;padding:13px;border-radius:14px}
.qtx-share-heading strong{font-size:13px}
.qtx-share-actions{gap:7px}
.qtx-share-actions .qtx-share-primary{flex-basis:100%;min-height:42px}
.qtx-share-actions a{min-width:40px}}
.qtx-prose h2[data-qtx-section-key]{scroll-margin-top:104px}
@media (max-width:640px){.qtx-share-panel{scroll-margin-top:90px}}
.qtx-share-icon{display:block;width:16px;height:16px;flex:0 0 16px;fill:currentColor}
.qtx-share-label{display:inline-block;line-height:1}
.qtx-share-actions a[aria-label]{position:relative}
.qtx-share-actions a[data-qtx-share="whatsapp"]{color:#25D366;background:#f6fff9}
.qtx-share-actions a[data-qtx-share="facebook"]{color:#1877F2;background:#f5f9ff}
.qtx-share-actions a[data-qtx-share="telegram"]{color:#229ED9;background:#f4fbff}
.qtx-share-actions a[data-qtx-share="linkedin"]{color:#0A66C2;background:#f4f9ff}
.qtx-share-actions a[data-qtx-share="x"]{color:#000;background:#f7f7f7}
.qtx-share-actions a[data-qtx-share="email"]{color:#475467;background:#f8fafc}
.qtx-share-actions a[data-qtx-share="whatsapp"]:hover{border-color:#25D366;background:#ecfff2;color:#159447}
.qtx-share-actions a[data-qtx-share="facebook"]:hover{border-color:#1877F2;background:#edf5ff;color:#0f5fc7}
.qtx-share-actions a[data-qtx-share="telegram"]:hover{border-color:#229ED9;background:#edfaff;color:#167faa}
.qtx-share-actions a[data-qtx-share="linkedin"]:hover{border-color:#0A66C2;background:#edf6ff;color:#084f98}
.qtx-share-actions a[data-qtx-share="x"]:hover{border-color:#000;background:#000;color:#fff}
.qtx-share-primary .qtx-share-icon,.qtx-share-actions button[data-qtx-copy-link] .qtx-share-icon{margin-right:7px}
.qtx-share-actions a:focus-visible,.qtx-share-actions button:focus-visible{outline:3px solid rgba(249,115,22,.35);outline-offset:2px}
@media (max-width:640px){.qtx-share-actions a{min-width:42px;min-height:42px;padding:0}
.qtx-share-actions a .qtx-share-icon{width:18px;height:18px}
.qtx-share-actions button[data-qtx-copy-link]{gap:6px}}
