/* Badho Toolkit: resource folders, landing pages and tools. Mobile first. */
:root{--g9:#0A3326;--g8:#0F4A35;--g6:#1F7A57;--g1:#E4F2EA;--g0:#F3F8F5;--o6:#E0852A;--o5:#F09A45;--o8:#A4550E;--gold:#E8B25A;--ink:#13231C;--mut:#5A6B63;--line:#DCE6E0;--red:#B4232A;--amb:#A4550E}
.tk *{box-sizing:border-box}
.tk{color:var(--ink)}
.tk-wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.tk-narrow{max-width:860px}
/* hero */
.tk-hero{background:radial-gradient(120% 140% at 85% -10%,#1F6B4E 0,#0F4A35 45%,#0A3326 100%);color:#fff;border-radius:0 0 34px 34px;padding:46px 0 112px;position:relative;overflow:hidden}
.tk-hero:before{content:"";position:absolute;right:-110px;top:-130px;width:360px;height:360px;border-radius:50%;border:2px solid rgba(240,154,69,.32);box-shadow:0 0 0 34px rgba(240,154,69,.05)}
.tk-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.tk-hero .tk-wrap{position:relative;z-index:1}
.tk-crumb{font-size:13px;font-weight:700;color:#CFE2D8;margin:0 0 14px}.tk-crumb a{color:#F9C58B;text-decoration:none}.tk-crumb a:hover{text-decoration:underline}
.tk-ey{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#F9C58B}
.tk-ey b{background:rgba(249,197,139,.16);border:1px solid rgba(249,197,139,.35);color:#FBD7AE;border-radius:999px;padding:3px 10px;letter-spacing:.08em}
.tk-hero h1{margin:0 0 12px;max-width:820px;font-family:"Badho Display",serif;font-weight:400;font-size:44px;line-height:1.1;color:#fff;text-wrap:balance}
.tk-hero .s{margin:0;max-width:680px;font-size:17.5px;line-height:1.6;color:#D6E8DE}
.tk-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tk-pills span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);color:#fff}
.tk-body{margin-top:-80px;position:relative;z-index:2;padding-bottom:40px}
/* cards */
.tk-card{background:#fff;border:1.5px solid var(--line);border-radius:24px;box-shadow:0 4px 0 #D3E0D8,0 24px 50px -30px rgba(10,51,38,.45);padding:32px 30px}
.tk-card+.tk-card,.tk-gap{margin-top:28px}
.tk-wm{position:relative;isolation:isolate}
.tk-wm:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--tk-wm);background-size:340px 210px;opacity:.55;pointer-events:none;z-index:-1}
.tk-how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tk-how div{background:var(--g0);border-radius:18px;padding:16px 16px 14px;position:relative}
.tk-how i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g8);color:#fff;font-weight:800;font-size:14px;margin-bottom:8px}
.tk-how b{display:block;font-size:15.5px;margin-bottom:3px}.tk-how span{font-size:14px;color:var(--mut);line-height:1.5}
.tk-safe{display:flex;align-items:center;gap:12px;background:#FFF8EE;border:1.5px solid #F4D9B5;border-radius:16px;padding:12px 14px;margin-top:18px;font-size:14px;line-height:1.5;color:#5A3A12}
.tk-safe svg{flex:none}.tk-safe b{color:#3A2408}
.tk-safe button{margin-left:auto;flex:none;border:1.5px solid #E7C493;background:#fff;color:#8A4A0E;border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
/* sections */
.tk-sec{margin-top:36px}
.tk-sec:first-child{margin-top:0}
.tk-sh{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px}
.tk-sh .n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--g1);color:var(--g8);font-weight:800;font-size:15px}
.tk-sh h2{margin:2px 0 2px;font-family:"Badho Display",serif;font-weight:400;font-size:24px;line-height:1.25;color:var(--g9)}
.tk-sh p{margin:0;font-size:14.5px;color:var(--mut);line-height:1.5}
.tk-prem{border:2px solid #EBC27E;background:linear-gradient(180deg,#FFFBF3,#fff 160px);border-radius:22px;padding:28px 24px;margin-top:40px;position:relative}
.tk-prem>.tag{position:absolute;top:-13px;left:18px;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,#C98A2E,#E8B25A);color:#2A1500;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 12px;box-shadow:0 3px 0 #B47A22}
.tk-prem .tk-sh .n{background:#FBEBD0;color:#8A4A0E}
.tk-adv summary{cursor:pointer;font-weight:800;color:var(--g8);list-style:none;display:flex;align-items:center;gap:8px;padding:6px 0;font-size:15px}
.tk-adv summary::-webkit-details-marker{display:none}.tk-adv summary:before{content:"+";display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--g1);font-size:16px}
.tk-adv[open] summary:before{content:"–"}
/* inputs */
.tk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 18px}
.tk-f{display:block;min-width:0}
.tk-f>span{display:block;font-size:13.5px;font-weight:700;color:#2C3D35;margin-bottom:6px;line-height:1.35}
.tk-f>span small{font-weight:600;color:var(--mut)}
.tk-in{display:flex;align-items:center;border:1.5px solid #CFDDD5;border-radius:14px;background:#fff;min-height:48px;transition:border-color .15s,box-shadow .15s;overflow:hidden}
.tk-in:focus-within{border-color:var(--g8);box-shadow:0 0 0 4px rgba(15,74,53,.1)}
.tk-in i{font-style:normal;color:var(--mut);font-weight:700;padding:0 0 0 13px;font-size:15px}
.tk-in em{font-style:normal;color:var(--mut);font-weight:700;padding:0 13px 0 4px;font-size:14px;white-space:nowrap}
.tk-in input,.tk-in select,.tk-in textarea{flex:1;min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:16px;font-weight:600;color:var(--ink);padding:12px 13px}
.tk-in i+input{padding-left:6px}
.tk-in textarea{min-height:76px;resize:vertical;line-height:1.5;font-weight:500}
.tk-in select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230F4A35' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px;cursor:pointer}
.tk-hint{font-size:12.5px;color:var(--mut);margin-top:5px;line-height:1.4}
/* editable rows */
.tk-rows{display:grid;gap:10px}
.tk-row{display:grid;gap:10px;align-items:end;background:var(--g0);border-radius:16px;padding:12px;position:relative}
.tk-row .tk-in{min-height:44px;border-radius:12px}
.tk-row .tk-f>span{font-size:12px;margin-bottom:4px}
.tk-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:9px;border:0;background:#fff;color:#8A9A92;font-size:16px;cursor:pointer;box-shadow:0 1px 0 #DCE6E0}
.tk-x:hover{color:var(--red)}
.tk-row.has-x{padding-right:44px}
.tk-add{display:inline-flex;align-items:center;gap:8px;margin-top:10px;border:1.5px dashed #9FC0AF;background:#fff;color:var(--g8);font:inherit;font-size:14.5px;font-weight:800;border-radius:14px;padding:11px 16px;cursor:pointer}
.tk-add:hover{background:var(--g0)}
.tk-lines{display:grid;gap:8px}
.tk-lh,.tk-line{display:grid;grid-template-columns:var(--gt);gap:8px;align-items:center}
.tk-lh span{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);padding:0 4px}
.tk-line .tk-in{min-height:44px;border-radius:12px}.tk-line .tk-in input,.tk-line .tk-in select{padding:10px 11px;font-size:15.5px}
.tk-lc{min-width:0}
.tk-lx{width:34px;height:34px;border-radius:10px;border:0;background:var(--g0);color:#8A9A92;font-size:15px;cursor:pointer}.tk-lx:hover{color:var(--red);background:#FDEEEE}
@media (max-width:560px){
  .tk-lines.many .tk-lh{display:none}
  .tk-lines.many .tk-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--g0);border-radius:14px;padding:10px 44px 10px 10px;position:relative}
  .tk-lines.many .tk-lc:first-child{grid-column:1/-1}
  .tk-lines.many .tk-lc:before{content:attr(data-l);display:block;font-size:11.5px;font-weight:800;color:var(--mut);margin:0 0 3px 2px}
  .tk-lines.many .tk-lx{position:absolute;top:8px;right:8px;background:#fff}
}
/* month tabs */
.tk-mtabs{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.tk-mtabs button{flex:none;border:1.5px solid #CFDDD5;background:#fff;color:#2C3D35;font:inherit;font-size:13.5px;font-weight:700;border-radius:12px;padding:8px 12px;cursor:pointer;min-width:52px}
.tk-mtabs button.on{background:var(--g8);border-color:var(--g8);color:#fff}
.tk-mtabs button small{display:block;font-size:10.5px;font-weight:700;opacity:.75}
.tk-copy{border:0;background:none;color:var(--o8);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
/* chips / segmented */
.tk-seg{display:inline-flex;background:var(--g0);border-radius:14px;padding:4px;gap:4px;flex-wrap:wrap}
.tk-seg button{border:0;background:transparent;font:inherit;font-size:14px;font-weight:700;color:#2C3D35;padding:9px 14px;border-radius:10px;cursor:pointer}
.tk-seg button.on{background:#fff;color:var(--g8);box-shadow:0 2px 0 #D3E0D8}
/* results */
.tk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.tk-kpi{border-radius:18px;padding:16px;background:var(--g0);border:1.5px solid #E2ECE6;min-width:0}
.tk-kpi small{display:block;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.tk-kpi b{display:block;font-family:"Badho Display",serif;font-weight:400;font-size:27px;line-height:1.15;color:var(--g9);word-break:break-word}
.tk-kpi span{display:block;font-size:13px;color:var(--mut);margin-top:4px;line-height:1.4}
.tk-kpi.hero{background:linear-gradient(150deg,#0A3326,#0F4A35);border-color:#0F4A35}.tk-kpi.hero small{color:#9FD0B8}.tk-kpi.hero b{color:#fff}.tk-kpi.hero span{color:#CFE2D8}
.tk-kpi.good{background:#EAF6EF;border-color:#BFE0CC}.tk-kpi.good b{color:#14613F}
.tk-kpi.warn{background:#FFF5E8;border-color:#F4D9B5}.tk-kpi.warn b{color:#8A4A0E}
.tk-kpi.bad{background:#FDEEEE;border-color:#F2C7C9}.tk-kpi.bad b{color:#9A1C22}
.tk-verdict{border-radius:18px;padding:16px 18px;margin-top:14px;font-size:15.5px;line-height:1.55;display:flex;gap:12px;align-items:flex-start}
.tk-verdict i{font-style:normal;font-size:22px;line-height:1.2}
.tk-verdict.good{background:#EAF6EF;color:#14472F}.tk-verdict.warn{background:#FFF5E8;color:#5A3A12}.tk-verdict.bad{background:#FDEEEE;color:#6A1418}
.tk-chart{margin-top:16px;background:#fff;border:1.5px solid #E2ECE6;border-radius:18px;padding:14px 12px 8px}
.tk-chart h3{margin:0 4px 8px;font-size:14.5px;color:#2C3D35}
.tk-chart svg{display:block;width:100%;height:auto}
.tk-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--mut);margin:6px 4px 4px}.tk-legend span{display:inline-flex;align-items:center;gap:6px}.tk-legend i{width:12px;height:12px;border-radius:4px;display:inline-block}
.tk-bars{display:grid;gap:12px}
.tk-bar{display:grid;gap:6px}.tk-bar .t{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}.tk-bar .t span{color:var(--mut);font-weight:600;white-space:nowrap}
.tk-bar .tr{height:12px;border-radius:6px;background:#EEF3F0;overflow:hidden;position:relative}.tk-bar .tr i{position:absolute;inset:0 auto 0 0;border-radius:6px}
.tk-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1.5px solid #E2ECE6;border-radius:16px;margin-top:14px}
.tk-tbl{border-collapse:collapse;width:100%;font-size:14px;min-width:100%}
.tk-tbl th{position:sticky;top:0;background:var(--g8);color:#fff;font-size:12.5px;letter-spacing:.03em;text-align:right;padding:10px 12px;white-space:nowrap}
.tk-tbl th:first-child,.tk-tbl td:first-child{text-align:left;position:sticky;left:0;z-index:1}
.tk-tbl th:first-child{background:var(--g8);z-index:2}
.tk-tbl td{padding:9px 12px;border-top:1px solid #EEF3F0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tk-tbl td:first-child{background:#fff;font-weight:700;white-space:normal;min-width:120px}
.tk-tbl tr:nth-child(even) td{background:#FAFCFB}
.tk-tbl tr.tot td{background:var(--g1);font-weight:800}
.tk-tbl .neg{color:var(--red)}.tk-tbl .pos{color:#14613F}
.tk-tbl td.l{text-align:left;white-space:normal}
/* checklists & quizzes */
.tk-ck{display:grid;gap:8px}
.tk-ck label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid #E2ECE6;border-radius:14px;cursor:pointer;background:#fff;font-size:15px;line-height:1.5;transition:background .15s,border-color .15s}
.tk-ck label:hover{border-color:#B9D2C4}
.tk-ck input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;border-radius:7px;border:2px solid #9FC0AF;margin:1px 0 0;display:grid;place-items:center;cursor:pointer;background:#fff}
.tk-ck input:checked{background:var(--g8);border-color:var(--g8)}.tk-ck input:checked:after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.tk-ck label.on{background:#F1F8F4;border-color:#BFE0CC}
.tk-ck small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.tk-prog{display:flex;align-items:center;gap:12px;margin:0 0 14px}.tk-prog .tr{flex:1;height:10px;border-radius:5px;background:#EEF3F0;overflow:hidden}.tk-prog .tr i{display:block;height:100%;background:linear-gradient(90deg,#1F7A57,#3FA57A);border-radius:5px;transition:width .3s}
.tk-prog b{font-size:14px;white-space:nowrap}
.tk-q{border:1.5px solid #E2ECE6;border-radius:18px;padding:14px;background:#fff}
.tk-q+.tk-q{margin-top:10px}
.tk-q p{margin:0 0 10px;font-size:15.5px;font-weight:700;line-height:1.45}
.tk-q p small{display:block;font-weight:600;color:var(--mut);font-size:13px;margin-top:2px}
.tk-opts{display:flex;gap:8px;flex-wrap:wrap}
.tk-opts button{flex:1 1 0;min-width:68px;border:1.5px solid #CFDDD5;background:#fff;border-radius:12px;padding:10px 8px;font:inherit;font-size:13.5px;font-weight:700;color:#2C3D35;cursor:pointer;line-height:1.25}
.tk-opts button.on{background:var(--g8);border-color:var(--g8);color:#fff}
.tk-opts button.on.r{background:var(--red);border-color:var(--red)}.tk-opts button.on.a{background:#C9741F;border-color:#C9741F}.tk-opts button.on.y{background:#1F7A57;border-color:#1F7A57}
/* actions bar */
.tk-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1.5px dashed #DCE6E0}
.tk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 18px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none;border:2px solid transparent;min-height:50px;transition:translate .12s,box-shadow .12s}
.tk-btn:active{translate:0 2px}
.tk-btn.g{background:var(--g8);color:#fff;box-shadow:0 4px 0 #062A1E}.tk-btn.g:active{box-shadow:0 2px 0 #062A1E}
.tk-btn.o{background:linear-gradient(180deg,#F09A45,#E0852A);color:#2A1500;box-shadow:0 4px 0 #B0621A}
.tk-btn.w{background:#25A05A;color:#fff;box-shadow:0 4px 0 #17703E}
.tk-btn.l{background:#fff;color:var(--g8);border-color:#CFDDD5;box-shadow:0 3px 0 #E3ECE7}
.tk-btn[disabled]{opacity:.6;cursor:wait}
/* about / faq / cta */
.tk-two{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}
.tk-prose{font-size:15.5px;line-height:1.7;color:#2C3D35}.tk-prose h2{font-family:"Badho Display",serif;font-weight:400;font-size:25px;color:var(--g9);margin:0 0 10px;line-height:1.25}
.tk-prose h3{font-size:17px;margin:18px 0 6px;color:var(--g9)}.tk-prose p{margin:0 0 12px}.tk-prose ul{margin:0 0 12px;padding-left:20px}.tk-prose li{margin:4px 0}
.tk-faq details{border-top:1.5px solid #E2ECE6;padding:12px 2px}.tk-faq details:last-child{border-bottom:1.5px solid #E2ECE6}
.tk-faq summary{cursor:pointer;font-weight:800;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}.tk-faq summary::-webkit-details-marker{display:none}.tk-faq summary:after{content:"+";color:var(--g8);font-size:20px;line-height:1}.tk-faq details[open] summary:after{content:"–"}
.tk-faq p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:#3C4D45}
.tk-cta{margin-top:26px;border-radius:26px;background:linear-gradient(135deg,#0A3326,#0F4A35 60%,#1F6B4E);color:#fff;padding:28px 24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;position:relative;overflow:hidden}
.tk-cta:after{content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;border:2px dashed rgba(249,197,139,.3)}
.tk-cta h2{margin:0 0 6px;font-family:"Badho Display",serif;font-weight:400;font-size:26px;line-height:1.2;color:#fff}.tk-cta p{margin:0;color:#CFE2D8;font-size:15px;line-height:1.55}
.tk-cta .b{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.tk-disc{font-size:12.5px;color:#6A7A72;line-height:1.6;margin:18px 2px 0}
.tk-upd{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--mut);background:var(--g0);border-radius:999px;padding:5px 11px;margin-top:12px}
/* folders + tiles */
.tk-folders{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tk-folder{position:relative;display:block;text-align:left;width:100%;border:0;cursor:pointer;font:inherit;color:inherit;text-decoration:none;padding:0;background:none;margin-top:22px;transition:translate .2s}
.tk-folder:hover{translate:0 -3px}
.tk-folder .tab,.tk-folder .fb,.tk-folder .paper,.tk-folder .fe,.tk-folder .h,.tk-folder .p{display:block}
.tk-folder .tab{position:absolute;top:-20px;left:0;height:30px;width:46%;border-radius:16px 22px 0 0;background:var(--ftab);clip-path:polygon(0 0,82% 0,100% 100%,0 100%)}
.tk-folder .fb{position:relative;border-radius:0 24px 24px 24px;padding:26px 22px 22px;min-height:236px;background:var(--fbg);box-shadow:0 6px 0 var(--fsh),0 30px 50px -30px rgba(10,51,38,.6);overflow:hidden}
.tk-folder .fb:before{content:"";position:absolute;right:-50px;top:-60px;width:200px;height:200px;border-radius:50%;border:2px solid rgba(255,255,255,.14)}
.tk-folder .paper{position:absolute;right:22px;top:-12px;width:118px;height:84px;border-radius:10px;background:#fff;transform:rotate(6deg);box-shadow:0 8px 20px -8px rgba(0,0,0,.35);opacity:.92}
.tk-folder .paper+.paper{right:52px;top:-6px;transform:rotate(-5deg);opacity:.75}
.tk-folder .fe{position:relative;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fey);margin:24px 0 8px}
.tk-folder .h{position:relative;margin:0 0 8px;font-family:"Badho Display",serif;font-weight:400;font-size:30px;line-height:1.15;color:#fff}
.tk-folder .p{position:relative;margin:0 0 18px;font-size:15px;line-height:1.55;color:var(--fp);max-width:380px}
.tk-folder .ff{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.tk-folder .cnt{font-size:14px;font-weight:800;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px}
.tk-folder .go{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;border-radius:14px;padding:11px 16px;background:var(--fgo);color:var(--fgoc);box-shadow:0 3px 0 rgba(0,0,0,.25)}
.tk-folder.free{--ftab:#2E8A62;--fbg:linear-gradient(150deg,#1F7A57,#0F4A35 70%);--fsh:#0A3326;--fey:#BFE8D3;--fp:#D6E8DE;--fgo:#fff;--fgoc:#0F4A35}
.tk-folder.club{--ftab:#C98A2E;--fbg:linear-gradient(150deg,#123D2E,#0A2A20 60%,#2A1B08);--fsh:#7A4A12;--fey:#F3CF8F;--fp:#E9DCC4;--fgo:linear-gradient(180deg,#F3CF8F,#E8B25A);--fgoc:#2A1500}
.tk-folder.club .fb{border:2px solid #C98A2E}
.tk-folder.on{outline:3px solid var(--o5);outline-offset:4px;border-radius:24px}
.tk-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}
.tk-tile{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:22px 22px 20px;box-shadow:0 4px 0 #DCE6E0;transition:translate .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden;min-height:210px}
.tk-tile:hover{translate:0 -3px;box-shadow:0 7px 0 #CFDDD5;border-color:#B9D2C4}
.tk-tile .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:var(--g1);margin-bottom:12px}
.tk-tile .cat{position:absolute;top:18px;right:16px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--g6);background:var(--g0);border-radius:999px;padding:4px 9px;max-width:52%;text-align:right;line-height:1.3}
.tk-tile h3{margin:0 0 6px;font-family:"Badho Display",serif;font-weight:400;font-size:20px;line-height:1.25;color:var(--g9)}
.tk-tile p{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--mut);flex:1}
.tk-tile .nm{font-size:12.5px;font-weight:800;color:#2C3D35;margin-bottom:10px}
.tk-tile .op{font-size:14px;font-weight:800;color:var(--o8);display:flex;align-items:center;gap:6px}
.tk-tile.club{border-color:#EBD3A6;box-shadow:0 4px 0 #EBD3A6;background:linear-gradient(180deg,#FFFBF3,#fff 120px)}
.tk-tile.club .ic{background:#FBEBD0}.tk-tile.club .cat{color:#8A4A0E;background:#FBF1DF}
.tk-tile.lock{cursor:pointer}.tk-tile.lock .op{color:#8A4A0E}
.tk-tile.lock:before{content:"🔒";position:absolute;right:16px;bottom:14px;font-size:16px}
.tk-sub{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:34px}
.tk-sub h2{margin:0;font-family:"Badho Display",serif;font-weight:400;font-size:28px;color:var(--g9);line-height:1.2}
.tk-sub p{margin:4px 0 0;color:var(--mut);font-size:15px}
.tk-filt{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.tk-filt button{border:1.5px solid #CFDDD5;background:#fff;border-radius:999px;padding:7px 13px;font:inherit;font-size:13.5px;font-weight:700;color:#2C3D35;cursor:pointer}.tk-filt button.on{background:var(--g8);color:#fff;border-color:var(--g8)}
.tk-gate{text-align:center;max-width:620px;margin:0 auto;padding:10px 4px}
.tk-gate .ic{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin:0 auto 14px;font-size:34px;background:#FBEBD0}
.tk-gate h2{font-family:"Badho Display",serif;font-weight:400;font-size:28px;color:var(--g9);margin:0 0 8px;line-height:1.2}
.tk-gate p{color:var(--mut);font-size:15.5px;line-height:1.6;margin:0 0 18px}
.tk-gate .b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.tk-loading{display:grid;place-items:center;min-height:220px;color:var(--mut);font-weight:700}
.tk-loading:before{content:"";width:34px;height:34px;border-radius:50%;border:3px solid #DCE6E0;border-top-color:var(--g8);animation:tkspin .8s linear infinite;margin-bottom:10px}
@keyframes tkspin{to{transform:rotate(360deg)}}
.tk-toast{position:fixed;left:50%;bottom:24px;translate:-50% 20px;background:#0A3326;color:#fff;padding:12px 18px;border-radius:14px;font-size:14.5px;font-weight:700;opacity:0;transition:opacity .2s,translate .2s;z-index:80;max-width:calc(100% - 32px);box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}
.tk-toast.on{opacity:1;translate:-50% 0}
.tk-print-head{display:none}
.tk-mini{font-size:13px;color:var(--mut)}
.tk-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;border-radius:999px;padding:3px 9px;background:var(--g1);color:var(--g8)}
.tk-pill.r{background:#FDEEEE;color:#9A1C22}.tk-pill.a{background:#FFF1DF;color:#8A4A0E}
/* responsive */
@media (max-width:860px){.tk-two{grid-template-columns:1fr}.tk-folders{grid-template-columns:1fr}.tk-hero h1{font-size:36px}}
@media (max-width:640px){
  .tk-folder .h{font-size:26px}
  .tk-opts{gap:6px}.tk-opts button{font-size:12.5px;padding:9px 4px}
  .tk-wrap{padding:0 14px}.tk-hero{padding:34px 0 100px;border-radius:0 0 26px 26px}.tk-hero h1{font-size:30px}.tk-hero .s{font-size:16px}
  .tk-card{padding:24px 18px;border-radius:20px}.tk-how{grid-template-columns:1fr}.tk-sh h2{font-size:21px}
  .tk-cta{grid-template-columns:1fr;padding:24px 18px}.tk-cta h2{font-size:23px}.tk-kpi b{font-size:23px}
  .tk-acts .tk-btn{flex:1 1 calc(50% - 5px);padding:12px 10px;font-size:14px}
  .tk-folder .h{font-size:26px}.tk-folder .fb{min-height:0;padding:24px 18px 20px}.tk-folder .paper{width:92px;height:66px}
  .tk-safe{flex-wrap:wrap}.tk-safe button{margin-left:34px}
  .tk-prem{padding:22px 14px 16px}
}
/* ---------- breathing space (31 Oct): more room everywhere, organised for phones ---------- */
.tk-sec:not(:first-child){margin-top:52px;padding-top:40px;border-top:1.5px dashed #DCE6E0}
[id$="Out"]>.tk-sec:first-child,[id$="Out"]:not(:empty){display:block}
[id$="Out"]>.tk-sec:first-child{margin-top:52px;padding-top:40px;border-top:1.5px dashed #DCE6E0}
.tk-sh{margin-bottom:24px}
.tk-grid{gap:22px 24px}
.tk-hint{margin-top:7px;line-height:1.5}
.tk-lines{gap:12px}
.tk-tiles{gap:24px;margin-top:26px}
.tk-filt{gap:10px;margin-top:6px}
.tk-kpis{gap:16px}
.tk-gap{margin-top:30px}
a.tk-folder{text-decoration:none}
.tk-folders{gap:34px}
.tk-res .tk-body{margin-top:-64px}
.tk-home{padding-top:24px}
.tk-view{padding-top:6px;scroll-margin-top:84px}
.tk-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 26px;padding:11px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--line);color:var(--g8);font-weight:800;font-size:14.5px;text-decoration:none;box-shadow:0 10px 24px -18px rgba(10,51,38,.55)}
.tk-back:hover{border-color:var(--g8)}
.tk-view .tk-sub{margin-bottom:6px}
.tk-cta{margin-top:40px}
.tk-disc{margin-top:28px}
@media (max-width:640px){
  .tk-wrap{padding:0 20px}
  .tk-hero{padding:40px 0 100px}.tk-hero h1{font-size:29px;line-height:1.2}.tk-hero .s{margin-top:12px;line-height:1.55}.tk-pills{margin-top:20px;gap:8px}
  .tk-card{padding:28px 20px}
  .tk-sec:not(:first-child),[id$="Out"]>.tk-sec:first-child{margin-top:42px;padding-top:34px}
  .tk-sh{margin-bottom:22px;gap:12px}.tk-sh p{margin-top:6px;line-height:1.5}
  .tk-grid{grid-template-columns:1fr;gap:20px}
  .tk-f>span{font-size:13.5px;margin-bottom:7px}
  .tk-folders{gap:40px}.tk-home{padding-top:28px}
  .tk-tiles{grid-template-columns:1fr;gap:20px}
  .tk-filt button{padding:9px 14px}
  .tk-kpis{grid-template-columns:1fr;gap:14px}
  .tk-how{gap:14px}
  .tk-cta{margin-top:34px;gap:16px}
}
.tk-folder .ff{flex-wrap:wrap;gap:12px}.tk-folder .cnt,.tk-folder .go{white-space:nowrap}
@media (max-width:400px){.tk-folder .ff{flex-direction:column;align-items:stretch}.tk-folder .ff .cnt{align-self:flex-start}.tk-folder .ff .go{justify-content:center}}
/* item rows on phones: the name gets its own full line, so nothing is cut off */
@media (max-width:480px){
  .tk-lines:not(.many) .tk-lh{display:none}
  .tk-lines:not(.many) .tk-line{grid-template-columns:minmax(0,1fr) 44px;row-gap:8px;background:var(--g0);border-radius:16px;padding:12px}
  .tk-lines:not(.many) .tk-lc:first-child{grid-column:1/-1}
  .tk-lines:not(.many) .tk-line > :nth-child(n+3):not(.tk-lx){grid-column:1}
  .tk-lines:not(.many) .tk-lx{background:#fff}
}
/* ---------- much more breathing space (31 Oct, round 2) ---------- */
.tk-body{padding-bottom:72px}
.tk-card{padding:44px 42px}
.tk-gap{margin-top:44px}
.tk-sec:not(:first-child),[id$="Out"]>.tk-sec:first-child{margin-top:72px;padding-top:56px}
.tk-sh{margin-bottom:32px;gap:16px}.tk-sh p{margin-top:8px;line-height:1.6}
.tk-grid{gap:30px 30px}
.tk-f>span{margin-bottom:9px}
.tk-hint{margin-top:9px}
.tk-lines{gap:16px}
.tk-kpis{gap:20px;margin-bottom:8px}.tk-kpi{padding:22px 22px}
.tk-verdict{margin-top:24px;padding:22px 24px}
.tk-acts{margin-top:40px;padding-top:32px;gap:14px}
.tk-how{gap:22px}
.tk-two{gap:40px}
.tk-prose p{margin:0 0 18px;line-height:1.7}
.tk-faq details{padding:18px 2px}
.tk-tiles{gap:32px;margin-top:34px}
.tk-tile{padding:30px 28px 26px}
.tk-sub{margin-top:44px}.tk-sub p{margin-top:8px}
.tk-filt{gap:12px;margin-top:14px}
.tk-folders{gap:48px}
.tk-home{padding-top:40px}
.tk-back{margin:8px 0 34px}
.tk-cta{margin-top:56px}
.tk-disc{margin-top:40px;line-height:1.7}
.tk-hero .s{margin-top:16px;line-height:1.65}.tk-pills{margin-top:26px}
@media (max-width:640px){
  .tk-wrap{padding:0 22px}
  .tk-hero{padding:46px 0 104px}.tk-hero h1{line-height:1.25}.tk-pills{gap:10px}
  .tk-card{padding:34px 22px}
  .tk-sec:not(:first-child),[id$="Out"]>.tk-sec:first-child{margin-top:56px;padding-top:44px}
  .tk-sh{margin-bottom:28px}
  .tk-grid{gap:26px}
  .tk-kpis{gap:16px}.tk-kpi{padding:20px}
  .tk-how{gap:18px}
  .tk-tiles{gap:26px;margin-top:28px}.tk-tile{padding:26px 22px 22px}
  .tk-folders{gap:52px}.tk-home{padding-top:40px}
  .tk-filt{gap:10px}
  .tk-cta{margin-top:48px;padding:30px 22px}
  .tk-lines:not(.many) .tk-line{padding:14px}
}
/* print = PDF */
@media print{
  @page{margin:12mm}
  body{background:#fff!important}
  body *{visibility:hidden}
  .tk-print,.tk-print *{visibility:visible}
  .tk-print{position:absolute;left:0;top:0;width:100%}
  .tk-print-head{display:flex!important;align-items:center;gap:14px;border-bottom:3px solid #0F4A35;padding-bottom:10px;margin-bottom:14px}
  .tk-print-head img{height:46px;width:auto}.tk-print-head b{font-size:18px;color:#0A3326;display:block}.tk-print-head small{font-size:11px;color:#5A6B63}
  .tk-noprint,.tk-acts,.tk-add,.tk-x,.tk-copy,.tk-safe button,.tk-mtabs{display:none!important}
  .tk-card{box-shadow:none!important;border:1px solid #DCE6E0!important;break-inside:auto}
  .tk-chart,.tk-kpi,.tk-q,.tk-row{break-inside:avoid}
  .tk-wm:before{opacity:1!important}
  .tk-tw{overflow:visible!important;border:0}.tk-tbl th{position:static}.tk-tbl td:first-child,.tk-tbl th:first-child{position:static}
  .tk-prem{border:1.5px solid #EBC27E}
  .tk-print:after{content:"Made with the Badho MSME Toolkit · badhomsme.com · WhatsApp 90625 56193";display:block;margin-top:16px;padding-top:8px;border-top:1px solid #DCE6E0;font-size:10px;color:#5A6B63;visibility:visible}
}