/* CONSEILS — editorial article system v7 */
.q-article {padding:0 0 90px!important;background:#fff}
.q-article > .q-shell {max-width:1180px;margin:auto;padding:0 24px}
.q-article .q-hero {padding:58px 0 34px;max-width:940px}
.q-article .q-eyebrow {display:inline-flex;text-transform:uppercase;letter-spacing:.18em;color:#497b9d;font-weight:750;font-size:12px;margin-bottom:20px}
.q-article h1 {font-size:clamp(2.45rem,5vw,4.2rem);line-height:1.09;letter-spacing:-.045em;font-weight:800;max-width:940px;margin:0 0 24px;color:#14243b}
.q-article .q-byline {display:flex;gap:12px 22px;flex-wrap:wrap;color:#66758a;font-size:14px;align-items:center}
.q-article .q-cover {width:100%;height:clamp(270px,42vw,510px);object-fit:cover;border-radius:18px;box-shadow:none;margin:0 0 56px;display:block}
.q-article .q-columns {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(42px,6vw,92px);align-items:start}
.q-article .q-copy {min-width:0;max-width:760px;font-size:18px;line-height:1.85;color:#36465a}
.q-article .q-copy>p {margin:0 0 23px;line-height:1.82;color:#36465a}
.q-article .q-copy>p:first-child {font-size:21px;line-height:1.65;color:#233b56;font-weight:500}
.q-article .q-copy h2 {font-size:clamp(1.5rem,2.3vw,1.95rem);letter-spacing:-.025em;line-height:1.22;color:#14243b;margin:56px 0 20px;padding-top:7px;scroll-margin-top:115px}
.q-article .q-copy h3 {font-size:1.16rem;line-height:1.4;margin:24px 0 8px;color:#14243b}
.q-article .q-copy ul {padding:0;margin:20px 0 32px;list-style:none}
.q-article .q-copy li {position:relative;padding:7px 0 7px 27px;line-height:1.55}
.q-article .q-copy li:before {content:'';position:absolute;left:3px;top:19px;width:8px;height:8px;border-radius:50%;background:#4296c2}
.q-article .q-copy .q-faq {margin:56px 0;padding:28px 32px;background:#f3f7fa;border-radius:16px}
.q-article .q-copy .q-faq h2 {margin:0 0 22px;padding:0}
.q-article .q-copy .q-faq h3 {font-size:1.06rem;margin:21px 0 7px}
.q-article .q-copy .q-faq p {margin:0 0 17px;font-size:16px;line-height:1.7}
.q-article .q-copy .q-faq p:last-child {margin-bottom:0}
.q-article .q-aside {position:sticky;top:105px;padding:25px;border:1px solid #e4eaf0;background:#f9fbfd;border-radius:16px}
.q-article .q-aside-title {display:block;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#738398;font-size:11px;margin-bottom:20px}
.q-article .q-aside a {display:block;color:#30445b;font-size:14px;line-height:1.42;text-decoration:none;padding:9px 0;border-bottom:1px solid #e4eaf0}
.q-article .q-aside a:last-child {border-bottom:0}
.q-article .q-aside a:hover {color:#287fb0}
.q-article .q-cta {background:#152c46;color:#fff;border-radius:16px;padding:36px;margin:46px 0 24px;text-align:left}
.q-article .q-cta h3 {color:#fff;font-size:1.5rem;margin:0 0 12px}
.q-article .q-cta p {color:#dbe5ef;line-height:1.6;margin:0 0 22px}
.q-article .q-cta a.q-cta-button {display:inline-block;background:#4288ae;padding:14px 22px;color:#fff;text-decoration:none;border-radius:8px;font-weight:700}
.q-article .q-cta .q-call {display:inline-block;margin:14px 0 0 16px;color:white;text-decoration:none;white-space:nowrap}
.q-article .q-back {display:inline-flex;align-items:center;color:#347b9c;font-size:14px;font-weight:650;text-decoration:none;margin-top:18px}
@media(max-width:850px){.q-article .q-columns{grid-template-columns:minmax(0,1fr)}.q-article .q-aside{display:none}.q-article .q-cover{margin-bottom:30px}.q-article .q-hero{padding-top:38px}}
@media(max-width:540px){.q-article>.q-shell{padding:0 19px}.q-article .q-hero{padding-top:30px}.q-article h1{font-size:clamp(2.1rem,9vw,3rem)}.q-article .q-cover{border-radius:10px;height:245px}.q-article .q-copy{font-size:16px}.q-article .q-copy>p:first-child{font-size:18px}.q-article .q-copy h2{margin-top:38px}.q-article .q-copy .q-faq{padding:23px 20px;margin:38px 0}.q-article .q-cta{padding:27px 23px}.q-article .q-cta .q-call{margin-left:0;display:block}}