/* Match the sealed Utility prototype to the real Django shell. */
body { min-height:100vh; display:flex; flex-direction:column; }
.site-main {
  flex:1;
  container-type:inline-size;
  background-color:#faf2e6;
  background-image:url("assets/lifemap-grain-light-C.svg"),url("assets/lifemap-depth-light-C.svg"),linear-gradient(157deg,rgba(255,251,241,.15) 0%,rgba(255,251,241,0) 51%,rgba(175,123,78,.055) 100%);
  background-size:100% 780px,100% 100%,100% 100%;
  background-position:center top,center center,center center;
  background-repeat:repeat-y,no-repeat,no-repeat;
}
.letter-page.section,.auth-page.section { padding:66px 25px 90px; }
.letter-page .content-container,.auth-page .content-container { width:100%;max-width:none;padding:0;margin:0; }
.letter-page .letter-layout,.auth-page .auth-layout { max-width:390px;margin-inline:auto;gap:54px; }
.letter-page .letter-rail,.letter-page .letter-main { max-width:none; }
.letter-page .letter-privacy-entry { margin:0 0 52px;padding:1px 0 1px 16px;border-left:2px solid #c8ac89; }
.letter-page .letter-form .field { display:block; }
.letter-page .letter-form .field__hint { margin:16px 0 0; }
.letter-page .letter-form .letter-textarea { margin-top:21px;min-height:282px;background:#fffbf4db;border-color:#baa995; }
.letter-page .letter-actions { margin-top:26px;align-items:flex-start; }
.letter-page .letter-actions .button { width:min(100%,198px); }
.letter-page .letter-autosave-status { font-size:12px; }
.auth-page .auth-rail,.auth-page .auth-main { max-width:none; }
.site-header .nav-toggle { font-size:13px; }
.site-footer__inner { flex-direction:row;align-items:center;justify-content:space-between; }
@media (max-width:699px) {
  .letter-page .letter-actions { flex-direction:column-reverse; }
  .letter-page .letter-actions:has(.button--quiet) { gap:8px; }
}
@media (min-width:700px) {
  .letter-page.section,.auth-page.section { padding:92px 44px 126px; }
  .letter-page .letter-layout,.auth-page .auth-layout { max-width:570px;gap:68px; }
  .letter-page .letter-form .letter-textarea { min-height:320px; }
}
@container (min-width:1100px) {
  .letter-page.section,.auth-page.section { padding:115px 65px 150px; }
  .letter-page .letter-layout,.auth-page .auth-layout { max-width:1100px;grid-template-columns:370px minmax(0,620px);gap:55px; }
  .letter-page .letter-rail,.auth-page .auth-rail { grid-column:1; }
  .letter-page .letter-main,.auth-page .auth-main { grid-column:2; }
  .letter-page .letter-form .letter-textarea { min-height:350px; }
}