/* CANONICAL UI AUTHORITY. Semantic tokens and shared components belong here.
   Legacy global stylesheets remain compatibility layers during controlled migration. */
:root{
  /* Brand (unchanged from the established palette) */
  --tte-blue:#1564be;--tte-grey:#efefef;--tte-muted:#9ca6b2;--tte-ink:#17212b;--tte-line:#d4dce5;
  --tte-header:116px;--tte-page:1160px;
  /* Design tokens — Phase 13. Light Mode values; dark mode overrides these same names below,
     so every component that already references a token automatically re-themes with zero
     per-component changes. */
  --tte-bg:#ffffff;
  --tte-surface:#ffffff;
  --tte-surface-2:#f6f9fc;
  --tte-text:#17212b;
  --tte-text-muted:#536172;
  --tte-border:#d4dce5;
  --tte-primary:#1564be;
  --tte-primary-hover:#104b91;
  --tte-success:#1a7a4c;
  --tte-warning:#8a5b00;
  --tte-danger:#a22121;
  --tte-shadow:0 3px 12px #133b6010;
  --tte-input-bg:#ffffff;
  --tte-table-header:#eef5fd;
  --tte-focus-ring:#edb420;
  /* Phase 13C — premium visual system tokens. */
  --tte-accent:#edb420;          /* warm gold/amber, used selectively — not a second primary color */
  --tte-accent-ink:#7a5200;
  --tte-navy:#0d2e57;            /* deep navy for header/hero-band surfaces */
  --tte-radius-sm:8px;--tte-radius-md:12px;--tte-radius-lg:18px;--tte-radius-xl:24px;
  --tte-elev-1:0 1px 2px #0f213b0d,0 1px 1px #0f213b08;
  --tte-elev-2:0 3px 10px #0f213b12,0 1px 2px #0f213b0a;
  --tte-elev-3:0 10px 28px #0f213b1a,0 2px 6px #0f213b12;
  --tte-elev-4:0 22px 48px #0f213b24,0 6px 16px #0f213b16;
  color-scheme:light
}

.tte-pro-lock{max-width:760px;margin:28px auto;padding:clamp(28px,5vw,52px);border:1px solid #cbdcec;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#eef6ff);box-shadow:0 16px 42px rgba(15,69,119,.1);text-align:center}.tte-pro-lock h2{margin:12px 0;font-size:clamp(1.6rem,4vw,2.35rem)}.tte-pro-lock p{max-width:620px;margin:0 auto 22px;color:#50657a;line-height:1.65}.tte-pro-lock .tte-actions{justify-content:center}
html[data-theme="dark"]{--tte-elev-1:0 1px 2px #00000030;--tte-elev-2:0 3px 10px #00000040;--tte-elev-3:0 10px 28px #00000050;--tte-elev-4:0 22px 48px #00000060;--tte-navy:#0a1d33}
/* Motion utility system — respects prefers-reduced-motion via the existing universal rule
   further down this file, which already zeroes every transition/animation site-wide. */
/* Progressive enhancement: reveal classes are visible by default. Only elements that the
   initialized observer explicitly marks pending receive a brief hidden entrance state. */
.fade-up,.scale-in,.slide-in{opacity:1;transform:none}
.tte-reveal-pending.fade-up{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.tte-reveal-pending.scale-in{opacity:0;transform:scale(.96);transition:opacity .4s ease,transform .4s ease}
.tte-reveal-pending.slide-in{opacity:0;transform:translateX(-14px);transition:opacity .45s ease,transform .45s ease}
.tte-reveal-pending.is-visible{opacity:1;transform:none}
.tte-reveal-pending.stagger-item{transition-delay:calc(var(--stagger-i,0) * 55ms)}
.hover-lift{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--tte-elev-3)}
html[data-theme="dark"]{
  /* Established dark palette (Phase 13) — tuned per-token, not a blanket invert. */
  --tte-bg:#111827;
  --tte-surface:#182231;
  --tte-surface-2:#202c3d;
  --tte-text:#f3f4f6;
  --tte-text-muted:#aeb8c5;
  --tte-border:#2b3849;
  --tte-primary:#4d8ed9;
  --tte-primary-hover:#6ba3e6;
  --tte-success:#3fbf82;
  --tte-warning:#e0ac3f;
  --tte-danger:#e2685f;
  --tte-shadow:0 3px 14px #00000040;
  --tte-input-bg:#141d2b;
  --tte-table-header:#202c3d;
  --tte-focus-ring:#e0ac3f;
  --tte-ink:var(--tte-text);
  --tte-line:var(--tte-border);
  --tte-grey:var(--tte-surface-2);
  color-scheme:dark
}
/* Certificate rendering, print, and any element explicitly marked light-locked always stays
   Light regardless of the page's theme — Phase 13 instruction #13/#62. */
.tte-cert-preview,.tte-cert-locked-light,#certificateCanvas,.tte-certificate-render{color-scheme:light}
html[data-theme="dark"] .tte-cert-preview,html[data-theme="dark"] .tte-cert-locked-light{background:#fff;color:#17212b}
@media print{html{color-scheme:light}body{background:#fff!important;color:#000!important}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;color:var(--tte-text);background:var(--tte-bg);font:16px/1.6 Arial,"Noto Sans",sans-serif;transition:background-color .25s ease,color .25s ease}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:var(--tte-primary)}img{max-width:100%;height:auto}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{min-width:0;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--tte-focus-ring);outline-offset:3px}[hidden]{display:none!important}.tte-skip{position:fixed;left:12px;top:-100px;z-index:10000;background:var(--tte-surface);color:var(--tte-text);padding:12px}.tte-skip:focus{top:8px}
.tte-header{position:sticky;top:0;z-index:70;background:var(--tte-surface);border-bottom:1px solid var(--tte-border);font:14px/1.4 Arial,sans-serif;color:var(--tte-text)}.tte-header-inner{max-width:1500px;margin:auto;min-height:76px;padding:12px 24px;display:flex;align-items:center;gap:24px}.tte-brand{display:flex;align-items:center;gap:10px;color:var(--tte-primary);font-weight:800;text-decoration:none;white-space:nowrap;font-size:18px;letter-spacing:-.4px}.tte-brand img{width:40px;height:40px;object-fit:contain}.tte-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:1}.tte-nav>a,.tte-nav summary{color:var(--tte-text);text-decoration:none;font-size:13px;font-weight:700;cursor:pointer;list-style:none;padding:10px 0;white-space:nowrap}.tte-nav summary:after{content:' ▾';color:var(--tte-text-muted)}.tte-nav details{position:relative}.tte-nav details>div{position:absolute;top:100%;left:0;background:var(--tte-surface);border:1px solid var(--tte-border);box-shadow:var(--tte-shadow);border-radius:8px;padding:8px;min-width:260px;max-height:65vh;overflow:auto}.tte-nav details:last-child>div{left:auto;right:0}.tte-nav details>div a{display:block;padding:10px 12px;border-radius:4px;white-space:normal;text-decoration:none;font-size:13px;color:var(--tte-text)}.tte-nav details>div a:hover{background:var(--tte-surface-2)}.tte-pro{color:var(--tte-primary)!important}.tte-mobile-toggle{display:none;background:var(--tte-surface);color:var(--tte-text);border:1px solid var(--tte-border);border-radius:6px;padding:8px 12px;margin-left:auto}.tte-popular{background:var(--tte-surface-2);padding:8px 24px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;white-space:nowrap;overflow:auto;color:var(--tte-text)}.tte-popular a{text-decoration:none}.tte-popular span{font-weight:700}.tte-guest-only{display:block}.tte-user-only{display:none!important}html[data-logged-in=true] .tte-guest-only{display:none!important}html[data-logged-in=true] .tte-user-only{display:block!important}
.tte-theme-toggle{display:flex;align-items:center;gap:2px;background:var(--tte-surface-2);border:1px solid var(--tte-border);border-radius:20px;padding:3px;margin-left:8px;min-width:104px;min-height:34px}.tte-theme-toggle button{background:transparent;border:0;border-radius:16px;padding:6px 10px;font-size:12px;font-weight:700;color:var(--tte-text-muted);line-height:1}.tte-theme-toggle button[aria-pressed="true"]{background:var(--tte-surface);color:var(--tte-primary);box-shadow:0 0 0 1px var(--tte-primary),var(--tte-elev-1)}
.tte-status,.tte-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--tte-border);border-radius:999px;background:var(--tte-surface-2);color:var(--tte-text);font-size:12px;font-weight:700}.tte-status::before,.tte-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.tte-status.success{color:var(--tte-success)}.tte-status.warning{color:var(--tte-warning)}.tte-status.danger{color:var(--tte-danger)}
.tte-card.is-locked,[data-locked="true"]{border-style:dashed;background:var(--tte-surface-2);color:var(--tte-text-muted)}.tte-card.is-locked::before,[data-locked="true"]::before{content:'Locked';display:inline-flex;margin-bottom:8px;padding:3px 8px;border-radius:999px;background:var(--tte-border);color:var(--tte-text);font-size:11px;font-weight:800;text-transform:uppercase}.tte-modal,.preview-dialog{background:var(--tte-surface);color:var(--tte-text);border:1px solid var(--tte-border);box-shadow:var(--tte-elev-4)}
.tte-main{max-width:var(--tte-page);margin:0 auto;padding:32px 24px 64px;min-width:0}.tte-breadcrumb{font-size:13px;color:var(--tte-text-muted);margin:0 0 22px}.tte-breadcrumb a{text-decoration:none}.tte-intro{max-width:900px;margin-bottom:30px}.tte-kicker{color:var(--tte-primary);text-transform:uppercase;font-size:12px;letter-spacing:1.2px;font-weight:700}.tte-intro h1,.tte-hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.1px;line-height:1.18;margin:12px 0 18px;color:var(--tte-text)}.tte-intro p,.tte-hero p{color:var(--tte-text-muted);max-width:790px;font-size:17px}.tte-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;padding:11px 18px;border:1px solid var(--tte-primary);border-radius:6px;background:var(--tte-primary);color:#fff;font-size:14px;font-weight:700;min-height:44px;line-height:1.4;transition:filter .25s ease,box-shadow .25s ease}.tte-btn.secondary{background:var(--tte-surface);color:var(--tte-primary)}.tte-btn.outline{background:transparent;color:var(--tte-primary)}.tte-btn.danger{background:var(--tte-danger);border-color:var(--tte-danger)}.tte-btn.quiet{background:transparent;border-color:transparent;color:var(--tte-primary);min-height:auto;padding:4px 6px}.tte-btn.small{padding:7px 12px;min-height:36px}.tte-btn:disabled,.tte-btn.is-locked{background:var(--tte-surface-2);border-color:var(--tte-border);color:var(--tte-text-muted)}.tte-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.tte-hero{padding:32px 0 42px}.tte-section{margin:46px 0}.tte-section h2{font-size:27px;line-height:1.25;color:var(--tte-text)}.tte-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tte-card{border:1px solid var(--tte-border);border-radius:9px;padding:24px;background:var(--tte-surface);box-shadow:var(--tte-shadow);transition:border-color .25s ease,transform .25s ease}.tte-card h2,.tte-card h3{font-size:19px;margin:12px 0;color:var(--tte-text)}.tte-card p{color:var(--tte-text-muted);font-size:14px}.tte-icon{font-size:25px;color:var(--tte-primary)}.tte-highlight{background:var(--tte-surface-2);border:1px solid var(--tte-border);border-left:5px solid var(--tte-primary);padding:28px;border-radius:8px}.tte-highlight h2{margin-top:0;color:var(--tte-text)}.tte-table-scroll{overflow:auto}.tte-table{border-collapse:collapse;width:100%;font-size:14px;color:var(--tte-text)}.tte-table th,.tte-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--tte-border)}.tte-table th{background:var(--tte-table-header)}.tte-faq details{border-bottom:1px solid var(--tte-border);padding:16px 0}.tte-faq summary{font-weight:700;cursor:pointer;color:var(--tte-text)}.tte-faq p{font-size:15px;color:var(--tte-text-muted)}.tte-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tte-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--tte-text)}.tte-form input,.tte-form select,.tte-form textarea{padding:10px;border:1px solid var(--tte-border);border-radius:5px;background:var(--tte-input-bg);color:var(--tte-text)}.tte-form input::placeholder,.tte-form textarea::placeholder{color:var(--tte-text-muted)}.tte-form input:disabled,.tte-form select:disabled,.tte-form textarea:disabled{opacity:.6;background:var(--tte-surface-2)}.tte-form .wide{grid-column:1/-1}.tte-form .field-error{color:var(--tte-danger);font-size:12px}.tte-form .field-help{color:var(--tte-text-muted);font-size:12px}.tte-note{color:var(--tte-text-muted);font-size:13px}.tte-alert{padding:14px 18px;border-left:4px solid var(--tte-warning);background:var(--tte-surface-2);margin:16px 0;font-size:14px;color:var(--tte-text)}.tte-error{color:var(--tte-danger);font-weight:700;font-size:14px}.tte-success-text{color:var(--tte-success);font-weight:700;font-size:14px}
footer.tte-footer{background:var(--tte-surface-2)!important;color:var(--tte-text)!important;padding:40px 24px 20px;border-top:1px solid var(--tte-border);font:14px/1.7 Arial,sans-serif}.tte-footer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.tte-footer h3{color:var(--tte-text);font-size:14px;margin:0 0 12px}.tte-footer a{display:block;color:var(--tte-primary)!important;text-decoration:none;margin:5px 0;font-size:13px}.tte-footer p{font-size:13px;color:var(--tte-text-muted)}.tte-footer-bottom{max-width:1400px;margin:25px auto 0;padding-top:20px;border-top:1px solid var(--tte-border);font-size:12px;color:var(--tte-text-muted)}.tte-whatsapp{position:fixed;bottom:20px;right:20px;z-index:60;background:#087f45;color:white!important;border-radius:24px;text-decoration:none;padding:11px 16px;font-size:13px;font-weight:700;box-shadow:0 3px 12px #0002}.tte-rails{max-width:1400px;margin:0 auto;padding:0 24px 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.tte-rails aside{border:1px solid var(--tte-border);border-radius:8px;padding:18px;background:var(--tte-surface)}.tte-rails h3{font-size:15px;margin:0 0 10px;color:var(--tte-text)}.tte-rails a{display:inline-block;margin:4px 16px 4px 0;font-size:13px}.tte-adfree .tte-rails,.tte-adfree .ad-slot,.tte-adfree .adsbygoogle,.tte-adfree .tte-ad{display:none!important}.tte-focused>.tte-header,.tte-focused>.tte-footer,.tte-focused>.tte-whatsapp,.tte-focused>.tte-rails{display:none!important}.tte-focused .tte-main{padding:12px;max-width:none}.tte-focused .tte-intro,.tte-focused .tte-breadcrumb,.tte-focused .tte-seo-content{display:none}.tte-release{font-family:monospace;font-size:11px}
@media(min-width:1700px){body.tte-has-rails>.tte-rails{display:contents}body.tte-has-rails .tte-rails aside{position:fixed;top:calc(var(--tte-header) + 24px);width:220px;max-height:calc(100vh - var(--tte-header) - 48px);overflow:auto;background:#fff}body.tte-has-rails .tte-rails aside:first-child{left:24px}body.tte-has-rails .tte-rails aside:last-child{right:24px}body.tte-has-rails .tte-rails a{display:block}}
@media(max-width:1180px){.tte-header-inner{gap:15px;padding:12px 18px}.tte-brand{font-size:16px}.tte-nav{gap:10px}.tte-nav>a,.tte-nav summary{font-size:12px}}
@media(max-width:1024px){.tte-mobile-toggle{display:block}.tte-header-inner{flex-wrap:wrap;min-height:70px}.tte-nav{display:none;flex-basis:100%;align-items:stretch;flex-direction:column;gap:0}.tte-nav.is-open{display:flex;max-height:65vh;overflow:auto}.tte-nav>a,.tte-nav summary{padding:11px;font-size:14px}.tte-nav details>div{position:static;box-shadow:none;min-width:0;max-height:none;border:0;background:var(--tte-surface-2)}.tte-theme-toggle{margin:0 10px 8px}.tte-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tte-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tte-main{padding:22px 16px 42px}.tte-header-inner{padding:10px 14px}.tte-brand{font-size:14px;letter-spacing:-.2px}.tte-brand img{width:30px;height:30px}.tte-popular{justify-content:flex-start;padding:8px 14px;gap:15px}.tte-grid,.tte-form,.tte-rails,.tte-footer-grid{grid-template-columns:1fr}.tte-card{padding:20px}.tte-hero{padding-top:14px}.tte-rails{padding:0 16px 25px}.tte-footer-grid{gap:20px}.tte-whatsapp{right:12px;bottom:12px}.tte-actions .tte-btn{flex:1}.tte-section{margin:34px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.tte-ad{max-width:1100px;margin:28px auto;min-height:125px;text-align:center;border:1px solid #e1e7ef;padding:12px}.tte-ad>small{color:#677382;font-size:10px}.tte-focused>.tte-ad{display:none}.tte-adfree .tte-game-ad-slot{display:none!important}
.tte-affiliate{margin:30px 0}.tte-focused .tte-affiliate{display:none}.tte-affiliate[hidden]{display:none}body:has(.tte-feature-grid) .tte-intro{margin-bottom:26px}

/* V17.1 lightweight polish; shared shell, no image or icon dependencies. */
.tte-nav>a.tte-nav-certificate,.tte-nav>a.tte-nav-pro{padding:8px 12px;border-radius:20px;border:1px solid var(--tte-primary);color:var(--tte-primary);line-height:1.25}.tte-nav>a.tte-nav-pro{background:var(--tte-primary);color:#fff}.tte-nav a[aria-current="page"]{background:var(--tte-surface-2);color:var(--tte-primary-hover)}.tte-nav details>div{min-width:218px}.tte-nav details>div a{line-height:1.5}.tte-footer .tte-powered{display:inline;font-size:inherit;margin:0}.tte-footer-bottom{text-align:center}.tte-card:hover{border-color:var(--tte-primary);transform:translateY(-3px)}.tte-btn:hover{filter:brightness(.95);box-shadow:0 3px 9px #1564be20}.tte-btn.secondary:hover{background:var(--tte-surface-2)}.tte-intro{border-left:4px solid var(--tte-primary);padding-left:20px}.tte-form input:focus,.tte-form select:focus,.tte-form textarea:focus{border-color:var(--tte-primary)}.tte-section h2{letter-spacing:-.5px}.tte-nav summary::-webkit-details-marker{display:none}.tte-nav summary::marker{content:''}.tte-result{border:1px solid var(--tte-border);border-radius:14px;background:var(--tte-surface-2);padding:28px;margin:24px 0}.tte-result h2{font-size:30px;margin:10px 0;color:var(--tte-text)}.tte-result-status,.tte-badge{display:inline-block;border:1px solid var(--tte-border);border-radius:20px;background:var(--tte-surface);color:var(--tte-primary);padding:4px 10px;font-size:12px;font-weight:700}.tte-badge.success{border-color:var(--tte-success);color:var(--tte-success)}.tte-badge.warning{border-color:var(--tte-warning);color:var(--tte-warning)}.tte-badge.danger{border-color:var(--tte-danger);color:var(--tte-danger)}.tte-badge.locked{background:var(--tte-surface-2);color:var(--tte-text-muted)}.tte-result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tte-result-summary>div{background:var(--tte-surface);border:1px solid var(--tte-border);border-top:3px solid var(--tte-primary);border-radius:9px;padding:16px;min-width:0}.tte-result-summary strong{display:block;color:var(--tte-primary);font-size:clamp(23px,3vw,34px);line-height:1.2;overflow-wrap:anywhere}.tte-result-summary span{display:block;font-size:13px;color:var(--tte-text-muted);margin-top:8px}.tte-result-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--tte-text-muted);font-size:14px}.tte-result details{background:var(--tte-surface);border:1px solid var(--tte-border);padding:14px;border-radius:8px;margin-top:16px}.tte-result summary{font-weight:700;cursor:pointer;color:var(--tte-text)}.tte-result .tte-review{min-width:500px}.tte-calculation p{font-size:14px;overflow-wrap:anywhere}.tte-result .tte-actions{gap:8px}.tte-result .tte-actions .tte-btn{padding:9px 13px}.tte-hub-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tte-hub-filters button{border:1px solid var(--tte-border);border-radius:20px;background:var(--tte-surface);color:var(--tte-primary);padding:9px 14px;font-size:14px}.tte-hub-filters button[aria-pressed="true"]{background:var(--tte-primary);color:#fff;border-color:var(--tte-primary)}.tte-hub-search{display:block;width:100%;padding:13px 16px;border:1px solid var(--tte-border);border-radius:9px;background:var(--tte-input-bg);color:var(--tte-text)}.tte-exam-card{display:flex;flex-direction:column}.tte-exam-card h2{font-size:20px;margin:10px 0;color:var(--tte-text)}.tte-exam-card .tte-actions{margin-top:auto;padding-top:16px}.tte-exam-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tte-exam-tags span{font-size:12px;padding:3px 8px;background:var(--tte-surface-2);border-radius:5px;color:var(--tte-text)}.tte-qa-bar{padding:10px 18px;background:#fff4ce;border-bottom:1px solid #d1a83a;font-size:13px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:#4a3800}.tte-qa-bar form{display:flex;gap:8px;flex-wrap:wrap}.tte-qa-bar select,.tte-qa-bar button{font:inherit;padding:5px 8px}.tte-certificate-steps{counter-reset:steps;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tte-certificate-steps li{list-style:none;background:var(--tte-surface);border:1px solid var(--tte-border);border-radius:9px;padding:16px;font-size:14px;color:var(--tte-text)}.tte-certificate-steps li:before{counter-increment:steps;content:counter(steps);display:block;color:var(--tte-primary);font-size:24px;font-weight:bold}.tte-cert-preview{border:1px solid #c6d6e8;border-radius:10px;padding:10px;background:#fff;max-width:850px;margin:auto}
@media(max-width:1280px){.tte-header-inner{gap:12px}.tte-nav{gap:9px}.tte-brand{font-size:16px}.tte-nav>a,.tte-nav summary{font-size:12px}}
@media(max-width:1024px){.tte-nav>a.tte-nav-certificate,.tte-nav>a.tte-nav-pro{align-self:flex-start;margin:6px 10px;padding:10px 16px}.tte-nav details>div{min-width:0}.tte-certificate-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tte-result{padding:16px}.tte-result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tte-result-summary>div{padding:13px}.tte-result .tte-actions .tte-btn{flex:1 1 40%}.tte-certificate-steps{grid-template-columns:1fr;padding:0}.tte-hub-filters button{font-size:13px;padding:9px 12px}.tte-intro{padding-left:14px}}
/* ============================================================
   PHASE 13C — Homepage hero: two-column premium composition.
   ============================================================ */
.tte-home-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;width:100%;max-width:none;margin:0;padding:32px 0 42px}
.tte-home-hero-copy h1{margin:14px 0 16px}
.tte-home-hero-copy p{font-size:17px;color:var(--tte-text-muted);max-width:520px;margin-bottom:22px}
.tte-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.tte-hero-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--tte-text);background:var(--tte-surface-2);border:1px solid var(--tte-border);border-radius:999px;padding:6px 12px}
.tte-hero-chip b{color:var(--tte-primary)}
.tte-hero-visual{position:relative;min-height:360px}
.tte-hero-card{position:absolute;background:var(--tte-surface);border:1px solid var(--tte-border);border-radius:var(--tte-radius-lg);box-shadow:var(--tte-elev-3);padding:18px}
.tte-hero-card-main{left:0;top:20px;width:78%;padding:22px;z-index:2}
.tte-hero-card-main .tte-hero-line{height:12px;border-radius:6px;background:var(--tte-surface-2);margin:9px 0}
.tte-hero-card-main .tte-hero-line.short{width:55%}
.tte-hero-card-main .tte-hero-line.mid{width:80%}
.tte-hero-caret{display:inline-block;width:2px;height:16px;background:var(--tte-primary);vertical-align:middle;margin-left:2px;animation:tte-caret-blink 1.1s steps(1) infinite}
@keyframes tte-caret-blink{50%{opacity:0}}
.tte-hero-card-metric{right:0;bottom:0;width:52%;background:var(--tte-navy);color:#fff;border:none;z-index:3;display:flex;gap:16px}
.tte-hero-card-metric div strong{display:block;font-size:26px;line-height:1.1}
.tte-hero-card-metric div span{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.tte-hero-card-exam{left:8%;bottom:-8px;width:48%;z-index:1;font-size:12px}
.tte-hero-card-exam .tte-hero-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--tte-accent);color:var(--tte-accent-ink);border-radius:5px;padding:2px 7px;margin-bottom:6px}
@media(max-width:900px){.tte-home-hero{grid-template-columns:1fr;gap:28px;padding:24px 0 32px}.tte-hero-visual{min-height:280px;order:initial}}
@media(prefers-reduced-motion:reduce){.tte-hero-caret{animation:none;opacity:1}}
/* PHASE 13C — apply the premium card treatment to the existing homepage/section grid cards
   without needing to touch every card's HTML markup individually across the site (the class
   itself, .tte-card, already gained a hover lift in Phase 13B; this adds the small CTA-arrow
   motion your instruction asked for, scoped to cards that end in an arrow-style link). */
.tte-card a[href]:last-child{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--tte-primary);text-decoration:none;transition:gap .2s ease}
.tte-card:hover a[href]:last-child{gap:8px}
/* PHASE 13C — header scroll state. Sticky header (unchanged) gains a subtle elevated surface
   and thin backdrop blur once the page has scrolled past a small threshold, per the explicit
   "only if performant, one small JS class toggle" instruction. */
.tte-header{transition:box-shadow .25s ease,background-color .25s ease}
.tte-header-scrolled{box-shadow:var(--tte-elev-2);background:color-mix(in srgb,var(--tte-surface) 92%,transparent)}
@supports(backdrop-filter:blur(1px)){.tte-header-scrolled{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
/* ============================================================
   PHASE 13C — premium locked-state card. Used wherever a module already renders a
   "requires X tier" message (CPT, Descriptive Writing, Typing Master, Superman) — a drop-in
   replacement class, not a new component every module has to individually adopt; applying it
   is as simple as adding class="tte-locked-card" to an existing message container.
   ============================================================ */
.tte-locked-card{position:relative;border:1px solid var(--tte-border);border-radius:var(--tte-radius-lg);padding:22px 22px 20px;background:var(--tte-surface-2);overflow:hidden}
.tte-locked-card::before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--tte-primary),var(--tte-accent))}
.tte-locked-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--tte-radius-sm);background:var(--tte-surface);border:1px solid var(--tte-border);font-size:18px;margin-bottom:10px}
.tte-locked-card h3,.tte-locked-card h4{margin:0 0 4px;color:var(--tte-text)}
.tte-locked-card p{color:var(--tte-text-muted);font-size:14px;margin:0 0 14px}

/* PHASE 13C — result page hero metric. Drop-in wrapper for the primary Net WPM (or
   equivalent) figure a result screen leads with. */
.tte-result-hero{text-align:center;padding:8px 0 22px}
.tte-result-hero .tte-result-hero-value{font-size:clamp(48px,8vw,76px);font-weight:800;color:var(--tte-primary);line-height:1;font-variant-numeric:tabular-nums}
.tte-result-hero .tte-result-hero-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tte-text-muted);margin-top:6px}
.tte-result-hero.scale-in{transition-duration:.5s}

/* PHASE 13C — "Ready to type" idle indicator, small, non-blocking. */
.tte-ready-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--tte-text-muted);margin-bottom:8px}
.tte-ready-indicator::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--tte-success)}
/* PHASE 13C — Typing Master stage timeline. Purely presentational addition alongside the
   existing feedback-badge label (unchanged) — a horizontal step tracker so the current stage
   is visually obvious against the full journey, completed steps show a check, future steps
   are muted. */
.tte-stage-track{display:flex;align-items:center;gap:2px;margin:14px 0 18px;overflow-x:auto;padding-bottom:2px}
.tte-stage-step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:76px;flex:1;position:relative}
.tte-stage-step:not(:last-child)::after{content:'';position:absolute;top:13px;left:56%;width:88%;height:2px;background:var(--tte-border)}
.tte-stage-step.is-done:not(:last-child)::after{background:var(--tte-success)}
.tte-stage-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--tte-surface);border:2px solid var(--tte-border);color:var(--tte-text-muted);z-index:1}
.tte-stage-step.is-current .tte-stage-dot{background:var(--tte-primary);border-color:var(--tte-primary);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--tte-primary) 18%,transparent)}
.tte-stage-step.is-done .tte-stage-dot{background:var(--tte-success);border-color:var(--tte-success);color:#fff}
.tte-stage-label{font-size:10px;font-weight:700;text-align:center;color:var(--tte-text-muted);line-height:1.25}
.tte-stage-step.is-current .tte-stage-label{color:var(--tte-primary)}
/* PHASE 13C — leaderboard top-3 subtle medal treatment. Restrained, not a game leaderboard:
   no confetti/animation, just a small emoji marker and a soft row tint. */
.tte-leaderboard tr.tte-rank-1{background:color-mix(in srgb,#f2bd3f 12%,transparent)}
.tte-leaderboard tr.tte-rank-2{background:color-mix(in srgb,#9ca6b2 14%,transparent)}
.tte-leaderboard tr.tte-rank-3{background:color-mix(in srgb,#cd7f32 10%,transparent)}
.tte-medal{margin-right:4px}

/* ============================================================
   PHASE 2 — canonical interaction and convergence layer.
   This file is intentionally the final stylesheet in every migrated stack. These
   rules use the shared V17 tokens and narrowly scoped selectors to resolve older
   page-family CSS without changing feature-specific layout or application logic.
   ============================================================ */
:where(.tte-btn,.btn,button,input,select,textarea,a,[role="button"],[role="tab"],summary):focus-visible{outline:3px solid color-mix(in srgb,var(--tte-primary) 38%,transparent);outline-offset:3px}
:where(.tte-btn,.btn,button,[role="button"],[role="tab"]){transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}
:where(.tte-btn,.btn,button,[role="button"],[role="tab"]):active:not(:disabled):not([aria-disabled="true"]){transform:translateY(1px) scale(.985);box-shadow:none}
:where(.tte-btn,.btn,button,[role="button"],[role="tab"])[aria-pressed="true"],:where(.tte-btn,.btn,button,[role="button"],[role="tab"])[aria-selected="true"],:where(.tte-btn,.btn,button,[role="button"],[role="tab"]).is-selected{background:var(--tte-primary);border-color:var(--tte-primary);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--tte-primary) 18%,transparent)}
:where(.tte-btn,.btn,button,[role="button"]):disabled,:where(.tte-btn,.btn,button,[role="button"])[aria-disabled="true"],:where(.tte-btn,.btn,button,[role="button"]).is-disabled{cursor:not-allowed;opacity:.58;filter:saturate(.35);box-shadow:none;transform:none}
:where(.tte-btn,.btn,button,[role="button"]).is-locked,:where(.tte-btn,.btn,button,[role="button"])[data-locked="true"]{cursor:not-allowed;background:var(--tte-surface-2);border-color:var(--tte-border);color:var(--tte-text-muted)}
:where(.tte-btn,.btn,button,[role="button"])[aria-busy="true"],:where(.tte-btn,.btn,button,[role="button"]).is-loading{cursor:progress;position:relative;opacity:.82}
:where(.tte-btn,.btn,button,[role="button"])[aria-busy="true"]::before,:where(.tte-btn,.btn,button,[role="button"]).is-loading::before{content:'';width:.9em;height:.9em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tte-spin .7s linear infinite}
@keyframes tte-spin{to{transform:rotate(360deg)}}
.tte-duration-chip:has(input:checked),.tte-layout-option:has(input:checked),.checkline:has(input:checked){border-color:var(--tte-primary);background:color-mix(in srgb,var(--tte-primary) 10%,var(--tte-surface));box-shadow:inset 0 0 0 1px var(--tte-primary)}
.tte-duration-chip:has(input:checked)::after,.tte-layout-option:has(input:checked)::after{content:'✓ Selected';font-size:11px;font-weight:800;color:var(--tte-primary)}
.tte-status,.tte-badge,.auth-alert,.auth-success{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--tte-border);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750;line-height:1.35;background:var(--tte-surface-2);color:var(--tte-text)}
.tte-status.success,.auth-success{border-color:var(--tte-success);color:var(--tte-success)}.tte-status.success::before,.auth-success::before{content:'✓';font-weight:900}
.tte-status.warning::before{content:'!';font-weight:900}.tte-status.warning{border-color:var(--tte-warning);color:color-mix(in srgb,var(--tte-warning) 70%,var(--tte-text))}
.tte-status.error,.auth-alert{border-color:var(--tte-danger);color:var(--tte-danger)}.tte-status.error::before,.auth-alert::before{content:'!';font-weight:900}
.tte-status.neutral::before{content:'○';font-weight:900}.tte-status.locked::before{content:'🔒';font-size:11px}
.auth-page{background:var(--tte-bg);color:var(--tte-text)}.auth-wrap{width:min(100% - 32px,560px);margin:44px auto;padding:0}.auth-card{background:var(--tte-surface);border:1px solid var(--tte-border);border-radius:var(--tte-radius-lg);box-shadow:var(--tte-elev-2);padding:clamp(22px,4vw,38px)}.auth-head{border-left:4px solid var(--tte-primary);padding-left:16px;margin-bottom:24px}.auth-head span{color:var(--tte-primary);font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:11px}.auth-head h1{color:var(--tte-text);margin:5px 0 0}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:7px;color:var(--tte-text);font-weight:700}.auth-form input,.auth-form select,.auth-form textarea{width:100%;background:var(--tte-input-bg);color:var(--tte-text);border:1px solid var(--tte-border);border-radius:var(--tte-radius-sm);padding:12px}.auth-alert,.auth-success{border-radius:var(--tte-radius-sm);width:100%;margin:0 0 16px;padding:11px 13px}.auth-switch{color:var(--tte-text-muted)}
.exam-card,.guide-card,.learning-card,.course-card,.lesson-card,.pro-card,.pricing-card{background:var(--tte-surface);color:var(--tte-text);border-color:var(--tte-border);border-radius:var(--tte-radius-md)}.exam-card .desc,.exam-card .meta span,.guide-card p,.course-card p,.lesson-card p,.pro-card p,.pricing-card p{color:var(--tte-text-muted)}.practice-now{background:var(--tte-primary)!important;border:1px solid var(--tte-primary)!important;color:#fff!important}.practice-now:hover{background:var(--tte-primary-hover)!important}
body[class$="-page"] .tte-main,body.learn-shell .tte-main{color:var(--tte-text)}body[class$="-page"] .tte-main>section,body.learn-shell .tte-main>section{border-color:var(--tte-border)}.tte-game-ad-section{background:var(--tte-bg);color:var(--tte-text-muted)}
.pro-page,.subscription-page{background:var(--tte-bg);color:var(--tte-text)}.pro-page :where(.pro-card,.pricing-card,.plan-card),.subscription-page :where(.pro-card,.pricing-card,.plan-card){background:var(--tte-surface);color:var(--tte-text);border-color:var(--tte-border);border-radius:var(--tte-radius-lg)}
@media(max-width:600px){.auth-wrap{width:min(100% - 24px,560px);margin:24px auto}.auth-card{padding:20px}.tte-duration-chip:has(input:checked)::after,.tte-layout-option:has(input:checked)::after{display:block}}

/* ============================================================
   PHASE 3 — site-wide visual product DNA (presentation only).
   Hero variants, cards, side resources, event/feature shells and the homepage demo all
   resolve through V17 tokens. Specialist workspaces and certificate artifacts stay intact.
   ============================================================ */
:root{--tte-gold:#e0b84f;--tte-gold-soft:#fff5d6;--tte-section-gap:clamp(42px,6vw,76px)}
[data-theme="dark"]{--tte-gold:#f0c75e;--tte-gold-soft:#332d1d}
.tte-section-head{max-width:760px;margin-bottom:26px}.tte-section-head .tte-kicker{display:block;margin-bottom:8px}.tte-section-head h2{margin:0 0 9px;font-size:clamp(26px,3vw,38px);letter-spacing:-.025em}.tte-section-head p{margin:0;color:var(--tte-text-muted)}
.tte-page-hero{position:relative;overflow:hidden;border-radius:var(--tte-radius-lg);padding:clamp(30px,5vw,62px);margin:24px auto 42px;background:linear-gradient(135deg,var(--tte-navy),color-mix(in srgb,var(--tte-primary) 58%,var(--tte-navy)));color:#fff;box-shadow:var(--tte-elev-3)}
.tte-page-hero::after{content:'';position:absolute;right:-90px;top:-120px;width:330px;height:330px;border:1px solid color-mix(in srgb,var(--tte-gold) 45%,transparent);border-radius:50%;box-shadow:0 0 0 45px color-mix(in srgb,var(--tte-gold) 8%,transparent)}
.tte-page-hero>*{position:relative;z-index:1}.tte-page-hero h1,.tte-page-hero h2{color:#fff}.tte-page-hero p{color:#dbe8f6}.tte-page-hero :where(.tte-kicker,.cpt-kicker,.live-kicker,.pro-kicker){color:var(--tte-gold)}
.tte-page-hero-feature{background:linear-gradient(145deg,#0b2545,#145da0 62%,#0d3c70)}.tte-page-hero-event{background:radial-gradient(circle at 80% 10%,#e0b84f33,transparent 28%),linear-gradient(145deg,#081d36,#123e70)}.tte-page-hero-marketing{border-radius:0;margin:0;background:radial-gradient(circle at 78% 18%,#e0b84f2b,transparent 25%),linear-gradient(145deg,#071b33,#123e70 58%,#092846)}
.tte-card,.tte-locked-card,.pro-plan,.live-slot,.cpt-grid article,.cpt-comparison article,.tte-review-card{border-radius:var(--tte-radius-md)!important;box-shadow:var(--tte-elev-1);border:1px solid var(--tte-border)}
.tte-card:hover,.cpt-grid article:hover,.cpt-comparison article:hover,.tte-review-card:hover{border-color:color-mix(in srgb,var(--tte-primary) 55%,var(--tte-border));box-shadow:var(--tte-elev-2)}

/* Homepage product terminal: meaningful by default; animation is decorative. */
.tte-home-hero-copy .tte-actions .tte-btn:first-child{box-shadow:0 8px 22px color-mix(in srgb,var(--tte-primary) 24%,transparent)}
.tte-hero-visual{isolation:isolate}.tte-typing-terminal{position:absolute;inset:8px 6% 68px 0;border:1px solid color-mix(in srgb,var(--tte-primary) 38%,var(--tte-border));border-radius:var(--tte-radius-lg);overflow:hidden;background:var(--tte-navy);box-shadow:var(--tte-elev-3);z-index:2}
.tte-terminal-bar{height:42px;padding:0 15px;display:flex;align-items:center;gap:7px;background:#081a31;border-bottom:1px solid #ffffff1f;color:#b9cae0;font-size:11px}.tte-terminal-bar span{width:9px;height:9px;border-radius:50%;background:#5d7898}.tte-terminal-bar span:first-child{background:var(--tte-gold)}.tte-terminal-bar b{margin-left:8px;letter-spacing:.04em}
.tte-terminal-screen{padding:25px;color:#fff}.tte-terminal-prompt{display:block;color:var(--tte-gold);font:800 10px/1.4 Arial,sans-serif;letter-spacing:.13em;margin-bottom:15px}.tte-terminal-screen strong{font:800 clamp(19px,2.1vw,29px)/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.tte-keyboard-mini{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:28px}.tte-keyboard-mini i{display:grid;place-items:center;min-height:25px;border:1px solid #ffffff25;border-bottom-width:3px;border-radius:5px;background:#ffffff0d;color:#c9d7e7;font:700 9px Arial,sans-serif;font-style:normal}
.tte-review-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,380px);gap:16px;overflow-x:auto;padding:4px 3px 16px;scroll-snap-type:x proximity}.tte-review-card{padding:22px;background:var(--tte-surface);color:var(--tte-text);scroll-snap-align:start}.tte-review-card p{color:var(--tte-text-muted);line-height:1.7}.tte-review-card>b,.tte-review-card>span{display:block}.tte-review-card>span{font-size:12px;color:var(--tte-primary);margin-top:3px}.tte-stars{color:#a87400;letter-spacing:.08em}.tte-review-avatar{float:right;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--tte-primary);color:#fff;font-size:12px;font-weight:900}.tte-feedback-panel{padding:clamp(22px,4vw,36px);border:1px solid var(--tte-border);border-radius:var(--tte-radius-lg);background:var(--tte-surface-2)}.tte-feedback-panel form{padding-top:6px}
.tte-access-table th:not(:first-child){min-width:132px}.tte-access-table td:not(:first-child){text-align:center}.tte-access-table tbody td:first-child{font-weight:700}

/* CPT and Descriptive retain personality while sharing the navy/blue/gold product palette. */
.tte-cpt-page{background:var(--tte-bg)!important;color:var(--tte-text)!important}.tte-cpt-page .cpt-hero{border-radius:0;margin:0 0 42px;max-width:none}.tte-cpt-page .cpt-grid article,.tte-cpt-page .cpt-comparison article,.tte-cpt-page .cpt-note,.tte-cpt-page .cpt-faq{background:var(--tte-surface)!important;color:var(--tte-text)!important;border-color:var(--tte-border)!important}.tte-cpt-page :where(.cpt-grid,.cpt-comparison) h3,.tte-cpt-page :where(.cpt-note,.cpt-faq) h2{color:var(--tte-text)!important}.tte-cpt-page :where(.cpt-grid,.cpt-comparison,.cpt-note,.cpt-faq) p{color:var(--tte-text-muted)!important}.tte-cpt-page .sec-head .n{color:var(--tte-primary)!important}.tte-cpt-page .cpt-level{color:var(--tte-primary)!important}.tte-cpt-page .cpt-comparison .featured{border-color:var(--tte-gold)!important;background:linear-gradient(180deg,var(--tte-surface),var(--tte-gold-soft))!important}
.tte-descriptive-page{background:var(--tte-bg);color:var(--tte-text)}.tte-descriptive-page .tte-main>.tte-intro{max-width:none}.tte-descriptive-page [data-descriptive-app]{padding:clamp(18px,3vw,30px);border:1px solid var(--tte-border);border-radius:var(--tte-radius-lg);background:var(--tte-surface-2)}.tte-descriptive-page [data-descriptive-app] .tte-card{position:relative;background:var(--tte-surface);overflow:hidden}.tte-descriptive-page [data-descriptive-app] .tte-card::before{content:'✎';display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--tte-primary);color:#fff;font-weight:900}.tte-descriptive-page [data-descriptive-app] .tte-locked-card::before{background:linear-gradient(90deg,var(--tte-primary),var(--tte-gold))}

/* Plans: keep premium depth, replace the independent black/olive family with TTE tokens. */
.pro-page{background:var(--tte-bg)!important;color:var(--tte-text)!important}.pro-page .pro-plan,.pro-page .pro-proof,.pro-page .pro-compare,.pro-page .pro-faq details{background:var(--tte-surface)!important;border-color:var(--tte-border)!important;color:var(--tte-text)!important;border-radius:var(--tte-radius-md)!important}.pro-page .pro-plan.featured{background:linear-gradient(180deg,var(--tte-surface),var(--tte-gold-soft))!important;border-color:var(--tte-gold)!important}.pro-page :where(.pro-plan,.pro-proof,.pro-compare,.pro-faq) :where(h2,h3,b,th,li){color:var(--tte-text)!important}.pro-page :where(.pro-plan,.pro-proof,.pro-compare,.pro-faq) :where(p,span){color:var(--tte-text-muted)}.pro-page .pro-btn{border-radius:var(--tte-radius-sm)!important;background:var(--tte-primary)!important;color:#fff!important}.pro-page .pro-btn:hover{background:var(--tte-primary-hover)!important}.pro-page .pro-popular{background:var(--tte-navy);color:var(--tte-gold)}

/* Event shell: Sunday energy without the legacy olive/cream split. */
.live-page{background:var(--tte-bg)!important;color:var(--tte-text)!important}.live-main{max-width:1160px}.live-page .live-hero{margin-top:0}.live-page .live-slot{background:var(--tte-surface)!important;border-color:var(--tte-border)!important;color:var(--tte-text);box-shadow:var(--tte-elev-1)}.live-page .live-slot>span{color:var(--tte-primary)!important}.live-page .live-slot [data-countdown]{color:var(--tte-text-muted)}.live-page .live-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--tte-primary);border-radius:var(--tte-radius-sm);background:var(--tte-primary);color:#fff;min-height:44px}.live-page .live-btn:hover{background:var(--tte-primary-hover)}.live-page .live-btn.enrolled{background:var(--tte-success);border-color:var(--tte-success)}.live-page .live-results{background:var(--tte-navy)!important;border-color:color-mix(in srgb,var(--tte-gold) 55%,transparent)!important;border-radius:var(--tte-radius-lg)!important}.live-page .my-live-rank{border-color:color-mix(in srgb,var(--tte-gold) 48%,transparent);background:color-mix(in srgb,var(--tte-gold) 10%,transparent)}

/* Certificate webpage chrome and explicit non-functional sample verification treatment. */
.tte-certificate-page .tte-main{max-width:1160px}.tte-certificate-page .tte-cert-preview{position:relative;padding:14px;background:#fff;border-color:#c8d4e3;box-shadow:var(--tte-elev-2)}.tte-certificate-page .tte-cert-preview img{display:block;width:100%;height:auto}.tte-cert-demo-verification{display:flex;align-items:center;gap:14px;margin:12px 0 2px;padding:12px;border:2px dashed #94a3b8;border-radius:9px;background:#f8fafc;color:#0f2742}.tte-cert-demo-verification>div:last-child{display:grid;gap:4px}.tte-cert-demo-verification b{font-size:12px;color:#9f1239}.tte-cert-demo-verification span{font:700 12px ui-monospace,monospace}.tte-demo-qr{position:relative;flex:0 0 64px;height:64px;border:6px solid #111;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 50%/14px 14px;display:grid;place-items:center}.tte-demo-qr span{position:relative;background:#fff;padding:3px;color:#9f1239!important;font:900 8px/1.1 Arial,sans-serif!important;text-align:center}.tte-certificate-steps{position:relative;counter-reset:steps;padding:0}.tte-certificate-steps::before{content:'';position:absolute;left:10%;right:10%;top:22px;height:2px;background:var(--tte-border)}.tte-certificate-steps li{position:relative;text-align:center;padding:58px 12px 18px;box-shadow:var(--tte-elev-1);transition:transform .15s ease,border-color .2s ease}.tte-certificate-steps li::before{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--tte-primary);color:#fff;font-size:13px}.tte-certificate-steps li:hover{transform:translateY(-2px);border-color:var(--tte-primary)}

/* One sidebar and affiliate policy. Rails only exist on explicitly eligible content pages. */
body:not(.tte-has-rails)>.tte-rails{display:none!important}.tte-rails aside{border-radius:var(--tte-radius-md);padding:14px 16px;box-shadow:none}.tte-rails h3{display:flex;align-items:center;gap:7px}.tte-rails h3::before{content:'↗';color:var(--tte-primary)}.tte-affiliate{display:none!important}.learn-shell .tte-affiliate,.guide-page .tte-affiliate,.tte-has-rails .tte-affiliate{display:block!important}.tte-resource-disclosure summary{cursor:pointer;font-weight:800;color:var(--tte-text);padding:5px 0}.tte-resource-disclosure[open] summary{margin-bottom:8px}.tte-resource-disclosure summary::marker{color:var(--tte-primary)}
@media(min-width:1700px){body.tte-has-rails .tte-rails aside{background:var(--tte-surface)!important}}

/* Single WhatsApp control across legacy and V17 markup. */
:where(.tte-whatsapp,.wa-float){position:fixed!important;right:18px!important;bottom:18px!important;z-index:60!important;width:auto!important;height:44px!important;min-width:44px;border-radius:999px!important;padding:0 15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px;background:#087f45!important;color:#fff!important;box-shadow:0 6px 18px #052e1b38!important;font-size:13px!important;font-weight:800!important;transform:none!important}.wa-float svg{width:23px!important;height:23px!important}
@media(max-width:900px){.tte-page-hero{border-radius:var(--tte-radius-md);margin-top:14px}.tte-review-grid{grid-auto-columns:minmax(280px,86vw)}.tte-typing-terminal{inset:8px 0 68px}.tte-certificate-steps{grid-template-columns:1fr}.tte-certificate-steps::before{left:24px;right:auto;top:24px;bottom:24px;width:2px;height:auto}.tte-certificate-steps li{text-align:left;padding:18px 18px 18px 58px}.tte-certificate-steps li::before{left:24px;top:50%;transform:translate(-50%,-50%)}}
@media(max-width:700px){.tte-rails{display:grid!important;grid-template-columns:1fr;padding:8px 16px 24px}.tte-rails aside{padding:10px 14px}.tte-access-table{min-width:760px}:where(.tte-whatsapp,.wa-float){right:12px!important;bottom:12px!important;width:46px!important;height:46px!important;min-width:46px;padding:0!important;font-size:0!important}.tte-whatsapp::before{content:'WA';font-size:11px}.tte-typing-terminal{position:relative;inset:auto;height:250px}.tte-hero-card-metric{bottom:-5px}.tte-hero-card-exam{bottom:-12px}}
@media(prefers-reduced-motion:reduce){.tte-terminal-screen strong{animation:none}.tte-certificate-steps li:hover{transform:none}}

/* Qualified certificate result: prominent payment CTA after the test. */
.tte-result [data-save-status].tte-certificate-qualified{margin:20px 0;padding:16px;border:1px solid color-mix(in srgb,var(--tte-success) 45%,var(--tte-border));border-left:5px solid var(--tte-success);border-radius:10px;background:color-mix(in srgb,var(--tte-success) 8%,var(--tte-surface));color:var(--tte-text)}
.tte-certificate-pay-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,420px);min-height:64px;margin-top:14px;padding:13px 22px;border:2px solid var(--tte-primary);border-radius:9px;background:var(--tte-primary);color:#fff!important;text-decoration:none!important;text-align:center;box-shadow:0 8px 20px color-mix(in srgb,var(--tte-primary) 28%,transparent);transition:filter .2s ease,transform .2s ease,box-shadow .2s ease}
.tte-certificate-pay-cta span{font-size:18px;font-weight:900;line-height:1.25}.tte-certificate-pay-cta small{display:block;margin-top:3px;color:#fff;font-size:12px;font-weight:600;opacity:.95}.tte-certificate-pay-cta:hover{filter:brightness(.94);transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--tte-primary) 34%,transparent)}.tte-certificate-pay-cta:focus-visible{outline:3px solid var(--tte-warning);outline-offset:3px}
@media(max-width:600px){.tte-certificate-pay-cta{width:100%;min-height:70px;padding:14px 16px}.tte-certificate-pay-cta span{font-size:17px}}

/* FINAL UI STABILIZATION — collision-free hero, settings contrast, compact reviews and games. */
.tte-hero-visual{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:minmax(238px,1fr) auto;gap:12px;align-content:center;min-height:390px}
.tte-typing-terminal{position:relative;inset:auto;grid-column:1/-1;grid-row:1;min-height:238px}.tte-hero-card-metric,.tte-hero-card-exam{position:relative;inset:auto;width:auto;bottom:auto;left:auto;right:auto;z-index:3;min-width:0}.tte-hero-card-metric{grid-column:1;grid-row:2}.tte-hero-card-exam{grid-column:2;grid-row:2;padding:16px}.tte-hero-card-exam .tte-hero-badge{margin-bottom:5px}
.tte-home-hero~.tte-grid>.tte-card{display:flex;flex-direction:column;min-height:225px;background:linear-gradient(180deg,var(--tte-surface),color-mix(in srgb,var(--tte-primary) 4%,var(--tte-surface)))}.tte-home-hero~.tte-grid>.tte-card>a:last-child{align-self:flex-start;margin-top:auto;padding:8px 12px;border:1px solid var(--tte-primary);border-radius:var(--tte-radius-sm);background:var(--tte-primary);color:#fff!important}.tte-home-hero~.tte-grid>.tte-card:hover>a:last-child{background:var(--tte-primary-hover);gap:6px}.tte-home-hero~.tte-grid>.tte-card:focus-within{outline:3px solid color-mix(in srgb,var(--tte-primary) 28%,transparent);outline-offset:3px}
.tte-feedback-panel{padding:0;border:0;background:transparent}.tte-feedback-disclosure{border:1px solid var(--tte-border);border-radius:var(--tte-radius-md);background:var(--tte-surface-2);overflow:hidden}.tte-feedback-disclosure:not([open])>:not(summary){display:none!important}.tte-feedback-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;color:var(--tte-text);font-weight:800;list-style:none}.tte-feedback-disclosure>summary::-webkit-details-marker{display:none}.tte-feedback-disclosure>summary::after{content:'Open feedback form →';color:var(--tte-primary);font-size:13px}.tte-feedback-disclosure[open]>summary::after{content:'Close form ×'}.tte-feedback-disclosure form,.tte-feedback-disclosure>.tte-note{margin:0 20px 18px}.tte-review-controls{display:flex;gap:8px;margin:10px 0}.tte-review-controls button{width:40px;height:40px;border:1px solid var(--tte-border);border-radius:50%;background:var(--tte-surface);color:var(--tte-primary);font-weight:900;cursor:pointer}.tte-review-grid{scrollbar-width:thin;scroll-behavior:smooth}
.tte-duration-field{grid-column:1/-1}.tte-duration-label{display:block;color:var(--tte-text);font-weight:800;margin-bottom:8px}.tte-duration-set{display:flex;flex-wrap:wrap;gap:9px}.tte-duration-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:82px;min-height:52px;padding:8px 11px;border:1px solid var(--tte-border);border-radius:var(--tte-radius-sm);background:var(--tte-surface);color:var(--tte-text);font-weight:800;cursor:pointer}.tte-duration-chip:hover:not(.is-locked){border-color:var(--tte-primary);background:var(--tte-surface-2)}.tte-duration-chip[aria-pressed="true"]{background:var(--tte-primary);border-color:var(--tte-primary);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--tte-primary) 22%,transparent)}.tte-duration-chip.is-locked{min-width:128px;background:var(--tte-surface-2);border-style:dashed;opacity:1}.tte-duration-value{font-weight:850}.tte-duration-lock{font-size:10px;color:var(--tte-text-muted);white-space:nowrap}.tte-duration-official{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--tte-gold-soft);color:var(--tte-text);font-weight:800}.tte-duration-message{margin-top:10px;padding:12px;border:1px solid var(--tte-border);border-radius:var(--tte-radius-sm);background:var(--tte-surface-2);color:var(--tte-text)}
.tte-settings{color:var(--tte-text)!important;background:var(--tte-surface)!important;border-color:var(--tte-border)!important;box-shadow:var(--tte-elev-1)}.tte-settings h2,.tte-settings h3,.tte-settings legend,.tte-settings label,.tte-switches label{color:var(--tte-text)!important}.tte-settings :where(input,select,textarea){background:var(--tte-input-bg)!important;color:var(--tte-text)!important;border-color:var(--tte-border)!important}.tte-settings :where(small,.tte-note,p){color:var(--tte-text-muted)}.tte-settings fieldset,.tte-paper-setting,.tte-layout-option{background:var(--tte-surface-2)!important;color:var(--tte-text)!important;border-color:var(--tte-border)!important}.tte-layout-option:has(input:checked){background:color-mix(in srgb,var(--tte-primary) 12%,var(--tte-surface))!important}.workspace-toolbar-outside{padding:10px 12px;border:1px solid var(--tte-border);border-radius:var(--tte-radius-sm);background:var(--tte-surface)!important;color:var(--tte-text)!important}.workspace-toolbar-outside button{background:var(--tte-primary)!important;border-color:var(--tte-primary)!important;color:#fff!important}.tte-result{color:var(--tte-text)}.tte-result :where(h2,h3,strong){color:var(--tte-text)}
.tte-games-page{background:var(--tte-bg);color:var(--tte-text)}.tte-games-page .games-hero{max-width:1160px;margin:24px auto 42px;border-radius:var(--tte-radius-lg);background:linear-gradient(145deg,var(--tte-navy),color-mix(in srgb,var(--tte-primary) 64%,var(--tte-navy)));color:#fff;box-shadow:var(--tte-elev-3)}.tte-games-page .games-hero h1{color:#fff}.tte-games-page .games-hero p{color:#dbe8f6}.tte-games-page .games-catalog{max-width:1160px}.tte-games-page .games-grid{gap:16px}.tte-games-page .game-card{background:var(--tte-surface)!important;color:var(--tte-text)!important;border:1px solid var(--tte-border)!important;border-radius:var(--tte-radius-md)!important;box-shadow:var(--tte-elev-1);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tte-games-page .game-card:hover{transform:translateY(-2px);border-color:var(--tte-primary)!important;box-shadow:var(--tte-elev-2)}.tte-games-page .game-card p{color:var(--tte-text-muted)!important}.tte-games-page .game-number{color:var(--tte-primary)!important}.tte-games-page .game-status{border-radius:999px;background:var(--tte-surface-2)!important;color:var(--tte-text-muted)!important}.tte-games-page .game-status.available{background:color-mix(in srgb,var(--tte-success) 13%,var(--tte-surface))!important;color:var(--tte-success)!important}
@media(max-width:900px){.tte-hero-visual{grid-template-rows:230px auto;min-height:360px}.tte-typing-terminal{min-height:230px}.tte-hero-card-metric,.tte-hero-card-exam{min-height:88px}.tte-home-hero~.tte-grid>.tte-card{min-height:205px}}
@media(max-width:600px){html[data-theme="light"] body{background:#fff!important}.tte-hero-visual{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;gap:10px}.tte-typing-terminal{grid-column:1;grid-row:1;min-height:220px}.tte-hero-card-metric{grid-column:1;grid-row:2}.tte-hero-card-exam{grid-column:1;grid-row:3}.tte-duration-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tte-duration-chip,.tte-duration-chip.is-locked{width:100%;min-width:0}.tte-home-hero~.tte-grid>.tte-card{min-height:0}.tte-games-page .games-hero{border-radius:0;margin-top:0}.tte-feedback-disclosure>summary{align-items:flex-start;flex-direction:column}.tte-feedback-disclosure>summary::after{font-size:12px}}

/* FINAL STABILIZATION — access hierarchy, authentic exam identity, live/account nav. */
.tte-nav-live{display:flex!important;align-items:center;gap:7px}.tte-live-dot{width:6px;height:6px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 3px #dc262622}@media(prefers-reduced-motion:no-preference){.tte-live-dot{animation:tte-live-pulse 2.4s ease-in-out infinite}}@keyframes tte-live-pulse{50%{opacity:.45;transform:scale(.8)}}
.tte-access-summary{margin:22px 0 14px}.tte-access-summary .tte-section-head{margin-bottom:14px}.tte-access-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tte-access-summary-card{display:flex;flex-direction:column;padding:18px;border:1px solid var(--tte-border);border-radius:var(--tte-radius-md);background:var(--tte-surface);box-shadow:var(--tte-elev-1)}.tte-access-summary-card:nth-child(2){border-top:3px solid var(--tte-primary)}.tte-access-summary-card:nth-child(3){border-top:3px solid var(--tte-gold);background:linear-gradient(160deg,var(--tte-surface),var(--tte-gold-soft))}.tte-access-summary-card h2{margin:5px 0 10px;font-size:19px}.tte-access-summary-card ul{margin:0 0 14px;padding-left:18px;color:var(--tte-text-muted);font-size:14px}.tte-access-summary-card li+li{margin-top:5px}.tte-home-primary-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 26px}.tte-home-primary-paths .tte-btn{justify-content:center;min-height:48px;text-align:center}.tte-home-primary-paths .tte-btn:nth-child(3){background:var(--tte-navy);border-color:var(--tte-navy)}
.tte-exam-identity{display:flex;align-items:center;justify-content:center;height:82px;margin:-2px -2px 12px;padding:10px;border-radius:var(--tte-radius-sm);background:linear-gradient(145deg,var(--tte-surface-2),color-mix(in srgb,var(--tte-primary) 7%,var(--tte-surface)));border:1px solid var(--tte-border)}.tte-exam-identity img{display:block;width:100%;height:60px;object-fit:contain}.tte-exam-identity-fallback{font-weight:900;font-size:17px;letter-spacing:.04em;color:var(--tte-primary);text-align:center}.tte-exam-card>.tte-badge{align-self:flex-start}.tte-exam-card .tte-actions .tte-btn{flex:1;justify-content:center;text-align:center}.tte-exam-card .tte-actions{display:grid;grid-template-columns:1fr 1fr}.tte-exam-card{overflow:hidden}
.tte-games-page .sec-head{padding-left:16px;border-left:4px solid var(--tte-gold)}.tte-games-page .game-card .btn{border-radius:var(--tte-radius-sm)!important;background:var(--tte-primary)!important;color:#fff!important}.tte-games-page .game-status.priority{color:#8a5a00!important;background:var(--tte-gold-soft)!important}
@media(max-width:700px){.tte-access-summary-grid,.tte-home-primary-paths{grid-template-columns:1fr}.tte-home-primary-paths{gap:9px}.tte-exam-card .tte-actions{grid-template-columns:1fr}.tte-nav-live{justify-content:space-between}.tte-exam-identity{height:70px}.tte-exam-identity img{height:50px}.tte-review-grid{grid-auto-columns:100%;scroll-snap-type:x mandatory;padding-inline:0}.tte-review-card{width:100%;min-width:0}.tte-review-controls{justify-content:center}:where(.tte-whatsapp,.wa-float){bottom:max(12px,env(safe-area-inset-bottom))!important}}
/* Final pre-payment navigation and theme consistency */
.tte-account-menu>summary{display:flex;align-items:center;gap:6px;border:1px solid var(--tte-border);border-radius:8px;padding:8px 10px!important}.tte-account-menu>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--tte-primary) 35%,transparent);outline-offset:2px}.tte-account-menu svg{flex:none}.tte-popular .tte-popular-academy{color:var(--tte-primary);font-weight:800;border-left:1px solid var(--tte-border);padding-left:18px}.tte-popular .tte-popular-keyboards{color:var(--tte-text);font-weight:800;white-space:nowrap}.tte-popular [data-install-app]{border:1px solid var(--tte-primary);border-radius:999px;background:var(--tte-surface);padding:5px 11px;color:var(--tte-primary);line-height:1.2;white-space:nowrap}
html[data-theme="light"] .tte-games-page .game-card h3{color:var(--tte-navy)!important}html[data-theme="dark"] .tte-games-page .game-card h3{color:var(--tte-gold)!important}.tte-academy-hero{background:linear-gradient(135deg,var(--tte-navy),#123f75);color:#fff;border-radius:var(--tte-radius);padding:clamp(28px,5vw,64px);margin-bottom:30px}.tte-academy-hero h1,.tte-academy-hero p{color:#fff}.tte-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.tte-course-card{display:flex;flex-direction:column}.tte-course-card p{flex:1}.tte-course-card .tte-actions{margin-top:auto}

/* Shared ads: predictable reserved shells, graceful empty collapse, and one desktop guide rail. */
.tte-ad-slot{width:100%;min-height:120px;margin:26px auto;padding:8px;display:grid;place-items:center;background:var(--tte-surface-2);border-radius:var(--tte-radius);overflow:hidden;contain:layout paint}.tte-ad-slot>small{display:block;color:var(--tte-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tte-ad-slot .adsbygoogle{display:block;width:100%;min-height:100px}.tte-ad-slot[hidden],.tte-adfree .tte-ad-slot,.tte-focused .tte-ad-slot{display:none!important;min-height:0!important;margin:0!important;padding:0!important}.tte-ad-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.tte-ad-sidebar{position:sticky;top:calc(var(--tte-header,110px) + 18px);width:300px;min-height:250px;margin-top:24px}.tte-ad-result{min-height:120px;margin:18px 0}.tte-focused .tte-support-dialog{display:none}

/* Shared support chooser */
.tte-support-dialog{width:min(420px,calc(100% - 28px));padding:0;border:1px solid var(--tte-border);border-radius:18px;background:var(--tte-surface);color:var(--tte-text);box-shadow:0 24px 70px #0005}.tte-support-dialog::backdrop{background:#07142699}.tte-support-head{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:20px 20px 12px}.tte-support-head small{color:var(--tte-primary);font-weight:800}.tte-support-head h2{margin:4px 0 0;color:var(--tte-text)}.tte-support-close{width:38px;height:38px;border:1px solid var(--tte-border);border-radius:999px;background:var(--tte-surface-2);color:var(--tte-text);font-size:24px}.tte-support-options{display:grid;gap:10px;padding:8px 20px}.tte-support-options button{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--tte-border);border-radius:12px;background:var(--tte-surface-2);color:var(--tte-text);text-align:left}.tte-support-options button>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--tte-primary);color:#fff}.tte-support-options span,.tte-support-options small{display:block}.tte-support-options small,.tte-support-dialog>p{color:var(--tte-text-muted)}.tte-support-dialog>p{padding:0 20px 18px;font-size:12px}.tte-support-options button:hover{border-color:var(--tte-primary)}.tte-support-dialog :focus-visible{outline:3px solid color-mix(in srgb,var(--tte-primary) 35%,transparent);outline-offset:2px}
@media(max-width:900px){.tte-ad-layout{display:contents}.tte-ad-sidebar{position:static;width:100%;min-height:120px;margin:24px 0}.tte-support-dialog{margin:auto auto max(12px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;width:100%;max-width:none}}
/* Final pre-Cashfree correction controls */
.tte-access-card-link{margin-top:auto;color:var(--tte-primary);font-weight:800;text-decoration:none}.tte-access-card-link:hover{text-decoration:underline}.tte-popular button{font:inherit;font-weight:800;cursor:pointer}.tte-popular button:focus-visible{outline:2px solid var(--tte-primary);outline-offset:3px}.tte-exam-card .tte-actions .tte-btn{min-height:36px;padding:8px 11px;font-size:12px}.tte-exam-identity{background:color-mix(in srgb,var(--tte-surface-2) 82%,transparent);border:1px solid var(--tte-border)}.tte-exam-identity img{width:120px;height:64px;max-width:80%;object-fit:contain}
.tte-utility-stack{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.tte-utility-stack :where(.tte-whatsapp,.tte-utility-button){position:static!important;margin:0;border:0;cursor:pointer}.tte-utility-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;height:44px;padding:0 13px;border:1px solid var(--tte-border)!important;border-radius:999px;background:var(--tte-surface);color:var(--tte-text);box-shadow:0 6px 18px #052e1b24;font-weight:800}.tte-utility-button svg{width:19px;height:19px;fill:currentColor}.tte-back-top{width:44px;padding:0}.tte-share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 20px}.tte-share-options :where(a,button){display:flex;justify-content:center;align-items:center;min-height:42px;padding:9px;border:1px solid var(--tte-border);border-radius:10px;background:var(--tte-surface-2);color:var(--tte-text);text-decoration:none;font:inherit;font-weight:800}.tte-share-options :where(a,button):hover{border-color:var(--tte-primary)}.tte-focused>.tte-utility-stack{display:none!important}
@media(max-width:700px){.tte-utility-stack{right:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:7px}.tte-utility-stack :where(.tte-whatsapp,.tte-utility-button){width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;font-size:0!important}.tte-utility-stack svg{width:20px;height:20px}.tte-share-options{grid-template-columns:1fr}.tte-exam-card .tte-actions{grid-template-columns:1fr 1fr}.tte-exam-card .tte-actions .tte-btn{min-width:0}}