/* Share the handbook in the same green, gold and blue palette as the map maker. */
.gb-help .article-tools .help-share-button{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #547627;border-bottom:3px solid #547627;border-radius:4px;background:#e8b83d;color:#28391d;font-size:14px;font-weight:bold;line-height:1.2}
.help-share-button svg{width:21px;height:21px;fill:#f9fbe9;stroke:#365823;stroke-width:2;flex:none}
.gb-help .article-tools .help-share-button:hover{background:#f2c84f}
.gb-help .topic-meta{flex-wrap:wrap}.gb-help .article-tools{align-items:center}
#help-share-dialog{box-sizing:border-box;width:610px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px);margin:auto;padding:0;border:2px solid #557435;border-radius:6px;background:#fffdf5;color:#2e382c;box-shadow:0 12px 50px #0006;overflow:auto}
#help-share-dialog::backdrop{background:#142b3a9e}
#help-share-dialog>header{display:flex;align-items:center;gap:13px;background:#6d9636;color:white;padding:15px 18px;border-bottom:4px solid #e5b53d}
#help-share-dialog>header>svg{width:34px;height:34px;flex:none;fill:#fff4cb;stroke:#fff4cb;stroke-width:2}
#help-share-dialog>header>h2{font-size:24px;line-height:1.2;margin:0;flex:1}
#help-share-close{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;padding:0;border:1px solid #fff9;border-radius:50%;color:white;background:#bd4032;font:26px/1 Arial}
.share-body{padding:18px 22px}
#help-share-dialog .share-eyebrow{margin:0 0 6px;color:#64802e;text-transform:uppercase;font-weight:bold;font-size:11px;letter-spacing:.7px}
#help-share-topic{font-size:21px;line-height:1.3;margin:0 0 8px}
#help-share-dialog .share-intro{font-size:14px;line-height:1.5;margin:0 0 16px;color:#526149}
.share-tabs{display:flex;border-bottom:3px solid #4c79a5;margin-bottom:16px;gap:6px}
.share-tabs button{flex:1;padding:10px 8px;border:1px solid #b4bfad;border-bottom:0;border-radius:5px 5px 0 0;background:#edefe5;color:#35482a;font-weight:bold;font-size:15px}
.share-tabs button[aria-selected=true]{background:#4c79a5;border-color:#4c79a5;color:#fff}
#help-share-dialog label{display:block;font-size:14px;font-weight:bold;margin:0 0 7px;text-align:left}
#help-share-dialog input{box-sizing:border-box;width:100%;min-width:0;padding:10px 11px;border:1px solid #9aaa8a;border-radius:3px;font-size:16px;background:white;color:#24352a}
#help-share-link{font-size:13px!important}
.share-copy-row{display:flex;gap:7px;align-items:stretch}
#help-share-copy,#help-share-send,#help-share-signin{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#73983b;border:1px solid #587725;border-bottom:3px solid #587725;border-radius:4px;color:#fff;font-size:15px;font-weight:bold;padding:10px 13px;white-space:nowrap}
#help-share-copy svg,#help-share-send svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none;flex:none}
#help-share-copy:hover,#help-share-send:hover,#help-share-signin:hover{background:#63892f}
#help-share-dialog button:disabled{opacity:.6;cursor:default}
#help-share-dialog .share-small{font-size:13px;line-height:1.5;color:#58624f;margin:10px 0 0}
.share-email-note{margin:13px 0;padding:11px 13px;background:#f4efd9;border-left:4px solid #deb23c;font-size:14px}
.share-email-note p{margin:5px 0 0;line-height:1.5}
#help-share-guest p{font-size:14px;line-height:1.6;margin:10px 0}
.share-guest-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:14px}
#help-share-feedback{margin:14px 0 0;padding:10px 12px;background:#edf2e6;border-left:4px solid #73983b;font-size:14px;line-height:1.5}
#help-share-feedback.error{border-color:#ba4734;background:#fbeee8;color:#96371d}
#help-share-feedback.success{color:#365324}
#help-share-dialog>footer{border-top:1px solid #d1d8c3;background:#f1f3e8;padding:11px 20px;font-size:12px;color:#5a6d44}
@media(max-width:620px){.gb-help .article-tools .help-share-button{font-size:12px;padding:6px 8px}.help-share-button svg{width:18px;height:18px}
 #help-share-dialog>header{padding:12px;gap:9px}#help-share-dialog>header>h2{font-size:22px}.share-body{padding:16px}
 .share-copy-row{flex-direction:column}#help-share-copy{align-self:flex-start}#help-share-topic{font-size:19px}
}
@media print{#help-share-dialog{display:none!important}}