:root{
  --ground:#F6F7F5; --paper:#fff; --ink:#12202E; --muted:#4A5A6A; --line:#D5DBE0;
  --primary:#0A4B86; --primary-ink:#fff; --navy:#0A2F55; --accent:#E8F1FA; --new:#FFF4D6; --new-line:#C9A227;
  --ok:#1F6B3A; --warn:#8A5A00; --danger:#9B1C1C; --radius:6px;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif; --sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  font-size:100%;
}
html.fs-1{font-size:112.5%} html.fs-2{font-size:125%} html.fs-3{font-size:137.5%}
html.hc{--ground:#000;--paper:#000;--ink:#fff;--muted:#fff;--line:#fff;--primary:#FFE600;--primary-ink:#000;--navy:#000;--accent:#000;--new:#000;--new-line:#FFE600;--ok:#7CFF9B;--warn:#FFE600;--danger:#FF8A8A}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font:1rem/1.6 var(--sans);-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:var(--serif);line-height:1.2;margin:0 0 .6em;color:var(--ink)}
h1{font-size:2.1rem} h2{font-size:1.5rem;margin-top:1.6em} h3{font-size:1.15rem}
a{color:var(--primary)} a:hover{text-decoration-thickness:2px}
html.hc a{color:#FFE600}
:focus-visible{outline:3px solid #F5A623;outline-offset:2px}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;background:var(--navy);color:#fff;padding:10px 14px;z-index:100;border-radius:var(--radius)}
.skip:focus{top:8px}
.muted{color:var(--muted)} .small{font-size:.875rem}
.strip{background:var(--navy);color:#fff;font-size:.85rem}
.strip__in{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;flex-wrap:wrap}
.strip__official{display:inline-flex;gap:6px;align-items:center}
.ico{width:14px;height:14px}
.tool{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:var(--radius);padding:3px 9px;font:inherit;cursor:pointer;margin-left:4px}
.tool:hover,.tool[aria-pressed="true"]{background:#fff;color:var(--navy)}
.announce{background:var(--new);border-bottom:1px solid var(--new-line);padding:8px 0;font-weight:600}
.staffbar{background:#FFE3E3;color:#5b0000;padding:8px 0;font-weight:600}
html.hc .staffbar{background:#400;color:#fff}
.head{background:var(--paper);border-bottom:1px solid var(--line)}
.head__in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;flex-wrap:wrap}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}
.brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--navy);color:#fff;font:700 1.6rem var(--serif)}
.brand__text{display:flex;flex-direction:column;line-height:1.2} .brand__text small{color:var(--muted)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{padding:8px 12px;border-radius:var(--radius);text-decoration:none;color:var(--ink);font-weight:600}
.nav a:hover{background:var(--accent)} .nav a[aria-current="page"]{background:var(--navy);color:#fff}
html.hc .nav a[aria-current="page"]{background:#FFE600;color:#000}
.navtoggle{display:none}
@media (max-width:820px){
  .navtoggle{display:inline-block;background:var(--navy);color:#fff;border:0;border-radius:var(--radius);padding:9px 14px;font:inherit;font-weight:600}
  .js .nav{display:none;width:100%;flex-direction:column} .js .nav.open{display:flex}
}
.hero{background:linear-gradient(180deg,var(--navy),#0d3d6e);color:#fff;padding:40px 0 70px}
.hero h1{color:#fff;font-size:2.4rem;max-width:20ch} .hero__lead{max-width:60ch;font-size:1.1rem;margin:0;opacity:.95}
html.hc .hero{background:#000;border-bottom:2px solid #fff}
.section{padding-block:8px 28px} .narrow{max-width:760px}
.converter{margin-top:-44px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 6px 24px rgba(10,47,85,.12)}
.panes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.panes{grid-template-columns:1fr}}
.pane__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}
.pane__head label{font-weight:700}
textarea,input[type=text],input[type=email]{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid #8896A3;border-radius:var(--radius);padding:12px}
textarea{resize:vertical;min-height:220px}
.pane--out textarea{background:var(--accent)}
html.hc .pane--out textarea{background:#000}
.btn{display:inline-block;font:inherit;font-weight:700;border-radius:var(--radius);padding:9px 16px;cursor:pointer;text-decoration:none;border:2px solid var(--primary)}
.btn--primary{background:var(--primary);color:var(--primary-ink)} .btn--primary:hover{filter:brightness(1.12)}
.btn--ghost{background:transparent;color:var(--primary)} .btn--ghost:hover{background:var(--accent)}
html.hc .btn--primary{color:#000}
.convmeta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 0;min-height:1.6em}
.chip{display:inline-block;background:var(--accent);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:600}
.chip--done{background:#E3F3E8;color:var(--ok)} .chip--current,.chip--check{background:var(--new);color:var(--warn)} .chip--upcoming{background:var(--accent)}
.notes{list-style:none;margin:8px 0 0;padding:0}
.notes li{background:var(--new);border-left:4px solid var(--new-line);padding:8px 12px;margin-top:6px;border-radius:0 var(--radius) var(--radius) 0}
.upload{margin-top:28px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px}
.upload h2{margin-top:0}
.drop{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;border:2px dashed var(--primary);border-radius:10px;padding:28px 16px;cursor:pointer;background:var(--accent)}
.drop.over{background:var(--new);border-color:var(--new-line)}
.drop__title{font-weight:700}
.drop input{max-width:100%}
.uploadform .btn{margin-top:8px}
.filestatus{min-height:1.5em;font-weight:600} .filestatus.err{color:var(--danger)} .filestatus.ok{color:var(--ok)}
.privacy{background:var(--accent);padding:10px 14px;border-radius:var(--radius);font-size:.9rem;margin-bottom:0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.card__pair{font:700 1.6rem var(--serif);margin:0 0 6px} .card__pair .new{color:var(--primary)} .card__pair .old{color:var(--muted)}
.card__ex{color:var(--muted);margin-bottom:0}
.letters{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}
.letter{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:10px 6px;text-align:center}
.letter__big{display:block;font:700 1.7rem var(--serif)} .letter small{color:var(--muted)}
.letter--new{background:var(--new);border-color:var(--new-line)}
.steps{list-style:none;margin:0;padding:0 0 0 18px;border-left:3px solid var(--line)}
.step{position:relative;padding:0 0 18px 16px}
.step::before{content:"";position:absolute;left:-26px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--line)}
.step--done::before{border-color:var(--ok);background:var(--ok)} .step--current::before,.step--check::before{border-color:var(--new-line)}
.step__date{font-weight:700;margin:0;color:var(--muted)} .step h3{margin:.1em 0 .2em}
.docs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.doc{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;flex-wrap:wrap}
.doc h3{margin:0 0 4px} .doc p{margin:0} .doc__cat{color:var(--muted);font-size:.875rem;margin-bottom:4px!important}
.empty{color:var(--muted);padding:16px;background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}
.filters a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--paper);font-weight:600}
.filters a[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}
html.hc .filters a[aria-current]{background:#FFE600;color:#000}
.tablewrap{overflow-x:auto}
.table{border-collapse:collapse;width:100%;background:var(--paper)}
.table th,.table td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.table thead th{background:var(--accent)}
.team{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.member{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center}
.member h2{font-size:1.15rem;margin:10px 0 2px} .member__role{color:var(--primary);font-weight:600;margin-top:0}
.member__photo{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto;display:block}
.member__photo--empty{display:grid;place-items:center;background:var(--accent);font:700 2.4rem var(--serif);color:var(--primary)}
.partners{list-style:none;padding:0;display:grid;gap:12px}
.partner{display:flex;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px}
.partner img{max-height:48px;width:auto}
.prose{max-width:70ch} .prose.lead{font-size:1.1rem}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin-bottom:8px}
.faq summary{cursor:pointer;font-weight:700}
.form{max-width:640px} .field{margin-bottom:14px} .field label{display:block;font-weight:700;margin-bottom:4px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.errorlist{color:var(--danger);list-style:none;padding:0;margin:4px 0 0}
.messages{padding-top:14px} .msg{padding:10px 14px;border-radius:var(--radius);margin:0 0 8px;border:1px solid var(--line);background:var(--paper)}
.msg--success{border-color:var(--ok);color:var(--ok)} .msg--error{border-color:var(--danger);color:var(--danger)} .msg--warning{border-color:var(--warn);color:var(--warn)}
.foot{background:var(--navy);color:#e8eef5;margin-top:48px;padding-top:28px}
.foot a{color:#fff}
.foot__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.foot__title{font:700 1.05rem var(--serif);color:#fff;margin:0 0 8px}
.foot p{margin:0 0 4px} .foot .muted{color:#b8c6d6}
.foot__links{list-style:none;margin:0;padding:0}
.foot__bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:20px;padding:14px 0;font-size:.875rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.strip,.head,.foot,.upload,.announce{display:none}.hero{background:#fff;color:#000;padding:0}.hero h1{color:#000}}