:root{font-family:Arial,sans-serif;color:#183c32;background:#f5f7f2;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:#246548}button,.blog-enter{background:#214e3b;color:white;border:1px solid #214e3b;padding:12px 20px;border-radius:6px;cursor:pointer;font:inherit;text-decoration:none}button:hover,.blog-enter:hover{background:#35644b}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.blog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5%;background:white;border-bottom:1px solid #dae0d5}.blog-bar img{width:160px}.dashboard{max-width:1300px;margin:auto;padding:24px}.login-card{max-width:440px;margin:6vh auto;background:white;padding:32px;border:1px solid #dbe2d7;border-radius:12px}h1{font-family:Georgia,serif;font-size:38px;margin:12px 0 24px}h2{font-size:21px}.eyebrow{font-size:12px;letter-spacing:2px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace{display:grid;grid-template-columns:260px 1fr;gap:28px}aside,#editor-form{padding:24px;background:white;border:1px solid #dbe2d7;border-radius:10px}label{display:block;font-weight:600;margin:18px 0 8px}input,textarea{display:block;width:100%;padding:12px;border:1px solid #a8b5aa;border-radius:5px;background:#fff;font:inherit;color:#183c32;margin-top:7px}small{display:block;font-size:12px;font-weight:400;margin-top:8px;line-height:1.5}.toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#edf1e9;border:1px solid #a8b5aa}.toolbar button{padding:7px 10px;background:white;color:#183c32;font-size:13px;border-color:#a8b5aa}#body{min-height:340px;padding:20px;border:1px solid #a8b5aa;line-height:1.8;overflow-wrap:anywhere}#body img,.article img{max-width:100%;height:auto}fieldset{margin:25px 0;padding:15px;border:1px solid #dbe2d7}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.secondary{background:white;color:#214e3b}.secondary:hover{background:#edf1e9}.cover-preview{max-width:100%;max-height:220px;margin:15px 0}.post-item{display:block;width:100%;text-align:left;background:#f5f7f2;color:#183c32;margin-bottom:10px;border-color:#dbe2d7;overflow-wrap:anywhere}.post-item small{color:#476651}#message:not(:empty){padding:15px;background:#fff1cd;border-radius:6px}.article{max-width:800px;margin:50px auto;padding:0 24px;line-height:1.8}.article h1{font-size:clamp(32px,6vw,52px);line-height:1.15}.article-body{margin:40px 0;overflow-wrap:anywhere}.article-body h2{font:30px Georgia,serif}.article-body blockquote{border-left:3px solid #72996a;padding-left:20px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.blog-card{display:block;text-decoration:none;background:white;border:1px solid #dbe2d7;border-radius:10px;overflow:hidden;color:#183c32}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card div{padding:24px}.blog-card h3{font-size:24px}.blog-card p{line-height:1.6}.blog-enter{display:inline-block;margin-top:20px}.tags{color:#526c59}@media(max-width:800px){.workspace{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.dashboard{padding:16px}#editor-form{padding:16px}.blog-bar span{display:none}.login-card{padding:24px}.panel-title h1{font-size:30px}}

.tracking-settings{background:white;border:1px solid #dbe2d7;border-radius:10px;padding:20px;margin-bottom:24px}.tracking-settings summary{cursor:pointer;font-weight:600}.tracking-settings select{display:block;width:100%;padding:12px;margin-top:8px;font:inherit;border:1px solid #a8b5aa;border-radius:5px;background:white}.tracking-toggle{display:flex;align-items:center;gap:10px}.tracking-toggle input{width:auto;margin:0}

/* Shared compact download banner; preserve the horizontal layout on mobile. */
.article-app-download{display:flex;align-items:center;gap:20px;width:100%;max-width:640px;margin:32px auto 0;padding:16px;background:#fff;border:1px solid #e1e6dd;border-radius:12px;box-shadow:0 4px 12px rgba(24,60,50,.12)}
.article-app-download .article-app-logo{flex:0 0 104px;width:104px;height:104px;border-radius:14px;background:#f5f7f2}
.article-app-copy{flex:1;min-width:0;text-align:center}
.article-app-copy h2{margin:0 0 4px;font:600 18px/1.3 Arial,sans-serif;color:#183c32}
.article-app-copy p{margin:0 0 10px;font-size:14px;line-height:1.4;color:#476651}
.article-app-stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.article-app-stores a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:6px;background:#dfb902;border:1px solid #dfb902;border-radius:4px;color:#183c32;text-decoration:none;line-height:1.3;transition:background .15s}
.article-app-stores a:hover{background:#f0cd24}
.article-app-stores a:focus-visible{outline:3px solid #015a3c;outline-offset:4px}
.article-app-stores span{font-size:9px;font-weight:700;letter-spacing:.2px}
.article-app-stores strong{font-size:16px}
@media(max-width:600px){.article-app-download{gap:12px;margin-top:24px;padding:12px;border-radius:10px}.article-app-download .article-app-logo{flex-basis:26%;width:26%;height:auto;aspect-ratio:1;border-radius:10px}.article-app-copy h2{font-size:14px}.article-app-copy p{margin-bottom:8px;font-size:12px}.article-app-stores{gap:6px}.article-app-stores a{padding:5px 3px}.article-app-stores span{font-size:7px;letter-spacing:0}.article-app-stores strong{font-size:13px}}
@media(max-width:360px){.article-app-download{gap:8px;padding:10px}.article-app-copy h2{font-size:13px}.article-app-copy p{font-size:11px}.article-app-stores strong{font-size:12px}}

/* Explicit link colors prevent the blog's global anchor rule from darkening navigation. */
.editorial-site .editorial-top-nav a{color:#ffffffd1;text-decoration:none}
.editorial-site .editorial-top-nav a:hover,.editorial-site .editorial-top-nav a:focus-visible{color:#b2d568}
.editorial-site .editorial-header a:focus-visible{outline:2px solid #b2d568;outline-offset:4px}
.article-breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:24px;font-size:13px}
.article-page .article{padding-bottom:40px}
.article-page .article-app-copy h2{font-weight:600!important;letter-spacing:normal}

.blog-views{display:inline-flex;align-items:center;gap:8px;color:#737b76;font:400 16px/1.4 Arial,sans-serif;white-space:nowrap;vertical-align:middle}
.blog-views img{display:block;flex:none;width:24px;height:24px;max-width:none;aspect-ratio:auto;object-fit:contain;border-radius:0;margin:0}
.article > .blog-views{display:flex;width:fit-content;margin:18px 0 28px}
.blog-card .blog-views{margin-top:16px;font-size:14px}