/* Field Note 002: visual language specific to Reality Doesn't Have a Dashboard. */
.experience-hero{background:radial-gradient(ellipse at 82% 9%,rgba(0,184,132,.12),transparent 42%),radial-gradient(ellipse at 20% 73%,rgba(49,92,255,.14),transparent 53%)}
.experience-hero h1{max-width:1040px;letter-spacing:-.065em}
.experience-essay .essay-body h3{font-size:clamp(1.25rem,2.6vw,1.65rem);line-height:1.25;color:#fff;margin:12px 0 18px}
.experience-essay .essay-body blockquote{border-image:linear-gradient(#00b884,#315cff) 1}
.experience-map{margin:32px 0 36px;padding:23px;border:1px solid rgba(190,198,205,.25);border-radius:8px;background:radial-gradient(ellipse at 52% 47%,rgba(49,92,255,.12),transparent 65%),#03101d}
.experience-map figcaption{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#a6b7cd;font: .72rem/1.5 "Roboto Mono",monospace;letter-spacing:.03em;margin-bottom:23px}
.experience-track{border:1px solid rgba(102,138,255,.47);border-top:3px solid #668aff;background:rgba(49,92,255,.08);border-radius:6px;padding:19px}
.experience-track--lived{border-color:rgba(0,184,132,.42);border-top:3px solid #00b884;background:rgba(0,184,132,.07)}
.experience-track-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}
.track-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(102,138,255,.55);border-radius:6px;color:#9eb1ff;font-size:1.45rem;flex:none}
.experience-track--lived .track-icon{border-color:rgba(0,184,132,.55);color:#00b884}
.experience-track-heading strong{display:block;font-size:1rem;line-height:1.2}
.experience-track-heading small{display:block;color:#b7c4d7;font-size:.78rem;line-height:1.4;margin-top:3px}
.experience-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none}
.experience-steps li{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;min-height:72px;padding:9px 4px;background:rgba(4,12,30,.75);border:1px solid rgba(102,138,255,.28);border-radius:4px;text-align:center}
.experience-steps li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:50%;z-index:1;transform:translateY(-50%);color:#a8b8ff;font-size:.9rem}
.experience-track--lived .experience-steps li{border-color:rgba(0,184,132,.24)}
.experience-track--lived .experience-steps li:not(:last-child)::after{color:#67d2b0}
.experience-steps li>span{color:#829bd5;font: .63rem/1.3 "Roboto Mono",monospace}
.experience-track--lived .experience-steps li>span{color:#66bda1}
.experience-steps strong{font-size:clamp(.7rem,1.7vw,.85rem);letter-spacing:-.02em;line-height:1.2}
.experience-bridge{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;padding:15px 4px;color:#b3c0d8;font:.67rem/1.3 "Roboto Mono",monospace;letter-spacing:.07em}
.experience-bridge span:first-child,.experience-bridge span:last-child{color:#00b884;font-size:1.3rem;line-height:1}
.experience-essay .experience-map-caption{font:.76rem/1.65 "Roboto Mono",monospace;color:#afbfd2;margin:18px 0 0}
.experience-evidence{margin:31px 0;padding:24px;border:1px solid rgba(190,198,205,.27);background:rgba(7,39,74,.25);border-radius:7px}
.experience-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.experience-evidence-grid>div{border:1px solid rgba(190,198,205,.19);background:rgba(1,6,17,.45);border-radius:5px;padding:19px;min-width:0}
.evidence-symbol{display:grid;place-items:center;width:33px;height:33px;color:#b0bdff;border:1px solid rgba(102,138,255,.65);border-radius:50%;font-size:1.3rem;line-height:1}
.experience-evidence-grid>div:nth-child(2) .evidence-symbol{color:#00b884;border-color:rgba(0,184,132,.65)}
.experience-evidence-grid strong{display:block;font-size:1rem;margin:13px 0 10px}
.experience-evidence-grid p{font-size:.88rem;line-height:1.65;margin:0}
.experience-essay .experience-evidence-note{font-size:.78rem;line-height:1.6;margin:18px 0 0;color:#9dacbf}
.experience-contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:31px 0}
.experience-contrast>div{padding:21px;border:1px solid rgba(190,198,205,.22);border-top:3px solid #315cff;border-radius:5px;background:rgba(7,39,74,.22)}
.experience-contrast>div:nth-child(2){border-top-color:#00b884}
.experience-contrast strong{display:block;font-size:1.05rem;line-height:1.4;margin:12px 0}
.experience-contrast p{font-size:.88rem;line-height:1.5;margin:0}
.experience-questions{counter-reset:experienceQuestion;margin:23px 0 29px;padding:0;list-style:none;border-top:1px solid rgba(190,198,205,.22)}
.experience-questions li{counter-increment:experienceQuestion;position:relative;padding:16px 8px 17px 45px;border-bottom:1px solid rgba(190,198,205,.22)}
.experience-questions li::before{content:counter(experienceQuestion,decimal-leading-zero);position:absolute;left:3px;top:19px;color:#00b884;font:.78rem "Roboto Mono",monospace}
.experience-essay .essay-ending{font-size:clamp(1.3rem,2.7vw,1.9rem);line-height:1.5}
@media(max-width:620px){.experience-map{padding:13px}.experience-track{padding:12px}.experience-steps{gap:5px}.experience-steps li{min-height:65px;padding:6px 2px}.experience-steps strong{font-size:clamp(.57rem,2.25vw,.76rem)}.experience-steps li:not(:last-child)::after{right:-6px;font-size:.65rem}.experience-evidence{padding:14px}.experience-evidence-grid,.experience-contrast{grid-template-columns:1fr}.experience-bridge{gap:5px;letter-spacing:0;font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.experience-essay *{scroll-behavior:auto}}

/* Field Note 002: a single personal photograph, with an editorial rather than blog-card treatment. */
.personal-moment{width:min(100%,440px);margin:38px 0 46px}
.personal-moment img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:1px solid rgba(190,198,205,.24);border-radius:7px;box-shadow:0 16px 45px rgba(0,0,0,.25)}
.personal-moment figcaption{margin-top:13px;color:#b1bed0;font-size:.84rem;line-height:1.55}
.personal-moment-label{display:block;color:#00b884;font:.67rem/1.5 "Roboto Mono",monospace;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px}
@media(max-width:620px){.personal-moment{width:min(100%,400px);margin:30px auto 40px}.personal-moment figcaption{padding:0 2px}}