:root{--color-primary: #007bff;--color-primary-dark: #0056b3;--color-text: #333;--color-text-light: #777;--color-bg: #fff;--color-bg-light: #f9f9f9;--color-border: rgba(0, 0, 0, .1);--shadow-sm: rgba(0, 0, 0, .05) 0px 2px 4px;--shadow-md: rgba(0, 0, 0, .1) 0px 4px 8px;--shadow-lg: rgba(0, 0, 0, .1) 0px 8px 16px;--shadow-bottom: rgba(0, 0, 0, .1) 0px .125rem .25rem;--gradient-main: linear-gradient(to right, rgb(255, 255, 255), rgb(248, 249, 250));--space-xs: .3125rem;--space-sm: .625rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--text-xs: .9rem;--text-sm: 1rem;--text-md: 1.1rem;--text-lg: 1.2rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--container-max: 75rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:var(--color-bg-light);transition:background-color .3s,color .3s;font-size:var(--text-sm)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-sm) var(--space-sm) var(--space-sm)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}header{position:sticky;top:0;text-align:center;padding:var(--space-lg) var(--space-lg) var(--space-sm) var(--space-lg);z-index:1000;transition:background-color .3s;background:var(--gradient-main);margin-top:0}header .site-title,header h1{font-size:var(--text-3xl);font-weight:700;line-height:1.2;margin:0;color:var(--color-text)}header p{font-size:var(--text-lg);color:var(--color-text-light);margin-bottom:var(--space-sm)}.top-nav{background:var(--gradient-main);z-index:1000;position:relative}.top-nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-bottom)}.nav-content{max-width:var(--container-max);margin:0 auto;padding:var(--space-sm) var(--space-lg);display:flex;justify-content:center}.nav-links{display:flex;gap:var(--space-2xl)}.nav-links a{color:var(--color-text);text-decoration:none;padding:var(--space-sm) 0;font-size:var(--text-md);position:relative;font-weight:500}.nav-links a:hover{color:var(--color-primary);text-shadow:0 0 .5px rgba(0,123,255,.3)}.nav-links a.active{color:var(--color-primary)}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary)}.category{background-color:var(--color-bg);padding:var(--space-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border);margin-bottom:var(--space-xl)}html:not(.no-js) [data-reveal=pending]{opacity:0;transform:translateY(20px)}.category:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category h2{margin:0;font-size:var(--text-xl);color:var(--color-text);background-color:var(--color-bg-light);padding:var(--space-sm);border-radius:var(--border-radius-sm);transition:background-color .3s}.category ul{list-style:none;padding:0;margin:0}.category ul li{margin:0;padding:var(--space-sm);border-radius:var(--border-radius-sm)}.category ul li:nth-child(odd){background-color:var(--color-bg-light)}.category ul li:nth-child(2n){background-color:var(--color-bg)}.category ul li a{text-decoration:none;color:var(--color-primary);display:flex;align-items:center;font-size:var(--text-sm)}.category ul li a:hover{text-decoration:underline}.dropdown{display:inline-block;width:100%;text-align:center;margin:1rem auto}.dropdown-btn{background-color:var(--color-primary);color:var(--color-bg);padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-size:var(--text-sm);transition:background-color .3s}.dropdown-btn:hover{background-color:var(--color-primary-dark)}.dropdown-content{display:none;position:absolute;left:50%;transform:translate(-50%);background-color:var(--color-bg);min-width:200px;box-shadow:var(--shadow-lg);border-radius:var(--border-radius-sm);max-height:400px;overflow-y:auto;z-index:1001}.dropdown-content.show{display:block}.dropdown-content a{color:var(--color-text);padding:var(--space-md) var(--space-lg);text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:var(--color-bg-light)}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg);padding:var(--space-md);box-shadow:var(--shadow-bottom);display:none;z-index:1000}.cookie-consent.active{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}body:not(.no-js):has(.cookie-consent.active){padding-bottom:6rem}.cookie-consent p{margin:0;font-size:var(--text-xs);color:var(--color-text);flex:1;min-width:280px}.cookie-consent .cookie-buttons{display:flex;gap:var(--space-sm)}.cookie-consent button{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--text-xs);transition:background-color .3s}.cookie-consent .accept-cookies{background-color:var(--color-primary);color:var(--color-bg)}.cookie-consent .accept-cookies:hover{background-color:var(--color-primary-dark)}.cookie-consent .reject-cookies{background-color:var(--color-bg-light);color:var(--color-text);border:1px solid var(--color-border)}.cookie-consent .reject-cookies:hover{background-color:#e2e6ea}.back-to-top{position:fixed;bottom:var(--space-2xl);right:var(--space-2xl);background:var(--color-primary);color:var(--color-bg);width:var(--space-3xl);height:var(--space-3xl);border-radius:var(--border-radius-full);border:none;font-size:var(--text-xl);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease;box-shadow:var(--shadow-sm);z-index:1100}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-md)}.alphabet-index{margin:var(--space-2xl) 0;text-align:center;padding:var(--space-md);background:var(--color-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.alphabet-index a{font-size:var(--text-lg);text-decoration:none;color:var(--color-text);padding:var(--space-xs)}.alphabet-index a.active{color:var(--color-primary);font-weight:700}.alphabet-index a.inactive{color:var(--color-border);cursor:default}.breadcrumb{margin-bottom:var(--space-lg);opacity:.8}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;align-items:center}.breadcrumb li{display:flex;align-items:center;font-size:.8rem;color:var(--color-text-light)}.breadcrumb li:not(:last-child):after{content:">";margin:0 var(--space-sm);color:var(--color-text-light);font-size:.8rem}.breadcrumb a{color:var(--color-text-light);text-decoration:none;font-size:.8rem}.breadcrumb a:hover{color:var(--color-primary)}.terms-content{max-width:50rem;margin:0 auto;padding:1.25rem;line-height:1.6}.terms-content h2{font-size:var(--text-xl);margin:var(--space-2xl) 0 var(--space-md);color:var(--color-text)}.terms-content p{margin:1rem 0}.terms-content ul{margin:1rem 0;padding-left:1.25rem}.terms-content a{color:var(--color-primary);text-decoration:none}.last-updated{font-style:italic;color:#777;margin-top:1rem}.recommended-tools{margin-top:var(--space-2xl);opacity:.9}.recommended-tools h2{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-md)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:var(--space-md)}.tool-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--color-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all .3s ease;text-decoration:none}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-logo{width:37px;height:37px;object-fit:contain;margin-bottom:4px}.recommended-tools .tool-card h3{color:var(--color-text);font-size:1rem;text-align:center;margin:0}.terms-content .recommended-tools .tool-card h3{font-size:1rem;margin:0;display:block}footer{text-align:center;padding:var(--space-sm);background-color:var(--color-bg);margin-top:var(--space-lg);box-shadow:var(--shadow-bottom);transition:background-color .3s}footer p{margin:0;font-size:var(--text-xs);color:var(--color-text-light)}footer .footer-links{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}footer .footer-links a{color:var(--color-primary);text-decoration:none;margin:0 var(--space-sm);font-size:var(--text-xs)}footer .footer-links a:hover{text-decoration:underline}.logo{width:2rem;height:1.5rem;object-fit:contain;margin-right:.625rem;border-radius:.25rem;transition:opacity .3s ease}.logo:not([src]){opacity:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-bg);text-decoration:none;border-radius:0 0 var(--border-radius-sm) 0}.skip-link:focus{left:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container>h1,.terms-content>h1{margin:0 0 var(--space-lg);font-size:var(--text-2xl);color:var(--color-text)}@media (max-width: 64rem){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 48rem){.grid{grid-template-columns:1fr}header .site-title{font-size:var(--text-2xl)}header p{font-size:var(--text-sm)}.nav-content{padding:var(--space-sm) var(--space-md)}.nav-links{gap:var(--space-md)}.nav-links a{font-size:var(--text-sm)}.cookie-consent{text-align:center}.cookie-consent .cookie-buttons{width:100%;justify-content:center}.dropdown-content{width:90%;max-width:300px}}@media (max-width: 30rem){.container{padding:var(--space-xs)}.category{padding:var(--space-sm)}.grid{gap:var(--space-sm)}}.category.visible{opacity:1;transform:translateY(0)}.policy-content,.terms-content{max-width:50rem;margin:0 auto;padding:1.25rem;line-height:1.6}.policy-content h2,.terms-content h2{margin-top:2rem;color:#333}.policy-content p,.terms-content p{margin:1rem 0}.policy-content ul,.terms-content ul{margin:1rem 0;padding-left:1.25rem}.terms-content h3{font-size:1.4rem;margin:1.5rem 0 1rem}.terms-content a{color:#007bff;text-decoration:none}.terms-content a:hover{text-decoration:underline}.letter-section{margin:var(--space-3xl) 0}.letter-section h2{font-size:var(--text-3xl);color:var(--color-text);border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-sm);margin-bottom:var(--space-xl)}.term-definition{margin:var(--space-xl) 0}.term-definition h3{color:var(--color-text);font-size:var(--text-lg);margin:0;display:inline}.term-definition p{display:inline;margin-left:var(--space-sm)}.tool-recommendation{margin:var(--space-2xl) 0;text-align:center}.cta-button{display:inline-block;padding:var(--space-md) var(--space-xl);background-color:var(--color-primary);color:var(--color-bg);text-decoration:none;border-radius:var(--border-radius-sm);transition:background-color .3s}.cta-button:hover{background-color:var(--color-primary-dark)}.example-section{margin:var(--space-2xl) 0}.example-section h2{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-md)}.example-card{background:var(--color-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all .3s ease}.example-content{display:flex;align-items:flex-start;gap:var(--space-md)}.example-content svg{color:var(--color-primary);flex-shrink:0;margin-top:4px}.example-content p{margin:0;color:var(--color-text);line-height:1.6}.definition-section{margin:var(--space-xl) 0}.definition-section h2{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-md)}.definition-card{background:var(--color-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all .3s ease}.definition-content{display:flex;align-items:flex-start;gap:var(--space-md)}.definition-content svg{color:var(--color-primary);flex-shrink:0;margin-top:4px}.definition-content p{margin:0;color:var(--color-text);line-height:1.6}html,body{margin:0;width:100%;height:100%}