/* Varordakan Tester — shared shell for the long-form pages
   (privacy policy, support). Same tokens and signage language as site.css,
   tuned for reading rather than for a hero. */

:root{
  --ink-0:oklch(0.13 0.018 285);
  --ink-1:oklch(0.175 0.020 285);
  --ink-2:oklch(0.235 0.022 285);
  --ink-line:oklch(0.32 0.020 285);
  --ink-60:oklch(0.775 0.014 285);
  --ink-90:oklch(0.965 0.004 285);

  --amber:oklch(0.845 0.163 86);
  --teal:oklch(0.874 0.136 175);
  --sign-white:oklch(0.97 0.003 90);

  --maxw:820px;
  --bleed:clamp(1.25rem,5vw,2.5rem);
  --ease-out:cubic-bezier(0.16,1,0.3,1);
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--ink-0);
  color:var(--ink-90);
  font-family:'Google Sans','Noto Sans Armenian','Noto Sans',system-ui,-apple-system,sans-serif;
  font-size:1.02rem;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath d='M36 24 48 36 36 48 24 36Z' fill='none' stroke='%23FFC72C' stroke-width='1.1' opacity='0.08'/%3E%3C/svg%3E");
}

a{color:var(--amber);text-decoration:underline;text-underline-offset:3px;}
a:hover{color:var(--sign-white);}

:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:2px;}

/* ── Header ──────────────────────────────────────────────────────────── */
header.nav{
  position:sticky;top:0;z-index:20;
  background:oklch(0.13 0.018 285 / 0.9);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--ink-line);
}
.nav-inner{
  max-width:1240px;margin-inline:auto;
  padding:0.7rem var(--bleed);
  display:flex;align-items:center;gap:1rem;justify-content:space-between;
}
.brand{
  display:flex;align-items:center;gap:0.6rem;
  color:var(--ink-90);text-decoration:none;min-width:0;
  font-family:'Handjet','Google Sans',sans-serif;
  font-variation-settings:'ELGR' 1,'ELSH' 2,'wght' 800;
  font-size:1.18rem;letter-spacing:0.04em;text-transform:uppercase;
}
.brand:hover{color:var(--amber);}
.brand img{
  width:30px;height:30px;flex:none;display:block;
  border:1px solid var(--ink-line);
  border-radius:8px;
}
.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.lang-switch{display:flex;gap:2px;flex:none;}
.lang-switch button{
  border:1px solid var(--ink-line);
  background:transparent;color:var(--ink-60);
  font-family:'Handjet','Google Sans',sans-serif;
  font-variation-settings:'ELGR' 1,'ELSH' 2,'wght' 700;
  font-size:0.95rem;letter-spacing:0.05em;
  padding:0.28rem 0.6rem;cursor:pointer;
  transition:color .18s var(--ease-out),background-color .18s var(--ease-out),border-color .18s var(--ease-out);
}
.lang-switch button:hover:not(.active){color:var(--ink-90);border-color:var(--ink-60);}
.lang-switch button.active{background:var(--amber);border-color:var(--amber);color:var(--ink-0);}

/* ── Reading column ──────────────────────────────────────────────────── */
main{
  max-width:var(--maxw);
  margin-inline:auto;
  padding:clamp(2.5rem,6vw,4.5rem) var(--bleed) clamp(3rem,7vw,5rem);
}

h1,h2,h3{
  font-family:'Handjet','Google Sans',sans-serif;
  font-variation-settings:'ELGR' 1,'ELSH' 2,'wght' 800;
  text-transform:uppercase;
  letter-spacing:0.01em;
  line-height:0.96;
  text-wrap:balance;
  overflow-wrap:break-word;
}
h1{font-size:clamp(2.1rem,5.5vw,3.4rem);margin:0 0 1.5rem;}
h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin:2.8rem 0 0.9rem;color:var(--amber);}
h3{font-size:clamp(1.15rem,2.2vw,1.4rem);margin:1.9rem 0 0.6rem;}

p{margin:0 0 1rem;color:var(--ink-60);max-width:72ch;text-wrap:pretty;}
ul{margin:0 0 1.2rem;padding-left:0;list-style:none;}
li{
  position:relative;
  padding-left:1.5rem;
  padding-block:0.28rem;
  color:var(--ink-60);
}
li::before{
  content:"";
  position:absolute;left:0;top:0.82em;
  width:9px;height:9px;
  background:var(--amber);rotate:45deg;border-radius:1px;
}
li strong{color:var(--ink-90);font-weight:600;}

.updated{
  font-family:'Handjet','Google Sans',sans-serif;
  font-variation-settings:'ELGR' 1,'ELSH' 4,'wght' 600;
  font-size:1.02rem;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--amber);
  margin-bottom:2rem;
}

.toc{
  border:1px solid var(--ink-line);
  background:var(--ink-1);
  padding:1.1rem 1.3rem;
  margin-bottom:2.4rem;
  display:flex;flex-wrap:wrap;gap:0.5rem 1.4rem;
}
.toc a{color:var(--ink-60);text-decoration:none;font-size:0.95rem;}
.toc a:hover{color:var(--amber);text-decoration:underline;text-underline-offset:3px;}

hr.section-divider{
  border:0;border-top:1px solid var(--ink-line);
  margin:3.5rem 0 2.5rem;
}

/* ── Support-page plates ─────────────────────────────────────────────── */
.contact-card,.faq-card{
  border:1px solid var(--ink-line);
  background:var(--ink-1);
  padding:1.2rem 1.4rem;
  margin-bottom:1rem;
}
.contact-card{border-color:var(--amber);}
.contact-card a{color:var(--amber);}
.faq-card h3{margin-top:0;margin-bottom:0.5rem;color:var(--ink-90);}
.faq-card p,.faq-card ul{margin-bottom:0;}

/* ── Footer ──────────────────────────────────────────────────────────── */
footer{border-top:1px solid var(--ink-line);}
.footer-inner{
  max-width:1240px;margin-inline:auto;
  padding:clamp(1.6rem,4vw,2.4rem) var(--bleed);
  display:flex;flex-wrap:wrap;gap:0.8rem 1.8rem;
  align-items:center;justify-content:space-between;
}
.footer-copy{
  font-family:'Handjet','Google Sans',sans-serif;
  font-variation-settings:'ELGR' 1,'ELSH' 2,'wght' 700;
  font-size:1.02rem;letter-spacing:0.05em;text-transform:uppercase;
  color:var(--ink-60);
}
.footer-links{display:flex;flex-wrap:wrap;gap:0.4rem 1.4rem;font-size:0.92rem;}
.footer-links a{color:var(--ink-60);text-decoration:none;}
.footer-links a:hover{color:var(--amber);}

/* ── Language panes (switched by each page's own script) ─────────────── */
.lang-content{display:none;}
.lang-content.active{display:block;}