/* Study Hamlet wordmark: the logo, "STUDY" in small spaced capitals and "Hamlet" in an italic serif.
   Fonts are the site's own copies (see fonts.css and credits.html). Loaded on every page that shows the logo. */
@font-face{font-family:'SH Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/libre-baskerville-italic-400-latin.woff2) format('woff2')}
@font-face{font-family:'SH Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-normal-400-latin.woff2) format('woff2')}
.sh-mark{display:inline-block;width:1.2em;height:1.2em;margin-right:.32em;vertical-align:-.28em;border-radius:24%;flex:none}
.sh-word{display:inline-flex;align-items:baseline;gap:.3em;white-space:nowrap;line-height:1;vertical-align:baseline}
.sh-study{font:400 .4em/1 'SH Sans','Plus Jakarta Sans','DM Sans',system-ui,sans-serif;letter-spacing:.26em;text-transform:uppercase;opacity:.85}
.sh-hamlet{font:italic 400 1em/1 'SH Serif','Libre Baskerville',Georgia,serif;letter-spacing:-.01em;color:#9cc23f}
.sh-card-mark{display:block;width:56px;height:56px;border-radius:14px;margin:0 0 14px}
/* light backgrounds: a deeper gold that stays readable */
[data-theme=light] .sh-hamlet,.sh-on-light .sh-hamlet{color:#4e7414}
/* the app's desktop sidebar is narrow: logo on the left, STUDY above Hamlet */
@media (min-width:761px){
 .sidebar .brand{display:flex!important;align-items:center;font-size:31px!important;letter-spacing:0!important}
 .sidebar .brand .sh-mark{width:46px;height:46px;margin-right:11px;vertical-align:middle}
 .sidebar .brand .sh-word{flex-direction:column;align-items:flex-start;gap:5px}
 .sidebar .brand .sh-study{font-size:11px;letter-spacing:.32em}
}
/* page styles written for the old logo colour every span in a logo link; the wordmark keeps its own colours */
.sh-word.sh-word,.sh-word .sh-study{color:inherit}
.sh-word .sh-hamlet{color:#9cc23f}
[data-theme=light] .sh-word .sh-hamlet,.sh-on-light .sh-word .sh-hamlet{color:#4e7414}