:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--color-paper: #FAFAF7;--color-ink: #1A1A1A;--color-ink-soft: #666666;--color-ink-faint: #999999;--color-bronze: #8B5A2B;--color-navy: #1F4E79;--color-rule: #E5E5E0;--color-card: #F5F5F0;--color-green: #2D6A4F;--sidebar-bg: #1C2333;--sidebar-bg-deep: #161B29;--sidebar-hover: #2D3A52;--sidebar-active: #2D6A4F;--sidebar-text: #8B9BB4;--sidebar-text-active: #FFFFFF;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-feature-settings:"kern","liga","calt";line-height:1.75;margin:0;padding:0;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:.005em}a{color:var(--color-bronze);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s ease}a:hover{color:var(--color-navy)}::selection{background-color:#8b5a2b33;color:var(--color-ink)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-paper)}::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-soft)}.app-layout{display:flex;min-height:100vh;width:100%;align-items:stretch}.main-content{flex:1;padding:0;min-width:0;display:flex;flex-direction:column}@media(max-width:900px){.main-content{padding:0}}.content-body{flex:1;padding:2rem 3.5rem 3rem}@media(max-width:900px){.content-body{padding:2rem 2rem 3rem}}.sidebar{width:256px;min-width:256px;background-color:var(--sidebar-bg);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:1.25rem 1.25rem 1.25rem 1.5rem;border-bottom:1px solid var(--sidebar-hover);text-decoration:none}.sidebar-logo:hover{text-decoration:none}.sidebar-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--sidebar-active);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-logo-text{min-width:0}.sidebar-logo-name{font-size:19px;font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1.2;white-space:nowrap}.sidebar-logo-name .accent{color:var(--sidebar-active)}.sidebar-logo-sub{font-size:12px;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-search{padding:.75rem 1rem;border-bottom:1px solid var(--sidebar-hover)}.sidebar-search-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background-color:var(--sidebar-hover);color:var(--sidebar-text);border:none;font-family:inherit;font-size:13px;cursor:pointer;transition:background-color .15s ease}.sidebar-search-btn:hover{background-color:var(--sidebar-bg-deep)}.sidebar-search-btn .kbd{margin-left:auto;display:flex;align-items:center;gap:2px;font-size:11px;padding:1px 6px;border-radius:4px;background-color:var(--sidebar-bg-deep);color:var(--sidebar-text)}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem 1.5rem}.sidebar-group-label{padding:.75rem .75rem .35rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-text)}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:1px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:14px;font-weight:500;text-decoration:none;transition:all .15s ease}.sidebar-nav-item:hover{color:#fff;background-color:var(--sidebar-hover);text-decoration:none}.sidebar-nav-item.active{color:var(--sidebar-text-active);background-color:var(--sidebar-active)}.sidebar-nav-item .nav-count{margin-left:auto;font-size:11px;padding:1px 7px;border-radius:10px;background-color:var(--sidebar-hover);color:var(--sidebar-text);font-weight:500}.sidebar-nav-item.active .nav-count{background-color:#ffffff26;color:#fff}.sidebar-footer{padding:.75rem 1.25rem;border-top:1px solid var(--sidebar-hover);display:flex;gap:16px;font-size:12px;color:var(--sidebar-text)}.sidebar-footer a{color:var(--sidebar-text);text-decoration:none}.sidebar-footer a:hover{color:#fff}.content-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.5rem;padding:.9rem 3.5rem;background:#2d6a4f}@media(max-width:900px){.content-header{padding:.9rem 2rem}}.content-header-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.content-header-nav::-webkit-scrollbar{display:none}.content-header-link{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:var(--radius-sm);color:#1a1a1a;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;transition:all .15s ease;flex-shrink:0}.content-header-link:hover{color:#1a1a1a;background-color:#ffffff73;text-decoration:none}.content-header-search{display:none}.content-header-bookmark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background-color:transparent;color:var(--color-ink-soft);border:none;cursor:pointer;transition:all .15s ease}.content-header-bookmark:hover{background-color:var(--color-paper);color:var(--color-bronze)}.content-footer{border-top:1px solid var(--color-rule);padding:2.5rem 3.5rem 2rem;margin-top:3rem;display:flex;align-items:flex-start;gap:3rem}@media(max-width:800px){.content-footer{flex-direction:column;gap:1.5rem;padding:2rem 2rem 1.5rem}}.content-footer-brand{flex:1;min-width:0}.content-footer-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.content-footer-logo{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--color-ink)}.content-footer-divider{color:var(--color-ink-faint)}.content-footer-tagline{color:var(--color-ink-soft);font-size:13px}.content-footer-meta{font-size:12px;color:var(--color-ink-soft);line-height:1.7;margin-bottom:.4rem}.content-footer-meta a{color:var(--color-ink-soft);text-decoration:underline;text-decoration-color:var(--color-rule);margin:0 4px}.content-footer-meta a:hover{color:var(--color-bronze);text-decoration-color:var(--color-bronze)}.content-footer-copyright{font-size:11px;color:var(--color-ink-faint);margin:0}.content-footer-social{display:flex;gap:1.25rem;flex-shrink:0}@media(max-width:800px){.content-footer-social{flex-wrap:wrap;gap:1rem}}.content-footer-social-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-ink-soft);text-decoration:none;font-size:11px;transition:color .15s ease}.content-footer-social-item:hover{color:var(--color-bronze);text-decoration:none}.content-footer-social-icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-rule);display:flex;align-items:center;justify-content:center;background-color:var(--color-card);transition:all .15s ease}.content-footer-social-item:hover .content-footer-social-icon{border-color:var(--color-bronze);background-color:var(--color-paper)}.content-footer-social-label{font-weight:500}.hero{margin-bottom:1.5rem;padding:1.5rem 0 2rem;border-bottom:1px solid var(--color-rule)}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-bronze);margin-bottom:.9rem}.hero h1{font-size:2rem;margin-bottom:.7rem;letter-spacing:-.02em;line-height:1.25;max-width:720px}.hero-sub{color:var(--color-ink-soft);font-size:.98rem;max-width:640px;line-height:1.7;margin-bottom:1.5rem}.hero-search{position:relative;max-width:620px}.search-box{position:relative;display:flex;align-items:center;gap:8px;width:100%}.search-box>svg{flex-shrink:0;color:var(--color-ink-faint)}.search-box-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-sans);color:var(--color-ink);min-width:0}.search-box-input::placeholder{color:var(--color-ink-faint)}.search-box-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 12px 32px #1c23331f;overflow:hidden;z-index:60}.search-box-dropdown[hidden]{display:none}.search-box-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.6rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-rule);font-size:13px;transition:background .1s ease}.search-box-item:last-child{border-bottom:none}.search-box-item:hover{background:#8b5a2b0f;text-decoration:none}.search-box-item-name{font-weight:500;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box-item-cat{font-size:11px;color:var(--color-ink-faint);white-space:nowrap;flex-shrink:0}.search-box-empty{padding:.8rem 1rem;font-size:12px;color:var(--color-ink-faint)}.search-box--header{background:var(--color-card);border:1px solid var(--color-rule);border-radius:4px;padding:.4rem .5rem;width:256px;flex-shrink:0;transition:border-color .15s ease,box-shadow .15s ease}.search-box--header:focus-within{border-color:var(--color-brown);box-shadow:0 0 0 3px #8b5a2b26}.search-box--header .search-box-input{font-size:12px}.search-box--sidebar{background:#2a3344;border:1px solid #3a4458;border-radius:var(--radius-sm);padding:.45rem .65rem;transition:border-color .15s ease}.search-box--sidebar:focus-within{border-color:var(--color-bronze)}.search-box--sidebar .search-box-input{color:#f2f3f5;font-size:12px}.search-box--sidebar .search-box-input::placeholder{color:#8a93a6}.search-box--sidebar>svg{color:#8a93a6}.search-box--sidebar .search-box-dropdown{background:#2a3344;border-color:#3a4458}.search-box--sidebar .search-box-item-name{color:#f2f3f5}.search-box--sidebar .search-box-item-cat{color:#8a93a6}.search-box--sidebar .search-box-item:hover{background:#ffffff0f}.search-box--sidebar .search-box-empty{color:#8a93a6}.search-box-kbd{font-size:10px;color:#8a93a6;border:1px solid #3a4458;border-radius:4px;padding:1px 5px;flex-shrink:0}.search-box--hero{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:.7rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.search-box--hero:focus-within{border-color:var(--color-bronze);box-shadow:0 0 0 3px #8b5a2b14}.search-box--hero>svg{color:var(--color-bronze)}.search-box--hero .search-box-input{font-size:.95rem}.search-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 12px 32px #1c23331f;overflow:hidden;z-index:50}.search-dropdown.open{display:block}.sr-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.6rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-rule);transition:background .1s ease}.sr-item:last-child{border-bottom:none}.sr-item:hover{background:#8b5a2b0f;text-decoration:none}.sr-name{font-size:13px;font-weight:500;color:var(--color-ink)}.sr-cat{font-size:11px;color:var(--color-ink-faint);white-space:nowrap}.sr-empty{padding:.8rem 1rem;font-size:12px;color:var(--color-ink-faint)}.stats-bar{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column}.stat strong{font-size:1.25rem;font-weight:700;color:var(--color-navy);line-height:1.2}.stat span{font-size:11px;color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.05em}.section-note{font-size:12px;color:var(--color-ink-faint)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:.5rem}@media(max-width:1200px){.journey-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.journey-grid{grid-template-columns:1fr}}.journey-card{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1.2rem 1.25rem;background:var(--color-card);transition:border-color .15s ease,transform .15s ease}.journey-card:hover{border-color:var(--color-bronze);transform:translateY(-1px)}.journey-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.journey-num{font-size:12px;font-weight:700;color:var(--color-ink-faint);letter-spacing:.08em}.journey-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:#8b5a2b1a;color:var(--color-bronze);display:flex;align-items:center;justify-content:center}.journey-card h3{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--color-ink)}.journey-desc{font-size:12px;color:var(--color-ink-soft);line-height:1.6;margin-bottom:.9rem}.journey-cats{display:flex;flex-direction:column;gap:6px}.journey-cat{display:flex;align-items:center;gap:8px;padding:.45rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--color-rule);background:var(--color-bg);font-size:12px;font-weight:500;color:var(--color-ink);text-decoration:none;transition:border-color .12s ease}.journey-cat:hover{border-color:var(--color-navy);text-decoration:none}.journey-cat svg{color:var(--color-navy)}.journey-cat-count{margin-left:auto;font-size:11px;color:var(--color-ink-faint);font-weight:400}.workbench-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:1200px){.workbench-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.workbench-grid{grid-template-columns:1fr}}.workbench-card{display:flex;gap:12px;border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1.1rem 1.15rem;background:var(--color-card);transition:border-color .15s ease}.workbench-card:hover{border-color:var(--color-bronze)}.workbench-icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);background:#1f4e7914;color:var(--color-navy);display:flex;align-items:center;justify-content:center}.workbench-body h3{font-size:14px;font-weight:600;margin-bottom:3px;color:var(--color-ink)}.workbench-body p{font-size:12px;color:var(--color-ink-soft);line-height:1.6;margin-bottom:.6rem}.workbench-cats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.workbench-cats a{color:var(--color-bronze);text-decoration:none;font-weight:500}.workbench-cats a:hover{text-decoration:underline}.workbench-total{margin-left:auto;font-size:11px;color:var(--color-ink-faint)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h2{font-size:1.05rem;font-weight:600}.section-header a{font-size:13px;color:var(--color-bronze)}.section-more{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--color-bronze);font-weight:500}.section-more:hover{color:var(--color-navy)}.featured-section{margin-bottom:2.5rem}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1200px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.featured-grid{grid-template-columns:1fr}}.featured-card{background-color:var(--color-card);border:1px solid transparent;border-radius:var(--radius-md);padding:1rem;text-decoration:none;color:inherit;transition:all .15s ease}.featured-card:hover{border-color:var(--color-bronze);text-decoration:none;transform:translateY(-1px)}.featured-card-icon{width:36px;height:36px;border-radius:var(--radius-sm);background-color:#8b5a2b1f;color:var(--color-bronze);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.featured-card-name{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--color-ink)}.featured-card-desc{font-size:11px;color:var(--color-ink-soft);line-height:1.5}.category-index{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:2.5rem}@media(max-width:1200px){.category-index{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.category-index{grid-template-columns:1fr}}.category-card{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1.1rem 1.25rem;text-decoration:none;color:inherit;transition:all .15s ease}.category-card:hover{border-color:var(--color-bronze);text-decoration:none;transform:translateY(-1px)}.category-card-icon{width:34px;height:34px;border-radius:var(--radius-sm);background-color:#8b5a2b1a;color:var(--color-bronze);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.category-card h3{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--color-ink)}.category-card p{font-size:12px;color:var(--color-ink-soft);line-height:1.6;margin:0}.category-card .category-tools{margin-top:.5rem;font-size:11px;color:var(--color-ink-faint)}.category-header{margin-bottom:1.75rem}.category-header h1{font-size:1.5rem;margin-bottom:.4rem;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.category-header p{color:var(--color-ink-soft);font-size:.95rem;margin:0}.category-meta{display:flex;align-items:center;gap:12px;margin-top:.5rem;font-size:12px;color:var(--color-ink-faint)}.sub-tabs{display:flex;gap:4px;margin-bottom:1.5rem;flex-wrap:wrap;border-bottom:1px solid var(--color-rule);padding-bottom:.75rem}.sub-tab{font-size:12px;padding:5px 14px;border-radius:2px;background-color:transparent;color:var(--color-ink-soft);cursor:pointer;transition:all .15s ease;border:1px solid var(--color-rule);text-decoration:none;font-family:inherit}.sub-tab:hover{border-color:var(--color-bronze);color:var(--color-bronze);text-decoration:none}.sub-tab.active{background-color:var(--color-bronze);color:#fff;border-color:var(--color-bronze);font-weight:500}.sub-tab.active:hover{color:#fff}.category-sub-desc{color:var(--color-ink-soft);font-size:.9rem;margin-bottom:1.25rem;line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:1200px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.tool-grid{grid-template-columns:1fr}}.tool-card{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1rem 1.1rem;background-color:var(--color-card);display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease;position:relative}.tool-card:hover{border-color:var(--color-bronze);transform:translateY(-1px)}.tool-card-cover{display:block;color:inherit;text-decoration:none}.tool-card-cover:hover .tool-card-name{color:var(--color-bronze)}.tool-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.tool-card-icon{position:relative;width:34px;height:34px;border-radius:var(--radius-sm);background-color:#1f4e791a;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.tool-card-favicon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;object-fit:contain;display:block;z-index:1;background:#fff;border-radius:3px}.tool-card-favicon.failed{display:none}.tool-card-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--color-navy)}.tool-card-body{flex:1;min-width:0}.tool-card-name{font-size:14px;font-weight:600;color:var(--color-ink);line-height:1.3;transition:color .12s ease}.tool-card-desc{font-size:12px;color:var(--color-ink-soft);line-height:1.5;margin-top:2px}.tool-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.tool-card-tag{font-size:10px;padding:1px 7px;border:1px solid var(--color-rule);border-radius:2px;color:var(--color-ink-soft);background-color:var(--color-paper)}.tool-card-tag.affiliate{border-color:#2d6a4f59;color:var(--color-green);background-color:#2d6a4f0f}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px;border-top:1px solid var(--color-rule)}.tool-card-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--color-bronze);text-decoration:none;transition:color .12s ease}.tool-card-link:hover{color:var(--color-green);text-decoration:none}.tool-card-link.visit{color:var(--color-green);font-weight:600}.tool-card-link.visit:hover{color:#1f5239}.tool-detail-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-bronze);font-weight:500;margin-bottom:1.1rem;text-decoration:none}.tool-detail-back:hover{color:var(--color-navy);text-decoration:none}.tool-hero{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-card);margin-bottom:1.75rem;overflow:hidden}.tool-hero-banner{background:#1c2333;color:#f2f3f5;padding:1.4rem 1.5rem;display:flex;align-items:center;gap:16px;border-top:3px solid var(--color-bronze)}.tool-hero-icon{width:52px;height:52px;border-radius:var(--radius-md);background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-hero-name{font-size:1.6rem;font-weight:700;letter-spacing:-.015em;line-height:1.15;margin-bottom:4px;color:#fff}.tool-hero-body{flex:1;min-width:0}.tool-hero-url-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tool-hero-url{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#ffffffd9}.tool-hero-url a{color:#fff;text-decoration:none}.tool-hero-url a:hover{text-decoration:underline}.tool-hero-views{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#ffffffb3;font-variant-numeric:tabular-nums}.tool-hero-chips{display:flex;gap:6px;flex-wrap:wrap;padding:.75rem 1.5rem .9rem;border-top:1px solid var(--color-rule)}.tool-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 9px;border-radius:999px;border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-ink-soft)}.tool-chip.affiliate{background:#2d6a4f14;color:var(--color-green);border-color:#2d6a4f40}.tool-chip.buyer{background:#1f4e7914;color:var(--color-navy);border-color:#1f4e792e}.tool-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:start}@media(max-width:960px){.tool-detail-layout{grid-template-columns:1fr}}.tool-main{min-width:0}.tool-sidebar{position:sticky;top:5.5rem;display:flex;flex-direction:column;gap:.85rem}@media(max-width:960px){.tool-sidebar{position:static}}.tool-section{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-rule)}.tool-section:last-child{border-bottom:none;padding-bottom:0}.tool-section-title{font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--color-ink);margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-bronze);display:inline-block}.tool-section p{font-size:.92rem;line-height:1.75;color:var(--color-ink);margin-bottom:.7rem}.tool-section p a{color:var(--color-bronze);text-decoration:none}.tool-section p a:hover{text-decoration:underline}.tool-section-note{font-size:12px;color:var(--color-ink-soft);margin-bottom:.85rem}.tool-facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-rule);border:1px solid var(--color-rule);border-radius:var(--radius-md);overflow:hidden}.tool-fact{background:var(--color-card);padding:.7rem .9rem}.tool-fact-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);margin-bottom:3px}.tool-fact-value{font-size:13px;color:var(--color-ink);font-weight:500;line-height:1.45}.tool-procon-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:1.25rem;margin-bottom:1.75rem;border-bottom:1px solid var(--color-rule)}@media(max-width:720px){.tool-procon-row{grid-template-columns:1fr}}.tool-procon{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:.95rem 1.05rem;background:var(--color-card)}.tool-procon-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.04em}.tool-procon-title.pros{color:var(--color-green)}.tool-procon-title.cons{color:#a33b2b}.tool-procon ul{margin:0;padding-left:1.1rem;font-size:13px;line-height:1.75;color:var(--color-ink)}.tool-procon li::marker{color:var(--color-ink-faint)}.tool-procons-list{margin:0;padding-left:1.1rem;font-size:13px;line-height:1.8;color:var(--color-ink)}.tool-faq-list{display:flex;flex-direction:column;gap:8px}.tool-faq-item{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-card);overflow:hidden}.tool-faq-item[open]{border-color:var(--color-bronze)}.tool-faq-q{cursor:pointer;padding:.85rem 2.2rem .85rem 1rem;font-size:13.5px;font-weight:500;color:var(--color-ink);list-style:none;position:relative}.tool-faq-q::-webkit-details-marker{display:none}.tool-faq-q:after{content:"+";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:18px;font-weight:300;color:var(--color-bronze);line-height:1}.tool-faq-item[open] .tool-faq-q:after{content:"–"}.tool-faq-a{margin:0;padding:0 1rem .95rem;font-size:13px;line-height:1.7;color:var(--color-ink-soft)}.tool-alt-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);margin-bottom:8px;background:var(--color-card);transition:border-color .15s ease;text-decoration:none;color:inherit}.tool-alt-item:hover{border-color:var(--color-bronze);text-decoration:none}.tool-alt-name{font-size:13.5px;font-weight:600;color:var(--color-ink);margin-bottom:2px}.tool-alt-desc{font-size:11.5px;color:var(--color-ink-soft);line-height:1.5}.tool-alt-cta{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:500;color:var(--color-bronze);white-space:nowrap}.tool-sidebar-visit{display:flex;align-items:center;justify-content:center;gap:7px;padding:16px 22px;border-radius:var(--radius-md);background:var(--color-green);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s ease}.tool-sidebar-visit:hover{background:#245d43;color:#fff;text-decoration:none}.tool-sidebar-visit:hover{background:#183a5c;color:#fff;text-decoration:none}.tool-sidebar-card{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-card);padding:.85rem .95rem}.tool-sidebar-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);margin-bottom:.55rem}.tool-sidebar-hint{font-size:11.5px;color:var(--color-ink-soft);margin:0 0 .55rem}.tool-sidebar-biglink{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:var(--color-green);text-decoration:none}.tool-sidebar-biglink:hover{color:#1f5239;text-decoration:none}.tool-sidebar-link{display:flex;align-items:center;gap:7px;padding:6px 0;font-size:12.5px;color:var(--color-ink);text-decoration:none;border-bottom:1px solid var(--color-rule)}.tool-sidebar-link:last-child{border-bottom:none}.tool-sidebar-link svg{color:var(--color-green);flex-shrink:0}.tool-sidebar-link:hover{color:var(--color-green);text-decoration:none}.tool-sidebar-recent{display:flex;flex-direction:column}.tool-recent-empty{font-size:11.5px;color:var(--color-ink-faint);line-height:1.5}.tool-recent-item{display:flex;flex-direction:column;gap:1px;padding:6px 0;border-bottom:1px solid var(--color-rule);text-decoration:none}.tool-recent-item:last-child{border-bottom:none}.tool-recent-name{font-size:12.5px;color:var(--color-ink);font-weight:500}.tool-recent-item:hover .tool-recent-name{color:var(--color-bronze)}.tool-recent-cat{font-size:10px;color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.04em}.tool-sidebar-submit{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-card);font-size:12.5px;font-weight:500;color:var(--color-bronze);text-decoration:none;transition:border-color .12s ease}.tool-sidebar-submit:hover{border-color:var(--color-bronze);text-decoration:none}.guide-list{display:flex;flex-direction:column;gap:8px}.guide-item{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:border-color .15s ease;background-color:var(--color-card)}.guide-item:hover{border-color:var(--color-bronze);text-decoration:none}.guide-item h3{font-size:14px;font-weight:600;margin-bottom:4px}.guide-item p{font-size:12px;color:var(--color-ink-soft);margin:0}.text-secondary{color:var(--color-ink-soft)}.text-tertiary{color:var(--color-ink-faint)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.page-head{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-rule)}.page-eyebrow{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-bronze);margin-bottom:.6rem}.page-head h1{font-size:1.7rem;letter-spacing:-.015em;margin-bottom:.5rem}.page-head p{color:var(--color-ink-soft);font-size:.95rem;max-width:620px;line-height:1.7}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-ink-faint);margin-bottom:1rem}.breadcrumb a{color:var(--color-bronze);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.plain-note{border-left:3px solid var(--color-bronze);background:#8b5a2b0f;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.9rem 1.1rem;margin:1.25rem 0;font-size:.92rem;line-height:1.7}.changelog-list{display:flex;flex-direction:column;gap:1.5rem;max-width:760px}.changelog-entry{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1.25rem 1.4rem;background:var(--color-card)}.changelog-date{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-navy);margin-bottom:.5rem}.changelog-entry h2{font-size:1.05rem;font-weight:600;margin-bottom:.6rem}.changelog-items{margin:0;padding-left:1.1rem;color:var(--color-ink-soft);font-size:.9rem;line-height:1.75}.changelog-items li::marker{color:var(--color-bronze)}.glossary-section{margin-bottom:2.25rem}.glossary-cat-title{font-size:1rem;font-weight:600;color:var(--color-navy);margin-bottom:.9rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-rule)}.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:720px){.glossary-grid{grid-template-columns:1fr}}.glossary-card{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1rem 1.1rem;text-decoration:none;color:inherit;transition:border-color .15s ease}.glossary-card:hover{border-color:var(--color-bronze);text-decoration:none}.glossary-term{font-size:13px;font-weight:600;color:var(--color-ink);margin-bottom:4px}.glossary-def{font-size:12px;color:var(--color-ink-soft);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.term-category{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-navy);background:#1f4e7912;border-radius:var(--radius-sm);padding:.3rem .7rem}.term-article{max-width:720px}.term-article h2{font-size:1.1rem;font-weight:600;margin-bottom:.7rem}.term-article p{font-size:.95rem;line-height:1.8;color:var(--color-ink)}.term-related{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--color-rule)}.term-related h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);margin-bottom:.7rem}.term-related-links{display:flex;gap:8px;flex-wrap:wrap}.term-chip{border:1px solid var(--color-rule);border-radius:999px;padding:.35rem .85rem;font-size:12px;color:var(--color-ink);text-decoration:none;transition:border-color .15s ease}.term-chip:hover{border-color:var(--color-bronze);text-decoration:none}.compare-intro{margin-bottom:0!important}.compare-grid{display:grid;border:1px solid var(--color-rule);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem}.compare-row-label{padding:.7rem 1rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);background:var(--color-card);border-bottom:1px solid var(--color-rule);border-right:1px solid var(--color-rule);display:flex;align-items:flex-start}.compare-col-head{padding:1rem;border-bottom:1px solid var(--color-rule);border-right:1px solid var(--color-rule);background:var(--color-card)}.compare-col-head:last-child{border-right:none}.compare-tool-link{font-size:14px;font-weight:600;color:var(--color-ink);text-decoration:none}.compare-tool-link:hover{color:var(--color-bronze);text-decoration:none}.compare-tool-cat{font-size:11px;color:var(--color-ink-faint);margin-top:2px}.compare-cell{padding:.9rem 1rem;font-size:12px;line-height:1.65;color:var(--color-ink);border-bottom:1px solid var(--color-rule);border-right:1px solid var(--color-rule);background:var(--color-bg)}.compare-cell:last-child{border-right:none}.compare-overview{color:var(--color-ink-soft)}.compare-list{margin:0;padding-left:1.05rem}.compare-list li{margin-bottom:4px}.compare-list li::marker{color:var(--color-bronze)}.compare-visit{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--color-navy);text-decoration:none}.compare-visit:hover{text-decoration:underline}.compare-cta{margin-top:1rem}.compare-cta-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--color-bronze);text-decoration:none}.compare-cta-link:hover{color:var(--color-navy)}.compare-builder{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1.3rem;background:var(--color-card);margin-bottom:2rem}.compare-builder-picks{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.compare-pick{display:flex;flex-direction:column;gap:5px;min-width:180px;flex:1}.compare-pick label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint)}.pick-optional{text-transform:none;letter-spacing:0;font-weight:400}.compare-select{border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:.55rem .7rem;font-size:13px;color:var(--color-ink);background:var(--color-bg);font-family:var(--font-sans);max-width:100%}.compare-btn{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:var(--radius-sm);background:var(--color-navy);color:#fff;font-size:13px;font-weight:600;padding:.6rem 1.2rem;cursor:pointer;font-family:var(--font-sans);transition:background .12s ease}.compare-btn:hover{background:#183a5c}.compare-result{display:none;margin-top:1.4rem;border-top:1px solid var(--color-rule);padding-top:1.2rem}.compare-result.open{display:block}.cb-row{display:grid;grid-template-columns:110px repeat(auto-fit,minmax(0,1fr));gap:0;border-bottom:1px solid var(--color-rule)}.cb-row:last-child{border-bottom:none}.cb-label{padding:.65rem .6rem .65rem 0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);align-self:start;position:sticky;left:0}.cb-col{padding:.65rem .8rem;font-size:12px;line-height:1.65;color:var(--color-ink);border-left:1px solid var(--color-rule);min-width:0}.cb-col ul{margin:0;padding-left:1.05rem}.cb-col li::marker{color:var(--color-bronze)}.cb-name{font-size:13px;font-weight:600}.cb-name a{color:var(--color-ink);text-decoration:none}.cb-name a:hover{color:var(--color-bronze);text-decoration:none}.cb-cat{font-size:11px;color:var(--color-ink-faint);margin-top:2px}.compare-prebuilt{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:720px){.compare-prebuilt{grid-template-columns:1fr}}.compare-prebuilt-card{display:flex;align-items:center;gap:9px;border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:.85rem 1rem;font-size:13px;font-weight:500;color:var(--color-ink);text-decoration:none;background:var(--color-card);transition:border-color .15s ease}.compare-prebuilt-card svg{color:var(--color-bronze);flex-shrink:0}.compare-prebuilt-card:hover{border-color:var(--color-bronze);text-decoration:none}.tool-sidebar-fav{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-card);font-size:12.5px;font-weight:500;color:var(--color-ink);cursor:pointer;font-family:var(--font-sans);transition:border-color .12s ease,background .12s ease}.tool-sidebar-fav:hover{border-color:var(--color-bronze)}.tool-sidebar-fav.active{background:#8b5a2b14;border-color:var(--color-bronze);color:var(--color-bronze)}.tool-share-row{display:flex;gap:4px;justify-content:space-between;align-items:center}.tool-share-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink-soft);cursor:pointer;transition:border-color .12s ease,color .12s ease;padding:0;font-family:var(--font-sans);text-decoration:none;flex-shrink:0}.tool-share-btn:hover{border-color:var(--color-bronze);color:var(--color-bronze)}.tool-share-btn.copied{border-color:var(--color-green);color:var(--color-green)}.tool-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:1rem;border-top:1px solid var(--color-rule);padding-top:1.5rem}.tool-prevnext-item{border:1px solid #1C2333;border-radius:var(--radius-md);padding:.85rem 1rem;text-decoration:none;background:#1c2333;color:#fff;transition:border-color .15s ease}.tool-prevnext-item.next{text-align:right}.tool-prevnext-item:hover{border-color:var(--color-green);text-decoration:none}.tool-prevnext-item.disabled{visibility:hidden}.tool-prevnext-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-green);margin-bottom:3px}.tool-prevnext-name{display:block;font-size:13.5px;font-weight:600;color:#fff}.tool-prevnext-item:hover .tool-prevnext-name{color:var(--color-green)}.saved-list{display:flex;flex-direction:column;gap:10px;margin-bottom:1.5rem}.saved-empty{border:1px dashed var(--color-rule);border-radius:var(--radius-md);padding:2.5rem 1.5rem;text-align:center;font-size:13px;color:var(--color-ink-soft);line-height:1.7}.saved-card{display:flex;align-items:center;gap:12px;border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:.9rem 1rem;background:var(--color-card);transition:border-color .15s ease}.saved-card:hover{border-color:var(--color-bronze)}.saved-card-icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-sm);background:#8b5a2b1a;color:var(--color-bronze);display:flex;align-items:center;justify-content:center}.saved-card-body{flex:1;min-width:0}.saved-card-name{font-size:14px;font-weight:600;color:var(--color-ink);text-decoration:none}.saved-card-name:hover{color:var(--color-bronze);text-decoration:none}.saved-card-desc{font-size:12px;color:var(--color-ink-soft);line-height:1.5;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-card-cat{font-size:10.5px;color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:3px}.saved-remove{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink-faint);cursor:pointer;transition:border-color .12s ease,color .12s ease;padding:0}.saved-remove:hover{border-color:#a33b2b;color:#a33b2b}.saved-cta{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--color-bronze);text-decoration:none}.saved-cta:hover{color:var(--color-navy);text-decoration:none}.tool-share-card-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:8px 12px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-bg);font-size:12px;font-weight:500;color:var(--color-green);cursor:pointer;font-family:var(--font-sans);transition:border-color .12s ease,background .12s ease}.tool-share-card-btn:hover{border-color:var(--color-green);background:#2d6a4f14}.share-card-preview{margin-top:10px}.share-card-preview[hidden]{display:none}#share-card-canvas{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--color-rule);display:block}.share-card-actions{display:flex;gap:6px;margin-top:8px}.share-card-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-card);font-size:12px;font-weight:500;color:var(--color-ink);cursor:pointer;font-family:var(--font-sans);transition:border-color .12s ease}.share-card-action:hover{border-color:var(--color-bronze)}.share-card-tip{margin:8px 0 0;font-size:11px;color:var(--color-ink-faint);line-height:1.5}.tool-popular-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.tool-popular-tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:999px;border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-ink);text-decoration:none;transition:border-color .12s ease,color .12s ease}.tool-popular-tag:hover{border-color:var(--color-bronze);color:var(--color-bronze);text-decoration:none}.tool-key-features{font-size:.92rem;line-height:1.75;color:var(--color-ink);margin-top:.9rem;padding:.75rem .9rem;border-left:2px solid var(--color-bronze);background:#8b5a2b0a;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.category-banner{position:relative;width:100%;height:200px;border-radius:var(--radius-md);overflow:hidden;color:#fff;display:flex;align-items:center}.category-banner-pattern{position:absolute;inset:0;width:100%;height:100%;color:var(--cb-accent);pointer-events:none}.category-banner-pattern g{color:var(--cb-accent)}.category-banner-overlay{position:relative;display:flex;align-items:center;gap:18px;padding:1.4rem 1.8rem;width:100%}.category-banner-icon{width:64px;height:64px;border-radius:var(--radius-md);background:#ffffff1f;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;color:var(--cb-accent);flex-shrink:0}.category-banner-meta{flex:1;min-width:0}.category-banner-title{font-size:1.7rem;font-weight:700;letter-spacing:-.015em;line-height:1.1;margin-bottom:4px;color:#fff}.category-banner-desc{font-size:13px;color:#ffffffd9;line-height:1.5;margin-bottom:6px}.category-banner-stats{display:flex;gap:14px;font-size:12px;color:#ffffffbf}.category-banner-stats strong{font-weight:700;color:var(--cb-accent);margin-right:3px;font-size:13px}@media(max-width:640px){.category-banner{height:160px}.category-banner-overlay{gap:12px;padding:1rem 1.1rem}.category-banner-icon{width:48px;height:48px}.category-banner-title{font-size:1.3rem}}