/* FAQ R20: readable answers, a real fruit visual and useful navigation. */
.page-faq .faq-r20-hero{background:var(--green-deep);height:auto;min-height:0;max-height:none;padding:155px 0 55px}
.page-faq .faq-r20-hero:before{display:none}
.page-faq .faq-r20-hero-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:70px;align-items:center}
.page-faq .faq-r20-hero h1{font-size:clamp(65px,6vw,90px);line-height:1.03;max-width:800px;margin-bottom:26px}
.page-faq .faq-r20-hero h1 em{font-size:.84em;line-height:1.24;display:inline-block;color:var(--yellow)}
.page-faq .faq-r20-hero .lead{font-size:18px;line-height:1.8;max-width:620px;margin-bottom:25px}
.page-faq .faq-r20-hero figure{margin:0;max-width:330px;justify-self:end}
.page-faq .faq-r20-hero img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:160px 160px 3px 3px}
.page-faq .faq-r20-hero figcaption{font-size:11px;line-height:1.6;color:#dbe6d5;margin-top:12px}
.page-faq .faq-r20-answers{padding-block:75px}
.page-faq .faq-layout{grid-template-columns:255px minmax(0,1fr);gap:70px}
.page-faq .faq-sidebar{top:118px}
.page-faq .faq-sidebar nav{margin-bottom:25px}
.page-faq .faq-sidebar nav a{font-size:13px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.page-faq .faq-guide{background:var(--sage);padding:20px;margin-top:26px}
.page-faq .faq-guide figure{margin:0 0 20px}
.page-faq .faq-guide img{display:block;aspect-ratio:4/3;object-fit:cover}
.page-faq .faq-guide figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:8px}
.page-faq .faq-guide h2{font-size:30px;line-height:1.1;margin-bottom:12px}
.page-faq .faq-guide p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:15px}
.page-faq .faq-guide .btn{font-size:12px;min-height:46px;justify-content:space-between;width:100%}
.page-faq #faq-search-panel[hidden]{display:none!important}
.page-faq .faq-search{padding:24px 25px 18px;margin-bottom:40px}
.page-faq .faq-search input{font-size:16px;min-height:50px}
.page-faq .faq-search input::placeholder{font-size:13px}
.page-faq .faq-search label{font-size:13px}
.page-faq .faq-search button{font-size:12px;min-height:44px;cursor:pointer}
.page-faq .faq-search-tools{justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:8px}
.page-faq .faq-search #faq-count{font-size:12px;margin:0}
.page-faq .faq-search-tools .faq-toggle-all{background:none;color:var(--green);padding:6px 0;text-decoration:underline;text-underline-offset:4px;border-radius:0}
.page-faq .faq-group{margin-bottom:55px;scroll-margin-top:120px}
.page-faq .faq-group-heading{display:flex;gap:18px;align-items:center;margin-bottom:14px}
.page-faq .faq-group-number{font-family:'Shine Script',cursive;font-size:34px;line-height:1.2;color:var(--orange)}
.page-faq .faq-group h2{font-size:42px;line-height:1.12;margin:0}
.page-faq .faq-group .faq-group-intro{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:25px}
.page-faq .faq-group details{padding-block:23px;scroll-margin-top:120px}
.page-faq .faq-group summary{font-size:17px;line-height:1.6;min-height:44px;font-weight:600;cursor:pointer;display:list-item}
.page-faq .faq-group details p{font-size:15px;line-height:1.85;margin:15px 0 5px;max-width:72ch}
.page-faq .faq-group details p+p{margin-top:12px}
.page-faq .faq-group a{text-underline-offset:4px}
.page-faq #faq-empty{background:var(--sage);padding:28px}
.page-faq #faq-empty h2{font-size:36px;margin-bottom:15px}
.page-faq #faq-empty p{font-size:15px;line-height:1.8;margin:0}
@media(max-height:800px){.page-faq .faq-sidebar{position:static}}
@media(max-width:1040px){.page-faq .faq-r20-hero-grid{grid-template-columns:1.4fr .8fr;gap:30px}.page-faq .faq-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.page-faq .faq-guide{padding:16px}.page-faq .faq-r20-hero h1{font-size:64px}.page-faq .faq-group h2{font-size:36px}}
@media(max-width:760px){
 .page-faq .faq-r20-hero{padding:142px 0 35px;min-height:0!important}
 .page-faq .faq-r20-hero-grid{grid-template-columns:1fr;gap:28px}
 .page-faq .faq-r20-hero h1{font-size:54px!important;line-height:1.05}
 .page-faq .faq-r20-hero h1 em{font-size:.92em;line-height:1.22}
 .page-faq .faq-r20-hero .lead{font-size:16px;line-height:1.75}
 .page-faq .faq-r20-hero figure{width:100%;max-width:none;justify-self:stretch}
 .page-faq .faq-r20-hero img{aspect-ratio:16/8;object-position:center 40%;border-radius:3px}
 .page-faq .faq-r20-hero figcaption{font-size:10px}
 .page-faq .faq-r20-answers{padding-block:40px}
 .page-faq .faq-layout{grid-template-columns:1fr;gap:25px}
 .page-faq .faq-sidebar{position:static}
 .page-faq .faq-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:0}
 .page-faq .faq-sidebar nav a{font-size:12px;min-height:48px;line-height:1.6}
 .page-faq .faq-guide{display:none}
 .page-faq .faq-search{padding:20px 18px 14px;margin-bottom:35px}
 .page-faq .faq-search input::placeholder{font-size:12px}
 .page-faq .faq-search #faq-count{font-size:12px}
 .page-faq .faq-group{margin-bottom:42px}
 .page-faq .faq-group h2{font-size:36px}
 .page-faq .faq-group-heading{gap:12px}
 .page-faq .faq-group-number{font-size:29px}
 .page-faq .faq-group .faq-group-intro{font-size:13px}
 .page-faq .faq-group summary{font-size:16px;line-height:1.7}
 .page-faq .faq-group details p{font-size:15px;line-height:1.85}
}
@media print{.page-faq .faq-r20-hero{background:white;color:black;padding:20px 0}.page-faq .faq-r20-hero h1 em{color:black}.page-faq .faq-r20-hero figure,.page-faq .faq-sidebar,.page-faq .faq-search{display:none}.page-faq .faq-layout{display:block}.page-faq .faq-group{break-inside:auto}}
