/* Sub-pages (compare, privacy, terms, confirmed): article typography on the shared shell */
.subpage .sub-wrap{width:min(100% - 40px,800px);margin:0 auto;padding:174px 0 120px}
.subpage h1{font:600 56px/64px var(--display);color:#fff;margin:0 0 16px;text-wrap:balance}
.subpage .meta{color:var(--muted);font-size:16px;margin:0 0 40px}
.subpage .lead{color:var(--muted);font-size:18px;line-height:1.5;margin:0 0 40px;text-align:left}
.subpage h2{font:600 32px/1.2 var(--display);color:#fff;margin:48px 0 16px}
.subpage h3{font:600 20px/1.3 var(--body);color:#fff;margin:24px 0 8px}
.subpage p,.subpage li{font-size:16px;line-height:1.6;color:#cfcfcf}
.subpage p{margin:0 0 16px}
.subpage ul,.subpage ol{padding-left:22px;margin:0 0 16px}
.subpage li{margin:0 0 8px}
.subpage a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.subpage a:hover{color:var(--accent)}
.subpage strong{color:#fff;font-weight:600}
.subpage .card{--fill:var(--glass-30);position:relative;padding:32px;border-radius:var(--r-card);background:var(--fill);margin:0 0 24px}
.subpage .card::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--stroke);pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.subpage .card>:first-child{margin-top:0}.subpage .card>:last-child{margin-bottom:0}
.subpage table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.45}
.subpage th,.subpage td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.08)}
.subpage th{color:var(--muted);font-weight:600;font-size:14px}
.subpage td:first-child,.subpage tbody th{color:#fff;font-weight:600}
.subpage tr:last-child td,.subpage tr:last-child th{border-bottom:0}
.subpage .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.subpage .table-wrap table{min-width:560px}
.subpage .src{font-size:14px;color:var(--muted)}
.subpage .cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:32px 0 0}
.subpage .center{text-align:center}
.subpage .center .cta-row{justify-content:center}
.subpage a.badge{text-decoration:none}
@media (max-width:780px){
  .subpage .sub-wrap{padding:120px 0 64px}
  .subpage h1{font-size:36px;line-height:1.1}
  .subpage h2{font-size:26px;margin-top:36px}
  .subpage .card{padding:20px;border-radius:32px}
  .subpage th,.subpage td{padding:10px 12px}
}
html.lang-ka .subpage h1{font-size:44px}
@media (max-width:780px){html.lang-ka .subpage h1{font-size:30px}}
.subpage .yes{color:#99e689}
.subpage .confirmed-card{max-width:560px;margin:0 auto 24px}
.confirmed-icon{width:96px;height:96px;border-radius:24px;margin:0 auto 24px}
.subpage .center .lead{margin-bottom:8px;text-align:center}
/* /faq: section jump links, question cards, app tips */
.subpage .faq-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.subpage .faq-toc a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;background:var(--glass-30);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.subpage .faq-toc a:hover{background:rgba(255,255,255,.14);color:#fff}
.subpage section{scroll-margin-top:110px}
.subpage .faq-card{margin:0 0 12px}
.subpage .faq-card h3{margin:0 0 8px}
.subpage .faq-more{margin:24px 0 0;color:var(--muted)}
/* /faq: Tori's tip cards + closing CTA, with the interactive mascot (assets/mascot.js) */
.subpage .faq-tip{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:24px;margin:24px 0 0;
  background:radial-gradient(120% 140% at 0% 100%,rgba(139,84,255,.42),transparent 60%),radial-gradient(90% 120% at 100% 0%,rgba(254,144,54,.28),transparent 60%),var(--glass-30)}
.subpage .faq-tip--flip{grid-template-columns:1fr 112px;
  background:radial-gradient(120% 140% at 100% 100%,rgba(139,84,255,.42),transparent 60%),radial-gradient(90% 120% at 0% 0%,rgba(254,144,54,.28),transparent 60%),var(--glass-30)}
.subpage .faq-tip--flip .faq-tip-mascot{order:2}
.faq-tip-mascot,.faq-cta-mascot{width:112px;height:112px}
.faq-cta-mascot{margin:-8px auto 8px}
.subpage .faq-tip-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.subpage .faq-tip-label{display:inline-flex;padding:4px 12px;border-radius:999px;background:rgba(139,84,255,.35);color:#fff;font-size:14px;font-weight:600}
.subpage .faq-tip-body p{margin:0;color:#fff}
.subpage .faq-cta{background:radial-gradient(80% 120% at 50% 0%,rgba(139,84,255,.38),transparent 65%),radial-gradient(60% 80% at 50% 100%,rgba(254,144,54,.2),transparent 70%),var(--glass-30)}
@media (max-width:560px){
  .subpage .faq-tip,.subpage .faq-tip--flip{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px}
  .subpage .faq-tip--flip .faq-tip-mascot{order:0}
  .subpage .faq-tip-body{align-items:center}
}