.tr-main{padding-top:var(--nav-h)}.tr-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:36px;align-items:center;padding-top:44px;padding-bottom:30px}.tr-eyebrow{font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.14em;color:var(--accent-text);margin-bottom:12px}.tr-hero-copy h1{font-size:var(--fs-h1-doc);font-weight:700;letter-spacing:-.03em;line-height:1.12;margin-bottom:14px;text-wrap:balance}.tr-sub{font-size:var(--fs-body);color:var(--text-2);line-height:1.65;max-width:520px;text-wrap:pretty;margin-bottom:22px}.tr-cta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:22px}.tr-cta-note{font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-3)}.tr-example{min-width:0;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.tr-example h2{margin:18px 0 12px;font-size:var(--fs-h3);font-weight:500;line-height:1.35}.tr-example p{color:var(--text-2);font-size:var(--fs-body);line-height:1.65}.tr-example-io{display:grid;gap:20px;margin:24px 0}.tr-example-io dt,.tr-example-table caption{margin-bottom:10px;color:var(--text-3);font-size:var(--fs-caption);text-align:left}.tr-example-io dd{margin:0;padding:14px 16px;background:var(--well);border-radius:var(--radius-sm)}.tr-example-io pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);font-size:var(--fs-mono);line-height:1.65}.tr-example-io>div:last-child code{color:var(--syn-green)}.tr-example-table{overflow-x:auto;margin:24px 0}.tr-example-table table{width:100%;border-collapse:collapse;font-size:var(--fs-caption)}.tr-example-table th,.tr-example-table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}.tr-example-table th{font-family:var(--mono);font-weight:400;color:var(--text-3)}.tr-example-table td:last-child{font-variant-numeric:tabular-nums}.tr-example .tr-example-note{padding-top:16px;border-top:1px solid var(--border);font-size:var(--fs-caption);color:var(--text-3)}.task-hub .tr-hero{grid-template-columns:minmax(0,1fr);padding-bottom:20px}.task-hub .tr-sub{max-width:680px}.task-hub-list{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--border-strong)}.task-hub-list>li{border-bottom:1px solid var(--border)}.task-hub-list a{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.35fr) auto;gap:28px;align-items:center;padding:22px 12px;transition:background var(--dur-fast)}.task-hub-list a:hover{background:var(--surface)}.task-hub-list h3{margin:0 0 8px;font-size:var(--fs-body-lg);font-weight:500}.task-hub-list p{color:var(--text-2);line-height:1.6;max-width:65ch}.task-hub-level{color:var(--text);font-size:var(--fs-caption)}.task-hub-level small{display:block;margin-top:6px;color:var(--text-3);font-size:inherit}.task-hub-arrow{color:var(--accent-text)}@media(max-width:640px){.tr-example{padding:22px}.task-hub-list a{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:20px 0}.task-hub-list a>div{grid-column:1 / -1}.task-hub-level small{display:inline;margin-left:8px}}.tr-shell{display:flex;flex-direction:column;gap:44px;padding-bottom:72px}.tr-block h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.tr-block-text{color:var(--text-2);line-height:1.65;max-width:640px;text-wrap:pretty;margin-bottom:12px}.tr-steps{display:flex;flex-direction:column;gap:10px;color:var(--text-2);line-height:1.6;padding-left:20px;max-width:680px}.tr-steps li::marker{color:var(--accent-text);font-weight:700}.tr-modules{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;max-width:760px;counter-reset:tr-module}.tr-modules li{display:flex;align-items:baseline;gap:10px;padding:14px 0;border-bottom:1px solid var(--border-subtle);counter-increment:tr-module}.tr-modules li:before{content:counter(tr-module,decimal-leading-zero);font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-3)}.tr-modules b{font-weight:500}.tr-module-count{font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-3)}.tr-module-access{margin-left:auto;font-family:var(--mono);font-size:var(--fs-mono-sm);border-radius:5px;padding:2px 8px}.tr-module-access.is-free{color:var(--syn-green);background:color-mix(in srgb,var(--syn-green) 12%,transparent)}.tr-module-access.is-premium{color:var(--text-3);border:1px solid var(--border-subtle)}.tr-links{display:flex;flex-direction:column;gap:9px;color:var(--text-2);line-height:1.6;padding-left:18px}.tr-links li::marker{color:var(--accent-text)}.tr-links a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.tr-faq-item+.tr-faq-item{margin-top:22px}.tr-faq-item h3{font-size:var(--fs-body);font-weight:700;margin-bottom:6px}.tr-faq-item p{color:var(--text-2);line-height:1.65;max-width:680px;text-wrap:pretty}.tr-final.hb-practice-card{margin:0}.tr-final-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:none}@media(max-width:920px){.tr-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:30px}}@media(max-width:640px){.tr-modules li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.tr-modules b{min-width:0;overflow-wrap:anywhere}.tr-module-count{grid-column:2}.tr-module-access{grid-column:2;justify-self:start;margin-left:0}}@media(max-width:480px){.tr-cta{align-items:stretch;flex-direction:column}.tr-cta .btn,.tr-final-action,.tr-final-action .btn{width:100%;height:auto;min-height:46px;padding-block:10px;text-align:center;white-space:normal}}