/* SU-12d. Same two families and unchanged token scale. Column = 1056px at desktop. */
.v3 .page-column{max-width:calc(var(--max) - var(--s12) * 4);padding:0 var(--gutter);margin:auto}
.v3 header{min-height:var(--s12);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--rule) solid var(--ink)}
.v3 header img{height:var(--logo);width:auto}
.v3 header .micro{color:var(--grey)}
.v3 main{margin:var(--s12) 0 var(--s9)}
.v3 h1{font-size:var(--text-phone);font-weight:500}
.v3 .guide{font-size:var(--text-lead);margin-top:var(--s6);line-height:var(--leading-body);color:var(--grey)}
.v3 .overview{list-style:none;display:flex;justify-content:space-between;gap:var(--s6);padding:0;margin:var(--s8) 0 var(--s7)}
.v3 .overview li{display:flex;gap:var(--s3);align-items:baseline}
.v3 .overview li span{font-family:var(--font-mono);color:var(--grey)}
.v3 .intake{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);align-items:stretch}
.v3 .text-zone,.v3 .image-zone{min-width:0;border:var(--rule) solid var(--soft);padding:var(--s6)}
.v3 .zone-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}
.v3 .zone-heading h2{font-size:var(--text-lead);font-weight:500}
.v3 .minimums{position:relative;flex:none}
.v3 .minimums summary{display:flex;width:var(--touch);height:var(--touch);align-items:center;justify-content:center;list-style:none;color:var(--grey)}
.v3 .minimums summary::-webkit-details-marker{display:none}
.v3 .minimums summary span{display:flex;align-items:center;justify-content:center;border:var(--rule) solid var(--grey);border-radius:50%;width:var(--icon);height:var(--icon);font-family:var(--font-mono)}
.v3 .minimum-copy{position:absolute;right:0;top:100%;width:var(--paste);z-index:3;padding:var(--s4);border:var(--rule) solid var(--ink);background:var(--paper);color:var(--grey)}
.v3 .minimums:not([open]) .minimum-copy{display:none}
.v3 #text-entry label{display:block}
.v3 textarea{display:block;width:100%;height:calc(var(--s12) + var(--s6));resize:vertical;padding:var(--s3);margin-top:var(--s2);border:var(--rule) solid var(--soft);background:var(--wash)}
.v3 input::placeholder,.v3 textarea::placeholder{color:var(--grey);opacity:1}
.v3 .quiet{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;text-decoration:underline;min-width:var(--touch)}
.v3 .docx-option{display:flex;gap:var(--s2);align-items:center}
.v3 #docs-url{width:100%;min-width:0;min-height:var(--touch);border:0;border-bottom:var(--rule) solid var(--soft);padding:var(--s2) 0;background:var(--paper)}
.v3 .image-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:calc(var(--paste) - var(--s3));gap:var(--s3);border:var(--rule) dashed var(--soft);background:var(--wash)}
.v3 .drop-cross{font-size:var(--text-phone);font-weight:500;line-height:var(--leading-tight)}
.v3 .notice{color:var(--grey);margin-top:var(--s3);border:0;padding:0;background:transparent}
.v3 .notice:empty{display:none}
.v3 .intake.arrived{grid-template-columns:1fr}
.v3 .arrived .text-zone{padding:var(--s3) 0;border:0;border-top:var(--rule) solid var(--soft)}
.v3 .arrived .text-zone .zone-heading{float:right;margin:0}
.v3 .arrived .text-zone h2{display:none}
.v3 #text-receipt{min-height:var(--touch);display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;padding-right:var(--touch)}
.v3 #receipt-label{overflow-wrap:anywhere;min-width:0}
.v3 .has-images .image-drop{min-height:var(--touch);margin-top:var(--s6);background:var(--paper);flex-direction:row}
.v3 .has-images .drop-cross{display:none}
.v3 .gal .g:empty{display:none}
.v3 .gal .g{margin-top:var(--s3)}
.v3 .tile-editor{position:static;visibility:visible;border:0;padding:var(--s2) 0 0}
.v3 .tile-editor input{width:100%;min-width:0;min-height:var(--touch)}
.v3 .tile-controls button:disabled{color:var(--grey)}
.v3 .gallery-help{color:var(--grey);margin-top:var(--s3)}
.v3 .project-details{margin-top:var(--s12)}
.v3 .details-heading{margin-bottom:var(--s7)}
.v3 .details-heading h2{font-size:var(--text-card);font-weight:500;margin-bottom:var(--s3)}
.v3 .project-name input{font-size:var(--text-card)}
.v3 .extra{grid-column:1/-1}
.v3 .extra summary,.v3 .field-requirements summary{display:flex;align-items:center;text-decoration:underline;width:fit-content}
.v3 .extra dl{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4) var(--gap);margin:var(--s5) 0}
.v3 .field-requirements{color:var(--grey);margin-top:var(--s4)}
.v3 .completion{border-top:var(--rule) solid var(--ink);padding-top:var(--s7);margin-top:var(--s9)}
.v3 .permission{display:flex;flex-direction:row;align-items:center;gap:var(--s3)}
.v3 .permission input{width:var(--touch);height:var(--touch);flex:none;accent-color:var(--ink)}
.v3 .send-row{display:flex;align-items:center;gap:var(--s6);margin-top:var(--s6)}
.v3 .disclaimer{font-size:var(--text-body);color:var(--grey);margin-top:var(--s8)}
.v3 .submitted-line{padding:var(--s3) 0;border-bottom:var(--rule) solid var(--soft);margin-bottom:var(--s7);color:var(--grey)}
.v3 .success{padding:var(--s8) 0 var(--s12)}
.v3 .success h1{max-width:calc(var(--paste) * 2);margin:var(--s6) 0}
.v3 .receipt-line{display:flex;align-items:center;gap:var(--s6);margin-top:var(--s6);flex-wrap:wrap}
.v3 #another{font-size:var(--text-card);padding:var(--s5) var(--s7);margin-top:var(--s8)}
.v3 footer{color:var(--grey);border-top:var(--rule) solid var(--soft);padding:var(--s4) 0}
@media(max-width:700px){
 .v3 .page-column{padding:0 var(--s6)}
 .v3 main{margin-top:var(--s8)}
 .v3 h1{font-size:var(--text-section)}
 .v3 .guide{font-size:var(--text-body)}
 .v3 .overview{flex-direction:column;gap:var(--s3);margin-top:var(--s7)}
 .v3 .intake{grid-template-columns:1fr}
 .v3 .text-zone,.v3 .image-zone{padding:var(--s4)}
 .v3 .minimum-copy{width:calc(var(--paste) - var(--s6))}
 .v3 .image-drop{min-height:calc(var(--s12) * 2)}
 .v3 .extra dl{grid-template-columns:1fr}
 .v3 .send-row{align-items:flex-start;flex-direction:column;gap:var(--s3)}
 .v3 .project-details{margin-top:var(--s9)}
 .v3 .arrived .text-zone{padding:var(--s3) 0}
 .v3 .gal .g{gap:var(--s3)}
 .v3 .tile-controls{flex-wrap:wrap}
 .v3 .tile-controls button{min-width:var(--touch);min-height:var(--touch)}
 .v3 #another{width:100%;padding:var(--s4)}
}