
.mobile-path-selector{display:none}
@media(max-width:800px){
.path-section .path-grid{display:none}
.path-section .section-head{margin-bottom:25px}
.path-section .section-head p{font-size:.96rem}
.mobile-path-selector{display:block;max-width:520px;margin:auto}
.mobile-path-choices{display:grid;gap:10px;margin-bottom:16px}
.mobile-path-choice{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;width:100%;padding:17px 16px;background:#f1ebe3;border:1px solid #ddd3c8;border-radius:9px;color:var(--teal);min-height:83px}
.mobile-path-choice.active{background:#fff;border:2px solid var(--teal);padding:16px 15px}
.mobile-path-choice-copy{display:flex;flex-direction:column;gap:5px}
.mobile-path-choice-copy small{font-size:.65rem;letter-spacing:.15em;color:var(--terra);font-weight:700}
.mobile-path-choice-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:1.14rem;line-height:1.25;font-weight:400}
.choice-indicator{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1px solid #aab6b9;font-size:1rem}
.active .choice-indicator{background:var(--teal);color:#fff;border-color:var(--teal)}
.mobile-path-detail{background:#fff;padding:16px;border:1px solid var(--line);border-radius:9px}
.mobile-path-detail[hidden]{display:none!important}
.mobile-path-image{height:165px;position:relative;overflow:hidden;margin-bottom:22px;border-radius:5px}
.mobile-path-image.journal{background:linear-gradient(145deg,#f2e8d8,#d9c7ae)}
.mobile-path-image.journal:after{content:'';position:absolute;width:180px;height:115px;left:23%;top:26%;transform:rotate(-12deg);background:linear-gradient(90deg,#fdfbf7 49%,#e5ded3 50%,#fffdfa 51%);box-shadow:9px 9px 20px #8a705e40}
.mobile-path-image.landscape{background:linear-gradient(#c9d5d4,#f2e2c8 58%,#a6a78b 59%,#c6b997)}
.mobile-path-image.landscape:after{content:'';position:absolute;left:42%;bottom:-55px;width:75px;height:200px;background:#eee0c8;clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}
.mobile-path-detail h3{color:var(--teal);font-size:1.5rem;margin-bottom:12px}
.mobile-path-detail p{font-size:.91rem;color:var(--muted)}
.mobile-path-assessment{border-top:1px solid var(--line);margin-top:19px;padding-top:17px}
.mobile-path-assessment strong{color:var(--teal)}
.mobile-path-assessment p{margin-top:7px}
.mobile-path-detail .btn{width:100%;margin-top:20px;font-size:.87rem}
.path-section .overlap{max-width:470px;margin:18px auto 0;font-size:.82rem}
}
