/* Heading font coverage. Fraunces here only has basic Latin: the Latvian
   letters (ā, ē, š, ž…) come from its latin-ext subset, a separate family
   listed right after Fraunces, so any letter Fraunces lacks is taken from it
   whatever weights a page declares. It downloads only when a page uses those
   letters. */
@font-face{font-family:"Fraunces Ext";src:url("fonts/fraunces-latin-ext.woff2") format("woff2");font-style:normal;font-weight:300 600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces Ext";src:url("fonts/fraunces-italic-latin-ext.woff2") format("woff2");font-style:italic;font-weight:300 600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--serif:Fraunces,"Fraunces Ext",Georgia,"Times New Roman",serif}
/* Language switcher: a native <details> menu of plain links, so it works
   without JavaScript and every language version stays crawlable. The button
   reads like the nav links beside it; the menu is a soft floating panel. */
.lang-switch{position:relative;flex:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.lang-switch summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 6px;border-radius:999px;color:#aaa3a5;font-size:11px;font-weight:500;letter-spacing:.22em;line-height:1;text-transform:uppercase;transition:color .25s ease,background-color .25s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary:hover,.lang-switch[open] summary{color:#f4efe7}
.lang-switch summary:focus-visible,.lang-switch a:focus-visible{outline:2px solid #c9aa75;outline-offset:3px}
.lang-switch svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.lang-switch .lang-caret{width:8px;height:8px;opacity:.55;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.lang-switch[open] .lang-caret{transform:rotate(180deg)}
.lang-switch ul{position:absolute;right:-10px;top:calc(100% + 14px);z-index:60;min-width:184px;margin:0;padding:6px;list-style:none;border-radius:14px;background:rgba(20,18,19,.94);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(244,239,231,.07);box-shadow:0 28px 60px -18px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(244,239,231,.04)}
.lang-switch li{margin:0;padding:0}
.lang-switch li+li{margin-top:2px}
.lang-switch a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:0 12px 0 14px;border-radius:9px;color:#cfc8c0;text-decoration:none;font-size:14px;letter-spacing:.005em;text-transform:none;transition:background-color .2s ease,color .2s ease}
.lang-switch a:hover{background:rgba(244,239,231,.06);color:#f4efe7}
.lang-switch a[aria-current="page"]{color:#dfc79a}
.lang-switch a[aria-current="page"]::after{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media(prefers-reduced-motion:no-preference){.lang-switch[open] ul{animation:lang-in .22s cubic-bezier(.16,1,.3,1)}}
@keyframes lang-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
/* Language flags: round, drawn as tiny SVGs (flag emoji show as plain letters
   on Windows). Argentina for Spanish: that is the market the Spanish pages are for. */
.lang-switch .flag{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;border-radius:50%;background:center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(244,239,231,.2);overflow:hidden}
.lang-switch .flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M30,15h30v15zv15h-30zh-30v-15zv-15h30z'/%3E%3C/clipPath%3E%3Cpath d='M0,0v30h60v-30z' fill='%23012169'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0L60,30M60,0L0,30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E")}
.lang-switch .flag-lv{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Crect width='20' height='10' fill='%239E3039'/%3E%3Crect y='4' width='20' height='2' fill='%23fff'/%3E%3C/svg%3E")}
.lang-switch .flag-es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' fill='%2374ACDF'/%3E%3Crect y='4' width='18' height='4' fill='%23fff'/%3E%3Ccircle cx='9' cy='6' r='1.3' fill='%23F6B40E'/%3E%3C/svg%3E")}
.lang-switch a .lang-name{display:inline-flex;align-items:center;gap:11px}
.lang-switch a .flag{width:20px;height:20px}
/* Homepage header: links stay right, the switcher sits after them. */
header .nav>.links{margin-left:auto}
header .nav>.lang-switch{margin-left:14px}
@media(max-width:820px){
  header .nav>.lang-switch{order:2;margin-left:auto;margin-right:6px}
  header .nav>.menu-toggle{order:3}
  header .nav>.lang-switch summary{min-height:44px}
}
/* Application header */
.site-header .nav>.back-link{margin-left:auto}
.site-header .nav>.lang-switch{margin-left:0}
@media(max-width:520px){.site-header .nav>.back-link{display:none}.site-header .nav>.lang-switch{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.lang-switch summary,.lang-switch .lang-caret,.lang-switch a{transition:none}}
