.tp{max-width:860px;padding-top:18px;padding-bottom:48px}
.tp-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:0;font-size:13px;color:var(--muted)}
.tp-crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.tp-head h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin:6px 0 12px}
.tp-lead{font-size:17px;color:var(--ink);max-width:68ch}
.tp-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 8px}.tp-cta span{color:var(--muted);font-size:13.5px}
.tp-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin-top:18px}
.tp-box h2{font-size:19px;margin-bottom:10px}
.tp-cx{border-collapse:collapse;width:100%;max-width:420px}.tp-cx th,.tp-cx td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}.tp-cx td{font-family:var(--mono);font-weight:600}
.tp-note{color:var(--muted);font-size:13.5px;margin:0 0 8px}
.tp-steps{margin:0 0 14px;padding-left:22px}.tp-steps li{margin:4px 0}.tp-steps li.gap{list-style:none;color:var(--muted);font-style:italic}
.tp-steps code{font-family:var(--mono);font-size:12.5px;color:var(--muted);white-space:nowrap}
.tp-code{overflow-x:auto;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:14px;font:13px/1.55 var(--mono);margin:0}
.tp-langs{display:flex;flex-wrap:wrap;gap:6px}
.tp-langs input{position:absolute;opacity:0;pointer-events:none}
.tp-langs label{font-size:13px;padding:5px 12px;min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer}
.tp-langs input:checked+label{background:var(--soft);color:var(--ink);border-color:var(--cmp,var(--line));font-weight:600}
.tp-langs input:focus-visible+label{outline:2px solid currentColor;outline-offset:2px}
.tp-langs .tp-code{display:none;flex-basis:100%;margin-top:6px}
#tp-java:checked~.tp-code[data-lang=java],#tp-py:checked~.tp-code[data-lang=py],#tp-cpp:checked~.tp-code[data-lang=cpp],#tp-c:checked~.tp-code[data-lang=c],#tp-js:checked~.tp-code[data-lang=js]{display:block}
.hub-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.hub-list li{border-top:1px solid var(--line);padding-top:10px}.hub-list li:first-child{border-top:0;padding-top:0}
.hub-list a{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:16px}.hub-cx{font:600 12px var(--mono);color:var(--muted)}.hub-list p{margin:4px 0 0;color:var(--muted);font-size:14px}
.tp-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 18px;padding-left:18px;margin:0}
@media (max-width:520px){.tp-box{padding:14px}.tp-lead{font-size:16px}.head-cta{display:inline-flex}}