/* Document layouts, brand controls, and editable sample text. */
.template-section h2{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.02em;color:var(--forest);margin:0 0 12px}
.section-copy{margin:0 0 28px;color:var(--charcoal);font-size:16px;line-height:1.6}
.layouts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#quote-form .example-value{color:var(--slate);font-weight:400}
.layout-card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden;text-align:left;color:var(--forest);transition:border-color .16s}
.layout-card:hover{border-color:var(--forest)}
.layout-card[aria-pressed=true]{border:2px solid var(--forest)}
.layout-art{height:250px;background:var(--surface);padding:24px;display:flex;align-items:center;justify-content:center}
.layout-copy{padding:20px}
.layout-copy>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.layout-copy h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}
.layout-copy p{font-size:14px;line-height:1.6;color:var(--charcoal);margin:10px 0 0}
.layout-check{display:inline-flex;flex-shrink:0}
.logo-control{margin-bottom:28px}
.logo-control-row{display:flex;align-items:center;gap:20px;margin-top:12px}
.logo-preview{width:148px;height:88px;flex-shrink:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;align-items:center;justify-content:center;color:var(--slate);font-size:14px}
.logo-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.logo-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.logo-actions .button{margin:0}
.logo-actions .text-button{font-size:14px}
.field-hint{font-size:13px;line-height:1.6;color:var(--slate);margin:10px 0 0}
.field-error{color:var(--forest);font-size:14px;line-height:1.5;margin:8px 0 0;font-weight:600}
.field-error:empty{display:none}
@media(max-width:900px){.layouts-grid{gap:16px}.layout-art{padding:16px;height:220px}.layout-copy{padding:16px}.layout-copy h3{font-size:20px}}
@media(max-width:640px){.layouts-grid{grid-template-columns:1fr}.layout-art{height:240px;padding:24px}.layout-copy{padding:20px}.template-section h2{font-size:22px}.logo-control-row{gap:12px}.logo-preview{width:112px;height:80px}.logo-actions{display:block}.logo-actions .text-button{display:block;margin-top:6px}.brand-panel .logo-actions .button{width:auto}.logo-actions .button{font-size:13px;padding:10px 16px}.section-copy{font-size:14px}}
@media print{.logo-control,.layouts-grid{display:none!important}}