/* Shared full-title tooltip for public content collections. */
.site-title-tooltips-ready .eb-wood-caption { display: none; }
.site-title-tooltip {
    position: fixed;
    z-index: 1100;
    box-sizing: border-box;
    width: min(430px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px 20px;
    border: 1px solid #a78b4b;
    border-radius: 18px;
    background: linear-gradient(125deg, #0b1c30, #112f46);
    color: #fffaf0;
    box-shadow: 0 16px 38px #08182733, inset 0 1px 0 #ffffff0d;
    font-family: var(--font-family-sans, 'Kodchasan', sans-serif);
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: #a78b4b #112a40;
}
.site-title-tooltip[hidden], .site-title-tooltip [hidden] { display: none !important; }
.site-title-tooltip:not([hidden]) { animation: site-title-reveal .16s ease-out; }
.site-title-tooltip__eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #edc45e;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.6;
}
.site-title-tooltip__dot {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #edc45e;
    box-shadow: 0 0 0 5px #edc45e1a;
}
.site-title-tooltip .site-title-tooltip__title {
    margin: 9px 0 16px;
    color: #fffaf0;
    font-weight: 600;
    line-height: 1.85;
    overflow-wrap: anywhere;
    white-space: normal;
}
.site-title-tooltip__hint {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #bbc9d5;
    line-height: 1.6;
}
.site-title-tooltip__arrow {
    display: grid;
    place-items: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border: 1px solid #9d864c;
    border-radius: 50%;
    color: #edc45e;
}
.site-title-tooltip__arrow svg { display: block; width: 13px; height: 13px; }
@keyframes site-title-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 480px) { .site-title-tooltip { padding: 16px; border-radius: 15px; } }
@media (prefers-reduced-motion: reduce) { .site-title-tooltip:not([hidden]) { animation: none; } }
@media (forced-colors: active) { .site-title-tooltip { border-color: CanvasText; background: Canvas; color: CanvasText; } }
@media print { .site-title-tooltip { display: none !important; } }
