#alm-bayani-path{--alm-bg:#fafbf8;--alm-ink:#243a33;--alm-muted:#61716b;--alm-line:#dfe6df;--alm-green:#225e4c;--alm-soft:#edf3ed;--alm-gold:#b29a65;color-scheme:light;background:var(--alm-bg);color:var(--alm-ink);font:15px/1.85 Tahoma,Arial,sans-serif;padding:16px 0;direction:inherit;text-align:start;container-type:inline-size;display:block;border:0}
#alm-bayani-path *{box-sizing:border-box}
#alm-bayani-path .alm-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0;border-block:1px solid var(--alm-line)}
#alm-bayani-path .alm-stage{position:relative;display:flex;flex-direction:column;min-width:0;padding:25px 15px 19px;border-block-start:3px solid transparent}
#alm-bayani-path .alm-stage:not(:last-child){border-inline-end:1px solid var(--alm-line)}
#alm-bayani-path .alm-source{background:var(--alm-soft);border-block-start-color:var(--alm-gold)}
#alm-bayani-path .alm-end{background:#f5f4ed;border-block-end:3px solid var(--alm-gold)}
#alm-bayani-path h2{font:400 32px/1.6 Amiri,Georgia,serif;margin:0 0 3px;letter-spacing:0;color:var(--alm-ink)}
#alm-bayani-path .alm-source h2{font-size:35px}
#alm-bayani-path .alm-subtitle{font:700 14px/1.9 Tahoma,Arial,sans-serif;margin:0 0 13px;min-height:54px;color:var(--alm-ink)}
#alm-bayani-path .alm-copy{font:400 14px/1.95 Tahoma,Arial,sans-serif;color:#51635b;margin:0 0 18px}
#alm-bayani-path .alm-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 13px;margin-block-start:auto;padding-block-start:8px}
#alm-bayani-path .alm-action{appearance:none;border:0;border-radius:0;background:transparent;color:var(--alm-green);font:400 14px/1.85 Tahoma,Arial,sans-serif;padding:4px 0;text-decoration:underline;text-underline-offset:5px;cursor:pointer;min-height:38px;text-align:start}
#alm-bayani-path .alm-action:hover{color:#153f32}
#alm-bayani-path .alm-connector{position:absolute;z-index:2;left:-11px;right:auto;top:39px;display:grid;place-items:center;width:21px;height:23px;background:var(--alm-bg);color:var(--alm-green);font:22px/1 Georgia,serif;direction:ltr;unicode-bidi:isolate;pointer-events:none}
#alm-bayani-path .alm-mini{display:none}
#alm-bayani-path .alm-details{margin:0;border-block-end:1px solid var(--alm-line)}
#alm-bayani-path .alm-details>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;padding:15px 4px;color:var(--alm-green);font-size:14px;min-height:50px}
#alm-bayani-path .alm-details>summary::-webkit-details-marker{display:none}
#alm-bayani-path .alm-details>summary .alm-plus{font:24px/1 Arial,sans-serif}
#alm-bayani-path .alm-details[open]>summary .alm-plus{transform:rotate(45deg)}
#alm-bayani-path .alm-detail-body{padding:0 15px 23px}
#alm-bayani-path .alm-detail-section{padding:18px 0;border-block-start:1px solid var(--alm-line)}
#alm-bayani-path .alm-detail-section h3{font:400 27px/1.65 Amiri,Georgia,serif;margin:0 0 6px;color:var(--alm-ink)}
#alm-bayani-path .alm-detail-section p{margin:0 0 10px;font-size:15px}
#alm-bayani-path .alm-detail-section nav{display:flex;flex-wrap:wrap;gap:5px 22px}
#alm-bayani-path .alm-verse{font:400 23px/1.9 Amiri,Georgia,serif!important;color:var(--alm-green);padding-inline-start:16px;border-inline-start:2px solid var(--alm-gold)}
#alm-bayani-path .alm-cite{font:400 14px/1.9 Tahoma,Arial,sans-serif;color:var(--alm-muted);white-space:nowrap}
#alm-bayani-path .alm-principle{font:400 23px/1.9 Amiri,Georgia,serif;margin:7px 0 18px;padding:14px 18px;background:var(--alm-soft)}
@media(pointer:coarse){#alm-bayani-path .alm-action{min-height:44px}}
@container(max-width:620px){
 #alm-bayani-path .alm-mini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 13px;padding:10px 2px;direction:inherit;color:var(--alm-green);font:400 19px/1.8 Amiri,Georgia,serif;text-align:center}
 #alm-bayani-path .alm-mini>span{position:relative}
 #alm-bayani-path .alm-mini>span:not(:last-child)::after{content:'←';position:absolute;left:-7px;right:auto;top:7px;font:16px/1 Georgia,serif;direction:ltr}
 #alm-bayani-path .alm-path{display:block}
 #alm-bayani-path .alm-stage{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:18px;padding:18px 16px;border-inline-end:0!important;border-block-end:1px solid var(--alm-line)}
 #alm-bayani-path h2{grid-column:1;grid-row:1;font-size:30px!important}
 #alm-bayani-path .alm-subtitle{grid-column:2;grid-row:1;min-height:0;align-self:center;margin:0}
 #alm-bayani-path .alm-copy{grid-column:2;margin:3px 0 5px}
 #alm-bayani-path .alm-actions{grid-column:2;padding:0;margin-top:2px}
 #alm-bayani-path .alm-end{border-block-end:3px solid var(--alm-gold)}
 #alm-bayani-path .alm-connector{display:none}
 #alm-bayani-path .alm-detail-body{padding-inline:14px}
}
html[dir="ltr"] #alm-bayani-path .alm-connector{left:auto;right:-11px;transform:rotate(180deg)}
html[dir="ltr"] #alm-bayani-path .alm-mini>span:not(:last-child)::after{content:'→';left:auto;right:-7px}
#alm-bayani-path .alm-verse{direction:rtl;unicode-bidi:isolate;text-align:right}
#alm-bayani-path .alm-action:focus-visible,#alm-bayani-path summary:focus-visible{outline:3px solid #387764;outline-offset:4px}
#alm-bayani-path .alm-detail-section{scroll-margin-block-start:30px}
/* The final stage opens an editorial explanation below the complete path. */
#alm-bayani-path .alm-maal-toggle{appearance:none;display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--alm-line);border-radius:50%;background:transparent;color:var(--alm-green);font:26px/1 Arial,sans-serif;cursor:pointer}
#alm-bayani-path .alm-maal-toggle:hover{background:var(--alm-soft)}
#alm-bayani-path .alm-maal-toggle:focus-visible{outline:3px solid #387764;outline-offset:4px}
#alm-bayani-path .alm-maal-minus,#alm-bayani-path .alm-maal-toggle[aria-expanded="true"] .alm-maal-plus{display:none}
#alm-bayani-path .alm-maal-toggle[aria-expanded="true"] .alm-maal-minus{display:block}
#alm-bayani-path .alm-maal-panel[hidden]{display:none}
#alm-bayani-path .alm-maal-panel{border-block-end:1px solid var(--alm-line);scroll-margin-block-start:24px}
#alm-bayani-path .alm-maal-body{max-width:1050px;margin-inline:auto;padding:34px 24px 30px;font:16px/2 Tahoma,Arial,sans-serif}
#alm-bayani-path .alm-maal-body h3{font:400 32px/1.7 Amiri,Georgia,serif;color:var(--alm-green);margin:0 0 16px}
#alm-bayani-path .alm-maal-body p{margin:0 0 22px}
#alm-bayani-path .alm-maal-body .alm-maal-principle{font:400 26px/1.9 Amiri,Georgia,serif;color:var(--alm-green);border-inline-start:2px solid var(--alm-gold);padding-inline-start:18px;margin-block:26px}
#alm-bayani-path .alm-maal-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;list-style:none;margin:26px 0;padding:16px 0;border-block:1px solid var(--alm-line);color:var(--alm-green);font:400 22px/1.9 Amiri,Georgia,serif}
#alm-bayani-path .alm-maal-flow>li{display:flex;align-items:center;gap:14px;max-width:100%;min-width:0}
#alm-bayani-path .alm-flow-arrow{flex:none;direction:ltr;unicode-bidi:isolate;font:20px/1 Georgia,serif}
html[dir="ltr"] #alm-bayani-path .alm-flow-arrow{transform:rotate(180deg)}
#alm-bayani-path .alm-maal-stages{list-style:arabic-indic;margin:0;padding-inline-start:26px}
html[dir="ltr"] #alm-bayani-path .alm-maal-stages{list-style:decimal}
#alm-bayani-path .alm-maal-stages>li{padding:23px 8px;border-block-end:1px solid var(--alm-line)}
#alm-bayani-path .alm-maal-stages>li::marker{color:var(--alm-gold);font-size:18px}
#alm-bayani-path .alm-maal-stages h4{font:400 27px/1.7 Amiri,Georgia,serif;margin:0 0 8px;color:var(--alm-ink)}
#alm-bayani-path .alm-maal-stages p{margin:0}
#alm-bayani-path .alm-maal-work{border:0;margin:12px 0 0;padding:0}
#alm-bayani-path .alm-maal-conclusion{padding-block:30px 8px}
#alm-bayani-path .alm-maal-body .alm-maal-statement{font:400 28px/1.9 Amiri,Georgia,serif;color:var(--alm-green);margin-bottom:14px}
#alm-bayani-path .alm-maal-body .alm-maal-note{font-size:14px;color:var(--alm-muted);margin-bottom:18px}
#alm-bayani-path .alm-maal-body .alm-maal-bridge{border-block-start:1px solid var(--alm-line);padding-block-start:20px;font-size:14px;color:var(--alm-muted);margin:0}
@container(max-width:620px){
 #alm-bayani-path .alm-maal-body{padding:26px 16px}
 #alm-bayani-path .alm-maal-body h3{font-size:29px}
 #alm-bayani-path .alm-maal-body .alm-maal-principle{font-size:24px;padding-inline-start:12px}
 #alm-bayani-path .alm-maal-flow{font-size:21px;gap:8px 12px}
 #alm-bayani-path .alm-maal-stages{padding-inline-start:22px}
 #alm-bayani-path .alm-maal-stages>li{padding-inline:2px}
 #alm-bayani-path .alm-maal-body .alm-maal-statement{font-size:25px}
}
@media screen{
html body.experience[data-design-page=home] .home-brand-emblem{min-height:250px}
html body.experience[data-design-page=home] .home-brand-emblem .emblem-ar{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:32px;line-height:1.2}
html body.experience[data-design-page=home] .home-brand-emblem .emblem-ar>span{display:block}
}
@media screen and (min-width:681px) and (max-width:900px){
html body.experience[data-design-page=home] .home-brand-emblem{min-height:228px}
html body.experience[data-design-page=home] .home-brand-emblem .emblem-ar{font-size:29px;gap:10px}
}