#screen { aspect-ratio: 602 / 1308; }
.board-screen { position: absolute; width: 602px; height: 1308px; transform-origin: top left; }
.board-screen>img { display: block; width: 602px; height: 1308px; }
.board-writing { position: absolute; left: 51px; top: 381px; width: 496px; height: 118px; background: #fff; font: 23px/1.2 -apple-system, BlinkMacSystemFont, sans-serif; color: #28251f; }
.board-person { display: flex; gap: 11px; align-items: center; margin: 0 0 18px 10px; }
.board-person>span { display: grid; place-items: center; border-radius: 50%; width: 36px; height: 36px; background: #735b29; color: white; font-family: Georgia, serif; }
.board-person strong { display: block; font-size: 14px; }
.board-person small { display: block; color: #807766; font-size: 11px; }

/* Eksempelnavne lægges oven på originalskærmene uden at ændre appens layout. */
.board-patch { position: absolute; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
.activity-name, .activity-reply { left: 119px; width: 428px; height: 30px; background: white; color: #80796a; font-size: 19px; line-height: 30px; }
.activity-name { top: 446px; }
.activity-reply { top: 560px; }
.author { left: 103px; top: 205px; width: 351px; height: 30px; background: #f5f1e8; color: #241f17; font-size: 21px; line-height: 30px; font-weight: 600; }
.avatar { left: 28px; top: 214px; width: 57px; height: 31px; text-align: center; background: #a56832; color: white; font-size: 22px; line-height: 31px; font-weight: 600; }
.author.approved { background: #7e7d79; color: #14110d; }
.avatar.approved { background: #553619; color: #85837c; }