/* Source Serif 4: Adobe / Google Fonts, SIL OFL1.1. One hierarchy per viewport. */
@font-face{font-family:SourceSerifMPK;src:url('/assets/v11/SourceSerif4-Variable.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
:root{--v11-h1:clamp(36px,4.2vw,60px);--v11-h2:clamp(30px,3vw,40px);--v11-h3:clamp(20px,1.6vw,22px)}
html body :is(#main,.v6-dialog) h1{font-family:SourceSerifMPK,Georgia,serif;font-size:var(--v11-h1);font-weight:500;font-style:normal;line-height:1.07;letter-spacing:-.025em;font-optical-sizing:auto;text-transform:none}
html body :is(#main,.v6-dialog) h2{font-family:SourceSerifMPK,Georgia,serif;font-size:var(--v11-h2);font-weight:500;font-style:normal;line-height:1.15;letter-spacing:-.02em;font-optical-sizing:auto;text-transform:none}
html body :is(#main,.v6-dialog) h3{font-family:InterV4,Arial,sans-serif;font-size:var(--v11-h3);font-weight:500;font-style:normal;line-height:1.3;letter-spacing:normal;text-transform:none}
.v8-journal-card h3{margin:0 0 16px}
/***** One wordmark, with surface variants only. *****/
.v11-brand{display:inline-flex;align-items:center;text-decoration:none}
.v11-brandmark{--brand-size:46px;display:inline-flex;align-items:center;gap:18px;line-height:1;flex:none;color:#202126;text-transform:none}
.v11-brandmark--dark{color:#f6f6f7}
html body .v11-brandmark .v11-brand-symbol{display:block;width:var(--brand-size);height:var(--brand-size);flex:none;max-width:none;object-fit:contain}
.v11-brand-words{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:var(--brand-size);position:relative;top:1px;min-width:0}
.v11-brand-words>span{display:block;font:500 calc(var(--brand-size)*.24)/1 InterV4,Arial,sans-serif;letter-spacing:.19em;color:inherit}
.v11-brand-words>strong{display:block;font:600 calc(var(--brand-size)*.61)/1 InterV4,Arial,sans-serif;letter-spacing:.01em;color:inherit}
html body .site-header .brand{width:230px;flex:none}
html body .footer .footer-brand{display:inline-flex;width:auto;max-width:none}
.v9-dialog-brand .v11-brandmark{--brand-size:42px;gap:18px}
@media(min-width:1280px){.v9-home-page .site-header{grid-template-columns:230px minmax(0,1fr) 260px 180px}}
@media(min-width:1000px) and (max-width:1279px){.v9-home-page .site-header{grid-template-columns:230px minmax(0,1fr) auto}}
@media(max-width:767px){
 .v11-brandmark{--brand-size:40px;gap:17px}
 html body .site-header .brand{width:215px}
 .v9-dialog-brand .v11-brandmark{--brand-size:38px;gap:17px}
}