/* Shared by the companion pages (questions.html, app.html). Tokens come from shared.css. */
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--gold-lift);color:#160C24;
  padding:10px 16px;border-radius:8px;font-weight:700;}
.skip:focus{left:12px;}

/* slim top nav */
.topnav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--deep-1);
  border-bottom:1px solid rgba(199,166,242,.18);}
.topnav .in{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex;align-items:center;
  gap:6px;min-height:52px;overflow-x:auto;scrollbar-width:none;}
.topnav .in::-webkit-scrollbar{display:none;}
.topnav .home{font-family:'Geologica';font-weight:700;font-size:14px;color:var(--on-dark);text-decoration:none;
  white-space:nowrap;margin-right:auto;padding:12px 0;}
.topnav .home span{color:var(--on-dark-violet);font-weight:600;}
.topnav a.tab{font-family:'Karla';font-weight:700;font-size:13.5px;color:var(--on-dark-soft);text-decoration:none;
  padding:9px 12px;border-radius:100px;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;}
.topnav a.tab:hover{color:var(--on-dark);background:rgba(199,166,242,.10);}
.topnav a.tab[aria-current="page"]{color:#160C24;background:var(--on-dark-violet);}
@media (max-width:560px){.topnav .home{display:none;}.topnav .in{justify-content:flex-start;}}

/* page header, a shorter cover */
.phead{background:radial-gradient(120% 120% at 70% 0%, #2A1750 0%, var(--deep-2) 45%, var(--deep-1) 100%);
  color:var(--on-dark);position:relative;overflow:hidden;}
.phead .inner{max-width:1180px;margin:0 auto;padding:clamp(56px,9vw,104px) clamp(20px,5vw,72px) clamp(44px,6vw,64px);
  position:relative;z-index:2;}
.phead .kicker{font-family:'Karla';font-weight:700;text-transform:uppercase;letter-spacing:.24em;font-size:12px;
  color:var(--on-dark-violet);margin:0 0 20px;}
.phead h1{font-family:'Geologica';font-weight:800;letter-spacing:-.035em;line-height:.98;
  font-size:clamp(40px,8.4vw,92px);color:#fff;margin:0;}
.phead h1 .line2{display:block;color:var(--on-dark-violet);}
.phead .sub{margin:24px 0 0;max-width:46ch;font-size:clamp(17px,2.1vw,20px);line-height:1.5;color:var(--on-dark-soft);font-weight:500;}
.phead .facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:34px;padding-top:20px;
  border-top:1px solid rgba(199,166,242,.28);font-size:14px;color:var(--on-dark-soft);}
.phead .facts b{font-family:'Geologica';font-weight:700;color:var(--gold-lift);font-size:20px;margin-right:6px;
  font-variant-numeric:tabular-nums;}
.phead .boxmotif{justify-content:flex-end;padding-right:6vw;opacity:.55;}
@media (max-width:700px){.phead .boxmotif{display:none;}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Karla';font-weight:700;
  font-size:15px;letter-spacing:.01em;text-decoration:none;border-radius:100px;padding:12px 22px;min-height:46px;
  cursor:pointer;border:1.5px solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease;}
.btn.primary{background:var(--violet);color:#fff;}
.btn.primary:hover{background:var(--violet-lift);}
.btn.gold{background:var(--gold-lift);color:#160C24;}
.btn.gold:hover{background:#E4BE5E;}
.btn.ghost{background:transparent;color:var(--violet);border-color:var(--line-2);}
.btn.ghost:hover{border-color:var(--violet);}
.feature .btn.ghost,.phead .btn.ghost,.foot .btn.ghost{color:var(--on-dark);border-color:rgba(199,166,242,.4);}
.btn:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;}

.foot .links{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;}
.foot a{color:var(--on-dark-violet);}

@media print{.topnav,.skip{display:none !important;}}
[hidden]{display:none !important;}
.doc{overflow:visible;overflow-x:clip;}