.ar-faq-page #content { overflow-x: clip; }
.ar-faq-page #primary { width: 100%; padding-right: 0; border-right: 0; }
.ar-faq-page #right-sidebar,
.ar-faq-page .page-header { display: none; }
.ar-faq { --faq-ink: #575756; --faq-teal: #7F9E9D; --faq-cream: #FDD79E; --faq-line: rgba(87,87,86,.14); padding: clamp(24px,4vw,48px) 0 clamp(68px,8vw,108px); color: var(--faq-ink); }
.ar-faq__hero { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); gap: clamp(30px,6vw,72px); align-items: center; padding: clamp(34px,6vw,74px); border: 1px solid var(--faq-line); border-radius: 30px; background: linear-gradient(135deg,#fffdf9,#f7f2e9); box-shadow: 0 22px 60px rgba(69,71,71,.09); }
.ar-faq__eyebrow { margin: 0 0 10px; color: var(--faq-teal); font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.ar-faq h1 { margin: 0 0 20px; font-size: clamp(38px,5vw,64px); letter-spacing: -.045em; line-height: 1.03; }
.ar-faq__lead { max-width: 760px; margin-bottom: 26px; color: #616464; font-size: clamp(17px,2vw,20px); line-height: 1.7; }
.ar-faq__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.ar-faq__button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 13px 22px; border-radius: var(--ar-button-radius); background: var(--faq-teal); color: #fff!important; font-weight: 850; text-decoration: none!important; }
.ar-faq__text-link { color: var(--faq-teal); font-weight: 800; text-decoration: none!important; }
.ar-faq__quick-links { padding: clamp(24px,3vw,34px); border-radius: 22px; background: var(--faq-ink); color: #fff; box-shadow: 0 16px 38px rgba(69,71,71,.18); }
.ar-faq__quick-links h2 { margin: 0 0 18px; color: #fff; font-size: 23px; }
.ar-faq__quick-links ol { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ar-faq__quick-links a { display: block; padding: 8px 0; color: rgba(255,255,255,.82); font-weight: 750; line-height: 1.35; text-decoration: none; }
.ar-faq__quick-links a::before { display: inline-block; width: 20px; color: var(--faq-cream); content: '→'; font-weight: 900; }
.ar-faq__quick-links a:hover,
.ar-faq__quick-links a:focus-visible { color: #fff; text-decoration: underline; }
.ar-faq__groups { display: grid; gap: clamp(54px,8vw,94px); margin-block: clamp(54px,8vw,94px); padding: clamp(34px,5vw,62px); border: 1px solid var(--faq-line); border-radius: 28px; background: #fffdf9; box-shadow: 0 18px 46px rgba(69,71,71,.06); }
.ar-faq__group { max-width: 960px; margin: 0 auto; scroll-margin-top: 110px; }
.ar-faq__group > h2,
.ar-faq__support h2 { margin: 0 0 28px; font-size: clamp(29px,4vw,42px); letter-spacing: -.035em; line-height: 1.12; }
.ar-faq__items { display: grid; gap: 12px; }
.ar-faq__item { border: 1px solid var(--faq-line); border-radius: 17px; background: #fff; box-shadow: 0 10px 28px rgba(69,71,71,.05); }
.ar-faq__item[open] { border-color: rgba(85,121,120,.4); }
.ar-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px; cursor: pointer; color: var(--faq-ink); font-size: clamp(17px,2vw,20px); font-weight: 850; line-height: 1.35; list-style: none; }
.ar-faq__item summary::-webkit-details-marker { display: none; }
.ar-faq__item summary::after { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgba(85,121,120,.12); color: var(--faq-teal); content: '+'; font-size: 24px; font-weight: 500; line-height: 28px; text-align: center; }
.ar-faq__item[open] summary::after { content: '−'; }
.ar-faq__item > div { padding: 0 24px 23px; }
.ar-faq__item p { max-width: 800px; margin: 0; color: #616464; font-size: 16px; line-height: 1.7; }
.ar-faq__item a { color: var(--faq-teal); font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
.ar-faq__support { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 44px; align-items: center; padding: clamp(38px,6vw,66px); border-radius: 28px; background: linear-gradient(135deg,var(--faq-ink),#567574); color: #fff; }
.ar-faq__support h2 { color: #fff; }
.ar-faq__support p:last-child { max-width: 690px; margin: 0; color: rgba(255,255,255,.78); }
.ar-faq__support .ar-faq__eyebrow { color: var(--faq-cream); }
.ar-faq__support-actions { display: grid; gap: 12px; min-width: 230px; }
.ar-faq__button--light { background: var(--faq-cream); color: var(--faq-ink)!important; }
.ar-faq__text-link--light { color: #fff; text-align: center; }
.ar-faq :where(a, summary):focus-visible { outline: 3px solid var(--faq-cream); outline-offset: 3px; }
@media (max-width: 960px) { .ar-faq__hero, .ar-faq__support { grid-template-columns: 1fr; } .ar-faq__support-actions { width: min(100%,380px); min-width: 0; } }
@media (max-width: 640px) { .ar-faq { padding-inline: 14px; } .ar-faq__hero { padding: 30px 22px; border-radius: 22px; } .ar-faq__groups { margin-block: 52px; padding: 24px 18px; border-radius: 22px; } .ar-faq h1 { font-size: 39px; } .ar-faq__actions { align-items: stretch; flex-direction: column; } .ar-faq__text-link { text-align: center; } .ar-faq__item summary { padding: 19px 18px; } .ar-faq__item > div { padding: 0 18px 20px; } .ar-faq__support { padding: 34px 22px; border-radius: 22px; } .ar-faq__support-actions { width: 100%; min-width: 0; } }