/* Keep the enlarged type; balance the founder's message with a compact example. */
.readable .balanced-hero .hero-answer{margin-top:23px;color:var(--text)}
.readable .balanced-hero .hero-description{line-height:1.65}
.readable .balanced-hero .console-rail,
.readable .balanced-hero .team-reply,
.readable .balanced-hero .window-footer{display:none}
.readable .balanced-hero .console-main{padding:20px 22px}
.readable .balanced-hero .console-title{align-items:center}
.readable .balanced-hero .demo-tabs{padding-top:12px;margin-bottom:15px}
.readable .balanced-hero .task-brief{margin-bottom:16px}
.readable .balanced-hero .task-brief p{min-height:0;padding:10px 13px}
.readable .balanced-hero .activity-list{margin:18px 0;padding-left:15px}
.readable .balanced-hero .activity-list li{padding-bottom:14px;min-height:0}
.readable .balanced-hero .activity-list li:last-child{padding-bottom:0}
.readable .balanced-hero .activity-list strong{line-height:1.45}
.readable .balanced-hero .activity-list li div>span{line-height:1.5;margin-top:3px}
.readable .balanced-hero .demo-controls{margin-top:14px}
.readable .balanced-hero .hero-actions{margin-top:28px}
.readable .balanced-hero .hero-facts{margin-top:23px}
@media(min-width:1101px){
 .readable .balanced-hero{grid-template-rows:auto auto auto;gap:0 65px;padding-top:65px;padding-bottom:80px;align-items:center}
 .readable .balanced-hero h1{max-width:1050px;margin:22px 0 48px}
 .readable .balanced-hero .hero-support{grid-column:1;grid-row:3;align-self:center}
 .readable .hero.balanced-hero .hero-product{grid-column:2;grid-row:3;align-self:center}
 .readable .hero.balanced-hero .core-art.orb-art{width:300px;right:-15px;top:85px}
 .readable .balanced-hero .hero-support .hero-facts{align-self:auto;flex-wrap:wrap}
}
@media(max-width:1100px){
 .readable .balanced-hero .hero-support{margin-top:28px}
 .readable .balanced-hero .hero-support .hero-description{max-width:720px}
 .readable .balanced-hero .hero-product{max-width:720px}
}
@media(max-width:700px){
 .readable .balanced-hero .console-main{padding:19px 16px}
 .readable .balanced-hero h1{overflow-wrap:anywhere;hyphens:auto}
 .readable .balanced-hero .hero-answer{margin-top:20px}
 .readable .balanced-hero .hero-actions{gap:22px}
}