/* ================================================================
   CO-DE-SIGN / CONTENT PAGES — STYLES IN PAGE READING ORDER
   00 Layout and link defaults
   01 Fixed navigation (inherited from styles.css)
   02 Page hero
   03 Main article and sidebar
   04 Form elements for contact inquiries
   05 Footer (inherited from styles.css)
   06 Responsive adjustments
   ================================================================ */
/* 00 / Layout defaults */
.legal-main{padding-top:0;background:var(--warm);color:var(--charcoal)}
.legal-hero{padding-block:clamp(80px,11vw,152px) 64px;border-bottom:1px solid #c8c5bd}
.legal-hero .eyebrow{font-weight:750;letter-spacing:.15em;font-size:12px}
.legal-hero h1{font-size:clamp(52px,7.6vw,116px);line-height:1;letter-spacing:-.075em;margin:45px 0 32px;max-width:1180px}
.legal-lede{font-size:clamp(18px,2vw,26px);line-height:1.45;max-width:760px}
/* 03 / Content rail */
.legal-grid{display:grid;grid-template-columns:minmax(190px,.33fr) minmax(0,1fr);gap:clamp(45px,8vw,150px);padding-block:76px 140px}
.legal-aside{font-size:11px;font-weight:650;letter-spacing:.1em;line-height:1.7;color:#5C5B55}
.legal-aside span{display:block;margin-top:12px;color:#6A6962;font-weight:450}
.preview-warning,.setup-note{border-left:3px solid var(--orange);background:#EAE7DF;padding:16px 18px!important;margin-block:20px 20px!important;font-size:14px!important;line-height:1.55!important;letter-spacing:0!important;color:#383630!important}
.legal-section{padding-block:0 50px;margin-bottom:50px;border-bottom:1px solid #D1CDC5}
.legal-index{display:block;color:#B64700;font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:22px}
.legal-section h2{font-size:clamp(27px,3vw,46px);letter-spacing:-.047em;font-weight:650;line-height:1.2;margin:0 0 20px}
.legal-section p{font-size:17px;line-height:1.8;max-width:785px;margin-bottom:19px}
.legal-section a{color:#B64700;text-decoration:underline;text-underline-offset:4px}
.legal-section a:hover{color:#773300}
.credit-example{padding:18px 22px;border:1px solid #C8C3B9;margin:15px 0}
.credit-example p{margin:3px 0;font-size:15px}
/* 04 / Project inquiry form */
.inquiry-form{display:grid;gap:25px;max-width:770px}
.field-pair{display:grid;gap:9px}
.field-pair label{font-size:14px;font-weight:650}
.field-pair input,.field-pair textarea,.field-pair select{width:100%;background:#FFFEFB;border:1px solid #8D8980;border-radius:2px;padding:16px 17px;color:var(--charcoal);font:inherit;font-size:16px;line-height:1.45}
.field-pair textarea{resize:vertical;min-height:160px}
.field-pair small{color:#525149;font-size:13px}
.privacy-ack{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6}
.privacy-ack input{min-width:20px;min-height:20px;margin-top:1px;accent-color:var(--orange)}
.form-actions{display:flex;gap:14px;flex-wrap:wrap}
.inquiry-primary,.inquiry-secondary{font:inherit;font-weight:750;font-size:12px;letter-spacing:.065em;min-height:54px;padding:15px 22px;cursor:pointer}
.inquiry-primary{background:var(--orange);border:1px solid var(--orange);color:#171717}
.inquiry-secondary{background:transparent;border:1px solid #171717;color:#171717}
.inquiry-primary:hover{background:#D45100}
.inquiry-secondary:hover{background:#E4E0D8}
.inquiry-status{min-height:28px;font-size:14px!important;color:#473D34}
/* 06 / Responsive */
@media(max-width:780px){.legal-hero{padding-block:72px 50px}.legal-hero h1{margin-top:32px}.legal-grid{display:block;padding-block:36px 80px}.legal-aside{margin-bottom:52px}.legal-section p{font-size:16px}}
@media(max-width:420px){.legal-hero h1{font-size:clamp(48px,13vw,72px)}.form-actions button{width:100%}}

/* 07 / Accessibly darkened action-orange on warm-white for small text. The actual brand logo stays Electric Orange. */
.legal-hero .eyebrow.orange{color:#B64700;}