.author-note{max-width:1120px;margin:0 auto 48px;padding:34px 38px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:44px;background:linear-gradient(115deg,#edf8f1,#e2f3eb);border:1px solid #c8e4d5;border-left:4px solid #408c72;border-radius:4px 28px 28px 4px;color:#16213c}
.author-note-label{margin:0 0 10px;color:#27664d;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.author-note h2{margin:0 0 12px;font:normal 32px/1.18 Georgia,serif;letter-spacing:-.5px;text-wrap:balance}
.author-note-message{max-width:580px;margin:0;color:#425b50;font-size:16px;line-height:1.75;white-space:pre-line}
.author-note-signature{display:flex;align-items:center;gap:14px;border-left:1px solid #c1dacb;padding:20px 0 20px 32px}
.author-note-mark{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#16213c;color:#b4efd1;font-size:30px;line-height:1}
.author-note-role{margin:0 0 4px;color:#526a5f;font-size:12px;line-height:1.5}
.author-note-name{margin:0;max-width:250px;font-size:16px;font-weight:600;line-height:1.5}
@media(max-width:1200px){.author-note{margin-left:40px;margin-right:40px}}
@media(max-width:900px){.author-note{grid-template-columns:1fr;gap:24px}.author-note-signature{border-left:0;border-top:1px solid #c1dacb;padding:20px 0 0}.author-note-message{max-width:none}}
@media(max-width:760px){.author-note{margin:0 20px 32px;padding:26px 24px;gap:22px;border-radius:4px 22px 22px 4px}.author-note h2{font-size:28px}.author-note-message{font-size:16px}}
@media print{.author-note{break-inside:avoid;box-shadow:none;background:white;border:1px solid #c1dacb}}