:root{--primary: #2A7D6E;--primary-dark: #1F5F54;--primary-light: #E8F5F1;--text-main: #2C2C2C;--text-muted: #5A5A5A;--bg-warm: #FDFAF6;--bg-sand: #F5F0E8;--white: #FFFFFF;--border: #E8E0D4;--accent: #E07B4C;--accent-light: #FFF0E8}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}body{color:var(--text-main);background-color:var(--white);line-height:1.6}header{background:var(--bg-warm);padding:40px 20px;text-align:center;border-bottom:1px solid var(--border)}header a{display:inline-block;color:var(--primary);text-decoration:none;font-weight:600;margin-bottom:20px}header a:hover{text-decoration:underline}header h1{font-family:Nunito,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;max-width:700px;margin:0 auto}.article-meta{font-size:.9rem;color:var(--text-muted);margin-top:16px}article{max-width:720px;margin:60px auto;padding:0 20px}article h2{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:700;margin-top:48px;margin-bottom:16px;letter-spacing:-.01em}.article-hero-image{width:75%;height:auto;border-radius:8px;margin:0 auto 32px;display:block}article h3{font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:600;margin-top:32px;margin-bottom:12px}article p{font-size:1.1rem;color:var(--text-muted);margin-bottom:20px;line-height:1.8}article ul,article ol{font-size:1.1rem;color:var(--text-muted);margin-bottom:20px;padding-left:24px}article li{margin-bottom:10px;line-height:1.7}article strong{color:var(--text-main)}blockquote{border-left:3px solid var(--primary);margin:28px 0;padding:16px 24px;background:var(--bg-warm);border-radius:0 6px 6px 0;font-style:italic;color:var(--text-muted)}[dir=rtl] blockquote{border-left:none;border-right:3px solid var(--primary);border-radius:6px 0 0 6px}blockquote p{margin-bottom:0}.tip-box{background:var(--accent-light);border-radius:8px;padding:20px 24px;margin:28px 0;border-left:3px solid var(--accent)}.tip-box strong{display:block;margin-bottom:8px;color:var(--text-main)}.tip-box p{margin-bottom:0;font-size:1rem}.cta-box{background:var(--bg-warm);border:1px solid var(--border);border-radius:8px;padding:32px;text-align:center;margin:48px 0}.cta-box h3{margin-top:0;margin-bottom:12px}.cta-box p{margin-bottom:20px}.cta-box .cta-link{display:inline-block;background-color:var(--primary);color:var(--white);padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;transition:background-color .2s}.cta-box .cta-link:hover{background-color:var(--primary-dark);text-decoration:none}a{color:var(--primary);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.app-review-card{border:1px solid var(--border);border-radius:8px;padding:24px;margin:32px 0;background:var(--white)}.app-review-card h3{margin-top:0;color:var(--primary-dark)}.app-review-card ul{margin-bottom:0;font-size:1rem}.app-review-card .pros-cons{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.pros-cons>div{flex:1;min-width:200px;background:var(--bg-warm);padding:16px;border-radius:6px}.pros-cons h4{font-size:.95rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main)}footer{background-color:var(--bg-sand);color:var(--text-main);text-align:center;padding:60px 20px;margin-top:80px;border-top:1px solid var(--border)}.footer-links{margin-bottom:20px}.footer-links a{color:var(--text-muted);text-decoration:none;margin:0 15px;font-size:.95rem;font-weight:500}.footer-links a:hover{color:var(--primary);text-decoration:underline}.copyright{color:var(--text-muted);font-size:.85rem;opacity:.7}.language-switcher{position:absolute;top:20px;right:20px;z-index:100}[dir=rtl] .language-switcher{right:auto;left:20px}.language-switcher select{appearance:none;-webkit-appearance:none;background-color:transparent;color:var(--primary);border:1px solid var(--border);padding:8px 32px 8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232A7D6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;font-family:inherit}[dir=rtl] .language-switcher select{padding:8px 16px 8px 32px;background-position:left 12px center}.language-switcher select:hover{background-color:var(--bg-warm);border-color:var(--primary)}.language-switcher select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.language-switcher select option{color:var(--text-main);background:var(--white)}@media(max-width:600px){header h1{font-size:1.6rem}.pros-cons{flex-direction:column}.article-hero-image{width:100%}}.site-nav{background:var(--bg-warm);border-bottom:1px solid var(--border);padding:14px 20px}.site-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-nav-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main);font-family:Nunito,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.01em}.site-nav-brand:hover{text-decoration:none}.site-nav-brand img{width:32px;height:32px;border-radius:8px}.site-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}.site-nav-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:600;transition:color .15s}.site-nav-links a:hover{color:var(--primary)}.site-nav .app-store-pill{display:none;background:var(--text-main);color:var(--white);padding:8px 16px;border-radius:20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background-color .2s}.site-nav .app-store-pill:hover{background:#000;color:var(--white)}@media(min-width:700px){.site-nav .app-store-pill{display:inline-flex}}@media(max-width:520px){.site-nav-inner{gap:12px}.site-nav-links{gap:4px 16px}.site-nav-links a{font-size:.88rem}}.footer-language-switcher{margin-bottom:20px}.footer-language-switcher .language-switcher{position:static;display:inline-flex}.footer-language-switcher .language-switcher select{background-color:#ffffffe6}
