/* Reserved proportions avoid layout shifts; contain never crops the subject. */
.illustrated-heading{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:22px;margin-bottom:24px}
.illustrated-heading>.section-title,.illustrated-heading>.hero-row,.illustrated-heading>.users-header{margin-bottom:0;min-width:0}
.illustrated-heading .section-title{gap:18px;flex-wrap:wrap}
.screen-illustration{display:block;width:180px;height:120px;max-width:100%;object-fit:contain;border-radius:16px;background:#fcfaf6}
.illustrated-heading>.screen-illustration{justify-self:end}
.technical-panel>.illustrated-heading{grid-template-columns:minmax(0,1fr) 150px;margin-bottom:18px}
.technical-panel>.illustrated-heading>.screen-illustration{width:150px;height:100px}
.illustrated-heading>.panel-head{gap:12px;flex-wrap:wrap}
.auth-card .auth-art{width:180px;height:120px;margin:8px auto 16px}
.dialog-art{width:114px;height:76px;margin:0 0 10px}
.shared-card>.illustrated-heading>header{margin:0;min-width:0}
.illustrated-product{min-width:0;display:grid;place-items:center}
.illustrated-product .landing-art{width:min(100%,660px);height:auto;aspect-ratio:3/2;border-radius:28px}
@media(max-width:1050px){.illustrated-heading{grid-template-columns:minmax(0,1fr) 140px;gap:16px}.illustrated-heading>.screen-illustration{width:140px;height:94px}}
@media(max-width:760px){.illustrated-heading{grid-template-columns:minmax(0,1fr) 90px;gap:12px;margin-bottom:20px;align-items:start}.illustrated-heading>.screen-illustration{width:90px;height:60px}.illustrated-heading .section-title,.illustrated-heading .hero-row{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.illustrated-heading h1{overflow-wrap:anywhere}.illustrated-heading .survey-top-actions,.illustrated-heading .report-actions{display:flex;flex-wrap:wrap;gap:8px}.illustrated-heading .report-actions button{flex:1 1 130px}.technical-panel>.illustrated-heading{grid-template-columns:minmax(0,1fr) 90px}.technical-panel>.illustrated-heading>.screen-illustration{width:90px;height:60px}.auth-card .auth-art{width:150px;height:100px}.illustrated-heading>.users-header{align-items:flex-start;gap:12px;flex-wrap:wrap}.illustrated-heading>.users-header h1{font-size:26px}.shared-card>.illustrated-heading>header{flex-wrap:wrap}.illustrated-product .landing-art{max-width:520px}}
@media print{.screen-illustration,.illustrated-product{display:none!important}.illustrated-heading{display:block;margin:0}.illustrated-heading:has(>.no-print){display:none!important}}