@layer components{.tools-page{padding-top:24px;padding-bottom:64px}.tools-heading{max-width:850px;margin:30px 0 32px}.tools-heading h1{margin:14px 0 18px;font-size:clamp(32px,4vw,44px);line-height:1.15}.tools-heading>p{color:var(--muted);line-height:1.8}.tools-heading .tool-checked{margin-top:18px;font-size:12px}.tools-page>section{margin-top:44px}.tools-page h2{margin-bottom:18px;font-size:27px;line-height:1.3}.tools-page h3{font-size:20px;line-height:1.4}.tool-muted{color:var(--muted);font-size:13px;line-height:1.7}.tool-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-directory-card{border:1px solid var(--border);background:radial-gradient(at 10% 0,#ffd3350a,#0000 70%),#111725;border-radius:15px;flex-direction:column;align-items:flex-start;gap:20px;min-width:0;padding:24px;display:flex}.tool-directory-card:hover{border-color:var(--gold)}.tool-symbol{color:var(--gold);font-size:38px;line-height:1.1}.tool-directory-card h2{margin:12px 0;font-size:24px}.tool-directory-card p{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.8}.tool-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-info-grid article{border:1px solid var(--border);background:#111725;border-radius:12px;padding:24px}.tool-info-grid p{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.8}.tool-reading{max-width:850px}.tool-reading p,.tool-reading li{color:var(--muted);line-height:1.85}.tool-reading p+p{margin-top:16px}.tool-reading ul{padding-left:22px}.tool-reading li+li{margin-top:8px}.tool-reference-links{color:var(--gold);flex-wrap:wrap;gap:16px 28px;margin-top:36px;font-size:14px;display:flex}.tool-faq{max-width:850px}.tool-faq details{border-bottom:1px solid var(--border);padding:18px 0}.tool-faq summary{cursor:pointer;font-weight:600}.tool-faq p{color:var(--muted);margin-top:14px;line-height:1.8}.tool-credit{margin-top:16px}.tools-page a:focus-visible,.tools-page button:focus-visible,.tools-page summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.compare-controls{border:1px solid var(--border);background:#111725;border-radius:14px;padding:24px}.tool-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tool-section-title h2{margin:0;font-size:23px}.tool-secondary{color:#e8edf7;cursor:pointer;font:inherit;background:#1b2435;border:1px solid #3b465c;border-radius:7px;padding:10px 14px;font-size:13px}.compare-selectors{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.compare-selector{min-width:0}.compare-selector label,.compare-levels label,.compare-toolbar label,.tool-share label{color:#ccd5e5;flex-direction:column;gap:10px;font-size:13px;display:flex}.compare-selector input,.compare-selector select,.compare-levels input,.compare-toolbar select,.tool-share input{color:#e8edf7;width:100%;min-width:0;font:inherit;background:#090f1d;border:1px solid #3b465c;border-radius:7px;padding:11px 10px;font-size:14px}.compare-selector select{margin-top:10px}.tool-status{color:var(--muted);min-height:21px;margin-top:16px;font-size:13px;line-height:1.6}.compare-upgrades{border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:22px 24px}.compare-upgrades summary{cursor:pointer;font-weight:600;line-height:1.7}.compare-upgrades summary span{color:var(--muted);margin-left:14px;font-size:12px;font-weight:400}.compare-upgrades>p{margin-top:16px}.compare-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.compare-levels small{color:var(--muted);font-size:11px}.compare-toolbar{justify-content:space-between;align-items:end;gap:20px;margin-top:28px;display:flex}.compare-toolbar label{flex:1;max-width:310px}.compare-toolbar .button{cursor:pointer;border:0}.tool-share{margin-top:20px}.compare-table-scroll{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:14px}.compare-table caption{text-align:left;color:var(--muted);background:#111725;padding:18px;font-size:13px}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);vertical-align:top;min-width:155px;padding:16px}.compare-table thead th{background:#111725}.compare-table thead img{image-rendering:pixelated;object-fit:contain;margin-bottom:12px;display:block}.compare-table th span{font-size:18px;display:block}.compare-table small{color:var(--muted);margin-top:7px;font-size:12px;font-weight:400;line-height:1.7;display:block}.compare-table tbody th{color:var(--muted);width:190px;font-weight:500}.compare-table .compare-best{color:var(--gold);background:#ffd33508;font-weight:700}.compare-legend{color:var(--gold);margin-top:14px;font-size:12px}.compare-pool-title{margin-top:36px}.compare-pools{grid-template-columns:repeat(var(--compare-columns),minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.compare-pool{border:1px solid var(--border);border-radius:12px;min-width:0;padding:20px}.compare-pool>p{margin-top:8px}.move-tags{flex-wrap:wrap;gap:8px;margin-top:18px;padding:0;list-style:none;display:flex}.move-tags li{background:#151e30;border:1px solid #354158;border-radius:7px;padding:7px 9px;font-size:12px;line-height:1.5}.move-tags small{color:var(--muted);font-size:10px;display:block}.move-tags .move-common{border-color:#5b5540}.compare-empty{border:1px solid var(--border);color:var(--muted);border-radius:12px;padding:30px}@media (width<=900px){.tool-directory,.compare-selectors,.compare-levels,.compare-pools{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-info-grid{grid-template-columns:1fr}}@media (width<=520px){.tool-directory{grid-template-columns:1fr}.tools-page{padding-top:18px}.tools-heading{margin-top:24px}.tools-page h2{font-size:24px}.tool-directory-card{gap:16px;padding:24px}.tool-symbol{font-size:28px}.compare-controls{padding:18px}.tool-section-title{flex-direction:column;align-items:flex-start}.compare-selectors{grid-template-columns:1fr}.compare-levels{gap:16px}.compare-upgrades{padding:18px}.compare-upgrades summary span{margin-left:0;display:block}.compare-toolbar{flex-direction:column;align-items:stretch}.compare-toolbar label{max-width:none}.compare-toolbar .button{align-self:flex-start}.compare-pools{grid-template-columns:1fr}.compare-table{min-width:620px}.compare-table th,.compare-table td{min-width:145px;padding:14px}}}