/* New sections (2026-11): the contact section on /contact-us/ and the blog list + post pages.
   Built in the style of exit9to5project.com, in Drop Anchor's colours (gold #B58100, charcoal #444). */
.dax{--gold:#B58100;--gold-d:#94690a;--ink:#2b2c28;--muted:#6b6b66;--panel:#eceae4;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
.dax *{box-sizing:border-box}
.dax .wrap{width:min(1160px,100% - 32px);margin-inline:auto}
/* contact */
.dax-contact{padding:70px 0 80px}
.dax-contact .lead{text-align:center;margin:0 0 44px}
.dax-contact .lead h2{font-weight:800;font-size:44px;line-height:1.15;margin:0;color:#000}
.dax-contact .lead p{font-size:20px;margin:16px 0 0;color:var(--ink)}
.dax-contact .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.dax-form{background:var(--panel);border-radius:22px;padding:56px 46px 50px}
.dax-form .ico{display:block;margin:0 auto 14px;width:76px;height:76px;color:var(--gold)}
.dax-form h3{text-align:center;font-weight:700;font-size:22px;margin:0 0 30px;color:#000}
.dax-form input,.dax-form textarea{display:block;width:100%;border:0;border-radius:2px;background:#fff;font:inherit;font-size:18px;color:var(--ink);padding:24px 24px;margin:0 0 14px}
.dax-form textarea{min-height:120px;resize:vertical}
.dax-form input::placeholder,.dax-form textarea::placeholder{color:#7a7a75}
.dax-form input:focus,.dax-form textarea:focus{outline:2px solid var(--gold);outline-offset:0}
.dax-form .bad{outline:2px solid #c0392b}
.dax-form button{display:block;width:100%;margin-top:26px;border:4px solid #fff;background:var(--gold);color:#fff;font:inherit;font-weight:700;font-size:22px;letter-spacing:.5px;padding:18px;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.dax-form button:hover{background:var(--gold-d)}
.dax-form button[disabled]{opacity:.7;cursor:wait}
.dax-form .msg{margin:16px 0 0;text-align:center;font-weight:600;font-size:17px;min-height:1.4em}
.dax-form .msg.ok{color:#2e7d32}.dax-form .msg.err{color:#c0392b}
.dax-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dax-cards{display:flex;flex-direction:column;align-items:center;gap:26px}
.dax-cards img{display:block;width:3.5in;max-width:100%;height:auto;aspect-ratio:768/461;border-radius:6px;box-shadow:0 6px 22px rgba(0,0,0,.18)}
.dax-cards .reach{text-align:center;margin-top:10px}
.dax-cards .reach h4{font-weight:700;font-size:21px;margin:0 0 14px;color:#000}
.dax-cards .reach a.tel{display:inline-block;font-weight:700;font-size:22px;color:var(--gold);text-decoration:none;margin-bottom:14px}
.dax-cards .soc{display:flex;justify-content:center;gap:22px}
.dax-cards .soc a{color:#4a4a46;display:block;width:42px;height:42px}
.dax-cards .soc a:hover{color:var(--gold)}
.dax-cards .soc svg{width:100%;height:100%}
/* blog list + post (same layout as exit9to5project.com/blog) */
.dax-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:60px 0 80px}
.dax-posts .empty{grid-column:1/-1;text-align:center;font-size:18px;margin:0}
.dax-card{display:block;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.dax-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.16)}
.dax-card img{display:block;aspect-ratio:16/9;width:100%;object-fit:cover;background:#E8E9EB}
.dax-card .pc{padding:16px 18px 20px}
.dax-card h2{font-weight:700;font-size:20px;line-height:1.3;margin:0;color:#000}
.dax-card p{font-size:15px;line-height:1.5;margin:8px 0 0}
.dax-card time{display:block;font-size:13px;color:#777;margin-top:10px}
.dax-post{padding:56px 0 76px}
.dax-post .wrap{max-width:820px}
.dax-post h1{font-weight:800;font-size:40px;line-height:1.25;margin:0;color:#000}
.dax-post .meta{color:#777;font-size:15px;margin:10px 0 0}
.dax-post .cover{display:block;border-radius:15px;margin-top:26px;width:100%;height:auto}
.dax-post .body{font-size:19px;line-height:1.7;margin-top:28px}
.dax-post .body p,.dax-post .body ul,.dax-post .body ol,.dax-post .body blockquote,.dax-post .body figure{margin:0 0 1.1em}
.dax-post .body h2{font-weight:800;font-size:28px;line-height:1.3;margin:1.4em 0 .5em;color:#000}
.dax-post .body h3{font-weight:700;font-size:22px;margin:1.2em 0 .4em;color:#000}
.dax-post .body a{color:var(--gold);font-weight:700}
.dax-post .body blockquote{border-left:4px solid var(--gold);padding:4px 0 4px 18px;color:#555;font-style:italic}
.dax-post .body img{max-width:100%;height:auto;border-radius:10px}
.dax-post .body figcaption{font-size:14px;color:#777;margin-top:6px}
.dax-post .back{display:inline-block;margin-top:30px;font-weight:700;text-decoration:none;color:var(--gold)}
@media (max-width:900px){
  .dax-contact{padding:48px 0 56px}.dax-contact .lead h2{font-size:32px}.dax-contact .lead p{font-size:18px}
  .dax-contact .grid{grid-template-columns:1fr;gap:40px}.dax-form{padding:40px 22px 34px}
  .dax-posts{grid-template-columns:1fr;padding:40px 0 56px}.dax-post h1{font-size:30px}.dax-post .body{font-size:18px}}
/* same 5px charcoal line under the banner as the original sections had; headings in the new sections use the same font as their text */
.dax-top{border-top:5px solid #444}
.dax h1,.dax h2,.dax h3,.dax h4{font-family:inherit}