/* Homepage editorial layout. The separate blog archive retains its card grid. */
.cad-site #bits-and-bytes.bits-section > .container.e-con {
  display:grid!important;
  grid-template-columns:minmax(0,.8fr) minmax(0,2fr)!important;
  align-items:center!important;
  gap:0 64px!important;
}
.cad-site #bits-and-bytes.bits-section > .container > .cad-node:first-child {
  display:block!important;
  grid-column:1!important;grid-row:1 / 3!important;
  width:auto!important;margin:0!important;padding:0!important;
}
.cad-site #bits-and-bytes .cad-heading,
.cad-site #bits-and-bytes .cad-heading > .elementor-widget-container,
.cad-site #bits-and-bytes .cad-leaf:not(.elementor-widget-shortcode),
.cad-site #bits-and-bytes .cad-leaf:not(.elementor-widget-shortcode) > .elementor-widget-container {display:contents!important;}
.cad-site #bits-and-bytes h2 {
  color:#faf9f7!important;
  font-family:var(--app-font-sans)!important;
  font-weight:400!important;
  font-size:clamp(2.5rem,4.2vw,3.7rem)!important;
  line-height:1.08!important;letter-spacing:-.06em!important;
  margin:16px 0 28px!important;max-width:330px;
}
.cad-site #bits-and-bytes p {color:#d1c7d8!important;line-height:1.6;}
.cad-site #bits-and-bytes .eyebrow {margin:0!important;}
.cad-site #bits-and-bytes .elementor-widget-shortcode {
  display:block!important;grid-column:2!important;grid-row:1!important;
  width:100%!important;min-width:0;align-self:end!important;margin:0!important;
}
.cad-site #bits-and-bytes .cad-post-list {width:100%;}
.cad-site #bits-and-bytes .cad-post-row {
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:24px;padding:26px 0;
  border-top:1px solid #67506f;
}
.cad-site #bits-and-bytes .cad-post-row h3 {
  font-family:var(--app-font-sans)!important;font-size:clamp(1.6rem,2.3vw,2.1rem)!important;
  font-weight:400!important;line-height:1.15!important;letter-spacing:-.04em;
  margin:0 0 18px!important;color:#faf9f7!important;
}
.cad-site #bits-and-bytes .cad-post-row a {color:#faf9f7!important;text-decoration:none;}
.cad-site #bits-and-bytes .cad-post-row a:hover {text-decoration:underline;}
.cad-site #bits-and-bytes .cad-post-date {font:700 .75rem/1.5 var(--app-font-mono);text-transform:uppercase;margin:0;}
.cad-site #bits-and-bytes .cad-read-article {display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.9rem;font-weight:700;white-space:nowrap;}
.cad-site #bits-and-bytes .bits-link {
  grid-column:2!important;grid-row:2!important;
  display:block!important;justify-self:stretch!important;
  text-align:right!important;margin:0!important;padding:0 0 24px!important;
  border-bottom:1px solid #67506f;color:#d1c7d8!important;
  font-size:.85rem;font-weight:400;min-height:44px;
}
.cad-site #bits-and-bytes .bits-link::after {content:'\2197';margin-left:12px;}
@media(max-width:900px){
  .cad-site #bits-and-bytes.bits-section > .container.e-con {grid-template-columns:minmax(0,1fr)!important;gap:28px!important;}
  .cad-site #bits-and-bytes.bits-section > .container > .cad-node:first-child,
  .cad-site #bits-and-bytes .elementor-widget-shortcode,
  .cad-site #bits-and-bytes .bits-link {grid-column:1!important;grid-row:auto!important;}
  .cad-site #bits-and-bytes h2 {max-width:550px;}
}
@media(max-width:600px){
  .cad-site #bits-and-bytes .cad-post-row {grid-template-columns:minmax(0,1fr);gap:12px;}
  .cad-site #bits-and-bytes .bits-link {text-align:left!important;}
}