/* Safe paper bounds measured against the complete portrait paintings. */
@media(max-width:760px){
  #room.self-palace[data-self-stage=writing]{min-height:0!important}
  #room.self-palace[data-self-stage=writing] #selfWritingPage{
    left:calc(var(--mobile-stage-x) + var(--mobile-stage-w)*.09)!important;
    top:calc(var(--mobile-stage-y) + var(--mobile-stage-h)*.26)!important;
    width:calc(var(--mobile-stage-w)*.82)!important;
    height:calc(var(--mobile-stage-h)*.50)!important;
    padding:0!important;margin:0!important;box-sizing:border-box!important;
    overflow:auto!important;transform:none!important;
  }
  #room.self-palace[data-self-stage=writing] #selfWritingPage *{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
  #room.self-palace[data-self-stage=writing] #selfWritingPage :is(.roomnav,.privacy-note){width:43%!important;margin:0 0 8px!important;padding:0 0 6px!important}
  #room.self-palace[data-self-stage=writing] #selfWritingPage .privacy-note :is(summary,div){font-size:11px!important;line-height:1.4!important}
  #room.self-palace[data-self-stage=writing] #freeWrite{position:static!important;min-height:0!important}
  #room.self-palace[data-self-stage=writing] #freeWrite .stationery-masthead{width:43%!important;display:block!important;margin:8px 0!important;padding:0 0 8px!important}
  #room.self-palace[data-self-stage=writing] #freeWrite .stationery-masthead :is(span,b){display:block!important;white-space:normal!important}
  #room.self-palace[data-self-stage=writing] #freeWrite .stationery-masthead span{font-size:9px!important;margin-bottom:5px!important}
  #room.self-palace[data-self-stage=writing] #freeWrite .stationery-masthead b{font-size:18px!important;line-height:1.2!important}
  #room.self-palace[data-self-stage=writing] #freeWrite #freeTitle{display:block!important;width:43%!important;font-size:18px!important;min-height:36px!important;padding:5px 0!important}
  #room.self-palace[data-self-stage=writing] #freeWrite #freeBody{
    position:absolute!important;left:56%!important;top:0!important;width:44%!important;
    height:65%!important;min-height:0!important;max-height:none!important;
    padding:3px!important;margin:0!important;font:400 16px/1.55 Georgia,serif!important;
    resize:none!important;overflow:auto!important;background-image:none!important;
  }
  #room.self-palace[data-self-stage=writing] #freeWrite>.actions{
    position:absolute!important;left:56%!important;top:68%!important;width:44%!important;
    display:flex!important;flex-direction:column!important;gap:5px!important;
    padding:0!important;margin:0!important;border:0!important;
  }
  #room.self-palace[data-self-stage=writing] #freeWrite>.actions :is(.focus-btn,.primary){
    width:100%!important;max-width:100%!important;height:auto!important;min-height:34px!important;
    padding:5px 7px!important;margin:0!important;white-space:normal!important;font-size:11px!important;line-height:1.3!important;
  }
  #room.self-palace[data-self-stage=writing] #freeWrite :is(.autosave,.self-markers,.saved-banner,#freeAfter){width:43%!important;text-align:left!important;margin-top:8px!important;font-size:10px!important}
  #room.self-palace[data-self-stage=writing] #selfWritingPage :is(#modeChoice,#guidedJourney,#journey,#review,#complete){max-width:100%!important}

  #future.fs-artful #fv-monthly .fs-heading{
    left:18%!important;top:23%!important;width:64%!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;gap:8px!important;
  }
  #future.fs-artful #fv-monthly .fs-heading h1{font-size:20px!important}
  #future.fs-artful #fv-monthly .fs-heading>label{width:100%!important;max-width:100%!important}
  #future.fs-artful #fv-monthly .fs-heading input{width:100%!important;font-size:11px!important;min-width:0!important}
  #future.fs-artful #fsContent-monthly{left:17%!important;top:32%!important;width:66%!important;height:43%!important;overflow:hidden!important}
  #future.fs-artful #fsContent-monthly>.fs-leaf{height:100%!important;min-height:0!important;overflow:auto!important}
  #future.fs-artful #fsContent-monthly .fs-day-labels{height:20px!important;padding:0!important;align-items:center!important}
  #future.fs-artful #fsContent-monthly .fs-days{
    height:calc(100% - 20px)!important;min-height:0!important;
    grid-template-rows:repeat(6,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;
  }
  #future.fs-artful #fsContent-monthly .fs-days>label{height:100%!important;min-height:0!important;padding:2px!important;overflow:hidden!important}
  #future.fs-artful #fsContent-monthly .fs-days textarea{width:100%!important;min-height:0!important;height:0!important;flex:1 1 0!important;font-size:11px!important;line-height:1.2!important;overflow:auto!important}
  #future.fs-artful #fv-monthly .fs-footer{top:81%!important}
}