.hub-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}.hub-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:700;color:var(--text)}.hub-brand img{border-radius:10px}.hub-nav{display:flex;align-items:center;gap:24px}.hub-nav a,.hub-mobile-nav a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;text-decoration:none}.hub-mobile-nav{display:none}.hub-hero{padding:64px 0 40px;max-width:850px}.hub-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.16;letter-spacing:-.03em;margin:0 0 22px}.hub-hero>p{color:#516274;font-size:18px;line-height:1.8;max-width:65ch}.hub-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hub-section{margin:40px 0 0;scroll-margin-top:24px}.hub-section h2{margin:0 0 16px;font-size:26px;line-height:1.4}.hub-section>p{color:#516274;line-height:1.8;max-width:72ch}.hub-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hub-task{display:block;padding:22px 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#fff}.hub-task h3{margin:0 0 10px;font-size:19px;line-height:1.45}.hub-task p{margin:0;color:#516274;line-height:1.75;font-size:14px}.hub-task:hover{border-color:var(--primary-strong);background:#f5faff}.hub-language{padding:24px;background:var(--surface-soft);border-radius:16px}.hub-language label{display:block;font-size:14px;margin-bottom:8px;color:#516274}.hub-language select{min-height:48px;width:min(100%,360px);padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font:inherit}.hub-language .recommendation{font-size:14px;color:#516274;line-height:1.8}.hub-language details{margin-top:18px}.hub-language summary{min-height:44px;padding:10px 0;cursor:pointer}.hub-language-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px}.hub-language-links a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}.hub-tools{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.hub-tool{padding:28px;background:var(--surface-tint);border-radius:16px}.hub-tool h3{font-size:24px;margin:0 0 10px}.hub-tool p{font-size:15px;line-height:1.8;color:#516274;margin:10px 0}.hub-tool .tool-source{font-size:13px;color:#39536b}.hub-tool img{width:100%;height:210px;object-fit:contain;margin:16px 0}.hub-guides{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.hub-guides li{border-bottom:1px solid var(--line)}.hub-guides a{display:block;min-height:56px;padding:16px 0;text-decoration:none;line-height:1.6}.hub-footer{margin-top:56px;padding:28px 0;border-top:1px solid var(--line);font-size:13px;color:#516274}.hub-footer nav{display:flex;flex-wrap:wrap;gap:6px 20px}.hub-footer a{min-height:44px;display:inline-flex;align-items:center}.hub-footer p{line-height:1.8;max-width:90ch}.hub-mobile-nav summary{cursor:pointer;min-height:44px;padding:10px 0}.hub-mobile-nav nav{display:grid;gap:4px}.hub-header a:focus-visible,.hub-section a:focus-visible,.hub-footer a:focus-visible,.hub-language select:focus-visible,.hub-mobile-nav summary:focus-visible{outline:3px solid #167bb0;outline-offset:4px}::selection{background:#d5effd;color:#12354b}@media(max-width:800px){.hub-nav{gap:16px}.hub-tasks{grid-template-columns:1fr 1fr}.hub-hero{padding-top:36px}.hub-tools{grid-template-columns:1fr}.hub-tool img{height:190px}}@media(max-width:580px){.hub-header{flex-wrap:wrap;gap:8px}.hub-nav{display:none}.hub-mobile-nav{display:block;margin-left:auto}.hub-mobile-nav[open]{width:100%;margin-left:0}.hub-mobile-nav nav{grid-template-columns:1fr 1fr;padding-bottom:12px}.hub-hero{padding:30px 0 20px}.hub-hero>p{font-size:16px}.hub-section h2{font-size:23px}.hub-task{padding:18px 14px}.hub-task h3{font-size:17px}.hub-guides{grid-template-columns:1fr}.hub-language,.hub-tool{padding:20px}.hub-actions .button{min-height:48px}.hub-footer{margin-bottom:8px}} .hub-actions .button-primary{background:#1273a6;color:#fff}.hub-actions .button-primary:hover{background:#0d608d}