/* Developers Page Template (template-developers.php). Loads only on that template.
   Brand: Roboto body, Roboto Mono for code, SRO gradient hero, #005193 links. */

.dv-page{font-family:Roboto,Arial,sans-serif;color:#111;background:#fff}
.dv-page *{box-sizing:border-box}
.dv-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.dv-page a{color:#005193;text-decoration:none}
.dv-page a:hover{color:#003a6b;text-decoration:underline}
.dv-eyebrow{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#555;font-weight:500}
.dv-eyebrow-light{color:#fff}
.dv-eyebrow-teal{color:#0f6e5e}
.dv-h2{margin:0;font-size:30px;font-weight:500;line-height:1.2;color:#111}
.dv-h2-light{color:#fff}
.dv-lead-dark{margin:0;font-size:18px;line-height:1.55;color:#333;font-weight:300}
.dv-text{margin:0;font-size:15px;line-height:1.6;color:#222}
.dv-small{margin:0;font-size:13px;line-height:1.5;color:#555}
.dv-section{display:flex;flex-direction:column;gap:22px;padding-top:64px}
.dv-section-last{padding-bottom:64px}

/* Site header sits over the gradient hero: white nav text and icons here only */
body.page-template-template-developers header .navbar-nav.main-menu>li>a{color:#fff}
body.page-template-template-developers header .navbar-nav.main-menu>li>a:hover{color:#e6e6e6}
body.page-template-template-developers header .search-icon i{color:#fff}

/* Hero */
.dv-hero{background:linear-gradient(120deg,#37b19c 0%,#579dd1 55%,#6d3e89 100%);color:#fff}
.dv-hero-inner{display:flex;flex-wrap:wrap;gap:48px;align-items:stretch;padding-top:120px;padding-bottom:56px}
.dv-hero-copy{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:18px;justify-content:center}
.dv-page h1.dv-title{margin:0;font-family:Roboto,Arial,sans-serif;font-size:56px;font-weight:500;line-height:1.08;letter-spacing:-.01em;text-transform:none;color:#fff}
.dv-page h2.dv-h2{font-family:Roboto,Arial,sans-serif;text-transform:none}
.dv-lead{margin:0;font-size:20px;line-height:1.5;font-weight:300;color:#fff;max-width:560px}
.dv-note{margin:0;font-size:14px;color:#f2f2f2}
.dv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.dv-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:4px;font-weight:700;font-size:16px;min-height:44px;line-height:1.2}
.dv-btn-white{background:#fff;color:#111}
.dv-page .dv-btn-white:hover{background:#e6e6e6;color:#111;text-decoration:none}
.dv-btn-outline{border:2px solid #fff;color:#fff}
.dv-page .dv-btn-outline:hover{background:#fff;color:#111;text-decoration:none}
.dv-start{flex:1 1 360px;max-width:420px;background:#fff;color:#111;border-radius:6px;padding:24px 26px;display:flex;flex-direction:column;gap:4px}
.dv-steps{margin:6px 0 0;padding:0;list-style:none;counter-reset:dv}
.dv-steps li{position:relative;padding:14px 0 14px 36px;border-bottom:1px solid #e6e6e6;font-size:15px;line-height:1.5;color:#222;counter-increment:dv}
.dv-steps li:last-child{border-bottom:0}
.dv-steps li::before{content:"";position:absolute;left:0;top:16px;width:22px;height:22px;border:2px solid #37b19c;border-radius:4px}
.dv-min{color:#555;font-size:13px}
.dv-code{margin:12px 0 0;background:#111;color:#e8f7f3;padding:16px 18px;border-radius:6px;font-family:'Roboto Mono',Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6;overflow-x:auto;white-space:pre}
.dv-code code{font-family:inherit;font-size:inherit;color:inherit;background:none;padding:0}
.dv-start .dv-small{margin-top:8px}

/* Release strip */
.dv-release{background:#fafafa;border-bottom:1px solid #e6e6e6}
.dv-release-inner{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;font-size:15px}
.dv-release-text{color:#333}
.dv-release-link{font-weight:500;margin-left:auto}
.dv-flag{display:inline-block;background:#fff3da;color:#7a4e00;font-size:12px;font-weight:700;padding:3px 8px;border-radius:3px;letter-spacing:.04em}

/* Kits table */
.dv-table-wrap{overflow-x:auto;border:1px solid #e6e6e6;border-radius:6px}
.dv-table{border-collapse:collapse;width:100%;font-size:15px;margin:0}
.dv-table th,.dv-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #e6e6e6;vertical-align:top;line-height:1.5}
.dv-table thead th{font-weight:500;color:#555;font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:#fafafa}
.dv-table tbody th{font-weight:700;color:#111;white-space:nowrap}
.dv-table tbody tr:last-child th,.dv-table tbody tr:last-child td{border-bottom:0}
.dv-table a{font-weight:500}
.dv-two{display:flex;flex-wrap:wrap;gap:32px;margin-top:8px}
.dv-two>div{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}
.dv-two a{font-weight:500}

/* Knowledge Base columns */
.dv-kb{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.dv-kb-col h3{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#6d3e89;font-weight:700}
.dv-kb-col a{display:block;padding:6px 0;font-size:15px;color:#111}
.dv-kb-col a:hover{color:#005193}
.dv-kb-col a span{color:#777;margin-left:6px;font-size:13px}

/* Reviewer band */
.dv-review{background:#111;color:#fff;margin-top:64px}
.dv-review-inner{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start;padding-top:56px;padding-bottom:56px}
.dv-review-copy{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:14px}
.dv-review-lead{margin:0;font-size:17px;line-height:1.55;color:#e6e6e6}
.dv-page .dv-quote{margin:8px 0 0;border:0;border-left:4px solid #37b19c;padding:14px 20px;font-size:16px;line-height:1.55;color:#fff;background:none}
.dv-quote .dv-quote-src{margin:8px 0 0;font-size:14px;color:#cfcfcf;background:none;padding:0}
.dv-review-list{flex:1 1 400px;min-width:0;margin:0;display:flex;flex-direction:column;gap:18px;font-size:15px;line-height:1.55}
.dv-review-list dt{font-weight:700;margin-bottom:4px}
.dv-review-list dd{margin:0;color:#e6e6e6}
.dv-review a{color:#8fd3c4;font-weight:500}
.dv-review a:hover{color:#fff}

/* Connect */
.dv-connect{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dv-card{display:flex;gap:16px;align-items:flex-start;border:1px solid #e6e6e6;border-radius:6px;padding:20px 22px;color:#111;background:#fff}
.dv-page .dv-card:hover{border-color:#005193;text-decoration:none;color:#111}
.dv-card-icon{flex:0 0 28px;display:flex}
.dv-card-icon svg{width:28px;height:28px}
.dv-card-title{display:block;font-weight:700;font-size:16px;margin-bottom:4px}
.dv-card-text{display:block;font-size:14px;line-height:1.5;color:#333}
.dv-help{font-size:15px}
.dv-help a{font-weight:500}

@media (max-width:900px){
  .dv-kb{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dv-connect{grid-template-columns:1fr}
  .dv-title{font-size:44px}
}
@media (max-width:600px){
  .dv-kb{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dv-release-link{margin-left:0}
  .dv-title{font-size:38px}
  .dv-start{max-width:none}
}