/* QNOTIA: source selection, editorial work and the reader's mobile experience. */
.page-qnotia-editorial main h1,.page-qnotia-editorial main h2,.page-qnotia-editorial main h3{margin:0;color:var(--navy);font-weight:600;letter-spacing:-.04em}
.page-qnotia-editorial main h1{font-size:clamp(42px,4vw,58px);line-height:1.12;max-width:18ch}
.page-qnotia-editorial main h2{font-size:clamp(30px,3vw,42px);line-height:1.2}
.page-qnotia-editorial main h3{font-size:21px;line-height:1.35;letter-spacing:-.025em}
.page-qnotia-editorial main p,.page-qnotia-editorial main li{font-size:16px;line-height:1.75;color:var(--body)}
.page-qnotia-editorial main p{margin:16px 0 0}
.page-qnotia-editorial main>section{padding-block:80px;scroll-margin-top:30px}
.page-qnotia-editorial main .product-eyebrow,.page-qnotia-editorial main .qnotia-label{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;color:var(--red);margin:0 0 21px}
.page-qnotia-editorial .product-hero{background:var(--pale);padding-top:32px}
.page-qnotia-editorial .product-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--body);margin-bottom:38px;min-height:24px}
.page-qnotia-editorial .product-breadcrumb a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b9c6dc}
.page-qnotia-editorial .product-breadcrumb a:hover{color:var(--red)}
.page-qnotia-editorial .product-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center}
.page-qnotia-editorial .product-lede{font-size:17px;line-height:1.8;margin-top:25px;max-width:59ch}
.page-qnotia-editorial .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.page-qnotia-editorial .qnotia-photo{margin:0;min-width:0}
.page-qnotia-editorial .qnotia-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px}
.page-qnotia-editorial .qnotia-photo figcaption{font-size:12px;line-height:1.7;color:var(--body);margin-top:16px;max-width:58ch;padding-left:16px;border-left:2px solid var(--red)}
.page-qnotia-editorial .qnotia-summary-band{padding-block:38px;border-bottom:1px solid var(--line)}
.page-qnotia-editorial .product-summary{display:grid;grid-template-columns:1fr 1.8fr;gap:70px;align-items:center}
.page-qnotia-editorial .product-summary .product-eyebrow{margin-bottom:10px}
.page-qnotia-editorial .product-summary h2{font-size:23px;line-height:1.35;max-width:28ch}
.page-qnotia-editorial .product-summary ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;margin:0;padding:0}
.page-qnotia-editorial .product-summary li{font-size:14px;line-height:1.6;border-left:1px solid var(--line);padding-left:22px}
.page-qnotia-editorial .qnotia-summary-number{display:block;font-size:12px;color:var(--red);margin-bottom:9px}

.page-qnotia-editorial .product-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 90px;align-items:start}
.page-qnotia-editorial .product-section-intro .qnotia-label{grid-column:1/-1}
.page-qnotia-editorial .product-section-intro>p:last-child{margin:0}
.page-qnotia-editorial .product-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}
.page-qnotia-editorial .product-feature{border-top:1px solid #c2cee1;padding-top:23px}
.page-qnotia-editorial .product-feature p{font-size:15px}

.page-qnotia-editorial .qnotia-workflow{background:var(--pale)}
.page-qnotia-editorial .qnotia-workflow-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:70px;align-items:start;margin-top:38px}
.page-qnotia-editorial .product-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:34px 32px}
.page-qnotia-editorial .product-steps li{border-top:1px solid #c2cee1;padding-top:20px}
.page-qnotia-editorial .product-step-number{display:block;color:var(--red);font-size:13px;margin-bottom:18px}
.page-qnotia-editorial .product-steps h3{font-size:20px}
.page-qnotia-editorial .product-steps p{font-size:15px;margin-top:12px}

.page-qnotia-editorial .qnotia-outputs h2{max-width:23ch}
.page-qnotia-editorial .product-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:38px}
.page-qnotia-editorial .product-output{display:grid;grid-template-columns:42px 1fr;gap:12px 18px;border-top:1px solid #c2cee1;padding-top:24px}
.page-qnotia-editorial .qnotia-output-number{font-size:13px;line-height:2;color:var(--red);grid-row:1/3}
.page-qnotia-editorial .product-output h3{font-size:24px}
.page-qnotia-editorial .product-output p{font-size:15px;margin:0}

.page-qnotia-editorial .qnotia-audience{background:var(--pale)}
.page-qnotia-editorial .qnotia-audience-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.page-qnotia-editorial .qnotia-audience .product-feature-grid{display:block;margin-top:28px}
.page-qnotia-editorial .qnotia-audience .product-feature{padding-top:20px;margin-top:20px}
.page-qnotia-editorial .qnotia-audience .product-feature p{margin-top:10px}
.page-qnotia-editorial .qnotia-audience .qnotia-photo img{aspect-ratio:5/4}
.page-qnotia-editorial .product-control{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.page-qnotia-editorial .product-control>p{margin:0}
.page-qnotia-editorial .qnotia-faq-section{background:var(--pale)}
.page-qnotia-editorial .product-faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.page-qnotia-editorial .product-faq{border-top:1px solid #c2cee1}
.page-qnotia-editorial .product-faq:last-child{border-bottom:1px solid #c2cee1}
.page-qnotia-editorial .product-faq summary{list-style:none;position:relative;cursor:pointer;color:var(--navy);font-size:17px;font-weight:600;line-height:1.6;padding:23px 40px 23px 0}
.page-qnotia-editorial .product-faq summary::-webkit-details-marker{display:none}
.page-qnotia-editorial .product-faq summary:after{content:'+';position:absolute;right:3px;top:21px;color:var(--red);font-size:24px;font-weight:400}
.page-qnotia-editorial .product-faq[open] summary:after{content:'−'}
.page-qnotia-editorial .product-faq p{font-size:15px;margin:0;padding:0 40px 24px 0}
.page-qnotia-editorial .product-cta{text-align:center;max-width:850px;margin:auto}
.page-qnotia-editorial .product-cta p{max-width:710px;margin-inline:auto}
.page-qnotia-editorial .product-cta .hero-actions{justify-content:center}
.page-qnotia-editorial .product-related{margin-top:52px;padding-top:27px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:center;gap:20px 30px;font-size:13px;align-items:center}
.page-qnotia-editorial .product-related>span{color:var(--body)}
.page-qnotia-editorial .product-related a{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b9c6dc;display:inline-flex;min-height:44px;align-items:center}
.page-qnotia-editorial .product-related a:hover{color:var(--red)}

@media(max-width:1100px){
 .page-qnotia-editorial .product-hero-grid,.page-qnotia-editorial .product-summary,.page-qnotia-editorial .product-section-intro,.page-qnotia-editorial .qnotia-workflow-layout,.page-qnotia-editorial .product-output-grid,.page-qnotia-editorial .qnotia-audience-layout,.page-qnotia-editorial .product-control,.page-qnotia-editorial .product-faq-layout{gap:40px}
 .page-qnotia-editorial .product-summary{grid-template-columns:1fr 2fr}
 .page-qnotia-editorial .product-summary ol{gap:18px}
 .page-qnotia-editorial .product-summary li{padding-left:16px}
 .page-qnotia-editorial .product-feature-grid{gap:28px}
 .page-qnotia-editorial .qnotia-workflow-layout{grid-template-columns:.8fr 1.2fr}
}
@media(max-width:800px){
 .page-qnotia-editorial main>section{padding-block:60px}
 .page-qnotia-editorial .product-hero{padding-top:24px}
 .page-qnotia-editorial main h1{font-size:44px;max-width:24ch}
 .page-qnotia-editorial main h2{font-size:34px}
 .page-qnotia-editorial .product-hero-grid,.page-qnotia-editorial .product-summary,.page-qnotia-editorial .product-section-intro,.page-qnotia-editorial .qnotia-workflow-layout,.page-qnotia-editorial .qnotia-audience-layout,.page-qnotia-editorial .product-control,.page-qnotia-editorial .product-faq-layout{grid-template-columns:1fr;gap:30px}
 .page-qnotia-editorial .product-breadcrumb{margin-bottom:28px}
 .page-qnotia-editorial .product-summary h2{max-width:100%}
 .page-qnotia-editorial .qnotia-context .product-feature-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}
 .page-qnotia-editorial .qnotia-context .product-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}
 .page-qnotia-editorial .qnotia-context .product-feature p{margin:0}
 .page-qnotia-editorial .product-section-intro .qnotia-label{margin-bottom:-10px}
 .page-qnotia-editorial .product-output-grid{gap:30px}
 .page-qnotia-editorial .product-output{grid-template-columns:1fr}
 .page-qnotia-editorial .qnotia-output-number{grid-row:auto}
 .page-qnotia-editorial .qnotia-audience-copy{display:contents}
 .page-qnotia-editorial .qnotia-audience-layout{gap:0}
 .page-qnotia-editorial .qnotia-audience .qnotia-label{order:0}
 .page-qnotia-editorial .qnotia-audience h2{order:1}
 .page-qnotia-editorial .qnotia-audience .product-section-note{order:2}
 .page-qnotia-editorial .qnotia-audience .qnotia-photo{order:3;margin-top:28px}
 .page-qnotia-editorial .qnotia-audience .qnotia-photo img{aspect-ratio:3/2}
 .page-qnotia-editorial .qnotia-audience .product-feature-grid{order:4;margin-top:12px}
}
@media(max-width:540px){
 .page-qnotia-editorial main>section{padding-block:50px}
 .page-qnotia-editorial main h1{font-size:39px}
 .page-qnotia-editorial main h2{font-size:31px}
 .page-qnotia-editorial main h3{font-size:21px}
 .page-qnotia-editorial .product-hero{padding-top:22px}
 .page-qnotia-editorial .product-lede{font-size:16px}
 .page-qnotia-editorial .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
 .page-qnotia-editorial .qnotia-summary-band{padding-block:30px}
 .page-qnotia-editorial .product-summary ol{grid-template-columns:1fr;gap:14px}
 .page-qnotia-editorial .product-summary li{display:flex;gap:16px;padding-left:0;border:0;align-items:baseline}
 .page-qnotia-editorial .qnotia-summary-number{flex-shrink:0;margin:0}
 .page-qnotia-editorial .qnotia-context .product-feature{display:block}
 .page-qnotia-editorial .qnotia-context .product-feature p{margin-top:12px}
 .page-qnotia-editorial .product-steps{grid-template-columns:1fr;gap:24px}
 .page-qnotia-editorial .product-steps li{padding-left:42px;position:relative}
 .page-qnotia-editorial .product-step-number{position:absolute;left:0;top:20px;margin:0}
 .page-qnotia-editorial .product-output-grid{grid-template-columns:1fr}
 .page-qnotia-editorial .product-output{grid-template-columns:24px 1fr}
 .page-qnotia-editorial .qnotia-output-number{grid-row:1/3}
 .page-qnotia-editorial .product-related{gap:8px 24px;margin-top:38px}
 .page-qnotia-editorial .product-related>span{width:100%;text-align:center}
}