.v3 .t-df .page-head .lead{max-width:62ch;margin-top:16px}.v3 .t-df .page-head .display-l{max-width:24ch;font-size:clamp(30px,4vw,48px)}.v3 .t-df .tool-section{padding-top:clamp(24px,3vw,40px)}.v3 .t-df .tool-container{background:var(--white,#fff);border:1px solid var(--line);border-radius:var(--radius,6px);min-width:0;padding:clamp(16px,3vw,32px)}.v3 .t-df .tool-container textarea,.v3 .t-df .tool-container input[type=text],.v3 .t-df .tool-container input[type=url],.v3 .t-df .tool-container input:not([type]),.v3 .t-df .tool-container select{border-radius:var(--radius,6px);border:1px solid var(--line);max-width:100%;font-family:inherit}.v3 .t-df .tool-container textarea:focus,.v3 .t-df .tool-container input:focus,.v3 .t-df .tool-container select:focus{outline:2px solid var(--accent);outline-offset:1px}.v3 .t-df .tool-container pre,.v3 .t-df .tool-container code{font-family:var(--font-mono,ui-monospace, monospace)}.v3 .t-df-tut .tutorial-layout{max-width:var(--container-site,1280px);padding:0 var(--gutter,24px);min-height:70vh;margin:0 auto;display:flex}.v3 .t-df-tut .tutorial-main{flex:1;min-width:0;padding:40px 0 72px clamp(0px,3vw,48px)}.v3 .t-df-tut .tutorial-content{max-width:860px}.v3 .t-df-tut .tut-head{border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:28px}.v3 .t-df-tut .tut-head-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.v3 .t-df-tut .tut-head h1.title{letter-spacing:-.015em;text-wrap:balance;margin:8px 0 16px;font-size:clamp(28px,3.4vw,44px);font-weight:300;line-height:1.15}.v3 .t-df-tut .tut-head .lead{max-width:62ch;margin:0}.v3 .t-df-tut .tutorial-sidebar{border-right:1px solid var(--line);background:var(--white);flex-shrink:0;align-self:flex-start;width:260px;height:100vh;display:none;position:sticky;top:0;overflow-y:auto}@media (width>=1024px){.v3 .t-df-tut .tutorial-sidebar{display:block}}@media (width<=1023px){.v3 .t-df-tut .tutorial-sidebar{z-index:35;height:100vh;transition:transform .25s var(--ease-site,ease);display:block;position:fixed;top:0;left:0;transform:translate(-100%)}.v3 .t-df-tut .tutorial-sidebar.is-open{transform:translate(0);box-shadow:4px 0 20px #0000001a}.v3 .t-df-tut .tutorial-main{padding:28px 0 56px}}.v3 .t-df-tut .tutorial-nav{border-top:1px solid var(--line);gap:16px;margin-top:56px;padding-top:32px;display:flex}.v3 .t-df-tut .tutorial-nav-link{border:1px solid var(--line);border-radius:var(--radius,6px);min-width:0;color:var(--ink);flex-direction:column;flex:1;gap:4px;padding:14px 18px;text-decoration:none;transition:border-color .15s;display:flex}.v3 .t-df-tut .tutorial-nav-link:hover{border-color:var(--accent);background:0 0}.v3 .t-df-tut .tutorial-nav-next{text-align:right}.v3 .t-df-tut .tutorial-nav-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.v3 .t-df-tut .tutorial-nav-title{color:var(--ink);font-size:15px;font-weight:500}.v3 .t-df-tut .tutorial-nav-link:hover .tutorial-nav-title{color:var(--accent)}@media (width<=480px){.v3 .t-df-tut .tutorial-nav{flex-direction:column}.v3 .t-df-tut .tutorial-nav-next{text-align:left}}.v3 .t-df-tut .tut-sidebar-promo{border-radius:var(--radius,6px);border:1px solid var(--line);background:var(--paper)}.v3 .t-df-tut .tut-sidebar-promo:hover{border-color:var(--accent)}.v3 .t-df-tut .tut-sidebar-promo-tag{background:var(--accent);border-radius:3px}.v3 .t-df-tut .prose-content{color:var(--ink);min-width:0;font-size:17px;line-height:1.75}.v3 .t-df-tut .prose-content h2,.v3 .t-df-tut .prose-content h3,.v3 .t-df-tut .prose-content h4{letter-spacing:-.01em;text-wrap:balance;font-family:inherit}.v3 .t-df-tut .prose-content h2{font-weight:300}.v3 .t-df-tut .prose-content a{color:var(--accent)}.v3 .t-df-tut .prose-content pre,.v3 .t-df-tut .prose-content code{font-family:var(--font-mono,ui-monospace, monospace)}.v3 .t-df-tut .prose-content pre{border-radius:var(--radius,6px);max-width:100%;overflow-x:auto}.v3 .t-df-tut .prose-content table{max-width:100%;display:block;overflow-x:auto}.v3 .t-df-tut .prose-content img{border-radius:var(--radius,6px);max-width:100%;height:auto}.v3 .t-df .df-article{max-width:760px}.v3 .t-df .df-definition{border-left:2px solid var(--accent);background:var(--paper);margin-bottom:40px;padding:24px 28px}.v3 .t-df .df-definition .lead{color:var(--ink);margin:8px 0 0}.v3 .t-df .df-hero{border-radius:var(--radius,6px);width:100%;margin-bottom:40px}.v3 .t-df .df-source{border-top:1px solid var(--line);margin-top:56px;padding-top:32px}.v3 .t-df .df-narrow{max-width:760px}.v3 .t-df .page-head .meta{margin:12px 0 0}.v3 .t-df-legal .prose-content{max-width:760px;color:var(--ink);padding:24px 0;font-size:17px;line-height:1.75}.v3 .t-df-legal .prose-content h1{letter-spacing:-.015em;text-wrap:balance;margin:0 0 24px;font-size:clamp(30px,4vw,48px);font-weight:300;line-height:1.15}.v3 .t-df-legal .prose-content h2{text-wrap:balance;font-weight:300}.v3 .t-df-legal .prose-content a{color:var(--accent)}.v3 .t-df-legal .prose-content table{max-width:100%;display:block;overflow-x:auto}.v3 .t-df .df-row{border-bottom:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);gap:16px;padding:18px 0;display:grid}.v3 .t-df .df-row span{color:var(--ink)}@media (width<=640px){.v3 .t-df .df-row{grid-template-columns:1fr;gap:4px}}.v3 .t-df .df-link{border-bottom:1px solid var(--line);color:var(--ink);align-items:center;gap:16px;padding:18px 0;text-decoration:none;display:flex}.v3 .t-df .df-link span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.v3 .t-df .df-link small{color:var(--muted);font-size:14px}.v3 .t-df .df-link .df-arrow{color:var(--accent);margin-left:auto}.v3 .t-df .df-link:hover strong{color:var(--accent)}.v3 .t-df .df-dot{flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.v3 .t-df .df-dot:before{content:"";background:var(--accent);border-radius:1px;width:8px;height:8px}.v3 .t-df-about .hero2{padding-bottom:clamp(48px,6vw,80px)}.v3 .t-df .prose-content :not(pre)>code{overflow-wrap:anywhere;white-space:normal}