/* Comfortable reading scale, matching the reference platform. */
body{font-size:16px}
aside{width:246px;overflow-y:auto}
.shell{margin-left:246px}
nav button{font-size:16px}
#subnav button{font-size:14px;padding:12px 9px}
.workspace{font-size:11px}
.side-bottom strong,.profile{font-size:14px}
.side-bottom p{font-size:13px}
.profile small{font-size:11px}
.crumb,.header-right{font-size:14px}
main{max-width:1130px;padding:38px 40px 36px}
h1{font-size:36px}
.intro p{font-size:16px;line-height:1.7}
.intro{gap:24px;align-items:center}
.eyebrow,.category{font-size:11px}
.pill{font-size:12px}
.search{font-size:14px;padding:12px 15px;width:250px}
.chip{font-size:13px;padding:10px 14px}
.cards{gap:26px}
.card{min-height:300px;padding:32px;gap:32px;align-items:center;grid-template-columns:1fr 46%;border-radius:22px}
.card h2{font-size:28px;line-height:1.3;margin:12px 0}
.card p{font-size:16px;line-height:1.65;max-width:none;margin:12px 0 22px}
.primary{font-size:15px;padding:15px 25px;min-height:48px}
.illustration{min-height:220px}
.flow .node{font-size:12px;min-width:66px;padding:15px 10px}
.flow .node b{font-size:24px}
.mini-page{width:190px;padding:15px}
.mini-page .video{height:85px}
.mini-phone{width:72px;height:125px;right:24px;bottom:14px}
.mind>strong{font-size:14px;padding:20px 15px}
.mind .node{font-size:12px;padding:10px 17px}
.course{width:190px;padding:15px}
.course .video{height:85px}
.checklist{font-size:11px;gap:13px}
.email{width:150px;padding:18px}
.steps .node{font-size:10px;min-width:105px;padding:10px}
.coming h3{font-size:17px}
.coming p{font-size:14px}
.back,.secondary{font-size:14px;padding:11px 15px}
.project small,.section-heading>span,.section-heading p{font-size:14px}
.template strong{font-size:16px}.template small{font-size:13px}
.editor label,dialog label,.dynamic-dialog label{font-size:14px}
.notice{font-size:14px;line-height:1.6}
.tabs button{font-size:16px}
th{font-size:13px}td{font-size:15px}td small{font-size:13px}
.badge{font-size:12px}
.properties h3,.block-library h3{font-size:14px}
.properties label,.properties input,.properties select,.properties button{font-size:12px}
.library-block{font-size:12px}.block-library h4{font-size:10px}
.graph-toolbar button{font-size:12px}.graph-hint{font-size:12px}
.lesson summary{font-size:16px}.lesson small{font-size:13px}
footer{font-size:13px}footer span,footer button{font-size:12px}
@media(min-width:1450px){main{padding-top:40px}.card{min-height:310px}}
@media(max-width:1100px){.card{grid-template-columns:1fr 43%;gap:22px;padding:28px}.flow{gap:5px}.flow .node{min-width:52px;padding:12px 7px;font-size:10px}.card h2{font-size:26px}.checklist{font-size:10px}.course{width:160px}.email{width:125px}.steps .node{min-width:88px;font-size:9px}}
@media(max-width:900px){.card{grid-template-columns:1fr}.illustration{min-height:230px}.intro{align-items:flex-start}.intro>.pill{display:none}}
@media(max-width:740px){aside{width:246px}.shell{margin-left:0}main{padding:30px 20px}header{padding:0 20px}.header-right{font-size:0}.crumb{font-size:13px}.card{padding:26px;min-height:0;gap:22px}.card p{font-size:16px}.card h2{font-size:26px}h1{font-size:32px}.intro p{font-size:16px}.search{width:100%}.primary{font-size:14px}.tabs button{font-size:14px}.graph-toolbar button{font-size:10px}.library-block{font-size:10px}.templates{grid-template-columns:1fr}.template{min-height:130px}.profile small{font-size:11px}}