/* Screen layout only: the document's printed pages keep their established layout. */
@media screen{
 main.shell .hero{margin:28px 0 22px;max-width:760px}
 main.shell .hero h1{margin:12px 0 16px}
 main.shell .hero .intro{font-size:18px;font-weight:400;line-height:1.7;max-width:670px;margin:0;color:#485f50}
 main.shell .document-tip{margin:0 0 14px;color:#4d6554}
 main.shell .document-toolbar{border-radius:16px;padding:18px 20px;box-shadow:0 4px 18px #203c3206;position:relative}
 .quick-status{display:flex;gap:8px 18px;flex-wrap:wrap;margin:12px 0 2px;color:#526653;font-size:15px;line-height:1.6}
 .quick-status p{margin:0}.quick-status p:empty{display:none}.quick-status .error{color:#9b382c}
 #more-tools{margin-top:10px}#more-tools>summary{min-height:48px}
 .save-status{margin:20px 0 4px;padding:16px;background:#f2f5ed;border-radius:12px;border:1px solid #dbe4d4}
 .save-status h3{font-size:16px;margin:0 0 10px;color:#35533e}
 .save-status p{font-size:15px;line-height:1.65;margin:8px 0}
 main.shell .workspace-status{background:transparent;border:0;padding:0;margin:14px 0 20px}
 .workspace-status:empty{display:none}
 .workspace-status #restore-banner,.workspace-status #conflict-banner{padding:18px;border:1px solid #c8d9bc;border-radius:14px;background:#f1f7e9}
 .workspace-status #restore-banner button{margin:10px 0;min-height:48px}
 #document-workspace{border-radius:16px;overflow:hidden;border-top:1px solid #c2cfc6}
 .document-help{max-width:760px;margin:20px 0 30px;line-height:1.7}
 .form-overview{max-width:760px;margin:36px 0 24px}
 .form-overview h2{font:500 27px/1.3 Georgia,serif;margin:0 0 12px;color:#203c32}
 .form-overview p{font-size:17px;line-height:1.75;margin:0;color:#4c6052}
 .form-overview a{font-weight:600}
 .export-actions{margin-top:28px;padding:28px;gap:20px 24px}
 .guide{margin:18px 0;padding:20px}.guide>summary{min-height:48px;display:flex;align-items:center;line-height:1.6}
 .guide .notes p,.guide .instructions li,.guide .privacy{line-height:1.75}
 #field-controls{gap:20px}#field-controls .editor-input>label{margin-bottom:9px;line-height:1.5}
 #field-controls input:not([type=checkbox]),#field-controls select{min-height:54px;padding:13px 14px}
 #field-dialog .editor-body{padding:24px}#field-dialog #field-title{margin-bottom:18px}
}
@media screen and (max-width:700px){
 main.shell{padding:20px 16px 32px}
 main.shell .crumb{font-size:14px;line-height:1.65;margin:10px 0 20px}
 main.shell .workflow{margin:0 0 26px;padding:5px;gap:6px;border-radius:14px}
 main.shell .workflow a{min-height:50px;font-size:16px;line-height:1.4;padding:10px 8px}
 main.shell .hero{margin:0 0 24px;padding:0}
 main.shell .hero .eyebrow{font-size:13px;line-height:1.6;letter-spacing:1px;margin:0 0 10px}
 main.shell .hero h1{font-size:clamp(32px,8.5vw,38px);line-height:1.16;letter-spacing:-.6px;margin:0 0 16px}
 main.shell .hero .intro{font-size:17px;line-height:1.7;margin:0}
 main.shell .document-tip{font-size:16px;line-height:1.6;margin:0 0 14px}
 main.shell .document-toolbar{padding:16px;margin-bottom:0}
 .primary-tools{gap:12px}.primary-tools button{min-height:52px;font-size:16px}
 .quick-status{font-size:15px;margin-top:14px;gap:6px 12px}
 .more-tools-body .buttons{gap:12px}.more-tools-body .view-controls{gap:10px}
 #document-workspace[data-view=reading]{background:transparent;border:0;overflow:visible;border-radius:0}
 #document-workspace[data-view=reading] #document-viewport{overflow:visible}
 #reading-copy{padding:6px 0 12px;background:transparent;max-width:none}
 #reading-copy .paper-title{font-size:27px;line-height:1.25;margin:10px 0 26px}
 #reading-copy .paper-heading,#reading-copy h2:not(.paper-title){font-size:20px;line-height:1.45;margin:32px 0 18px;padding-bottom:12px;border-bottom:1px solid #cbd8c5}
 #reading-copy .print-field{padding:18px;margin:0 0 18px;min-height:100px;border-color:#d3dfce;border-radius:15px;background:#fff;box-shadow:0 2px 8px #1a3b2403}
 #reading-copy .print-label{font-size:16px;line-height:1.55;margin-bottom:10px;color:#385b45}
 #reading-copy .print-value{font-size:18px;line-height:1.65;min-height:30px}
 #reading-copy .print-value.blank::before{font-size:16px;color:#667b66}
 #reading-copy .document-photo-prompt{padding:20px;margin:26px 0;gap:10px;border-radius:15px;background:#f0f7e9}
 #reading-copy .print-signature-section,#reading-copy .print-photo{padding:20px;margin:26px 0;border-radius:15px;background:#fff}
 #reading-copy .print-signature-section h2{margin-top:0}
 .document-help{font-size:16px;line-height:1.7;margin:20px 0 30px}
 .export-actions{padding:24px 20px;border-radius:18px;gap:22px;margin:28px 0 32px}
 .export-actions h2{font-size:27px}.export-actions p,#completion-status{font-size:16px;line-height:1.65}
 #completion-guide{gap:16px;padding-top:20px}
 .export-buttons{gap:12px}.export-buttons button,#complete-next{min-height:54px;font-size:16px}
 .form-overview{margin:38px 0 26px}.form-overview h2{font-size:25px}.form-overview p{font-size:17px}
 .guide{padding:20px 18px;margin:18px 0;border-radius:14px}.guide summary{font-size:17px;line-height:1.6}.guide p,.guide li{font-size:16px}
 #field-dialog .editor-body{padding:22px 20px}#field-dialog #field-title{font-size:25px;margin-bottom:20px}
 #field-dialog .editor-heading{padding:16px 20px}.editor-footer{padding:16px 20px 20px}
 #field-dialog .editor-finish{gap:12px}#field-dialog .editor-finish button{min-height:52px}
 #field-dialog[data-compact=true] .editor-heading{padding:8px 16px}
 #field-dialog[data-compact=true] .editor-body{padding:14px 16px}
 #field-dialog[data-compact=true] #field-title{font-size:21px;margin-bottom:12px}
 #field-dialog[data-compact=true] .editor-footer{padding:10px 16px}
 #field-dialog[data-compact=true] .editor-finish button{min-height:48px}
 .signature-styles button{font-size:14px}
}
@media screen and (max-width:350px){
 main.shell{padding-left:16px;padding-right:16px}.primary-tools{gap:10px}
 #reading-copy .print-field{padding:17px}
 .export-buttons{grid-template-columns:1fr}
 .signature-styles{grid-template-columns:1fr;gap:10px}
 .signature-styles button{flex-direction:row;justify-content:space-between;min-height:58px;padding:12px;font-size:15px;gap:12px}
 .signature-styles button[aria-pressed=true]{padding:11px}
 .signature-styles .style-sample{width:auto;flex:1;text-align:left;font-size:23px;-webkit-line-clamp:1}
}