/* V38 Experience Layer — additive, no application logic changes */
:root{--exp-gold:#e0b86d;--exp-ink:#080e16;--exp-stroke:rgba(213,184,122,.23)}
html{scroll-behavior:smooth}body{overflow-x:hidden}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #edc478!important;outline-offset:4px}
.journey-section{position:relative;padding:90px 0 92px;background:radial-gradient(ellipse at 12% 0%,rgba(197,153,70,.14),transparent 46%),linear-gradient(180deg,#090f17 0%,#0c1420 100%);border-block:1px solid rgba(213,184,122,.14)}
.journey-header{max-width:760px;margin:0 auto 38px;text-align:center}.journey-header h2{font-size:clamp(27px,3.1vw,45px);color:#faf5e9;letter-spacing:-.025em;line-height:1.25;margin:12px 0}.journey-header p{color:#b7c2cc;font-size:16px;line-height:1.8}
.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.journey-card{min-width:0;display:flex;flex-direction:column;padding:27px 23px 23px;min-height:260px;background:linear-gradient(145deg,rgba(30,42,55,.95),rgba(14,23,35,.94));border:1px solid var(--exp-stroke);border-radius:19px;box-shadow:0 16px 42px rgba(0,0,0,.16);transition:transform .2s,border-color .2s}.journey-card:hover{transform:translateY(-5px);border-color:rgba(237,196,120,.65)}.journey-number{font-size:32px;font-weight:800;color:var(--exp-gold);letter-spacing:-.04em}.journey-number span{vertical-align:middle;font-size:12px;letter-spacing:.1em;color:#a6b3bf;margin-left:8px}.journey-card h3{font-size:18px;margin:20px 0 6px;color:#fff}.journey-card p{font-size:14px;line-height:1.85;color:#b6c3d0;margin:0 0 16px}.journey-card a{margin-top:auto;color:#f0cc87;text-decoration:none;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.journey-card a:hover{text-decoration:underline}
.experience-next{margin:34px auto 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 23px;border:1px solid var(--exp-stroke);border-radius:16px;background:linear-gradient(110deg,rgba(172,123,49,.13),rgba(15,27,39,.9))}.experience-next strong{display:block;color:#fff;font-size:17px}.experience-next p{color:#afbdca;margin:5px 0 0;font-size:13px;line-height:1.6}.experience-next a{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border-radius:10px;background:linear-gradient(125deg,#f2d399,#caa35a);color:#141515;text-decoration:none;font-weight:800}.experience-next a:hover{filter:brightness(1.08)}
.route-view .sub-hero{max-width:100%}.route-view:not([data-route="/"]) .subpage,.route-view:not([data-route="/"]) .member-page{padding-bottom:55px}
@media(max-width:960px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.journey-section{padding:56px 0}.journey-grid{grid-template-columns:1fr;gap:11px}.journey-card{min-height:0;padding:21px}.journey-card h3{margin-top:10px}.journey-card p{margin-bottom:10px}.experience-next{flex-direction:column;align-items:stretch;padding:17px}.experience-next a{width:100%;min-height:46px}.journey-header{text-align:left;margin-bottom:24px}.journey-header p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey-card{transition:none}.journey-card:hover{transform:none}}

.member-next-action,.ticket-reply-panel,#memberTicketConversation{border:1px solid rgba(223,185,112,.35);border-radius:16px;background:#121f2d;color:#f7f0e4;padding:20px;margin:18px 0}.member-next-action strong{color:#f4d492;font-size:18px}.member-next-action p{color:#c6d0d9;margin:8px 0 16px}.member-next-action a{color:#f6d797;font-weight:700}.ticket-conversation,.ticket-reply-history{max-height:320px;overflow:auto;margin:10px 0;display:grid;gap:10px}.ticket-message,.ticket-reply-history>div{border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:10px;background:rgba(255,255,255,.04)}.ticket-message p,.ticket-reply-history p{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-message small{opacity:.7}#memberTicketConversation textarea,.ticket-reply-panel textarea{box-sizing:border-box;width:100%;min-height:90px;display:block;margin:8px 0 12px;padding:12px;border-radius:9px}.ticket-item button{cursor:pointer;border-radius:8px;border:1px solid #b79756;background:transparent;color:#f0d39a;padding:8px}@media(max-width:600px){.member-next-action,#memberTicketConversation{padding:15px}.ticket-item{flex-wrap:wrap}}