/* Page-owned layout: stable clear space on both sides, regardless of navigation position. */
body.hw-theme.ml-workspace.hw-form .hw-workspace-content>main{container-type:inline-size;container-name:compose-page}
@container compose-page (max-width:640px){
 body.hw-theme.ml-workspace.hw-form #sendForm{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;gap:12px!important}
 body.hw-theme.ml-workspace.hw-form #sendForm>*{grid-column:1!important;grid-row:auto!important;min-width:0}
 body.hw-theme.ml-workspace.hw-form #sendForm>.block{margin-bottom:0!important}
 body.hw-theme.ml-workspace.hw-form #sendForm>#sendBtn{justify-self:end}
}
@media(min-width:1000px){
 body.hw-theme.ml-workspace:is(.hw-form,.hw-recipients) .hw-workspace-content>main{
  width:calc(100% - 552px)!important;max-width:1000px!important;min-width:0!important;
  margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important;
 }
}
/* A bounded address-book image prevents sprite bleed and keeps the artwork proportional. */
body.hw-theme.ml-workspace.hw-recipients .hw-workspace-content .hw-page-intro{
 display:grid!important;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:18px;
 padding:12px 0 18px!important;min-height:108px!important;
}
body.hw-theme.ml-workspace.hw-recipients .hw-workspace-content .hw-page-intro>div:first-child{min-width:0}
body.hw-theme.ml-workspace.hw-recipients .hw-workspace-content .hw-page-intro h1{font-size:clamp(26px,2.6vw,42px)!important;line-height:1.08!important;margin:0}
body.hw-theme.ml-workspace.hw-recipients .hw-workspace-content .hw-page-intro .hw-art-recipients{
 position:static!important;inset:auto!important;width:150px!important;max-width:none!important;height:auto!important;
 min-height:0!important;aspect-ratio:474/286!important;flex-shrink:0;border-radius:16px!important;
 background:none!important;object-fit:contain;mix-blend-mode:multiply;
}
body.hw-theme.ml-workspace.hw-recipients .profile-header-left{min-width:0}
body.hw-theme.ml-workspace.hw-recipients :is(.profile-name,.profile-meta){overflow-wrap:anywhere}
body.hw-theme.ml-workspace.hw-recipients .profile-header{gap:12px}
body.hw-theme.ml-workspace.hw-recipients .card-body{overflow-x:auto}
@media(min-width:1000px) and (max-width:1300px){
 body.hw-theme.ml-workspace.hw-form .hw-workspace-content .form-page-banner{
  display:grid!important;grid-template-columns:minmax(0,1fr) 120px;gap:8px 16px;align-items:center;
  padding:10px 0 18px!important;
 }
 body.hw-theme.ml-workspace.hw-form .hw-workspace-content .form-page-banner h1{grid-column:1;grid-row:1;font-size:30px!important;line-height:1.08!important}
 body.hw-theme.ml-workspace.hw-form .hw-workspace-content .form-page-banner p{grid-column:1;grid-row:2;font-size:13px!important;margin:0!important}
 body.hw-theme.ml-workspace.hw-form .hw-workspace-content .form-page-banner:after{
  position:static!important;grid-column:2;grid-row:1 / span 2;display:block!important;
  width:120px!important;height:72px!important;aspect-ratio:5/3!important;transform:none!important;
 }
}
@media(max-width:600px){
 body.hw-theme.ml-workspace.hw-recipients .hw-workspace-content .hw-page-intro{grid-template-columns:minmax(0,1fr) 96px;gap:12px;min-height:80px!important}
 body.hw-theme.ml-workspace.hw-recipients .hw-workspace-content .hw-page-intro h1{font-size:26px!important}
 body.hw-theme.ml-workspace.hw-recipients .hw-workspace-content .hw-page-intro .hw-art-recipients{width:96px!important;height:auto!important;border-radius:12px!important}
 body.hw-theme.ml-workspace.hw-recipients .profile-header{padding:14px 12px}
 body.hw-theme.ml-workspace.hw-recipients .profile-header-left{gap:8px}
 body.hw-theme.ml-workspace.hw-recipients .btn-use{padding:9px 12px}
}