.annotated{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;margin-bottom:18px}
.annotation-content{min-width:0}
/* Keep the footer and its toggle in place in every composer state. */
.annotations{order:2;justify-self:end;width:min(100%,440px);min-width:0;padding-inline:4px;font-size:13px;overflow-wrap:anywhere}
.annotation-thread{min-width:0}
.annotation-list{display:flex;flex-direction:column;gap:8px}
.annotation-list:not(:empty){padding-top:12px}
.annotation{align-self:flex-start;max-width:90%;min-width:0;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:2px 14px 14px 14px;box-shadow:0 1px 2px #183c3208}
.annotation.is-outgoing{align-self:flex-end;background:var(--sage);border-color:var(--sage);border-radius:14px 2px 14px 14px}
.annotation p{white-space:pre-wrap;margin:4px 0 6px;line-height:1.55}
.annotation-heading{display:flex;gap:8px;align-items:start;min-width:0}
.annotation-author{min-width:0;flex:1;font-size:12px;font-weight:650}
.annotation time{display:block;text-align:right;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.annotation-menu{position:relative;margin:-10px -12px -12px -4px;flex-shrink:0}
.annotation-menu>summary{display:grid;place-items:center;width:44px;height:44px;padding:0;cursor:pointer;list-style:none;color:var(--muted);border-radius:12px}
.annotation-menu>summary:hover,.annotation-menu[open]>summary{background:var(--paper);color:var(--ink)}
.annotation-delete{position:absolute;top:40px;right:0;z-index:2;min-height:44px;width:max-content;padding:10px 14px;font-size:12px;color:var(--red);box-shadow:var(--shadow)}
.annotation-compose>summary{cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;width:44px;max-width:100%;margin-left:auto;padding:0;font-size:12px;font-weight:500;list-style:none;color:var(--muted)}
.annotation-compose>summary:hover,.annotation-compose[open]>summary{color:var(--ink)}
.annotation-compose>summary svg{flex-shrink:0}
.annotation-compose>summary::-webkit-details-marker,.annotation-menu>summary::-webkit-details-marker{display:none}
.annotation-compose>summary:focus-visible,.annotation-menu>summary:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.annotation-compose form{padding:0 0 8px}
.annotation-compose label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.annotation-input{display:flex;align-items:flex-end;gap:8px}
.annotation-compose textarea{flex:1;width:100%;min-width:0;min-height:44px;max-height:160px;font-size:16px;line-height:22px;resize:vertical;margin:0;padding:10px 16px;border-radius:22px;background:var(--card)}
@supports(field-sizing:content){.annotation-compose textarea{field-sizing:content;resize:none}}
.annotation-compose .annotation-send{display:grid;place-items:center;flex-shrink:0;min-height:44px;width:44px;height:44px;padding:0;margin:0;border-radius:50%;background:var(--ink);border-color:var(--ink);color:var(--card)}
.annotation-send:hover{background:#2c5547}
.annotation-send:disabled{opacity:.55;cursor:wait}
.annotation-compose textarea[readonly]{background:var(--paper)}
.annotation-compose .help{margin:6px 52px 0 16px;font-size:11px}
.annotation-error{font-size:12px;margin:6px 0 0;color:var(--red)}
.annotation-error:empty{display:none}
.coach-meal.annotated{padding-top:20px;margin-bottom:0}
.coach-page .coach-shell{max-width:1450px}
.annotated>.annotation-content>.card{margin-bottom:0}
@media(min-width:1200px){
  .diary-layout{grid-template-columns:minmax(0,1fr) clamp(260px,22vw,320px)}
  .coach-page .coach-day-layout{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}
}