/* An architectural model of a staffed post. Motion follows the selected task. */
.post-story{grid-template-columns:57% 43%;align-items:center}
.post-steps .post-step{min-height:0;border:0;padding:40px 0}
.post-steps .post-step[hidden]{display:none!important}
.post-steps{align-self:center}
.post-visual.guard-scene{height:auto;min-height:0;max-height:none;top:116px;background:#0e263e;border:1px solid #466075;overflow:hidden;isolation:isolate}
.guard-scene-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px 22px;color:#e2e8ed;font-size:15px;letter-spacing:.015em}
.guard-scene-heading .chapter-count{font-size:12px;color:#aabdc9;letter-spacing:.12em}
.guard-tabs{display:flex;margin:0 30px;border-bottom:1px solid #40586d;gap:24px}
.guard-tab{position:relative;border:0;background:transparent;color:#b8c6d1;padding:0 0 16px;min-height:42px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.guard-tab::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d0ad75;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.guard-tab[aria-selected=true]{color:#f4f1e8}
.guard-tab[aria-selected=true]::after{transform:scaleX(1)}
.guard-tab:focus-visible,.guard-replay:focus-visible,.guard-detail:focus-visible{outline:2px solid #e0bd7e;outline-offset:5px}
.guard-viewport{padding:4px 0 0;overflow:hidden;perspective:1000px}
.guard-model{display:block;width:100%;height:auto;transform:rotateX(var(--guard-rx,0deg)) rotateY(var(--guard-ry,0deg));transition:transform .35s ease;transform-origin:center 65%}
.guard-detail{padding:0 30px;min-height:145px}
.guard-detail .chapter-caption{margin:0 0 10px;font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.025em;line-height:1.3}
.guard-explanation{margin:0 0 22px;max-width:420px;font-size:15px;line-height:1.65;color:#bacbd6;min-height:50px}
.guard-detail .chapter-track{background:#344e65}
.guard-scene-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:16px 30px 20px;color:#93a9b9;font-size:12px}
.guard-replay{padding:5px 0;border:0;background:none;font:inherit;font-size:13px;color:#ddc08f;cursor:pointer;min-height:30px;display:flex;align-items:center;gap:9px;white-space:nowrap}
.guard-replay[hidden]{display:none}
.guard-route,.guard-walker,.guard-replacement,.guard-journal,.guard-label{opacity:0;transition:opacity .55s}
.guard-walker{transform-box:view-box;transform-origin:0 0}
.guard-transfer{transform-box:fill-box;transform-origin:center}
.guard-scene[data-mode=entry] .guard-label-entry,.guard-scene[data-mode=patrol] .guard-label-patrol,.guard-scene[data-mode=handover] .guard-label-handover{opacity:1}
.guard-scene[data-mode=patrol] .guard-route,.guard-scene[data-mode=patrol] .guard-walker,.guard-scene[data-mode=handover] .guard-replacement,.guard-scene[data-mode=handover] .guard-journal{opacity:1}
.guard-journal{transform-box:fill-box;transform-origin:center}
.motion-off .guard-model{transform:none!important}
.motion-off .guard-replay{display:none}
@media(min-width:1101px) and (max-height:800px){.post-visual.guard-scene{top:100px}.guard-scene-heading{padding:20px 26px 15px}.guard-tabs{margin:0 26px}.guard-viewport{max-height:330px}.guard-model{max-height:330px}.guard-detail{padding:0 26px;min-height:125px}.guard-explanation{margin-bottom:15px}.guard-scene-footer{padding:10px 26px 14px;min-height:48px}}
@media(max-width:1100px){.post-story{grid-template-columns:56% 44%}.post-steps{padding-left:10%}.guard-scene-heading{padding:23px 22px 18px;font-size:14px}.guard-tabs{margin:0 22px;gap:18px}.guard-tab{font-size:13px}.guard-detail{padding:0 22px;min-height:154px}.guard-explanation{font-size:14px;min-height:66px}.guard-scene-footer{padding:13px 22px 17px;display:block}.guard-replay{margin-top:5px}.guard-detail .chapter-caption{font-size:1.3rem}}
@media(max-width:900px){.post-story{display:block}.post-visual.guard-scene{position:relative;top:auto;max-width:700px;margin:0 auto}.post-steps{padding:25px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post-step{min-height:0;padding:35px 0;border-bottom:0;justify-content:flex-start}.post-step h3{font-size:1.6rem}.post-step p{font-size:.9375rem}.post-step ul{font-size:.8125rem}.guard-tabs{gap:28px}.guard-tab{font-size:14px}.guard-detail{min-height:135px}.guard-explanation{font-size:16px;min-height:52px;max-width:490px}.guard-scene-footer{display:flex;min-height:60px}.guard-replay{margin:0}.guard-label{display:none}}
@media(max-width:600px){.post-steps{display:block;padding-top:18px}.post-step{padding:35px 0;border-bottom:1px solid var(--light-line)}.post-step h3{font-size:2rem}.post-step p{font-size:1rem;margin:20px 0}.guard-scene-heading{padding:22px 18px 18px;gap:10px;font-size:14px}.guard-tabs{margin:0 18px;gap:20px}.guard-tab{font-size:13px;padding-bottom:12px}.guard-viewport{margin:12px -14px 0}.guard-detail{padding:0 18px;min-height:149px}.guard-detail .chapter-caption{font-size:1.35rem}.guard-explanation{font-size:14px;line-height:1.7;min-height:72px;margin-bottom:16px}.guard-scene-footer{display:block;padding:12px 18px 18px;min-height:52px}.guard-replay{margin-top:5px}.guard-model{transform:none!important}.post-heading{padding-bottom:36px}}
@media(max-width:360px){.guard-tabs{gap:15px}.guard-tab{font-size:12px}.guard-scene-heading{font-size:13px}.guard-detail .chapter-caption{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.guard-model{transform:none!important}.guard-replay{display:none}.guard-scene *{transition:none!important}}
@media(max-width:900px){.post-steps{display:block;padding:20px 0 0;max-width:700px;margin:0 auto}.post-steps .post-step{padding:25px 0 0}.post-step h3{font-size:2rem}.post-step h3 br{display:none}.post-step h3 br::after{content:" "}.post-step h3{max-width:600px}.post-step p{max-width:600px}}
.guard-tab{font-size:14px}
@media(max-width:1100px){.guard-label{display:none}}
@media(max-width:600px){.guard-explanation{font-size:16px;min-height:82px}.guard-detail{min-height:159px}}
@media(max-width:360px){.guard-tab{font-size:13px}}