.tf-import-content{--bg:#f7f6f3;--paper:#fffaf3;--ink:#1f2937;--muted:#64748b;--line:#e5dccf;--accent:#ff6b35;--accent2:#0f766e;--dark:#101827;--soft:#fff7ed;--soft2:#ecfeff;--shadow:0 22px 52px rgba(15,23,42,.09)}.tf-import-content *{box-sizing:border-box}.tf-import-content{scroll-behavior:smooth}.tf-import-content{margin:0;background:linear-gradient(180deg,#fffaf3 0,#f8fafc 45%,#f7f6f3 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.72;font-size:18px}.tf-import-content .sitebar{position:sticky;top:0;z-index:20;background:rgba(255,250,243,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.tf-import-content .sitebar__in{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 24px}.tf-import-content .brand{font-weight:880;color:var(--dark);text-decoration:none;letter-spacing:-.025em}.tf-import-content .nav{display:flex;gap:16px;flex-wrap:wrap}.tf-import-content .nav a{color:#334155;text-decoration:none;font-size:15px}.tf-import-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;border:1px solid transparent;background:var(--dark);color:#fff;text-decoration:none;font-weight:780}.tf-import-content .btn--ghost{background:#fff;color:var(--dark);border-color:var(--line)}.tf-import-content .btn--accent{background:linear-gradient(135deg,var(--accent),#ff9f45);color:#fff}.tf-import-content .hero{max-width:1180px;margin:0 auto;padding:48px 24px 30px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:34px;align-items:center}.tf-import-content .badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.tf-import-content .badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.78);padding:7px 12px;font-size:13px;font-weight:760;color:#4b5563}.tf-import-content .hero h1{font-size:clamp(35px,5vw,62px);line-height:.99;margin:0 0 22px;letter-spacing:-.055em;color:#101827}.tf-import-content .lead{font-size:22px;color:#475569;margin:0 0 22px;max-width:780px}.tf-import-content .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.tf-import-content .hero-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;padding:18px;position:relative;overflow:hidden}.tf-import-content .hero-card img{width:100%;height:340px;object-fit:cover;border-radius:22px;display:block;filter:saturate(.95)}.tf-import-content .hero-card__caption{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px;font-size:14px;color:#475569}.tf-import-content .content{max-width:1180px;margin:0 auto;padding:20px 24px 72px;display:grid;grid-template-columns:minmax(0,760px) 320px;gap:42px;align-items:start}.tf-import-content .article{min-width:0}.tf-import-content .article p{margin:0 0 18px}.tf-import-content .article h2{font-size:34px;line-height:1.13;margin:52px 0 20px;letter-spacing:-.035em;color:#111827}.tf-import-content .article h3{font-size:24px;line-height:1.25;margin:30px 0 12px;color:#1f2937}.tf-import-content .article h4{font-size:19px;margin:22px 0 8px;color:#111827}.tf-import-content .article ul, .tf-import-content .article ol{padding-left:26px;margin:0 0 22px}.tf-import-content .article li{margin-bottom:10px}.tf-import-content .callout, .tf-import-content .answer, .tf-import-content .product, .tf-import-content .note, .tf-import-content .seo-box, .tf-import-content .mini-template{border:1px solid var(--line);border-radius:24px;padding:24px;background:#fff;box-shadow:0 12px 30px rgba(31,41,55,.06);margin:26px 0}.tf-import-content .answer{background:linear-gradient(135deg,#fff,#fff7ed)}.tf-import-content .product{background:linear-gradient(135deg,#101827,#1e293b);color:#fff;border-color:#111827}.tf-import-content .product h2, .tf-import-content .product h3{color:#fff}.tf-import-content .product p, .tf-import-content .product li{color:#e2e8f0}.tf-import-content .product .btn{background:#fff;color:#111827}.tf-import-content .note{background:#f8fafc}.tf-import-content .mini-template{background:#fffaf3}.tf-import-content .seo-box{background:#fffaf3;font-size:15px;color:#475569}.tf-import-content .table-wrap{overflow:auto;margin:24px 0;border:1px solid var(--line);border-radius:22px;background:#fff}.tf-import-content table{width:100%;border-collapse:collapse;min-width:720px}.tf-import-content th, .tf-import-content td{text-align:left;padding:15px 16px;border-bottom:1px solid #edf0f3;vertical-align:top}.tf-import-content th{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f8fafc}.tf-import-content tr:last-child td{border-bottom:0}.tf-import-content .schema{margin:28px 0}.tf-import-content .schema img{width:100%;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(31,41,55,.05)}.tf-import-content .toc{position:sticky;top:82px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.tf-import-content .toc h3{margin:0 0 14px;font-size:18px}.tf-import-content .toc a{display:block;color:#334155;text-decoration:none;font-size:15px;margin:10px 0}.tf-import-content .toc .mini-cta{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.tf-import-content .related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.tf-import-content .related a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;text-decoration:none;color:#111827;font-weight:720}.tf-import-content .faq details{background:#fff;border:1px solid var(--line);border-radius:18px;margin:12px 0;padding:16px 18px}.tf-import-content .faq summary{cursor:pointer;font-weight:760;color:#111827}.tf-import-content .footer{border-top:1px solid var(--line);padding:32px 24px 50px;color:#64748b;text-align:center;font-size:14px}@media(max-width:980px){.tf-import-content .hero, .tf-import-content .content{grid-template-columns:1fr}.tf-import-content .toc{position:relative;top:0}.tf-import-content .hero-card img{height:280px}.tf-import-content .related{grid-template-columns:1fr}.tf-import-content .nav{display:none}}@media(max-width:640px){.tf-import-content{font-size:17px}.tf-import-content .hero{padding-top:32px}.tf-import-content .article h2{font-size:28px}.tf-import-content .hero-card img{height:230px}.tf-import-content .sitebar__in{padding:12px 16px}.tf-import-content .content, .tf-import-content .hero{padding-left:16px;padding-right:16px}}
