/* Qublo feature articles: bounded editorial layout, natural-height media. */
.qfeature-article{--qa-ink:#181b34;--qa-muted:#5b627b;--qa-purple:#554bd0;--qa-line:#e3e4f1;--qa-tint:#f5f4fc;color:var(--qa-ink);font-family:"Mona Sans","Inter",sans-serif;font-size:17px;line-height:1.65;background:#fff;padding-bottom:96px;overflow-wrap:break-word}
.qfeature-article *, .qfeature-article *:before,.qfeature-article *:after{box-sizing:border-box}
.qa-wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}.qa-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:32px 0 0;margin:0;color:var(--qa-muted);font-size:14px}.qa-breadcrumb a{color:var(--qa-muted);text-decoration:none}.qa-breadcrumb a:hover{text-decoration:underline;color:var(--qa-purple)}
.qa-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,76px);padding:54px 0 72px}.qa-kicker{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650;color:var(--qa-purple);margin:0 0 20px}.qa-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;background:#eeebff;border-radius:12px}.qa-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.qfeature-article h1{font-size:clamp(38px,3.6vw,58px);font-weight:760;letter-spacing:-.047em;line-height:1.075;margin:0;max-width:15ch;text-wrap:balance}.qa-intro{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--qa-muted);margin:24px 0 28px;max-width:48ch}.qa-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:11px 20px;border:1px solid var(--qa-purple);border-radius:12px;background:var(--qa-purple);color:#fff;font-size:16px;font-weight:680;text-decoration:none;transition:background .18s ease}.qa-action:hover{background:#443abb;color:#fff}.qa-action:focus-visible,.qa-related-link:focus-visible,.qa-breadcrumb a:focus-visible{outline:3px solid #aba4ff;outline-offset:4px}.qa-action svg,.qa-related-link svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;flex:0 0 auto}
.qa-media{margin:0;min-width:0}.qa-image-wrap{border:1px solid var(--qa-line);background:var(--qa-tint);border-radius:26px;overflow:hidden;box-shadow:0 20px 50px -35px #36306366}.qa-media img{width:100%;height:auto;display:block;max-width:100%;object-fit:contain}.qa-media--screen .qa-image-wrap{padding:22px;background:#f6f7fc}.qa-media--screen img{border-radius:8px;background:#fff;box-shadow:0 6px 20px -16px #29254544}.qa-media figcaption{font-size:13px;line-height:1.5;color:var(--qa-muted);padding:13px 5px 0;max-width:70ch}
.qa-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,100px);border-top:1px solid var(--qa-line);padding-top:58px}.qfeature-article h2{font-size:clamp(27px,2.3vw,36px);line-height:1.2;letter-spacing:-.035em;font-weight:740;margin:0 0 23px;text-wrap:balance}.qa-overview p{margin:0;color:var(--qa-muted);max-width:62ch}.qa-points{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:17px}.qa-points li{display:flex;gap:12px;line-height:1.5;font-size:16px}.qa-check{color:var(--qa-purple);font-weight:700;flex:0 0 auto}.qa-steps{list-style:none;padding:0;margin:0;display:grid;gap:0;counter-reset:qa-step}.qa-steps li{position:relative;padding:0 0 25px 50px;counter-increment:qa-step}.qa-steps li:last-child{padding-bottom:0}.qa-steps li:before{content:counter(qa-step,decimal-leading-zero);position:absolute;left:0;top:2px;width:33px;height:33px;border-radius:11px;background:#efecff;color:var(--qa-purple);display:grid;place-items:center;font-size:13px;font-weight:750}.qa-steps h3{font-size:18px;line-height:1.4;margin:0 0 7px;font-weight:700;letter-spacing:-.018em}.qa-steps p{font-size:16px;line-height:1.6;margin:0;color:var(--qa-muted)}
.qa-note{margin-top:36px;border-left:3px solid #a79ef0;padding:0 0 0 18px;color:var(--qa-muted);font-size:15px;line-height:1.6}.qa-note p{margin:0}.qa-guide{margin-top:64px;padding:28px 32px;border-radius:22px;background:var(--qa-tint);display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #e9e5fa}.qa-guide h2{font-size:24px;margin:0 0 5px}.qa-guide p{font-size:16px;color:var(--qa-muted);margin:0}.qa-guide .qa-action{flex:0 0 auto}.qa-related{margin-top:58px}.qa-related h2{font-size:26px;margin-bottom:16px}.qa-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.qa-related-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--qa-line);border-bottom:1px solid var(--qa-line);text-decoration:none;color:var(--qa-ink);font-size:17px;font-weight:650}.qa-related-link:hover{color:var(--qa-purple)}
@media(min-width:1700px){.qa-hero{gap:80px}.qfeature-article h1{font-size:60px}}
@media(max-width:900px){.qa-wrap{width:min(760px,calc(100% - 48px))}.qa-hero{grid-template-columns:1fr;gap:32px;padding:38px 0 48px}.qfeature-article h1{max-width:20ch;font-size:clamp(36px,6vw,55px)}.qa-intro{max-width:60ch}.qa-media{width:100%;max-width:720px}.qa-body-grid{grid-template-columns:1fr;gap:42px;padding-top:42px}.qa-overview p{max-width:none}.qa-guide{margin-top:42px}.qfeature-article{padding-bottom:64px}}
@media(max-width:560px){.qa-wrap{width:calc(100% - 36px)}.qa-breadcrumb{font-size:13px;padding-top:24px;gap:8px}.qa-hero{padding-top:30px}.qfeature-article h1{font-size:36px;letter-spacing:-.04em}.qa-intro{font-size:18px;margin:20px 0 24px}.qa-kicker{font-size:13px;margin-bottom:18px}.qa-media--screen .qa-image-wrap{padding:12px}.qa-image-wrap{border-radius:18px}.qfeature-article h2{font-size:28px}.qa-guide{align-items:flex-start;flex-direction:column;padding:24px;gap:20px}.qa-guide .qa-action{width:100%}.qa-related-grid{grid-template-columns:1fr;gap:0}.qa-related-link{font-size:16px}.qa-related-link+.qa-related-link{border-top:0}.qa-related{margin-top:40px}.qa-steps li{padding-left:46px}}
@media(prefers-reduced-motion:reduce){.qa-action{transition:none}}