/* About Lijix: open editorial sections in the shared product design. */
.ab-hero { padding-bottom:0; }
.ab-hero .mp-hero-grid { padding-bottom:58px; }
.ab-scope { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; list-style:none; padding:26px 0; margin:0; border-block:1px solid var(--neutral-200); }
.ab-scope li { display:flex; align-items:center; gap:10px; font-size:13px; line-height:1.6; color:var(--neutral-700); }
.ab-scope li > span { width:7px; height:7px; flex:none; border-radius:50%; background:var(--brand-bright); }
.ab-scope li:nth-child(even) > span { background:var(--accent-warm); }
.ab-section { padding-block:88px; }
.ab-section h2 { max-width:680px; font-size:44px; font-weight:600; letter-spacing:-1.7px; line-height:1.15; }
.ab-intro { margin-top:24px; max-width:580px; color:var(--secondary); font-size:16px; line-height:1.85; }
.ab-purpose-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:100px; }
.ab-purpose-list { margin:0; padding:0; }
.ab-purpose-list > div { border-top:1px solid var(--neutral-200); padding-block:26px; }
.ab-purpose-list > div:first-child { border-color:#bce5dc; }
.ab-purpose-list dt { display:flex; align-items:center; gap:18px; font-weight:600; font-size:24px; line-height:1.4; }
.ab-purpose-list dt > span { color:var(--brand); font-size:12px; font-weight:500; }
.ab-purpose-list dd { margin:16px 0 0 36px; color:var(--secondary); font-size:16px; line-height:1.85; }
.ab-journey { list-style:none; padding:0; margin:44px 0 0; }
.ab-journey > li { display:grid; grid-template-columns:60px minmax(0,.85fr) minmax(0,1.15fr); gap:32px; padding-block:36px; border-top:1px solid var(--neutral-200); }
.ab-step { font-size:13px; color:var(--brand); padding-top:8px; }
.ab-journey h3 { max-width:370px; font-size:28px; line-height:1.3; font-weight:600; letter-spacing:-.7px; }
.ab-journey p { max-width:620px; font-size:16px; line-height:1.8; color:var(--secondary); }
.ab-module-links { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:18px; }
.ab-module-links a { display:inline-flex; align-items:center; gap:10px; padding-block:8px; color:var(--brand); font-size:13px; line-height:1.5; font-weight:600; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#97d5c9; }
.ab-module-links a:hover { color:#075b56; text-decoration-color:currentColor; }
.ab-principles { padding-top:48px; }
.ab-foundation-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; }
.ab-foundation-heading .lx-text-link { flex:none; }
.ab-principle-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:44px 0 0; gap:44px; }
.ab-principle-list li { border-top:1px solid #cce7df; padding-top:28px; }
.ab-principle-mark { display:grid; place-items:center; width:42px; height:42px; margin-bottom:20px; border-radius:13px; color:var(--brand); background:#eaf9f3; font-size:23px; }
.ab-principle-list li:nth-child(2) .ab-principle-mark { background:var(--accent-warm-soft); color:var(--accent-warm-ink); }
.ab-principle-list h3 { font-size:22px; line-height:1.5; font-weight:600; letter-spacing:-.5px; margin-bottom:14px; }
.ab-principle-list p { color:var(--secondary); font-size:15px; line-height:1.85; }
.ab-access { padding-top:20px; }
.ab-access-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; padding:64px; border:1px solid #dcece6; border-radius:32px; background:radial-gradient(ellipse at 20% 70%,#e3f7f0,transparent 55%),#f8fcfa; }
.ab-access-copy { grid-column:2; grid-row:1; min-width:0; }
.ab-access-visual { grid-column:1; grid-row:1; min-width:0; justify-self:center; }
.ab-access-list { list-style:none; padding:0; margin:28px 0 0; }
.ab-access-list li { border-top:1px solid #d3e8e0; padding-block:18px; }
.ab-access-list h3 { font-size:16px; line-height:1.5; font-weight:600; margin-bottom:6px; }
.ab-access-list p { color:var(--secondary); font-size:14px; line-height:1.8; }
.ab-access .mp-mobile-shot { max-width:100%; }
.lx-about-page .lx-footer a[aria-current="page"] { color:var(--brand); }
html[dir="rtl"] .ab-section :is(h2,h3) { letter-spacing:normal; line-height:1.5; }
html[dir="rtl"] .ab-purpose-list dd { margin-left:0; margin-inline-start:36px; }
html[dir="rtl"] .ab-module-links a > span { transform:scaleX(-1); }
@media(max-width:1199px) {
 .ab-section { padding-block:64px; }
 .ab-section h2 { font-size:38px; }
 .ab-purpose-grid { gap:56px; }
 .ab-foundation-heading { align-items:start; flex-direction:column; gap:24px; }
 .ab-principle-list { gap:28px; }
 .ab-access-panel { padding:40px; gap:44px; }
}
@media(max-width:991px) {
 .ab-hero .mp-hero-visual { max-width:100%; }
 .ab-scope { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; }
 .ab-purpose-grid { grid-template-columns:1fr; gap:36px; }
 .ab-purpose-list { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
 .ab-journey > li { grid-template-columns:36px minmax(0,1fr); gap:12px 24px; }
 .ab-journey > li > div { grid-column:2; }
 .ab-principle-list { grid-template-columns:1fr; gap:28px; }
 .ab-principle-list li { display:grid; grid-template-columns:42px 1fr; gap:0 20px; }
 .ab-principle-mark { grid-row:1 / 3; }
 .ab-principle-list h3 { margin-bottom:10px; }
 .ab-access-panel { gap:30px; padding:32px; }
 .ab-access h2 { font-size:32px; }
 .ab-access .mp-mobile-shot { width:230px; }
}
@media(max-width:767px) {
 .ab-section { padding-block:48px; }
 .ab-section h2 { font-size:34px; letter-spacing:-1.2px; }
 .ab-hero .mp-hero-grid { padding-bottom:36px; }
 .ab-scope { padding-block:22px; gap:16px; }
 .ab-scope li { align-items:start; font-size:12px; }
 .ab-scope li > span { margin-top:6px; }
 .ab-intro { font-size:15px; margin-top:20px; }
 .ab-purpose-list { grid-template-columns:1fr; gap:0; }
 .ab-purpose-list dt { font-size:22px; }
 .ab-purpose-list dd { font-size:15px; margin-inline-start:0; }
 html[dir="rtl"] .ab-purpose-list dd { margin-inline-start:0; }
 .ab-journey { margin-top:28px; }
 .ab-journey > li { padding-block:28px; gap:12px 14px; grid-template-columns:24px minmax(0,1fr); }
 .ab-journey h3 { font-size:24px; }
 .ab-journey p { font-size:15px; }
 .ab-principle-list { margin-top:32px; }
 .ab-principle-list li { column-gap:14px; }
 .ab-principle-list h3 { font-size:20px; }
 .ab-access { padding-top:12px; }
 .ab-access-panel { grid-template-columns:1fr; padding:28px 20px; gap:32px; border-radius:24px; }
 .ab-access-copy,.ab-access-visual { grid-column:1; grid-row:auto; }
 .ab-access .mp-mobile-shot { width:260px; }
}
