/* Additions on top of site.css (which is generated from the design). */
.nl[aria-current="page"]{color:#38BDF8}
a.chip{text-decoration:none}

/* Long-form content (blog posts, user guides) */
.prose{display:flex;flex-direction:column;gap:18px;font-size:17px;line-height:1.75;color:#3F5A60}
.prose>*{margin:0}
.prose h2,.prose h3{margin:18px 0 0;font-family:'Manrope','IBM Plex Sans',sans-serif;font-size:23px;line-height:1.3;color:#08262E}
.prose ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.prose li{position:relative;padding-left:20px;line-height:1.7}
.prose li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:#38BDF8}
.prose a{color:#14808A;font-weight:600}

/* Forms */
.alert{padding:14px 18px;border-radius:14px;font-size:15.500px;line-height:1.55}
.alert-ok{background:#E3F4EC;border:1px solid #9CD3B7;color:#14532D}
.alert-err{background:#FDECEC;border:1px solid #F1B1B1;color:#7F1D1D}
.ferr{font-size:14px;font-weight:500;color:#B42318}
.inp[aria-invalid="true"]{border-color:#D92D20}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* Pagination */
.pager{display:flex;justify-content:center;margin-top:40px;gap:10px;flex-wrap:wrap}
.pager .chip[aria-disabled="true"]{opacity:.45;pointer-events:none}

/* Rich text inside page sections (edited in the admin) */
.rt{display:flex;flex-direction:column;gap:14px;font-size:17px;line-height:1.7;color:#3F5A60}
.rt>*{margin:0}
.rt h2,.rt h3,.rt h4{font-family:'Manrope','IBM Plex Sans',sans-serif;color:#08262E;line-height:1.3;margin:8px 0 0}
.rt h4{font-size:18px}
.rt a{color:#14808A;font-weight:600}
.rt ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.rt li{position:relative;padding-left:30px}
.rt li::before{content:'';position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:#38BDF8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2308262E' stroke-width='2.400' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.500 10.500l3 3 6-7'/%3E%3C/svg%3E") center/18px no-repeat}
.rt ol{padding-left:22px}
.rt img{max-width:100%;height:auto;border-radius:12px}
.on-dark .rt,#top2 .rt,#overview .rt{color:#C9DDDF}
.on-dark .rt h2,.on-dark .rt h3,.on-dark .rt h4{color:#fff}
.on-dark .rt a,#top2 .rt a{color:#38BDF8}
.on-dark .tile h3 a{color:inherit}
.fw1{display:flex;flex-direction:column}
.tile h3 a{color:inherit}
.tile h3 a:hover{color:#14808A}

/* Blog posts, guides and device specs imported from the old site */
.prose img{max-width:100%;height:auto;border-radius:14px;border:1px solid #CFDCDD;background:#fff}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th,.prose td{border:1px solid #CFDCDD;padding:8px 10px;text-align:left;vertical-align:top}
.prose ol{padding-left:22px;display:flex;flex-direction:column;gap:8px}
.prose blockquote{margin:0;padding:12px 18px;border-left:4px solid #38BDF8;background:#fff;border-radius:0 12px 12px 0}
.prose h4{margin:12px 0 0;font-family:'Manrope','IBM Plex Sans',sans-serif;font-size:19px;color:#08262E}