/* OLENA HUKOVA — PERSONAL RECORD
   Black & white newspaper layout. Colour photography is intentional.
   Pure CSS with Flexbox only. No CSS Grid, JS, frameworks or remote assets. */
:root { color-scheme: light; --black: #101010; --white: #fff; --muted: #555; --line: #181818; --hair: #c3c3c3; }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--white); color: var(--black); font: 16px/1.68 Georgia, "Times New Roman", serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible, .main-nav a:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
img { max-width: 100%; }
.page-wrap { width: min(calc(100% - 56px), 1180px); margin: 0 auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; white-space: nowrap; border: 0; }
.edition-row, .masthead-bottom, .main-nav, .overline, .crumbs, .front-actions, .index-rule, .directory-list, .role-directory, .directory-header p, .role-dates, .prev-next, .footer-first, .footer-social, .footer-end, .role-parent-link, .subnav, .front-photo figcaption, .career-positions { font-family: Arial, Helvetica, sans-serif; }
.edition-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; column-gap: 20px; row-gap: 5px; border-top: 4px solid var(--black); border-bottom: 1px solid var(--black); margin-top: 12px; padding: 9px 0; font-size: 10px; font-weight: 700; letter-spacing: .1em; line-height: 1.3; }
.masthead { text-align: center; padding: 14px 0 9px; font: 700 clamp(52px, 8.7vw, 113px)/1.0 Georgia,"Times New Roman",serif; letter-spacing: -.074em; white-space: nowrap; }
.masthead a { text-decoration: none; }
.masthead-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px 30px; flex-wrap: wrap; border-top: 3px double #000; border-bottom: 4px solid #000; padding: 9px 0 10px; font-size: 10px; line-height: 1.35; font-weight: 700; letter-spacing: .12em; }
.main-nav { position: sticky; top: 0; z-index: 10; background: white; border-bottom: 1px solid var(--black); }
.nav-scroll { display: flex; align-items: center; gap: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #aaa #fff; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.main-nav a { display: inline-flex; align-items: center; flex: 0 0 auto; scroll-snap-align: start; text-decoration: none; padding: 18px 16px; min-height: 48px; border-right: 1px solid #d7d7d7; font: 700 11px/1.1 Arial,Helvetica,sans-serif; letter-spacing: .015em; white-space: nowrap; }
.main-nav a:first-child { border-left: 1px solid #d7d7d7; }
.main-nav a[aria-current=page] { background: #000; color: #fff; }
.main-nav a:hover:not([aria-current=page]) { text-decoration: underline; }
.overline { font-size: 11px; font-weight: 700; line-height: 1.45; letter-spacing: .1em; margin: 0 0 20px; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0; font-size: 11px; margin: 26px 0 30px; color: #444; }
.crumbs span { display: inline-flex; align-items: center; }
.crumbs span:not(:last-child)::after { content: '/'; margin: 0 12px; color: #777; }
.crumbs a { text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }
/* Front page */
.front-page { padding: 48px 0 50px; border-bottom: 1px solid #000; }
.front-layout { display: flex; align-items: flex-start; gap: 6.3%; }
.front-text { flex: 1 1 670px; min-width: 0; }
.front-source h1 { font: 700 clamp(40px,6vw,76px)/1.08 Georgia, "Times New Roman",serif; letter-spacing: -.05em; margin: 0 0 10px; }
.front-source p { font-size: 16px; margin: 0 0 16px; }
.front-source p:first-of-type { font-size: 22px; line-height: 1.35; font-weight: 400; }
.front-source p:nth-of-type(2) { font-size: 16px; line-height: 1.7; }
.front-source p:nth-of-type(3) { font-size: 15px; line-height: 1.7; }
.front-source p:last-of-type { border-top: 1px solid #000; padding-top: 17px; margin-top: 22px; color: #333; font-size: 13px; }
.front-source strong { font-weight: 700; }
.front-photo { flex: 0 0 33%; min-width: 0; margin: 0; }
.front-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; object-position: 50% center; border: 1px solid #000; filter: none; }
.front-photo figcaption { padding-top: 11px; font-size: 10px; font-weight: 700; letter-spacing: .09em; line-height: 1.3; }
.front-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 32px; }
.front-actions a { font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration-thickness: 1px; }
.index-rule { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 15px; border-bottom: 4px double #000; padding: 17px 0 12px; font-size: 11px; font-weight: 700; letter-spacing: .09em; }
.directory, .career-highlights { padding: 39px 0 55px; }
.career-highlights { border-top: 1px solid #000; }
.directory-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px 32px; margin-bottom: 25px; }
.directory-header h2 { margin: 0; font-size: clamp(29px,3.4vw,42px); line-height: 1.13; font-weight: 700; letter-spacing: -.036em; }
.directory-header p { max-width: 400px; margin: 0; font-size: 13px; line-height: 1.6; color: #333; }
.directory-list, .role-directory { display: flex; flex-wrap: wrap; column-gap: 28px; }
.directory-list a { display: flex; align-items: baseline; flex: 1 1 calc(50% - 16px); min-width: 290px; gap: 17px; border-top: 1px solid #aaa; padding: 17px 0; text-decoration: none; }
.directory-list a:nth-last-child(-n+2) { border-bottom: 1px solid #aaa; }
.directory-title { flex: 1 1 0; font: 700 17px/1.35 Georgia,serif; }
.directory-arrow { flex: 0 0 13px; font-size: 16px; }
.directory-list a:hover .directory-title, .role-directory a:hover { text-decoration: underline; }
.role-directory a { display: flex; flex: 1 1 calc(50% - 16px); min-width: 290px; gap: 17px; text-decoration: none; padding: 12px 0; border-bottom: 1px solid #bbb; font-size: 13px; line-height: 1.5; font-weight: 700; }
/* Complete CV chapter pages */
.resume-section { max-width: 880px; margin: 0 auto; padding: 10px 0 60px; }
.resume-section .overline { margin: 0 0 12px; }
.cv-text h1 { font-size: clamp(36px,5.15vw,63px); line-height: 1.12; letter-spacing: -.037em; margin: 0 0 31px; font-weight: 700; overflow-wrap: anywhere; }
.cv-text h2 { font-size: clamp(24px,3.15vw,35px); line-height: 1.24; letter-spacing: -.02em; margin: 41px 0 18px; font-weight: 700; overflow-wrap: anywhere; }
.cv-text p { font-size: 17px; line-height: 1.76; margin: 0 0 20px; }
.cv-text ul, .cv-text ol { margin: 0 0 26px; padding-left: 29px; }
.cv-text li { padding-left: 7px; margin: 0 0 12px; font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.cv-text li::marker { font-weight: 700; }
.cv-text p strong, .cv-text li strong { font-weight: 700; }
.cv-text hr { border: 0; border-top: 1px solid #000; margin: 34px 0; }
.cv-text a { overflow-wrap: anywhere; }
.subnav { display: flex; flex-wrap: wrap; gap: 7px 13px; margin: 33px 0 0; padding-top: 15px; border-top: 1px solid #000; }
.subnav a { padding: 5px 0; font-size: 12px; font-weight: 700; }
.career-positions { display: flex; flex-direction: column; margin-top: 28px; border-top: 2px solid #000; }
.role-link { display: flex; align-items: baseline; gap: 15px; padding: 21px 0; border-bottom: 1px solid #aaa; text-decoration: none; }
.role-link strong { flex: 1 1 0; font: 700 clamp(16px,2vw,20px)/1.4 Georgia,serif; }
.role-dates { flex: 0 0 auto; font-size: 12px; color: #444; }
.role-link-arrow { flex: 0 0 13px; }
.role-link:hover strong { text-decoration: underline; }
.role-parent-link { margin-top: 32px; padding-top: 18px; border-top: 1px solid #000; font-size: 13px; font-weight: 700; }
.prev-next { display: flex; justify-content: space-between; align-items: stretch; gap: 25px; border-top: 3px double #000; border-bottom: 3px double #000; padding: 18px 0; margin: 0 auto 65px; max-width: 880px; }
.prev-next a { display: flex; flex: 0 1 48%; flex-direction: column; gap: 6px; text-decoration: none; }
.prev-next a:last-child { text-align: right; }
.prev-next a span { font-size: 10px; letter-spacing: .08em; font-weight: 700; }
.prev-next a strong { font-size: 14px; line-height: 1.45; }
.prev-next a:hover strong { text-decoration: underline; }
.prev-filler { flex: 0 1 48%; }
/* Site-wide footer */
.site-footer { border-top: 5px solid #000; padding: 20px 0 25px; }
.footer-first, .footer-social, .footer-end { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 25px; row-gap: 8px; }
.footer-first { margin-bottom: 17px; font-size: 12px; font-weight: 700; }
.footer-first .footer-logo { font: 700 20px Georgia,serif; text-decoration: none; }
.footer-social { border-top: 1px solid #bbb; padding-top: 12px; font-size: 12px; font-weight: 700; }
.footer-end { justify-content: space-between; border-top: 1px solid #bbb; padding-top: 16px; margin-top: 20px; font-size: 10px; line-height: 1.5; }
@media (max-width: 900px) {
 .page-wrap { width: min(calc(100% - 36px), 1180px); }
 .masthead { font-size: clamp(48px,9vw,80px); }
 .front-layout { gap: 26px; }
 .front-photo { flex-basis: 36%; }
 .front-source h1 { font-size: clamp(40px,6.1vw,60px); }
 .directory-header { align-items: flex-start; flex-direction: column; gap: 12px; }
 .cv-text h1 { font-size: clamp(35px,5.9vw,54px); }
}
@media (max-width: 610px) {
 .page-wrap { width: min(calc(100% - 28px), 1180px); }
 .edition-row { font-size: 9px; }
 .edition-row span:nth-child(3) { display: none; }
 .masthead { font-size: clamp(37px, 10vw, 63px); white-space: normal; }
 .masthead-bottom { gap: 6px 15px; font-size: 9px; }
 .main-nav a { padding: 16px 14px; }
 .front-page { padding: 26px 0 30px; }
 .front-layout { flex-direction: column; gap: 20px; }
 .front-text, .front-photo { width: 100%; flex: 0 1 auto; }
 .front-source h1 { font-size: clamp(40px,11vw,62px); }
 .front-source p:first-of-type { font-size: 18px; }
 .front-source p { font-size: 15px; }
 .front-photo { width: min(100%,380px); margin: 0 auto; }
 .front-photo img { aspect-ratio: 1/1; }
 .directory,.career-highlights { padding: 28px 0 40px; }
 .directory-list a,.role-directory a { min-width: 0; flex-basis: 100%; }
 .directory-list a:nth-last-child(2) { border-bottom: 0; }
 .cv-text h1 { font-size: clamp(33px,8.5vw,47px); margin-bottom: 24px; }
 .cv-text h2 { font-size: 25px; }
 .cv-text p,.cv-text li { font-size: 16px; line-height: 1.75; }
 .role-link { flex-wrap: wrap; gap: 7px 13px; }
 .role-link strong { flex-basis: calc(100% - 30px); }
 .role-dates { flex: 1 1 100%; padding-left: 0; }
 .role-link-arrow { display: none; }
 .prev-next a strong { font-size: 12px; }
}
@media (max-width: 360px) {
 .edition-row span:nth-child(2) { display: none; }
 .masthead { font-size: 36px; }
 .front-source h1 { font-size: 38px; }
 .index-rule span:last-child { font-size: 9px; }
 .cv-text h1 { font-size: 31px; }
 .cv-text ul,.cv-text ol { padding-left: 21px; }
 .cv-text li { padding-left: 1px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
 @page { margin: 17mm; }
 html { scroll-behavior: auto; }
 body { color: #000; background: #fff; }
 .page-wrap { width: 100%; max-width: none; }
 .main-nav,.front-actions,.footer-social,.prev-next,.crumbs,.subnav,.role-parent-link { display: none !important; }
 .masthead { font-size: 38pt; }
 .front-layout { align-items: flex-start; }
 .front-photo { flex-basis: 28%; }
 .resume-section { max-width: none; padding: 10px 0; }
 .cv-text h1 { font-size: 30pt; }
 .cv-text h2 { font-size: 20pt; page-break-after: avoid; }
 .cv-text p,.cv-text li { font-size: 11pt; line-height: 1.4; }
 .cv-text li { break-inside: avoid; }
 .site-footer { display: none; }
}

/* Layout stability and accessible navigation across mobile devices. */
picture{display:block;}
 .front-photo picture img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;}
@media (max-width:610px){.front-photo picture img{aspect-ratio:1/1;}}

/* Certificate evidence gallery: equal-sized previews, flexbox only. */
.certificate-inline-link{display:inline-block;margin-left:9px;font:700 12px/1.5 Arial,Helvetica,sans-serif;white-space:nowrap}
.certificate-gallery{max-width:880px;margin:42px 0 55px;padding-top:24px;border-top:3px double #000}
.certificate-gallery h2{font-size:clamp(27px,4vw,39px);line-height:1.2;margin:0 0 14px}
.certificate-gallery-intro{max-width:760px;margin:0 0 24px;font-size:15px;line-height:1.72}
.certificate-cards{display:flex;flex-wrap:wrap;gap:23px 16px;align-items:stretch}
.certificate-card{flex:1 1 calc((100% - 32px)/3);max-width:calc((100% - 32px)/3);min-width:0;margin:0;display:flex;flex-direction:column;gap:7px}
.certificate-photo-link{display:block;border:1px solid #bcbcbc;background:#fff;line-height:0;transition:border-color .16s ease}
.certificate-photo-link:hover,.certificate-photo-link:focus-visible{border-color:#000;outline-offset:3px}
.certificate-photo-link img{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain;background:#fff}
.certificate-card figcaption{font:bold 13px/1.45 Arial,Helvetica,sans-serif;margin:2px 0 0;overflow-wrap:anywhere}
.certificate-view{font:12px/1.4 Arial,Helvetica,sans-serif;color:#333;margin-top:auto}
.certificate-card:target{outline:2px solid #000;outline-offset:7px}
@media(max-width:720px){.certificate-card{flex-basis:calc((100% - 16px)/2);max-width:calc((100% - 16px)/2)}}
@media(max-width:440px){.certificate-cards{gap:22px 12px}.certificate-card{flex-basis:100%;max-width:100%}.certificate-gallery{margin-top:30px}.certificate-inline-link{white-space:normal}}
@media print{.certificate-photo-link img{max-height:170px}.certificate-card{break-inside:avoid}.certificate-card figcaption{font-size:10pt}}

/* Consolidated long-form homepage content and single education/certification page. */
.home-topic-nav{display:flex;flex-wrap:wrap;gap:12px 25px;border-top:2px solid #000;border-bottom:1px solid #000;padding:15px 0;margin:0 0 32px;font:700 12px/1.5 Arial,Helvetica,sans-serif}
.home-topic-nav a{white-space:normal}
.homepage-biography{max-width:880px;margin:0 auto 42px}
.home-cv-chapter{border-bottom:1px solid #999;padding:28px 0 36px;scroll-margin-top:20px}
.home-cv-chapter:first-child{border-top:1px solid #999}
.home-cv-chapter h2,.cv-text .merged-page-title{margin:0 0 22px;font-size:clamp(30px,4.1vw,47px);line-height:1.16;letter-spacing:-.03em}
.home-cv-chapter p:last-child{margin-bottom:0}
#education,#certifications{scroll-margin-top:18px}
#education{padding:22px 0 26px;border-bottom:3px double #000}
#certifications{padding-top:24px}
#education h2,#certifications h2{font-size:clamp(24px,3.1vw,34px);line-height:1.25;margin:0 0 19px}
.cv-text .merged-page-title{font-size:clamp(36px,5.15vw,63px);margin:0 0 28px}
@media(max-width:610px){.home-topic-nav{gap:9px 18px}.homepage-biography{margin-bottom:28px}.home-cv-chapter{padding:22px 0 28px}}
@media print{.home-topic-nav{display:none}}

/* Desktop menu fills the entire width of its .page-wrap parent.
   Preserve horizontal touch scrolling on narrower devices. */
@media (min-width: 967px) {
 .main-nav .nav-scroll { overflow-x: visible; scroll-snap-type: none; }
 .main-nav .nav-scroll > a { flex: 1 1 auto; justify-content: center; text-align: center; padding-left: 10px; padding-right: 10px; }
}


/* CSS-only responsive disclosure navigation; 967px and wider = desktop. */
.nav-toggle,.menu-button {display:none;}
@media (min-width: 967px) {
  .main-nav .nav-scroll > a { min-width:0; white-space:normal; }
}
@media (max-width: 966px) {
  .main-nav .nav-toggle {
    display:block; position:absolute; width:1px; height:1px;
    margin:0; padding:0; opacity:0; overflow:hidden;
    clip-path:inset(50%); white-space:nowrap;
  }
  .main-nav .menu-button {
    display:flex; align-items:center; justify-content:space-between;
    gap:14px; min-height:55px; padding-top:10px; padding-bottom:10px;
    cursor:pointer; user-select:none;
    font:700 13px/1.4 Arial,Helvetica,sans-serif;
    text-transform:uppercase; letter-spacing:.08em;
  }
  .main-nav .nav-toggle:focus-visible + .menu-button {
    outline:2px solid #000; outline-offset:-3px;
  }
  .main-nav .menu-close-text {display:none;}
  .main-nav .nav-toggle:checked + .menu-button .menu-open-text {display:none;}
  .main-nav .nav-toggle:checked + .menu-button .menu-close-text {display:inline;}
  .burger-icon {
    display:flex; flex-direction:column; justify-content:center;
    gap:5px; width:28px; height:27px; flex:0 0 28px;
  }
  .burger-icon > span {
    display:block; width:100%; height:2px; background:#000;
    transform-origin:center; transition:transform .18s ease, opacity .18s ease;
  }
  .main-nav .nav-toggle:checked + .menu-button .burger-icon > span:nth-child(1) {transform:translateY(7px) rotate(45deg);}
  .main-nav .nav-toggle:checked + .menu-button .burger-icon > span:nth-child(2) {opacity:0;}
  .main-nav .nav-toggle:checked + .menu-button .burger-icon > span:nth-child(3) {transform:translateY(-7px) rotate(-45deg);}
  .main-nav .nav-scroll {
    display:none; flex-direction:column; align-items:stretch;
    flex-wrap:nowrap; width:min(calc(100% - 56px),1180px);
    gap:0; overflow-x:hidden; overflow-y:auto;
    max-height:calc(100vh - 55px); max-height:calc(100dvh - 55px);
    scroll-snap-type:none; -webkit-overflow-scrolling:auto;
  }
  .main-nav .nav-toggle:checked ~ .nav-scroll {display:flex;}
  .main-nav .nav-scroll > a {
    display:flex; flex:0 0 auto; width:100%; min-width:0;
    justify-content:flex-start; text-align:left;
    padding:14px 15px; min-height:48px;
    white-space:normal; scroll-snap-align:none;
    border-left:0; border-right:0; border-bottom:1px solid #ddd;
    font-size:13px; line-height:1.4;
  }
  .main-nav .nav-scroll > a:first-child {border-left:0; border-top:1px solid #000;}
}
@media (max-width: 900px) and (min-width: 611px) {
  /* Inherit the same horizontal page gutters at tablet widths. */
  .main-nav .nav-scroll {width:min(calc(100% - 40px),1180px);}
}
@media (max-width: 610px) {
  .main-nav .nav-scroll {width:min(calc(100% - 28px),1180px);}
}
@media (prefers-reduced-motion:reduce) {
  .burger-icon > span {transition:none;}
}

/* SEOv5: Contacts, editorial white-and-black layout, Flexbox only. */
.contact-main {padding-top:45px;padding-bottom:85px;}
.contact-intro {border-bottom:4px double #000;padding-bottom:27px;margin-bottom:30px;}
.contact-intro h1 {font:700 clamp(46px,6.5vw,82px)/1.1 Georgia,serif;letter-spacing:-.06em;margin:10px 0 17px;}
.contact-intro > p:last-child {font-size:17px;line-height:1.8;max-width:780px;margin:0;}
.contact-grid {display:flex;align-items:flex-start;gap:8%;}
.contact-links-column,.contact-form-column {flex:1 1 0;min-width:0;}
.contact-grid h2 {font:700 clamp(29px,3vw,38px)/1.25 Georgia,serif;letter-spacing:-.025em;margin:0 0 8px;}
.contact-column-intro {font:14px/1.6 Arial,Helvetica,sans-serif;color:#444;margin:0 0 22px;}
.contact-link-list {border-top:2px solid #000;}
.contact-big-link {display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #bbb;font:700 clamp(21px,2.4vw,31px)/1.3 Georgia,serif;text-decoration:none;overflow-wrap:anywhere;}
.contact-big-link:hover span:first-child {text-decoration:underline;}
.contact-big-link span:last-child {font:400 23px Arial,sans-serif;flex:0 0 25px;text-align:right;}
.contact-location {border-top:1px solid #000;padding-top:18px;font:12px/1.6 Arial,Helvetica,sans-serif;margin:37px 0 0;}
.contact-form {border-top:2px solid #000;padding-top:22px;}
.form-field {margin-bottom:20px;}
.form-field label {display:block;font:700 13px/1.4 Arial,Helvetica,sans-serif;margin-bottom:8px;}
.form-field input,.form-field select,.form-field textarea {display:block;width:100%;max-width:100%;border:1px solid #777;background:white;color:black;border-radius:0;padding:12px;font:15px/1.5 Arial,Helvetica,sans-serif;}
.form-field textarea {resize:vertical;min-height:130px;}
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible {outline:2px solid #000;outline-offset:2px;}
.contact-honeypot {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.contact-privacy {font:12px/1.75 Arial,Helvetica,sans-serif;color:#555;margin:10px 0 23px;}
.contact-submit {display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:53px;padding:13px 20px;border:2px solid #000;border-radius:0;background:#000;color:#fff;cursor:pointer;font:700 13px/1.3 Arial,Helvetica,sans-serif;}
.contact-submit:hover,.contact-submit:focus-visible {background:#fff;color:#000;}
.contact-status-page {max-width:740px;margin:70px auto 100px;padding:0 15px;}
.contact-status-page h1 {font:700 clamp(34px,6vw,58px)/1.2 Georgia,serif;letter-spacing:-.025em;}
.contact-status-page p {font-size:17px;line-height:1.8;}
.contact-status-page a {display:inline-block;margin-top:20px;font:700 14px Arial,Helvetica,sans-serif;}
@media(max-width:966px){.contact-grid{flex-direction:column;gap:45px;}.contact-links-column,.contact-form-column{width:100%;flex:0 1 auto;}.contact-main{padding-top:30px;}}
@media print{.contact-form,.contact-submit {display:none;}}

.contact-big-link[href^="mailto:"]{font-size:clamp(18px,2vw,26px);}

/* Language switch on both desktop and mobile: text-only, no scripts */
.lang-switch{font:700 12px/1.5 Arial,Helvetica,sans-serif;text-align:right;padding:5px 0 9px}
.lang-switch a{color:inherit;text-underline-offset:3px}
.lang-switch strong{font-weight:800}