/* Two original desks, designed around different kinds of work. */
.desk-concept .example-end { display: flex; justify-content: space-between; gap: 24px; padding: 24px 0 46px; font-size: 12px; }
.print-desk, .document-desk { margin-bottom: 10px; border: 1px solid #d4d2ca; border-radius: 14px; overflow: hidden; color: #393a34; }
.print-desk { background: #f4f1e8; }
.print-desk-header, .document-desk-header { padding: 26px 34px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #d4d2ca; gap: 20px; }
.print-brand { font: 34px/1 Georgia,serif; letter-spacing: -.06em; text-decoration: none; }
.print-brand span { font: 11px/1.5 var(--prose); display: block; letter-spacing: 0; margin-top: 7px; }
.desk-edition { font: 11px/1.5 ui-monospace,monospace; }
.print-desk-intro { padding: 42px 34px 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 70px; align-items: end; }
.print-desk-intro > .kicker { grid-column: 1/-1; margin: 0; }
.print-desk-intro h1 { font-size: clamp(38px,4.5vw,62px); letter-spacing: -.065em; line-height: 1.04; margin: 0; }
.print-desk-intro > p:last-child { font-size: 14px; max-width: 36ch; margin: 0; }
.print-workspace { display: grid; grid-template-columns: 220px 1fr 230px; border-top: 1px solid #c9c5b9; border-bottom: 1px solid #c9c5b9; }
.print-jobs { padding: 26px 18px; }
.print-jobs :is(h2,.workspace-title), .production-rules :is(h2,.workspace-title) { font-size: 13px; letter-spacing: 0; margin: 0 0 20px; }
.print-jobs button { display: flex; flex-direction: column; text-align: left; width: 100%; gap: 8px; background: transparent; border: 1px solid transparent; border-radius: 5px; padding: 16px 12px; margin-bottom: 10px; color: #46463f; }
.print-jobs button[aria-pressed=true] { background: #fff; border-color: #c5c1b6; box-shadow: 0 4px 10px #29251606; }
.print-jobs button span { font: 10px/1.4 ui-monospace,monospace; }
.print-jobs button strong { font-size: 14px; font-weight: 500; line-height: 1.35; }
.print-jobs button small { font-size: 11px; color: #6b675c; }
.job-ticket { background: #fffefb; padding: 30px; border-inline: 1px solid #c9c5b9; }
.ticket-top { display: flex; justify-content: space-between; font: 11px/1.4 ui-monospace,monospace; color: #69655b; margin-bottom: 24px; }
.job-ticket :is(h2,.workspace-title) { font-size: 25px; line-height: 1.2; letter-spacing: -.04em; }
.job-ticket blockquote { font-size: 14px; line-height: 1.65; padding: 0 0 20px; margin: 0; }
.job-ticket dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; margin: 0 0 22px; }
.job-ticket dl > div { border-top: 1px solid #d9d5cb; padding: 12px 0; }
.job-ticket dt { font: 10px/1.5 ui-monospace,monospace; color: #6b675c; }
.job-ticket dd { margin: 4px 0 0; font-size: 13px; }
.job-gap { padding: 17px; background: #eeece4; border-left: 2px solid #777266; margin-bottom: 22px; }
.job-gap > span { font-size: 12px; font-weight: 500; color: #36362f; }
.job-gap p { font-size: 12px; margin: 6px 0 0; }
.job-ticket .btn { font-size: 12px; }
.desk-status { font-size: 11px; margin: 12px 0 0; }
.production-rules { padding: 28px 22px; }
.production-rules ol { padding-left: 17px; font-size: 12px; }
.production-rules li { margin-bottom: 20px; padding-left: 4px; }
.production-rules p { font-size: 11px; padding-top: 18px; border-top: 1px solid #c9c5b9; }
.job-output, .document-draft { display: grid; grid-template-columns: .75fr 1.25fr; gap: 40px; padding: 32px; border-bottom: 1px solid #d4d2ca; background: #fff; }
.job-output[hidden], .document-draft[hidden] { display: none; }
.job-output :is(h2,.workspace-title), .document-draft :is(h2,.workspace-title) { font-size: 26px; }
.job-output p, .document-draft p { font-size: 13px; }
.job-output label, .document-draft label { display: block; font-size: 12px; margin-bottom: 9px; }
.job-output textarea, .document-draft textarea { width: 100%; padding: 15px; border: 1px solid #b7b5ab; border-radius: 6px; font: 13px/1.65 var(--prose); color: #393a34; background: #fff; resize: vertical; margin-bottom: 15px; }
.desk-explanation { padding: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.desk-explanation :is(h2,.workspace-title) { font-size: 21px; line-height: 1.25; }
.desk-explanation p, .desk-explanation a { font-size: 13px; }
.document-desk { background: #f5f5f3; }
.document-desk-header { background: #fff; }
.margin-brand { text-decoration: none; font-size: 26px; font-weight: 500; letter-spacing: -.06em; }
.margin-brand span { margin-left: 22px; font-size: 11px; font-weight: 400; letter-spacing: 0; color: #65655e; }
.document-desk-header > span { font-size: 11px; color: #65655e; }
.document-desk-intro { padding: 40px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 60px; }
.document-desk-intro h1 { font-size: clamp(40px,4.5vw,60px); line-height: 1.02; letter-spacing: -.06em; margin: 15px 0 20px; }
.document-desk-intro p { font-size: 14px; max-width: 40ch; }
.document-progress { padding: 26px 32px; border-left: 1px solid #cecec5; display: flex; flex-direction: column; gap: 12px; }
.document-progress > span { font-size: 12px; color: #65655e; }
.document-progress strong { font-size: 58px; font-weight: 400; line-height: 1.1; letter-spacing: -.06em; color: #343530; }
.document-progress small { font-size: 26px; letter-spacing: -.03em; color: #74746b; }
.document-progress progress { appearance: none; width: 100%; height: 6px; border: 0; border-radius: 10px; overflow: hidden; background: #dcdcd5; color: #44463e; }
.document-progress progress::-webkit-progress-bar { background: #dcdcd5; }
.document-progress progress::-webkit-progress-value { background: #44463e; border-radius: 10px; }
.document-progress progress::-moz-progress-bar { background: #44463e; }
.document-workspace { display: grid; grid-template-columns: 1.5fr 1fr; margin: 0 30px 30px; background: #fff; border: 1px solid #d5d5cb; border-radius: 12px; overflow: hidden; }
.document-register { padding: 25px; }
.register-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 20px; }
.register-heading :is(h2,.workspace-title) { font-size: 17px; margin: 0; }
.register-heading > span { font-size: 10px; color: #67675e; }
.document-row { display: grid; grid-template-columns: 26px 1fr 20px 50px; align-items: center; gap: 12px; padding: 19px 0; border-top: 1px solid #e2e2da; cursor: pointer; }
.document-file { font-size: 11px; color: #77776c; }
.document-row strong { display: block; font-size: 13px; line-height: 1.4; font-weight: 500; }
.document-row small { display: block; font-size: 11px; color: #6b6b62; margin-top: 5px; line-height: 1.4; }
.document-row input { appearance: none; width: 20px; height: 20px; min-height: 20px; max-height: 20px; padding: 0; border: 1px solid #8c8c7f; border-radius: 4px; margin: 0; background: #fff; cursor: pointer; display: grid; place-content: center; }
.document-row input:checked::after { content: '✓'; font-size: 15px; color: #34362e; }
.received-word { font-size: 10px; color: #626257; }
.register-note { font-size: 11px; line-height: 1.5; margin: 16px 0 0; color: #67675d; }
.document-next { padding: 30px; border-left: 1px solid #d5d5cb; background: #eeeee9; }
.document-next :is(h2,.workspace-title) { font-size: 28px; line-height: 1.12; letter-spacing: -.04em; }
.document-next ul { padding-left: 17px; font-size: 13px; line-height: 1.7; margin: 24px 0; }
.document-next li { margin-bottom: 12px; }
.document-next .btn { font-size: 12px; }
.document-next .small { font-size: 11px; margin-top: 18px; }
.document-next [role=status] { font-size: 11px; }
@media (max-width: 1000px) {
 .print-workspace { grid-template-columns: 185px 1fr; }
 .production-rules { grid-column: 1/-1; border-top: 1px solid #c9c5b9; }
 .production-rules ol { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 40px; margin-bottom: 0; }
 .job-ticket { border-right: 0; }
 .document-workspace { grid-template-columns: 1.4fr 1fr; margin: 0 20px 20px; }
 .document-register, .document-next { padding: 20px; }
 .document-row { grid-template-columns: 1fr 20px; gap: 12px; }
 .document-file, .received-word { display: none; }
}
@media (max-width: 650px) {
 .print-desk-header, .document-desk-header { padding: 22px; }
 .desk-edition, .document-desk-header > span { display: none; }
 .print-desk-intro, .document-desk-intro { padding: 26px 22px; grid-template-columns: 1fr; gap: 20px; }
 .print-desk-intro h1, .document-desk-intro h1 { font-size: 41px; }
 .print-workspace { grid-template-columns: 1fr; }
 .print-jobs { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; padding: 18px 12px; }
 .print-jobs :is(h2,.workspace-title) { grid-column: 1/-1; margin-bottom: 5px; }
 .print-jobs button { padding: 12px 8px; margin: 0; gap: 6px; }
 .print-jobs button strong { font-size: 12px; }
 .print-jobs button span { font-size: 9px; }
 .print-jobs button small { display: none; }
 .job-ticket { border: 0; border-top: 1px solid #c9c5b9; padding: 24px 20px; }
 .production-rules { padding: 24px 22px; }
 .production-rules ol { grid-template-columns: 1fr; gap: 0; }
 .production-rules li { margin-bottom: 12px; }
 .production-rules p { margin-bottom: 0; }
 .job-output, .document-draft { padding: 24px 20px; grid-template-columns: 1fr; gap: 15px; }
 .desk-explanation { padding: 26px 22px; grid-template-columns: 1fr; gap: 22px; }
 .desk-explanation :is(h2,.workspace-title) { font-size: 23px; }
 .desk-explanation p { margin-bottom: 0; }
 .desk-concept .example-end { flex-direction: column; gap: 8px; }
 .desk-concept .example-end p { margin: 0; }
 .margin-brand span { margin-left: 15px; }
 .document-progress { border: 0; padding: 20px; border-radius: 8px; background: #e9e9e2; }
 .document-progress strong { font-size: 45px; }
 .document-workspace { margin: 0 12px 16px; grid-template-columns: 1fr; }
 .document-next { border-left: 0; border-top: 1px solid #d5d5cb; padding: 24px 20px; }
}
@media print { .desk-concept button { display: none; } .print-workspace,.document-workspace { display: block; } }