/* Job 9. The live kit supplies stock, light and motion. Positions belong here.
   The field register, credential eyelet and tray anatomy follow job 8. */
.sy-page-inner,.sy-header .nav__inner,.sy-footer{max-width:1344px;width:calc(100% - 96px);margin-inline:auto}
.sy-header{height:72px;position:relative;border-bottom:1px solid var(--color-line-construction)}
.sy-header .nav__inner{height:72px;padding:0;display:flex;justify-content:space-between;align-items:center}
.sy-header .nav__wordmark{font-size:21px;line-height:28px}
.sy-header .nav__link,.sy-header .btn{font-size:16px;line-height:24px}
.sy-header .nav__links{gap:24px}
.sy-header .nav__link[aria-current]::before{content:'';display:inline-block;width:6px;height:6px;background:var(--color-text-primary);margin-right:8px}
.sy-header .btn{padding:12px 24px;min-height:48px}
.sy-menu{display:none}.sy-skip{position:absolute;left:16px;top:8px;translate:0 -160%;z-index:100;background:var(--color-paper);padding:12px}.sy-skip:focus{translate:0}
.sy-intro{padding:96px 0 48px}.sy-intro>.k-smallcaps{margin-bottom:20px}
.sy-intro-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.sy-intro h1{grid-column:1/7;font:400 50px/52px var(--p-font-family-display);letter-spacing:-.02em;max-width:640px}
.sy-context{grid-column:8/13;padding-top:4px;font-size:16px;line-height:24px;color:var(--color-text-secondary)}
.sy-context p+p{margin-top:16px}.sy-after-note{max-width:760px;font-size:16px;line-height:24px;margin-top:24px!important;color:var(--color-text-secondary)}
.sy-footer{margin-top:96px;padding:24px 0 48px;border-top:1px solid var(--color-line-construction)}
.sy-footer>p{max-width:540px;font-size:16px;line-height:24px}.sy-footer nav{display:flex;gap:16px 24px;flex-wrap:wrap;margin-top:24px;font-size:12px;line-height:16px}
.sy-footer a{text-underline-offset:4px;text-decoration-thickness:1px}.sy-footer a[aria-current]{font-weight:600}
.sy-scene{width:calc(100% + 48px);overflow:hidden}.sy-scene .sy-field{left:40%;top:24px;width:60%;height:calc(100% - 48px)}
.sy-scene .sy-object{position:absolute;z-index:3}.sy-scene .sy-phone{display:none}.sy-scene .sy-desktop{display:block}
.sy-route-name{position:absolute;top:60px;left:72px;z-index:2;font:400 21px/28px var(--p-font-family-display)}
.sy-fields{margin-top:12px!important}.sy-fields>div{display:grid;grid-template-columns:31% 1fr;gap:12px;padding-block:8px;border-bottom:var(--k-fine) solid var(--color-line-construction)}
.sy-fields dt{color:var(--color-text-tertiary)}.sy-fields dd{min-width:0}.sy-fields .k-inline-person{white-space:normal}.sy-fields .k-figure{white-space:normal}
.sy-engine .k-step{height:auto;min-height:44px;padding-block:10px}.sy-engine .k-step--finds,.sy-engine .k-step--checks{min-height:60px}
.sy-engine .k-readout{margin-top:12px!important}.sy-engine .k-instrument__plan{height:auto;min-height:24px}
.sy-engine .k-step__value{font-size:11px;line-height:16px}.sy-object-link{color:inherit;text-decoration:underline;text-decoration-color:var(--color-line-ui);text-underline-offset:4px;text-decoration-thickness:1px}
.sy-object-link:hover{color:var(--color-accent-text);text-decoration-color:currentColor}.sy-object-link:focus-visible{outline:var(--p-border-width-focus) solid var(--color-route);outline-offset:5px}
.sy-index .k-doc-title{font-size:28px;line-height:32px}.sy-index .k-register{font-size:9px;line-height:12px}.sy-index .k-doc-subtitle{font-size:9px;line-height:12px}
.sy-account{position:absolute;left:24px;top:44px;width:1080px;height:820px;border:3px solid var(--color-route);border-radius:3px;z-index:1;pointer-events:none}
.sy-account-title{position:absolute;left:28px;top:-17px;background:var(--color-surface-well);padding-inline:12px;font:400 28px/32px var(--p-font-family-display)}
.sy-account-note{position:absolute;bottom:16px;right:20px;font-size:12px;line-height:16px}
.sy-model{font-size:11px;line-height:16px;width:112px;text-align:center}.sy-model-slot{display:block;margin:0 auto 12px;width:66px;height:26px;border:1.5px solid var(--color-text-secondary);background:var(--color-surface-page)}
.sy-model-slot::after{content:'';display:block;width:38px;margin:11px auto;border-top:1.5px solid var(--color-text-secondary)}
/* The sealed source has a drawer front and a folded seal, with no keyhole. */
.sy-sealed{height:120px}.sy-drawer-top{position:absolute;inset:0 12px 16px 0;background:var(--color-surface-raised) var(--k-grain-cover);box-shadow:inset 0 1px 0 var(--k-cut-light),var(--k-sh-base),var(--k-sh-contact)}
.sy-drawer-front{position:absolute;inset:18px 0 0 0;background:var(--color-surface-well-deep) var(--k-grain-cover);box-shadow:inset 0 1px 0 var(--k-cut-light),inset -1px -1px 0 var(--k-cut-edge),var(--k-sh-base),var(--k-sh-contact);padding:22px}
.sy-drawer-front h3{font:400 21px/28px var(--p-font-family-display)}
.sy-drawer-handle{position:absolute;left:22px;bottom:18px;width:76px;height:20px;border:1.5px solid var(--color-text-secondary);border-radius:2px;background:var(--color-paper-under)}
.sy-drawer-handle::after{content:'';position:absolute;inset:6px 10px;border-top:1px solid var(--color-text-secondary)}
.sy-seal{position:absolute;right:24px;top:-14px;width:90px;min-height:96px;padding:16px 8px 12px;background:var(--color-paper-under) var(--k-grain-paper);box-shadow:var(--k-sh-base),var(--k-sh-contact);text-align:center}
.sy-seal i{display:block;width:14px;height:14px;background:var(--color-route);margin:0 auto 12px}.sy-seal b,.sy-seal span{display:block;font-weight:500;font-size:9px;line-height:14px}
/* Small door anatomy: same hinge and leaf vocabulary as the checkpoint in job 8. */
.sy-small-gateway{width:134px;height:170px}.sy-small-jamb{position:absolute;inset:0 20px 0 0;background:var(--color-surface-well-deep);border:1.5px solid var(--color-text-secondary);border-bottom:0}
.sy-small-leaf{position:absolute;inset:0 0 0 22px;padding:20px 12px;background:var(--color-paper-under) var(--k-grain-cover);transform:skewY(-7deg);box-shadow:var(--k-sh-base),var(--k-sh-contact)}
.sy-small-leaf::before{content:'';position:absolute;left:-5px;top:20px;bottom:20px;width:5px;border-block:var(--line-structure) solid var(--color-text-secondary)}
.sy-small-leaf h3{font:400 16px/20px var(--p-font-family-display);margin-bottom:12px}.sy-small-leaf p{font-size:8px;line-height:11px;margin-top:8px}
.sy-small-leaf i{display:block;position:absolute;right:9px;top:87px;width:14px;border-top:3px solid var(--color-text-primary)}
/* Read and write fitting, with a removable action tag at its write end. */
.sy-fitting{height:252px}.sy-fitting-body{display:flex;height:96px;align-items:center;padding:0 8px}.sy-fitting-centre{width:150px;height:48px;position:relative;border-block:1.5px solid var(--color-text-secondary);background:var(--color-surface-raised) var(--k-grain-cover);text-align:center;padding-top:15px}
.sy-fitting-centre::before,.sy-fitting-centre::after{content:'';position:absolute;top:-9px;bottom:-9px;width:14px;background:var(--color-surface-well-deep);border:1.5px solid var(--color-text-secondary)}
.sy-fitting-centre::before{left:0}.sy-fitting-centre::after{right:0}.sy-fitting-end{width:64px;position:relative;text-align:center;height:36px;border-block:1.5px solid var(--color-text-secondary)}
.sy-fitting-end b{position:absolute;top:-32px;left:0;right:0;font-size:12px;line-height:16px;font-weight:500}.sy-fitting-read{border-left:1.5px solid var(--color-text-secondary)}.sy-fitting-write{border-right:1.5px solid var(--color-text-secondary)}
.sy-fitting-end i{position:absolute;inset:8px 12px;border-top:1.5px solid var(--color-text-secondary);border-bottom:1.5px solid var(--color-text-secondary)}
.sy-fitting-tag{position:absolute;right:8px;top:124px;padding:28px 16px 16px;width:164px;rotate:5deg}.sy-fitting-tag::before{content:'';position:absolute;top:-45px;height:60px;width:14px;left:28px;border:1.5px solid var(--color-text-secondary);border-radius:50%}.sy-fitting-tag p{margin-top:8px}
.sy-access.k-doc--read .sy-fields{margin-top:20px!important}.sy-access.k-doc--read .sy-fields>div{padding-block:12px}.sy-access.k-doc--read .sy-fields dd{font-size:16px;line-height:24px}
.sy-access .sy-write-register{margin-top:24px}.sy-register-title{font:500 12px/16px var(--p-font-family-display);font-variant:small-caps;letter-spacing:.05em}
.sy-action-table{margin-top:8px;font-size:11px;line-height:16px}.sy-action-table th:first-child{width:55%}.sy-action-table td{padding-block:16px}.sy-action-table td:not(:first-child){vertical-align:middle}.sy-action-table .k-tick{width:16px;height:16px}
.sy-document-note{margin-top:20px!important;font-size:11px;line-height:16px;color:var(--color-text-secondary)}
/* Workshop key board. The hooks, split rings and tag holes are physical anatomy. */
.sy-board{height:420px;background:var(--color-surface-raised) var(--k-grain-cover);box-shadow:inset 1px 1px 0 var(--k-cut-light),inset -1px -1px 0 var(--k-cut-edge),var(--k-sh-base),var(--k-sh-contact);padding:24px 28px;border-radius:2px}
.sy-board::before,.sy-board::after{content:'';position:absolute;top:16px;width:7px;height:7px;border:1px solid var(--color-text-tertiary);border-radius:50%;background:linear-gradient(45deg,transparent 42%,var(--color-text-tertiary) 45% 55%,transparent 58%)}
.sy-board::before{left:14px}.sy-board::after{right:14px}.sy-board-heading{display:flex;justify-content:space-between;gap:12px;border-bottom:1.5px solid var(--color-text-secondary);padding:8px 0 12px}
.sy-board-heading>span:first-child{font:400 28px/32px var(--p-font-family-display)}.sy-board-heading>span:last-child{font-size:9px;line-height:12px;align-self:end}
.sy-hooks{position:relative;display:flex;gap:20px;margin-top:44px;height:250px}.sy-key-hanging{position:relative;flex:1;min-width:0}.sy-key-hanging--1{top:14px;rotate:-3deg}.sy-key-hanging--2{top:4px;rotate:2deg}.sy-key-hanging--3{top:28px;rotate:-2deg}
.sy-hook{position:absolute;top:-16px;left:calc(50% - 7px);height:27px;width:14px;border:1.5px solid var(--color-text-secondary);border-top:0;border-radius:0 0 12px 12px;z-index:4}
.sy-key{width:64px;height:24px;display:block;fill:var(--color-surface-well-deep);stroke:var(--color-text-secondary);stroke-width:1.5px}.sy-key-hanging>.sy-key{position:absolute;left:calc(50% - 12px);top:5px;rotate:72deg;transform-origin:12px 12px;z-index:5}
.sy-key-tag{position:absolute;top:64px;width:100%;padding:34px 12px 16px;min-height:176px}.sy-eyelet{position:absolute;top:10px;left:calc(50% - 7px);width:14px;height:14px;border:var(--line-structure) solid var(--color-text-secondary);border-radius:50%;background:var(--color-surface-well-deep)}
.sy-eyelet::after{content:'';position:absolute;left:3px;top:-50px;height:60px;width:6px;border:1px solid var(--color-text-tertiary);border-radius:50%}.sy-key-tag h4{font:400 21px/28px var(--p-font-family-display)}
.sy-key-tag .sy-fields>div{display:block;padding-block:6px}.sy-key-tag dt{font-size:7px;line-height:10px;margin-bottom:3px}.sy-key-tag dd{font-size:9px;line-height:12px}
.sy-key-store .sy-fields>div{grid-template-columns:64px 1fr;border-bottom-color:var(--color-line-ui)}.sy-key-store .sy-fields dt{color:var(--p-color-neutral-200)}
.sy-store-keys{display:flex;gap:16px;padding:20px 0 8px}.sy-store-keys .sy-key{stroke:var(--p-color-neutral-200);fill:none}
.sy-person-access .k-doc-title{font-size:28px;line-height:32px}.sy-person-access .k-register{font-size:11px;line-height:16px}.sy-person-access .k-register th:first-child{width:46%}.sy-person-access .k-register td{padding-block:10px}.sy-person-access .k-register td:not(:first-child){text-align:center}.sy-person-access .k-tick{margin-inline:auto}
/* Gateway: one dark door, a posted terms sheet and a slip already masked. */
.sy-door{height:576px;padding:28px 34px 28px 28px;isolation:isolate}.sy-door>h3{font:400 28px/32px var(--p-font-family-display)}
.sy-door::after{content:'';position:absolute;left:-16px;top:-12px;right:-16px;bottom:-8px;border:1.5px solid var(--color-text-secondary);border-bottom:0;z-index:-2}
.sy-hinge{position:absolute;left:-9px;width:14px;height:42px;background:var(--color-text-secondary);box-shadow:inset 2px 0 var(--color-line-ui)}.sy-hinge--top{top:70px}.sy-hinge--bottom{bottom:80px}
.sy-handle{position:absolute;right:22px;top:336px;width:24px;height:6px;background:var(--p-color-neutral-200);box-shadow:var(--k-sh-base)}
.sy-posted{position:absolute;left:32px;top:88px;width:calc(100% - 88px);color:var(--color-text-primary)}.sy-posted .k-body{padding:24px}.sy-posted::after{content:'';position:absolute;top:10px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--color-text-secondary)}
.sy-term-main{font:400 28px/32px var(--p-font-family-display);margin-top:20px!important}.sy-posted .sy-fields{margin-top:24px!important}.sy-posted .sy-fields>div{grid-template-columns:1fr;padding-block:12px;gap:4px}.sy-posted .sy-fields dd{font-size:16px;line-height:24px}.sy-posted .k-doc-subtitle{font-size:11px;line-height:16px}
.sy-slip::before{content:'';position:absolute;left:0;right:0;top:10px;border-top:1px dashed var(--color-text-tertiary)}.sy-slip .k-body{padding-top:24px}
.sy-redaction{display:inline-block;width:76px;height:10px;background:var(--color-text-primary);vertical-align:middle}.sy-mask-label{color:var(--color-text-secondary);font-size:8px;margin-left:4px}
.sy-cap h3{font:400 21px/28px var(--p-font-family-display)}.sy-cap>p{border-top:1.5px solid var(--color-text-secondary);padding-top:10px}
.sy-meter-face{position:relative;margin-top:8px}.sy-meter-face svg{width:100%;height:auto}.sy-meter-arc,.sy-meter-limit{fill:none;stroke:var(--color-text-primary);stroke-width:1.5px}.sy-meter-ticks{stroke:var(--color-text-secondary);stroke-width:1px}.sy-meter-pin{fill:var(--color-text-primary)}.sy-alert{position:absolute;top:6px;left:82%;font-size:9px;line-height:12px}.sy-alert::before{content:'';display:inline-block;width:6px;height:6px;background:var(--color-text-primary);margin-right:4px}
.sy-call-log .k-register th:first-child{width:52%}.sy-call-log .k-register td{padding-block:10px}.sy-call-log .k-register td:not(:first-child){text-align:center}.sy-call-log .k-fine{margin-top:12px!important}
/* The tray uses job 8's lip and stock. The enquiry remains the readable subject. */
.sy-tray{height:240px;pointer-events:none}.sy-tray-back{position:absolute;inset:0 0 14px;background:var(--color-line-hairline) var(--k-grain-cover);box-shadow:var(--k-sh-base),var(--k-sh-contact)}
.sy-tray-front{position:absolute;bottom:0;left:0;right:0;height:100px;padding:32px;background:var(--color-surface-well-deep) var(--k-grain-cover);box-shadow:inset 0 1px var(--k-cut-light),var(--k-sh-base),var(--k-sh-contact);display:flex;justify-content:space-between;align-items:baseline}
.sy-tray-front::before{content:'';position:absolute;top:-12px;left:0;right:0;height:14px;background:var(--color-surface-well-deep);clip-path:polygon(0 0,32% 0,38% 100%,100% 100%,0 100%)}.sy-tray-front h3{font:400 28px/32px var(--p-font-family-display)}
.sy-email-meta{font-size:11px;line-height:16px;color:var(--color-text-secondary);margin-top:8px!important}.sy-email-ask{font-size:21px;line-height:28px;margin-top:20px!important;border-top:1px solid var(--color-line-construction);padding-top:20px}
.sy-enquiry .k-doc-title{font-size:38px;line-height:44px}.sy-confirmation .k-signature{padding-bottom:28px}.sy-confirmation .k-stamp{top:32px}.sy-confirmation .sy-fields>div{padding-block:6px}
/* Ledger: the bound volume steps behind the one entry being read. */
.sy-entry .sy-fields{margin-top:20px!important}.sy-entry .sy-fields>div{padding-block:12px;grid-template-columns:88px 1fr}.sy-entry .sy-fields dd{font-size:16px;line-height:24px}.sy-entry .sy-fields .k-muted{font-size:11px;line-height:16px}.sy-entry .k-body{padding:28px 28px 28px 48px}
.sy-record-binding{position:absolute;top:24px;bottom:24px;left:15px;display:flex;flex-direction:column;justify-content:space-around}.sy-record-binding i{width:7px;height:7px;border-radius:50%;background:var(--color-surface-well-deep);box-shadow:inset 0 1px var(--k-cut-edge)}
.sy-record-foot{margin-top:20px!important;font-size:9px;line-height:12px;border-top:1.5px solid var(--color-text-secondary);padding-top:10px}
.sy-archive .k-body{padding:24px 24px 24px 44px}.sy-archive-marks{margin-top:4px}.sy-archive-marks>div{display:grid;grid-template-columns:repeat(4,1fr);height:25px;border-bottom:1px solid var(--color-line-construction)}.sy-archive-marks i{border-right:1px solid var(--color-line-construction);position:relative}.sy-archive-marks i::after{content:'';position:absolute;left:8px;top:8px;width:5px;height:5px;border:1px solid var(--color-text-tertiary);border-radius:50%}.sy-archive-marks>div:nth-child(3n) i:last-child::after{background:var(--color-text-secondary);border-radius:0}
.sy-revert{width:28px;height:24px;fill:none;stroke:var(--color-text-secondary);stroke-width:1.5px}
.sy-map-change .sy-fields>div{padding-block:14px}.sy-map-change .k-footline{align-items:center}
/* Shared anatomy adjustments from the supplied browser captures. */
.sy-scene::before{opacity:.55}.sy-scene .sy-field{opacity:.58}
.sy-scene--boundary,.sy-scene--gateway,.sy-scene--systems{--k-lx:.6}
.sy-scene--connection,.sy-scene--data-not-orders{--k-lx:1}
.sy-scene--credentials,.sy-scene--record{--k-lx:-1}
.sy-scene--credentials .sy-field{left:62%;width:38%}
.sy-scene--gateway .sy-field{left:24%;width:76%}
.sy-account{left:0;width:1104px;border-radius:2px}.sy-account-note{right:auto;left:24px}
.sy-person{width:148px;height:44px;grid-template-rows:28px 16px}
.sy-model{height:54px}.sy-engine{height:384px}.sy-engine.sy-reader{height:216px}
.sy-confirmation .k-signature{position:relative;padding-bottom:44px}.sy-confirmation .k-stamp{top:55px;right:4px}
.sy-fitting-tag{right:0;top:94px;rotate:3deg}.sy-fitting-tag::before{left:130px;top:-43px;height:55px}
.sy-store-keys{gap:8px}.sy-store-keys .sy-key{width:40px}
.sy-drawer-front h3{max-width:calc(100% - 96px)}
.sy-price-access .sy-fields>div,.sy-past-access .sy-fields>div,.sy-terms-access .sy-fields>div{grid-template-columns:48px 1fr;gap:8px;padding-block:6px}
.sy-email-channel{font-size:11px;line-height:16px;padding-bottom:8px;border-bottom:1px solid var(--color-line-construction)}
.sy-scene--boundary .sy-price,.sy-scene--boundary .sy-terms{z-index:4}.sy-scene--boundary .sy-engine{z-index:6}
.sy-scene--boundary .sy-index{z-index:4}.sy-scene--boundary .sy-mini-record,.sy-scene--boundary .sy-gateway{z-index:5}.sy-scene--boundary .sy-person{z-index:7}
.sy-scene--connection .sy-route-name{top:60px}
.sy-scene--connection .sy-past-access{z-index:4}.sy-scene--connection .sy-terms-access{z-index:5}.sy-scene--connection #access{z-index:7}
.sy-scene--credentials .sy-route-name{top:60px}.sy-scene--credentials .sy-board{z-index:5}.sy-scene--credentials .sy-hooks{margin-top:32px}.sy-scene--credentials .sy-key-tag{top:48px;min-height:152px}
.sy-scene--credentials .sy-sealed{z-index:6}.sy-scene--credentials .sy-sealed .sy-drawer-front{padding:34px}.sy-scene--credentials .sy-sealed .sy-drawer-handle{left:34px;bottom:24px}
.sy-scene--credentials .sy-key-store{z-index:4}.sy-scene--credentials .sy-call-slip{z-index:5}.sy-scene--credentials .sy-person-access{z-index:7}
.sy-scene--gateway .sy-route-name{top:98px}.sy-scene--gateway .sy-door{z-index:5}.sy-scene--gateway .sy-outgoing{z-index:7}.sy-scene--gateway .sy-call-log{z-index:6}
.sy-scene--data-not-orders .sy-route-name{top:68px}.sy-scene--data-not-orders .sy-enquiry{z-index:5}.sy-scene--data-not-orders .sy-tray{z-index:6;background:none}.sy-scene--data-not-orders .sy-tray-back{display:none}
.sy-scene--data-not-orders .sy-reader{z-index:5}.sy-scene--data-not-orders .sy-quote{z-index:4}.sy-scene--data-not-orders .sy-confirmation,.sy-scene--data-not-orders .sy-person{z-index:7}
.sy-scene--record .sy-route-name{top:56px}.sy-scene--record .sy-entry{z-index:6}.sy-scene--record .sy-map-change{z-index:5}
/* The whole plan keeps the same objects at object scale. */
.sy-scene--systems .sy-price,.sy-scene--systems .sy-terms{z-index:4}.sy-scene--systems #access{z-index:5}
.sy-scene--systems #access .k-doc-title{font-size:21px;line-height:28px}
.sy-scene--systems #access .sy-fields>div{padding-block:6px}.sy-scene--systems #access .sy-fields dd{font-size:11px;line-height:16px}
.sy-scene--systems #access .sy-write-register{margin-top:12px}.sy-scene--systems #access .sy-action-table td{padding-block:8px}.sy-scene--systems #access .sy-document-note{font-size:9px;line-height:12px;margin-top:12px!important}
.sy-scene--systems .sy-engine{z-index:6}.sy-scene--systems .sy-index{z-index:4}.sy-scene--systems .sy-index .k-doc-title{font-size:16px;line-height:24px}
.sy-scene--systems .sy-board{z-index:5;padding:16px}.sy-scene--systems .sy-board-heading{padding:0 0 8px}.sy-scene--systems .sy-board-heading>span:first-child{font-size:16px;line-height:24px}
.sy-scene--systems .sy-hooks{gap:12px;margin-top:28px}.sy-scene--systems .sy-key-tag{top:42px;min-height:130px;padding:30px 8px 8px}.sy-scene--systems .sy-key-tag h4{font-size:12px;line-height:16px}.sy-scene--systems .sy-key-tag .sy-fields{margin-top:4px!important}.sy-scene--systems .sy-key-tag .sy-fields>div{padding-block:4px}.sy-scene--systems .sy-key-tag dd{font-size:8px;line-height:11px}.sy-scene--systems .sy-eyelet::after{top:-32px;height:42px}.sy-scene--systems .sy-key-hanging>.sy-key{width:50px;top:0}.sy-scene--systems .sy-key-hanging--3{top:8px}
.sy-scene--systems .sy-sealed{z-index:6}.sy-scene--systems .sy-mini-record{z-index:7}.sy-scene--systems .sy-gateway{z-index:5}.sy-scene--systems .sy-person{z-index:7}
@media(max-width:1100px){.sy-header .nav__links{display:none}.sy-menu{display:block;position:relative;z-index:20}.sy-menu summary{font-size:16px;cursor:pointer;list-style:none;padding:12px}.sy-menu[open] nav{position:absolute;right:0;top:48px;width:240px;background:var(--color-paper);padding:16px;box-shadow:var(--elevation-paper-read)}.sy-menu nav a{display:block;padding:8px}.sy-header .btn{margin-left:auto;margin-right:12px}}
@media(max-width:899px){
.sy-page-inner,.sy-header .nav__inner,.sy-footer{width:calc(100% - 32px);max-width:624px}.sy-header .nav__wordmark{font-size:16px;line-height:24px}.sy-header .btn{font-size:12px;line-height:16px;min-height:40px;padding:12px 14px;margin-right:0}.sy-menu summary{font-size:12px;padding:12px 0 12px 12px}
.sy-intro{padding:64px 0 32px}.sy-intro>.k-smallcaps{margin-bottom:16px}.sy-intro-row{display:block}.sy-intro h1{font-size:38px;line-height:40px}.sy-context{margin-top:24px;padding:0}.sy-context p+p{margin-top:16px}.sy-footer{margin-top:64px}
.sy-scene{width:calc(100% + 16px)}.sy-scene .sy-phone{display:block;width:374px}.sy-scene .sy-desktop{display:none}.sy-scene .sy-field{left:48px;top:24px;width:calc(100% - 48px);height:calc(100% - 48px)}
.sy-route-name{left:32px!important;top:26px!important;font-size:16px;line-height:24px}
.sy-engine{padding:20px;height:360px}.sy-engine .k-instrument__header h3{font-size:21px;line-height:28px}.sy-engine .k-step{grid-template-columns:7px 40px 1fr;gap:7px;min-height:44px;font-size:10px;line-height:14px}.sy-engine .k-step__value{font-size:10px;line-height:14px}.sy-engine .k-step--finds,.sy-engine .k-step--checks{min-height:60px}.sy-engine .k-instrument__plan{font-size:9px;line-height:12px}.sy-engine .k-meter{gap:4px}.sy-engine .k-meter i{width:4px;height:4px}
.sy-scene .k-inbox__panes{grid-template-columns:80px 1fr}.sy-scene .k-inbox__message{padding-inline:10px}.sy-scene .k-inbox__row{padding-block:9px}
.sy-account{left:0;top:44px;width:344px}.sy-account-title{font-size:21px;line-height:28px;top:-16px;left:16px;padding-inline:8px}.sy-account-note{right:auto;left:16px;bottom:14px}
.sy-index .k-doc-title{font-size:21px;line-height:28px}.sy-drawer-front{padding:18px}.sy-drawer-front h3{font-size:16px;line-height:24px}.sy-drawer-handle{left:18px;bottom:14px;width:64px;height:16px}.sy-seal{right:16px;width:78px;min-height:88px;padding:12px 6px}.sy-seal i{width:12px;height:12px;margin-bottom:8px}
.sy-access.k-doc--read .sy-fields dd{font-size:16px;line-height:24px}.sy-access.k-doc--read .sy-fields>div{grid-template-columns:70px 1fr;padding-block:10px}.sy-action-table th:first-child{width:50%}.sy-action-table{font-size:10px;line-height:14px}.sy-document-note{font-size:10px;line-height:14px}
.sy-scene--credentials .sy-board{padding:20px 16px}.sy-board-heading>span:first-child{font-size:21px;line-height:28px}.sy-board-heading>span:last-child{max-width:112px}.sy-hooks{display:grid;grid-template-columns:1fr 1fr;gap:38px 20px;height:484px;margin-top:32px}.sy-key-hanging{height:220px}.sy-key-tag{top:58px;padding-top:30px;min-height:150px}.sy-scene--credentials .sy-key-tag{top:58px;min-height:150px}.sy-key-tag h4{font-size:16px;line-height:24px}.sy-key-hanging--2{top:14px}.sy-key-hanging--3{top:20px}
.sy-scene--credentials .sy-sealed .sy-drawer-front{padding:24px}.sy-scene--credentials .sy-sealed .sy-drawer-handle{left:24px;bottom:18px}.sy-person-access .k-doc-title{font-size:21px;line-height:28px}.sy-person-access .k-register{font-size:9px;line-height:12px}.sy-person-access .k-register th:first-child{width:44%}
.sy-scene--gateway .sy-door{padding:24px}.sy-door>h3{font-size:21px;line-height:28px}.sy-posted{left:20px;top:76px;width:234px}.sy-posted .k-body{padding:20px}.sy-term-main{font-size:28px;line-height:32px}.sy-posted .sy-fields{margin-top:16px!important}.sy-handle{right:10px;top:340px;width:16px}.sy-alert{left:78%;top:0}
.sy-enquiry .k-doc-title{font-size:28px;line-height:32px}.sy-email-ask{font-size:21px;line-height:28px}.sy-tray-front{height:82px;padding:24px}.sy-tray-front h3{font-size:21px;line-height:28px}
.sy-archive .k-body{padding:20px 16px 20px 36px}.sy-archive .k-register{font-size:7px;line-height:10px}.sy-archive-marks>div{height:14px}.sy-archive-marks i::after{top:4px;width:4px;height:4px}
.sy-entry .k-body{padding:20px 16px 20px 30px}.sy-entry .sy-fields>div{grid-template-columns:60px 1fr;gap:10px;padding-block:10px}.sy-entry .sy-fields dd{font-size:12px;line-height:16px}.sy-entry .sy-fields dt{font-size:9px;line-height:12px}.sy-entry .k-doc-title{font-size:28px;line-height:32px}.sy-record-binding{left:10px}.sy-entry .sy-fields .k-muted{font-size:9px;line-height:12px}
.sy-scene--systems #access .sy-fields>div{grid-template-columns:68px 1fr}
.sy-scene--systems .sy-board{padding:16px}.sy-scene--systems .sy-hooks{display:grid;grid-template-columns:repeat(2,1fr);height:280px;gap:20px;margin-top:24px}.sy-scene--systems .sy-key-hanging{height:122px}.sy-scene--systems .sy-key-tag{top:24px;min-height:100px;padding:24px 8px 6px}.sy-scene--systems .sy-key-tag .sy-fields>div{display:grid;grid-template-columns:30px 1fr;gap:4px}.sy-scene--systems .sy-eyelet{width:10px;height:10px;top:6px}.sy-scene--systems .sy-eyelet::after{height:30px;top:-24px;left:1px}.sy-scene--systems .sy-key-hanging>.sy-key{width:38px;top:-6px}.sy-scene--systems .sy-key-hanging--1,.sy-scene--systems .sy-key-hanging--2,.sy-scene--systems .sy-key-hanging--3{top:0}
}
@media(max-width:899px){.sy-scene--boundary .sy-past,.sy-scene--systems .sy-past{z-index:5}.sy-scene--boundary .sy-terms,.sy-scene--systems .sy-terms{z-index:6}.sy-scene--boundary .sy-engine,.sy-scene--systems .sy-engine{z-index:7}}
.sy-nowrap{white-space:nowrap}
/* Coordinates shared with the route drawings in checks/layout.py. */
.sy-scene--boundary{height:1140px}
.sy-scene--boundary .sy-account{height:1040px}
.sy-scene--boundary .sy-inbox{left:64px;top:108px;width:340px;height:220px}
.sy-scene--boundary .sy-price{left:340px;top:250px;width:292px;height:208px}
.sy-scene--boundary .sy-past{left:680px;top:116px;width:220px;height:166px}
.sy-scene--boundary .sy-terms{left:790px;top:240px;width:246px;height:132px}
.sy-scene--boundary .sy-engine{left:112px;top:436px;width:488px;height:384px}
.sy-scene--boundary .sy-index{left:654px;top:564px;width:360px;height:240px}
.sy-scene--boundary .sy-mini-record{left:804px;top:840px;width:242px;height:214px}
.sy-scene--boundary .sy-sealed{left:64px;top:874px;width:290px;height:120px}
.sy-scene--boundary .sy-gateway{left:1030px;top:410px;width:134px;height:170px}
.sy-scene--boundary .sy-model{left:1198px;top:458px;width:112px;height:54px}
.sy-scene--boundary .sy-person{left:610px;top:900px;width:148px;height:44px}
.sy-scene--connection{height:1160px}
.sy-scene--connection .sy-price-access{left:176px;top:108px;width:310px;height:330px}
.sy-scene--connection .sy-past-access{left:120px;top:244px;width:310px;height:330px}
.sy-scene--connection .sy-terms-access{left:64px;top:380px;width:310px;height:330px}
.sy-scene--connection #access{left:286px;top:516px;width:548px;height:600px}
.sy-scene--connection .sy-fitting{left:936px;top:128px;width:300px;height:220px}
.sy-scene--connection .sy-inbox{left:956px;top:398px;width:360px;height:224px}
.sy-scene--connection .sy-person{left:944px;top:794px;width:148px;height:44px}
.sy-scene--credentials{height:1000px}
.sy-scene--credentials .sy-board{left:64px;top:100px;width:756px;height:432px}
.sy-scene--credentials .sy-sealed{left:96px;top:500px;width:512px;height:164px}
.sy-scene--credentials .sy-key-store{left:940px;top:232px;width:256px;height:220px}
.sy-scene--credentials .sy-call-slip{left:1068px;top:408px;width:242px;height:154px}
.sy-scene--credentials .sy-person-access{left:660px;top:596px;width:440px;height:344px}
.sy-scene--credentials .sy-model{left:1170px;top:658px;width:112px;height:54px}
.sy-scene--credentials .sy-person{left:1130px;top:862px;width:148px;height:44px}
.sy-scene--gateway{height:820px}
.sy-scene--gateway .sy-door{left:466px;top:80px;width:440px;height:530px}
.sy-scene--gateway .sy-inbox{left:64px;top:264px;width:366px;height:228px}
.sy-scene--gateway .sy-outgoing{left:768px;top:500px;width:336px;height:232px}
.sy-scene--gateway .sy-cap{left:1032px;top:132px;width:216px;height:188px}
.sy-scene--gateway .sy-call-log{left:112px;top:446px;width:340px;height:260px}
.sy-scene--gateway .sy-model{left:1200px;top:530px;width:112px;height:54px}
.sy-scene--data-not-orders{height:1100px}
.sy-scene--data-not-orders .sy-enquiry{left:112px;top:196px;width:570px;height:368px}
.sy-scene--data-not-orders .sy-tray{left:64px;top:410px;width:680px;height:190px}
.sy-scene--data-not-orders .sy-allow-list{left:824px;top:124px;width:266px;height:268px}
.sy-scene--data-not-orders .sy-reader{left:944px;top:322px;width:372px;height:216px}
.sy-scene--data-not-orders .sy-quote{left:824px;top:586px;width:352px;height:284px}
.sy-scene--data-not-orders .sy-confirmation{left:468px;top:806px;width:316px;height:244px}
.sy-scene--data-not-orders .sy-person{left:972px;top:986px;width:148px;height:44px}
.sy-scene--record{height:1000px}
.sy-scene--record .sy-archive{left:80px;top:132px;width:410px;height:636px}
.sy-scene--record .sy-entry{left:332px;top:232px;width:596px;height:704px}
.sy-scene--record .sy-map-rule{left:1020px;top:172px;width:260px;height:262px}
.sy-scene--record .sy-map-change{left:960px;top:374px;width:310px;height:286px}
.sy-scene--record .sy-person{left:1042px;top:832px;width:148px;height:44px}
.sy-scene--systems{height:1550px}
.sy-scene--systems .sy-account{height:1452px}
.sy-scene--systems .sy-inbox{left:64px;top:116px;width:320px;height:222px}
.sy-scene--systems .sy-price{left:408px;top:234px;width:278px;height:206px}
.sy-scene--systems .sy-past{left:712px;top:112px;width:210px;height:164px}
.sy-scene--systems .sy-terms{left:838px;top:232px;width:238px;height:132px}
.sy-scene--systems #access{left:72px;top:436px;width:350px;height:430px}
.sy-scene--systems .sy-engine{left:442px;top:416px;width:440px;height:384px}
.sy-scene--systems .sy-index{left:658px;top:828px;width:354px;height:202px}
.sy-scene--systems .sy-board{left:578px;top:1060px;width:480px;height:256px}
.sy-scene--systems .sy-sealed{left:740px;top:1350px;width:310px;height:120px}
.sy-scene--systems .sy-mini-record{left:72px;top:720px;width:350px;height:214px}
.sy-scene--systems .sy-gateway{left:1030px;top:470px;width:134px;height:170px}
.sy-scene--systems .sy-model{left:1198px;top:518px;width:112px;height:54px}
.sy-scene--systems .sy-person{left:490px;top:1320px;width:148px;height:44px}
.sy-scene--systems .sy-fitting{left:110px;top:954px;width:294px;height:220px}
@media(max-width:899px){
.sy-scene--boundary{height:1950px}
.sy-scene--boundary .sy-account{height:1740px}
.sy-scene--boundary .sy-inbox{left:28px;top:92px;width:298px;height:226px}
.sy-scene--boundary .sy-price{left:50px;top:278px;width:264px;height:208px}
.sy-scene--boundary .sy-past{left:26px;top:446px;width:182px;height:158px}
.sy-scene--boundary .sy-terms{left:144px;top:540px;width:182px;height:136px}
.sy-scene--boundary .sy-engine{left:24px;top:652px;width:310px;height:360px}
.sy-scene--boundary .sy-person{left:60px;top:1040px;width:148px;height:44px}
.sy-scene--boundary .sy-index{left:50px;top:1110px;width:278px;height:238px}
.sy-scene--boundary .sy-mini-record{left:106px;top:1374px;width:220px;height:214px}
.sy-scene--boundary .sy-sealed{left:26px;top:1616px;width:216px;height:112px}
.sy-scene--boundary .sy-gateway{left:246px;top:1730px;width:108px;height:142px}
.sy-scene--boundary .sy-model{left:246px;top:1890px;width:112px;height:54px}
.sy-scene--connection{height:1710px}
.sy-scene--connection .sy-price-access{left:64px;top:80px;width:254px;height:250px}
.sy-scene--connection .sy-past-access{left:40px;top:216px;width:254px;height:250px}
.sy-scene--connection .sy-terms-access{left:16px;top:352px;width:254px;height:250px}
.sy-scene--connection #access{left:16px;top:488px;width:326px;height:600px}
.sy-scene--connection .sy-fitting{left:40px;top:1128px;width:294px;height:220px}
.sy-scene--connection .sy-inbox{left:38px;top:1360px;width:302px;height:226px}
.sy-scene--connection .sy-person{left:168px;top:1630px;width:148px;height:44px}
.sy-scene--credentials{height:1850px}
.sy-scene--credentials .sy-board{left:20px;top:80px;width:316px;height:652px}
.sy-scene--credentials .sy-sealed{left:34px;top:688px;width:286px;height:132px}
.sy-scene--credentials .sy-key-store{left:38px;top:884px;width:258px;height:220px}
.sy-scene--credentials .sy-call-slip{left:104px;top:1060px;width:228px;height:154px}
.sy-scene--credentials .sy-model{left:214px;top:1260px;width:112px;height:54px}
.sy-scene--credentials .sy-person-access{left:20px;top:1378px;width:322px;height:324px}
.sy-scene--credentials .sy-person{left:168px;top:1746px;width:148px;height:44px}
.sy-scene--gateway{height:1610px}
.sy-scene--gateway .sy-inbox{left:16px;top:84px;width:300px;height:234px}
.sy-scene--gateway .sy-door{left:48px;top:282px;width:294px;height:514px}
.sy-scene--gateway .sy-outgoing{left:34px;top:750px;width:286px;height:232px}
.sy-scene--gateway .sy-model{left:166px;top:1024px;width:112px;height:54px}
.sy-scene--gateway .sy-call-log{left:78px;top:1130px;width:264px;height:246px}
.sy-scene--gateway .sy-cap{left:18px;top:1400px;width:166px;height:176px}
.sy-scene--data-not-orders{height:1620px}
.sy-scene--data-not-orders .sy-enquiry{left:16px;top:92px;width:326px;height:408px}
.sy-scene--data-not-orders .sy-tray{left:0px;top:336px;width:350px;height:192px}
.sy-scene--data-not-orders .sy-allow-list{left:50px;top:544px;width:244px;height:248px}
.sy-scene--data-not-orders .sy-reader{left:24px;top:748px;width:318px;height:208px}
.sy-scene--data-not-orders .sy-quote{left:54px;top:1000px;width:286px;height:302px}
.sy-scene--data-not-orders .sy-confirmation{left:16px;top:1262px;width:268px;height:244px}
.sy-scene--data-not-orders .sy-person{left:174px;top:1546px;width:148px;height:44px}
.sy-scene--record{height:1440px}
.sy-scene--record .sy-archive{left:26px;top:92px;width:272px;height:420px}
.sy-scene--record .sy-entry{left:42px;top:248px;width:300px;height:560px}
.sy-scene--record .sy-map-rule{left:72px;top:852px;width:264px;height:244px}
.sy-scene--record .sy-map-change{left:20px;top:1028px;width:288px;height:286px}
.sy-scene--record .sy-person{left:174px;top:1360px;width:148px;height:44px}
.sy-scene--systems{height:3004px}
.sy-scene--systems .sy-account{height:2740px}
.sy-scene--systems .sy-inbox{left:28px;top:92px;width:298px;height:226px}
.sy-scene--systems .sy-price{left:50px;top:278px;width:264px;height:208px}
.sy-scene--systems .sy-past{left:26px;top:446px;width:182px;height:158px}
.sy-scene--systems .sy-terms{left:144px;top:540px;width:182px;height:136px}
.sy-scene--systems .sy-engine{left:24px;top:652px;width:310px;height:360px}
.sy-scene--systems #access{left:40px;top:1050px;width:286px;height:408px}
.sy-scene--systems .sy-fitting{left:40px;top:1480px;width:294px;height:220px}
.sy-scene--systems .sy-index{left:50px;top:1702px;width:274px;height:212px}
.sy-scene--systems .sy-board{left:24px;top:1946px;width:310px;height:370px}
.sy-scene--systems .sy-sealed{left:70px;top:2338px;width:254px;height:112px}
.sy-scene--systems .sy-mini-record{left:26px;top:2484px;width:220px;height:214px}
.sy-scene--systems .sy-person{left:112px;top:2730px;width:148px;height:44px}
.sy-scene--systems .sy-gateway{left:246px;top:2730px;width:108px;height:142px}
.sy-scene--systems .sy-model{left:246px;top:2924px;width:112px;height:54px}
}

/* ==== Finishing layer (Opus, 12 November 2026). Appended after Astra's rules; desktop and phone overrides are fenced by width so neither leaks into the other. ==== */

/* Titles on papers are titles: no underline. The link stays for navigation and keeps its focus ring. */
.sy-object-link{text-decoration:none}
.sy-object-link:hover{color:inherit;text-decoration:none}

/* The gateway on the boundary: a door standing in the account's own line. Frame and sill in 1.5 px ink,
   a cardstock leaf with hinges, the provider's terms posted on it, and a letter plate the one call passes through. */
.sy-scene .sy-gate{z-index:8;width:212px;height:300px}
.sy-gate::before{content:'';position:absolute;inset:0 0 12px;border:var(--line-structure) solid var(--color-text-secondary);border-bottom:0;border-radius:2px 2px 0 0;background:var(--color-surface-well-deep)}
.sy-gate::after{content:'';position:absolute;left:-14px;right:-14px;bottom:12px;border-top:var(--line-structure) solid var(--color-text-secondary)}
.sy-gate-leaf{position:absolute;left:9px;right:9px;top:9px;bottom:13px;padding:16px 12px 0 14px;background:var(--k-stock-cover) var(--k-grain-cover);box-shadow:inset 1px 1px 0 var(--k-cut-light),inset -1px -1px 0 var(--k-cut-edge),var(--k-sh-base),var(--k-sh-contact);border-radius:1px}
.sy-gate-leaf>h3{font:400 16px/20px var(--p-font-family-display)}
.sy-gate-hinge{position:absolute;left:-4px;width:5px;height:24px;background:var(--color-text-secondary);border-radius:1px}
.sy-gate-hinge--top{top:28px}.sy-gate-hinge--bottom{bottom:30px}
.sy-gate-notice{position:relative;margin-top:12px;padding:14px 10px 8px;rotate:-1.5deg}
.sy-gate-notice::before{content:'';position:absolute;top:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--color-text-secondary)}
.sy-gate-notice .sy-register-title{font-size:9px;line-height:12px;letter-spacing:.02em;white-space:nowrap}
.sy-gate-notice ul{margin-top:4px;list-style:none;padding:0}
.sy-gate-notice li{font-size:9px;line-height:12px;padding:5px 0;box-shadow:inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction)}
.sy-gate-notice li:first-child{font:400 12px/16px var(--p-font-family-display)}
.sy-gate-notice li:last-child{box-shadow:none}
.sy-gate-notice small{display:block;font-size:7px;line-height:10px;color:var(--color-text-tertiary)}
.sy-gate-plate{position:absolute;right:14px;width:62px;height:14px;background:var(--k-mat-grey-205);box-shadow:inset 1px 1px 0 var(--k-cut-light),inset -1px -1px 0 var(--k-cut-edge),var(--k-sh-base);border-radius:2px}
.sy-gate-plate::after{content:'';position:absolute;inset:5px 7px;background:var(--color-text-primary);border-radius:1px}
.sy-gate-knob{position:absolute;right:20px;width:9px;height:9px;border-radius:50%;background:var(--k-mat-grey-155);box-shadow:inset 1px 1px 0 var(--k-cut-light),var(--k-sh-base)}

/* The model service: not ours and not drawn as a thing. The edge of a neighbour's ground, a quiet 1 px line
   turning a corner and running off the well's edge, with its name inside and the one call crossing into it. */
.sy-scene .sy-neighbour{z-index:2;width:640px;height:1600px;border-top:var(--line-construction) solid var(--color-text-tertiary);border-left:var(--line-construction) solid var(--color-text-tertiary);pointer-events:none}
.sy-neighbour--lot{border-bottom:var(--line-construction) solid var(--color-text-tertiary)}
.sy-neighbour>p{padding:10px 0 0 16px;font-size:11px;line-height:16px;color:var(--color-text-secondary)}

/* The sealed payroll drawer: a filing drawer with its label in a holder, a pull, and the business's seal
   laid across the seam. No hook, no key, no keyhole. */
.sy-label-holder{position:absolute;left:22px;top:18px;padding:3px;border:var(--line-structure) solid var(--color-text-secondary);border-radius:2px;background:var(--k-mat-grey-205);font:400 16px/20px var(--p-font-family-display)}
.sy-label-holder>b{display:block;font-weight:400;padding:3px 14px 2px;background:var(--color-paper) var(--k-grain-paper)}
.sy-drawer-front>.sy-drawer-handle{left:28px;bottom:16px}
.sy-sealed .sy-seal{right:44px;top:-10px;width:78px;min-height:0;height:auto;padding:12px 6px 10px;background:var(--color-archive-under) var(--k-grain-paper);rotate:-2.5deg;text-align:center;z-index:2}
.sy-sealed .sy-seal::before,.sy-sealed .sy-seal::after{content:'';position:absolute;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--color-surface-well-deep) 0 3px,transparent 3px 6px)}
.sy-sealed .sy-seal::before{top:0}.sy-sealed .sy-seal::after{bottom:0}
.sy-sealed .sy-seal>i{width:10px;height:10px;margin:0 auto 6px}
.sy-seal-owner{display:block;font-size:7px;line-height:10px;font-weight:600}
.sy-sealed .sy-seal .k-stamp{position:relative;display:inline-block;right:auto;top:auto;margin:8px 0 6px;padding:3px 6px 2px;font-size:9px;line-height:11px;rotate:-4deg}
.sy-seal-note{display:block;font-size:7px;line-height:10px;color:var(--color-text-secondary)}

/* The drawer front is a recessed panel with a bevel, as a filing drawer's face is. */
.sy-drawer-front::before{content:'';position:absolute;inset:8px;box-shadow:inset 1px 1px 0 var(--k-cut-edge),inset -1px -1px 0 var(--k-cut-light);border-radius:1px;pointer-events:none}
/* A wire's cite pin sits on the edge the wire enters. */
.sy-pin-right{left:auto;right:0}

/* The sealed mark in a person's access register: the kit's strapped box, set small in the cell. */
.sy-person-access .k-seal-box{width:20px;height:14px;margin-inline:auto}
.sy-person-access .k-seal-box::before{top:3px}.sy-person-access .k-seal-box::after{right:4px;width:4px}

/* The tools list ends with its one write action and Sam's confirmation. */
.sy-allow-write{margin-top:10px!important}
.sy-allow-write .k-inline-person{white-space:nowrap}

/* Change to the map: the proposed rule, its approver, and the revert mark. */
.sy-map-change .k-footline span{font-size:9px;line-height:12px}

/* The gateway page's door: a letter plate, and the one outgoing call passing through it. */
.sy-door .sy-gate-plate{right:auto;left:calc(50% - 31px);background:var(--k-mat-grey-148);z-index:3}

@media (min-width:900px){
/* Boundary, 1440. */
.sy-scene--boundary .sy-index{left:578px;top:544px;z-index:7}
.sy-scene--boundary .sy-mini-record{left:712px;top:852px;height:190px}
.sy-scene--boundary .sy-sealed{left:420px;top:888px;width:270px;height:124px}
.sy-scene--boundary .sy-person{left:214px;top:873px}
.sy-scene--boundary .sy-gate{left:996px;top:582px}
.sy-scene--boundary .sy-gate-plate,.sy-scene--systems .sy-gate-plate{top:214px}
.sy-scene--boundary .sy-gate-knob,.sy-scene--systems .sy-gate-knob{top:246px}
.sy-scene--boundary .sy-neighbour{left:1262px;top:760px}
.sy-scene--boundary .sy-price .k-cite-pin{top:140px}
.sy-scene--boundary .sy-terms .k-cite-pin{top:89px}
.sy-scene--boundary .sy-inbox .k-cite-pin{display:none}

/* The whole system, 1440. */
.sy-scene--systems{height:1420px}
.sy-scene--systems .sy-account{height:1330px}
.sy-scene--systems .sy-past{left:772px}
.sy-scene--systems .sy-mini-record{height:190px}
.sy-scene--systems .sy-index{left:680px;top:896px}
.sy-scene--systems .sy-board{left:578px;top:1074px}
.sy-scene--systems .sy-sealed{left:120px;top:1176px;height:124px}
.sy-scene--systems .sy-person{left:734px;top:829px}
.sy-scene--systems .sy-gate{left:996px;top:330px}
.sy-scene--systems .sy-neighbour{left:1262px;top:500px}
.sy-scene--systems .sy-price .k-cite-pin{top:140px}
.sy-scene--systems .sy-terms .k-cite-pin{top:89px}
.sy-scene--systems .sy-inbox .k-cite-pin{display:none}
}

/* Finishing layer, phone. The gate stands with its sill on the account's bottom line; the one call drops
   straight from the instrument, behind the papers, through the gate to the service outside. */
@media (max-width:899px){
.sy-scene .sy-gate{width:170px;height:280px}
.sy-gate-leaf{padding:12px 10px 0 12px}
.sy-gate-notice{padding:12px 8px 6px}
.sy-gate-notice .sy-register-title{white-space:normal}
.sy-gate-notice li:first-child{font-size:11px;line-height:14px}
.sy-scene .sy-gate-plate{top:214px;right:44px}
.sy-scene .sy-gate-knob{top:186px;right:16px}
.sy-label-holder{left:14px;top:14px;font-size:12px;line-height:16px}
.sy-label-holder>b{padding:2px 10px 1px}
.sy-drawer-front>.sy-drawer-handle{left:18px;bottom:12px}
.sy-sealed .sy-seal{right:14px;width:70px}
.sy-scene--boundary,.sy-scene--systems{--k-lx:.6}
/* Credentials, 390: the service under the call's straight drop. */
.sy-scene--credentials .sy-neighbour{left:-200px;top:1250px;width:530px;height:90px;border-left:0;border-right:var(--line-construction) solid var(--color-text-tertiary);border-bottom:var(--line-construction) solid var(--color-text-tertiary)}
.sy-scene--credentials .sy-neighbour>p{padding:30px 0 0 216px}
.sy-scene--credentials .sy-sealed{top:716px}
.sy-scene--credentials .sy-sealed .sy-seal{top:22px}
/* Gateway, 390: the letter plate below the posted terms; the service under the call's drop. */
.sy-scene--gateway .sy-door .sy-gate-plate{top:440px;left:116px;right:auto}
.sy-scene--gateway .sy-door::after{top:-6px}
.sy-scene--gateway .sy-cap{width:200px}
.sy-scene--gateway .sy-neighbour{left:140px;top:1010px;height:80px;border-bottom:var(--line-construction) solid var(--color-text-tertiary)}
.sy-scene--gateway .sy-neighbour>p{padding-left:86px;padding-top:30px}
.sy-scene--gateway .sy-person{left:18px;top:1026px}
/* Data, not orders, 390: the tray's walls stand round the enquiry. */
.sy-scene--data-not-orders .sy-tray-wall{left:6px;top:320px;width:344px;height:190px}
/* Record, 390: the entry and the change end where their contents end. */
.sy-scene--record .sy-entry{height:520px}
.sy-scene--record .sy-map-change{height:244px}
/* Boundary, 390. */
.sy-scene--boundary{height:2130px}
.sy-scene--boundary .sy-account{height:1944px}
.sy-scene--boundary .sy-person{left:60px;top:1040px}
.sy-scene--boundary .sy-index{left:40px;top:1110px}
.sy-scene--boundary .sy-mini-record{left:20px;top:1380px;height:190px}
.sy-scene--boundary .sy-sealed{left:26px;top:1596px;width:216px;height:116px}
.sy-scene--boundary .sy-gate{left:186px;top:1720px}
.sy-scene--boundary .sy-neighbour{left:150px;top:2010px}
/* The whole system, 390. */
.sy-scene--systems{height:3180px}
.sy-scene--systems .sy-account{height:2984px}
.sy-scene--systems #access{left:40px;top:1036px}
.sy-scene--systems .sy-fitting{left:106px;top:1530px;width:262px}
.sy-scene--systems .sy-fitting-centre{width:110px}
.sy-scene--systems .sy-index{left:50px;top:1760px}
.sy-scene--systems .sy-board{left:24px;top:1950px}
.sy-scene--systems .sy-person{left:60px;top:2336px}
.sy-scene--systems .sy-sealed{left:26px;top:2400px;width:216px;height:116px}
.sy-scene--systems .sy-mini-record{left:26px;top:2548px;height:190px}
.sy-scene--systems .sy-gate{left:186px;top:2760px}
.sy-scene--systems .sy-neighbour{left:150px;top:3060px}
.sy-scene--boundary .sy-inbox .k-cite-pin,.sy-scene--systems .sy-inbox .k-cite-pin{display:none}
.sy-scene--boundary .sy-price .k-cite-pin,.sy-scene--systems .sy-price .k-cite-pin{left:0;right:auto;top:140px}
.sy-scene--boundary .sy-terms .k-cite-pin,.sy-scene--systems .sy-terms .k-cite-pin{left:auto;right:0;top:89px}
}

/* Finishing layer: the close views. */
/* Gateway page: the posted terms as a list, the door's letter plate, the outside service. */
.sy-term-list{list-style:none;padding:0;margin-top:16px!important}
.sy-term-list li{font-size:16px;line-height:24px;padding-block:10px;box-shadow:inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction)}
.sy-call-log .k-register td:not(:first-child) .k-tick{margin-inline:auto}
/* Gateway page: the cap meter is mounted on a cardstock plate, a thing with an edge, not a drawing on the ground. */
.sy-scene--gateway .sy-cap{padding:18px 20px 16px;background:var(--color-surface-raised) var(--k-grain-cover);box-shadow:inset 1px 1px 0 var(--k-cut-light),inset -1px -1px 0 var(--k-cut-edge),var(--k-sh-base),var(--k-sh-contact);border-radius:2px}
/* Gateway page: the door has square corners, a frame and a sill: a door, not a screen. */
.sy-scene--gateway .sy-door{border-radius:3px}
.sy-door-sill{position:absolute;left:-44px;right:-44px;bottom:-9px;border-top:var(--line-structure) solid var(--color-text-secondary)}
/* Data, not orders: the tray has walls. Its back and sides stand behind the enquiry; the front lip stays in front. */
.sy-tray-wall{z-index:4!important;background:var(--color-line-hairline) var(--k-grain-cover);box-shadow:inset 0 12px 16px -12px var(--k-mat-shade-200),inset 1px 1px 0 var(--k-cut-light),var(--k-sh-base),var(--k-sh-contact);border-radius:2px;pointer-events:none}
/* The Send quote line on the whole system: the route primitive, drawn in ink at the structure weight. */
.sy-route-ink .k-route__line{stroke:var(--color-text-secondary);stroke-width:var(--line-structure)}
/* Record: the bound volume's other entries; the approver's square first, then pen ticks. */
.sy-archive-marks i::after{left:9px;top:7px;width:3px;height:6px;border:0;border-right:var(--line-structure) solid var(--k-ink-pen);border-bottom:var(--line-structure) solid var(--k-ink-pen);border-radius:0;rotate:40deg;background:none}
.sy-archive-marks>div:nth-child(3n) i:last-child::after{border:0;border-right:var(--line-structure) solid var(--k-ink-pen);border-bottom:var(--line-structure) solid var(--k-ink-pen);border-radius:0;background:none}
.sy-archive-marks i:first-child::after{left:8px;top:9px;width:5px;height:5px;border:0;rotate:0deg;background:var(--color-text-primary)}
/* Credentials: Payroll in Sam's register is one cell across both columns, its words in the quiet ink. */
.sy-person-access .k-register td.sy-seal-band{text-align:center;color:var(--color-text-tertiary)}
/* Gateway page: the door is the same pale cardstock door as on the boundary, with the same knob. */
.sy-scene--gateway .sy-door{background:var(--k-stock-cover) var(--k-grain-cover);color:var(--color-text-primary);box-shadow:inset 1px 1px 0 var(--k-cut-light),inset -1px -1px 0 var(--k-cut-edge),var(--k-sh-base),var(--k-sh-contact)}
.sy-scene--gateway .sy-door .sy-hinge{background:var(--color-text-secondary)}
.sy-scene--gateway .sy-door .sy-handle{width:11px;height:11px;border-radius:50%;background:var(--k-mat-grey-155);box-shadow:inset 1px 1px 0 var(--k-cut-light),var(--k-sh-base)}
@media (min-width:900px){
.sy-scene--gateway .sy-door .sy-gate-plate{left:224px;top:473px}
.sy-scene--gateway .sy-neighbour{left:1200px;top:500px}
.sy-scene--gateway .sy-call-log{left:150px}
.sy-scene--gateway .sy-person{left:398px;top:726px}
.sy-scene--gateway .sy-cap{left:1040px;top:120px;width:236px;height:236px}
.sy-scene--credentials{height:1010px}
.sy-scene--credentials .sy-neighbour{left:1200px;top:640px}
.sy-scene--credentials .sy-neighbour>p{padding-left:96px;padding-top:24px}
.sy-scene--credentials .sy-sealed{top:524px}
.sy-scene--credentials .sy-sealed .sy-seal{top:12px}
.sy-scene--credentials .sy-person-access{left:520px;top:640px}
.sy-scene--credentials .sy-person{left:984px;top:686px}
.sy-scene--connection .sy-price-access{left:64px}.sy-scene--connection .sy-past-access{left:120px}.sy-scene--connection .sy-terms-access{left:176px}
.sy-scene--connection #access{left:200px}
.sy-scene--connection .sy-person{left:794px;top:1020px}
.sy-scene--data-not-orders .sy-allow-list{height:252px}
.sy-scene--data-not-orders .sy-reader{top:352px}
.sy-scene--data-not-orders .sy-quote{top:532px}
.sy-scene--data-not-orders .sy-tray-wall{left:64px;top:372px;width:680px;height:220px}
.sy-scene--record .sy-map-change{height:232px}
.sy-scene--record .sy-entry{height:664px}
}


/* ==== Site-review touch-up, 13 November 2026. Phone only; the desktop is untouched. ====
   Every paper carrying reading text reaches 240 px by covering its neighbour more, never by moving apart.
   On the whole system the account's blue line is two corner marks, not a frame down both edges. */
@media (max-width:899px){
.sy-scene--systems .sy-past,.sy-scene--boundary .sy-past{width:240px}
.sy-scene--systems .sy-terms,.sy-scene--boundary .sy-terms{left:86px;width:240px}
.sy-scene--systems .sy-mini-record,.sy-scene--boundary .sy-mini-record{width:240px}
.sy-scene--systems .sy-sealed,.sy-scene--boundary .sy-sealed{width:240px}
.sy-scene .sy-gate{width:270px}.sy-gate-leaf{padding-inline:6px}
.sy-scene--systems .sy-gate,.sy-scene--boundary .sy-gate{left:98px}
.sy-scene .sy-gate-plate{right:68px}
.sy-scene--credentials .sy-call-slip{width:240px}
.sy-scene--gateway .sy-posted{width:240px}
.sy-scene--gateway .sy-cap{width:240px}
.sy-scene--systems .sy-account{border-color:transparent}
.sy-scene--systems .sy-account::before,.sy-scene--systems .sy-account::after{content:'';position:absolute;left:-3px;height:56px;border-left:var(--line-route) solid var(--color-route);pointer-events:none}
.sy-scene--systems .sy-account::before{top:-3px;width:276px;border-top:var(--line-route) solid var(--color-route);border-top-left-radius:3px}
.sy-scene--systems .sy-account::after{bottom:-3px;right:-3px;border-bottom:var(--line-route) solid var(--color-route);border-bottom-left-radius:3px}
}
/* Site-review touch-up, second round, 13 November 2026. Credentials, 390: the route drops behind the papers at 212, so the model
   service's ground turns its corner at 248 and runs off the right edge instead of the left; the Model call still drops into it. */
@media (max-width:899px){
.sy-scene--credentials .sy-neighbour{left:248px;width:640px;border-left:var(--line-construction) solid var(--color-text-tertiary);border-right:0}
.sy-scene--credentials .sy-neighbour>p{padding:30px 0 0 16px}
}