.toolkit{--tk-ink: var(--color-accent-strong);--tk-blue: var(--color-accent)}.tk-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding-block:5rem 4.5rem}.tk-eyebrow{color:var(--tk-blue);font-size:.72rem;letter-spacing:.13em;font-weight:700;margin:0 0 1.25rem}.tk-hero h1{font-size:1.05rem;font-weight:700;color:var(--tk-blue)}.tk-hero h1 span{display:block;font-family:var(--font-display);font-size:clamp(2rem,3.3vw,2.8rem);line-height:1.5;letter-spacing:-.03em;color:var(--tk-ink);margin-top:1rem}.tk-lead{font-size:1rem;line-height:1.95;color:var(--color-muted);margin:1.5rem 0 1.8rem}.tk-actions{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.tk-button{display:inline-flex;justify-content:center;align-items:center;gap:2rem;background:var(--tk-ink);color:#fff;padding:.85rem 1.4rem;border-radius:5px;font-weight:700;font-size:.9rem;transition:background .2s}.tk-button:hover{background:var(--tk-blue)}.tk-text-link{color:var(--tk-blue);font-size:.9rem;text-decoration:underline;text-underline-offset:5px}.tk-meta{font-size:.75rem;color:var(--color-muted);margin-top:1.5rem}.tk-workspace{margin:0;background:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:18px 22px #dfe7ee;transform:rotate(-1deg);overflow:hidden}.tk-window-bar{display:flex;justify-content:space-between;padding:.8rem 1.2rem;background:#e7edf4;font-size:.75rem;color:#52677c}.tk-workspace-inner{padding:1.5rem}.tk-draft{border-left:3px solid #cc9b65;padding:.3rem 1rem;margin-bottom:1.5rem}.tk-mini-label{display:block;font-size:.65rem;color:#66758a;margin-bottom:.65rem;letter-spacing:.1em}.tk-draft strong{font-family:var(--font-display);font-size:1.15rem}.tk-draft p{color:#647287;font-size:.8rem;margin:.6rem 0}.tk-draft-tag{color:#496888;font-size:.7rem}.tk-calendar{border:1px solid #dce4ed;border-radius:5px;overflow:hidden}.tk-calendar-title{display:flex;justify-content:space-between;align-items:center;padding:.65rem .8rem;font-size:.75rem}.tk-calendar-title span{font-size:.65rem;color:#647287}.tk-week,.tk-calendar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.tk-week{background:#f2f5f9;text-align:center;font-size:.6rem;padding:.35rem}.tk-calendar-grid>div{min-height:82px;border-right:1px solid #e5ebf1;padding:.35rem;font-size:.65rem;color:#647287}.tk-calendar-grid b{display:block;background:#e0ecfa;color:#35618c;padding:.25rem .15rem;margin-top:.6rem;font-size:.57rem;font-weight:400}.tk-calendar-grid .tk-todo{background:#eee8f6;color:#755c90}.tk-workspace-bottom{display:flex;justify-content:space-between;gap:.5rem;padding-top:1rem;font-size:.65rem;color:#52677c}.tk-workspace figcaption{text-align:center;padding:.5rem;border-top:1px solid #e5ebf1;font-size:.65rem;color:#647287}.tk-body{border-top:1px solid var(--color-border);display:grid;grid-template-columns:200px minmax(0,1fr);gap:4rem}.tk-sidebar{padding-top:3.5rem}.tk-sidebar nav{position:sticky;top:145px}.tk-sidebar a{display:flex;gap:1rem;padding:.65rem 0;font-size:.85rem;color:var(--tk-ink)}.tk-sidebar a:hover{color:var(--tk-blue);text-decoration:underline;text-underline-offset:5px}.tk-sidebar a span{color:#8795a5;font-size:.7rem;padding-top:.15rem}.tk-sidebar-note{border-top:1px solid var(--color-border);margin-top:1.4rem;padding-top:1.2rem;font-size:.75rem;line-height:1.9;color:var(--color-muted)}.tk-mobile-nav{display:none}.tk-content{min-width:0}.tk-section{padding-block:3.5rem;border-bottom:1px solid var(--color-border);scroll-margin-top:135px}.tk-section:last-child{border:0}.tk-section h2{font-family:var(--font-display);color:var(--tk-ink);font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.5;margin-bottom:1rem}.tk-intro{color:var(--color-muted);margin-bottom:2.5rem;line-height:1.9}.tk-feature{display:grid;grid-template-columns:36px minmax(0,1fr);gap:1.2rem;padding:2rem 0;border-top:1px solid var(--color-border)}.tk-feature-number{font-family:var(--font-display);font-size:1.4rem;color:#9caec1}.tk-kicker{font-size:.75rem;color:var(--tk-blue);font-weight:700;margin-bottom:.5rem}.tk-feature h3,.tk-steps h3{font-size:1.15rem;font-weight:700;color:var(--tk-ink);margin-bottom:.7rem}.tk-feature p:not(.tk-kicker),.tk-steps p,.tk-details p,.tk-callout p{font-size:.94rem;line-height:1.95;margin-bottom:.8rem}.tk-feature ul{list-style:disc;padding-left:1.2rem;margin:1rem 0;color:#526277;font-size:.9rem}.tk-feature li{margin-bottom:.5rem}.tk-note{border-left:2px solid #98afc5;padding:.6rem 1rem;background:#e6edf466;color:#526277;font-size:.85rem!important;margin-block:1.5rem}.tk-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border);margin-top:1.5rem;border-radius:6px;overflow:hidden}.tk-comparison>div{padding:1rem;background:#ffffff80}.tk-comparison>div+div{border-left:1px solid var(--color-border);background:#e5edf5}.tk-comparison span{font-size:.7rem;font-weight:700;color:var(--tk-blue)}.tk-comparison pre,.tk-comparison p{margin-top:.7rem;font-size:.8rem!important}.tk-content a:not(.tk-button){color:var(--tk-blue);text-decoration:underline;text-underline-offset:3px}.tk-content code{font-size:.82em;background:#dfe7ef;border-radius:3px;padding:.15rem .35rem;overflow-wrap:anywhere}.tk-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}.tk-steps{list-style:none;counter-reset:step;margin:2rem 0;padding:0}.tk-steps>li{counter-increment:step;position:relative;padding:0 0 1.8rem 3.4rem}.tk-steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;background:#e0e9f2;border:1px solid #c8d7e6;color:var(--tk-blue);font-size:.75rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%}.tk-success{color:#376657;font-size:.85rem!important}.tk-callout{background:#e1eaf3;border:1px solid #c8d7e6;border-radius:6px;padding:1.4rem 1.6rem;margin:1.5rem 0}.tk-callout strong{display:block;margin-bottom:.5rem;color:var(--tk-ink)}.tk-callout p:last-child{margin-bottom:0}.tk-permissions{margin:1rem 0;padding:.4rem 1rem;border-left:2px solid #98afc5}.tk-permissions p{margin:.6rem 0}.tk-permissions span{display:block;font-size:.8rem;color:#526277;margin-top:.25rem}.tk-details{border-bottom:1px solid var(--color-border)}.tk-details summary{cursor:pointer;padding:1.2rem 1.5rem 1.2rem 0;font-size:.94rem;font-weight:700;color:var(--tk-ink)}.tk-details>div{padding:0 1rem 1rem;color:#526277}.tk-token-steps .guide-media{margin:1.5rem 0;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;background:#fff}.tk-token-steps .guide-media__bar{padding:.5rem 1rem;background:#e5edf5;color:#52677c;font-size:.65rem;letter-spacing:.12em}.tk-token-steps .guide-media__gallery-item+.guide-media__gallery-item{border-top:1px solid var(--color-border)}.tk-token-steps .guide-media__gallery-head{display:flex;align-items:baseline;gap:.8rem;padding:1rem 1rem .5rem}.tk-token-steps .guide-media__gallery-head span{font-size:.7rem;color:var(--tk-blue);font-weight:700}.tk-token-steps .guide-media__gallery-head p{margin:0;font-weight:700;font-size:.85rem}.tk-token-steps .guide-media__image-shell{padding:.5rem 1rem 1rem}.tk-token-steps img{display:block;width:auto;max-width:100%;height:auto;margin:auto}.tk-token-steps .tk-guide-image-link{display:block;cursor:zoom-in}.tk-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:4rem 1rem 1.5rem;background:transparent;color:#fff}.tk-lightbox[open]{display:flex;align-items:center;justify-content:center}.tk-lightbox::backdrop{background:#0a1421e0}.tk-lightbox figure{margin:0;max-width:100%;text-align:center}.tk-lightbox img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 10rem);object-fit:contain;margin:auto;background:#fff}.tk-lightbox figcaption{max-width:60rem;margin:.8rem auto 0;font-size:.85rem;line-height:1.6}.tk-lightbox-close{position:absolute;right:1rem;top:1rem;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#182b40;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.tk-lightbox-close:hover{background:#355777}.tk-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:4px}.tk-token-steps .guide-optional{border:1px solid var(--color-border);border-radius:6px;padding:1rem;margin:1.5rem 0;background:#e8eef5}.tk-token-steps .guide-optional summary{cursor:pointer}.tk-token-steps .guide-optional__tag{color:var(--tk-blue);font-size:.7rem;margin-right:.6rem}.tk-token-steps .guide-optional__summary-copy small{display:block;margin-top:.5rem;color:var(--color-muted)}.tk-token-steps .guide-optional__toggle{display:none}.tk-token-steps .guide-optional__body{padding-top:1.5rem}.tk-token-steps .guide-optional__route>span,.tk-token-steps .guide-resume>span{color:var(--tk-blue);font-size:.65rem;letter-spacing:.1em}.tk-token-steps .guide-optional__note,.tk-token-steps .guide-optional__done{display:flex;align-items:baseline;gap:.7rem;font-size:.85rem}.tk-token-steps .guide-warning{padding:1rem;margin:1rem 0;background:#e1eaf3;font-size:.85rem;line-height:1.9;overflow-wrap:anywhere}.tk-ending{padding:3rem 0 0}.tk-ending>p{font-family:var(--font-display);font-size:1.4rem;line-height:1.8;margin-bottom:1.5rem}.toolkit a:focus-visible,.toolkit summary:focus-visible{outline:3px solid #5283b3;outline-offset:5px}@media(max-width:1023px){.tk-hero{gap:2rem}.tk-body{grid-template-columns:155px minmax(0,1fr);gap:2rem}.tk-sidebar nav{top:215px}.tk-section{scroll-margin-top:215px}}@media(max-width:767px){.tk-hero{grid-template-columns:1fr;padding-block:2.5rem 3rem;gap:2.5rem}.tk-hero h1 span{font-size:2.1rem}.tk-workspace{transform:none;box-shadow:8px 10px #dfe7ee;margin-right:8px}.tk-body{display:block}.tk-sidebar{display:none}.tk-mobile-nav{display:block;border-bottom:1px solid var(--color-border);padding:1rem 0;font-size:.85rem}.tk-mobile-nav summary{cursor:pointer;font-weight:700}.tk-mobile-nav nav{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem}.tk-mobile-nav a{color:var(--tk-blue);text-decoration:underline}.tk-section{padding-block:2.5rem;scroll-margin-top:225px}.tk-feature{grid-template-columns:25px minmax(0,1fr);gap:.8rem}.tk-steps>li{padding-left:2.7rem}.tk-callout{padding:1rem}.tk-comparison{grid-template-columns:1fr}.tk-comparison>div+div{border-left:0;border-top:1px solid var(--color-border)}.tk-desktop-break{display:none}.tk-permissions{padding-inline:.5rem}.tk-ending>p{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tk-button{transition:none}}
