.tk{display:grid;gap:20px}.tk>*,.tk-guide>*{min-width:0}.tk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.tk-box{display:grid;gap:18px;min-width:0;padding:clamp(20px,3vw,32px)}.tk-box>h2{font-size:1.05rem}.tk-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:14px}.tk-row .f-group+.f-group,.tk-row .f-check{margin-top:0}.tk-code{width:100%;min-height:180px;padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;background:rgb(var(--fg-rgb) / .03);color:var(--text);font-family:var(--mono);font-size:.8125rem;line-height:1.7;direction:ltr;text-align:left;resize:vertical}.tk-code:focus{outline:none;border-color:var(--accent)}.tk-out{display:grid;gap:8px;min-width:0}.tk-out__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tk-out__head .f-label{margin:0}.tk-out pre{max-height:160px;margin:0;padding:12px 14px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:rgb(var(--fg-rgb) / .03);font-family:var(--mono);font-size:.78rem;line-height:1.7;white-space:pre-wrap;word-break:break-all;direction:ltr;text-align:left}.tk-copy{flex:none;padding:6px 14px;border:1px solid var(--line-2);border-radius:999px;background:none;color:var(--text);font:inherit;font-size:.8125rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}.tk-copy:hover{border-color:var(--accent);color:var(--accent)}.tk-copy.is-done:after,.btn.is-done:after{content:" ✓"}.tk-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.875rem}.tk-meta b{color:var(--text);font-family:var(--mono);font-weight:600}.tk-color{display:flex;align-items:center;gap:10px}.tk-color input[type=color]{flex:none;width:52px;height:52px;padding:0;border:1px solid var(--line-2);border-radius:14px;background:none;cursor:pointer}.tk-color input[type=color]::-webkit-color-swatch-wrapper{padding:4px}.tk-color input[type=color]::-webkit-color-swatch{border:0;border-radius:10px}.tk-color .f-input{font-family:var(--mono)}.tk-range{display:grid;gap:6px}.tk-range span{display:flex;justify-content:space-between;color:var(--muted);font-size:.875rem}.tk-range output{color:var(--text);font-family:var(--mono)}.tk-range input{width:100%;accent-color:var(--lime)}.tk-drop{display:grid;place-items:center;gap:6px;min-height:150px;padding:20px;border:1.5px dashed var(--line-2);border-radius:16px;color:var(--muted);text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.tk-drop b{color:var(--text)}.tk-drop.is-over,.tk-drop:hover{border-color:var(--accent);background:rgb(var(--fg-rgb) / .03)}.tk-drop input{position:absolute;width:1px;height:1px;opacity:0}.tk-checker{background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%),linear-gradient(-45deg,#e6e6e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e6e6 75%),linear-gradient(-45deg,transparent 75%,#e6e6e6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.tk-private{color:var(--dim);font-size:.875rem}.tk-guide{display:grid;gap:48px;max-width:820px;padding-block:72px clamp(80px,10vw,120px)}.tk-prose{font-size:1.0625rem;line-height:2.05}.tk-prose h2{margin:44px 0 12px;font-size:clamp(1.3rem,1.15rem + .6vw,1.6rem)}.tk-prose h2:first-child{margin-top:0}.tk-prose h3{margin:28px 0 8px;font-size:1.15rem}.tk-prose p{margin:0 0 16px}.tk-prose ul,.tk-prose ol{display:grid;gap:6px;margin:0 0 20px;padding-inline-start:22px;list-style:disc}.tk-prose ol{list-style:persian}.tk-prose li::marker{color:var(--accent)}.tk-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:5px}.tk-prose code{padding:2px 6px;border-radius:6px;background:rgb(var(--fg-rgb) / .07);font-family:var(--mono);font-size:.85em;direction:ltr;unicode-bidi:isolate}.tk-prose pre{margin:0 0 20px;padding:16px 18px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);direction:ltr;text-align:left;font-size:.85rem;line-height:1.8}.tk-prose pre code{padding:0;background:none}.tk-prose table{width:100%;margin:0 0 24px;border:1px solid var(--line);border-radius:var(--radius-sm);border-collapse:separate;border-spacing:0;overflow:hidden;font-size:.9375rem}.tk-prose th,.tk-prose td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.tk-prose th{background:rgb(var(--fg-rgb) / .04);font-weight:800}.tk-prose tr:last-child td{border-bottom:0}.tk-faq h2,.tk-related h2{margin-bottom:14px;font-size:clamp(1.3rem,1.15rem + .6vw,1.6rem)}.tk-faq details{border-bottom:1px solid var(--line)}.tk-faq summary{padding:16px 0;font-family:var(--display);font-weight:700;cursor:pointer}.tk-faq details p{padding-bottom:16px;color:var(--muted);line-height:2}.tk-cta{display:grid;gap:4px;padding:22px 26px;border-radius:var(--radius-sm);background:var(--lime);color:var(--lime-ink)}.tk-cta b{font-family:var(--display);font-size:1.1rem}.tk-related ul{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tk-related a.panel{display:grid;gap:6px;height:100%;padding:20px;transition:border-color .2s ease}.tk-related a.panel:hover{border-color:var(--accent)}.tk-related b{font-family:var(--display)}.tk-related span{color:var(--muted);font-size:.875rem;line-height:1.8}.tk-all{display:inline-block;margin-top:14px;color:var(--accent)}@media(max-width:900px){.tk-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.tk-related ul{grid-template-columns:1fr}}.tk-out pre:empty{min-height:44px}.tk-prose td,.tk-prose th{overflow-wrap:anywhere}
