@font-face{font-family:"Instrument Sans";src:url("assets/fonts/instrument-sans.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url("assets/fonts/bricolage.woff2") format("woff2");font-weight:400 800;font-display:swap}
.inbox-page{--inbox-width:900px;--login-width:480px;--danger:#9B2C2C;--rule:1px;--label-weight:600}
.inbox-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-block:var(--s4);border-bottom:var(--rule) solid var(--board-line)}
.inbox-header img{width:auto;height:var(--logo-h)}
.inbox-main{max-width:var(--inbox-width);padding-block:var(--s12)}
.inbox-main h1{font-size:var(--fs-h2);line-height:var(--lh-tight)}
.inbox-main h2{font-size:var(--fs-h3);line-height:var(--lh-tight)}
.inbox-main h3{font-size:var(--fs-h4)}
.inbox-intro{margin-block:var(--s3) var(--s6);color:var(--ink-2)}
.inbox-message{margin-bottom:var(--s6);white-space:pre-wrap}
.inbox-message:empty{display:none}
.inbox-message.is-error{color:var(--danger)}
.inbox-login{max-width:var(--login-width);display:grid;gap:var(--s4);background:var(--ground-2);padding:var(--s6);border-radius:var(--r-2)}
.inbox-toolbar{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block:var(--s6)}
.inbox-list{margin-block:var(--s4)}
.inbox-list li{border-bottom:var(--rule) solid var(--board-line)}
.inbox-row{display:grid;gap:var(--s2);width:100%;padding:var(--s5) var(--s3);border:0;background:transparent;text-align:left;color:var(--ink);font:inherit;cursor:pointer;border-radius:var(--r-1);overflow-wrap:anywhere}
.inbox-row:hover,.inbox-row:focus-visible{background:var(--ground-2)}
.inbox-row:active{background:var(--teal-wash)}
.inbox-row strong{font-weight:var(--label-weight)}
.inbox-row span{color:var(--ink-2);font-size:var(--fs-small)}
.inbox-answers{margin-top:var(--s8)}
.inbox-answer-section{margin-bottom:var(--s10)}
.inbox-answer-section h3{padding-bottom:var(--s3);border-bottom:var(--rule) solid var(--board-line)}
.inbox-answer-section dl{margin:0}
.inbox-answer-section dt{margin-top:var(--s5);color:var(--ink-2);font-size:var(--fs-small)}
.inbox-answer-section dd{margin:var(--s1) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.inbox-delete{display:grid;justify-items:start;gap:var(--s4);padding-top:var(--s6);border-top:var(--rule) solid var(--board-line)}
.inbox-delete button{color:var(--danger);border-color:var(--danger)}
@media print{
  .inbox-header,.inbox-intro,.inbox-message,.inbox-toolbar,.inbox-delete,.skip-link{display:none!important}
  .inbox-page{background:white;color:black}
  .inbox-main{padding:0;max-width:none}
  .inbox-answer-section dt{break-after:avoid}
  .inbox-answer-section dd{break-inside:avoid}
}

.inbox-review{padding-block:var(--s6)}
.inbox-review-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:var(--s3)}
.inbox-toolbar [aria-current="page"]{background:var(--teal-wash);border-color:var(--teal)}
#notification-info{overflow-wrap:anywhere}
.preview-steps{display:grid;gap:var(--s8);margin-block:var(--s8);padding-left:var(--s6)}
.preview-steps h2{margin-bottom:var(--s3)}
.preview-steps p{margin-bottom:var(--s4);max-width:65ch}