/* Content pages (Our Story, FAQ, policies) in the LALA design. Content sits in .lala-scope.lala-page. */
body.lala.lala-doc .entry-header,body.lala.lala-doc .page-header{text-align:center}
body.lala.lala-doc :is(.entry-title,.page-title){font-family:var(--lala-display)!important;font-size:clamp(40px,5.5vw,64px)!important;font-weight:500!important;color:var(--lala-ink);letter-spacing:0;text-transform:none}
.lala-page{max-width:760px;margin:0 auto;padding-block:8px 72px;font-size:16px;line-height:1.85;color:var(--lala-ink)}
.lala-page p{margin:0 0 16px}
.lala-page :is(strong,b){font-weight:600;color:var(--lala-ink)}
.lala-page em{color:var(--lala-muted)}
.lala-page hr{height:1px;border:0;background:var(--lala-line);margin:36px 0}
.lala-page ul{margin:0 0 18px;padding-inline-start:22px}
.lala-page li{margin-bottom:6px}
.lala-page a{color:var(--lala-accent);text-decoration:underline;text-underline-offset:3px}
.lala-page img{max-width:100%;height:auto;border-radius:14px}
.lala-page .lala-ph{font-family:var(--lala-display);font-weight:600;line-height:1.2;color:var(--lala-ink);margin:48px 0 14px;text-wrap:balance}
.lala-page h2.lala-ph{font-size:clamp(30px,4vw,40px)}
.lala-page h4.lala-ph{font-size:26px}
.lala-page h1{font-family:var(--lala-display);font-size:clamp(30px,4vw,40px)!important;font-weight:600;line-height:1.2;margin:0 0 20px}
.lala-page h1 span{font-size:inherit!important}
.lala-page .lala-pdash{display:block;width:40px;height:2px;background:var(--lala-accent);margin:40px 0 0;border-radius:1px}
.lala-page .lala-psign{font-family:var(--lala-display);font-size:20px;font-style:italic;color:var(--lala-accent);margin-top:8px}
.lala-page .lala-prow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 40px}
.lala-page .lala-pcol{min-width:0}
.lala-page .lala-prow:has(> .lala-pcol:only-child){display:block}
/* stats (Our Story) */
.lala-page .lala-prow:has(.lala-stat){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:40px}
.lala-page .lala-stat{display:grid;gap:8px;padding:22px;border-radius:16px;background:var(--lala-surface);border:1px solid var(--lala-line);font-size:14px;line-height:1.6;height:100%}
.lala-page .lala-stat b{font-family:var(--lala-display);font-size:24px;font-weight:600;line-height:1.2}
.lala-page .lala-stat p{margin:0;color:var(--lala-muted)}
.lala-page .lala-stat em{color:var(--lala-muted)}
/* FAQ accordion */
.lala-page .lala-faq{margin:8px 0 24px;border-top:1px solid var(--lala-line)}
.lala-page .lala-faq-item{border-bottom:1px solid var(--lala-line)}
.lala-page .lala-faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;font-family:var(--lala-display);font-size:21px;font-weight:600;line-height:1.35;color:var(--lala-ink)}
.lala-page .lala-faq-item summary::-webkit-details-marker{display:none}
.lala-page .lala-faq-item summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--lala-line);background:var(--lala-ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15.5' fill='black' fill-opacity='.08'/%3E%3Cpath d='M16 10v12M10 16h12' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15.5' fill='black' fill-opacity='.08'/%3E%3Cpath d='M16 10v12M10 16h12' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.lala-page .lala-faq-item[open] summary::after{transform:rotate(45deg)}
.lala-page .lala-faq-item summary:hover{color:var(--lala-accent)}
.lala-page .lala-faq-a{padding:0 0 22px;color:var(--lala-muted);font-size:15px}
.lala-page .lala-faq-a p{margin:0 0 10px}
.lala-page .lala-faq-a img{display:block;margin:14px auto 0}
.lala-page .lala-faq-item[dir="rtl"] summary,.lala-page .lala-faq-item[dir="rtl"] .lala-faq-a{text-align:right}
html[lang^="ar"] .lala-page .lala-faq-item summary{font-size:19px}
/* image gallery (FAQ: filter change signs) */
.lala-page .lala-pgallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:12px 0 24px}
.lala-page .lala-pgallery-img{width:100%;height:auto;border-radius:16px;display:block}
@media (max-width:560px){.lala-page .lala-pgallery{grid-template-columns:1fr}}
/* night */
html[data-theme="dark"] .lala-page em,html[data-theme="dark"] .lala-page .lala-faq-a{color:var(--lala-muted)!important}
html[data-theme="dark"] .lala-page a{color:var(--lala-accent)!important}
