/* Margin Notes: the bubble, the note form, highlighted passages, and the cards on /margin-notes.php. */
.mn-hook{margin:30px 0 0;padding:12px 0 0;border-top:1px solid var(--rule,#dce1d8)}
.mn-hook p{font:14px/1.55 system-ui,sans-serif;color:#4f5d54;margin:0}
.mn-hook a{color:#2f6144;font-weight:600;text-decoration:underline;text-underline-offset:3px;margin-left:4px}
.mn-hook-icon,.mn-bubble-icon{display:inline-block;width:15px;height:13px;margin-right:7px;vertical-align:-2px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 13'%3E%3Cpath d='M2 0h11a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7l-4 3v-3H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") no-repeat center/contain;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 13'%3E%3Cpath d='M2 0h11a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7l-4 3v-3H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") no-repeat center/contain}
.mn-hook-icon{color:#8a4a32}
.mn-bubble{position:absolute;z-index:60;display:flex;align-items:center;padding:7px 12px;border:0;border-radius:16px;background:#24382d;color:#fff;font:600 13px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(31,51,40,.25)}
.mn-bubble:hover,.mn-bubble:focus-visible{background:#2f6144;outline:2px solid #b5813d;outline-offset:2px}
.mn-panel{z-index:70;background:#fffefa;border:1px solid #cfc9b8;box-shadow:0 8px 28px rgba(31,51,40,.18);font:14px/1.45 system-ui,sans-serif;color:#1f3328}
.mn-panel.mn-side{position:absolute;width:320px;padding:14px 16px;border-top:3px solid #24382d}
.mn-panel.mn-float{position:absolute;width:380px;padding:14px 16px;border-top:3px solid #24382d}
.mn-panel.mn-sheet{position:fixed;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:3px solid #24382d}
.mn-p-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mn-p-head strong{font:normal 19px Georgia,serif}
.mn-x{border:0;background:none;font:22px/1 system-ui,sans-serif;color:#6b746d;cursor:pointer;padding:2px 6px}
.mn-p-quote{margin:0 0 10px;padding:6px 10px;border-left:3px solid #8a6b38;background:#f6f0e1;font:italic 14.5px/1.5 Georgia,serif;color:#34433a}
.mn-f{display:block;margin:0 0 8px}.mn-f span{display:block;font:600 12px system-ui,sans-serif;color:#4f5d54;margin-bottom:3px}
.mn-f input,.mn-f textarea{width:100%;box-sizing:border-box;font:15px/1.45 Georgia,serif;padding:7px 9px;border:1px solid #cfc9b8;background:#fff;color:#1f3328;border-radius:2px}
.mn-f input:focus,.mn-f textarea:focus{outline:2px solid #2f6144;outline-offset:0;border-color:#2f6144}
.mn-count{display:block;text-align:right;font:11.5px system-ui,sans-serif;color:#6b746d;margin:-4px 0 6px}.mn-count.short{color:#a1442f}
.mn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mn-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mn-consent{display:block;font:12px/1.45 system-ui,sans-serif;color:#4f5d54;margin:4px 0 8px}.mn-consent a{color:#2f6144;text-decoration:underline}
.mn-msg{min-height:16px;font:13px system-ui,sans-serif;color:#a1442f;margin:0 0 6px}
.mn-send{padding:9px 16px;background:#24382d;color:#fff;border:0;font:600 14px system-ui,sans-serif;cursor:pointer}.mn-send:disabled{opacity:.6}
.mn-done{font:16px/1.5 Georgia,serif;color:#1f3328;margin:4px 0 12px}
html.mn-open body{overflow:hidden}
mark.mn-mark{background:#f3e3b8;color:inherit;padding:1px 0;box-shadow:0 2px 0 #b5813d}
.mn-tip{position:relative;background:#fffefa;border:1px solid #cfc9b8;border-top:3px solid #b5813d;padding:12px 30px 12px 14px;font:14px/1.5 system-ui,sans-serif;color:#1f3328}
.mn-tip.mn-side{position:absolute;z-index:50;width:300px;box-shadow:0 6px 20px rgba(31,51,40,.14)}
.mn-tip.mn-inline{margin:4px 0 18px}
.mn-tip .mn-x{position:absolute;top:6px;right:4px}
.mn-tip-k{font:700 11px system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#8a4a32;margin-bottom:6px}
.mn-tip-text{font:15px/1.55 Georgia,serif;margin:0 0 6px}.mn-tip-by{font:13px system-ui,sans-serif;color:#4f5d54;margin:0 0 6px}
.mn-tip-reply{font:14px/1.5 Georgia,serif;border-left:3px solid #356144;padding-left:8px;margin:0 0 6px}
.mn-tip-gone{font:13px/1.5 system-ui,sans-serif;color:#6b746d}
.mn-tip-all{font:600 13px system-ui,sans-serif;color:#2f6144;text-decoration:underline}
/* The Margin Notes page. */
.mn-empty{font:17px/1.6 Georgia,serif;color:#3f5246;padding:16px 18px;background:#fbfaf6;border:1px dashed #cfc9b8}
.mn-cards{columns:2 340px;column-gap:22px;margin:22px 0}
.mn-card{break-inside:avoid;display:block;background:#fff;border:1px solid #ddd8ca;border-top:3px solid #24382d;padding:14px 16px;margin:0 0 22px;scroll-margin-top:90px}
.mn-card:target{box-shadow:0 0 0 3px #f3e3b8}
.mn-card-on{font:12.5px/1.4 system-ui,sans-serif;color:#6b746d;margin:0 0 8px}.mn-card-on a{color:#2f6144;text-decoration:underline;text-underline-offset:2px}
.mn-card-quote{margin:0 0 10px;padding:6px 12px;border-left:3px solid #b5813d;background:#f6f0e1}
.mn-card-quote p{font:italic 15px/1.5 Georgia,serif;color:#34433a;margin:0}
.mn-card-text p{font:16px/1.6 Georgia,serif;color:#1f3328;margin:0 0 8px}
.mn-card-by{font:600 13px system-ui,sans-serif;color:#1f3328;margin:6px 0}.mn-card-by span{font-weight:400;color:#6b746d;margin-left:6px}
.mn-card-reply{font:14.5px/1.5 Georgia,serif;color:#34433a;border-left:3px solid #356144;padding-left:10px;margin:8px 0}
.mn-card-ctx{font:600 13px system-ui,sans-serif;color:#2f6144;text-decoration:underline;text-underline-offset:3px}
.mn-standards{margin-top:30px}.mn-standards a{text-decoration:underline}
@media(prefers-reduced-motion:no-preference){.mn-bubble{animation:mnIn .14s ease-out}@keyframes mnIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}}
@media(max-width:560px){.mn-row{grid-template-columns:1fr}}
.mn-panel.mn-sheet{z-index:1000}html.mn-open .article-mobile-nav,html.mn-open .en-mobile-dock{display:none}