/* Job 8. Local object anatomy over the live drawing kit (Astra's anatomy, consolidated in the finishing layer).
   Fine interior rules are light (--k-hair inset), so a rotated sheet's k-rotated turns them into a quieter 1 px rule.
   Strokes are 1, 1.5 or 3 px only. No colour literals: tokens and --k-mat-* only. */
.aw-page { --aw-ink: var(--color-text-primary); }
.aw-page-inner, .aw-header .nav__inner, .aw-footer { max-width:1344px; width:calc(100% - 96px); margin-inline:auto; }
.aw-header { height:72px; position:relative; border-bottom:1px solid var(--color-line-construction); }
.aw-header .nav__inner { height:72px; min-block-size:72px; padding:0; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; }
.aw-header .nav__wordmark { font-size:21px; line-height:28px; }
.aw-header .nav__link, .aw-header .btn { font-size:16px; line-height:24px; }
.aw-header .nav__links { gap:24px; }
.aw-header .nav__link[aria-current]::before { content:''; display:inline-block; width:6px; height:6px; background:var(--aw-ink); margin-right:8px; }
.aw-header .btn { padding:12px 24px; min-height:48px; transition:transform var(--p-duration-short) var(--p-easing-out); }
.aw-menu { display:none; }
.aw-skip { position:absolute; top:8px; left:16px; translate:0 -150%; z-index:100; background:var(--color-paper); padding:12px; }
.aw-skip:focus { translate:0; }
.aw-intro { padding:96px 0 48px; }
.aw-intro > .k-smallcaps { margin-bottom:20px; }
.aw-intro-row { display:grid; grid-template-columns:repeat(12,1fr); gap:24px; align-items:start; }
.aw-intro h1 { grid-column:1 / 7; font:400 50px/52px var(--p-font-family-display); letter-spacing:-.02em; max-width:640px; }
.aw-context { grid-column:8 / 13; padding-top:4px; font-size:16px; line-height:24px; color:var(--color-text-secondary); }
.aw-context p + p { margin-top:16px; }
.aw-context strong { font-weight:500; color:var(--aw-ink); }
.aw-footer { margin-top:96px; padding:24px 0 48px; border-top:1px solid var(--color-line-construction); }
.aw-footer > p { max-width:540px; font-size:16px; line-height:24px; }
.aw-footer nav { display:flex; flex-wrap:wrap; gap:16px 24px; margin-top:24px; font-size:12px; line-height:16px; }
.aw-footer a { text-decoration-thickness:1px; text-underline-offset:4px; }
.aw-footer a[aria-current] { font-weight:600; }

/* The well. Each scene sets its own light (--k-lx) and pool (--k-pool-*) in the composition block. */
.aw-scene { width:calc(100% + 48px); overflow:hidden; }
.aw-scene .aw-field { inset:0; width:100%; height:100%; }
.aw-scene .aw-marks { inset:0; width:100%; height:100%; -webkit-mask-image:radial-gradient(var(--aw-marks-w,34%) var(--aw-marks-h,46%) at var(--aw-marks-x,30%) var(--aw-marks-y,44%), var(--k-mat-mask) 0%, transparent 100%); mask-image:radial-gradient(var(--aw-marks-w,34%) var(--aw-marks-h,46%) at var(--aw-marks-x,30%) var(--aw-marks-y,44%), var(--k-mat-mask) 0%, transparent 100%); }
.aw-scene .aw-object { position:absolute; z-index:3; }
.aw-scene .k-person { z-index:9; width:160px; height:44px; }
.aw-scene .aw-phone { display:none; }
.aw-scene .aw-desktop { display:block; }
.aw-scene .k-wires { z-index:2; }
.aw-scene .k-route { z-index:1; }
.aw-route-name { position:absolute; top:42px; left:48px; z-index:2; font:400 21px/28px var(--p-font-family-display); }
.aw-arrivals, .aw-slide { position:absolute; inset:0; pointer-events:none; }
.aw-arrivals > *, .aw-slide > * { pointer-events:auto; }
/* A siding, a loop or a spur: the system's own track off the business's line, drawn in ink. */
.aw-scene .k-route__line.aw-siding { stroke:var(--color-text-secondary); stroke-width:var(--line-structure); }
.aw-scene .k-route__line.aw-buffer { stroke:var(--color-text-primary); stroke-width:var(--line-route); stroke-linecap:butt; }
.aw-scene .k-wire.aw-wire--model { stroke-dasharray:5 4; }
.aw-pin { width:10px; }

/* Marks */
.aw-person-mark { display:inline-block; width:8px; height:8px; background:var(--color-text-primary); }
/* A state that is true now: a filled ink square (a run state is the system's, so ink, not blue). */
.aw-state-square { display:inline-block; width:10px; height:10px; background:var(--color-text-primary); }
.aw-blank { display:grid; grid-template-columns:8px 1fr; column-gap:8px; align-items:end; }
.aw-blank .aw-person-mark { align-self:center; }
.aw-blank__line { display:block; height:14px; box-shadow:inset 0 calc(-1 * var(--line-construction)) 0 var(--color-text-tertiary); }
.aw-blank__label { grid-column:2; font-size:7px; line-height:10px; color:var(--color-text-tertiary); margin-top:2px; }

/* Ruled fields, the role sheet and its kin */
.aw-fields { margin-top:12px !important; }
.aw-fields > div { display:grid; grid-template-columns:31% 1fr; gap:12px; box-shadow:inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction); padding-block:8px; }
.aw-fields dt { color:var(--color-text-tertiary); }
.aw-fields dd { min-width:0; }
.aw-fields .k-figure, .aw-fields .k-inline-person { white-space:normal; }
.aw-role .aw-fields > div { padding:16px 0; }
.aw-role .aw-fields dd { font-size:16px; line-height:24px; }
.aw-role .aw-fields dd .k-muted { font-size:11px; line-height:16px; display:inline-block; }
.aw-role .k-signature { margin-top:16px !important; }
.aw-role-back .k-letterhead { padding-bottom:4px; }
.aw-role-back .k-doc-title { margin-top:4px !important; font-size:16px; line-height:24px; }
.aw-role-back .aw-fields { margin-top:6px !important; }
.aw-role-back .aw-fields > div { padding-block:6px; }
/* The credential: a cardstock key tag on its own ring, clipped through the role sheet's edge. */
.aw-credential .k-body { padding:28px 20px 16px 28px; }
.aw-credential::before { content:''; position:absolute; width:28px; height:8px; top:9px; left:calc(50% - 14px); border:1px solid var(--color-text-tertiary); border-radius:8px; }
.aw-credential::after { content:''; position:absolute; width:10px; height:42px; top:-24px; left:calc(50% - 5px); border:1.5px solid var(--color-text-secondary); border-radius:5px; }
.aw-skill .k-body { padding-left:24px; }
.aw-skill .k-body::before { content:''; position:absolute; left:0; top:0; bottom:0; width:8px; background:var(--color-text-secondary); border-radius:var(--radius-paper) 0 0 var(--radius-paper); }

/* The reasoning trace at read scale */
.aw-full-trace { padding:28px; }
.aw-full-trace .k-instrument__header { height:40px; }
.aw-full-trace .k-instrument__header h3 { font-size:28px; line-height:32px; }
.aw-full-trace .k-steps { margin-top:20px !important; }
.aw-full-trace .k-step { grid-template-columns:9px 57px 1fr; gap:12px; height:auto; min-height:52px; padding:12px 0; font-size:16px; line-height:24px; }
.aw-full-trace .k-step__verb { font-size:11px; line-height:24px; }
.aw-full-trace .k-step__state { margin-top:8px; }
.aw-full-trace .k-readout { margin-top:12px !important; }
.aw-log .k-register th:first-child { width:48px; }
.aw-stop-slip .k-doc-title { font-size:16px; line-height:24px; }
.aw-stop-slip::after { content:''; position:absolute; left:0; bottom:0; width:8px; height:16px; background:var(--color-text-primary); }

/* Handoff slips, stations and the two track treatments */
.aw-slip .k-body { padding-top:24px; }
.aw-slip::before { content:''; position:absolute; left:0; right:0; top:10px; border-top:1px dashed var(--color-text-tertiary); }
.aw-slip.k-doc--read .aw-fields { margin-top:20px !important; }
.aw-slip.k-doc--read .aw-fields > div { padding:16px 0; }
.aw-slip.k-doc--read .aw-fields dd { font-size:16px; line-height:24px; }
.aw-slip.k-doc--read .aw-fields dt { font-size:11px; line-height:16px; }
.aw-station .k-doc-title { font-size:21px; line-height:28px; }
.aw-station .aw-fields > div { padding-block:5px; grid-template-columns:48px 1fr; gap:8px; }
.aw-station .k-register th:last-child, .aw-station .k-register td:last-child { text-align:right; width:70px; }
.aw-station .k-footline strong { white-space:nowrap; }
.aw-station--drafts::after { content:''; position:absolute; right:0; top:0; width:14px; height:14px; background:linear-gradient(45deg,var(--color-paper-under) 49%,var(--color-line-construction) 50%,var(--color-surface-well) 54%); }
.aw-station--checks::after { content:''; position:absolute; left:22px; top:-6px; width:36px; height:8px; border:1px solid var(--color-text-secondary); border-radius:2px; background:var(--color-surface-raised); }
.aw-station--checks .aw-checklines { margin-top:12px; }
.aw-scene--mechanisms .aw-station--checks::after { display:none; }
.aw-form .aw-fields > div { grid-template-columns:64px 1fr; padding-block:5px; gap:8px; }
.aw-form .aw-fields dt { font-size:8px; }
.aw-code-segment { border-top:1.5px solid var(--color-text-secondary); border-bottom:1.5px solid var(--color-text-secondary); padding:10px 12px; background:var(--color-surface-page); }
.aw-code-segment::before, .aw-code-segment::after { content:''; position:absolute; top:-6px; bottom:-6px; width:1.5px; background:var(--color-text-secondary); }
.aw-code-segment::before { left:0; }.aw-code-segment::after { right:0; }
.aw-code-segment span { display:block; font-family:var(--p-font-family-display); font-size:11px; margin-bottom:6px; }
.aw-model-segment { border-block:1.5px dashed var(--color-text-secondary); padding:12px 16px; background:var(--color-surface-page); }
.aw-model-segment span { display:block; font-family:var(--p-font-family-display); font-size:11px; margin-bottom:4px; }

/* The checkpoint: a gate with a jamb and a leaf the route cannot pass unsigned */
.aw-gate-opening { position:relative; margin-top:16px; padding:8px 12px; }
.aw-gate-jamb { position:absolute; inset:0 8px 0 0; border:1.5px solid var(--color-text-secondary); border-bottom:0; background:var(--color-surface-well-deep); }
.aw-gate-leaf { position:relative; min-height:224px; background:var(--color-paper) var(--k-grain-cover); padding:16px; box-shadow:var(--k-sh-base),var(--k-sh-contact); transform:skewY(-2deg); }
/* Two hinge plates, drawn as filled plates rather than a stroke. */
.aw-gate-leaf::before { content:''; position:absolute; left:-7px; top:24px; bottom:24px; width:7px; background:linear-gradient(var(--color-text-secondary) 0 8px, transparent 8px calc(100% - 8px), var(--color-text-secondary) calc(100% - 8px)); }
.aw-gate .aw-sign-tag { font-size:16px; line-height:24px; }
.aw-gate-wait { margin-top:8px !important; color:var(--color-text-secondary); }
.aw-gate-amount { display:flex; justify-content:space-between; align-items:baseline; gap:8px; box-shadow:inset 0 var(--k-hair) 0 var(--color-line-construction), inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction); margin-top:12px; padding-block:8px; }
.aw-gate-amount .k-figure { font-size:21px; line-height:28px; }
.aw-gate-amount small { font-size:9px; font-weight:400; }
.aw-gate .k-signature { margin-top:12px !important; padding-top:8px; padding-bottom:22px; }
.aw-gate .k-stamp { top:32px; }
.aw-gate > .k-body > .k-detail > .aw-fields { margin-top:12px !important; }
.aw-gate .aw-fields > div { align-items:end; }

/* The business's threshold band */
.aw-threshold .k-doc-title { font-size:16px; line-height:24px; }
.aw-threshold-above, .aw-threshold-below { display:flex; justify-content:space-between; gap:12px; align-items:center; padding-top:16px; }
.aw-threshold-line { margin-top:16px; border-top:3px solid var(--color-route); position:relative; }
.aw-threshold-line > strong { position:absolute; top:-11px; left:44%; background:var(--color-paper-under); color:var(--color-route); padding-inline:8px; font-size:16px; line-height:20px; }
.aw-threshold-below > .k-figure { font-size:21px; line-height:28px; }
.aw-threshold-below small { font-size:9px; font-weight:400; }
.aw-dispatch-time { margin-top:12px; font-size:21px; line-height:28px; }

/* The send record, the dry-run tag, the dead-letter tray and the rollback spool */
.aw-ledger.k-doc--read .k-register { font-size:16px; line-height:24px; margin-top:24px; }
.aw-ledger .k-register th:first-child { width:64px; }
.aw-ledger.k-doc--read .k-register td { padding-block:20px; }
.aw-ledger .k-register th { font-size:11px; line-height:16px; }
.aw-ledger .k-signature { padding-bottom:8px; }
.aw-hang-tag::before { content:''; position:absolute; top:-32px; height:44px; width:18px; left:24px; border:1px solid var(--color-text-tertiary); border-radius:50%; }
.aw-hang-tag .k-body { padding-top:24px; }
.aw-tray { height:220px; }
.aw-tray-back { position:absolute; inset:12px 0 16px; background:var(--color-line-hairline) var(--k-grain-cover); border-radius:2px; box-shadow:var(--k-sh-base),var(--k-sh-contact); }
.aw-tray-slip { position:absolute; left:28px; top:-28px; right:20px; rotate:-4deg; }
.aw-tray-front { position:absolute; bottom:0; left:0; right:0; height:84px; padding:44px 24px 24px; background:var(--color-surface-well-deep) var(--k-grain-cover); box-shadow:var(--k-sh-fixed),var(--k-sh-base),var(--k-sh-contact); display:flex; justify-content:space-between; }
.aw-tray-front::before { content:''; position:absolute; top:-10px; left:0; right:0; height:12px; background:var(--color-surface-well-deep); clip-path:polygon(0 0,32% 0,38% 100%,100% 100%,0 100%); }
.aw-spool svg { width:160px; height:110px; overflow:visible; }
.aw-spool-rim { fill:var(--color-surface-raised); stroke:var(--color-text-secondary); stroke-width:1.5px; }
.aw-spool-back { fill:var(--color-line-hairline); }
.aw-spool-tape { fill:none; stroke:var(--color-text-secondary); stroke-width:3px; stroke-linecap:round; }
.aw-spool-hub { fill:var(--color-text-secondary); }
.aw-spool-spokes { fill:none; stroke:var(--color-text-secondary); stroke-width:1px; }
.aw-spool-label { position:absolute; top:38px; left:86px; background:var(--color-surface-page); padding:4px; }
.aw-spool-note { margin-left:12px; }

/* The evidence pack, sources and the correction becoming a rule */
.aw-evidence .k-doc-title { font-size:38px; line-height:44px; }
.aw-evidence .k-body { padding:24px 32px 28px 48px; }
.aw-pack-section { font-family:var(--p-font-family-display); font-size:12px; line-height:16px; font-variant:small-caps; letter-spacing:.05em; margin-bottom:8px !important; }
.aw-pack-draft { margin-top:24px; }
.aw-pack-draft .k-register { font-size:11px; line-height:16px; }
.aw-pack-draft .k-register th:last-child, .aw-pack-draft .k-register td:last-child { text-align:right; width:100px; }
.aw-pack-draft .k-register td { padding-block:12px; }
.aw-pack-draft .k-footline { font-size:16px; line-height:24px; }
.aw-pack-checks { margin-top:24px; box-shadow:inset 0 var(--k-hair) 0 var(--color-line-construction); padding-top:16px; }
.aw-checklines p { display:flex; gap:8px; align-items:flex-start; margin-top:8px; }
.aw-checklines .k-tick { flex:none; margin-top:1px; }
.aw-evidence .k-signature { padding-bottom:32px; }
.aw-evidence .k-stamp { top:34px; }
.aw-evidence .k-tabs { right:-64px; top:80px; width:64px; z-index:2; }
.aw-evidence .k-tabs span { width:64px; padding:8px 6px; }
.aw-scene .aw-terms .k-clause { display:grid; grid-template-columns:20px 1fr; gap:8px; margin-top:12px; padding-block:8px; border-top:1.5px solid var(--color-text-primary); box-shadow:inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction); }

@media (max-width:1100px) {
 /* Phone (finish-4): a blank foot on the gate for the pack to lie on; the credential's ring and clip hang behind the role sheet's foot. */
 .aw-scene--mechanisms .aw-gate > .k-body { padding-bottom:64px; }
 .aw-scene--evidence-pack .aw-correction > .k-body { padding-bottom:44px; }
 .aw-scene--agent .aw-credential > .k-body { padding-top:60px; }
 .aw-scene--mechanisms .aw-overview-pack { --k-body-size:8px; --k-body-leading:11px; }
 .aw-scene--mechanisms .aw-overview-pack .k-body { padding:12px 10px 12px 26px; }
 .aw-scene--mechanisms .aw-overview-pack .k-register td:last-child, .aw-scene--mechanisms .aw-overview-pack .k-register th:last-child { white-space:nowrap; text-align:right; width:54px; }
 .aw-scene--mechanisms .aw-overview-pack .k-register { font-size:8px; line-height:11px; }
 .aw-page-inner, .aw-header .nav__inner, .aw-footer { width:calc(100% - 32px); max-width:592px; }
 .aw-header .nav__links { display:none; }.aw-header .nav__wordmark { font-size:16px; line-height:24px; }
 .aw-header .btn { font-size:12px; line-height:16px; padding:10px 16px; min-height:40px; }
 .aw-menu { display:block; font-size:12px; line-height:16px; }.aw-menu summary { cursor:pointer; padding:12px 0 12px 8px; }
 .aw-menu nav { position:absolute; top:72px; left:0; right:0; background:var(--color-surface-page); padding:16px; border-bottom:1px solid var(--color-line-construction); z-index:40; display:grid; gap:16px; }
 .aw-menu nav a { font-size:16px; line-height:24px; }
 .aw-intro { padding:96px 0 48px; }.aw-intro-row { display:block; }.aw-intro h1 { font-size:38px; line-height:40px; }.aw-context { margin-top:24px; padding:0; }
 .aw-footer { margin-top:64px; }
 .aw-scene { width:calc(100% + 16px); }
 .aw-scene .aw-desktop { display:none; }.aw-scene .aw-phone { display:block; width:374px; }
 .aw-route-name { left:32px; top:26px; font-size:16px; line-height:24px; }
 .aw-fields > div { gap:8px; }
 .aw-role .aw-fields > div { padding:12px 0; grid-template-columns:76px 1fr; }
 .aw-full-trace { padding:20px; }.aw-full-trace .k-instrument__header { height:56px; align-items:flex-start; }.aw-full-trace .k-instrument__header h3 { font-size:21px; line-height:28px; max-width:220px; }
 .aw-full-trace .k-meter { margin-top:10px; }.aw-full-trace .k-steps { margin-top:8px !important; }
 .aw-full-trace .k-step { grid-template-columns:8px 1fr; gap:10px; min-height:0; height:auto; padding:10px 0; }
 .aw-full-trace .k-step__verb { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .aw-full-trace .k-step__value { font-size:16px; line-height:24px; }
 .aw-full-trace .k-readout > span { max-width:none; text-align:left; }
 .aw-slip.k-doc--read .aw-fields { margin-top:16px !important; }
 .aw-slip.k-doc--read .aw-fields > div { padding:12px 0; grid-template-columns:76px 1fr; }
 .aw-gate-opening { margin-top:12px; padding:8px 12px; }
 .aw-gate-leaf { padding:12px; min-height:208px; }
 .aw-gate .aw-sign-tag { font-size:12px; line-height:16px; }
 .aw-gate .k-signature { padding-bottom:24px; font-size:9px; }
 .aw-gate .k-stamp { top:32px; font-size:10px; }
 .aw-threshold-above, .aw-threshold-below { flex-wrap:wrap; }
 .aw-threshold-below > .k-figure { width:100%; }
 .aw-ledger.k-doc--read .k-register { font-size:16px; line-height:24px; }.aw-ledger .k-register th:first-child { width:46px; }
 .aw-evidence .k-body { padding:20px 20px 24px 34px; }.aw-evidence .k-doc-title { font-size:28px; line-height:32px; }
 .aw-evidence .k-tabs { right:-52px; top:56px; width:52px; }.aw-evidence .k-tabs span { width:52px; font-size:8px; line-height:12px; padding:6px 3px; }
 .aw-pack-draft .k-footline { font-size:12px; line-height:16px; }.aw-pack-draft .k-register td { padding-block:8px; }
 .aw-evidence .k-stamp { font-size:10px; top:44px; }
}
/* Plain code is drawn as a double rail: the join and a 1 px rail beside it. */
.aw-scene .k-wire.aw-rail { stroke-width:var(--line-construction); }

/* Mechanisms: the relay pile at a smaller step, so the gate stays the largest mass. */
.aw-scene--mechanisms .aw-station .k-doc-title { font-size:16px; line-height:24px; }
.aw-scene--mechanisms .aw-slip .aw-fields > div { padding-block:5px; }
/* Typesetting */
.aw-ledger .k-register td { text-wrap:pretty; }
/* Labels that set with their branch (route primitive, data-motion-stop="branch") */
.aw-scene .aw-branch-label { position:absolute; z-index:2; font-size:8px; line-height:10px; color:var(--color-text-secondary); white-space:nowrap; }
/* Evidence pack: wider fore-edge margin, so a source sheet can lie over it without touching a word */
.aw-scene--evidence-pack .aw-evidence .k-body { padding-right:46px; }
.aw-scene--evidence-pack .aw-price .k-body { padding-bottom:28px; }

/* Phone join labels: HTML, so they can wrap in the narrow open ground beside a join. Desktop names sit on the SVG. */
.aw-join-label { display:none; }
@media (max-width:1100px) {
 .aw-scene .aw-join-label { display:block; position:absolute; z-index:12; font-size:8px; line-height:10px; color:var(--color-text-secondary); }
 .aw-scene .aw-join-label { white-space:nowrap; }
 .aw-scene--handoff .aw-jl-1 { left:12px; top:512px; }
 .aw-scene--handoff .aw-jl-2 { left:196px; top:1222px; }
 .aw-scene--handoff .aw-jl-3 { left:52px; top:1458px; }
 .aw-scene--evidence-pack .aw-jl-c { left:300px; top:1266px; width:70px; }
 .aw-scene--bad-day .aw-send-label { left:48px; top:690px; }
}

/* Composition, generated by checks/build-finish.py from checks/layout_finish.py. Boxes are in scene pixels. */
.aw-scene--agent { height:900px; --k-lx:1; --k-pool-x:30%; --k-pool-y:62%; --k-pool-w:44%; --k-pool-h:70%; }
.aw-scene--agent .aw-route-name { left:48px; top:14px; rotate:0deg; }
.aw-scene--agent .aw-reads { left:40px; top:60px; width:350px; z-index:3; rotate:-0.8deg; }
.aw-scene--agent .aw-drafts { left:92px; top:120px; width:350px; z-index:4; rotate:0.6deg; }
.aw-scene--agent .aw-checks { left:144px; top:180px; width:350px; z-index:5; rotate:-0.4deg; }
.aw-scene--agent .aw-role { left:220px; top:240px; width:480px; z-index:7; rotate:0deg; }
.aw-scene--agent .aw-skill { left:1040px; top:125px; width:290px; z-index:7; rotate:2deg; }
.aw-scene--agent .aw-instrument { left:770px; top:230px; width:400px; z-index:6; rotate:0deg; }
.aw-scene--agent .aw-credential { left:632px; top:570px; width:230px; z-index:8; rotate:-3deg; }
.aw-scene--agent .aw-person { left:894px; top:790px; rotate:0deg; }
.aw-scene--agent .aw-role > .aw-pin { top:264px; }
.aw-scene--trace { height:960px; --k-lx:.6; --k-pool-x:28%; --k-pool-y:44%; --k-pool-w:46%; --k-pool-h:62%; --aw-marks-x:28%; --aw-marks-y:44%; --aw-marks-w:40%; --aw-marks-h:56%; }
.aw-scene--trace .aw-route-name { left:48px; top:6px; rotate:0deg; }
.aw-scene--trace .aw-log { left:24px; top:48px; width:520px; z-index:3; rotate:0deg; }
.aw-scene--trace .aw-instrument { left:90px; top:196px; width:592px; z-index:7; rotate:0deg; }
.aw-scene--trace .aw-enquiry { left:800px; top:40px; width:448px; z-index:3; rotate:0deg; }
.aw-scene--trace .aw-price { left:780px; top:171px; width:470px; z-index:4; rotate:0deg; }
.aw-scene--trace .aw-past { left:770px; top:333px; width:480px; z-index:5; rotate:0.5deg; }
.aw-scene--trace .aw-terms { left:776px; top:434px; width:490px; z-index:6; rotate:0.6deg; }
.aw-scene--trace .aw-no-source { left:830px; top:690px; width:250px; z-index:4; rotate:-1.6deg; }
.aw-scene--trace .aw-scope { left:1010px; top:720px; width:300px; z-index:5; rotate:1.2deg; }
.aw-scene--trace .aw-person { left:700px; top:868px; rotate:0deg; }
.aw-scene--trace .aw-enquiry > .aw-pin { top:57px; } .aw-scene--trace .aw-price > .aw-pin { top:140px; } .aw-scene--trace .aw-past > .aw-pin { top:67px; } .aw-scene--trace .aw-terms > .aw-pin { top:86px; }
.aw-scene--handoff { height:880px; --k-lx:.8; --k-pool-x:52%; --k-pool-y:60%; --k-pool-w:38%; --k-pool-h:70%; border-radius:0 32px 0 0; }
.aw-scene--handoff .aw-enquiry { left:24px; top:470px; width:232px; z-index:4; rotate:-3.5deg; }
.aw-scene--handoff .aw-reads { left:300px; top:64px; width:200px; z-index:5; rotate:0deg; }
.aw-scene--handoff .aw-finds { left:586px; top:176px; width:226px; z-index:5; rotate:0deg; }
.aw-scene--handoff .aw-drafts { left:900px; top:56px; width:214px; z-index:5; rotate:0deg; }
.aw-scene--handoff .aw-checks { left:1170px; top:150px; width:178px; z-index:5; rotate:0deg; }
.aw-scene--handoff .aw-input-slip { left:304px; top:168px; width:256px; z-index:6; rotate:-2.2deg; }
.aw-scene--handoff .aw-contract { left:560px; top:280px; width:430px; z-index:8; rotate:0deg; }
.aw-scene--handoff .aw-output-slip { left:1150px; top:298px; width:214px; z-index:6; rotate:2.5deg; }
.aw-scene--handoff .aw-person { left:1176px; top:776px; rotate:0deg; }
.aw-scene--workflow { height:840px; --k-lx:-1; --k-pool-x:52%; --k-pool-y:48%; --k-pool-w:40%; --k-pool-h:72%; }
.aw-scene--workflow .aw-states { left:48px; top:110px; width:330px; z-index:4; rotate:0deg; }
.aw-scene--workflow .aw-quote { left:110px; top:300px; width:300px; z-index:5; rotate:-3deg; }
.aw-scene--workflow .aw-threshold { left:790px; top:44px; width:480px; z-index:7; rotate:0deg; }
.aw-scene--workflow .aw-gate { left:470px; top:150px; width:520px; z-index:6; rotate:0deg; }
.aw-scene--workflow .aw-sent { left:910px; top:560px; width:290px; z-index:8; rotate:2deg; }
.aw-scene--workflow .aw-person { left:1060px; top:326px; rotate:0deg; }
.aw-scene--bad-day { height:940px; --k-lx:.35; --k-pool-x:54%; --k-pool-y:46%; --k-pool-w:56%; --k-pool-h:60%; }
.aw-scene--bad-day .aw-route-name { left:48px; top:14px; rotate:0deg; }
.aw-scene--bad-day .aw-enquiry { left:36px; top:120px; width:252px; z-index:4; rotate:-2deg; }
.aw-scene--bad-day .aw-exception { left:300px; top:520px; width:280px; z-index:5; rotate:-1.5deg; }
.aw-scene--bad-day .aw-ledger { left:740px; top:220px; width:400px; z-index:6; rotate:0deg; }
.aw-scene--bad-day .aw-dry-run { left:996px; top:160px; width:200px; z-index:7; rotate:4deg; }
.aw-scene--bad-day .aw-deadletter { left:604px; top:690px; width:260px; z-index:4; rotate:0deg; }
.aw-scene--bad-day .aw-spool { left:950px; top:612px; width:170px; height:132px; z-index:7; rotate:0deg; }
.aw-scene--bad-day .aw-person { left:540px; top:366px; rotate:0deg; }
.aw-scene--bad-day .aw-send-label { left:556px; top:452px; }
.aw-scene--evidence-pack { height:960px; --k-lx:1; --k-pool-x:28%; --k-pool-y:44%; --k-pool-w:42%; --k-pool-h:70%; }
.aw-scene--evidence-pack .aw-route-name { left:48px; top:14px; rotate:0deg; }
.aw-scene--evidence-pack .aw-pack { left:130px; top:96px; width:540px; z-index:7; rotate:0deg; }
.aw-scene--evidence-pack .aw-price { left:800px; top:64px; width:330px; z-index:6; rotate:0deg; }
.aw-scene--evidence-pack .aw-past { left:790px; top:232px; width:350px; z-index:7; rotate:-0.8deg; }
.aw-scene--evidence-pack .aw-terms { left:806px; top:333px; width:336px; z-index:8; rotate:1deg; }
.aw-scene--evidence-pack .aw-comparison { left:630px; top:431px; width:500px; z-index:9; rotate:0deg; }
.aw-scene--evidence-pack .aw-correction { left:930px; top:712px; width:240px; z-index:5; rotate:-4deg; }
.aw-scene--evidence-pack .aw-rule { left:1075px; top:690px; width:250px; z-index:6; rotate:0deg; }
.aw-scene--evidence-pack .aw-person { left:714px; top:846px; rotate:0deg; }
.aw-scene--mechanisms { height:1350px; --k-lx:-.7; --k-pool-x:66%; --k-pool-y:36%; --k-pool-w:40%; --k-pool-h:52%; }
.aw-scene--mechanisms .aw-enquiry { left:12px; top:96px; width:212px; z-index:3; rotate:-3deg; }
.aw-scene--mechanisms .aw-reads { left:250px; top:40px; width:240px; z-index:4; rotate:-0.5deg; }
.aw-scene--mechanisms .aw-input-slip { left:312px; top:141px; width:180px; z-index:5; rotate:-1deg; }
.aw-scene--mechanisms .aw-finds { left:306px; top:278px; width:240px; z-index:6; rotate:0.5deg; }
.aw-scene--mechanisms .aw-contract { left:368px; top:379px; width:180px; z-index:7; rotate:1deg; }
.aw-scene--mechanisms .aw-drafts { left:362px; top:503px; width:240px; z-index:8; rotate:-0.4deg; }
.aw-scene--mechanisms .aw-output-slip { left:492px; top:621px; width:180px; z-index:9; rotate:-1deg; }
.aw-scene--mechanisms .aw-checks { left:450px; top:761px; width:240px; z-index:10; rotate:0.4deg; }
.aw-scene--mechanisms .aw-threshold { left:1004px; top:120px; width:330px; z-index:8; rotate:0deg; }
.aw-scene--mechanisms .aw-gate { left:720px; top:220px; width:466px; z-index:7; rotate:0deg; }
.aw-scene--mechanisms .aw-overview-pack { left:968px; top:568px; width:260px; z-index:9; rotate:0deg; }
.aw-scene--mechanisms .aw-instrument { left:24px; top:640px; width:320px; z-index:6; rotate:0deg; }
.aw-scene--mechanisms .aw-exception { left:16px; top:380px; width:210px; z-index:7; rotate:-1.5deg; }
.aw-scene--mechanisms .aw-person { left:1234px; top:370px; rotate:0deg; }
.aw-scene--mechanisms .aw-ledger { left:820px; top:900px; width:290px; z-index:6; rotate:0deg; }
.aw-scene--mechanisms .aw-deadletter { left:1104px; top:1080px; width:240px; z-index:4; rotate:0deg; }
.aw-scene--mechanisms .aw-spool { left:620px; top:1190px; width:160px; height:132px; rotate:0deg; }
@media (max-width:1100px) {
 .aw-scene--agent { height:1500px; --k-pool-x:40%; --k-pool-y:34%; --k-pool-w:90%; --k-pool-h:40%; }
 .aw-scene--agent .aw-route-name { left:16px; top:12px; rotate:0deg; }
 .aw-scene--agent .aw-reads { left:84px; top:56px; width:260px; z-index:4; rotate:0deg; }
 .aw-scene--agent .aw-drafts { left:76px; top:124px; width:268px; z-index:5; rotate:0.6deg; }
 .aw-scene--agent .aw-checks { left:68px; top:192px; width:276px; z-index:6; rotate:-0.5deg; }
 .aw-scene--agent .aw-role { left:56px; top:260px; width:290px; z-index:7; rotate:0deg; }
 .aw-scene--agent .aw-credential { left:24px; top:789px; width:260px; z-index:6; rotate:-2deg; }
 .aw-scene--agent .aw-skill { left:76px; top:1066px; width:266px; z-index:9; rotate:1deg; }
 .aw-scene--agent .aw-instrument { left:62px; top:1170px; width:288px; z-index:10; rotate:0deg; }
 .aw-scene--agent .aw-person { left:24px; top:1430px; rotate:0deg; }
 .aw-scene--agent .aw-role > .aw-pin { left:0; right:auto; top:269px; }
 .aw-scene--trace { height:1840px; --k-pool-x:45%; --k-pool-y:34%; --k-pool-w:90%; --k-pool-h:30%; --aw-marks-x:45%; --aw-marks-y:36%; --aw-marks-w:90%; --aw-marks-h:26%; }
 .aw-scene--trace .aw-route-name { left:16px; top:12px; rotate:0deg; }
 .aw-scene--trace .aw-enquiry { left:56px; top:52px; width:294px; z-index:4; rotate:0deg; }
 .aw-scene--trace .aw-log { left:24px; top:276px; width:292px; z-index:5; rotate:-1deg; }
 .aw-scene--trace .aw-instrument { left:16px; top:364px; width:318px; z-index:6; rotate:0deg; }
 .aw-scene--trace .aw-price { left:62px; top:1001px; width:280px; z-index:7; rotate:0deg; }
 .aw-scene--trace .aw-past { left:56px; top:1163px; width:290px; z-index:8; rotate:0.5deg; }
 .aw-scene--trace .aw-terms { left:54px; top:1258px; width:294px; z-index:9; rotate:0.6deg; }
 .aw-scene--trace .aw-no-source { left:30px; top:1417px; width:280px; z-index:10; rotate:-1.2deg; }
 .aw-scene--trace .aw-scope { left:20px; top:1549px; width:300px; z-index:11; rotate:0.8deg; }
 .aw-scene--trace .aw-person { left:24px; top:1772px; rotate:0deg; }
 .aw-scene--trace .aw-pin { left:0; right:auto; } .aw-scene--trace .aw-enquiry > .aw-pin { top:56px; } .aw-scene--trace .aw-price > .aw-pin { top:140px; } .aw-scene--trace .aw-past > .aw-pin, .aw-scene--trace .aw-terms > .aw-pin { display:none; }
 .aw-scene--handoff { height:1940px; --k-pool-x:50%; --k-pool-y:52%; --k-pool-w:90%; --k-pool-h:28%; }
 .aw-scene--handoff .aw-enquiry { left:16px; top:40px; width:290px; z-index:4; rotate:-2deg; }
 .aw-scene--handoff .aw-reads { left:76px; top:298px; width:262px; z-index:5; rotate:0deg; }
 .aw-scene--handoff .aw-input-slip { left:66px; top:398px; width:280px; z-index:6; rotate:-1deg; }
 .aw-scene--handoff .aw-finds { left:24px; top:683px; width:262px; z-index:7; rotate:0deg; }
 .aw-scene--handoff .aw-contract { left:16px; top:783px; width:300px; z-index:8; rotate:0deg; }
 .aw-scene--handoff .aw-drafts { left:80px; top:1258px; width:262px; z-index:9; rotate:0deg; }
 .aw-scene--handoff .aw-checks { left:24px; top:1489px; width:262px; z-index:10; rotate:0deg; }
 .aw-scene--handoff .aw-output-slip { left:16px; top:1609px; width:290px; z-index:11; rotate:1deg; }
 .aw-scene--handoff .aw-person { left:24px; top:1866px; rotate:0deg; }
 .aw-scene--workflow { height:1530px; --k-pool-x:50%; --k-pool-y:56%; --k-pool-w:90%; --k-pool-h:30%; }
 .aw-scene--workflow .aw-states { left:16px; top:40px; width:290px; z-index:4; rotate:0deg; }
 .aw-scene--workflow .aw-quote { left:22px; top:185px; width:296px; z-index:5; rotate:-1deg; }
 .aw-scene--workflow .aw-threshold { left:70px; top:442px; width:276px; z-index:6; rotate:0deg; }
 .aw-scene--workflow .aw-gate { left:16px; top:684px; width:316px; z-index:7; rotate:0deg; }
 .aw-scene--workflow .aw-person { left:24px; top:1160px; rotate:0deg; }
 .aw-scene--workflow .aw-sent { left:96px; top:1216px; width:250px; z-index:8; rotate:2deg; }
 .aw-scene--bad-day { height:1590px; --k-pool-x:50%; --k-pool-y:50%; --k-pool-w:90%; --k-pool-h:40%; }
 .aw-scene--bad-day .aw-route-name { left:16px; top:12px; rotate:0deg; }
 .aw-scene--bad-day .aw-enquiry { left:16px; top:56px; width:300px; z-index:4; rotate:-2deg; }
 .aw-scene--bad-day .aw-exception { left:80px; top:334px; width:266px; z-index:5; rotate:-1.5deg; }
 .aw-scene--bad-day .aw-person { left:34px; top:564px; rotate:0deg; }
 .aw-scene--bad-day .aw-dry-run { left:90px; top:674px; width:256px; z-index:6; rotate:3deg; }
 .aw-scene--bad-day .aw-ledger { left:16px; top:778px; width:316px; z-index:7; rotate:0deg; }
 .aw-scene--bad-day .aw-spool { left:202px; top:1148px; width:160px; height:132px; z-index:8; rotate:0deg; }
 .aw-scene--bad-day .aw-deadletter { left:90px; top:1310px; width:256px; z-index:8; rotate:0deg; }
 .aw-scene--bad-day .aw-send-label { left:48px; top:690px; }
 .aw-scene--evidence-pack { height:1620px; --k-pool-x:45%; --k-pool-y:20%; --k-pool-w:90%; --k-pool-h:30%; }
 .aw-scene--evidence-pack .aw-route-name { left:16px; top:12px; rotate:0deg; }
 .aw-scene--evidence-pack .aw-pack { left:16px; top:56px; width:300px; z-index:4; rotate:0deg; }
 .aw-scene--evidence-pack .aw-price { left:66px; top:627px; width:280px; z-index:5; rotate:0deg; }
 .aw-scene--evidence-pack .aw-past { left:60px; top:789px; width:290px; z-index:6; rotate:-0.8deg; }
 .aw-scene--evidence-pack .aw-terms { left:58px; top:884px; width:292px; z-index:7; rotate:0.8deg; }
 .aw-scene--evidence-pack .aw-comparison { left:50px; top:978px; width:300px; z-index:8; rotate:0deg; }
 .aw-scene--evidence-pack .aw-correction { left:24px; top:1204px; width:270px; z-index:9; rotate:-1.5deg; }
 .aw-scene--evidence-pack .aw-rule { left:70px; top:1314px; width:276px; z-index:10; rotate:0deg; }
 .aw-scene--evidence-pack .aw-person { left:24px; top:1525px; rotate:0deg; }
 .aw-scene--mechanisms { height:3600px; --k-pool-x:50%; --k-pool-y:56%; --k-pool-w:90%; --k-pool-h:16%; }
 .aw-scene--mechanisms .aw-enquiry { left:16px; top:40px; width:300px; z-index:4; rotate:-2deg; }
 .aw-scene--mechanisms .aw-exception { left:84px; top:298px; width:256px; z-index:5; rotate:-1.5deg; }
 .aw-scene--mechanisms .aw-reads { left:16px; top:536px; width:270px; z-index:6; rotate:-0.5deg; }
 .aw-scene--mechanisms .aw-input-slip { left:78px; top:636px; width:240px; z-index:7; rotate:-1deg; }
 .aw-scene--mechanisms .aw-finds { left:40px; top:764px; width:270px; z-index:8; rotate:0.5deg; }
 .aw-scene--mechanisms .aw-contract { left:102px; top:864px; width:240px; z-index:9; rotate:1deg; }
 .aw-scene--mechanisms .aw-drafts { left:60px; top:986px; width:270px; z-index:10; rotate:-0.4deg; }
 .aw-scene--mechanisms .aw-output-slip { left:66px; top:1104px; width:260px; z-index:11; rotate:-1deg; }
 .aw-scene--mechanisms .aw-checks { left:50px; top:1240px; width:280px; z-index:12; rotate:0.4deg; }
 .aw-scene--mechanisms .aw-instrument { left:20px; top:1444px; width:316px; z-index:13; rotate:0deg; }
 .aw-scene--mechanisms .aw-threshold { left:54px; top:1849px; width:292px; z-index:14; rotate:0deg; }
 .aw-scene--mechanisms .aw-gate { left:16px; top:2087px; width:316px; z-index:15; rotate:0deg; }
 .aw-scene--mechanisms .aw-overview-pack { left:80px; top:2589px; width:260px; z-index:16; rotate:0deg; }
 .aw-scene--mechanisms .aw-person { left:24px; top:2880px; rotate:0deg; }
 .aw-scene--mechanisms .aw-ledger { left:16px; top:2960px; width:300px; z-index:6; rotate:0deg; }
 .aw-scene--mechanisms .aw-spool { left:204px; top:3152px; width:160px; height:132px; z-index:7; rotate:0deg; }
 .aw-scene--mechanisms .aw-deadletter { left:90px; top:3330px; width:256px; z-index:4; rotate:0deg; }
}

/* Site-review touch-up, 13 November 2026. Phone only: the dead-letter slip carries reading text, so it reaches 240 px by standing wider in its tray. */
@media (max-width:767px) { .aw-tray-slip { left:10px; right:6px; } }