/* Agents page. The dark console leads here: the page opens on it and the visitor operates it.
   Marks on this page: one in the console header (Fig. 1) and three row readings in Fig. 4. No others. */
.p-agents [hidden] { display: none !important; }

/* opening */
.p-agents .top { padding-block: clamp(44px, 6vw, 96px) clamp(72px, 9vw, 140px); }
.p-agents .top h1 { grid-column: 1 / 12; margin-top: 18px; font-size: clamp(2.4rem, 6.3vw, 5.9rem); }
.p-agents .intro { grid-column: 1 / 7; margin-top: clamp(28px, 3.6vw, 56px); }
.p-agents .idx { grid-column: 8 / 13; margin-top: clamp(28px, 3.6vw, 56px); }
.p-agents .idx ol { margin-top: 12px; border-top: 2px solid var(--on-deep); }
.p-agents .idx a { display: grid; grid-template-columns: 2.6em minmax(0, 1fr); align-items: baseline; padding-block: 9px; border-bottom: 1px solid var(--deep-hair); text-decoration: none; font-size: 0.98rem; }
.p-agents .idx a .mono { color: var(--on-deep-2); }
.p-agents .idx a:hover { text-decoration: underline; }

/* fig. 1: the console the visitor operates */
.p-agents .work { margin-top: clamp(72px, 9vw, 140px); }
.p-agents .work h2 { grid-column: 1 / 12; } .p-agents .work h2 span { display: block; }
.p-agents .work-in { grid-column: 1 / 8; margin-top: 20px; }
.p-agents .rig { margin-top: clamp(32px, 4vw, 60px); }
.p-agents .con { background: var(--deep-2); border: 1px solid var(--on-deep-2); }
.p-agents .con-h { display: flex; align-items: center; gap: 12px 28px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--deep-hair); }
.p-agents .con-id { display: flex; flex-direction: column; margin-right: auto; } .p-agents .con-id b { font-stretch: 112%; }
.p-agents .modes { display: flex; border: 1px solid var(--on-deep-2); }
.p-agents .modes button { background: none; border: 0; padding: 10px 16px; min-height: 44px; font-family: var(--mono); font-size: 0.76rem; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; color: var(--on-deep); }
.p-agents .modes button[aria-pressed="true"] { background: var(--on-deep); color: var(--deep); }
.p-agents .modes button:focus-visible { outline-offset: -5px; outline-color: currentColor; }
.p-agents .con-st { display: flex; align-items: center; gap: 16px; min-width: 12.5em; font-stretch: 112%; font-weight: 700; }
.p-agents .con-st .wm { font-size: 13px; margin-left: 6px; }
.p-agents .con-b { display: grid; grid-template-columns: minmax(0, 1fr); }
.p-agents .con-b.has-rail { grid-template-columns: 290px minmax(0, 1fr); }

.p-agents .rail { border-right: 1px solid var(--deep-hair); padding: 18px 0 10px; }
.p-agents .rail > .tag { display: block; padding: 0 18px 12px; }
.p-agents .rail button { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; width: 100%; text-align: left; background: none; border: 0; border-top: 1px solid var(--deep-hair); border-left: 4px solid transparent; padding: 13px 18px 13px 14px; cursor: pointer; color: var(--on-deep); font-size: 0.95rem; line-height: 1.3; min-height: 48px; }
.p-agents .rail button:hover { background: #ffffff0d; }
.p-agents .rail button[aria-pressed="true"] { border-left-color: var(--on-deep); background: #ffffff14; }
.p-agents .rail button:focus-visible { outline-offset: -4px; }
.p-agents .rail .r-m { font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-deep-2); display: flex; flex-direction: column; gap: 2px; } .p-agents .rail .r-s { color: var(--on-deep); } .p-agents .rail .r-s:empty { display: none; }
.p-agents .con[data-mode="own"] .rail button { grid-template-columns: 3.2em minmax(0, 1fr); column-gap: 8px; }
.p-agents .con[data-mode="own"] .rail time { font-family: var(--mono); font-size: 0.84rem; grid-row: 1 / 3; padding-top: 1px; }
.p-agents .con[data-mode="own"] .rail button.due { opacity: 0.45; }

.p-agents .pane { padding: 20px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-content: start; }
.p-agents .trig { padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.p-agents .trig-t { font-stretch: 112%; font-weight: 800; font-size: clamp(1.1rem, 1.6vw, 1.4rem); line-height: 1.16; letter-spacing: -0.01em; }
.p-agents .trig.ask { background: var(--on-deep); color: var(--deep); } .p-agents .trig.ask .tag { color: var(--ink-2); }
.p-agents .trig.own { border: 1px dashed var(--on-deep-2); } .p-agents .trig.own .trig-t { font-family: var(--mono); font-weight: 500; font-stretch: 100%; letter-spacing: 0; font-size: clamp(1rem, 1.4vw, 1.2rem); }
.p-agents .steps li { display: grid; grid-template-columns: 3.4em minmax(0, 1fr); column-gap: 8px; padding-block: 10px; border-top: 1px solid var(--deep-hair); transition: opacity 0.18s linear, transform 0.3s var(--ease); }
.p-agents .steps li:last-child { border-bottom: 1px solid var(--deep-hair); }
.p-agents .steps time { font-family: var(--mono); font-size: 0.8rem; color: var(--on-deep-2); padding-top: 2px; font-variant-numeric: tabular-nums; }
.p-agents .steps .sys { display: block; font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-deep-2); margin-bottom: 2px; }
.p-agents .steps .what { font-size: 0.95rem; line-height: 1.38; display: block; }
.js .p-agents .steps li.wait { opacity: 0; transform: translateY(8px); }

.p-agents .slot { border-bottom: 2px solid var(--on-deep); padding-bottom: 6px; }
.p-agents .out-in { overflow: hidden; padding: 0 10px 10px 0; }
.p-agents .slip { transition: transform 0.55s var(--ease); }
.js .p-agents .out.wait .slip { transform: translateY(-102%); }
.p-agents .docu { background: var(--paper); color: var(--ink); padding: 18px; box-shadow: 8px 8px 0 #0a100e; font-size: 0.9rem; }
.p-agents .docu .tag { color: var(--ink-2); }
.p-agents .docu-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 2px solid var(--ink); }
.p-agents .docu-h > div { display: flex; flex-direction: column; } .p-agents .docu-h b { font-stretch: 112%; font-weight: 800; font-size: 1.3rem; line-height: 1.1; }
.p-agents .stamp { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; border: 1px solid var(--ink); padding: 5px 8px; max-width: 100%; }
.p-agents .stamp.set { background: var(--ink); color: var(--paper); }
.p-agents .docu-m { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; padding-block: 12px; }
.p-agents .docu-m dt, .p-agents .docu-t thead th { font-family: var(--mono); font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); font-weight: 400; }
.p-agents .docu-t { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.p-agents .docu-t th, .p-agents .docu-t td { text-align: left; vertical-align: top; padding: 7px 8px 7px 0; border-top: 1px solid var(--hair); }
.p-agents .docu-t td:not(:first-child), .p-agents .docu-t thead th:not(:first-child) { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; padding-right: 0; padding-left: 8px; white-space: nowrap; }
.p-agents .docu-t tfoot th { font-weight: 400; text-align: right; color: var(--ink-2); } .p-agents .docu-t .tot th, .p-agents .docu-t .tot td { border-top: 2px solid var(--ink); font-weight: 700; color: var(--ink); }
.p-agents .docu-t.wrapok td:not(:first-child) { white-space: normal; text-align: left; font-family: inherit; }
.p-agents .docu-t.wrapok td:nth-child(2), .p-agents .docu-t.wrapok thead th:nth-child(2) { text-align: right; font-family: var(--mono); white-space: nowrap; }
.p-agents .docu-t.wrapok thead th:nth-child(3) { text-align: left; }
.p-agents .docu-f { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--hair); font-family: var(--mono); font-size: 0.72rem; color: var(--ink-2); line-height: 1.5; }
.p-agents .docu.msg p + p { margin-top: 10px; } .p-agents .docu.msg .docu-m { border-bottom: 1px solid var(--hair); margin-bottom: 12px; }
.p-agents .read { padding-top: 14px; font-size: 0.93rem; }
.p-agents .read h3 { font-size: 1.05rem; margin-bottom: 10px; }
.p-agents .read table { width: 100%; border-collapse: collapse; }
.p-agents .read th, .p-agents .read td { text-align: left; vertical-align: top; padding: 9px 10px 9px 0; border-top: 1px solid var(--deep-hair); font-weight: 400; }
.p-agents .read thead th { font-family: var(--mono); font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-deep-2); border-top: 0; padding-top: 0; }
.p-agents .read td.n, .p-agents .read th.n { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; }
.p-agents .read code { font-family: var(--mono); font-size: 0.86rem; white-space: nowrap; } .p-agents .read b { font-stretch: 112%; }
.p-agents .read small { display: block; color: var(--on-deep-2); font-size: 0.82rem; }
.p-agents .read .ans { font-size: 1.02rem; line-height: 1.45; } .p-agents .read .ans + table { margin-top: 16px; }
.p-agents .read .foot { margin-top: 10px; color: var(--on-deep-2); font-size: 0.86rem; }

.p-agents .appr { border: 2px solid var(--on-deep); padding: 16px; display: flex; flex-direction: column; gap: 8px; position: relative; transition: opacity 0.25s linear, border-color 0.25s linear; }
.p-agents .appr::before { content: ""; position: absolute; left: -2px; right: -2px; top: -2px; height: 6px; background: var(--on-deep); transform-origin: 0 50%; transition: transform 0.45s var(--ease); }
.p-agents .appr.off { border-color: var(--deep-hair); border-style: dashed; opacity: 0.5; } .p-agents .appr.off::before { transform: scaleX(0); }
.p-agents .appr-t { font-stretch: 112%; font-weight: 800; font-size: 1.12rem; line-height: 1.2; }
.p-agents .appr-w { font-size: 0.9rem; color: var(--on-deep-2); } .p-agents .appr-w b { color: var(--on-deep); font-weight: 700; }
.p-agents .keys { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.p-agents .key { background: var(--on-deep); color: var(--deep); border: 1px solid var(--on-deep); font-family: var(--wide); font-stretch: 112%; font-weight: 700; font-size: 0.92rem; padding: 10px 14px; min-height: 44px; cursor: pointer; transition: transform 0.2s var(--ease); }
.p-agents .key.alt { background: none; color: var(--on-deep); border-color: var(--on-deep-2); font-weight: 600; }
.p-agents .key:active { transform: translateY(1px); } .p-agents .key:disabled { cursor: default; }
.p-agents .fin { border-left: 4px solid var(--on-deep); padding: 4px 0 4px 14px; transition: opacity 0.25s linear, transform 0.3s var(--ease); }
.p-agents .fin b { font-stretch: 112%; display: block; font-size: 1.05rem; } .p-agents .fin span { color: var(--on-deep-2); font-size: 0.92rem; display: block; margin-top: 2px; }
.js .p-agents .fin.wait { opacity: 0; transform: translateY(8px); }
.p-agents .decided { border-left: 4px solid var(--on-deep); padding-left: 14px; display: flex; flex-direction: column; gap: 6px; font-size: 0.95rem; }
.p-agents .decided li { display: grid; grid-template-columns: 3.4em minmax(0, 1fr); column-gap: 8px; } .p-agents .decided time { font-family: var(--mono); font-size: 0.8rem; color: var(--on-deep-2); padding-top: 2px; }
.p-agents .decided:focus { outline: none; }
.p-agents .con-f { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 18px; border-top: 1px solid var(--deep-hair); }
.p-agents .ctl, .p-agents .undo { background: none; border: 1px solid var(--on-deep-2); color: var(--on-deep); font-family: var(--mono); font-size: 0.74rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 9px 13px; min-height: 40px; cursor: pointer; }
@media (min-width: 1100px) {
  .p-agents .pane { grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr); column-gap: 28px; grid-template-rows: auto auto 1fr; min-height: 640px; }
  .p-agents .pane > .trig, .p-agents .pane > .steps, .p-agents .pane > .end { grid-column: 1; }
  .p-agents .pane > .out { grid-column: 2; grid-row: 1 / 4; }
}
@media (max-width: 900px) {
  .p-agents .con-b.has-rail { grid-template-columns: minmax(0, 1fr); }
  .p-agents .rail { border-right: 0; border-bottom: 1px solid var(--deep-hair); padding-bottom: 0; }
  .p-agents .con-h { padding: 12px 14px; } .p-agents .modes { order: 3; width: 100%; } .p-agents .modes button { flex: 1; }
  .p-agents .con-st { min-width: 0; }
  .p-agents .pane { padding: 16px 14px; } .p-agents .docu { padding: 14px; }
}

/* fig. 2: the job sheet */
.p-agents .sheet-sec h2 { grid-column: 1 / 10; margin-top: 16px; padding-top: 22px; }
.p-agents .sheet-fig { grid-column: 1 / 9; margin-top: clamp(36px, 4.6vw, 72px); }
.p-agents .sheet-side { grid-column: 9 / 13; margin-top: clamp(36px, 4.6vw, 72px); display: flex; flex-direction: column; gap: 22px; align-self: start; position: sticky; top: 100px; }
.p-agents .sheet-side .note { padding-left: 14px; border-left: 2px solid var(--ink); }
.p-agents .sheet { padding: clamp(18px, 2.8vw, 40px); }
.p-agents .sheet-h { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 2px solid var(--ink); }
.p-agents .sheet-h h3 { font-size: clamp(1.5rem, 2.6vw, 2.2rem); font-weight: 800; letter-spacing: -0.015em; margin-top: 4px; }
.p-agents .sheet-rev { text-align: right; line-height: 1.7; }
.p-agents .spec > div { display: grid; grid-template-columns: 9.5em minmax(0, 1fr); column-gap: 18px; padding-block: 14px; border-bottom: 1px solid var(--hair); font-size: 0.97rem; }
.p-agents .spec dt { font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); padding-top: 4px; }
.p-agents .spec .job dd { font-stretch: 112%; font-weight: 700; font-size: clamp(1.12rem, 1.7vw, 1.4rem); line-height: 1.25; }
.p-agents .spec ul li { padding-left: 1.1em; position: relative; } .p-agents .spec ul li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 0.5em; height: 2px; background: var(--ink); }
.p-agents .spec ul li + li { margin-top: 4px; }
.p-agents .sys-t { width: 100%; min-width: 440px; border-collapse: collapse; font-size: 0.92rem; }
.p-agents .sys-t th, .p-agents .sys-t td { text-align: left; vertical-align: top; padding: 8px 12px 8px 0; border-bottom: 1px solid var(--hair); font-weight: 400; }
.p-agents .sys-t thead th { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); padding-top: 2px; }
.p-agents .sys-t tbody th { font-weight: 700; font-stretch: 112%; width: 36%; } .p-agents .sys-t tbody tr:last-child > * { border-bottom: 0; } .p-agents .sys-t .no { color: var(--ink-2); }
.p-agents .sheet-f { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding-top: 16px; font-size: 0.92rem; }
.p-agents .sheet-f .tag { display: block; margin-bottom: 4px; }

/* fig. 3: an approval request and its record */
.p-agents .appr-sec { background: var(--plate-a); }
.p-agents .appr-sec h2 { grid-column: 1 / 9; margin-top: 16px; }
.p-agents .appr-lede { grid-column: 9 / 13; align-self: end; font-size: 1.05rem; }
.p-agents .req-fig { grid-column: 1 / 6; margin-top: clamp(40px, 5vw, 80px); }
.p-agents .rec-wrap { grid-column: 7 / 13; margin-top: clamp(40px, 5vw, 80px); }
.p-agents .req { padding: 18px; border-top: 6px solid var(--deep); box-shadow: inset 0 6px 0 var(--on-deep); display: flex; flex-direction: column; gap: 14px; }
.p-agents .req header { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding-top: 6px; }
.p-agents .req-t { font-stretch: 112%; font-weight: 800; font-size: clamp(1.2rem, 1.9vw, 1.55rem); line-height: 1.15; }
.p-agents .req dl > div { display: grid; grid-template-columns: 7.4em minmax(0, 1fr); column-gap: 12px; padding-block: 9px; border-top: 1px solid var(--deep-hair); font-size: 0.93rem; }
.p-agents .req dt { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-deep-2); padding-top: 3px; }
.p-agents .req-d { border-left: 4px solid var(--on-deep); padding-left: 14px; display: flex; gap: 14px; align-items: baseline; flex-wrap: wrap; } .p-agents .req-d b { font-stretch: 112%; font-size: 1.08rem; } .p-agents .req-d .mono { color: var(--on-deep-2); }
.p-agents .undo { align-self: flex-start; }
.p-agents .rec-h { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 10px; border-bottom: 2px solid var(--ink); }
.p-agents .rec li { display: grid; grid-template-columns: 3.6em 6.6em minmax(0, 1fr); column-gap: 14px; padding-block: 14px; border-bottom: 1px solid var(--hair); align-items: baseline; }
.p-agents .rec time, .p-agents .rec .who { font-family: var(--mono); font-size: 0.82rem; font-variant-numeric: tabular-nums; } .p-agents .rec .who { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.72rem; color: var(--ink-2); }
.p-agents .rec .note { grid-column: 3; color: var(--ink-2); font-size: 0.98rem; margin-top: 2px; }
.js .p-agents .rec li.new { animation: ag-seat 0.4s var(--ease); }
@keyframes ag-seat { from { transform: translateY(10px); opacity: 0; } to { transform: none; opacity: 1; } }
.p-agents .rec-more { margin-top: 22px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; color: var(--ink-2); } .p-agents .rec-more .more { color: var(--ink); }

/* fig. 4: several agents, one console */
.p-agents .fleet-l { grid-column: 1 / 6; } .p-agents .fleet-l h2 { margin-top: 16px; }
.p-agents .fleet-r { grid-column: 7 / 13; align-self: end; }
.p-agents .fleet-fig { margin-top: clamp(40px, 5vw, 80px); }
.p-agents .fleet > header { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 16px 20px; border-bottom: 1px solid var(--deep-hair); } .p-agents .fleet > header b { font-stretch: 112%; }
.p-agents .fleet table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.p-agents .fleet thead td { width: 190px; }
.p-agents .fleet th, .p-agents .fleet td { text-align: left; vertical-align: top; padding: 16px 20px; border-bottom: 1px solid var(--deep-hair); font-weight: 400; }
.p-agents .fleet td, .p-agents .fleet thead th { border-left: 1px solid var(--deep-hair); }
.p-agents .fleet thead th { font-stretch: 112%; font-weight: 800; font-size: clamp(1rem, 1.5vw, 1.25rem); line-height: 1.15; }
.p-agents .fleet tbody th { font-stretch: 112%; font-weight: 700; }
.p-agents .fleet tbody th .wm { display: grid; font-size: 13px; margin: 8px 0 16px 6px; }
.p-agents .fleet small { display: block; color: var(--on-deep-2); font-size: 0.84rem; font-weight: 400; font-stretch: 100%; }
.p-agents .fleet td p { font-size: 0.95rem; line-height: 1.35; } .p-agents .fleet td p + p { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--deep-hair); }
.p-agents .fleet code { font-family: var(--mono); font-size: 0.8rem; color: var(--on-deep-2); display: block; }
.p-agents .fleet .need td { background: #ffffff0d; } .p-agents .fleet .need td p { font-weight: 600; } .p-agents .fleet .need th { background: #ffffff0d; }
.p-agents .fleet .who th { font-family: var(--mono); font-weight: 400; font-stretch: 100%; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-deep-2); }
.p-agents .fleet .who th, .p-agents .fleet .who td { padding-block: 12px; }
.p-agents .pick { display: inline-block; font-family: var(--mono); font-size: 0.78rem; border: 1px solid var(--on-deep-2); padding: 6px 10px; white-space: nowrap; }
.p-agents .ask-line { display: grid; grid-template-columns: 150px minmax(0, 1fr); column-gap: 20px; align-items: center; padding: 14px 20px; }
.p-agents .ask-box { border: 1px solid var(--on-deep-2); padding: 11px 14px; font-size: 0.98rem; }
@media (max-width: 760px) {
  .p-agents .fleet table, .p-agents .fleet tbody, .p-agents .fleet tr, .p-agents .fleet td, .p-agents .fleet tbody th { display: block; width: auto; }
  .p-agents .fleet thead { display: none; }
  .p-agents .fleet tbody th { display: flex; align-items: center; gap: 18px; padding: 16px 14px 10px; border-bottom: 0; } .p-agents .fleet tbody th .wm { margin: 0 0 0 6px; } .p-agents .fleet tbody tr { border-bottom: 1px solid var(--deep-hair); }
  .p-agents .fleet td { border-left: 0; border-bottom: 0; padding: 10px 14px 12px; border-top: 1px solid var(--deep-hair); }
  .p-agents .fleet td::before { content: attr(data-a); display: block; font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-deep-2); margin-bottom: 5px; }
  .p-agents .fleet .who td { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; } .p-agents .fleet .who td::before { margin: 0; }
  .p-agents .fleet > header, .p-agents .ask-line { padding-inline: 14px; } .p-agents .ask-line { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
}

/* the way in */
.p-agents .in-sec { background: var(--plate-b); padding-block: clamp(64px, 8vw, 120px); }
.p-agents .in-l { grid-column: 1 / 8; } .p-agents .in-l h2 { margin-top: 16px; font-size: clamp(1.9rem, 3.8vw, 3.3rem); }
.p-agents .in-r { grid-column: 9 / 13; align-self: end; display: flex; flex-direction: column; gap: 24px; }
.p-agents .in-a { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }

@media (max-width: 900px) {
  .p-agents .idx, .p-agents .appr-lede, .p-agents .fleet-r, .p-agents .in-r { margin-top: 28px; }
  .p-agents .sheet-side { position: static; margin-top: 44px; }
  .p-agents .rec-wrap { margin-top: 44px; }
  .p-agents .spec > div { grid-template-columns: minmax(0, 1fr); row-gap: 4px; }
  .p-agents .rec li { grid-template-columns: 3.6em minmax(0, 1fr); } .p-agents .rec .who, .p-agents .rec .what, .p-agents .rec .note { grid-column: 2; }
  .p-agents .sheet.paper, .p-agents .docu { box-shadow: 6px 7px 0 var(--plate-b); } .p-agents .docu { box-shadow: 6px 6px 0 #0a100e; }
}
@media (max-width: 520px) { .p-agents .sheet-f { grid-template-columns: 1fr; } .p-agents .req dl > div { grid-template-columns: minmax(0, 1fr); row-gap: 2px; } }