/* Development package D: manuscript measurements, paper, binding, and print-process reference desks. */
.content-page[data-batch-page="S003"] .a6-measure-ticket,
.content-page[data-batch-page="S004"] .small-format-ledgers,
.content-page[data-batch-page="S018"] .color-handoff-band,
.content-page[data-batch-page="S019"] .resolution-measurements,
.content-page[data-batch-page="S021"] .paper-measure-board,
.content-page[data-batch-page="S022"] .cover-paper-faces,
.content-page[data-batch-page="S023"] .body-paper-reading,
.content-page[data-batch-page="S027"] .submission-handoffs,
.content-page[data-batch-page="G014"] .cover-paper-observations,
.content-page[data-batch-page="G015"] .body-paper-paths { margin-top: 34px; }

.content-page[data-batch-page="S003"] .a6-measure-ticket { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid #1a1a1a; border-left: 1px solid #e0d8ce; }
.content-page[data-batch-page="S003"] .a6-measure-ticket section { min-height: 286px; padding: 21px 18px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S003"] .a6-measure-ticket section:nth-child(1) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S003"] .a6-measure-ticket section:nth-child(2) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S003"] .a6-measure-ticket section:nth-child(3) { border-top: 6px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="S003"] .a6-measure-ticket header { display: flex; justify-content: space-between; gap: 10px; color: #a4000c; font-size: 11px; font-weight: 800; }
.content-page[data-batch-page="S003"] .a6-measure-ticket header span { color: #6b6560; font-size: 10px; }
.content-page[data-batch-page="S003"] .a6-measure-ticket strong { display: block; margin-top: 28px; color: #1a1a1a; font-family: var(--font-mono, "IBM Plex Mono", monospace); font-size: 25px; line-height: 1.2; }
.content-page[data-batch-page="S003"] .a6-measure-ticket strong i { color: #a4000c; font-style: normal; }
.content-page[data-batch-page="S003"] .a6-measure-ticket small { display: block; margin-top: 5px; color: #6b6560; font: 800 11px var(--font-mono, monospace); }
.content-page[data-batch-page="S003"] .a6-measure-ticket p { margin: 18px 0 0; color: #514b45; font-size: 12px; line-height: 1.88; }
.content-page[data-batch-page="S003"] .a6-pixel-rail { display: grid; grid-template-columns: 240px 1fr; gap: 26px; margin-top: 28px; padding: 22px 24px; border-top: 4px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S003"] .a6-pixel-rail h3 { margin: 0; font-size: 19px; line-height: 1.55; }
.content-page[data-batch-page="S003"] .a6-pixel-rail > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.content-page[data-batch-page="S003"] .a6-pixel-rail article { padding-left: 14px; border-left: 3px solid #a4000c; }
.content-page[data-batch-page="S003"] .a6-pixel-rail b,
.content-page[data-batch-page="S003"] .a6-pixel-rail span { display: block; color: #6b6560; font-size: 11px; line-height: 1.7; }
.content-page[data-batch-page="S003"] .a6-pixel-rail strong { display: block; margin: 6px 0 4px; font: 800 17px var(--font-mono, "IBM Plex Mono", monospace); }

.content-page[data-batch-page="S004"] .small-format-ledgers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.content-page[data-batch-page="S004"] .small-format-ledgers article { padding: 22px 20px; border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S004"] .b6-ledger { border-top: 7px solid #1a1a1a !important; background: #f2ece3 !important; }
.content-page[data-batch-page="S004"] .bunko-ledger { border-top: 7px solid #a4000c !important; background: #fff4f1 !important; }
.content-page[data-batch-page="S004"] .small-format-ledgers header { display: flex; justify-content: space-between; gap: 12px; color: #a4000c; font-size: 11px; font-weight: 800; }
.content-page[data-batch-page="S004"] .small-format-ledgers header span { color: #6b6560; font-size: 10px; }
.content-page[data-batch-page="S004"] .small-format-ledgers > article > strong { display: block; margin: 24px 0 20px; font: 800 28px var(--font-mono, "IBM Plex Mono", monospace); line-height: 1.2; }
.content-page[data-batch-page="S004"] .small-format-ledgers strong small { color: #6b6560; font-size: 12px; }
.content-page[data-batch-page="S004"] .small-format-ledgers dl { margin: 0; border-top: 1px solid #ded4c8; }
.content-page[data-batch-page="S004"] .small-format-ledgers dt,
.content-page[data-batch-page="S004"] .small-format-ledgers dd { margin: 0; padding: 10px 0; font-size: 12px; line-height: 1.82; }
.content-page[data-batch-page="S004"] .small-format-ledgers dt { padding-bottom: 1px; color: #a4000c; font-weight: 800; }
.content-page[data-batch-page="S004"] .small-format-ledgers dd { padding-top: 1px; border-bottom: 1px solid #ded4c8; color: #514b45; }
.content-page[data-batch-page="S004"] .small-format-reminder { display: grid; grid-template-columns: 270px 1fr; gap: 28px; margin-top: 28px; padding: 22px 24px; border-left: 6px solid #c8a45c; background: #fff8ec; }
.content-page[data-batch-page="S004"] .small-format-reminder h3 { margin: 0; font-size: 19px; line-height: 1.6; }
.content-page[data-batch-page="S004"] .small-format-reminder p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.92; }

.content-page[data-batch-page="S011"] .dpi350-table-wrap { margin-top: 34px; overflow-x: auto; border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S011"] table { width: 100%; min-width: 760px; border-collapse: collapse; }
.content-page[data-batch-page="S011"] th,
.content-page[data-batch-page="S011"] td { padding: 15px 16px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; text-align: left; vertical-align: top; font-size: 12px; line-height: 1.8; }
.content-page[data-batch-page="S011"] thead th { background: #a4000c; color: #fff; font-size: 11px; }
.content-page[data-batch-page="S011"] tbody tr:nth-child(even) { background: #f2ece3; }
.content-page[data-batch-page="S011"] tbody tr:hover { background: #fff4f1; }
.content-page[data-batch-page="S011"] tbody th { color: #1a1a1a; font-size: 14px; }
.content-page[data-batch-page="S011"] tbody th small { color: #6b6560; font: 700 10px var(--font-mono, monospace); }
.content-page[data-batch-page="S011"] tbody td:nth-child(2) { color: #a4000c; font: 800 13px var(--font-mono, monospace); white-space: nowrap; }
.content-page[data-batch-page="S011"] .dpi350-reading { display: grid; grid-template-columns: 220px 1fr; gap: 26px; margin-top: 28px; padding: 22px 24px; border-top: 4px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S011"] .dpi350-reading h3 { margin: 0; font-size: 19px; line-height: 1.55; }
.content-page[data-batch-page="S011"] .dpi350-reading > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.content-page[data-batch-page="S011"] .dpi350-reading p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.84; }
.content-page[data-batch-page="S011"] .dpi350-reading b { display: block; margin-bottom: 4px; color: #a4000c; }

.content-page[data-batch-page="S012"] .dpi600-ruler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 34px; border-top: 2px solid #1a1a1a; border-left: 1px solid #e0d8ce; }
.content-page[data-batch-page="S012"] .dpi600-ruler article { min-height: 268px; padding: 19px 16px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S012"] .dpi600-ruler article:nth-child(1) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S012"] .dpi600-ruler article:nth-child(2) { border-top: 6px solid #a4000c; background: #fff; }
.content-page[data-batch-page="S012"] .dpi600-ruler article:nth-child(3) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S012"] .dpi600-ruler article:nth-child(4) { border-top: 6px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="S012"] .dpi600-ruler header { color: #a4000c; font-size: 12px; font-weight: 800; }
.content-page[data-batch-page="S012"] .dpi600-ruler header span { display: block; margin-top: 4px; color: #6b6560; font: 700 10px var(--font-mono, monospace); }
.content-page[data-batch-page="S012"] .dpi600-ruler strong { display: block; margin: 24px 0 14px; color: #1a1a1a; font: 800 18px var(--font-mono, "IBM Plex Mono", monospace); line-height: 1.4; }
.content-page[data-batch-page="S012"] .dpi600-ruler strong small { color: #6b6560; font-size: 10px; }
.content-page[data-batch-page="S012"] .dpi600-ruler p { margin: 0; color: #514b45; font-size: 11px; line-height: 1.82; }
.content-page[data-batch-page="S012"] .dpi600-boundary { margin-top: 28px; padding: 22px 24px; border-left: 6px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="S012"] .dpi600-boundary h3 { margin: 0; font-size: 19px; line-height: 1.55; }
.content-page[data-batch-page="S012"] .dpi600-boundary ol { margin: 13px 0 0; padding-left: 20px; color: #514b45; font-size: 12px; line-height: 1.95; }

.content-page[data-batch-page="S018"] .color-handoff-band { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S018"] .color-handoff-band article { display: flex; min-height: 275px; flex-direction: column; padding: 19px 16px; border-right: 1px solid #e0d8ce; }
.content-page[data-batch-page="S018"] .color-handoff-band article:last-child { border-right: 0; }
.content-page[data-batch-page="S018"] .color-handoff-band article:nth-child(1) { border-top: 7px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S018"] .color-handoff-band article:nth-child(2) { border-top: 7px solid #a4000c; background: #fff4f1; }
.content-page[data-batch-page="S018"] .color-handoff-band article:nth-child(3) { border-top: 7px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S018"] .color-handoff-band article:nth-child(4) { border-top: 7px solid #e60012; }
.content-page[data-batch-page="S018"] .color-handoff-band b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S018"] .color-handoff-band h3 { margin: 10px 0 13px; font-size: 18px; line-height: 1.55; }
.content-page[data-batch-page="S018"] .color-handoff-band p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.86; }
.content-page[data-batch-page="S018"] .color-handoff-band span { display: block; margin-top: auto; padding-top: 13px; border-top: 1px solid #ded4c8; color: #a4000c; font-size: 10px; font-weight: 800; line-height: 1.72; }

.content-page[data-batch-page="S019"] .resolution-measurements { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.content-page[data-batch-page="S019"] .resolution-measurements section { min-height: 268px; padding: 19px 16px; border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S019"] .resolution-measurements section:nth-child(1) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S019"] .resolution-measurements section:nth-child(2) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S019"] .resolution-measurements section:nth-child(3) { border-top: 6px solid #a4000c; background: #fff; }
.content-page[data-batch-page="S019"] .resolution-measurements section:nth-child(4) { border-top: 6px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="S019"] .resolution-measurements b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S019"] .resolution-measurements h3 { margin: 12px 0 13px; font: 800 24px var(--font-mono, "IBM Plex Mono", monospace); }
.content-page[data-batch-page="S019"] .resolution-measurements p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.85; }
.content-page[data-batch-page="S019"] .resolution-measurements span { display: block; margin-top: 15px; padding-top: 12px; border-top: 1px solid #ded4c8; color: #a4000c; font-size: 10px; font-weight: 800; line-height: 1.7; }

.content-page[data-batch-page="S020"] .trim-layer-stack { display: grid; gap: 0; margin-top: 34px; border-left: 2px solid #1a1a1a; }
.content-page[data-batch-page="S020"] .trim-layer-stack article { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px; position: relative; margin: 0 0 0 24px; padding: 0 0 18px 25px; border-left: 1px solid #e0d8ce; }
.content-page[data-batch-page="S020"] .trim-layer-stack article::before { position: absolute; top: 0; left: -10px; width: 17px; height: 17px; border: 3px solid #faf7f2; border-radius: 50%; background: #e60012; content: ""; }
.content-page[data-batch-page="S020"] .trim-layer-stack article:nth-child(2)::before { background: #c8a45c; }
.content-page[data-batch-page="S020"] .trim-layer-stack article:nth-child(3)::before { background: #a4000c; }
.content-page[data-batch-page="S020"] .trim-layer-stack article:nth-child(4)::before { background: #1a1a1a; }
.content-page[data-batch-page="S020"] .trim-layer-stack b { grid-column: 1; grid-row: 1 / span 2; align-self: start; padding: 17px 0 0; color: #a4000c; font-size: 13px; }
.content-page[data-batch-page="S020"] .trim-layer-stack h3,
.content-page[data-batch-page="S020"] .trim-layer-stack p { margin: 0; }
.content-page[data-batch-page="S020"] .trim-layer-stack h3 { grid-column: 2; padding: 17px 18px 0; border: 1px solid #e0d8ce; border-bottom: 0; background: #fff; font-size: 18px; line-height: 1.55; }
.content-page[data-batch-page="S020"] .trim-layer-stack p { grid-column: 2; padding: 7px 18px 17px; border: 1px solid #e0d8ce; border-top: 0; background: #fff; color: #514b45; font-size: 12px; line-height: 1.85; }
.content-page[data-batch-page="S020"] .trim-layer-stack article:nth-child(odd) h3,
.content-page[data-batch-page="S020"] .trim-layer-stack article:nth-child(odd) p { background: #f2ece3; }

.content-page[data-batch-page="S021"] .paper-measure-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 2px solid #1a1a1a; border-left: 1px solid #e0d8ce; }
.content-page[data-batch-page="S021"] .paper-measure-board article { display: flex; min-height: 292px; flex-direction: column; padding: 19px 16px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S021"] .paper-measure-board article:nth-child(1) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S021"] .paper-measure-board article:nth-child(2) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S021"] .paper-measure-board article:nth-child(3) { border-top: 6px solid #a4000c; background: #fff; }
.content-page[data-batch-page="S021"] .paper-measure-board article:nth-child(4) { border-top: 6px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="S021"] .paper-measure-board header { color: #a4000c; font-size: 12px; font-weight: 800; }
.content-page[data-batch-page="S021"] .paper-measure-board header span { display: block; margin-top: 4px; color: #6b6560; font-size: 10px; line-height: 1.6; }
.content-page[data-batch-page="S021"] .paper-measure-board h3 { margin: 17px 0 12px; font-size: 18px; line-height: 1.55; }
.content-page[data-batch-page="S021"] .paper-measure-board p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.85; }
.content-page[data-batch-page="S021"] .paper-measure-board small { display: block; margin-top: auto; padding-top: 12px; border-top: 1px solid #ded4c8; color: #a4000c; font-size: 10px; font-weight: 800; line-height: 1.7; }

.content-page[data-batch-page="S022"] .cover-paper-faces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.content-page[data-batch-page="S022"] .cover-paper-faces article { display: flex; min-height: 265px; flex-direction: column; padding: 19px 16px; border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S022"] .cover-paper-faces article:nth-child(1) { border-top: 6px solid #a4000c; background: #fff4f1; }
.content-page[data-batch-page="S022"] .cover-paper-faces article:nth-child(2) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S022"] .cover-paper-faces article:nth-child(3) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S022"] .cover-paper-faces article:nth-child(4) { border-top: 6px solid #e60012; background: #fff; }
.content-page[data-batch-page="S022"] .cover-paper-faces b { color: #a4000c; font-size: 12px; }
.content-page[data-batch-page="S022"] .cover-paper-faces h3 { margin: 11px 0 13px; font-size: 18px; line-height: 1.55; }
.content-page[data-batch-page="S022"] .cover-paper-faces p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.85; }
.content-page[data-batch-page="S022"] .cover-paper-faces span { display: block; margin-top: auto; padding-top: 12px; border-top: 1px solid #ded4c8; color: #a4000c; font-size: 10px; font-weight: 800; line-height: 1.7; }

.content-page[data-batch-page="S023"] .body-paper-reading { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid #1a1a1a; border-left: 1px solid #e0d8ce; }
.content-page[data-batch-page="S023"] .body-paper-reading article { min-height: 330px; padding: 20px 18px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S023"] .body-paper-reading article:nth-child(1) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S023"] .body-paper-reading article:nth-child(2) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S023"] .body-paper-reading article:nth-child(3) { border-top: 6px solid #a4000c; background: #fff4f1; }
.content-page[data-batch-page="S023"] .body-paper-reading b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S023"] .body-paper-reading h3 { margin: 10px 0 15px; font-size: 20px; line-height: 1.55; }
.content-page[data-batch-page="S023"] .body-paper-reading dl { margin: 0; border-top: 1px solid #ded4c8; }
.content-page[data-batch-page="S023"] .body-paper-reading dt,
.content-page[data-batch-page="S023"] .body-paper-reading dd { margin: 0; padding: 10px 0; font-size: 12px; line-height: 1.8; }
.content-page[data-batch-page="S023"] .body-paper-reading dt { padding-bottom: 1px; color: #a4000c; font-weight: 800; }
.content-page[data-batch-page="S023"] .body-paper-reading dd { padding-top: 1px; border-bottom: 1px solid #ded4c8; color: #514b45; }

.content-page[data-batch-page="S025"] .binding-map { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 34px; border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S025"] .binding-map article { min-height: 262px; padding: 18px 15px; border-right: 1px solid #e0d8ce; }
.content-page[data-batch-page="S025"] .binding-map article:last-child { border-right: 0; }
.content-page[data-batch-page="S025"] .binding-map article:nth-child(1) { border-top: 7px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S025"] .binding-map article:nth-child(2) { border-top: 7px solid #a4000c; background: #fff4f1; }
.content-page[data-batch-page="S025"] .binding-map article:nth-child(3) { border-top: 7px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S025"] .binding-map article:nth-child(4) { border-top: 7px solid #e60012; }
.content-page[data-batch-page="S025"] .binding-map article:nth-child(5) { border-top: 7px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S025"] .binding-map b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S025"] .binding-map h3 { margin: 10px 0 12px; font-size: 17px; line-height: 1.55; }
.content-page[data-batch-page="S025"] .binding-map p { margin: 0; color: #514b45; font-size: 11px; line-height: 1.82; }

.content-page[data-batch-page="S026"] .printing-method-flow { display: grid; gap: 0; margin-top: 34px; border-left: 2px solid #1a1a1a; }
.content-page[data-batch-page="S026"] .printing-method-flow article { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 18px; position: relative; margin-left: 24px; padding: 0 0 18px 25px; border-left: 1px solid #e0d8ce; }
.content-page[data-batch-page="S026"] .printing-method-flow article::before { position: absolute; top: 0; left: -10px; width: 17px; height: 17px; border: 3px solid #faf7f2; border-radius: 50%; background: #e60012; content: ""; }
.content-page[data-batch-page="S026"] .printing-method-flow article:nth-child(2)::before { background: #c8a45c; }
.content-page[data-batch-page="S026"] .printing-method-flow article:nth-child(3)::before { background: #a4000c; }
.content-page[data-batch-page="S026"] .printing-method-flow article:nth-child(4)::before { background: #1a1a1a; }
.content-page[data-batch-page="S026"] .printing-method-flow b { grid-column: 1; grid-row: 1 / span 2; align-self: start; padding-top: 17px; color: #a4000c; font-size: 12px; }
.content-page[data-batch-page="S026"] .printing-method-flow h3,
.content-page[data-batch-page="S026"] .printing-method-flow p { margin: 0; }
.content-page[data-batch-page="S026"] .printing-method-flow h3 { grid-column: 2; padding: 17px 18px 0; border: 1px solid #e0d8ce; border-bottom: 0; background: #fff; font-size: 18px; line-height: 1.55; }
.content-page[data-batch-page="S026"] .printing-method-flow p { grid-column: 2; padding: 7px 18px 17px; border: 1px solid #e0d8ce; border-top: 0; background: #fff; color: #514b45; font-size: 12px; line-height: 1.84; }
.content-page[data-batch-page="S026"] .printing-method-flow article:nth-child(odd) h3,
.content-page[data-batch-page="S026"] .printing-method-flow article:nth-child(odd) p { background: #f2ece3; }

.content-page[data-batch-page="S027"] .submission-handoffs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid #1a1a1a; border-left: 1px solid #e0d8ce; }
.content-page[data-batch-page="S027"] .submission-handoffs section { display: flex; min-height: 325px; flex-direction: column; padding: 20px 18px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S027"] .submission-handoffs section:nth-child(1) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S027"] .submission-handoffs section:nth-child(2) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S027"] .submission-handoffs section:nth-child(3) { border-top: 6px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="S027"] .submission-handoffs b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S027"] .submission-handoffs h3 { margin: 10px 0 15px; font-size: 20px; line-height: 1.55; }
.content-page[data-batch-page="S027"] .submission-handoffs ul { margin: 0; padding-left: 18px; color: #514b45; font-size: 12px; line-height: 1.85; }
.content-page[data-batch-page="S027"] .submission-handoffs li + li { margin-top: 8px; }
.content-page[data-batch-page="S027"] .submission-handoffs span { display: block; margin-top: auto; padding-top: 14px; border-top: 1px solid #ded4c8; color: #a4000c; font-size: 10px; font-weight: 800; line-height: 1.72; }

.content-page[data-batch-page="G014"] .cover-paper-observations { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.content-page[data-batch-page="G014"] .cover-paper-observations article { display: flex; min-height: 300px; flex-direction: column; padding: 19px 16px; border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="G014"] .cover-paper-observations article:nth-child(1) { border-top: 6px solid #a4000c; background: #fff4f1; }
.content-page[data-batch-page="G014"] .cover-paper-observations article:nth-child(2) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="G014"] .cover-paper-observations article:nth-child(3) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="G014"] .cover-paper-observations article:nth-child(4) { border-top: 6px solid #e60012; }
.content-page[data-batch-page="G014"] .cover-paper-observations b { color: #a4000c; font-size: 12px; }
.content-page[data-batch-page="G014"] .cover-paper-observations h3 { margin: 11px 0 13px; font-size: 18px; line-height: 1.55; }
.content-page[data-batch-page="G014"] .cover-paper-observations p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.88; }
.content-page[data-batch-page="G014"] .cover-paper-observations span { display: block; margin-top: auto; padding-top: 13px; border-top: 1px solid #ded4c8; color: #a4000c; font-size: 10px; font-weight: 800; line-height: 1.72; }
.content-page[data-batch-page="G014"] .cover-paper-sample { display: grid; grid-template-columns: 320px 1fr; gap: 28px; margin-top: 28px; padding: 22px 24px; border-left: 6px solid #c8a45c; background: #fff8ec; }
.content-page[data-batch-page="G014"] .cover-paper-sample h3 { margin: 0; font-size: 19px; line-height: 1.6; }
.content-page[data-batch-page="G014"] .cover-paper-sample ul { margin: 0; padding-left: 19px; color: #514b45; font-size: 12px; line-height: 1.9; }

.content-page[data-batch-page="G015"] .body-paper-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid #1a1a1a; border-left: 1px solid #e0d8ce; }
.content-page[data-batch-page="G015"] .body-paper-paths article { min-height: 330px; padding: 20px 18px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="G015"] .body-paper-paths article:nth-child(1) { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="G015"] .body-paper-paths article:nth-child(2) { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="G015"] .body-paper-paths article:nth-child(3) { border-top: 6px solid #a4000c; background: #fff4f1; }
.content-page[data-batch-page="G015"] .body-paper-paths b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="G015"] .body-paper-paths h3 { margin: 10px 0 14px; font-size: 20px; line-height: 1.55; }
.content-page[data-batch-page="G015"] .body-paper-paths p { min-height: 104px; margin: 0; color: #514b45; font-size: 12px; line-height: 1.88; }
.content-page[data-batch-page="G015"] .body-paper-paths dl { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid #ded4c8; }
.content-page[data-batch-page="G015"] .body-paper-paths dt,
.content-page[data-batch-page="G015"] .body-paper-paths dd { margin: 0; font-size: 11px; line-height: 1.75; }
.content-page[data-batch-page="G015"] .body-paper-paths dt { color: #a4000c; font-weight: 800; }
.content-page[data-batch-page="G015"] .body-paper-paths dd { margin: 2px 0 9px; color: #514b45; }

.content-page[data-batch-page="S003"] .reference-boundary,
.content-page[data-batch-page="S019"] .reference-boundary,
.content-page[data-batch-page="S020"] .reference-boundary,
.content-page[data-batch-page="S023"] .reference-boundary,
.content-page[data-batch-page="S026"] .reference-boundary,
.content-page[data-batch-page="S027"] .reference-boundary,
.content-page[data-batch-page="G015"] .reference-boundary { margin-top: 28px; padding: 21px 24px; border-left: 6px solid #c8a45c; background: #fff8ec; }
.content-page[data-batch-page="S003"] .reference-boundary h3,
.content-page[data-batch-page="S019"] .reference-boundary h3,
.content-page[data-batch-page="S020"] .reference-boundary h3,
.content-page[data-batch-page="S023"] .reference-boundary h3,
.content-page[data-batch-page="S026"] .reference-boundary h3,
.content-page[data-batch-page="S027"] .reference-boundary h3,
.content-page[data-batch-page="G015"] .reference-boundary h3 { margin: 0; font-size: 19px; line-height: 1.55; }
.content-page[data-batch-page="S003"] .reference-boundary p,
.content-page[data-batch-page="S019"] .reference-boundary p,
.content-page[data-batch-page="S020"] .reference-boundary p,
.content-page[data-batch-page="S023"] .reference-boundary p,
.content-page[data-batch-page="S026"] .reference-boundary p,
.content-page[data-batch-page="S027"] .reference-boundary p,
.content-page[data-batch-page="G015"] .reference-boundary p { max-width: 900px; margin: 8px 0 0; color: #514b45; font-size: 12px; line-height: 1.92; }

.content-page[data-batch-page="S003"] .guide-route,
.content-page[data-batch-page="S004"] .guide-route,
.content-page[data-batch-page="S011"] .guide-route,
.content-page[data-batch-page="S012"] .guide-route,
.content-page[data-batch-page="S018"] .guide-route,
.content-page[data-batch-page="S019"] .guide-route,
.content-page[data-batch-page="S020"] .guide-route,
.content-page[data-batch-page="S021"] .guide-route,
.content-page[data-batch-page="S022"] .guide-route,
.content-page[data-batch-page="S023"] .guide-route,
.content-page[data-batch-page="S025"] .guide-route,
.content-page[data-batch-page="S026"] .guide-route,
.content-page[data-batch-page="S027"] .guide-route,
.content-page[data-batch-page="G014"] .guide-route,
.content-page[data-batch-page="G015"] .guide-route { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.content-page[data-batch-page="S003"] .guide-route a,
.content-page[data-batch-page="S004"] .guide-route a,
.content-page[data-batch-page="S011"] .guide-route a,
.content-page[data-batch-page="S012"] .guide-route a,
.content-page[data-batch-page="S018"] .guide-route a,
.content-page[data-batch-page="S019"] .guide-route a,
.content-page[data-batch-page="S020"] .guide-route a,
.content-page[data-batch-page="S021"] .guide-route a,
.content-page[data-batch-page="S022"] .guide-route a,
.content-page[data-batch-page="S023"] .guide-route a,
.content-page[data-batch-page="S025"] .guide-route a,
.content-page[data-batch-page="S026"] .guide-route a,
.content-page[data-batch-page="S027"] .guide-route a,
.content-page[data-batch-page="G014"] .guide-route a,
.content-page[data-batch-page="G015"] .guide-route a { display: flex; min-height: 58px; align-items: center; padding: 11px 14px; border: 1px solid #e0d8ce; border-left: 4px solid #e60012; background: #fff; color: #1a1a1a; font-size: 12px; font-weight: 800; line-height: 1.7; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, transform .18s ease; }
.content-page[data-batch-page="S003"] .guide-route a:hover,
.content-page[data-batch-page="S004"] .guide-route a:hover,
.content-page[data-batch-page="S011"] .guide-route a:hover,
.content-page[data-batch-page="S012"] .guide-route a:hover,
.content-page[data-batch-page="S018"] .guide-route a:hover,
.content-page[data-batch-page="S019"] .guide-route a:hover,
.content-page[data-batch-page="S020"] .guide-route a:hover,
.content-page[data-batch-page="S021"] .guide-route a:hover,
.content-page[data-batch-page="S022"] .guide-route a:hover,
.content-page[data-batch-page="S023"] .guide-route a:hover,
.content-page[data-batch-page="S025"] .guide-route a:hover,
.content-page[data-batch-page="S026"] .guide-route a:hover,
.content-page[data-batch-page="S027"] .guide-route a:hover,
.content-page[data-batch-page="G014"] .guide-route a:hover,
.content-page[data-batch-page="G015"] .guide-route a:hover { border-color: #a4000c; background: #fff4f1; transform: translateY(-2px); }
.content-page[data-batch-page="S003"] .guide-route a:focus-visible,
.content-page[data-batch-page="S004"] .guide-route a:focus-visible,
.content-page[data-batch-page="S011"] .guide-route a:focus-visible,
.content-page[data-batch-page="S012"] .guide-route a:focus-visible,
.content-page[data-batch-page="S018"] .guide-route a:focus-visible,
.content-page[data-batch-page="S019"] .guide-route a:focus-visible,
.content-page[data-batch-page="S020"] .guide-route a:focus-visible,
.content-page[data-batch-page="S021"] .guide-route a:focus-visible,
.content-page[data-batch-page="S022"] .guide-route a:focus-visible,
.content-page[data-batch-page="S023"] .guide-route a:focus-visible,
.content-page[data-batch-page="S025"] .guide-route a:focus-visible,
.content-page[data-batch-page="S026"] .guide-route a:focus-visible,
.content-page[data-batch-page="S027"] .guide-route a:focus-visible,
.content-page[data-batch-page="G014"] .guide-route a:focus-visible,
.content-page[data-batch-page="G015"] .guide-route a:focus-visible { outline: 3px solid #1a1a1a; outline-offset: 3px; }

@media (max-width: 900px) {
    .content-page[data-batch-page="S012"] .dpi600-ruler,
    .content-page[data-batch-page="S018"] .color-handoff-band,
    .content-page[data-batch-page="S019"] .resolution-measurements,
    .content-page[data-batch-page="S021"] .paper-measure-board,
    .content-page[data-batch-page="S022"] .cover-paper-faces,
    .content-page[data-batch-page="S025"] .binding-map,
    .content-page[data-batch-page="G014"] .cover-paper-observations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .content-page[data-batch-page="S003"] .a6-pixel-rail,
    .content-page[data-batch-page="S004"] .small-format-reminder,
    .content-page[data-batch-page="S011"] .dpi350-reading,
    .content-page[data-batch-page="G014"] .cover-paper-sample { grid-template-columns: 1fr; gap: 14px; }
    .content-page[data-batch-page="S011"] .dpi350-reading > div { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .content-page[data-batch-page="S003"] h2,
    .content-page[data-batch-page="S004"] h2,
    .content-page[data-batch-page="S011"] h2,
    .content-page[data-batch-page="S012"] h2,
    .content-page[data-batch-page="S018"] h2,
    .content-page[data-batch-page="S019"] h2,
    .content-page[data-batch-page="S020"] h2,
    .content-page[data-batch-page="S021"] h2,
    .content-page[data-batch-page="S022"] h2,
    .content-page[data-batch-page="S023"] h2,
    .content-page[data-batch-page="S025"] h2,
    .content-page[data-batch-page="S026"] h2,
    .content-page[data-batch-page="S027"] h2,
    .content-page[data-batch-page="G014"] h2,
    .content-page[data-batch-page="G015"] h2 { font-size: 27px; line-height: 1.5; }
    .content-page[data-batch-page="S003"] .a6-measure-ticket,
    .content-page[data-batch-page="S004"] .small-format-ledgers,
    .content-page[data-batch-page="S012"] .dpi600-ruler,
    .content-page[data-batch-page="S018"] .color-handoff-band,
    .content-page[data-batch-page="S019"] .resolution-measurements,
    .content-page[data-batch-page="S021"] .paper-measure-board,
    .content-page[data-batch-page="S022"] .cover-paper-faces,
    .content-page[data-batch-page="S023"] .body-paper-reading,
    .content-page[data-batch-page="S025"] .binding-map,
    .content-page[data-batch-page="S027"] .submission-handoffs,
    .content-page[data-batch-page="G014"] .cover-paper-observations,
    .content-page[data-batch-page="G015"] .body-paper-paths,
    .content-page[data-batch-page="S003"] .guide-route,
    .content-page[data-batch-page="S004"] .guide-route,
    .content-page[data-batch-page="S011"] .guide-route,
    .content-page[data-batch-page="S012"] .guide-route,
    .content-page[data-batch-page="S018"] .guide-route,
    .content-page[data-batch-page="S019"] .guide-route,
    .content-page[data-batch-page="S020"] .guide-route,
    .content-page[data-batch-page="S021"] .guide-route,
    .content-page[data-batch-page="S022"] .guide-route,
    .content-page[data-batch-page="S023"] .guide-route,
    .content-page[data-batch-page="S025"] .guide-route,
    .content-page[data-batch-page="S026"] .guide-route,
    .content-page[data-batch-page="S027"] .guide-route,
    .content-page[data-batch-page="G014"] .guide-route,
    .content-page[data-batch-page="G015"] .guide-route { grid-template-columns: 1fr; }
    .content-page[data-batch-page="S003"] .a6-measure-ticket section,
    .content-page[data-batch-page="S012"] .dpi600-ruler article,
    .content-page[data-batch-page="S018"] .color-handoff-band article,
    .content-page[data-batch-page="S021"] .paper-measure-board article,
    .content-page[data-batch-page="S023"] .body-paper-reading article,
    .content-page[data-batch-page="S027"] .submission-handoffs section,
    .content-page[data-batch-page="G015"] .body-paper-paths article { min-height: 0; border-right: 0; }

    /* S011 keeps each finished-size conversion together on narrow screens. */
    .content-page[data-batch-page="S011"] .dpi350-table-wrap { overflow: visible; border: 0; background: transparent; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap table { display: block; width: 100%; min-width: 0; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap thead { display: none; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody { display: grid; gap: 12px; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody tr { display: grid; grid-template-columns: 1fr; border: 1px solid #e0d8ce; background: #fff; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody tr:nth-child(even) { background: #f2ece3; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody th,
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody td { display: block; min-width: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid #e0d8ce; overflow-wrap: anywhere; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody tr > *:last-child { border-bottom: 0; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody th { background: #fff4f1; color: #1a1a1a; font-size: 15px; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody tr:nth-child(even) th { background: #fff8ec; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody th::before,
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody td::before { display: block; margin-bottom: 4px; color: #6b6560; font: 700 10px/1.4 var(--font-mono, monospace); letter-spacing: .03em; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody th::before { content: "完成サイズ"; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody td:nth-child(2)::before { content: "350dpi の参考 px"; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody td:nth-child(3)::before { content: "まず決めること"; }
    .content-page[data-batch-page="S011"] .dpi350-table-wrap tbody td:nth-child(4)::before { content: "次の確認"; }
    .content-page[data-batch-page="S018"] .color-handoff-band article:last-child,
    .content-page[data-batch-page="S025"] .binding-map article:last-child { border-right: 0; }
    .content-page[data-batch-page="S019"] .resolution-measurements section,
    .content-page[data-batch-page="S022"] .cover-paper-faces article,
    .content-page[data-batch-page="S025"] .binding-map article,
    .content-page[data-batch-page="G014"] .cover-paper-observations article { min-height: 0; }
    .content-page[data-batch-page="S020"] .trim-layer-stack article,
    .content-page[data-batch-page="S026"] .printing-method-flow article { grid-template-columns: 1fr; gap: 7px; margin-left: 15px; padding-left: 20px; }
    .content-page[data-batch-page="S020"] .trim-layer-stack b,
    .content-page[data-batch-page="S026"] .printing-method-flow b { padding: 0; }
    .content-page[data-batch-page="S020"] .trim-layer-stack b,
    .content-page[data-batch-page="S020"] .trim-layer-stack h3,
    .content-page[data-batch-page="S020"] .trim-layer-stack p { grid-column: auto; grid-row: auto; }
    .content-page[data-batch-page="S026"] .printing-method-flow b,
    .content-page[data-batch-page="S026"] .printing-method-flow h3,
    .content-page[data-batch-page="S026"] .printing-method-flow p { grid-column: auto; grid-row: auto; }
    .content-page[data-batch-page="S020"] .trim-layer-stack h3,
    .content-page[data-batch-page="S026"] .printing-method-flow h3 { padding-top: 15px; }
    .content-page[data-batch-page="S004"] .small-format-reminder,
    .content-page[data-batch-page="S003"] .a6-pixel-rail,
    .content-page[data-batch-page="S011"] .dpi350-reading,
    .content-page[data-batch-page="G014"] .cover-paper-sample { padding: 19px; }
    .content-page[data-batch-page="S019"] .reference-boundary,
    .content-page[data-batch-page="S020"] .reference-boundary,
    .content-page[data-batch-page="S023"] .reference-boundary,
    .content-page[data-batch-page="S026"] .reference-boundary,
    .content-page[data-batch-page="S027"] .reference-boundary,
    .content-page[data-batch-page="G015"] .reference-boundary { padding: 19px; }
    .content-page[data-batch-page="G015"] .body-paper-paths p { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .content-page[data-batch-page="S003"] .guide-route a,
    .content-page[data-batch-page="S004"] .guide-route a,
    .content-page[data-batch-page="S011"] .guide-route a,
    .content-page[data-batch-page="S012"] .guide-route a,
    .content-page[data-batch-page="S018"] .guide-route a,
    .content-page[data-batch-page="S019"] .guide-route a,
    .content-page[data-batch-page="S020"] .guide-route a,
    .content-page[data-batch-page="S021"] .guide-route a,
    .content-page[data-batch-page="S022"] .guide-route a,
    .content-page[data-batch-page="S023"] .guide-route a,
    .content-page[data-batch-page="S025"] .guide-route a,
    .content-page[data-batch-page="S026"] .guide-route a,
    .content-page[data-batch-page="S027"] .guide-route a,
    .content-page[data-batch-page="G014"] .guide-route a,
    .content-page[data-batch-page="G015"] .guide-route a { transition: none; }
}

/* D-omitted pages: each desk uses a different reading rhythm. */
.content-page[data-batch-page="G018"] .deadline-check-guide,
.content-page[data-batch-page="S005"] .newbook-size-reference,
.content-page[data-batch-page="S006"] .square-size-reference,
.content-page[data-batch-page="S007"] .landscape-size-reference,
.content-page[data-batch-page="S024"] .finishing-terms-reference { margin-top: 34px; }

.content-page[data-batch-page="G018"] .deadline-anchor { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 2px solid #1a1a1a; }
.content-page[data-batch-page="G018"] .deadline-anchor article { min-height: 228px; padding: 20px 17px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="G018"] .deadline-anchor article:last-child { border-right: 0; }
.content-page[data-batch-page="G018"] .deadline-anchor .target { border-top: 6px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="G018"] .deadline-anchor .arrival { border-top: 6px solid #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="G018"] .deadline-anchor .printer { border-top: 6px solid #a4000c; background: #fff4f1; }
.content-page[data-batch-page="G018"] .deadline-anchor .stop { border-top: 6px solid #e60012; background: #fff; }
.content-page[data-batch-page="G018"] .deadline-anchor b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="G018"] .deadline-anchor h3 { margin: 15px 0 10px; font-size: 18px; line-height: 1.45; }
.content-page[data-batch-page="G018"] .deadline-anchor p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.84; }
.content-page[data-batch-page="G018"] .deadline-anchor span { display: block; margin-top: 16px; color: #6b6560; font: 700 10px var(--font-mono, monospace); }
.content-page[data-batch-page="G018"] .deadline-reverse-flow { margin: 28px 0 0; padding: 0; list-style: none; border-top: 1px solid #ded4c8; }
.content-page[data-batch-page="G018"] .deadline-reverse-flow li { display: grid; grid-template-columns: 54px 1fr; gap: 17px; padding: 17px 0; border-bottom: 1px solid #ded4c8; }
.content-page[data-batch-page="G018"] .deadline-reverse-flow li > b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #a4000c; color: #fff; font: 800 12px var(--font-mono, monospace); }
.content-page[data-batch-page="G018"] .deadline-reverse-flow h3 { margin: 0; font-size: 17px; line-height: 1.5; }
.content-page[data-batch-page="G018"] .deadline-reverse-flow p { max-width: 850px; margin: 5px 0 0; color: #514b45; font-size: 12px; line-height: 1.9; }
.content-page[data-batch-page="G018"] .deadline-branches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 28px; }
.content-page[data-batch-page="G018"] .deadline-branches article { padding: 19px 19px 21px; border: 1px solid #e0d8ce; border-left: 5px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="G018"] .deadline-branches article + article { border-left-color: #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="G018"] .deadline-branches b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="G018"] .deadline-branches h3 { margin: 8px 0 7px; font-size: 17px; }
.content-page[data-batch-page="G018"] .deadline-branches p,
.content-page[data-batch-page="G018"] .deadline-boundary p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.9; }
.content-page[data-batch-page="G018"] .deadline-boundary { margin-top: 28px; padding: 21px 23px; border-left: 6px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="G018"] .deadline-boundary h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.55; }

.content-page[data-batch-page="S005"] .newbook-dimension-rail { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 12px; }
.content-page[data-batch-page="S005"] .newbook-dimension-rail article { min-height: 220px; padding: 19px 17px; border: 1px solid #e0d8ce; border-top: 6px solid #a4000c; background: #fff; }
.content-page[data-batch-page="S005"] .newbook-dimension-rail article:nth-child(2) { border-top-color: #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S005"] .newbook-dimension-rail article:nth-child(3) { border-top-color: #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S005"] .newbook-dimension-rail b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S005"] .newbook-dimension-rail strong { display: block; margin: 24px 0 13px; font: 800 20px var(--font-mono, monospace); line-height: 1.35; }
.content-page[data-batch-page="S005"] .newbook-dimension-rail small { color: #6b6560; font-size: 11px; }
.content-page[data-batch-page="S005"] .newbook-dimension-rail p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.85; }
.content-page[data-batch-page="S005"] .newbook-size-table-wrap,
.content-page[data-batch-page="S006"] .square-size-table-wrap,
.content-page[data-batch-page="S007"] .landscape-size-table-wrap,
.content-page[data-batch-page="S024"] .finishing-terms-table-wrap { margin-top: 24px; overflow-x: auto; border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S005"] table,
.content-page[data-batch-page="S006"] table,
.content-page[data-batch-page="S007"] table,
.content-page[data-batch-page="S024"] table { width: 100%; min-width: 720px; border-collapse: collapse; }
.content-page[data-batch-page="S005"] th,
.content-page[data-batch-page="S005"] td,
.content-page[data-batch-page="S006"] th,
.content-page[data-batch-page="S006"] td,
.content-page[data-batch-page="S007"] th,
.content-page[data-batch-page="S007"] td,
.content-page[data-batch-page="S024"] th,
.content-page[data-batch-page="S024"] td { padding: 13px 14px; border-right: 1px solid #e0d8ce; border-bottom: 1px solid #e0d8ce; text-align: left; vertical-align: top; font-size: 12px; line-height: 1.78; }
.content-page[data-batch-page="S005"] thead th,
.content-page[data-batch-page="S006"] thead th,
.content-page[data-batch-page="S007"] thead th,
.content-page[data-batch-page="S024"] thead th { background: #a4000c; color: #fff; font-size: 11px; }
.content-page[data-batch-page="S005"] tbody tr:nth-child(even),
.content-page[data-batch-page="S006"] tbody tr:nth-child(even),
.content-page[data-batch-page="S007"] tbody tr:nth-child(even),
.content-page[data-batch-page="S024"] tbody tr:nth-child(even) { background: #f2ece3; }
.content-page[data-batch-page="S005"] tbody tr:hover,
.content-page[data-batch-page="S006"] tbody tr:hover,
.content-page[data-batch-page="S007"] tbody tr:hover,
.content-page[data-batch-page="S024"] tbody tr:hover { background: #fff4f1; }
.content-page[data-batch-page="S005"] tbody th,
.content-page[data-batch-page="S006"] tbody th,
.content-page[data-batch-page="S007"] tbody th,
.content-page[data-batch-page="S024"] tbody th { color: #1a1a1a; font-weight: 800; }
.content-page[data-batch-page="S005"] tbody td:nth-child(2),
.content-page[data-batch-page="S006"] tbody td:nth-child(2),
.content-page[data-batch-page="S007"] tbody td:nth-child(2) { font-family: var(--font-mono, monospace); white-space: nowrap; }
.content-page[data-batch-page="S005"] .newbook-reading-window { display: grid; grid-template-columns: 270px 1fr; gap: 25px; margin-top: 28px; padding: 22px 24px; border-top: 4px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S005"] .newbook-reading-window header b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S005"] .newbook-reading-window h3 { margin: 8px 0 0; font-size: 19px; line-height: 1.55; }
.content-page[data-batch-page="S005"] .newbook-reading-window p,
.content-page[data-batch-page="S005"] .newbook-reading-window dd { margin: 0; color: #514b45; font-size: 12px; line-height: 1.9; }
.content-page[data-batch-page="S005"] .newbook-reading-window dl { display: grid; grid-template-columns: 94px 1fr; gap: 6px 13px; margin: 0; }
.content-page[data-batch-page="S005"] .newbook-reading-window dt { color: #a4000c; font-size: 11px; font-weight: 800; }
.content-page[data-batch-page="S005"] .newbook-reading-window dd { margin: 0; }
.content-page[data-batch-page="S005"] .newbook-boundary,
.content-page[data-batch-page="S006"] .square-boundary,
.content-page[data-batch-page="S007"] .landscape-boundary,
.content-page[data-batch-page="S024"] .finishing-boundary { margin-top: 28px; padding: 21px 23px; border-left: 6px solid #e60012; background: #fff4f1; }
.content-page[data-batch-page="S005"] .newbook-boundary h3,
.content-page[data-batch-page="S006"] .square-boundary h3,
.content-page[data-batch-page="S007"] .landscape-boundary h3,
.content-page[data-batch-page="S024"] .finishing-boundary h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.55; }
.content-page[data-batch-page="S005"] .newbook-boundary p,
.content-page[data-batch-page="S006"] .square-boundary p,
.content-page[data-batch-page="S007"] .landscape-boundary p,
.content-page[data-batch-page="S024"] .finishing-boundary p { max-width: 900px; margin: 0; color: #514b45; font-size: 12px; line-height: 1.9; }

.content-page[data-batch-page="S006"] .square-sideboard { display: grid; grid-template-columns: 210px 1fr; gap: 20px; padding: 20px; border: 1px solid #e0d8ce; background: #fffaf0; }
.content-page[data-batch-page="S006"] .square-side-mark { display: grid; min-height: 170px; place-items: center; align-content: center; border: 1px solid #c8a45c; background: #fff; text-align: center; }
.content-page[data-batch-page="S006"] .square-side-mark span { color: #a4000c; font-size: 11px; font-weight: 800; }
.content-page[data-batch-page="S006"] .square-side-mark strong { margin: 16px 0 9px; font: 800 29px var(--font-mono, monospace); }
.content-page[data-batch-page="S006"] .square-side-mark small { color: #6b6560; font-size: 10px; }
.content-page[data-batch-page="S006"] .square-side-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.content-page[data-batch-page="S006"] .square-side-notes article { padding-left: 14px; border-left: 3px solid #a4000c; }
.content-page[data-batch-page="S006"] .square-side-notes b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S006"] .square-side-notes p { margin: 8px 0 0; color: #514b45; font-size: 12px; line-height: 1.85; }
.content-page[data-batch-page="S006"] .square-layout-reading { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.content-page[data-batch-page="S006"] .square-layout-reading article { padding: 19px 17px; border: 1px solid #e0d8ce; background: #fff; }
.content-page[data-batch-page="S006"] .square-layout-reading article:nth-child(2) { border-top: 5px solid #c8a45c; }
.content-page[data-batch-page="S006"] .square-layout-reading article:nth-child(3) { border-top: 5px solid #a4000c; }
.content-page[data-batch-page="S006"] .square-layout-reading b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S006"] .square-layout-reading h3 { margin: 9px 0 8px; font-size: 17px; line-height: 1.5; }
.content-page[data-batch-page="S006"] .square-layout-reading p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.88; }

.content-page[data-batch-page="S007"] .landscape-size-table-wrap { margin-top: 0; }
.content-page[data-batch-page="S007"] .landscape-work-rail { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 12px; margin-top: 28px; }
.content-page[data-batch-page="S007"] .landscape-work-rail article { min-height: 226px; padding: 20px 17px; border: 1px solid #e0d8ce; border-top: 6px solid #a4000c; background: #fff; }
.content-page[data-batch-page="S007"] .landscape-work-rail .single { border-top-color: #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S007"] .landscape-work-rail .direction { border-top-color: #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S007"] .landscape-work-rail b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S007"] .landscape-work-rail h3 { margin: 12px 0 10px; font-size: 18px; line-height: 1.5; }
.content-page[data-batch-page="S007"] .landscape-work-rail p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.86; }
.content-page[data-batch-page="S007"] .landscape-work-rail span { display: block; margin-top: 16px; color: #6b6560; font-size: 10px; font-weight: 800; }
.content-page[data-batch-page="S007"] .landscape-pixel-note { margin-top: 28px; padding: 21px 23px; border-top: 4px solid #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S007"] .landscape-pixel-note h3 { margin: 0 0 13px; font-size: 19px; line-height: 1.55; }
.content-page[data-batch-page="S007"] .landscape-pixel-note > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.content-page[data-batch-page="S007"] .landscape-pixel-note p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.85; }
.content-page[data-batch-page="S007"] .landscape-pixel-note b { color: #a4000c; }

.content-page[data-batch-page="S024"] .finishing-terms-table-wrap { margin-top: 0; }
.content-page[data-batch-page="S024"] tbody td:nth-child(1),
.content-page[data-batch-page="S024"] tbody td:nth-child(3) { color: #514b45; }
.content-page[data-batch-page="S024"] .finishing-choice-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.content-page[data-batch-page="S024"] .finishing-choice-rail article { min-height: 185px; padding: 19px 17px; border: 1px solid #e0d8ce; border-top: 6px solid #a4000c; background: #fff; }
.content-page[data-batch-page="S024"] .finishing-choice-rail article:nth-child(2) { border-top-color: #c8a45c; background: #fffaf0; }
.content-page[data-batch-page="S024"] .finishing-choice-rail article:nth-child(3) { border-top-color: #1a1a1a; background: #f2ece3; }
.content-page[data-batch-page="S024"] .finishing-choice-rail b { color: #a4000c; font-size: 11px; }
.content-page[data-batch-page="S024"] .finishing-choice-rail h3 { margin: 10px 0 8px; font-size: 17px; line-height: 1.5; }
.content-page[data-batch-page="S024"] .finishing-choice-rail p { margin: 0; color: #514b45; font-size: 12px; line-height: 1.87; }

.content-page[data-batch-page="G018"] .deadline-check-guide .guide-route,
.content-page[data-batch-page="S005"] .newbook-size-reference .guide-route,
.content-page[data-batch-page="S006"] .square-size-reference .guide-route,
.content-page[data-batch-page="S007"] .landscape-size-reference .guide-route,
.content-page[data-batch-page="S024"] .finishing-terms-reference .guide-route { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.content-page[data-batch-page="G018"] .deadline-check-guide .guide-route a,
.content-page[data-batch-page="S005"] .newbook-size-reference .guide-route a,
.content-page[data-batch-page="S006"] .square-size-reference .guide-route a,
.content-page[data-batch-page="S007"] .landscape-size-reference .guide-route a,
.content-page[data-batch-page="S024"] .finishing-terms-reference .guide-route a { display: flex; min-height: 56px; align-items: center; padding: 11px 14px; border: 1px solid #e0d8ce; border-left: 4px solid #e60012; background: #fff; color: #1a1a1a; font-size: 12px; font-weight: 800; line-height: 1.7; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, transform .18s ease; }
.content-page[data-batch-page="G018"] .deadline-check-guide .guide-route a:hover,
.content-page[data-batch-page="S005"] .newbook-size-reference .guide-route a:hover,
.content-page[data-batch-page="S006"] .square-size-reference .guide-route a:hover,
.content-page[data-batch-page="S007"] .landscape-size-reference .guide-route a:hover,
.content-page[data-batch-page="S024"] .finishing-terms-reference .guide-route a:hover { border-color: #a4000c; background: #fff4f1; transform: translateY(-2px); }
.content-page[data-batch-page="G018"] .deadline-check-guide .guide-route a:focus-visible,
.content-page[data-batch-page="S005"] .newbook-size-reference .guide-route a:focus-visible,
.content-page[data-batch-page="S006"] .square-size-reference .guide-route a:focus-visible,
.content-page[data-batch-page="S007"] .landscape-size-reference .guide-route a:focus-visible,
.content-page[data-batch-page="S024"] .finishing-terms-reference .guide-route a:focus-visible { outline: 3px solid #1a1a1a; outline-offset: 3px; }

@media (max-width: 900px) {
    .content-page[data-batch-page="G018"] .deadline-anchor { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .content-page[data-batch-page="G018"] .deadline-anchor article:nth-child(2) { border-right: 0; }
    .content-page[data-batch-page="S005"] .newbook-dimension-rail,
    .content-page[data-batch-page="S006"] .square-sideboard,
    .content-page[data-batch-page="S007"] .landscape-work-rail { grid-template-columns: 1fr; }
    .content-page[data-batch-page="S006"] .square-side-notes,
    .content-page[data-batch-page="S007"] .landscape-pixel-note > div,
    .content-page[data-batch-page="S024"] .finishing-choice-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .content-page[data-batch-page="S005"] .newbook-reading-window { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 620px) {
    .content-page[data-batch-page="G018"] .deadline-anchor,
    .content-page[data-batch-page="G018"] .deadline-branches,
    .content-page[data-batch-page="S006"] .square-side-notes,
    .content-page[data-batch-page="S006"] .square-layout-reading,
    .content-page[data-batch-page="S007"] .landscape-pixel-note > div,
    .content-page[data-batch-page="S024"] .finishing-choice-rail,
    .content-page[data-batch-page="G018"] .deadline-check-guide .guide-route,
    .content-page[data-batch-page="S005"] .newbook-size-reference .guide-route,
    .content-page[data-batch-page="S006"] .square-size-reference .guide-route,
    .content-page[data-batch-page="S007"] .landscape-size-reference .guide-route,
    .content-page[data-batch-page="S024"] .finishing-terms-reference .guide-route { grid-template-columns: 1fr; }
    .content-page[data-batch-page="G018"] .deadline-anchor article { min-height: 0; border-right: 0; }
    .content-page[data-batch-page="G018"] .deadline-anchor article + article { border-top-width: 1px; }
    .content-page[data-batch-page="S005"] .newbook-dimension-rail article,
    .content-page[data-batch-page="S007"] .landscape-work-rail article,
    .content-page[data-batch-page="S024"] .finishing-choice-rail article { min-height: 0; }
    .content-page[data-batch-page="S006"] .square-sideboard { padding: 15px; }

    /* S006 compares square side lengths; keep each side length and its four checks together on mobile. */
    .content-page[data-batch-page="S006"] .square-size-table-wrap { overflow: visible; border: 0; background: transparent; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap table { display: block; width: 100%; min-width: 0; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap thead { display: none; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody { display: grid; gap: 12px; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody tr { display: grid; grid-template-columns: 1fr; border: 1px solid #e0d8ce; background: #fff; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody tr:nth-child(even) { background: #f2ece3; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody th,
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody td { display: block; min-width: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid #e0d8ce; overflow-wrap: anywhere; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody tr > *:last-child { border-bottom: 0; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody th { background: #fff4f1; color: #a4000c; font-size: 16px; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody tr:nth-child(even) th { background: #fff8ec; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody th::before,
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody td::before { display: block; margin-bottom: 4px; color: #6b6560; font: 700 10px/1.4 var(--font-mono, monospace); letter-spacing: .03em; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody th::before { content: "商品例の辺長"; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody td:nth-child(2)::before { content: "完成面"; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody td:nth-child(3)::before { content: "350dpiの完成面例"; }
    .content-page[data-batch-page="S006"] .square-size-table-wrap tbody td:nth-child(4)::before { content: "判断の入口"; }

    /* S007 separates each landscape format from its spread and submission checks on narrow screens. */
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap { overflow: visible; border: 0; background: transparent; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap table { display: block; width: 100%; min-width: 0; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap thead { display: none; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody { display: grid; gap: 12px; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody tr { display: grid; grid-template-columns: 1fr; border: 1px solid #e0d8ce; background: #fff; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody tr:nth-child(even) { background: #f2ece3; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody th,
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody td { display: block; min-width: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid #e0d8ce; overflow-wrap: anywhere; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody tr > *:last-child { border-bottom: 0; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody th { background: #fff4f1; color: #a4000c; font-size: 16px; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody tr:nth-child(even) th { background: #fff8ec; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody th::before,
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody td::before { display: block; margin-bottom: 4px; color: #6b6560; font: 700 10px/1.4 var(--font-mono, monospace); letter-spacing: .03em; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody th::before { content: "商品例"; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody td:nth-child(2)::before { content: "仕上がり幅 × 高さ"; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody td:nth-child(3)::before { content: "350dpiの完成面例"; }
    .content-page[data-batch-page="S007"] .landscape-size-table-wrap tbody td:nth-child(4)::before { content: "作る前の確認"; }

    /* S024 is a finishing handoff: one term must keep its effect, placement, and preparation notes together. */
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap { overflow: visible; border: 0; background: transparent; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap table { display: block; width: 100%; min-width: 0; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap thead { display: none; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody { display: grid; gap: 12px; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody tr { display: grid; grid-template-columns: 1fr; border: 1px solid #e0d8ce; background: #fff; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody tr:nth-child(even) { background: #f2ece3; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody th,
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody td { display: block; min-width: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid #e0d8ce; overflow-wrap: anywhere; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody tr > *:last-child { border-bottom: 0; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody th { background: #fff4f1; color: #a4000c; font-size: 16px; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody tr:nth-child(even) th { background: #fff8ec; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody th::before,
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody td::before { display: block; margin-bottom: 4px; color: #6b6560; font: 700 10px/1.4 var(--font-mono, monospace); letter-spacing: .03em; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody th::before { content: "用語"; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody td:nth-child(2)::before { content: "見え方・役割"; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody td:nth-child(3)::before { content: "使う場所の例"; }
    .content-page[data-batch-page="S024"] .finishing-terms-table-wrap tbody td:nth-child(4)::before { content: "準備と確認"; }

    .content-page[data-batch-page="S005"] .newbook-reading-window,
    .content-page[data-batch-page="G018"] .deadline-boundary,
    .content-page[data-batch-page="S005"] .newbook-boundary,
    .content-page[data-batch-page="S006"] .square-boundary,
    .content-page[data-batch-page="S007"] .landscape-boundary,
    .content-page[data-batch-page="S024"] .finishing-boundary { padding: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .content-page[data-batch-page="G018"] .deadline-check-guide .guide-route a,
    .content-page[data-batch-page="S005"] .newbook-size-reference .guide-route a,
    .content-page[data-batch-page="S006"] .square-size-reference .guide-route a,
    .content-page[data-batch-page="S007"] .landscape-size-reference .guide-route a,
    .content-page[data-batch-page="S024"] .finishing-terms-reference .guide-route a { transition: none; }
}