/* Animi visual identity.
   Animi (Latin animus: mind and feeling at once). Two families of tests, two colours:
   cobalt for the head (reasoning, memory), raspberry for the heart (personality, emotions).
   Deep indigo ink on cool paper; a yellow highlighter marks the one thing on screen that is "you"
   (the missing cell, the chosen answer, your score). One family, Archivo, whose width axis is the voice:
   wide for headings and the wordmark, normal for reading. */
@font-face{font-family:"Archivo";src:url(fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}

:root{
  --ink:#1b2140; --ink-2:#4a5070; --paper:#f4f5f8; --sheet:#ffffff; --rule:#d6dae6; --rule-strong:#a0a7be;
  --head:#2445d6; --head-dark:#1a33a6; --head-soft:#e6ebfd;
  --heart:#d63a6c; --heart-dark:#b02852; --heart-soft:#fce6ee;
  --marker:#ffe14d; --ok:#1f7a4d; --bad:#b4372b;
  --fam:var(--head); --fam-dark:var(--head-dark); --fam-soft:var(--head-soft);
  --f:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --s-1:14px; --s0:17px; --s1:21px; --s2:26px; --s3:34px; --s5:60px;
  --wrap:1160px; --read:690px; --gut:24px;
}
.pt-fam-heart,.pt-app--heart,.pt-cta--heart{--fam:var(--heart); --fam-dark:var(--heart-dark); --fam-soft:var(--heart-soft)}
.pt-app--head{--fam:var(--head); --fam-dark:var(--head-dark); --fam-soft:var(--head-soft)}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
html,body{overflow-x:clip}
body{font-family:var(--f);font-size:var(--s0);line-height:1.64;color:var(--ink);background:var(--paper)}
img,svg,video,iframe,table{max-width:100%}
body,button,input,select,textarea{font-family:var(--f)}
a{color:var(--head);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--head-dark);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--head);outline-offset:2px;border-radius:3px}
::selection{background:var(--marker)}
h1,h2,h3{color:var(--ink);font-stretch:118%;letter-spacing:-.012em;line-height:1.12;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
h1{font-size:clamp(32px,5vw,var(--s5));font-weight:820;font-stretch:125%;hyphens:manual;-webkit-hyphens:manual}
h2{font-size:clamp(24px,2.8vw,var(--s3));font-weight:760;margin:2.1em 0 .55em}
h3{font-size:var(--s1);font-weight:680;font-stretch:108%;margin:1.5em 0 .35em}
p{margin:0 0 1em}
strong{font-weight:680}
.pt-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);box-sizing:border-box}
.skip-link:focus{position:fixed;left:12px;top:12px;z-index:99;background:var(--ink);color:#fff;padding:10px 14px;border-radius:6px}

/* ---------------------------------------------------------------- GeneratePress shell */
.site,.site-content,.inside-article,.separate-containers .inside-article,.one-container .container{background:transparent!important}
.grid-container,.site-content{max-width:var(--wrap)!important}
.one-container .site-content,.site-content{padding:0 var(--gut)!important;box-sizing:border-box}
@media (max-width:600px){:root{--gut:20px}}
.inside-article{padding:0!important;position:relative}
.entry-header{margin:18px 0 18px}
.entry-title{max-width:18ch;margin:0}
.entry-content{margin:0!important}
.entry-content>*{max-width:var(--read)}
.entry-content>.pt-launch,.entry-content>.pt-hero,.entry-content>.pt-index,.entry-content>.pt-curve,.entry-content>.pt-related,.entry-content>.pt-hub,.entry-content>.pt-cta{max-width:none}
.entry-content ul,.entry-content ol{margin:0 0 1.2em 1.1em}
.entry-content li{margin:.3em 0}
.entry-content>p:first-child{font-size:var(--s1);line-height:1.5;color:var(--ink-2);max-width:42ch}
.site-footer{display:block;background:transparent!important;padding:0!important}
.site-info,.footer-widgets{display:none}
.generate-back-to-top{background:var(--ink)!important}
.pt-art{position:absolute;right:0;top:20px;width:clamp(200px,22vw,290px);height:auto;pointer-events:none}
@media (max-width:1040px){.pt-art{display:none}}

/* ---------------------------------------------------------------- brand */
.pt-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.pt-brand:hover{color:var(--ink)}
.pt-mark{width:30px;height:30px;flex:none;display:block}
.pt-brand__name{font-size:27px;font-weight:820;font-stretch:125%;letter-spacing:-.03em;line-height:1}

/* ---------------------------------------------------------------- header */
.pt-header{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:40}
.admin-bar .pt-header{top:32px}
.pt-header__in{display:flex;align-items:center;gap:20px;min-height:68px;min-width:0}
.pt-header__end{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}
.pt-nav{margin-left:20px;min-width:0}
.pt-nav>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;align-items:center}
.pt-nav li{margin:0}
.pt-nav a,.pt-nav summary{display:block;padding:9px 12px;color:var(--ink);text-decoration:none;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;list-style:none;white-space:nowrap}
.pt-nav summary::-webkit-details-marker,.pt-langdd summary::-webkit-details-marker{display:none}
.pt-nav summary::after,.pt-langdd summary::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);margin-left:9px}
.pt-nav details[open]>summary::after,.pt-langdd[open]>summary::after{transform:translateY(1px) rotate(225deg)}
.pt-nav a:hover,.pt-nav summary:hover,.pt-nav details[open]>summary{background:var(--sheet)}
.pt-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--marker)}
.pt-dd{position:relative}
.pt-panel{position:absolute;left:0;top:calc(100% + 8px);background:var(--sheet);border:1px solid var(--rule);border-radius:12px;padding:16px 20px;min-width:260px;box-shadow:0 18px 40px -24px rgba(27,33,64,.45)}
.pt-panel--tests{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;min-width:540px}
.pt-panel ul{list-style:none;margin:0;padding:0}
.pt-panel li{margin:0}
.pt-nav .pt-panel a{padding:7px 0;font-weight:560;font-size:15.5px;border-radius:0;white-space:normal;background:none}
.pt-nav .pt-panel a:hover{text-decoration:underline;text-decoration-color:var(--marker);text-decoration-thickness:3px}
.pt-col__t{font-size:var(--s-1);font-weight:700;margin:0 0 4px;padding-bottom:8px;border-bottom:3px solid var(--head)}
.pt-col--heart .pt-col__t{border-color:var(--heart)}
.pt-nav .pt-all a{color:var(--head)}
/* language: a small dropdown with the full language names */
.pt-langdd{position:relative}
.pt-langdd summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;height:42px;padding:0 12px;border:1px solid var(--rule-strong);border-radius:8px;font-size:14px;font-weight:700;letter-spacing:.03em;color:var(--ink);background:var(--paper)}
.pt-langdd summary::after{margin-left:2px}
.pt-langdd summary:hover,.pt-langdd[open] summary{background:var(--sheet);border-color:var(--ink)}
.pt-langdd__list{position:absolute;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:6px;background:var(--sheet);border:1px solid var(--rule);border-radius:10px;min-width:190px;box-shadow:0 18px 40px -24px rgba(27,33,64,.45);z-index:50}
.pt-langdd__list li{margin:0}
.pt-langdd__list a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;border-radius:6px;color:var(--ink);text-decoration:none;font-weight:560}
.pt-langdd__list a b{font-size:12px;color:var(--ink-2);letter-spacing:.04em}
.pt-langdd__list a:hover{background:var(--paper)}
.pt-langdd__list a[aria-current=true]{background:var(--head-soft)}
.pt-langdd__list a[aria-current=true] span::after{content:"";display:inline-block;width:5px;height:10px;border-right:2px solid var(--head);border-bottom:2px solid var(--head);transform:rotate(45deg);margin-left:10px;vertical-align:1px}
/* mobile menu: burger + full-height sheet */
.pt-burger{display:none;width:44px;height:42px;padding:0;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.pt-burger span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.pt-burger[aria-expanded=true]{background:var(--ink)}
.pt-burger[aria-expanded=true] span{background:#fff}
.pt-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.pt-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.pt-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.pt-sheet{display:none}
html.pt-locked{overflow:hidden}
@media (max-width:1100px){
  .pt-nav,.pt-header .pt-head-cta{display:none}
  .pt-burger{display:flex}
  .pt-header__end{gap:8px}
  .pt-sheet{position:fixed;left:0;right:0;top:69px;bottom:0;background:var(--paper);overflow-y:auto;overscroll-behavior:contain;z-index:39;border-top:1px solid var(--rule)}
  .admin-bar .pt-sheet{top:115px}
  .pt-sheet.is-open{display:block}
  .pt-sheet__in{max-width:640px;margin:0 auto;padding:8px 20px 28px;box-sizing:border-box}
  .pt-sheet__h{font-size:var(--s-1);font-weight:700;color:var(--ink-2);margin:22px 0 6px}
  .pt-sheet__fam{background:var(--sheet);border:1px solid var(--rule);border-left:5px solid var(--head);border-radius:10px;padding:6px 14px 4px;margin:0 0 10px}
  .pt-sheet__fam--heart{border-left-color:var(--heart)}
  .pt-sheet__t{font-size:13px;font-weight:700;color:var(--ink-2);margin:8px 0 2px}
  .pt-sheet ul{list-style:none;margin:0;padding:0}
  .pt-sheet li{margin:0}
  .pt-sheet__fam a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-top:1px solid var(--rule);color:var(--ink);text-decoration:none;font-weight:620;font-size:17px}
  .pt-sheet__fam li:first-child a{border-top:0}
  .pt-sheet__fam em{font-style:normal;font-size:13px;color:var(--ink-2);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
  .pt-sheet__list a{display:block;padding:12px 0;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none;font-weight:580;font-size:17px}
  .pt-sheet__list .pt-all a{color:var(--head);border-bottom:0}
  .pt-sheet__list--small{margin-top:14px!important}
  .pt-sheet__list--small a{font-size:15px;color:var(--ink-2);padding:9px 0;border:0}
  .pt-sheet a[aria-current=page]{box-shadow:inset 3px 0 0 var(--marker);padding-left:10px}
  .pt-sheet__cta{display:grid;gap:10px;margin-top:22px}
  .pt-sheet__cta .pt-btn{text-align:center}
}
@media (max-width:420px){.pt-brand__name{font-size:23px}.pt-mark{width:26px;height:26px}.pt-header__in{gap:10px}.pt-langdd summary{padding:0 9px}}
/* ---------------------------------------------------------------- breadcrumbs */
.pt-crumbs{font-size:var(--s-1);color:var(--ink-2);margin:26px 0 14px}
.pt-crumbs a{color:var(--ink-2)}
.pt-crumbs .breadcrumb_last{color:var(--ink);font-weight:600}

/* ---------------------------------------------------------------- buttons */
.pt-btn{display:inline-block;background:var(--head);color:#fff!important;text-decoration:none!important;font-weight:650;font-size:18px;padding:15px 24px;border-radius:8px;border:0;cursor:pointer;line-height:1.2}
.pt-btn:hover{background:var(--head-dark)}
.pt-btn--heart{background:var(--heart)}.pt-btn--heart:hover{background:var(--heart-dark)}
.pt-btn--sm{font-size:15px;padding:10px 16px}

/* ---------------------------------------------------------------- home hero: headline + a live matrix */
.pt-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center;padding:56px 0 56px}
.pt-hero h1{margin:0 0 22px;max-width:15ch;font-size:clamp(32px,4.4vw,56px)}
.pt-hero__lead{font-size:var(--s1);line-height:1.5;color:var(--ink-2);max-width:36ch;margin-bottom:28px}
.pt-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.pt-hero__note{color:var(--ink-2);font-size:var(--s-1);margin:0}
.pt-puzzle{margin:0;background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:26px;min-width:0}
.pt-puzzle figcaption{font-weight:680;font-stretch:108%;font-size:var(--s0);margin-bottom:16px}
.pt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--ink);width:100%;max-width:320px;box-sizing:border-box}
.pt-grid>div{aspect-ratio:1;border-right:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);position:relative;background:#fff;min-width:0}
.pt-grid>div:nth-child(3n){border-right:0}.pt-grid>div:nth-child(n+7){border-bottom:0}
.pt-grid svg{display:block;width:100%;height:100%}
.pt-grid .pt-gap{background:var(--marker)}
.pt-grid .pt-gap span{position:absolute;inset:0;display:grid;place-items:center;font-size:44px;font-weight:820;font-stretch:125%;color:var(--ink)}
.pt-grid .pt-gap.filled{background:#fff;box-shadow:inset 0 0 0 4px var(--marker)}
.pt-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:320px;margin-top:16px}
.pt-opts button{aspect-ratio:1;padding:0;background:#fff;border:1.5px solid var(--rule-strong);border-radius:6px;cursor:pointer;min-width:0}
.pt-opts button:hover{border-color:var(--ink)}
.pt-opts button svg{display:block;width:100%;height:100%}
.pt-opts button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--marker)}
.pt-opts button.is-right{box-shadow:0 0 0 3px var(--ok)}
.pt-fb{min-height:1.6em;margin:14px 0 0;font-size:15px;max-width:34ch}
.pt-fb.ok{color:var(--ok)}.pt-fb.bad{color:var(--bad)}
.pt-fb a{font-weight:650}
@media (max-width:900px){.pt-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:28px 0 28px}.pt-puzzle{max-width:420px;padding:20px;box-sizing:border-box}}
@media (prefers-reduced-motion:no-preference){.pt-grid .pt-gap.filled svg{animation:pt-in .35s ease-out}@keyframes pt-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}}

/* ---------------------------------------------------------------- index of tests: two families */
.pt-index{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:20px 0 10px}
.pt-index h2{margin:0 0 4px;font-size:var(--s1);font-stretch:112%;padding-bottom:10px;border-bottom:3px solid var(--head)}
.pt-index__fam--heart h2{border-color:var(--heart)}
.pt-index ul{list-style:none;margin:0!important;padding:0}
.pt-index li{margin:0!important;border-bottom:1px solid var(--rule)}
.pt-index a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:2px 16px;align-items:start;padding:16px 4px 16px 0;color:var(--ink);text-decoration:none}
.pt-index a:hover strong{text-decoration:underline;text-decoration-color:var(--marker);text-decoration-thickness:4px;text-underline-offset:4px}
.pt-index img{width:64px;height:64px;grid-row:1/3;grid-column:1;border-radius:8px;background:var(--sheet)}
.pt-index strong{grid-column:2;grid-row:1;font-size:var(--s1);font-weight:740;font-stretch:115%;line-height:1.2}
.pt-index span{grid-column:2/-1;grid-row:2;color:var(--ink-2);font-size:15.5px;line-height:1.45}
.pt-index em{grid-column:3;grid-row:1;font-style:normal;font-size:var(--s-1);font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:4px}
@media (max-width:860px){.pt-index{grid-template-columns:minmax(0,1fr);gap:28px}}

/* ---------------------------------------------------------------- IQ distribution */
.pt-curve{margin:30px 0 26px;background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:22px 24px 14px}
.pt-curve figcaption{color:var(--ink-2);margin:0 0 10px;max-width:70ch;font-size:16px}
.pt-curve figcaption strong{display:block;color:var(--ink);font-size:var(--s1);font-stretch:112%;margin-bottom:2px}
.pt-curve svg{width:100%;height:auto;display:block}
.pt-curve text{font-family:var(--f);fill:var(--ink)}
@media (max-width:560px){.pt-curve{padding:16px 12px 8px}}

/* ---------------------------------------------------------------- call to action, related, guides hub */
.pt-cta{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--sheet);border:1px solid var(--rule);border-left:6px solid var(--fam);border-radius:12px;padding:16px 20px;margin:26px 0}
.pt-cta img{width:84px;height:84px;border-radius:8px;background:var(--paper)}
.pt-cta p{margin:0;color:var(--ink-2);font-size:15.5px}
.pt-cta .pt-cta__t{color:var(--ink);font-weight:740;font-stretch:112%;font-size:var(--s1)}
@media (max-width:640px){.pt-cta{grid-template-columns:64px minmax(0,1fr)}.pt-cta img{width:64px;height:64px}.pt-cta .pt-btn{grid-column:1/-1;text-align:center}}
.pt-related{margin:56px 0 0;padding-top:8px}
.pt-related h2{font-size:var(--s2);margin:0 0 14px}
.pt-related ul,.pt-hub ul{list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}
.pt-related li,.pt-hub li{margin:0!important}
.pt-related a,.pt-hub a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:16px 18px;background:var(--sheet);border:1px solid var(--rule);border-top:4px solid var(--rule-strong);border-radius:10px;color:var(--ink);text-decoration:none}
.pt-rel--head a{border-top-color:var(--head)}.pt-rel--heart a{border-top-color:var(--heart)}
.pt-related a:hover,.pt-hub a:hover{border-color:var(--ink)}
.pt-rel--head a:hover{border-top-color:var(--head)}.pt-rel--heart a:hover{border-top-color:var(--heart)}
.pt-related em{font-style:normal;font-size:13px;font-weight:700;color:var(--ink-2)}
.pt-related strong,.pt-hub strong{font-size:18px;font-weight:720;font-stretch:110%;line-height:1.25}
.pt-related span,.pt-hub span{font-size:14.5px;color:var(--ink-2);line-height:1.45}
.pt-hub{margin:8px 0 36px}
.pt-hub h2{font-size:var(--s2);margin:26px 0 14px}

/* ---------------------------------------------------------------- reading */
.entry-content table,.pt-table{border:0;border-collapse:collapse;width:100%;margin:6px 0 18px;font-variant-numeric:tabular-nums;font-size:16px}
.entry-content table td,.entry-content table th{border-left:0;border-right:0;border-top:0}
.entry-content table th{text-align:left;font-weight:700;border-bottom:2px solid var(--ink);padding:9px 10px 9px 0}
.entry-content table td{border-bottom:1px solid var(--rule);padding:9px 10px 9px 0}
.entry-content h2+ul,.entry-content h3+p{margin-top:0}

/* ---------------------------------------------------------------- footer */
.pt-foot{background:var(--ink);color:#c5cbe0;margin-top:96px;padding:56px 0 28px;font-size:var(--s-1);position:relative}
.pt-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--head) 0 50%,var(--heart) 50% 100%)}
.pt-foot__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr .8fr;gap:32px;margin-bottom:36px}
.pt-foot h2{color:#fff;font-size:15px;font-stretch:110%;margin:4px 0 14px;line-height:1.3;hyphens:manual;-webkit-hyphens:manual}
.pt-foot ul{list-style:none;margin:0;padding:0}
.pt-foot li{margin:0 0 9px}
.pt-foot a{color:#fff;text-decoration:none}.pt-foot a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--marker);text-decoration-thickness:2px}
.pt-foot .pt-brand{margin-bottom:14px}.pt-foot .pt-brand__name{color:#fff}
.pt-foot__brand p{font-size:17px;color:#fff;max-width:18ch;line-height:1.4;margin:0 0 18px}
.pt-foot__brand .pt-btn{font-size:15px;padding:11px 16px}
.pt-foot__small{max-width:90ch;line-height:1.55;margin:0;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}
.pt-foot__bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:18px;color:#9aa2c0}
.pt-foot__bar ul{display:flex;gap:16px;flex-wrap:wrap}
.pt-foot__bar li{margin:0}
@media (max-width:900px){.pt-foot{margin-top:64px;padding-top:44px}.pt-foot__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.pt-foot__brand{grid-column:1/-1}}

/* ---------------------------------------------------------------- the test itself (#pt-app): an answer sheet in the family colour */
body #pt-app{--bg:transparent;--card:transparent;--line:var(--rule);--acc:var(--fam);--mute:var(--ink-2);display:none;position:fixed;inset:0;z-index:2147483000;height:100vh;height:100dvh;flex-direction:column;background:var(--sheet)!important;border:0;border-radius:0!important;padding:0!important;margin:0!important;font-family:var(--f)!important;font-size:var(--s0)!important;line-height:1.5;color:var(--ink);box-sizing:border-box}
body #pt-app.is-open{display:flex}
html.pt-noscroll,html.pt-noscroll body{overflow:hidden!important;overscroll-behavior:none}
/* top bar: wordmark, test name, exit. The family colour runs along its top edge, as on the old answer sheet */
body #pt-app .pt-bar{flex:none;display:flex;align-items:center;gap:14px;height:56px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));box-shadow:inset 0 5px 0 var(--fam);border-bottom:1px solid var(--rule);background:var(--sheet)}
body #pt-app .pt-bar__brand{font-weight:820;font-stretch:125%;font-size:17px;letter-spacing:-.01em;color:var(--ink);padding-top:4px}
body #pt-app .pt-bar__t{flex:1;min-width:0;padding-top:4px;color:var(--ink-2);font-size:15px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body #pt-app .pt-bar__x{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;border:1.5px solid var(--rule-strong);border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:15px;font-weight:620;cursor:pointer;line-height:1}
body #pt-app .pt-bar__x:hover{border-color:var(--ink)}
/* the stage: one screen, the question centred in it; it only scrolls on result pages */
body #pt-app .pt-stage{flex:1;min-height:0;position:relative;display:flex;overflow-y:auto;overscroll-behavior:contain;padding:30px 20px max(24px,env(safe-area-inset-bottom));outline:0;-webkit-overflow-scrolling:touch}
body #pt-main{width:100%;max-width:680px!important;padding:0!important;margin:auto!important}
body #pt-app .prog{position:absolute;left:0;right:0;top:0;height:4px;margin:0;border:0;border-radius:0;background:var(--rule)}
body #pt-app .card{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 18px;box-shadow:none}
body #pt-app .card+.card{border-top:1px solid var(--rule);padding-top:18px}
body #pt-app h1{font-size:var(--s3);margin:4px 0 10px}body #pt-app h2{font-size:var(--s1);margin:16px 0 8px}
body #pt-app .meta{font-size:var(--s-1);color:var(--ink-2);font-weight:560;font-variant-numeric:tabular-nums}
body #pt-app .stmt{font-size:var(--s1);line-height:1.4;font-weight:580;font-stretch:104%;margin:10px 0 14px}
body #pt-app .prog i{background:var(--fam)}
body #pt-app .btn{background:var(--fam);color:#fff;border-radius:8px;font-weight:650;padding:13px 22px;font-size:17px;border:0}
body #pt-app .btn:hover{background:var(--fam-dark)}
body #pt-app .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
body #pt-app .btn:disabled{opacity:.5}
body #pt-app .lk{gap:8px}
body #pt-app .lk button{border:1.5px solid var(--rule-strong);border-radius:8px;padding:13px 16px;font-size:16px;color:var(--ink);background:#fff}
body #pt-app .lk button:hover{border-color:var(--ink);background:var(--fam-soft)}
body #pt-app .grid9{gap:0;border:2px solid var(--ink);max-width:330px}
body #pt-app .grid9 .cell{border:0;border-right:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);border-radius:0}
body #pt-app .grid9 .cell:nth-child(3n){border-right:0}body #pt-app .grid9 .cell:nth-child(n+7){border-bottom:0}
body #pt-app .cell.q{background:var(--marker);color:var(--ink);font-weight:820;font-stretch:125%;font-size:34px}
body #pt-app .pal{gap:8px;max-width:320px}
body #pt-app .pal button{border:1.5px solid var(--rule-strong);border-radius:5px}
body #pt-app .pal button.sel,body #pt-app .opt.sel{background:#fff;border-color:var(--ink);box-shadow:0 0 0 3px var(--marker)}
body #pt-app .opt{border:1.5px solid var(--rule-strong);border-radius:8px}
body #pt-app .series{font-size:clamp(24px,4vw,32px);font-weight:720;font-stretch:112%;letter-spacing:.02em;overflow-wrap:anywhere}
body #pt-app .abc{letter-spacing:.18em;font-family:var(--f);font-variant-numeric:tabular-nums}
body #pt-app input[type=number],body #pt-app input[type=text]{border:0;border-bottom:2px solid var(--ink);border-radius:0;background:var(--paper);font-size:22px;padding:8px 10px;font-variant-numeric:tabular-nums;max-width:100%;box-sizing:border-box}
body #pt-app select{border:1.5px solid var(--rule-strong);border-radius:8px;padding:9px 10px;font-size:16px;max-width:100%}
body #pt-app label.f{font-weight:600}
body #pt-app .board{background:var(--paper);border:2px solid var(--ink);border-radius:0}
body #pt-app .blk{background:var(--ink);border-radius:4px}
body #pt-app .blk.on{background:var(--marker);outline:3px solid var(--ink)}
body #pt-app .digit{font-weight:820;font-stretch:125%;font-size:64px}
body #pt-app .big{font-size:clamp(56px,10vw,88px);font-weight:820;font-stretch:125%;letter-spacing:-.02em;line-height:1;display:inline-block;background:linear-gradient(transparent 62%,var(--marker) 62%)}
body #pt-app .bar{height:8px;background:var(--paper);border-radius:0;border-bottom:1px solid var(--ink)}
body #pt-app .bar i{background:var(--fam)}
body #pt-app .scale{padding:12px 0;border-bottom:1px solid var(--rule);margin:0}
body #pt-app .scale b{font-size:17px;font-weight:700;font-stretch:108%}
body #pt-app table{font-variant-numeric:tabular-nums}
body #pt-app td,body #pt-app th{border-bottom:1px solid var(--rule)}
body #pt-app .warn{color:var(--bad)}
body #pt-app .fb.ok{color:var(--ok)}body #pt-app .fb.bad{color:var(--bad)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------------------------------------------------------------- test landing: cover, facts, technical sheet, preview, strengths, FAQ */
.pt-type-test .inside-article{padding-top:0!important}
.pt-cover{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:center;padding:8px 0 40px}
.pt-cover .pt-crumbs{margin:22px 0 22px}
.pt-famtag{display:inline-flex;align-items:center;gap:8px;font-size:var(--s-1);font-weight:700;color:var(--ink-2);margin:0 0 12px}
.pt-famtag span{width:12px;height:12px;border-radius:3px;background:var(--fam)}
.pt-cover h1{margin:0 0 18px;max-width:17ch;font-size:clamp(32px,4.6vw,56px)}
.pt-cover__lead{font-size:var(--s1);line-height:1.5;color:var(--ink-2);max-width:44ch;margin:0 0 26px}
.pt-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 28px;border-top:2px solid var(--ink);max-width:640px}
.pt-facts>div{padding:12px 14px 0 0;min-width:0}
.pt-facts>div+div{padding-left:14px;border-left:1px solid var(--rule)}
.pt-facts dt{font-size:13px;font-weight:600;color:var(--ink-2);margin:0 0 2px}
.pt-facts dd{margin:0;font-size:19px;font-weight:760;font-stretch:112%;line-height:1.2;overflow-wrap:anywhere}
.pt-cover .pt-actions{align-items:center;gap:16px}
.pt-cover__note{font-size:var(--s-1);color:var(--ink-2)}
.pt-cover__art{margin:0;aspect-ratio:1;border-radius:20px;background:var(--fam-soft);display:grid;place-items:center;overflow:hidden;position:relative;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--fam) 26%,transparent) 1.4px,transparent 1.6px);background-size:22px 22px}
.pt-cover__art img{width:88%;height:auto}
@media (max-width:900px){
  .pt-cover{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:24px}
  .pt-cover__art{display:none}
  .pt-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pt-facts>div:nth-child(3){padding-left:0;border-left:0}
  .pt-facts>div:nth-child(n+3){border-top:1px solid var(--rule);margin-top:12px}
  .pt-cover .pt-actions .pt-btn{flex:1 1 100%;text-align:center}
}
/* layout: reading column + sticky technical sheet */
.pt-type-test .entry-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:64px;align-items:start}
.pt-type-test .entry-content>*{grid-column:1;max-width:var(--read);min-width:0}
.pt-type-test .entry-content>#pt-app{max-width:none}
.pt-type-test .entry-content>.pt-cover,.pt-type-test .entry-content>.pt-why,.pt-type-test .entry-content>.pt-related{grid-column:1/-1;max-width:none}
.pt-type-test .entry-content>.pt-aside{grid-column:2;grid-row:2/span 80;align-self:stretch;max-width:none}
.pt-aside__in{position:sticky;top:96px;background:var(--sheet);border:1px solid var(--rule);border-top:5px solid var(--fam);border-radius:12px;padding:18px 20px;margin-top:26px}
.pt-aside__t{font-weight:760;font-stretch:112%;font-size:18px;margin:0 0 6px}
.pt-aside dl{margin:0 0 16px}
.pt-aside dl>div{padding:10px 0;border-bottom:1px solid var(--rule)}
.pt-aside dt{font-size:13px;font-weight:700;color:var(--ink-2)}
.pt-aside dd{margin:2px 0 0;font-size:14.5px;line-height:1.45}
.pt-aside .pt-btn{display:block;text-align:center}
.pt-aside__m{margin:12px 0 0;font-size:var(--s-1);text-align:center}
@media (max-width:1000px){
  .pt-type-test .entry-content{display:block}
  .pt-aside__in{position:static;margin:28px 0 0}
}
/* result preview */
.pt-prev{position:relative;margin:8px 0 18px;background:var(--sheet);border:1px solid var(--rule);border-radius:14px;padding:22px 24px 18px;max-width:560px}
.pt-prev__ex{position:absolute;top:14px;right:14px;font-size:12px;font-weight:700;color:var(--ink-2);border:1px dashed var(--rule-strong);border-radius:20px;padding:2px 10px}
.pt-prev__label{font-weight:700;font-size:15px;margin:0 0 6px;padding-right:80px}
.pt-prev__big{display:flex;align-items:baseline;gap:12px;margin:0;font-size:clamp(52px,9vw,72px);font-weight:820;font-stretch:125%;line-height:1}
.pt-prev__big span{font-size:18px;font-weight:650;font-stretch:100%;color:var(--ink-2)}
.pt-prev__band{display:inline-block;margin:10px 0 8px;font-weight:700;background:linear-gradient(transparent 55%,var(--marker) 55%)}
.pt-prev svg{display:block;width:100%;height:auto;margin-top:4px}
.pt-prev__curve{fill:none;stroke:var(--ink);stroke-width:1.6}
.pt-prev__ci{fill:var(--fam-soft)}
.pt-prev__base{stroke:var(--ink);stroke-width:1.2}
.pt-prev__mark{stroke:var(--fam);stroke-width:3}
.pt-prev figcaption{font-size:var(--s-1);color:var(--ink-2);margin-top:10px}
.pt-prev__bars{list-style:none;margin:6px 0 0!important;padding:0}
.pt-prev__bars li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 44px;gap:12px;align-items:center;margin:0!important;padding:7px 0;border-bottom:1px solid var(--rule);font-size:15px}
.pt-prev__bars li:last-child{border-bottom:0}
.pt-prev__bars span{line-height:1.3}
.pt-prev__bars i{display:block;height:10px;background:linear-gradient(90deg,var(--fam) var(--v),var(--paper) var(--v));border-radius:5px}
.pt-prev__bars b{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.pt-prev__code{margin:4px 0 6px;font-size:56px;font-weight:820;font-stretch:125%;letter-spacing:.04em;line-height:1}
.pt-prev__axis{position:relative;display:flex;justify-content:space-between;font-weight:700;padding:30px 0 0;margin:12px 0 4px}
.pt-prev__axis::before{content:"";position:absolute;left:0;right:0;top:12px;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--fam-soft),var(--fam))}
.pt-prev__axis i{position:absolute;top:6px;left:var(--v);width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--marker);border:3px solid var(--ink);box-sizing:border-box}
@media (max-width:560px){.pt-prev{padding:18px 16px 14px}.pt-prev__bars li{grid-template-columns:minmax(0,1fr) 38px;row-gap:4px}.pt-prev__bars span{grid-column:1/-1}}
/* strengths */
.pt-why{margin:52px 0 8px;padding:28px 0 4px;border-top:2px solid var(--ink)}
.pt-why h2{margin:0 0 18px;font-size:var(--s2)}
.pt-why ul{list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.pt-why li{margin:0!important;display:flex;flex-direction:column;gap:6px}
.pt-why svg{color:var(--head);margin-bottom:4px}
.pt-why li:nth-child(even) svg{color:var(--heart)}
.pt-why strong{font-size:18px;font-weight:740;font-stretch:110%;line-height:1.25}
.pt-why span{font-size:15px;color:var(--ink-2);line-height:1.5}
@media (max-width:900px){.pt-why ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (max-width:480px){.pt-why ul{grid-template-columns:minmax(0,1fr)}.pt-why li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px}.pt-why svg{grid-row:1/3}}
/* FAQ */
.pt-faq{border-bottom:1px solid var(--rule)}
.entry-content h2+.pt-faq{border-top:1px solid var(--rule)}
.pt-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-weight:680;font-size:18px;font-stretch:104%;line-height:1.35}
.pt-faq summary::-webkit-details-marker{display:none}
.pt-faq summary::after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-weight:600;line-height:1;font-size:18px}
.pt-faq[open] summary::after{content:"\2212";background:var(--ink);color:#fff}
.pt-faq p{margin:-4px 0 18px;color:var(--ink-2);max-width:62ch}
/* steps */
.pt-type-test .entry-content ol{counter-reset:pt;list-style:none;margin-left:0!important;padding:0}
.pt-type-test .entry-content ol>li{counter-increment:pt;position:relative;padding:4px 0 10px 44px;margin:0 0 6px}
.pt-type-test .entry-content ol>li::before{content:counter(pt);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:8px;background:var(--fam-soft);color:var(--fam-dark);display:grid;place-items:center;font-weight:800;font-size:15px}

/* ---------------------------------------------------------------- start form of every test */
body #pt-app .pt-start h2{font-size:var(--s2);margin:0 0 6px}
body #pt-app .pt-start .sub{color:var(--ink-2);margin:0 0 20px;max-width:56ch}
body #pt-app .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px}
body #pt-app .fld{display:flex;flex-direction:column;gap:7px;border:0;padding:0;margin:0 0 18px;min-width:0}
body #pt-app .fgrid .fld{margin:0}
body #pt-app .lab{font-weight:680;font-size:15px;padding:0;color:var(--ink)}
body #pt-app .pt-start input[type=number],body #pt-app .pt-start select{width:100%;height:52px;box-sizing:border-box;border:1.5px solid var(--rule-strong);border-radius:10px;background:#fff;font-size:18px;padding:0 14px;color:var(--ink);font-family:var(--f);-moz-appearance:textfield}
body #pt-app .pt-start input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
body #pt-app .pt-start select{appearance:none;-webkit-appearance:none;padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231b2140' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center}
body #pt-app .pt-start input:focus,body #pt-app .pt-start select:focus{outline:none;border-color:var(--fam);box-shadow:0 0 0 3px var(--fam-soft)}
body #pt-app .pt-start input[aria-invalid=true]{border-color:var(--bad)}
body #pt-app .err{color:var(--bad);font-size:14px;font-weight:600}
body #pt-app .err:empty{display:none}
body #pt-app .seg{display:flex;flex-wrap:wrap;gap:8px}
body #pt-app .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body #pt-app .seg label,body #pt-app .choices label{position:relative;cursor:pointer;margin:0}
body #pt-app .seg input,body #pt-app .choices input{position:absolute;opacity:0;width:1px;height:1px}
body #pt-app .seg span{display:block;padding:11px 18px;border:1.5px solid var(--rule-strong);border-radius:999px;background:#fff;font-weight:600;font-size:15.5px}
body #pt-app .choices span{display:flex;align-items:flex-start;gap:10px;height:100%;box-sizing:border-box;padding:13px 14px;border:1.5px solid var(--rule-strong);border-radius:10px;background:#fff;font-size:15px;line-height:1.35;font-weight:560}
body #pt-app .choices span::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;border:2px solid var(--rule-strong);background:#fff;box-sizing:border-box}
body #pt-app .seg label:hover span,body #pt-app .choices label:hover span{border-color:var(--ink)}
body #pt-app .seg input:checked+span{background:var(--fam);border-color:var(--fam);color:#fff}
body #pt-app .choices input:checked+span{border-color:var(--fam);background:var(--fam-soft);box-shadow:none}
body #pt-app .choices input:checked+span::before{border:5px solid var(--fam)}
body #pt-app .seg input:focus-visible+span,body #pt-app .choices input:focus-visible+span{outline:3px solid var(--fam);outline-offset:2px}
body #pt-app .consent{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);margin:4px 0 14px;cursor:pointer;line-height:1.45}
body #pt-app .consent input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--fam)}
body #pt-app .priv{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink-2);background:var(--paper);border-radius:8px;padding:10px 12px;margin:0 0 16px}
body #pt-app .priv svg{flex:none;color:var(--ink)}
body #pt-app .btn-go{display:block;width:100%;height:56px;font-size:18px;margin:0}
body #pt-app .minor{margin:12px 0 0;text-align:center}
@media (max-width:640px){body #pt-app .fgrid{grid-template-columns:minmax(0,1fr)}body #pt-app .choices{grid-template-columns:minmax(0,1fr)}}
/* ---- everything a question needs fits in one screen: sizes follow the screen height (dvh), not just its width */
body #pt-app .card{margin:0}
body #pt-app .meta{margin:0 0 2px}
body #pt-app .row{margin-top:clamp(10px,2.2dvh,20px)}
body #pt-app .stmt{margin:6px 0 clamp(10px,2dvh,16px)}
body #pt-app .mx{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8dvh,16px)}
body #pt-app .grid9{width:min(320px,74vw,32dvh);max-width:none;margin:0 auto}
body #pt-app .pal{grid-template-columns:repeat(5,minmax(0,1fr));width:min(360px,92vw,calc((26dvh - 18px) * 1.25 + 24px));max-width:none;margin:0 auto;gap:6px}
body #pt-app .sol .grid9{width:min(300px,74vw,42dvh)}
body #pt-app .sol:not([data-t=numeric_reasoning]) .stmt{display:none}
body #pt-app .fb{margin:0 0 12px;font-size:var(--s1);font-weight:700;text-align:left}
body #pt-app .target{width:min(170px,40vw,18dvh);max-width:none}
body #pt-app .opts{gap:6px;margin-top:clamp(6px,1.4dvh,12px)}
body #pt-app .opt{display:flex;flex-direction:column;align-items:center;padding:4px 4px 2px;line-height:1.3}
body #pt-app .opt svg{width:auto;max-width:100%;height:auto;max-height:11.5dvh}
body #pt-app .lk{gap:clamp(6px,1.2dvh,10px)}
body #pt-app .lk button{padding:clamp(10px,1.8dvh,14px) 16px}
body #pt-app .lk button:focus-visible,body #pt-app .opt:focus-visible{outline:3px solid var(--fam);outline-offset:2px}
@media (min-width:900px){
  body #pt-app .mx{flex-direction:row;justify-content:center;align-items:flex-start;gap:44px}
  body #pt-app .grid9{width:min(330px,44dvh)}
  body #pt-app .pal{width:min(380px,calc((44dvh - 18px) * 1.25 + 24px))}
  body #pt-app .opts{grid-template-columns:repeat(5,minmax(0,1fr))}
  body #pt-main:has(.mx){max-width:820px!important}
}
/* the "before you start" form, compact so it also fits without scrolling */
body #pt-app .pt-start h2{font-size:clamp(21px,3.2dvh,26px);margin:0 0 4px}
body #pt-app .pt-start .sub{font-size:15px;line-height:1.45;margin:0 0 clamp(12px,2.4dvh,20px)}
body #pt-app .pt-start .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 clamp(10px,2dvh,16px)}
body #pt-app .pt-start .fld{gap:5px;margin:0 0 clamp(10px,2dvh,16px)}
body #pt-app .pt-start .fgrid .fld{margin:0}
body #pt-app .pt-start fieldset.fld{display:block}
body #pt-app .pt-start fieldset.fld legend{margin:0 0 6px;padding:0;float:none}
body #pt-app .pt-start input[type=number],body #pt-app .pt-start select{height:clamp(44px,6.4dvh,52px)}
body #pt-app .pt-start .seg{gap:6px}
body #pt-app .pt-start .seg span{padding:9px 12px;font-size:14.5px}
body #pt-app .pt-start .consent{font-size:13.5px;margin:0 0 10px;gap:10px}
body #pt-app .pt-start .priv{font-size:13px;padding:8px 10px;margin:0 0 clamp(10px,2dvh,16px)}
body #pt-app .pt-start .btn-go{height:clamp(48px,7dvh,56px)}
body #pt-app .pt-start .minor{margin:8px 0 0;font-size:12.5px}
@media (max-width:420px){body #pt-app .pt-stage{padding:22px 16px max(18px,env(safe-area-inset-bottom))}body #pt-app .stmt{font-size:18px}body #pt-app .pt-bar__brand{display:none}body #pt-app .pt-bar{padding-left:16px}}
@media (max-height:760px){body #pt-app .pt-start .sub{display:none}body #pt-app .pt-start h2{margin-bottom:14px}}
@media (max-height:670px){body #pt-app .stmt{font-size:17px;line-height:1.35}body #pt-app .target{width:min(150px,15dvh)}body #pt-app .opt svg{max-height:10dvh}body #pt-app .grid9{width:min(300px,74vw,30dvh)}body #pt-app .pal{width:min(340px,92vw,calc((24dvh - 18px) * 1.25 + 24px))}body #pt-app .pt-start .consent{font-size:13px;line-height:1.35}body #pt-app .pt-start .priv{padding:6px 10px}body #pt-app .pt-start .minor{margin-top:4px}body #pt-app .pt-stage{padding-top:16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}body #pt-app .pt-start h2{margin-bottom:14px}}
@media (min-width:900px){body #pt-app .opt svg{max-height:17dvh}body #pt-app .target{width:min(190px,24dvh)}}
@media (prefers-reduced-motion:no-preference){body #pt-app.is-open{animation:pt-in .18s ease-out}@keyframes pt-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* ---- result extras: context, precision, challenge, profile */
body #pt-app .ctx p,body #pt-app .mg p{margin:6px 0}
body #pt-app .figs li{border:1.5px solid var(--rule);border-radius:8px;background:#fff}
body #pt-app .figs li:first-child{border-color:var(--ink);box-shadow:inset 6px 0 0 var(--marker)}
body #pt-app .figs b{font-weight:720;font-stretch:108%}
body #pt-app .mgbar{border-radius:0;background:var(--paper);border-bottom:1px solid var(--ink)}
body #pt-app .mgbar i{border-radius:0;background:var(--fam-soft);border:1.5px solid var(--fam);box-sizing:border-box}
body #pt-app .mgbar i.f{background:var(--fam)}
body #pt-app .mgrow span{font-weight:620;font-size:15px}
body #pt-app .vsn b{font-weight:820;font-stretch:125%;font-size:clamp(36px,7vw,52px)}
body #pt-app .bar.two i.o,body #pt-app .vsk i.o{background:var(--marker);box-shadow:0 0 0 2px var(--ink)}
body #pt-app .soc-sh{margin:0 0 18px}
body #pt-app .soc h2,body #pt-app .pf h2,body #pt-app .ctx h2,body #pt-app .mg h2,body #pt-app .vs h2{margin-top:6px}
body #pt-app .chf input[type=text]{font-size:16px;height:48px;box-sizing:border-box;border:1.5px solid var(--rule-strong);border-radius:8px;background:#fff;padding:0 12px}
body #pt-app .chf .btn{height:48px;padding:0 20px}
body #pt-app .pfbar{border-radius:0;background:var(--paper)}body #pt-app .pfbar i{background:var(--fam)}
body #pt-app .pfl a{border:1.5px solid var(--rule);border-radius:8px;background:#fff}
body #pt-app .pfl li.on a{border-color:var(--fam)}body #pt-app .pfl a:hover{border-color:var(--ink)}
body #pt-app .card.small,body #pt-app .card+.card{margin-top:18px}

/* ---- the launcher left in the page */
.pt-launch{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 28px;background:var(--sheet);border:1px solid var(--rule);border-top:6px solid var(--fam);border-radius:14px;padding:20px 26px;margin:26px 0 8px;box-sizing:border-box}
.pt-launch--after:not(.is-run){display:none}
.pt-launch__txt{min-width:0;flex:1 1 260px}
.pt-launch p{margin:0}
.pt-launch__t{font-size:var(--s1);font-weight:760;font-stretch:115%;line-height:1.2;color:var(--ink)}
.pt-launch__m{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px!important;font-size:15px;color:var(--ink-2)}
.pt-launch__m b{color:var(--ink);font-weight:700}
.pt-launch__s{margin-top:8px!important;font-weight:650;color:var(--fam-dark)}
.pt-launch__go{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.pt-launch__n{font-size:13.5px;color:var(--ink-2);max-width:30ch}
@media (max-width:560px){.pt-launch{padding:18px}.pt-launch__go{align-items:stretch;text-align:center;width:100%}.pt-launch__go .pt-btn{text-align:center}.pt-launch__n{max-width:none}}

/* ---------------------------------------------------------------- v3 structure: home */
.entry-content>.pt-cat,.entry-content>.pt-steps,.entry-content>.pt-science,.entry-content>.pt-featured,.entry-content>.pt-article{max-width:none}
.pt-hero h1{font-size:clamp(34px,4.3vw,54px);max-width:15ch}
.pt-btn--ghost{background:transparent;color:var(--ink)!important;box-shadow:inset 0 0 0 2px var(--ink)}
.pt-btn--ghost:hover{background:var(--sheet)}
.pt-trust{list-style:none;margin:6px 0 0!important;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;max-width:none}
.pt-trust li{display:flex;align-items:center;gap:7px;margin:0!important;font-size:15px;font-weight:600;color:var(--ink-2)}
.pt-trust svg{color:var(--ok);flex:none}
.pt-report{margin:0;background:var(--sheet);border:1px solid var(--rule);border-top:6px solid var(--head);border-radius:14px;padding:22px 24px 18px;position:relative;box-shadow:0 24px 50px -36px rgba(27,33,64,.5)}
.pt-report__tag{position:absolute;top:16px;right:16px;margin:0;font-size:12px;font-weight:700;color:var(--ink-2);border:1px dashed var(--rule-strong);border-radius:20px;padding:2px 10px}
.pt-report__t{margin:0 0 4px;font-weight:700;font-size:15px}
.pt-report__big{margin:0;font-size:clamp(56px,6vw,76px);font-weight:820;font-stretch:125%;line-height:1;display:inline-block;background:linear-gradient(transparent 62%,var(--marker) 62%)}
.pt-report__ci{margin:8px 0 0;font-size:15px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pt-report img{display:block;width:100%;height:auto;margin:6px 0 4px}
.pt-report__dl{display:grid;grid-template-columns:auto 1fr;gap:16px;margin:0;border-top:1px solid var(--rule);padding-top:12px}
.pt-report__dl dt{font-size:12.5px;font-weight:700;color:var(--ink-2)}
.pt-report__dl dd{margin:0;font-size:15px;font-weight:650;line-height:1.35}
.pt-report__dl div:first-child dd{font-size:22px;font-weight:800;font-stretch:115%}
.pt-cat{margin:24px 0 8px}
.pt-cat>h2{margin:0 0 6px}
.pt-cat__fam{display:flex;align-items:center;gap:10px;font-size:var(--s-1);font-weight:700;color:var(--ink-2);margin:26px 0 12px;font-stretch:100%}
.pt-cat__fam span{width:12px;height:12px;border-radius:3px;background:var(--head)}
.pt-cat__fam--heart span{background:var(--heart)}
.pt-cards{list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.pt-card{margin:0!important}
.pt-card a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:var(--sheet);border:1px solid var(--rule);border-radius:14px;overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.pt-card a:hover{border-color:var(--ink);transform:translateY(-2px)}
.pt-card__fig{display:grid;place-items:center;height:150px;background:var(--head-soft);background-image:radial-gradient(circle,rgba(36,69,214,.18) 1.2px,transparent 1.4px);background-size:20px 20px}
.pt-card--heart .pt-card__fig{background-color:var(--heart-soft);background-image:radial-gradient(circle,rgba(214,58,108,.18) 1.2px,transparent 1.4px)}
.pt-card__fig img{width:132px;height:132px;object-fit:contain}
.pt-card strong{display:block;padding:16px 18px 0;font-size:20px;font-weight:780;font-stretch:115%;line-height:1.2}
.pt-card__d{display:block;padding:6px 18px 0;font-size:15px;color:var(--ink-2);line-height:1.45;flex:1}
.pt-card__m{display:flex;gap:8px;padding:14px 18px 18px}
.pt-card__m em{font-style:normal;font-size:13px;font-weight:700;background:var(--paper);border:1px solid var(--rule);border-radius:20px;padding:3px 10px;font-variant-numeric:tabular-nums}
.pt-steps{margin:56px 0 10px}
.pt-steps h2{margin:0 0 18px}
.pt-steps ol{list-style:none;counter-reset:st;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.pt-steps li{counter-increment:st;margin:0!important;border-top:2px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:6px}
.pt-steps li::before{content:counter(st);font-size:40px;font-weight:820;font-stretch:125%;line-height:1;color:var(--head)}
.pt-steps strong{font-size:19px;font-weight:760;font-stretch:112%}
.pt-steps span{color:var(--ink-2);font-size:15.5px}
@media (max-width:760px){.pt-steps ol{grid-template-columns:minmax(0,1fr);gap:18px}}
.pt-science{margin:56px 0 10px}
.pt-science h2{margin:0 0 14px}
.pt-table--science{font-size:15.5px}
.pt-table--science th[scope=row]{font-weight:700;white-space:nowrap}
.pt-table--science th[scope=row] a{color:var(--ink)}
.pt-science__more{margin:10px 0 0;font-size:15px}
.pt-featured{margin:56px 0 10px}
.pt-featured h2{margin:0 0 14px}
.pt-featured ul{list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.pt-featured li{margin:0!important}
.pt-featured li a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:18px 20px;background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--marker);border-radius:10px;color:var(--ink);text-decoration:none}
.pt-featured li a:hover{border-color:var(--ink);border-left-color:var(--marker)}
.pt-featured strong{font-size:18px;font-weight:740;font-stretch:110%}
.pt-featured span{font-size:15px;color:var(--ink-2);line-height:1.45}
.pt-featured__all{margin:12px 0 0;font-weight:650}
.pt-type-home .entry-content>h2{max-width:var(--read)}
.pt-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:6px 0 18px}
.pt-tablewrap>table{margin:0!important;min-width:480px}
.pt-tablewrap>.pt-table--science{min-width:640px}

/* ---------------------------------------------------------------- v3 structure: articles (guides and score pages) */
.pt-type-guide .entry-title,.pt-type-score .entry-title{max-width:22ch;font-size:clamp(32px,4.4vw,52px)}
.pt-byline{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:14px;color:var(--ink-2);margin:-4px 0 26px!important;max-width:none!important;padding-bottom:16px;border-bottom:1px solid var(--rule)}
.pt-byline span:first-child{font-weight:700;color:var(--ink)}
.pt-byline span+span::before,.pt-byline a::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--rule-strong);margin-right:18px;vertical-align:middle}
.pt-byline a{color:var(--head);font-weight:600}
.pt-article{display:grid;grid-template-columns:240px minmax(0,var(--read));gap:56px;align-items:start}
.pt-toc{position:sticky;top:96px;font-size:14.5px;max-height:calc(100vh - 120px);overflow:auto}
.pt-toc summary{font-weight:700;font-size:13px;color:var(--ink-2);margin:0 0 8px;list-style:none;cursor:default}
.pt-toc summary::-webkit-details-marker{display:none}
.pt-toc ol{list-style:none;margin:0!important;padding:0;border-left:2px solid var(--rule)}
.pt-toc li{margin:0!important}
.pt-toc a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;line-height:1.35}
.pt-toc a:hover{color:var(--ink);border-left-color:var(--ink)}
.pt-toc a.is-active{color:var(--ink);font-weight:650;border-left-color:var(--head)}
.pt-prose>*{max-width:var(--read)}
.pt-prose>p:first-child{font-size:var(--s1);line-height:1.5;color:var(--ink-2)}
.pt-prose>h2:first-of-type,.pt-prose>.pt-keypoints+h2{margin-top:1.4em}
.pt-keypoints{background:var(--sheet);border:1px solid var(--rule);border-left:5px solid var(--head);border-radius:10px;padding:16px 20px 8px;margin:22px 0 10px}
.pt-fam-heart .pt-keypoints{border-left-color:var(--heart)}
.pt-keypoints__t{font-weight:780;font-stretch:112%;font-size:17px;margin:0 0 6px}
.pt-keypoints ul{margin:0 0 8px 1.1em!important}
.pt-keypoints li{margin:.25em 0}
.pt-refs{margin:44px 0 0;padding-top:6px;border-top:2px solid var(--ink)}
.pt-refs h2{font-size:var(--s1);margin:14px 0 10px}
.pt-refs ol{margin:0 0 0 1.2em!important;font-size:14.5px;color:var(--ink-2);line-height:1.5}
.pt-refs li{margin:0 0 .6em}
.pt-prose>.pt-related{max-width:none}
@media (max-width:1000px){
  .pt-article{display:block}
  .pt-toc{position:static;max-height:none;margin:0 0 22px;background:var(--sheet);border:1px solid var(--rule);border-radius:10px;padding:12px 16px}
  .pt-toc summary{cursor:pointer;margin:0;font-size:15px;color:var(--ink);display:flex;justify-content:space-between}
  .pt-toc summary::after{content:"+";font-weight:700}
  .pt-toc details[open] summary::after{content:"\2212"}
  .pt-toc details[open] summary{margin-bottom:8px}
}

/* v3 fixes */
.entry-content>p.pt-byline{font-size:14px;line-height:1.5;color:var(--ink-2);max-width:none}
h2,h3{hyphens:manual;-webkit-hyphens:manual}
.pt-table--science tbody th{border-bottom:1px solid var(--rule)!important;padding:10px 12px 10px 0}
.pt-featured li a{display:flex}
.pt-featured__all a{display:inline;padding:0;background:none;border:0;color:var(--head);font-weight:650}
.entry-content>.pt-cols{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:40px}
.pt-cols h2{margin-top:0}
@media (max-width:860px){.entry-content>.pt-cols{grid-template-columns:minmax(0,1fr);gap:8px}}
@media (max-width:600px){.entry-content>p.pt-byline{font-size:13px;gap:4px 14px}.pt-byline span+span::before,.pt-byline a::before{margin-right:14px}}

.pt-type-trust .entry-title{max-width:22ch;font-size:clamp(32px,4.4vw,52px)}
.pt-prose .pt-science{margin:8px 0 18px;max-width:none}
.pt-prose .pt-science>h2{display:none}
.pt-cover h1{max-width:20ch;font-size:clamp(32px,4vw,48px)}
.pt-cover{padding-bottom:28px}
.pt-cover__art{max-width:340px;justify-self:end;width:100%}

@media (max-width:640px){
  .pt-tablewrap>.pt-table--science{min-width:0}
  .pt-table--science thead{display:none}
  .pt-table--science,.pt-table--science tbody,.pt-table--science tr,.pt-table--science th,.pt-table--science td{display:block;width:100%}
  .pt-table--science tr{background:var(--sheet);border:1px solid var(--rule);border-radius:10px;padding:12px 14px;margin:0 0 10px;box-sizing:border-box}
  .pt-table--science tbody th{border:0!important;padding:0 0 6px;white-space:normal;font-size:17px}
  .pt-table--science td{border:0!important;padding:4px 0;font-size:15px}
  .pt-table--science td::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;color:var(--ink-2)}
}

.pt-figures{display:grid;grid-template-columns:repeat(3,minmax(0,.8fr)) minmax(0,1.3fr);margin:24px 0 8px;border-top:2px solid var(--ink)}
.pt-figures>div{padding:14px 14px 0 0;min-width:0;display:flex;flex-direction:column;gap:6px}
.pt-figures>div+div{padding-left:14px;border-left:1px solid var(--rule)}
.pt-figures dd{order:-1;margin:0;font-size:clamp(24px,2.5vw,32px);font-weight:820;font-stretch:125%;line-height:1;color:var(--ink);white-space:nowrap}
.pt-figures dt{font-size:13.5px;font-weight:600;color:var(--ink-2);line-height:1.35;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:640px){.pt-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-figures>div:nth-child(3){padding-left:0;border-left:0}.pt-figures>div:nth-child(n+3){border-top:1px solid var(--rule);margin-top:14px}}

/* editorial illustrations */
.pt-artfig{margin:26px 0 8px;max-width:var(--read)}
.pt-artfig img{display:block;width:100%;height:auto;border-radius:14px;background:var(--paper);border:1px solid var(--rule)}
.pt-prose>.pt-artfig+h2{margin-top:1.2em}
.pt-type-hub .entry-content>.pt-artfig{max-width:760px;margin:6px 0 22px}
/* Japanese: Archivo keeps Latin letters and figures (scores, IQ) in the brand face; kana and kanji fall back to the
   platform's Japanese gothic (Hiragino on Apple, Yu Gothic/Meiryo on Windows, Noto Sans CJK on Android). Japanese has no
   word spaces and no wide axis, so headings drop the stretch/negative tracking, lines get more leading, and the
   ch-based measures (sized for Latin) are re-set in em. */
:lang(ja){--f:"Archivo","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo","Noto Sans JP","Noto Sans CJK JP",system-ui,sans-serif;--s0:16px}
:lang(ja) body{line-height:1.85;line-break:strict;overflow-wrap:anywhere}
:lang(ja) h1,:lang(ja) h2,:lang(ja) h3{letter-spacing:.01em;line-height:1.38;word-break:auto-phrase;hyphens:none;-webkit-hyphens:none;text-wrap:balance}
:where(:lang(ja)) h1{font-size:clamp(26px,3.6vw,42px);font-weight:760}
:where(:lang(ja)) h2{font-size:clamp(21px,2.2vw,28px);font-weight:720}
:where(:lang(ja)) h3{font-size:19px;font-weight:700}
:lang(ja) strong,:lang(ja) b{font-weight:700}
:lang(ja) .entry-title{max-width:22em}
:lang(ja) .entry-content>p:first-child{max-width:34em}
:lang(ja) .pt-hero h1{max-width:11em;font-size:clamp(28px,3.6vw,44px)}
:lang(ja) .pt-hero__lead{max-width:24em}
:lang(ja) .pt-cover h1{max-width:13em;font-size:clamp(26px,3.4vw,40px)}
:lang(ja) .pt-cover__lead{max-width:30em}
:lang(ja) .pt-type-guide .entry-title,:lang(ja) .pt-type-score .entry-title,:lang(ja) .pt-type-trust .entry-title{max-width:20em;font-size:clamp(26px,3.4vw,40px)}
:lang(ja) .pt-fb{max-width:24em}
:lang(ja) .pt-faq p{max-width:40em}
:lang(ja) .pt-curve figcaption{max-width:44em}
:lang(ja) .pt-foot__brand p{max-width:12em}
:lang(ja) .pt-foot__small{max-width:60em}
:lang(ja) body #pt-app .pt-start .sub{max-width:36em}
:lang(ja) body #pt-app .stmt{font-weight:600;line-height:1.6}
/* ---- a friend's challenge, on top of the test cover */
.pt-reto{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;background:#fff;border:1.5px solid var(--ink);box-shadow:inset 8px 0 0 var(--marker);border-radius:10px;padding:14px 18px 14px 28px;margin:0 0 22px}
.pt-reto p{margin:0}.pt-reto__h{font-weight:780;font-stretch:115%;font-size:var(--s1);line-height:1.2;color:var(--ink)}.pt-reto__l{color:var(--ink-2);font-size:15.5px;line-height:1.45}
.pt-reto .pt-btn{grid-row:1/3;grid-column:2;white-space:nowrap}
@media (max-width:560px){.pt-reto{grid-template-columns:minmax(0,1fr)}.pt-reto .pt-btn{grid-row:auto;grid-column:1;text-align:center;margin-top:8px}}
/* ---- the Animi profile on the home page (only when this browser has results) */
.pt-profile{margin:28px 0}
.pt-profile__in{background:var(--sheet);border:1px solid var(--rule);border-top:6px solid var(--ink);border-radius:14px;padding:22px 26px}
.pt-profile h2{margin:0;font-size:var(--s2)}
.pt-profile__c{margin:4px 0 8px;color:var(--ink-2);font-size:15px}
.pt-profile__bar{height:8px;background:var(--paper);border-bottom:1px solid var(--ink);margin:0 0 16px}.pt-profile__bar i{display:block;height:100%;background:var(--head)}
.pt-profile ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,calc(50% - 4px)),1fr));gap:8px}
.pt-profile li a{display:flex;flex-direction:column;gap:2px;height:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.3}
.pt-profile li a:hover{border-color:var(--ink)}
.pt-profile li.on a{border-color:var(--head)}
.pt-profile li b{font-size:17px;font-weight:760;font-stretch:110%}
.pt-profile li:not(.on) b{color:var(--ink-2);font-weight:520;font-size:15px}
.pt-profile__n{margin:12px 0 0;font-size:13.5px;color:var(--ink-2)}
.entry-content>.pt-profile{max-width:none}
/* ---- the offer under a free result */
body #pt-app .pay h2{margin-top:6px}
body #pt-app .payb{display:grid;gap:10px;margin:14px 0 10px}
body #pt-app .payb .btn{width:100%;height:auto;min-height:54px;padding:12px 18px;font-size:17px;line-height:1.3}
body #pt-app .payb .btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
body #pt-app .paytest{background:var(--marker);color:var(--ink);border-radius:6px;padding:7px 10px}
body #pt-app .linkbtn{color:var(--fam-dark);font-weight:600}
body #pt-app .lbx p{margin:6px 0}
body #pt-app .consent span{display:block}
/* ---- IQ leaderboard on the test page */
.pt-board{margin:34px 0}
.pt-board__in{background:var(--sheet);border:1px solid var(--rule);border-top:6px solid var(--head);border-radius:14px;padding:22px 26px}
.pt-board h2{margin:0 0 4px;font-size:var(--s2)}
.pt-board__note{margin:0 0 14px;color:var(--ink-2);font-size:14.5px}
.pt-board__tabs{display:flex;gap:6px;margin:0 0 12px}
.pt-board__tabs button{font:inherit;font-size:15px;font-weight:620;padding:7px 14px;border-radius:999px;border:1.5px solid var(--rule-strong);background:#fff;color:var(--ink);cursor:pointer}
.pt-board__tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.pt-board table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15.5px}
.pt-board th{font-size:13px;color:var(--ink-2);font-weight:600;text-align:left;border-bottom:2px solid var(--ink);padding:6px 8px}
.pt-board td{padding:9px 8px;border-bottom:1px solid var(--rule)}
.pt-board td:first-child,.pt-board th:first-child{width:3.5em}
.pt-board td:last-child,.pt-board th:last-child{text-align:right}
.pt-board td:last-child b{font-weight:820;font-stretch:120%;font-size:18px}
.pt-board tr:nth-child(-n+3) td:first-child b{background:var(--marker);padding:1px 7px;border-radius:4px}
.pt-board__few{color:var(--ink-2);margin:10px 0}
.entry-content>.pt-board{max-width:none}
/* ---- payment page (WooCommerce checkout): one column, the site's type, nothing else */
.pt-header--pay .pt-header__in{justify-content:space-between;gap:12px}
.pt-pay-secure{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:620;color:var(--ink-2)}
.pt-pay-back{font-size:14.5px;font-weight:620}
.pt-pay-page .site-content,.pt-pay-page .inside-article{max-width:620px;margin:0 auto}
.pt-pay-page .woocommerce-billing-fields>h3,.pt-pay-page #order_review_heading,.pt-pay-page .woocommerce-additional-fields,.pt-pay-page .woocommerce-form-coupon-toggle{display:none}
.pt-pay-page .woocommerce form .form-row{padding:0;margin:0 0 14px}
.pt-pay-page .woocommerce form .form-row label{font-weight:650;font-size:15px;color:var(--ink)}
.pt-pay-page .woocommerce form .form-row input.input-text{height:52px;border:1.5px solid var(--rule-strong);border-radius:10px;padding:0 14px;font-size:17px;background:#fff}
.pt-pay-page .woocommerce form .form-row input.input-text:focus{border-color:var(--head);outline:3px solid var(--head-soft)}
.pt-pay-page .woocommerce-checkout #customer_details .col-1,.pt-pay-page .woocommerce-checkout #customer_details .col-2{width:100%;float:none}
.pt-pay-page table.shop_table{border:1px solid var(--rule);border-radius:10px;border-collapse:separate;background:#fff;font-variant-numeric:tabular-nums}
.pt-pay-page table.shop_table th,.pt-pay-page table.shop_table td{padding:12px 14px}
.pt-pay-page table.shop_table .order-total td,.pt-pay-page table.shop_table .order-total th{font-size:19px;font-weight:800}
.pt-pay-page #payment{background:var(--paper);border-radius:12px}
.pt-pay-page #payment #place_order{width:100%;float:none;height:56px;font-size:18px;font-weight:700;border-radius:10px;background:var(--head);color:#fff;border:0}
.pt-pay-page #payment #place_order:hover{background:var(--head-dark)}
.pt-pay-page .pt-consent label{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14.5px;line-height:1.45}
.pt-pay-page .pt-consent input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--head)}
.pt-pay-page .woocommerce-privacy-policy-text{font-size:13.5px;color:var(--ink-2)}
.pt-pay-page .pt-foot{display:none}
.pt-pay-page table.shop_table tfoot th,.pt-pay-page table.shop_table tfoot td{border-top:1px solid var(--rule)}
/* test cover: the start button right under the description, the facts after it; less air under the header on phones */
.pt-cover .pt-actions{margin:0 0 26px}
.pt-cover .pt-facts{margin-bottom:0}
@media (max-width:900px){
  .pt-cover{padding-top:0}
  .pt-cover .pt-crumbs{margin:12px 0 14px}
  .pt-cover h1{margin-bottom:14px}
  .pt-cover__lead{margin-bottom:20px}
  .pt-cover .pt-actions{margin-bottom:22px}
}
.entry-header:not(:has(.entry-title,h1,.pt-crumbs)){display:none}   /* empty header left by the hidden page title: it added 18px of air above the cover */
body #pt-app .soc{margin-top:18px}
body #pt-app .soc-sh{margin:0 0 20px}
body #pt-app .soc-sh .btn.ghost{width:100%;height:50px;background:#fff}
body #pt-app .homer{margin:22px 0 8px}
/* ---- locked previews and the per-test offer */
body #pt-app .locks{gap:12px;margin-top:18px}
body #pt-app .lockb{background:#fff;border:1.5px dashed var(--rule-strong);border-radius:10px;padding:14px 16px}
body #pt-app .lockb-h{color:var(--ink);font-size:16.5px}
body #pt-app .lockb-h svg{color:var(--fam)}
body #pt-app .lock-tag{background:var(--marker);color:var(--ink);font-weight:650}
body #pt-app .lk-row{border-bottom:1px solid var(--rule);font-size:15px}
body #pt-app .lk-row b{font-weight:800;font-stretch:115%}
body #pt-app .lk-txt i{background:var(--rule)}
body #pt-app .lock-go{font-size:15px}
body #pt-app .pay{border:2px solid var(--fam)!important;border-radius:14px!important;padding:20px 18px!important;margin-top:18px!important;background:#fff}
body #pt-app .pay-kick{font-size:13.5px;font-weight:650;color:var(--fam-dark)}
body #pt-app .pay h2{font-size:var(--s2);margin:4px 0 8px}
body #pt-app .payl li{font-size:16px;line-height:1.45}
body #pt-app .payl li::before{color:var(--fam)}
body #pt-app .paypack{border-top:1px solid var(--rule)}
body #pt-app .paypack .btn{width:100%;height:50px;margin-top:8px;background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
