:root{
  --tfsk-bg:#f4f8ff;
  --tfsk-surface:#ffffff;
  --tfsk-surface-soft:#f8fbff;
  --tfsk-stroke:rgba(122,145,181,.18);
  --tfsk-stroke-strong:rgba(59,94,148,.24);
  --tfsk-text:#10214a;
  --tfsk-muted:#5e7094;
  --tfsk-primary:#2e57e8;
  --tfsk-primary-deep:#1b43cf;
  --tfsk-mint:#43c4b7;
  --tfsk-shadow:0 24px 60px rgba(21,38,79,.10);
  --tfsk-shadow-soft:0 18px 38px rgba(21,38,79,.08);
}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tfsk-text);background:linear-gradient(180deg,#f5f8ff 0%,#fbfdff 42%,#f4f8ff 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}
a{color:var(--tfsk-primary)}
.tfsk-header{position:sticky;top:0;z-index:20;background:rgba(245,248,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(122,145,181,.12)}
.tfsk-header-inner{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.tfsk-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--tfsk-text)}
.tfsk-brand-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(145deg,var(--tfsk-primary),var(--tfsk-primary-deep));display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;box-shadow:0 14px 32px rgba(46,87,232,.24)}
.tfsk-brand-bars{width:22px;height:20px;display:flex;align-items:flex-end;justify-content:space-between;position:relative}
.tfsk-brand-bars i{display:block;width:5px;border-radius:3px 3px 1px 1px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.tfsk-brand-bars i:nth-child(1){height:9px;opacity:.95}
.tfsk-brand-bars i:nth-child(2){height:14px;opacity:.95}
.tfsk-brand-bars i:nth-child(3){height:18px;opacity:.95}
.tfsk-brand-copy strong{display:block;font:700 1.05rem/1.1 Sora,Inter,sans-serif;letter-spacing:-.03em}
.tfsk-brand-copy span{display:block;color:var(--tfsk-muted);font-size:.92rem;margin-top:3px}
.tfsk-top-nav{display:flex;align-items:center;gap:14px}
.tfsk-top-nav a,.tfsk-nav-menu summary{text-decoration:none;color:var(--tfsk-muted);font-weight:600;font-size:.95rem}
.tfsk-top-nav a:hover,.tfsk-nav-menu summary:hover{color:var(--tfsk-primary)}
.tfsk-nav-menu{position:relative}
.tfsk-nav-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.tfsk-nav-menu summary::-webkit-details-marker{display:none}
.tfsk-nav-menu summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.65}
.tfsk-nav-menu[open] summary{color:var(--tfsk-primary)}
.tfsk-nav-menu-panel{position:absolute;top:calc(100% + 16px);right:-8px;width:min(88vw,520px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid rgba(122,145,181,.18);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 24px 60px rgba(21,38,79,.16);backdrop-filter:blur(18px)}
.tfsk-nav-menu-panel::before{content:"";position:absolute;top:-9px;right:28px;width:16px;height:16px;transform:rotate(45deg);background:rgba(255,255,255,.96);border-left:1px solid rgba(122,145,181,.18);border-top:1px solid rgba(122,145,181,.18)}
.tfsk-nav-menu-panel a{position:relative;z-index:1;display:block;padding:13px 14px;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid rgba(122,145,181,.12);color:var(--tfsk-text)}
.tfsk-nav-menu-panel a:hover{background:#eef4ff;text-decoration:none;color:var(--tfsk-primary-deep)}
.tfsk-nav-menu-panel a[href="/examples/"]{grid-column:1/-1;border-color:rgba(37,99,235,.16);background:linear-gradient(180deg,#f8fbff,#eef4ff)}
.tfsk-nav-menu-panel span{display:block;margin-bottom:5px;color:#6b7d9e;font:800 .68rem/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tfsk-nav-menu-panel strong{display:block;font:800 .92rem/1.25 Sora,Inter,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}

/* Shared site chrome is loaded after legacy page styles. */
html{scroll-padding-top:130px}
body{line-height:1.7}
body h1,body h2,body h3{font-family:Sora,Inter,system-ui,sans-serif;color:var(--tfsk-text);letter-spacing:-.035em}
body input,body select,body textarea,body button{font-family:Inter,system-ui,sans-serif}
.tfsk-header{isolation:isolate}
.tfsk-header *{box-sizing:content-box}
.tfsk-header-inner{line-height:normal}
.tfsk-header a{text-decoration:none}
.tfsk-brand{flex-shrink:0}
.tfsk-brand-mark{flex-shrink:0}
.tfsk-brand-copy span{font-weight:400;line-height:1.7}
.tfsk-header .tfsk-top-nav>a,.tfsk-nav-menu summary{display:inline-flex;align-items:center;min-height:44px}
.tfsk-nav-menu{margin:0;padding:0;border:0;background:transparent}
.tfsk-nav-menu summary{padding:0;border:0;background:transparent}
.tfsk-nav-menu summary::before{display:none}
.tfsk-nav-menu-panel strong{color:var(--tfsk-text)}
.tfsk-nav-menu-panel span{line-height:1}
.tfsk-nav-menu-panel a{min-height:0}
main.wrap,.wrap:has(>h1){box-sizing:border-box;max-width:1080px;padding:36px 24px 64px}
main .card>p,main article>p,main .tfsk-section>p{max-width:76ch;line-height:1.8}
main p,main li{overflow-wrap:break-word}
main pre{overflow:auto;max-width:100%;box-sizing:border-box}
main img{max-width:100%;height:auto}
.source-note{padding:14px 16px;border-left:3px solid var(--tfsk-mint);background:var(--tfsk-surface-soft);font-size:.9rem}
.related-reading{margin-top:28px;padding-top:18px;border-top:1px solid var(--tfsk-stroke)}
.site-footer{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:32px 24px 100px;border-top:1px solid var(--tfsk-stroke);color:var(--tfsk-muted);font:400 .9rem/1.7 Inter,system-ui,sans-serif}
.site-footer strong{font-family:Sora,Inter,sans-serif;color:var(--tfsk-text)}
.site-footer p{margin:8px 0;overflow-wrap:anywhere}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0}
.site-footer a{color:var(--tfsk-primary);text-underline-offset:3px}
/* Existing contextual links remain in the content, without repeating site-wide legal links. */
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}
:focus-visible{outline:3px solid #2e57e8;outline-offset:3px}
@media(max-width:700px){
 .tfsk-header-inner{padding:12px 16px;gap:4px;flex-wrap:wrap;align-items:center}
 .tfsk-top-nav{width:100%;gap:20px;flex-wrap:wrap;padding-top:4px}
 .tfsk-nav-menu{position:static}
 .tfsk-nav-menu-panel{position:absolute;left:12px;right:12px;top:100%;width:auto;grid-template-columns:1fr;max-height:65vh;overflow:auto;box-sizing:border-box}
 .tfsk-nav-menu-panel::before{display:none}
 main.wrap,.wrap:has(>h1){padding:24px 16px 48px}
 main .card{padding:20px}
 .site-footer{padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}