.tf{--tf-ink:var(--cq-ink,#212121);--tf-paper:#fff;--tf-line:color-mix(in srgb, var(--tf-ink) 12%, transparent);--tf-soft:color-mix(in srgb, var(--tf-ink) 62%, transparent);--tf-ok:var(--cq-money,#10b981);--tf-accent:var(--cq-accent,#4f46e5);color:var(--tf-ink);font-family:var(--font-ui), system-ui, sans-serif;flex-direction:column;gap:clamp(1.6rem,4vw,2.6rem);display:flex}.tf-h{margin:0 0 var(--cq-space-4);font-family:var(--font-display), Georgia, serif;letter-spacing:-.01em;color:var(--tf-ink);font-size:clamp(1.3rem,3.5vw,1.7rem);font-weight:800;line-height:1.15}.tf-flowrow{grid-template-columns:1fr;gap:.7rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.tf-flowrow{grid-template-columns:repeat(4,1fr);gap:0}}.tf-stage{text-align:center;background:var(--tf-paper);border:1.5px solid var(--tf-line);border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:1.1rem .9rem;display:flex;position:relative}.tf-stage__ic{width:2.6rem;height:2.6rem;color:var(--tf-accent);background:color-mix(in srgb, var(--tf-accent) 9%, transparent);border-radius:12px;place-items:center;display:grid}.tf-stage:nth-child(2) .tf-stage__ic,.tf-stage:nth-child(3) .tf-stage__ic{color:var(--tf-ok);background:color-mix(in srgb, var(--tf-ok) 10%, transparent)}.tf-stage__label{color:var(--tf-ink);font-size:.95rem;font-weight:700}.tf-stage__sub{color:var(--tf-soft);font-size:.8rem;line-height:1.45}.tf-stage__arrow{z-index:1;color:color-mix(in srgb, var(--tf-ink) 34%, transparent);background:var(--cq-bg,#faf9f5);border-radius:999px;padding:.1rem;font-size:1.1rem;font-weight:800;line-height:1;position:absolute;inset-block-start:50%;inset-inline-end:-.62rem;transform:translateY(-50%)}@media (max-width:759px){.tf-stage__arrow{inset:auto auto -.68rem 50%;transform:translate(-50%)rotate(90deg)}}.tf-note{margin:var(--cq-space-4) 0 0;color:var(--tf-soft);text-align:center;font-size:.9rem;line-height:1.55}.tf-two{gap:var(--cq-space-4);grid-template-columns:1fr;display:grid}@media (min-width:760px){.tf-two{grid-template-columns:1fr 1fr}}.tf-col{background:var(--tf-paper);border:1.5px solid var(--tf-line);border-radius:16px;padding:1.1rem 1.15rem}.tf-col--read{border-color:color-mix(in srgb, var(--tf-ok) 28%, transparent);background:color-mix(in srgb, var(--tf-ok) 4%, var(--cq-surface))}.tf-col__h{align-items:center;gap:var(--cq-space-2);color:var(--tf-ink);margin:0 0 .7rem;font-size:.95rem;font-weight:800;display:flex}.tf-tick{border-radius:50%;flex:none;width:1.1rem;height:1.1rem}.tf-tick--read{background:color-mix(in srgb, var(--tf-ok) 20%, transparent);box-shadow:inset 0 0 0 2px var(--tf-ok)}.tf-tick--never{background:color-mix(in srgb, var(--tf-ink) 8%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tf-ink) 40%, transparent)}.tf-readlist,.tf-neverlist{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.tf-readrow{border-bottom:1px solid var(--tf-line);grid-template-columns:1fr auto;grid-template-areas:"what arrow""why why";gap:.1rem .4rem;padding:.55rem 0;display:grid}.tf-readrow:last-child{border-bottom:none}.tf-readrow__what{color:var(--tf-ink);grid-area:what;font-size:.9rem;font-weight:700}.tf-readrow__arrow{color:var(--tf-ok);grid-area:arrow;font-weight:800}.tf-readrow__why{color:var(--tf-soft);grid-area:why;font-size:.84rem;line-height:1.45}.tf-neverrow{color:var(--tf-ink);align-items:flex-start;gap:.55rem;font-size:.88rem;line-height:1.5;display:flex}.tf-x{background:color-mix(in srgb, var(--tf-ink) 7%, transparent);border-radius:50%;flex:none;width:1rem;height:1rem;margin-top:.18rem;position:relative}.tf-x:before,.tf-x:after{content:"";background:color-mix(in srgb, var(--tf-ink) 55%, transparent);height:1.6px;position:absolute;inset:48% 22% auto}.tf-x:before{transform:rotate(45deg)}.tf-x:after{transform:rotate(-45deg)}.tf-guardgrid{gap:var(--cq-space-4);grid-template-columns:1fr;display:grid}@media (min-width:620px){.tf-guardgrid{grid-template-columns:1fr 1fr}}.tf-guard{background:var(--tf-paper);border:1.5px solid var(--tf-line);border-radius:16px;flex-direction:column;gap:.45rem;padding:1.1rem 1.15rem;display:flex}.tf-guard__ic{width:2.4rem;height:2.4rem;color:var(--tf-accent);background:color-mix(in srgb, var(--tf-accent) 9%, transparent);border-radius:12px;place-items:center;display:grid}.tf-guard__q{font-family:var(--font-display), Georgia, serif;color:var(--tf-ink);margin:.1rem 0 0;font-size:1.05rem;font-weight:800}.tf-guard__a{color:var(--tf-soft);margin:0;font-size:.88rem;line-height:1.55}.tf-ctrlrow{grid-template-columns:1fr;gap:.8rem;display:grid}@media (min-width:620px){.tf-ctrlrow{grid-template-columns:repeat(3,1fr)}}.tf-ctrl{background:var(--tf-paper);border:1.5px solid var(--tf-line);border-radius:14px;flex-direction:column;gap:.35rem;padding:1rem 1.05rem;display:flex}.tf-ctrl__ic{width:2.2rem;height:2.2rem;color:var(--tf-ink);background:color-mix(in srgb, var(--tf-ink) 6%, transparent);border-radius:10px;place-items:center;display:grid}.tf-ctrl__title{font-family:var(--font-display), Georgia, serif;color:var(--tf-ink);margin-top:.1rem;font-size:1.02rem;font-weight:800}.tf-ctrl__line{color:var(--tf-soft);font-size:.85rem;line-height:1.5}