/* «Get my notes by email»: lo stesso box in home, nel journal e nelle pagine interne */
.nbox { margin-top: var(--s-8); padding: var(--s-6); border: 1px solid var(--hair); border-radius: 1.25rem; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--s-4) var(--s-7); align-items: center; }
.nbox-copy h3 { font-size: var(--fs-h3); line-height: 1.2; }
.nbox-copy p { margin-top: var(--s-2); color: var(--ink-2); max-width: 40ch; }
.nbox-row { display: flex; gap: var(--s-3); }
.nbox-input { flex: 1; min-width: 0; font: inherit; padding: var(--s-3) var(--s-4); border: 1px solid var(--hair); border-radius: 999px; background: var(--white); color: var(--ink); }
.nbox-input:focus { outline: 2px solid var(--red); outline-offset: 2px; border-color: transparent; }
.nbox-consent { grid-column: 2; display: flex; gap: var(--s-2); align-items: flex-start; font-size: var(--fs-small); color: var(--ink-2); }
.nbox-consent input { margin-top: .2em; accent-color: var(--red); }
.nbox-consent a { color: inherit; }
.nbox-msg { grid-column: 1 / -1; margin: 0; font-size: var(--fs-small); color: var(--ink); }
.nbox-msg.is-error { color: var(--red); }
.nbox [aria-busy="true"] { opacity: .6; pointer-events: none; }
@media (max-width: 40rem) {
  .nbox { grid-template-columns: 1fr; padding: var(--s-5); }
  .nbox-consent { grid-column: 1; }
  .nbox-row { flex-direction: column; }
}

.nbox .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2); font: 500 var(--fs-small) var(--display); background: var(--ink); color: var(--white); border: 1px solid var(--ink); border-radius: 999px; padding: var(--s-3) var(--s-5); cursor: pointer; text-decoration: none; }
.nbox .btn:hover { background: var(--red); border-color: var(--red); }
.nbox .fs-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }