.tool-hub{--hub-ink:#193247;--hub-muted:#465f70;--hub-cyan:#63d5e4;--hub-rule:#c5d4dd;--hub-paper:#f4f8fa;--hub-soft:#b5c5d1;padding-bottom:64px}@layer base{.tool-directory-js .directory-controls[hidden]{visibility:hidden;display:block!important}.tool-directory-js .compare-choice[hidden]{visibility:hidden;display:inline-flex!important}}.hub-wrap{max-width:1248px;margin-inline:auto;padding-inline:32px}.tool-hub .hub-label{letter-spacing:.08em;color:var(--hub-cyan);margin-bottom:16px;font:600 11px/1.6 ui-monospace,monospace}.hub-intro{grid-template-columns:1fr 300px;align-items:end;gap:72px;padding-block:24px 32px;display:grid}.hub-intro h1{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(36px,4vw,54px);font-weight:700;line-height:1.12}.hub-intro h1 span{color:var(--hub-cyan);letter-spacing:-.02em;margin-top:12px;font-size:24px;display:block}.hub-lede{color:var(--hub-soft);max-width:620px;font-size:17px;line-height:1.75}.hub-shortcuts{border-top:1px solid #496172;padding-top:16px}.hub-shortcuts>span{display:block}.hub-shortcuts a{border-bottom:1px solid #304859;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.hub-shortcuts a:hover{color:var(--hub-cyan);text-underline-offset:4px;text-decoration:underline}.directory-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;display:flex}.tool-hub h2{letter-spacing:-.035em;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.2}.directory-heading p{color:var(--hub-soft);font-size:12px;line-height:1.6}.directory-controls{background:#1b3143;border:1px solid #435c6e;margin-bottom:24px;padding:24px}.tool-hub button,.tool-hub select,.tool-hub input{font:inherit}.tool-hub button{cursor:pointer;border-radius:3px;min-height:44px;font-size:13px;font-weight:600}.directory-inputs{grid-template-columns:minmax(200px,1.3fr) minmax(170px,.8fr) minmax(150px,.7fr);align-items:end;gap:16px;display:grid}.directory-inputs label{font-size:12px;font-weight:600}.directory-inputs input,.directory-inputs select{width:100%;color:var(--hub-ink);background:#f4f8fa;border:1px solid #c5d4dd;border-radius:3px;min-height:46px;margin-top:8px;padding:12px;font-size:16px;display:block}.directory-inputs input::placeholder{color:#5b6d7b}.hub-reset{color:#d2e1ea;text-underline-offset:4px;padding:8px 12px;text-decoration:underline}.hub-reset:hover{background:#314e62}.directory-status{border-top:1px solid #4c6374;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.directory-status p{font-size:13px;font-weight:600}.directory-status>div{align-items:center;gap:16px;font-size:12px;display:flex}.compare-trigger{background:var(--hub-cyan);color:#102c40;padding:12px 16px}.compare-trigger:hover:not(:disabled){background:#a6ebf2}.tool-hub button:disabled{cursor:not-allowed;color:#c7d3dd;background:#3c5264}.selection-help{color:#c4d1db;margin-top:12px;font-size:12px;line-height:1.6}.tool-records{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tool-record{background:var(--hub-paper);color:var(--hub-ink);border:1px solid var(--hub-rule);border-radius:3px;flex-direction:column;padding:24px;scroll-margin-top:100px;display:flex}.record-task{color:var(--hub-muted);border-bottom:1px solid var(--hub-rule);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;padding-bottom:14px;font:600 11px/1.6 ui-monospace,monospace;display:flex}.tool-record h3{letter-spacing:-.025em;margin-bottom:10px;font-size:22px;font-weight:700;line-height:1.3}.record-fit{font-size:15px;line-height:1.6}.tool-record dl{margin-block:16px}.tool-record dl>div{border-bottom:1px solid #d5e0e6;grid-template-columns:100px 1fr;gap:12px;padding-block:10px;font-size:13px;line-height:1.6;display:grid}.tool-record dt{font-weight:700}.tool-record dd{color:var(--hub-muted)}.record-access{margin-top:auto;margin-bottom:12px;font-size:12px;font-weight:600}.record-links{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.record-links a{color:#21566c;text-underline-offset:4px;padding-block:8px;font-size:12px;text-decoration:underline}.record-links .record-guide{font-size:13px;font-weight:700}.record-links a:hover{color:#102a3f;text-decoration-thickness:2px}.tool-record footer{border-top:1px solid var(--hub-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:8px;display:flex}.tool-record small{color:var(--hub-muted);font-size:11px}.compare-choice{cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:6px;font-size:12px;font-weight:600;display:inline-flex}.compare-choice input{accent-color:#24586e;width:18px;height:18px}.compare-choice:has(:checked){background:#d5e9ed;outline:1px solid #517a89}.compare-choice:has(:disabled){color:#607381;cursor:not-allowed}.tool-record :focus-visible,.tool-comparison :focus-visible{outline-color:#17657d}.directory-note{color:var(--hub-soft);max-width:850px;margin-top:20px;font-size:12px;line-height:1.8}.directory-note a,.hub-method a,.hub-guidance a{color:var(--hub-cyan);text-underline-offset:4px;text-decoration:underline}.tool-comparison{background:var(--hub-paper);color:var(--hub-ink);margin-bottom:24px;padding:24px}.comparison-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.comparison-heading h3{font-size:24px;font-weight:700}.comparison-heading button,.no-tool-results button{border:1px solid;padding:10px 16px}.tool-comparison p{margin-block:12px;font-size:13px;line-height:1.6}.comparison-scroll{padding-bottom:12px;overflow-x:auto}.comparison-scroll table{border-collapse:collapse;width:100%;min-width:650px;font-size:13px;line-height:1.6}.comparison-scroll th,.comparison-scroll td{text-align:left;vertical-align:top;border:1px solid #b5c9d5;min-width:170px;padding:16px}.comparison-scroll th{background:#e0ebf0;font-weight:600}.comparison-scroll td{color:#3f596c}.no-tool-results{border:1px solid #627d91;margin-bottom:24px;padding:32px}.no-tool-results h3{font-size:20px;font-weight:700}.no-tool-results p{margin-block:12px 20px}.guide-section{padding-block:64px;scroll-margin-top:100px}.guide-index{grid-template-columns:repeat(3,1fr);gap:0 32px;display:grid}.guide-index a{border-top:1px solid #496172;justify-content:space-between;gap:16px;padding-block:24px;display:flex}.guide-index h3{margin-bottom:10px;font-size:18px;font-weight:600}.guide-index p{color:var(--hub-soft);font-size:13px;line-height:1.7}.guide-index a>span{color:var(--hub-cyan);font-size:22px}.guide-index a:hover h3{color:var(--hub-cyan);text-underline-offset:4px;text-decoration:underline}.hub-guidance{background:#172c3c;border-block:1px solid #3d5668}.guidance-layout{grid-template-columns:1fr 1.2fr;gap:80px;padding-block:56px;display:grid}.guidance-layout h2{margin-bottom:24px}.guidance-layout p{color:var(--hub-soft);font-size:15px;line-height:1.8}.guidance-layout a{margin-top:24px;font-size:14px;display:inline-block}.guidance-steps section+section{border-top:1px solid #405a6e;margin-top:24px;padding-top:24px}.guidance-steps h3{margin-bottom:12px;font-size:18px;font-weight:600}.hub-method{grid-template-columns:1.2fr 1fr;gap:80px;padding-block:64px;scroll-margin-top:100px;display:grid}.hub-method h2{margin-bottom:24px}.hub-method p{color:var(--hub-soft);margin-top:16px;font-size:14px;line-height:1.8}.hub-faq h3{font-size:18px;font-weight:600}.hub-faq p+h3{margin-top:28px}.owned-tool{background:#203c4d;border:1px solid #496f82;justify-content:space-between;align-items:center;gap:48px;padding-block:32px;display:flex}.owned-tool h2{font-size:24px}.owned-tool p:not(.hub-label){color:#c2d3de;max-width:660px;margin-top:16px;font-size:14px;line-height:1.8}.owned-tool>a{border:1px solid #8cabbb;flex-shrink:0;align-items:center;gap:20px;padding:16px;font-size:14px;font-weight:600;display:flex}.owned-tool>a:hover{background:#34566b}@media (width<=900px){.hub-intro{grid-template-columns:1fr 250px;gap:32px}.record-task{flex-direction:column;gap:4px}.guidance-layout,.hub-method{gap:40px}.guide-index{grid-template-columns:repeat(2,1fr)}.owned-tool{flex-direction:column;align-items:flex-start;gap:24px;margin-inline:24px}}@media (width<=650px){.hub-wrap{padding-inline:20px}.hub-intro{grid-template-columns:1fr;gap:28px;padding-block:24px 32px}.hub-intro h1{font-size:38px}.hub-lede{font-size:15px}.hub-shortcuts{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.hub-shortcuts>span{grid-column:1/-1;margin-bottom:8px!important}.hub-shortcuts a{align-items:center;min-height:44px;font-size:12px}.directory-heading{margin-bottom:20px;display:block}.directory-heading p{margin-top:12px}.directory-controls{padding:16px}.directory-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.search-field{grid-column:1/-1}.directory-inputs select{padding-inline:8px;font-size:14px}.hub-reset{justify-self:start}.directory-status{flex-direction:column;align-items:flex-start;gap:12px}.directory-status>div{flex-wrap:wrap;gap:12px}.tool-records{grid-template-columns:1fr;gap:16px}.tool-record{padding:20px}.record-task{flex-direction:row}.tool-record dl>div{grid-template-columns:1fr;gap:4px}.tool-record h3{font-size:22px}.guide-section{padding-block:40px}.guide-index{grid-template-columns:1fr}.guidance-layout,.hub-method{grid-template-columns:1fr;gap:32px;padding-block:40px}.tool-comparison{padding:16px}.owned-tool{margin-inline:20px}.owned-tool>a{flex-shrink:1}.tool-hub{padding-bottom:40px}}@media (width<=360px){.hub-intro h1{font-size:33px}.hub-wrap{padding-inline:16px}.hub-shortcuts{gap:0 12px}.tool-record{padding:16px}.directory-controls{padding:12px}}.record-selection{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tool-hub .view-selection{color:#21566c;text-underline-offset:4px;font-size:11px;text-decoration:underline}#clear-shortlist{padding-inline:8px;text-decoration:underline}.comparison-heading button:hover{background:#dcebf0}.tool-record:has(.compare-choice input:checked){outline-offset:-3px;outline:3px solid #63d5e4}.tool-record h3 a:hover{color:#21566c;text-underline-offset:4px;text-decoration:underline}.selected-tools{flex-wrap:wrap;gap:8px;margin-top:16px;padding:0;list-style:none;display:flex}.selected-tools button{color:#e8f3f7;background:#29485d;border:1px solid #8babbe;padding:8px 12px}.selected-tools button:hover{background:#3c6279}.comparison-scroll th[scope=row],.comparison-scroll thead th:first-child{z-index:1;background:#e0ebf0;width:125px;min-width:125px;position:sticky;left:0;box-shadow:1px 0 #91acbb}@media (width<=650px){.comparison-scroll th[scope=row],.comparison-scroll thead th:first-child{width:100px;min-width:100px;padding:12px}.comparison-scroll td,.comparison-scroll th[scope=col]:not(:first-child){min-width:220px}}