/* Job 5. Paper, typed slips, role sheets and the route to a person.
   The g-fields, g-credential, g-slip and g-role-back anatomy is adapted from
   agents-workflows-finish/agents-workflows.css. Materials remain in the live kit. */
.g-inner,.g-header .nav__inner,.g-footer{width:calc(100% - 96px);max-width:1344px;margin-inline:auto}
.g-header{height:72px;border-bottom:1px solid var(--color-line-construction)}
.g-header .nav__inner{height:72px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0;flex-wrap:nowrap}
.g-header .nav__wordmark{font-size:21px;line-height:28px;text-decoration:none;white-space:nowrap}
.g-header .nav__links{gap:24px;display:flex;align-items:center}
.g-header .nav__link{font-size:16px;line-height:24px;white-space:nowrap}
.g-header .nav__link[aria-current]::before{content:'';width:6px;height:6px;background:var(--color-text-primary);display:inline-block;margin-right:8px}
.g-page .btn{font-size:16px;line-height:24px;padding:12px 24px;min-height:48px;white-space:nowrap}
.g-menu{display:none}.g-skip{position:absolute;top:8px;left:16px;translate:0 -160%;z-index:100;background:var(--color-paper);padding:12px}.g-skip:focus{translate:0}
.g-nowrap{white-space:nowrap}
.g-page a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
.g-page a.btn--primary{color:var(--color-paper)}
.g-page a:focus-visible,.g-page summary:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:5px}
.g-intro{padding:96px 0 48px}.g-intro>.k-smallcaps{margin-bottom:20px}
.g-intro h1{font:400 50px/56px var(--p-font-family-display);letter-spacing:-.02em;max-width:888px;text-wrap:balance}
.g-lead{font-size:21px;line-height:28px;max-width:660px;margin-top:24px!important}
.g-action{display:flex;align-items:center;gap:24px;margin-bottom:64px}.g-action p{font-size:16px;line-height:24px;color:var(--color-text-secondary)}
.g-reserved{border-block:1px solid var(--color-line-construction);padding:32px 0;margin:0 0 96px;display:grid;grid-template-columns:1fr 2fr;gap:24px;color:var(--color-text-tertiary)}
.g-reserved>p:last-child{font-size:12px;line-height:16px;align-self:center}
.g-section{margin-top:96px;scroll-margin-top:96px}.g-section:first-child{margin-top:0}
.g-hanging{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;border-top:1.5px solid var(--color-line-structure);padding-top:16px;margin-bottom:48px}
.g-hanging>h2{grid-column:1/5;font:400 28px/32px var(--p-font-family-display);text-wrap:balance}
.g-hanging>div{grid-column:5/13;font-size:16px;line-height:24px}
.g-note{margin-top:12px!important;font-size:12px;line-height:16px;color:var(--color-text-secondary)}
.g-text-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:16px;line-height:24px}
.g-text-links a{color:var(--color-accent-text)}.g-count{margin-left:8px;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}
.g-footer{margin-top:96px;border-top:1px solid var(--color-line-construction);padding:24px 0 48px}
.g-footer p{font-size:16px;line-height:24px;max-width:580px}.g-footer nav{margin-top:24px;display:flex;gap:24px;flex-wrap:wrap;font-size:12px;line-height:16px}
.g-scene{width:calc(100% + 48px);position:relative;isolation:isolate}
.g-scene .g-field{inset:0;width:100%;height:100%}.g-scene .k-route{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.g-scene .k-route path{vector-effect:non-scaling-stroke}.g-wire{fill:none;stroke:var(--color-text-secondary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}
.g-person{position:relative;z-index:8;align-items:start}.g-person .k-person__name{font:400 21px/28px var(--p-font-family-display);text-wrap:pretty}
.g-person .k-person__role{font:400 12px/16px var(--p-font-family-working);max-width:260px;margin-top:8px!important}
.g-person .k-person__square{margin-top:8px;width:12px;height:12px}
.g-document .k-body{padding:28px 32px 24px}.g-document .k-letterhead{white-space:nowrap;font-size:11px;line-height:16px;padding-bottom:12px}
.g-document .k-letterhead span{font-size:9px}.g-document .g-preparation{font-size:12px;line-height:16px;margin-top:20px;max-width:95%;color:var(--color-text-secondary)}
.g-document .k-doc-title{font:400 38px/44px var(--p-font-family-display);text-wrap:pretty;margin-top:8px!important}
.g-document .g-version{font-size:12px;line-height:16px;margin-top:16px;color:var(--color-text-tertiary)}
.g-excerpt{font-size:16px;line-height:24px;margin-top:24px!important;text-wrap:pretty}
.g-excerpt+.g-excerpt{margin-top:20px!important}
.g-document-foot{margin-top:28px;padding-top:12px;box-shadow:inset 0 var(--k-hair) 0 var(--color-text-secondary);display:flex;align-items:end;gap:24px}
.g-document-foot p{font-size:12px;line-height:16px;color:var(--color-text-secondary)}.g-file-kind{font-size:9px;line-height:12px;white-space:nowrap;margin-left:auto}
.g-document.k-doc--object .k-body{padding:16px 20px}.g-document.k-doc--object .k-letterhead{font-size:8px;line-height:12px;padding-bottom:8px}
.g-document.k-doc--object .g-preparation{font-size:8px;line-height:12px;margin-top:12px}
.g-document.k-doc--object .k-doc-title{font-size:16px;line-height:20px;margin-top:4px!important}
.g-document.k-doc--object .g-version{font-size:8px;line-height:12px;margin-top:8px}
.g-document.k-doc--object .g-excerpt{font-size:9px;line-height:12px;margin-top:12px!important}
.g-document.k-doc--object .g-document-foot{margin-top:16px;padding-top:8px;gap:12px}.g-document.k-doc--object .g-document-foot p{font-size:8px;line-height:12px}
.g-planning-lines .g-excerpt{padding-block:16px;box-shadow:inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction);margin:0!important}
.g-planning-lines{margin-top:24px}.g-planning-lines .g-excerpt:last-child{font-family:var(--p-font-family-display);font-size:21px;line-height:28px}

/* The read sheet and its continued excerpts, with a cardstock file jacket. */
.g-document-scene{padding:200px 0 72px;min-height:720px;--k-lx:.8;--k-pool-x:40%;--k-pool-y:40%;--k-pool-w:66%;--k-pool-h:78%;border-radius:24px 0 0 24px}
.g-open{position:relative;width:660px;margin-left:184px;z-index:7}
.g-page-back{position:absolute;width:400px;z-index:3;top:40px;left:760px;rotate:3deg}
.g-page-back-2{left:960px;top:220px;rotate:-3deg;z-index:2}
.g-file-jacket{position:absolute;left:-24px;top:92px;width:520px;min-height:300px;padding:24px 32px;background:var(--k-stock-cover) var(--k-grain-cover);box-shadow:var(--k-sh-base),var(--k-sh-contact);border-radius:2px;z-index:2;rotate:-3deg}
.g-file-jacket::before{content:'';position:absolute;left:0;top:-20px;width:38%;height:24px;background:var(--k-stock-cover) var(--k-grain-cover);clip-path:polygon(0 0,90% 0,100% 100%,0 100%)}
.g-file-jacket .g-fields{max-width:320px}
.g-document-scene--delivery{--k-lx:-.5;--k-pool-x:70%;border-radius:0 0 0 48px;padding-top:216px}
.g-document-scene--delivery .g-open{margin-left:468px;width:644px}.g-document-scene--delivery .g-page-back{left:128px;top:32px;width:400px;rotate:-3deg}
.g-document-scene--delivery .g-page-back-2{left:780px;top:44px;width:420px;rotate:2deg}
.g-document-scene--delivery .g-file-jacket{left:-24px;top:136px;width:540px}
.g-record{border-top:1px solid var(--color-line-construction);scroll-margin-top:96px}
.g-record summary,.g-map-detail summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:24px 0;font:400 21px/28px var(--p-font-family-display);list-style:none}
.g-record summary::before,.g-map-detail summary::before{content:'+';flex:none}.g-record[open]>summary::before,.g-map-detail[open]>summary::before{content:'−'}
.g-record summary span{font:400 12px/16px var(--p-font-family-working);margin-left:auto;align-self:center}.g-record summary::-webkit-details-marker,.g-map-detail summary::-webkit-details-marker{display:none}
.g-record-status{font-size:12px;line-height:16px;margin-bottom:24px!important}.g-record .g-document-scene{margin-bottom:48px}

/* One firm's outputs: individual titled leaves under the lifted reading sheet. */
.g-fan{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0;padding:64px 100px 72px 64px;--k-lx:-.8;--k-pool-x:70%;--k-pool-y:44%;--k-pool-w:54%;--k-pool-h:90%;border-radius:0 0 0 48px}
.g-fan-front{margin-top:164px;margin-left:-88px;position:relative;z-index:20;width:660px;margin-right:-80px}
.g-fan-front .g-document .k-doc-title{font-size:38px;line-height:44px}
.g-fan-leaves{width:448px;margin-left:-116px;position:relative;z-index:3}.g-fan-leaf .g-document .k-body{padding-left:108px}
.g-fan-leaf{position:relative;height:108px;z-index:var(--g-layer)}
.g-fan-leaf:last-child{height:auto}.g-fan-leaf .g-document{rotate:var(--g-fan-turn);min-height:304px;width:100%;transform-origin:70% 30%}
.g-fan-leaf .g-document .g-preparation{display:none}.g-fan-leaf .g-document .k-doc-title{padding-right:8px}
.g-fan-leaf .g-document .g-excerpt{max-width:85%}.g-fan-leaf:not(:last-child) .k-detail{padding-top:24px}.g-fan-leaf .g-document-foot{max-width:85%}
.g-fan a{text-decoration:none}.g-fan a:hover{text-decoration:underline}.g-fan a:focus-visible{outline-offset:3px}

/* Job 8's typed fields, role sheet, credential and perforated handoff slip. */
.g-fields{margin-top:12px!important}.g-fields>div{display:grid;grid-template-columns:25% 1fr;gap:12px;box-shadow:inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction);padding-block:8px}
.g-fields dt{color:var(--color-text-tertiary)}.g-fields dd{min-width:0}
.g-role-back .k-letterhead{padding-bottom:4px}.g-role-back h3{margin-top:12px;font-size:12px!important;line-height:16px!important}
.g-role-back .g-fields{margin-top:8px!important}.g-role-back .g-fields>div{padding-block:6px;grid-template-columns:48px 1fr;gap:8px}
.g-slip .k-body{padding-top:24px}.g-slip::before{content:'';position:absolute;left:0;right:0;top:10px;border-top:1px dashed var(--color-text-tertiary)}
.g-credential .k-body{padding:32px 24px 20px}
.g-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}
.g-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}
.g-source-object{position:relative;border:1.5px solid var(--color-text-secondary);border-radius:2px;background:var(--color-surface-page);padding:16px 20px;box-shadow:none}
.g-source-object>.k-smallcaps{display:block;margin-bottom:8px}.g-source-object::after{content:'';position:absolute;right:-1.5px;top:-1.5px;width:14px;height:14px;background:var(--color-surface-page);border-left:1px solid var(--color-text-secondary);border-bottom:1px solid var(--color-text-secondary)}
.g-rules{margin-top:24px!important}.g-rules li{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:12px 0;box-shadow:inset 0 var(--k-hair) 0 var(--color-line-construction);font:400 16px/24px var(--p-font-family-working)}
.g-rules .k-rule-mark{color:var(--color-route);margin-top:7px}

/* Two complete workflows: inputs, ink agent stations, typed output and human stop. */
.g-workflow-full{height:876px;--k-lx:.6;--k-pool-x:34%;--k-pool-y:60%;--k-pool-w:52%;--k-pool-h:70%;border-radius:24px 0 0 24px}
.g-workflow-full .g-trigger{position:absolute;left:48px;top:40px;max-width:300px;font-size:16px;line-height:24px;z-index:2}.g-trigger>.k-smallcaps{margin-bottom:8px}
.g-inputs{position:absolute;left:48px;top:152px;width:254px;z-index:4;display:grid;gap:12px}.g-inputs .g-source-object{padding:12px 16px}.g-inputs .g-source-object p{font-size:11px;line-height:16px}
.g-work-stations{position:absolute;left:356px;right:72px;top:136px;display:flex;align-items:start;gap:24px;z-index:5}
.g-work-station{flex:1;min-width:0}.g-work-station:nth-child(2){margin-top:128px}.g-work-station:nth-child(3){margin-top:160px}.g-work-station:nth-child(4){margin-top:128px}
.g-work-stations::before{content:'';position:absolute;left:12%;right:12%;top:230px;border-top:1.5px solid var(--color-text-secondary);z-index:-1}
.g-workflow-full .g-result{position:absolute;left:344px;top:404px;width:720px;z-index:7;min-height:248px}
.g-result .k-body{padding:28px 32px}.g-result .k-smallcaps{margin-top:16px;font-size:11px}.g-result .k-doc-title{font-size:28px;line-height:32px}.g-result .g-fields{font-size:11px;line-height:16px}.g-result .g-fields>div{grid-template-columns:100px 1fr}
.g-workflow-full .g-decision{position:absolute;left:1072px;top:614px;width:240px}.g-decision .k-person__name{font-size:21px;line-height:28px}
.g-failure{position:absolute;left:720px;top:730px;width:340px;display:flex;gap:12px;z-index:3}.g-failure p{font-size:12px;line-height:16px}.g-question{width:18px;height:18px;flex:none;fill:var(--color-surface-page);stroke:var(--color-text-secondary);stroke-width:1.5px}
.g-workflow-full[data-workflow="W26"]{--k-lx:-.6;--k-pool-x:68%;border-radius:0 0 0 48px}

/* A firm's work, mapped as six connected stretches, never enclosed in cards. */
.g-group-title{display:flex;justify-content:space-between;align-items:baseline;gap:32px;margin-bottom:48px}.g-group-title h3{font:400 28px/32px var(--p-font-family-display)}.g-group-title p{font-size:12px;line-height:16px;color:var(--color-text-secondary)}
.g-map-routes{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}.g-map-routes .g-business-path{fill:none;stroke:var(--color-route);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.g-work-map{isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;row-gap:64px;position:relative;padding:16px 0 48px}
.g-map-node{position:relative;z-index:1;min-width:0;padding:0 16px 0 24px}.g-map-node:nth-of-type(3n+2){margin-top:72px}.g-map-node:nth-of-type(3n){margin-top:32px}
.g-map-heading{position:relative}.g-map-heading>.k-smallcaps{font-size:12px;line-height:16px;color:var(--color-text-secondary)}
.g-map-heading h3{font:400 21px/28px var(--p-font-family-display);margin-top:12px}.g-map-heading h3 a{text-decoration:none}.g-map-heading h3 a:hover{text-decoration:underline}
.g-map-trigger{font-size:12px;line-height:16px;color:var(--color-text-secondary);margin-top:12px!important;max-width:90%}
.g-map-stations{margin-top:24px;display:flex;flex-direction:column;gap:8px;border-left:1.5px solid var(--color-text-secondary);padding:4px 0 8px 16px;max-width:95%;position:relative}
.g-map-stations span{display:flex;gap:8px;align-items:baseline;font-size:11px;line-height:16px}.g-map-stations i{width:6px;height:6px;background:var(--color-text-primary);flex:none}
.g-map-object{position:relative;z-index:2;margin:16px 16px 0 24px;rotate:-2deg;min-height:112px}
.g-map-node:nth-of-type(2n) .g-map-object{rotate:2deg}.g-map-object .k-body{padding:24px 20px 16px}.g-map-object p:last-child{margin-top:8px;font:400 16px/20px var(--p-font-family-display)}
.g-map-node .g-person{margin:32px 0 0 44px;min-height:72px}.g-map-node .g-person .k-person__name{font-size:16px;line-height:24px}.g-map-node .k-person__square{width:8px;height:8px;top:8px}
.g-next{font-size:12px;line-height:16px;display:flex;flex-wrap:wrap;gap:8px 12px;margin:16px 0 0 44px}.g-next>span{color:var(--color-text-tertiary)}.g-next a{color:var(--color-accent-text)}

/* The gallery uses an open ruled list. The standalone study draws the role sheet. */
.g-agent-row{display:grid;grid-template-columns:3fr 6fr 3fr;gap:48px;border-top:1px solid var(--color-line-construction);padding:32px 0 40px;scroll-margin-top:96px}
.g-agent-name .g-id{font-size:12px;line-height:16px;color:var(--color-text-tertiary);margin-bottom:12px}.g-agent-name h3{font-size:16px;line-height:24px}
.g-agent-duty>p{font:400 21px/28px var(--p-font-family-display);text-wrap:pretty}.g-agent-duty .g-rules{margin-top:20px!important}.g-agent-duty .g-rules li{font-size:16px;line-height:24px;padding-block:12px}
.g-agent-row>.g-person{margin-top:28px}.g-agent-row .g-person .k-person__name{font-size:16px;line-height:24px}.g-agent-row .k-person__square{width:8px;height:8px;top:8px}
.g-margin-credential{position:relative;width:264px;margin-top:40px;rotate:-2deg}.g-role-scene{height:700px;--k-lx:.6;--k-pool-x:42%;--k-pool-y:40%;--k-pool-w:65%;--k-pool-h:82%;border-radius:24px 0 0 24px}
.g-role-scene .g-agent-input{position:absolute;left:48px;top:80px;width:264px;z-index:3}.g-agent-input p{font-size:11px;line-height:16px}
.g-role-sheet{position:absolute;left:252px;top:200px;width:660px;z-index:7}.g-role-sheet .k-body{padding:28px 40px 28px 48px}
.g-role-sheet .k-body::before{content:'';position:absolute;left:16px;top:28px;bottom:28px;width:8px;background:radial-gradient(circle,var(--color-surface-well-deep) 0 3px,transparent 3.5px) 0 0/8px 64px repeat-y}
.g-role-sheet h2{font-size:16px!important;line-height:24px!important;margin-top:20px}.g-responsibility{font:400 21px/28px var(--p-font-family-display);margin-top:16px!important}
.g-role-status{font-size:9px;line-height:12px;margin-top:20px!important;color:var(--color-text-tertiary)}
.g-role-scene .g-credential{position:absolute;width:284px;left:772px;top:88px;z-index:8;rotate:4deg}.g-credential-scope{font-size:11px;line-height:16px;margin-top:12px!important}
.g-role-scene .g-agent-output{position:absolute;left:980px;top:324px;width:304px;rotate:-2deg;z-index:5}.g-agent-output .k-doc-title{font-size:21px;line-height:28px}
.g-role-scene .g-owner{position:absolute;left:996px;top:576px;width:300px}
.g-agent-specimen:nth-of-type(2) .g-role-scene{--k-lx:-.8;--k-pool-x:65%;border-radius:0 0 0 48px}

/* One output, its actual recorded relationships, and the person retaining review. */
.g-example{height:940px;--k-lx:.7;--k-pool-x:40%;--k-pool-y:40%;--k-pool-w:60%;--k-pool-h:86%;border-radius:24px 0 0 24px}
.g-example-read{position:absolute;left:350px;top:252px;width:640px;z-index:10}
.g-example-back{position:absolute;left:720px;top:56px;width:420px;rotate:3deg;z-index:3}
.g-example-case{position:absolute;left:72px;top:32px;width:356px;rotate:-4deg;z-index:2}
.g-example-input{position:absolute;left:36px;top:300px;width:280px;z-index:5}.g-example-input h3{font:400 16px/20px var(--p-font-family-display)}
.g-example-agent{position:absolute;width:280px;z-index:6}.g-example-agent-0{left:64px;top:548px;rotate:-2deg}.g-example-agent-1{right:40px;top:340px;rotate:2deg}
.g-example-person{position:absolute;left:1160px;top:682px;width:184px}.g-example-decision{position:absolute;left:1036px;top:824px;width:284px;font-size:12px;line-height:16px;z-index:5}

@media(max-width:1250px) and (min-width:801px){
 .g-header .nav__links{gap:12px}.g-header .nav__link{font-size:12px}.g-header .nav__wordmark{font-size:16px}
 .g-scene{width:100%}.g-example-read{left:26%;width:50%}.g-example-back{left:58%;width:34%}.g-example-case{left:4%;width:29%}.g-example-input{left:3%;width:24%}.g-example-agent{width:24%}.g-example-agent-0{left:4%}.g-example-agent-1{right:2%;top:450px}.g-example-person{left:80%;width:18%;top:720px}.g-example-decision{left:78%;width:20%;top:840px}
 .g-fan{padding-inline:32px}.g-fan-front{width:calc(100% + 64px);margin-left:0;margin-right:-64px}.g-fan-leaves{width:100%;margin-left:0}.g-fan-leaf .g-document .k-body{padding-left:96px}
 .g-open{margin-left:12%;width:54%}.g-page-back{left:62%;width:34%}.g-page-back-2{left:62%;top:300px}.g-document-scene--delivery .g-open{margin-left:35%;width:60%}.g-document-scene--delivery .g-page-back{left:8%;width:40%}.g-document-scene--delivery .g-page-back-2{left:56%}
 .g-work-stations{left:28%;right:3%;gap:16px}.g-inputs{left:3%;width:22%}.g-workflow-full .g-result{left:27%;width:49%}.g-workflow-full .g-decision{left:80%;width:18%}.g-failure{left:50%;width:42%}
 .g-role-sheet{left:16%;width:55%}.g-role-scene .g-credential{left:64%;width:28%}.g-role-scene .g-agent-input{left:3%;width:24%}.g-role-scene .g-agent-output{left:74%;width:24%}.g-role-scene .g-owner{left:74%;width:24%}
}

@media(max-width:800px){
 .g-inner,.g-header .nav__inner,.g-footer{width:calc(100% - 32px)}
 .g-header .nav__inner{gap:16px}.g-header .nav__links{display:none}.g-header .nav__wordmark{font-size:16px;line-height:24px}
 .g-header .btn{font-size:12px;line-height:16px;padding:12px 16px;min-height:40px;margin-left:auto}
 .g-menu{display:block;font-size:12px;line-height:16px}.g-menu summary{list-style:none;cursor:pointer}.g-menu summary::-webkit-details-marker{display:none}
 .g-menu[open]>nav{position:absolute;left:16px;right:16px;top:72px;background:var(--color-paper);padding:24px;z-index:100;box-shadow:var(--elevation-paper);display:grid;gap:16px}
 .g-intro{padding:64px 0 32px}.g-intro>.k-smallcaps{margin-bottom:16px}.g-intro h1{font-size:38px;line-height:44px}.g-lead{font-size:21px;line-height:28px;max-width:none}
 .g-action{display:block;margin-bottom:48px}.g-action>p{margin-top:20px}.g-reserved{display:block;padding:24px 0;margin-bottom:64px}.g-reserved>p:last-child{margin-top:12px}
 .g-section{margin-top:64px}.g-hanging{display:block;padding-top:16px;margin-bottom:32px}.g-hanging>h2{font-size:21px;line-height:28px}.g-hanging>div{margin-top:20px}.g-text-links{gap:12px 24px}
 .g-footer{margin-top:64px}.g-footer nav{gap:16px 24px}.g-scene{width:calc(100% + 16px)}.g-desktop{display:none}
 .g-document .k-body{padding:24px 20px}.g-document .k-doc-title{font-size:28px;line-height:32px}.g-document .g-preparation{font-size:11px;line-height:16px;max-width:100%}.g-excerpt{font-size:16px;line-height:24px}
 .g-document-foot{gap:12px;margin-top:24px}.g-document-foot p{font-size:12px;line-height:16px}.g-document .k-letterhead{white-space:nowrap}
 .g-document-scene{display:flex;flex-direction:column;align-items:flex-start;padding:48px 20px 48px 12px;min-height:0;border-radius:24px 0 0 24px}
 .g-document-scene .g-open{order:0;position:relative;left:auto;top:auto;width:100%;margin:0;z-index:10}
 .g-document-scene .g-file-jacket{left:24px;top:20px;width:calc(100% - 60px);min-height:280px;padding:16px;rotate:2deg}
 .g-document-scene .g-page-back{position:relative;left:auto;top:auto;width:calc(100% - 28px);margin:-48px 0 0 20px;rotate:2deg;order:1;z-index:4}
 .g-document-scene .g-page-back-2{margin:-40px 0 0 8px;rotate:-2deg;order:2;z-index:5}
 .g-document-scene .g-page-back .k-body{padding-top:72px}.g-document-scene .g-page-back-2 .k-body{padding-top:64px}
 .g-document-scene--delivery .g-open{width:100%;margin:0}.g-planning-lines .g-excerpt:last-child{font-size:21px;line-height:28px}
 .g-record summary{font-size:21px;line-height:28px;gap:12px}.g-record summary span{flex:none;max-width:70px}
 .g-fan{display:flex;flex-direction:column;padding:48px 20px 48px 12px;gap:0;--k-pool-x:65%;--k-pool-y:25%;--k-pool-h:60%}
 .g-fan-front{width:100%;margin:0;z-index:30}.g-fan-front .g-document .k-doc-title{font-size:28px;line-height:32px}
 .g-fan-leaves{width:calc(100% - 24px);margin:-48px 0 0 16px;padding-top:0}.g-fan-leaf{height:124px}.g-fan-leaf .g-document{min-height:304px}.g-fan-leaf .g-document .k-body{padding:16px}
 .g-fan-leaf .g-document .k-doc-title{font-size:16px;line-height:20px;min-height:60px}.g-fan-leaf:first-child{height:172px}.g-fan-leaf:first-child .g-document .k-body{padding-top:64px}.g-fan-leaf:last-child{height:auto}.g-fan-leaf .g-document .g-excerpt{max-width:100%}
 .g-workflow-full{height:auto;min-height:0;padding:32px 20px 48px 16px;display:flex;flex-direction:column;gap:0;border-radius:24px 0 0 24px}
 .g-workflow-full .g-trigger{position:relative;left:auto;top:auto;max-width:none;padding:0 12px}.g-inputs{position:relative;left:auto;top:auto;width:calc(100% - 40px);margin:24px 0 0 12px;gap:8px}
 .g-work-stations{position:relative;left:auto;right:auto;top:auto;display:block;margin:28px 0 0 16px;z-index:4;width:calc(100% - 32px)}
 .g-work-station{width:100%;min-width:240px;margin:0!important;position:relative}.g-work-station+.g-work-station{margin-top:-40px!important;margin-left:12px!important;width:calc(100% - 12px);z-index:2}
 .g-work-station .k-body{padding-bottom:48px}.g-work-station:last-child .k-body{padding-bottom:32px}
 .g-work-stations::before{top:0;bottom:0;left:48%;right:auto;border:0;border-left:1.5px solid var(--color-text-secondary)}
 .g-workflow-full .g-result{position:relative;left:auto;top:auto;width:100%;margin-top:-40px;min-height:0;z-index:7}.g-result .k-body{padding:28px 24px}.g-result .k-doc-title{font-size:28px;line-height:32px}.g-result .g-fields>div{grid-template-columns:64px 1fr}
 .g-workflow-full .g-decision{position:relative;top:auto;left:auto;width:calc(100% - 48px);margin:40px 0 0 48px;padding-right:8px}.g-decision .k-person__name{font-size:21px;line-height:28px}
 .g-decision::before{content:'';position:absolute;top:-72px;left:6px;height:80px;width:32px;border-right:3px solid var(--color-route);border-bottom:3px solid var(--color-route);border-radius:0 0 16px 0;transform:translateX(-26px);z-index:-1}
 .g-workflow-full .g-failure{position:relative;left:auto;top:auto;width:calc(100% - 32px);margin:40px 0 0 16px;gap:12px;padding-top:16px}.g-failure::before{content:'';position:absolute;left:8px;top:-24px;width:48px;height:48px;border-left:1.5px solid var(--color-text-secondary);border-top:1.5px solid var(--color-text-secondary);border-radius:16px 0 0 0}
 .g-question{z-index:1;margin-top:0}.g-failure p{z-index:1}
 .g-group-title{display:block;margin-bottom:32px}.g-group-title h3{font-size:21px;line-height:28px}.g-group-title p{margin-top:12px}
 .g-work-map{display:block;padding:0 0 24px}.g-map-node{padding:24px 16px 40px 24px;margin:0 0 32px!important;min-height:0}
 .g-map-stations{width:calc(100% - 24px);margin-top:24px}.g-map-object{min-width:240px;rotate:-2deg!important;margin-right:8px}.g-map-node .g-person{margin-left:48px;min-height:0}

 .g-agent-row{grid-template-columns:1fr;gap:20px;padding:24px 0 32px}.g-agent-name{display:flex;gap:12px;align-items:baseline}.g-agent-name .g-id{margin:0}.g-agent-name{flex-wrap:wrap}.g-margin-credential{margin:20px 0 12px 20px;flex-basis:264px}.g-agent-row>.g-person{margin:0 0 0 24px}.g-agent-duty .g-rules{margin-top:16px!important}
 .g-role-scene{height:auto;padding:40px 20px 48px 12px;display:flex;flex-direction:column;align-items:flex-start}
 .g-role-scene .g-agent-input{padding-bottom:56px;position:relative;left:auto;top:auto;width:calc(100% - 40px);margin:0 0 0 20px;z-index:3}
 .g-role-sheet{position:relative;left:auto;top:auto;width:100%;margin-top:-40px;z-index:7}.g-role-sheet .k-body{padding:28px 24px 72px 32px}.g-role-sheet .k-body::before{left:12px}
 .g-role-scene .g-credential{position:relative;left:auto;top:auto;width:calc(100% - 40px);min-width:240px;margin:-48px 0 0 32px;z-index:9;rotate:3deg}
 .g-role-scene .g-agent-output{position:relative;left:auto;top:auto;width:calc(100% - 24px);margin:40px 0 0 12px;rotate:-2deg;z-index:6}.g-agent-output .k-body{padding:24px}
 .g-role-scene .g-owner{position:relative;left:auto;top:auto;width:calc(100% - 56px);margin:40px 0 0 52px}.g-owner::before{content:'';position:absolute;left:6px;top:-88px;height:96px;width:60px;border-bottom:3px solid var(--color-route);border-left:3px solid var(--color-route);border-radius:0 0 0 16px;transform:translateX(-60px);z-index:-1}
 .g-example{height:auto;display:flex;flex-direction:column;padding:48px 20px 48px 12px}
 .g-example-read{position:relative;left:auto;top:auto;width:100%;order:0;z-index:12}
 .g-example-case{position:absolute;left:24px;top:24px;width:calc(100% - 72px);rotate:-3deg;z-index:2}
 .g-example-back{position:relative;left:auto;top:auto;width:calc(100% - 28px);margin:-48px 0 0 16px;rotate:2deg;order:1;z-index:3}.g-example-back .k-body{padding-top:72px!important}
 .g-example-input{position:relative;left:auto;top:auto;width:calc(100% - 32px);margin:40px 0 0 8px;order:2;z-index:4}
 .g-example-agent{position:relative;left:auto;right:auto;top:auto;order:3;width:calc(100% - 32px);margin:28px 0 0 20px;rotate:-2deg;z-index:5}
 .g-example-agent-1{order:4;width:calc(100% - 20px);margin:-40px 0 0 8px;rotate:1deg;z-index:6}.g-example-agent-0 .k-body{padding-bottom:48px}
 .g-example-person{position:relative;left:auto;top:auto;width:calc(100% - 56px);margin:44px 0 0 56px;order:5}.g-example-person::before{content:'';position:absolute;left:6px;top:-88px;width:88px;height:96px;border-bottom:3px solid var(--color-route);border-left:3px solid var(--color-route);border-radius:0 0 0 20px;transform:translateX(-88px);z-index:-1}
 .g-example-decision{position:relative;left:auto;top:auto;width:calc(100% - 56px);margin:24px 0 0 56px!important;order:6}
}

@media print{.g-header,.g-footer,.g-reserved{display:none}.g-record{break-inside:avoid}.g-scene{width:100%}.g-text-links a{color:var(--color-text-primary)}}

/* See and fix pass 1: protected text areas and connections behind stock. */
.g-scene-routes{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.g-business-path{fill:none;stroke:var(--color-route);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}
.g-work-stations::before,.g-decision::before,.g-failure::before,.g-owner::before,.g-example-person::before{content:none}
.g-agent-name .g-margin-credential{margin-top:36px!important}
.g-record summary,.g-map-detail summary{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:start;text-align:left}
.g-map-detail .g-summary-title{justify-self:start}
.g-record summary>span{max-width:none}
.g-file-jacket{width:312px;min-height:0;padding-bottom:40px}
.g-file-jacket .g-fields{max-width:172px;font-size:9px;line-height:12px}
.g-file-jacket .g-fields>div{grid-template-columns:48px 1fr;gap:8px}
.g-backs{position:absolute;left:760px;top:40px;width:400px;z-index:3}
.g-document-scene .g-page-back{position:relative;left:auto;top:auto;width:100%;margin:0;z-index:3}
.g-document-scene .g-page-back+.g-page-back{margin-top:-48px;z-index:2}
.g-document-scene .g-page-back .k-body{padding-left:112px}
.g-document-scene .g-page-back+.g-page-back .k-body{padding-top:72px}
.g-document-scene--delivery .g-open{margin-left:400px;width:644px}
.g-document-scene--delivery .g-backs{left:920px;top:32px;width:400px}
.g-document-scene--delivery .g-file-jacket{left:64px;top:80px;width:416px}
.g-document-scene--delivery .g-file-jacket .g-fields{max-width:240px}
.g-document-scene--delivery .g-page-back .k-body{padding-left:144px}
.g-map-node{grid-column:var(--g-column);grid-row:var(--g-row)}
.g-map-heading>.k-smallcaps{width:fit-content}
.g-fan-leaf{width:100%;height:124px;margin-left:calc(var(--g-leaf) * 24px)}
.g-fan-leaf .g-document .k-doc-title{min-height:40px}
.g-fan-leaf:not(:last-child) .k-detail{padding-top:64px}
.g-fan-leaf:last-child .g-document{min-height:0}
.g-inputs{display:block}
.g-inputs .g-source-object{padding-bottom:52px}
.g-inputs .g-source-object:last-child{padding-bottom:12px}
.g-inputs .g-source-object+.g-source-object{margin-top:-40px}
.g-inputs .g-source-object:nth-child(even){translate:8px 0}
.g-map-trigger>.k-smallcaps{display:block;font-size:8px;line-height:12px;margin-bottom:4px}
.g-work-map{row-gap:48px;column-gap:48px}
.g-map-node .g-person{min-height:0}
.g-map-node:nth-of-type(3n+2){margin-top:96px}
.g-map-node:nth-of-type(3n){margin-top:40px}
.g-map-object{margin-top:-24px;margin-left:40px}
.g-map-stations{padding-bottom:48px}
.g-map-node:nth-of-type(2n) .g-map-object{margin-left:24px;margin-right:32px}
.g-next{margin-top:20px}
.g-example{height:auto;min-height:896px;padding:32px 0 72px}
.g-example-left{position:relative;width:356px;margin-left:36px;z-index:5}
.g-example-case{position:relative;left:0;top:auto;width:356px}
.g-example-case.k-doc--object .k-body{padding-right:64px;padding-bottom:64px}
.g-example-input{position:relative;left:auto;top:auto;margin-top:-48px;width:280px}
.g-example-agent-0{position:relative;left:auto;top:auto;margin:24px 0 0 28px;width:280px}
.g-example-right{position:absolute;left:912px;top:56px;width:420px;z-index:6}
.g-example-back{position:relative;left:auto;top:auto;width:420px}
.g-example-back.k-doc--object .k-body{padding-left:104px;padding-bottom:64px}
.g-example-agent-1{position:relative;left:auto;right:auto;top:auto;margin:-48px 0 0 112px;width:280px}
.g-example-stop{position:absolute;left:1104px;top:704px;width:240px;z-index:8}
.g-example-person{position:relative;left:auto;top:auto;width:100%}
.g-example-decision{position:relative;left:auto;top:auto;width:auto;margin:24px 0 0 24px!important;padding-top:12px;border-top:1px solid var(--color-line-construction)}

@media(min-width:801px){
 .g-work-stations{gap:16px;right:72px}
 .g-work-station:nth-child(2){margin-top:152px}
 .g-work-station:nth-child(2) .k-body{padding-bottom:80px}
 .g-work-station:nth-child(3){margin-top:200px}
 .g-work-station:nth-child(3) .k-body{padding-left:80px}
 .g-workflow-full[data-station-count="3"] .g-work-station:nth-child(3){min-height:160px}
 .g-workflow-full .g-result{top:448px}
 .g-workflow-full .g-decision{left:1104px;top:640px;width:232px}
 .g-workflow-full .g-failure{top:752px}
 .g-role-scene{height:680px}
 .g-role-scene .g-agent-input{top:64px;padding-bottom:64px}
 .g-role-sheet{top:144px}
 .g-role-sheet .k-letterhead{padding-right:132px}
 .g-role-scene .g-credential{top:64px}
 .g-role-scene .g-agent-output{left:872px;top:320px;width:384px}
 .g-role-scene .g-agent-output .k-body{padding-left:80px}
 .g-role-scene .g-owner{left:1000px;top:596px}
 .g-role-scene[data-agent="A01"]{height:636px}
 .g-role-scene[data-agent="A01"] .g-owner{top:556px}
 .g-role-scene[data-agent="A09"] .g-role-sheet{left:180px}
 .g-role-scene[data-agent="A09"] .g-credential{left:700px}
 .g-role-scene[data-agent="A09"] .g-agent-output{left:800px;top:344px}
 .g-role-scene[data-agent="A09"] .g-owner{left:928px;top:604px}
 .g-role-scene[data-agent="A14"]{height:716px}
 .g-role-scene[data-agent="A14"] .g-role-sheet{left:320px;top:176px}
 .g-role-scene[data-agent="A14"] .g-credential{left:840px;top:96px}
 .g-role-scene[data-agent="A14"] .g-agent-input{left:116px;top:96px}
 .g-role-scene[data-agent="A14"] .g-agent-output{left:940px;top:352px}
 .g-role-scene[data-agent="A14"] .g-owner{left:1068px;top:632px}
}
@media(min-width:801px) and (max-width:1250px){
 .g-backs{left:62%;width:34%}.g-document-scene--delivery .g-backs{left:66%;width:32%}
 .g-document-scene--delivery .g-open{margin-left:30%;width:58%}
 .g-document-scene .g-page-back .k-body{padding-left:40px}
 .g-example-left{width:32%;margin-left:2%}.g-example-case{left:0;width:100%}.g-example-case.k-doc--object .k-body{padding-right:48px}
 .g-example-input{width:90%}.g-example-agent-0{width:88%;margin-left:0}
 .g-example-right{left:68%;width:30%}.g-example-back{width:100%}.g-example-back.k-doc--object .k-body{padding-left:48px}
 .g-example-agent-1{width:96%;margin-left:0}.g-example-stop{left:77%;width:21%;top:760px}
 .g-workflow-full .g-decision{left:78%;width:20%}
 .g-role-scene .g-role-sheet{left:16%;width:55%}.g-role-scene .g-credential{left:64%;width:28%}
 .g-role-scene .g-agent-input{left:3%;width:24%}.g-role-scene .g-agent-output{left:67%;width:31%}.g-role-scene .g-agent-output .k-body{padding-left:40px}
 .g-role-scene .g-owner{left:71%;width:27%}.g-role-sheet .k-letterhead{padding-right:72px}
 .g-fan-leaf{margin-left:0}
}
@media(max-width:800px){
 .g-record summary:has(.k-smallcaps){row-gap:8px}
 .g-record summary>.k-smallcaps{grid-column:2/4;margin:0;justify-self:start;white-space:nowrap;font-size:11px;line-height:16px}
 .g-backs{display:contents}
 .g-document-scene .g-page-back,.g-document-scene .g-page-back+.g-page-back{position:relative;width:calc(100% - 28px);margin:-48px 0 0 20px;z-index:4}
 .g-document-scene .g-page-back+.g-page-back{margin-left:8px;z-index:3}
 .g-document-scene .g-page-back .k-body,.g-document-scene--delivery .g-page-back .k-body{padding:72px 20px 16px}
 .g-document-scene .g-file-jacket{left:24px;top:20px;width:calc(100% - 60px);padding:16px;min-height:280px}
 .g-document-scene .g-open,.g-document-scene--delivery .g-open{margin:0;width:100%}
 .g-map-node{grid-column:var(--g-column);grid-row:var(--g-row)}
.g-map-heading>.k-smallcaps{width:fit-content}
.g-fan-leaf{height:124px;margin-left:0}
 .g-fan-leaf .g-document .k-doc-title{min-height:40px}
 .g-fan-leaf:not(:last-child) .k-detail{padding-top:64px}
 .g-work-station .k-body,.g-work-station:last-child .k-body{padding:16px 16px 64px}
 .g-workflow-full .g-failure{margin-top:32px;padding-top:0;margin-left:24px}
 .g-map-node{padding-bottom:24px;margin-bottom:40px!important}
 .g-map-object{margin-left:24px;min-width:240px}
 .g-map-node:nth-of-type(2n) .g-map-object{margin-left:36px;margin-right:0}
 .g-map-stations{padding-bottom:48px}
 .g-agent-name .g-margin-credential{margin:36px 0 12px 20px!important}
 .g-example{min-height:0;padding:48px 20px 48px 12px}
 .g-example-left,.g-example-right,.g-example-stop{display:contents}
 .g-example-case{position:absolute;left:24px;top:24px;width:calc(100% - 72px)}
 .g-example-case.k-doc--object .k-body{padding:16px 20px}
 .g-example-back{width:calc(100% - 28px);margin:-48px 0 0 16px;order:1}
 .g-example-back.k-doc--object .k-body{padding:72px 20px 16px}
 .g-example-input{width:calc(100% - 32px);margin:40px 0 0 8px;order:2}
 .g-example-agent-0{width:calc(100% - 32px);margin:28px 0 0 20px;order:3}
 .g-example-agent-0 .k-body{padding-bottom:64px}
 .g-example-agent-1{width:calc(100% - 20px);margin:-48px 0 0 8px;order:4}
 .g-example-person{width:calc(100% - 56px);margin:44px 0 0 56px;order:5}
 .g-example-decision{width:calc(100% - 80px);margin:24px 0 0 80px!important;order:6}
}

.g-file-jacket .g-fields{max-width:148px}
.g-document-scene--delivery .g-file-jacket .g-fields{max-width:240px}
.g-map-node:first-of-type .g-map-object{margin-left:0;margin-right:0}
.g-map-node:first-of-type .g-map-object .k-body{padding:28px}
.g-map-node:first-of-type .g-map-object p:last-child{font-size:21px;line-height:28px}
@media(min-width:801px){
 .g-role-scene[data-agent="A09"] .g-agent-input{top:40px}
 .g-role-scene[data-agent="A14"] .g-agent-input{top:72px}

}

.g-map-stations{padding-bottom:64px;border-left:0}
.g-map-object{margin-top:-40px}
@media(min-width:801px){
 .g-workflow-full:not([data-station-count="3"]){height:auto;display:grid;grid-template-columns:264px minmax(0,1fr) 240px;column-gap:48px;padding:48px}
 .g-workflow-full:not([data-station-count="3"]) .g-trigger{position:relative;grid-column:1;grid-row:1;left:auto;top:auto;align-self:start;margin-bottom:24px}
 .g-workflow-full:not([data-station-count="3"]) .g-inputs{position:relative;grid-column:1;grid-row:2;left:auto;top:auto;width:100%}
 .g-workflow-full:not([data-station-count="3"]) .g-work-stations{position:relative;grid-column:2;grid-row:1/3;left:auto;right:auto;top:auto;align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
 .g-workflow-full:not([data-station-count="3"]) .g-work-station{margin:0}
 .g-workflow-full:not([data-station-count="3"]) .g-work-station:nth-child(2){margin-top:40px}
 .g-workflow-full:not([data-station-count="3"]) .g-work-station:nth-child(n+3){margin-top:-40px}
 .g-workflow-full:not([data-station-count="3"]) .g-work-station .k-body{padding:16px 16px 64px}
 .g-workflow-full:not([data-station-count="3"]) .g-result{position:relative;grid-column:2;grid-row:3;left:auto;top:auto;width:100%;margin-top:-48px}
 .g-workflow-full:not([data-station-count="3"]) .g-decision{position:relative;grid-column:3;grid-row:3;left:auto;top:auto;width:100%;align-self:end}
 .g-workflow-full:not([data-station-count="3"]) .g-failure{position:relative;grid-column:2;grid-row:4;left:auto;top:auto;width:70%;margin:40px 0 0 30%}
}

/* Finishing layer, 13 November (director's review DIRECTOR-1-2026-11-13).
   1 the example's right paper is another Northline output; 2 quiet map joins; 3 to 5 the agent
   register; 6 no sample-case caption; 7 the placeable advisory section; 8 the phone fan. */

/* 7. The advisory section placed on its own: link and focus treatment scoped to the wrapper. */
.g-gallery{display:block}
:where(.g-gallery) a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
:where(.g-gallery) a:focus-visible,:where(.g-gallery) summary:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:5px}

/* 3 and 4. A limit is one sourced sentence on one ruled line, in ink, with no glyph. */
.g-limit{font:400 16px/24px var(--p-font-family-working);padding-top:12px;box-shadow:inset 0 var(--k-hair) 0 var(--color-line-construction);text-wrap:pretty}
.g-role-sheet .g-limit{margin-top:20px!important;padding-block:12px;box-shadow:inset 0 var(--k-hair) 0 var(--color-line-construction),inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction)}

/* 5. The agent register: one sheet per agent, filed as a register read at scale, the other
   sheets as leaves behind it, the shared credential clipped over its corner. */
.g-register-scene{padding:120px 200px 72px 48px;--k-lx:.3;--k-pool-x:40%;--k-pool-y:24%;--k-pool-w:64%;--k-pool-h:70%;border-radius:0 0 0 48px}
.g-register{position:relative;z-index:5;width:100%}
.g-register>.k-body{position:relative;padding:80px 48px 24px 56px}
.g-register-entries{list-style:none;margin:0;padding:0}
.g-entry{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;column-gap:32px;padding:28px 0 32px;box-shadow:inset 0 var(--k-hair) 0 var(--color-line-construction);scroll-margin-top:96px}
.g-entry:first-child{padding-top:0;box-shadow:none}
.g-entry-id{display:flex;gap:12px;align-items:baseline;font-size:12px;line-height:16px;color:var(--color-text-secondary)}
.g-entry-id b{font-weight:400}.g-entry-id span{font-size:9px;line-height:12px;color:var(--color-text-tertiary)}
.g-entry-name h3{font-size:16px;line-height:24px;margin-top:8px}
.g-entry-name .g-fields{font-size:11px;line-height:16px;margin-top:12px!important}
.g-entry-name .g-fields>div{grid-template-columns:64px 1fr;gap:8px;padding-block:6px}
.g-entry-duty .g-responsibility{margin-top:0!important;text-wrap:pretty}
.g-entry .g-limit{margin-top:16px!important}
.g-entry-owner{margin-top:2px}
.g-entry-owner .k-person__name{font-size:16px;line-height:24px}
.g-entry-owner .k-person__square{width:8px;height:8px;margin-top:8px}
.g-register-credential{position:absolute;z-index:8;right:28px;top:32px;width:276px;rotate:3deg}
.g-register-credential .k-body{padding:28px 24px 20px}
.g-credential-ids{font-size:9px;line-height:12px;margin-top:8px!important;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}

/* 8. The fan's ruled list of further leaves is the phone's; the desktop draws every leaf. */
.g-fan-rest{display:none}

@media(min-width:801px) and (max-width:1250px){
 .g-register-scene{padding-right:200px}
 .g-entry{grid-template-columns:200px minmax(0,1fr) 160px;column-gap:24px}
 .g-register-credential{right:16px;width:232px}
}

@media(max-width:800px){
 .g-register-scene{padding:48px 20px 40px 12px;display:flex;flex-direction:column;align-items:flex-start;border-radius:24px 0 0 24px}
 .g-register-credential{position:relative;right:auto;top:auto;order:0;width:264px;margin:0 0 -48px 60px;rotate:2deg}
 .g-register{order:1}
 .g-register>.k-body{padding:72px 20px 16px 28px}
 .g-entry{display:block;padding:24px 0 28px}
 .g-entry:first-child{padding-top:0}
 .g-entry-name h3{margin-top:6px}
 .g-entry-duty{margin-top:12px}
 .g-entry-name .g-fields{margin-top:12px!important}
 .g-entry-name{display:flex;flex-direction:column}
 .g-entry-name .g-fields{order:3}
 .g-entry{display:grid;grid-template-columns:minmax(0,1fr)}
 .g-entry-name{display:contents}
 .g-entry-id{order:1}.g-entry-name h3{order:2}.g-entry-duty{order:3}.g-entry-name .g-fields{order:4}.g-entry-owner{order:5;margin-top:16px}
 .g-fan-leaf--listed{display:none}
 .g-fan-rest{display:block;list-style:none;margin:24px 0 0;padding:0}
 .g-fan-rest li{display:grid;gap:4px;padding:12px 0;box-shadow:inset 0 var(--k-hair) 0 var(--color-line-construction)}
 .g-fan-rest li:last-child{box-shadow:inset 0 var(--k-hair) 0 var(--color-line-construction),inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction)}
 .g-fan-rest a{font:400 16px/24px var(--p-font-family-display);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
 .g-fan-rest span{font-size:12px;line-height:16px;color:var(--color-text-tertiary)}
}

/* Finishing layer, review of finish-3 (13 November). */
/* 1. agent.html: the second register sheet is tucked under the foot of the first, in one scene. */
.g-register--under{position:relative;z-index:4;margin:-56px 0 0 24px;width:calc(100% - 24px)}
.g-register--under>.k-body{padding-top:112px}
/* 2. output.html: the compact ruled list for a document's further pages. */
.g-ruled-head{display:flex;justify-content:space-between;gap:12px;font-size:8px;line-height:12px;padding-bottom:8px;box-shadow:inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction)}
.g-ruled-head span{color:var(--color-text-tertiary)}
.g-ruled-list ol{list-style:none;margin:0;padding:0}
.g-ruled-list li{font-size:9px;line-height:12px;padding-block:6px;box-shadow:inset 0 calc(-1 * var(--k-hair)) 0 var(--color-line-construction);text-wrap:pretty}
.g-document-scene .g-ruled-list .k-body{padding-bottom:20px}
/* 6. the exception branch ends at a filled ink terminal, not an open circle. */
.g-terminal{fill:var(--color-text-secondary);stroke:none}
/* 7. role sheets carry no margin dots. */
.g-role-sheet .k-body::before{content:none}
@media(max-width:800px){
 .g-register--under{margin:-48px 0 0 12px;width:calc(100% - 12px);order:2}
 .g-register--under>.k-body{padding-top:76px}
 .g-role-scene .g-credential{margin-top:-40px}
 /* The exception follows the output it leaves; both routes drop from under the output. */
 .g-workflow-full .g-failure{order:1;margin:28px 0 0 88px;width:calc(100% - 104px)}
 .g-workflow-full .g-decision{order:2;margin-top:32px}
}
@media(min-width:801px){
 /* Keep the box Astra's continued page had, so the read sheet still covers its foot. */
 .g-document-scene .g-ruled-list{min-height:248px}
}