/* Teachings of Our Elders palette: cream, deep green, gold, burgundy and turquoise. */
#process-pathway{background:#fffdf5f5;border-color:#d9d0ba}
#process-pathway details[open]{padding-bottom:10px}
#process-pathway nav{border:1px solid #d9d0ba;border-radius:12px;background:#fcf8ec;margin:0 0 12px;padding:18px 20px 12px;box-shadow:inset 0 1px 0 #fff;overflow:auto;max-height:65vh}
#process-pathway nav:after{display:none}
#process-pathway .trail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:2px}
#process-pathway .trail-heading .eyebrow{color:var(--burgundy);font-size:10px;letter-spacing:.14em;margin:0 0 4px}
#process-pathway .trail-heading h2{font:700 24px/1.2 Georgia,serif;color:var(--blue);margin:0}
#process-pathway .trail-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#40584b}
#process-pathway .trail-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
#process-pathway .trail-legend i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;font:10px/1 system-ui;font-style:normal}
.legend-done{background:#124f47;color:white;border:1px solid #124f47}.legend-current{background:#f2d292;border:2px solid #124f47;outline:1px solid #bc8526;outline-offset:2px}.legend-ahead{background:#fffdf5;border:1px dashed #6b7e70}
#process-pathway .learning-trail{position:relative;height:270px;margin-top:4px;isolation:isolate}
.learning-trail-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.trail-contour{fill:none;stroke:#c9d3ba;stroke-width:1;opacity:.55}.trail-hills{opacity:.52}.trail-rim{fill:none;stroke:#d2bd8b;stroke-width:18;stroke-linecap:round}.trail-road{fill:none;stroke:#eee1be;stroke-width:14;stroke-linecap:round}.trail-center{fill:none;stroke:#a68349;stroke-width:1.2;stroke-dasharray:3 7;opacity:.85}
#process-pathway .learning-trail ol{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:130px 130px;gap:0;margin:0;padding:7px 0 0;height:100%;align-items:center;list-style:none}
#process-pathway .learning-trail li{position:relative;display:flex;justify-content:center;margin:0;min-width:0}
#process-pathway .learning-trail li:after{display:none!important}
#process-pathway .learning-trail li:nth-child(6){grid-column:5;grid-row:2}#process-pathway .learning-trail li:nth-child(7){grid-column:4;grid-row:2}#process-pathway .learning-trail li:nth-child(8){grid-column:3;grid-row:2}#process-pathway .learning-trail li:nth-child(9){grid-column:2;grid-row:2}#process-pathway .learning-trail li:nth-child(10){grid-column:1;grid-row:2}
#process-pathway .learning-trail button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:10px 7px 9px;width:calc(100% - 18px);min-height:105px;background:#fffdf5;border:1px solid #cfc7b3;border-radius:12px;color:#244638;text-align:center;box-shadow:0 3px 9px #21392e0b;line-height:1.3;font-size:12px;transition:box-shadow .15s,border-color .15s}
#process-pathway .learning-trail button:disabled{color:#526154;background:#fcf9f0;border-style:dashed;opacity:1}
#process-pathway .learning-trail button:not(:disabled):hover{border-color:#124f47;box-shadow:0 4px 12px #124f4726;background:#f5f8ed}
#process-pathway .learning-trail .pathway-node{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;background:#fffdf5;border:1px dashed #728675;border-radius:50%;font-size:12px;font-weight:700;outline:none}
#process-pathway .learning-trail .done .pathway-node{background:#124f47;border:1px solid #124f47;color:white}
#process-pathway .learning-trail .done button{border-color:#a1b8a7}
#process-pathway .learning-trail .current button{background:#fff8e7;border:2px solid #bc8526;box-shadow:0 3px 14px #bc852623}
#process-pathway .learning-trail .current .pathway-node{background:#f2d292;color:#153e32;border:2px solid #124f47;outline:2px solid #bc8526;outline-offset:3px}
#process-pathway .trail-label{font-weight:650;overflow-wrap:break-word}
#process-pathway .learning-trail small{font-size:10px;font-weight:400;color:#526154;margin-top:5px}
#process-pathway .learning-trail .current small{font-weight:700;color:#640d2c}
#process-pathway nav .trail-footnote{font-size:11px;line-height:1.55;color:#526154;margin:0;padding-top:8px;border-top:1px solid #d9d0ba}
@media(max-width:760px){#process-pathway nav{padding:15px 14px 12px}#process-pathway .trail-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}#process-pathway .trail-heading h2{font-size:23px}#process-pathway .trail-legend{gap:13px}#process-pathway .learning-trail{height:auto;margin:0 0 15px;padding:0 0 0 5px}#process-pathway .learning-trail:before{content:'';position:absolute;left:34px;top:26px;bottom:26px;border-left:9px solid #eee1be;outline:1px solid #d2bd8b;z-index:-1}.learning-trail-art{display:none}#process-pathway .learning-trail ol{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0}#process-pathway .learning-trail li{display:block}#process-pathway .learning-trail button{flex-direction:row;justify-content:flex-start;text-align:left;width:100%;min-height:62px;gap:15px;padding:11px 14px;border-radius:10px}#process-pathway .learning-trail .pathway-node{flex-basis:30px}#process-pathway .learning-trail small{margin-top:3px}#process-pathway .trail-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){#process-pathway .learning-trail button{transition:none}}
@media print{#process-pathway{display:none}}
