
/*
 * Derila Blog Editorial 1.2.0
 * Intentionally extends the ACTIVE THEME's landing.css instead of replacing its visual language.
 * Header/footer/CTA/hero inherit the same .top-nav, .hero, .cta, .site-footer classes used by the homepage.
 */
body.dbe-blog, body.dbe-single{background:#fff!important;color:#222!important}
.dbe-home-style{background:#fff;color:#222}
.dbe-blog-hero{padding-top:46px;padding-bottom:46px}
.dbe-blog-main{padding-top:36px;padding-bottom:55px}
.dbe-feature-story{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch;margin-bottom:44px}
.dbe-feature-image{display:block;background:#f7f7fb;border-radius:12px;overflow:hidden;min-height:390px}
.dbe-feature-image img{width:100%;height:100%;min-height:390px;object-fit:cover;border-radius:0}
.dbe-feature-copy{background:#f7f7fb;border-radius:12px;padding:28px;display:flex;flex-direction:column;justify-content:center}
.dbe-feature-copy h2{font-size:clamp(28px,3.2vw,42px);margin:10px 0 12px;color:#1f2937}
.dbe-feature-copy h2 a{text-decoration:none}
.dbe-feature-copy p{font-size:17px;color:#4b5563;margin:0 0 14px}
.dbe-feature-copy .cta{align-self:flex-start;margin-top:18px}
.dbe-small-pill{font-size:12px;margin:0;align-self:flex-start}
.dbe-blog-list>h2,.dbe-related-home h2{font-size:32px;margin:18px 0 22px}
.dbe-blog-grid,.dbe-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dbe-home-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.035)}
.dbe-home-card-img{display:block;aspect-ratio:16/10;background:#f7f7fb;overflow:hidden}
.dbe-home-card-img img{width:100%;height:100%;object-fit:cover;border-radius:0}
.dbe-home-card-body{padding:18px}
.dbe-home-card-body h3{font-size:21px;line-height:1.28;margin:7px 0 10px;color:#1f2937}
.dbe-home-card-body h3 a{text-decoration:none}
.dbe-home-card-body p{font-size:14px;color:#4b5563;margin:0 0 12px}
.dbe-read-link{color:#2456A0;font-weight:800;text-decoration:none}
.dbe-placeholder{height:100%;display:grid;place-items:center;background:#f7f7fb;color:#173c73;font-size:24px;font-weight:900}
.dbe-pagination{padding:35px 0;text-align:center}
.dbe-pagination .page-numbers{display:inline-block;padding:8px 12px;margin:3px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#263449}
.dbe-pagination .current{background:#2456A0;color:#fff;border-color:#2456A0}
.dbe-blog-offer{margin-top:30px}

/* Article: same white/blue/green Derila language */
.dbe-article-hero{background:linear-gradient(180deg,#2456A0,#3a79d1);color:#fff;padding:46px 16px}
.dbe-article-hero-inner{max-width:1100px;margin:auto}
.dbe-article-hero h1{font-size:clamp(34px,4.5vw,56px);line-height:1.12;margin:8px 0 12px;color:#fff}
.dbe-article-hero p{font-size:19px;max-width:850px;opacity:.95}
.dbe-crumb{font-size:13px;opacity:.9;margin-bottom:8px}
.dbe-crumb a{color:#fff}
.dbe-crumb span{margin:0 6px}
.dbe-article-meta{font-size:13px;opacity:.9;margin-top:14px}
.dbe-article-shell{padding-top:34px;padding-bottom:55px}
.dbe-article-featured{margin:0 0 30px}
.dbe-article-featured img{width:100%;max-height:620px;object-fit:cover;border-radius:12px}
.dbe-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.dbe-article-content{min-width:0;font-size:18px;line-height:1.72}
.dbe-article-content h2{font-size:32px;margin-top:38px}
.dbe-article-content h3{font-size:23px;color:#1f2937;margin-top:28px}
.dbe-article-content p{margin:0 0 20px}
.dbe-article-content ul,.dbe-article-content ol{padding-left:24px}
.dbe-article-content li{margin:8px 0}
.dbe-article-content a{color:#1d4ed8}
.dbe-article-content img{max-width:100%;height:auto;border-radius:12px;margin:24px auto}
.dbe-article-content blockquote{margin:20px 0;padding:15px 18px;background:#fafafa;border-left:4px solid #2456A0;border-radius:8px}
.dbe-article-content table{font-size:15px}
.dbe-article-content .ece-product-cta{background:linear-gradient(135deg,#f1fff2,#fff)!important;border:2px solid #bceabd!important;color:#222!important;padding:22px!important;border-radius:16px!important}
.dbe-article-content .ece-product-cta a{color:#006f02!important;font-weight:800}
.dbe-article-side{position:sticky;top:90px;display:grid;gap:18px}
.dbe-side-box{margin:0}
.dbe-side-box p{font-size:14px}
.dbe-side-box .cta{width:100%;text-align:center;margin-top:12px}
.dbe-related-home{background:#f7f7fb;border-top:1px solid #e5e7eb;padding:48px 0 60px}

@media(max-width:900px){
  .dbe-feature-story,.dbe-content-grid{grid-template-columns:1fr}
  .dbe-article-side{position:static}
  .dbe-blog-grid,.dbe-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .dbe-blog-grid,.dbe-related-grid{grid-template-columns:1fr}
  .dbe-feature-image,.dbe-feature-image img{min-height:280px}
  .dbe-feature-copy{padding:21px}
  .dbe-article-hero{padding:34px 16px}
  .dbe-article-hero h1{font-size:38px}
  .dbe-article-content{font-size:17px}
}


/* Legal + contact pages */
.dbe-legal-shell{min-height:100vh;background:#f7f9fc;color:#152238}
.dbe-legal-main{max-width:1120px;margin:0 auto;padding:54px 22px 72px}
.dbe-legal-card{max-width:900px;margin:0 auto;background:#fff;border:1px solid #e5eaf1;border-radius:20px;padding:44px 48px;box-shadow:0 18px 55px rgba(27,53,87,.08)}
.dbe-legal-header{padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid #e7ebf1}
.dbe-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:12px;color:#2c67ad;margin:0 0 8px}
.dbe-legal-header h1{font-size:clamp(32px,5vw,48px);line-height:1.08;margin:0;color:#173c73}
.dbe-legal-content{font-size:17px;line-height:1.78}
.dbe-legal-content h2{font-size:26px;line-height:1.25;margin:38px 0 14px;color:#173c73}
.dbe-legal-content p{margin:0 0 18px}
.dbe-legal-content ul{margin:0 0 22px;padding-left:24px}
.dbe-legal-content li{margin:7px 0}
.dbe-legal-content a{color:#1f63b5;text-decoration:underline;text-underline-offset:3px}
.dbe-contact-note{background:#f4f7fb;border-left:4px solid #2c67ad;padding:18px 20px;border-radius:10px;margin:22px 0 28px}
.dbe-contact-form{display:grid;gap:17px;margin-top:28px}
.dbe-contact-form label{display:grid;gap:7px;font-weight:700;color:#18304d}
.dbe-contact-form input[type="text"],
.dbe-contact-form input[type="email"],
.dbe-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #cad3df;border-radius:10px;padding:12px 14px;font:inherit;color:#17243a;background:#fff}
.dbe-contact-form textarea{resize:vertical}
.dbe-contact-form input:focus,
.dbe-contact-form textarea:focus{outline:3px solid rgba(44,103,173,.15);border-color:#2c67ad}
.dbe-checkbox{grid-template-columns:auto 1fr!important;align-items:flex-start;font-weight:500!important;gap:10px!important}
.dbe-checkbox input{margin-top:5px}
.dbe-contact-submit{justify-self:start;border:0;border-radius:10px;padding:14px 22px;font-weight:850;font-size:16px;cursor:pointer;background:#173c73;color:#fff}
.dbe-contact-submit:hover{filter:brightness(1.08)}
.dbe-form-message{padding:14px 16px;border-radius:10px;margin:0 0 18px;font-weight:700}
.dbe-form-success{background:#edf9ef;border:1px solid #b9dfbf;color:#1c6629}
.dbe-form-error{background:#fff1f1;border:1px solid #efc0c0;color:#9a2222}
.dbe-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:700px){
  .dbe-legal-main{padding:28px 14px 48px}
  .dbe-legal-card{padding:28px 22px;border-radius:16px}
  .dbe-legal-content{font-size:16px}
  .dbe-legal-content h2{font-size:23px}
}
