/* Four closed, offset circles: the brand's interaction signature. */
:root{--ring-mark:url('/brand/web/rings-interaction.svg?v=12')}
.btn::before,.text-link::before,.faq summary::before,.article-loader::before,.form-status:not(:empty)::before,.editor-message:not(:empty)::before,#save-draft::before,.contact-form h3::before{content:'';display:inline-block;flex:0 0 auto;width:24px;height:24px;background:currentColor;-webkit-mask:var(--ring-mark) center/contain no-repeat;mask:var(--ring-mark) center/contain no-repeat;vertical-align:middle;transition:transform .24s ease,opacity .24s ease}
.btn{gap:12px}.btn::before{opacity:.9}.btn:focus-visible::before{transform:scale(1.12);opacity:1}.btn:active::before{transform:scale(.94)}
.text-link{gap:10px}.text-link::before{width:21px;height:21px;opacity:.85}.text-link:focus-visible::before{transform:scale(1.1);opacity:1}
nav a[aria-current=page]::after{width:18px;height:18px;background:var(--ms-deep);-webkit-mask:var(--ring-mark) center/contain no-repeat;mask:var(--ring-mark) center/contain no-repeat;left:calc(50% - 9px);right:auto;bottom:-10px}
.faq summary{list-style:none;position:relative;padding-left:34px}.faq summary::-webkit-details-marker{display:none}.faq summary::before{width:22px;height:22px;position:absolute;left:0;top:2px;color:var(--ms-deep);opacity:.68}.faq details[open] summary::before{transform:scale(1.12);opacity:1}.faq details[open]{background:linear-gradient(90deg,#edf3f65c,transparent)}
.article-loader{display:flex;align-items:center;gap:12px}.article-loader::before{color:var(--ms-deep);animation:ring-breathe 1.8s ease-in-out infinite}
.contact-form{position:relative}.contact-form h3::before{display:block;width:42px;height:42px;color:var(--ms-deep);opacity:.6;margin-bottom:16px}.contact-form:focus-within h3::before{opacity:1;transform:scale(1.06)}
.form-status:not(:empty),.editor-message:not(:empty){position:relative;padding-left:36px}.form-status:not(:empty)::before,.editor-message:not(:empty)::before{position:absolute;left:0;top:2px;width:24px;height:24px}.contact-form .form-status[data-state=error],.contact-form .form-status[data-state=success]{border-left:0;padding-left:36px}.contact-form[aria-busy=true] button::before,.editor-message[data-loading=true]::before{animation:ring-breathe 1.8s ease-in-out infinite}
#save-draft::before{width:19px;height:19px;margin-right:8px;color:var(--ms-deep)}#save-draft{display:inline-flex;align-items:center;justify-content:center}
.cta{position:relative;isolation:isolate;overflow:hidden}.cta::before{content:'';position:absolute;right:-90px;top:50%;width:410px;height:410px;transform:translateY(-50%);background:url('/brand/logos/rings-closed.svg?v=11') center/contain no-repeat;opacity:.32;pointer-events:none;z-index:-1}
@keyframes ring-breathe{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@media(hover:hover){.btn:hover::before,.text-link:hover::before{transform:scale(1.1);opacity:1}.faq summary:hover::before{opacity:1}}
@media(max-width:1360px){.header-cta{display:none}}
@media(max-width:1000px){nav a[aria-current=page]{padding-left:30px}nav a[aria-current=page]::after{left:0;top:50%;bottom:auto;transform:translateY(-50%)} }
@media(max-width:760px){.cta::before{width:300px;height:300px;right:-90px;opacity:.22}.contact-form h3::before{width:36px;height:36px}.btn{gap:10px}.admin-page .editor-actions{gap:8px!important}.admin-page .editor-actions .btn{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.btn::before,.text-link::before,.faq summary::before,.article-loader::before,.form-status::before,.editor-message::before,.contact-form h3::before,#save-draft::before{animation:none!important;transition:none!important;transform:none!important}}
