#gnpub-gnfollow-shortcode-wrapper a{text-decoration:none;color:#000;border:1px solid #c6d2d9;padding:7px 15px 3px 16px;line-height:1;height:40px;vertical-align:middle;position:absolute}#gnpub-gnfollow-shortcode-wrapper a:focus{box-shadow:none}#gnpub-gnfollow-shortcode-wrapper img{width:120px;position:relative;top:9px;left:5px}#gnpub-gnfollow-shortcode-wrapper a:hover{border:1px solid #000}#gnpub-gnfollow-shortcode-follow-text{font-weight:500;font-size:13px}.share-with-ai {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0;
padding: 15px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.share-with-ai a {
outline: 0!important;
text-decoration: none!important;
}
.share-with-ai .share-ai.perplexity {
background: #20808D;
}
.share-with-ai .share-ai.chatgpt,
.share-with-ai .share-ai.grok {
background: #000;
}
.share-with-ai .share-ai.claude {
background: #ff6b35;
}
.share-ai-text {
margin-right: 10px;
}
.share-ai-text span {
font-weight: 600;
color: #495057;
font-size: 14px;
}
.share-ai {
display: inline-block;
}
.summarize-with-ai-icon {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: 500;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.summarize-with-ai-icon:hover {
text-decoration: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.summarize-with-ai-icon img {
width: 16px;
height: 16px;
flex-shrink: 0;
} .summarize-with-chatgpt:hover {
background: #10a37f;
color: #ffffff;
border-color: #10a37f;
}
.summarize-with-grok:hover {
background: #000;
color: #ffffff;
border-color: #000;
}
.summarize-with-perplexity:hover {
background: #20808d;
color: #ffffff;
border-color: #20808d;
}
.summarize-with-claude {
border-color: #d77655;
background: #d77655;
}
.summarize-with-claude:hover {
background: #d77655;
color: #ffffff;
border-color: #d77655;
} @media (max-width: 768px) {
.share-with-ai {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.share-ai-text {
margin-right: 0;
margin-bottom: 5px;
}
.share-ai {
display: block;
width: 100%;
overflow: hidden;
}
.summarize-with-ai-icon {
display: flex;
width: 100%;
justify-content: center;
padding: 12px;
}
}
@media (max-width: 480px) {
.share-with-ai {
padding: 12px;
margin: 15px 0;
}
.summarize-with-ai-icon {
font-size: 14px;
padding: 10px;
}
.summarize-with-ai-icon img {
width: 18px;
height: 18px;
}
} @media (prefers-color-scheme: dark) {
.share-with-ai {
background: #2d3748;
border-color: #4a5568;
}
.share-ai-text span {
color: #e2e8f0;
}
.summarize-with-ai-icon {
background: #4a5568;
border-color: #718096;
color: #e2e8f0;
}
} @media print {
.share-with-ai {
display: none;
}
}.algolia-autocomplete {
z-index: 999999 !important;
}
.aa-dropdown-menu { font-family: sans-serif;
background-color: #fff;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);
}
.aa-dropdown-menu:after {
content: " ";
display: block;
clear: both;
}
.aa-dropdown-menu .aa-input, .aa-dropdown-menu .aa-hint {
width: 100%;
}
.aa-dropdown-menu .aa-hint {
color: #999;
} .aa-dropdown-menu {
color: #1a1a1a;
font-size: 12px;
}
.aa-dropdown-menu a {
font-size: 12px;
color: #1a1a1a;
font-weight: normal;
text-decoration: none;
}
.aa-dropdown-menu a:hover {
text-decoration: none;
} .aa-dropdown-menu .autocomplete-header {
margin: 0 14px;
line-height: 3em;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.aa-dropdown-menu .autocomplete-header-title,
.aa-dropdown-menu .autocomplete-header-more
{
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}
.aa-dropdown-menu .autocomplete-header-title {
float: left;
}
.aa-dropdown-menu .autocomplete-header-more {
float: right;
}
.aa-dropdown-menu .autocomplete-header-more a {
color: rgba(0,0,0,.3);
font-weight: bold;
}
.aa-dropdown-menu .autocomplete-header-more a:hover {
color:  rgba(0,0,0,.4);
} .aa-dropdown-menu .aa-suggestion {
padding: 5px 0;
}
.aa-dropdown-menu .aa-suggestion:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.aa-dropdown-menu .aa-suggestion em {
color: #174d8c;
background: rgba(143,187,237,.1);
font-style: normal;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-title {
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content {
color: #63676d;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content em {
padding: 0 0 1px;
background: inherit;
box-shadow: inset 0 -2px 0 0 rgba(69,142,225,.8);
color: inherit;
}
.aa-dropdown-menu .aa-suggestion.aa-cursor {
background-color: #f9f9f9;
}
.aa-dropdown-menu a.suggestion-link {
display: block;
padding: 0 14px;
}
.aa-dropdown-menu a.suggestion-link.user-suggestion-link {
line-height: 32px;
}
.aa-dropdown-menu a.suggestion-link svg {
vertical-align: middle;
fill: rgba(0,0,0,.3);
float: left;
}
.aa-dropdown-menu .suggestion-post-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 3px;
width: 32px;
height: 32px;
}
.aa-dropdown-menu .suggestion-user-thumbnail {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 16px;
width: 32px;
height: 32px;
} .aa-dropdown-menu .autocomplete-footer-branding {
padding: 15px 14px 0px;
float: right;
color: rgba(0,0,0,.3);
margin-bottom: 7px;
} .aa-dropdown-menu .clear {
clear: both;
} .autocomplete-empty {
clear: both;
padding: 15px;
}
.autocomplete-empty .empty-query {
font-weight: bold;
}