/* Section 3: open editorial comparisons over the persistent petrol atmosphere. */
.posttraining{--post-paper:#f0ece0;--post-soft:#acc3bf;--post-gold:#e8c58b;color:var(--post-paper)}
.posttraining .post-eyebrow{position:absolute;top:92px;left:110px;color:var(--post-soft);font-size:23px}
.posttraining [data-post-from]{opacity:0;visibility:hidden;transform:translate3d(0,20px,0);transition:opacity .55s ease,transform .85s cubic-bezier(.16,1,.3,1),visibility .55s}
.posttraining [data-post-from].post-visible{opacity:1;visibility:visible;transform:none}
.posttraining:not(.current) [data-post-from]{visibility:hidden}
.posttraining.post-snap [data-post-from]{transition:none!important}
.post-opening{position:absolute;left:165px;top:263px;right:110px}
.post-chapter{font-size:27px;letter-spacing:.13em;text-transform:uppercase;color:var(--post-soft);margin-bottom:31px}
.posttraining .post-opening h2{font-size:156px;line-height:1.03;font-weight:500;letter-spacing:-.045em}
.post-opening h2 em{font-style:normal;color:var(--post-gold)}
.post-opening-copy{font-size:40px;line-height:1.45;color:var(--post-soft);margin-top:46px}
.post-opening-rule{position:absolute;top:8px;left:-54px;width:1px;height:540px;background:linear-gradient(transparent,var(--post-gold) 30%,#e8c58b38 82%,transparent)}
.post-task{position:absolute;left:110px;top:183px;right:110px}
.post-task-label{font-size:24px;letter-spacing:.12em;text-transform:uppercase;color:var(--post-gold);margin-bottom:21px}
.posttraining .post-task h2{font-size:78px;line-height:1.12;font-weight:500;letter-spacing:-.035em}
.post-task-context{font-size:28px;color:var(--post-soft);margin-top:20px}
.post-invitation{position:absolute;left:110px;top:650px;color:var(--post-soft);font-family:var(--serif);font-size:46px;font-style:italic;font-weight:400}
.post-comparison{position:absolute;left:110px;right:110px;top:473px;display:grid;grid-template-columns:1fr 1fr;gap:105px}
.post-response{position:relative;min-width:0;border-top:1px solid #c1d0c13f;padding-top:23px;transition:opacity .7s}
.post-response-label{display:flex;align-items:baseline;gap:24px;margin-bottom:35px}
.post-response-label>span{font-size:25px;color:var(--post-soft);text-transform:uppercase;letter-spacing:.12em}
.post-response-label small{font-size:23px;color:var(--post-soft)}
.post-after{border-color:#e8c58b90}
.post-after .post-response-label>span{color:var(--post-gold)}
.post-response blockquote{margin:0;font:400 47px/1.3 var(--serif);letter-spacing:-.025em;color:var(--post-paper)}
.post-after blockquote{color:var(--post-gold)}
.post-observation{font-size:27px;color:var(--post-soft);line-height:1.35;margin-top:25px}
.post-interpretation{font-size:27px;color:var(--post-soft);margin-top:29px;letter-spacing:.01em}
.post-after .post-interpretation{color:var(--post-gold)}
.post-takeaway{position:absolute;left:110px;top:878px;color:var(--post-paper);font-family:var(--serif);font-size:39px;letter-spacing:-.02em}
.post-source{position:absolute;left:110px;bottom:34px;display:flex;gap:25px;align-items:center;max-width:1300px;font-size:19px;color:var(--post-soft);line-height:1.3}
.post-source a{color:var(--post-soft);text-decoration:none;border-bottom:1px solid #acc3bf60;pointer-events:auto}
.post-source a:hover{color:var(--post-gold);border-color:var(--post-gold)}
.post-source a:focus-visible{outline:2px solid var(--post-gold);outline-offset:5px}
.post-source>span{font-size:18px;color:#9aafaa}
.post-moon>.post-visible:has(>.post-source){transform:none;position:absolute;inset:0;pointer-events:none}
.post-moon[data-step="2"] .post-before{border-top-color:#c1d0c180}
.post-moon[data-step="3"] .post-before{opacity:.78}
.post-recipe .post-task{top:169px}
.post-recipe .post-task h2{font-size:73px}
.post-recipe .post-comparison{top:464px}
.post-recipe .post-response-label{margin-bottom:28px}
.post-recipe .post-response blockquote{font-size:43px;line-height:1.32}
.post-recipe .post-interpretation{margin-top:26px;font-size:27px}
.post-grocery-list{display:flex;flex-direction:column;gap:7px}
.post-grocery-list>span:not(.post-ellipsis)::before{content:'—';font-family:var(--sans);display:inline-block;width:43px;color:#e8c58b6e}
.post-recipe .post-grocery-list .post-ellipsis{font-size:31px;line-height:.8;color:var(--post-soft);padding-left:43px}
.post-caution{font-size:27px;line-height:1.3;margin-top:18px;padding-left:18px;border-left:2px solid #d6ab77;color:#e2b987}
.post-training-path{position:absolute;left:110px;right:160px;top:874px;display:grid;grid-template-columns:365px 1fr 390px 1fr 360px;align-items:start;gap:30px}
.post-training-path>div{position:relative}
.post-training-path span{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.post-training-path small{display:block;font-size:23px;line-height:1.3;margin-top:10px;color:var(--post-soft)}
.post-path-training span{color:var(--post-gold)}
.post-path-training::before{content:'';position:absolute;top:-16px;left:0;right:30px;height:1px;background:linear-gradient(90deg,var(--post-gold),transparent)}
.post-path-line{display:block;height:1px;margin-top:23px;background:#e8c58b6e;position:relative}
.post-path-line::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--post-gold);border-right:1px solid var(--post-gold);transform:rotate(45deg)}
.reduce-motion .posttraining *, .posttraining.post-snap *{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.posttraining *{transition:none!important;animation:none!important}}
