/* ARKDOX "NEW" ANNOUNCEMENTS: uses the site's own colour tokens, so it follows Classic, Forest and Clear in light and dark. */
.arn{position:fixed;right:20px;bottom:20px;z-index:72;width:min(372px,calc(100vw - 24px));box-sizing:border-box;
  background:var(--sheet,var(--paper,#fff));color:var(--ink,#1a2130);border:1px solid var(--rule,#d3d8df);border-radius:var(--sk-radius,16px);
  padding:1.15rem 1.15rem 1rem;box-shadow:0 24px 60px -14px rgba(8,14,22,.38),0 2px 8px rgba(8,14,22,.10);overflow:hidden;
  font-family:inherit;font-size:.95rem;line-height:1.45;text-align:left;
  opacity:0;transform:translateY(26px) scale(.97);transition:opacity .38s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.arn.in{opacity:1;transform:none}
.arn-bar{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--accent,#a98331),var(--glow,#e3b95c),var(--accent,#a98331));background-size:200% 100%;animation:arn-sweep 3.2s linear infinite}
.arn::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 60% at 100% 0,color-mix(in srgb,var(--accent,#a98331) 14%,transparent),transparent 60%)}
@keyframes arn-sweep{to{background-position:-200% 0}}
.arn>*{position:relative;z-index:1}
.arn-x{position:absolute!important;top:.55rem;right:.55rem;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--ink-soft,#586072);font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center;touch-action:manipulation;z-index:2}
.arn-x:hover{background:color-mix(in srgb,var(--ink,#111) 8%,transparent);color:var(--ink,#111)}
.arn-tag{display:inline-flex;align-items:center;gap:.4rem;margin:.1rem 2.2rem .55rem 0;padding:.22rem .6rem .22rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--accent,#a98331) 14%,transparent);color:var(--accent,#a98331);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.arn-tag svg{width:14px;height:14px;fill:currentColor;animation:arn-twinkle 2.4s ease-in-out infinite}
.arn-tag b{font-weight:800}.arn-tag i{font-style:normal;font-weight:600;opacity:.85}.arn-tag i::before{content:"\00b7";margin-right:.4rem}
@keyframes arn-twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(12deg)}}
.arn-t{margin:0 0 .35rem;font-size:1.25rem;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--ink,#1a2130)}
.arn-s{margin:0 0 .75rem;color:var(--ink-soft,#586072);font-size:.9rem}
.arn-c{list-style:none;margin:0 0 .95rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.arn-c li{padding:.2rem .6rem;border:1px solid var(--rule,#d3d8df);border-radius:999px;font-size:.76rem;font-weight:600;color:var(--ink,#1a2130);background:var(--paper,transparent)}
.arn-a{display:flex;align-items:center;gap:.5rem .9rem;flex-wrap:wrap}
.arn-go{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 1.1rem;border-radius:999px;background:var(--accent,#a98331);color:var(--on-accent,#17120a);font-weight:700;font-size:.92rem;text-decoration:none;box-shadow:0 8px 18px -10px var(--accent,#a98331);transition:transform .15s,filter .15s;touch-action:manipulation}
.arn-go:hover{filter:brightness(.94);transform:translateY(-1px)}
.arn-go span{transition:transform .2s}.arn-go:hover span{transform:translateX(3px)}
.arn-later{appearance:none;border:0;background:transparent;color:var(--ink-soft,#586072);font:inherit;font-size:.85rem;cursor:pointer;min-height:44px;padding:0 .4rem;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation}
.arn-later:hover{color:var(--ink,#111)}
.arn :focus-visible{outline:2px solid var(--cobalt,var(--accent,#2f4fb8));outline-offset:2px}
@media (max-width:760px){.arn{left:12px;right:12px;width:auto;bottom:calc(5.4rem + env(safe-area-inset-bottom,0px));padding:1rem 1rem .85rem}.arn-t{font-size:1.15rem}.arn-s{font-size:.88rem}}
@media (max-width:760px){.arn{max-height:calc(100dvh - 8.5rem);overflow-y:auto}}
@media (max-width:420px){.arn-c{display:none}}
@media (max-width:360px){.arn-go{flex:1 1 100%;justify-content:center}.arn-later{flex:1 1 100%}}
@media (max-height:520px){.arn-s{display:none}}

/* always-available launcher */
.arn-fab{position:fixed;left:max(14px,env(safe-area-inset-left,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:71;display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 .95rem 0 .75rem;border-radius:999px;border:1px solid var(--rule,#d3d8df);background:var(--sheet,var(--paper,#fff));color:var(--ink,#1a2130);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 10px 24px -12px rgba(8,14,22,.45);touch-action:manipulation;transition:transform .15s,padding .2s}
.arn-fab:hover{transform:translateY(-1px)}
.arn-fab svg{width:16px;height:16px;fill:var(--accent,#a98331);flex:none}
.arn-fab .arn-dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--accent,#a98331);display:none;animation:arn-pulse 2.2s ease-in-out infinite}
.arn-fab.dot .arn-dot{display:block}
.arn-fab.min{padding:0;width:44px;justify-content:center}.arn-fab.min .arn-fl{display:none}
.arn-fab:focus-visible{outline:2px solid var(--cobalt,var(--accent,#2f4fb8));outline-offset:2px}
.arn-min{appearance:none;border:0;background:transparent;color:var(--ink-soft,#586072);font:inherit;font-size:.76rem;cursor:pointer;min-height:40px;padding:0;margin-top:.15rem;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation;display:block}
@media (max-width:760px){.arn-fab{bottom:calc(5.4rem + env(safe-area-inset-bottom,0px));left:12px}}
@media print{.arn-fab{display:none!important}}
/* gold NEW tag next to links */
.arn-pill{display:inline-flex;align-items:center;margin-left:.45rem;padding:.08rem .42rem;border-radius:999px;background:var(--accent,#a98331);color:var(--on-accent,#17120a);font-size:.6rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;font-weight:800;vertical-align:middle;white-space:nowrap;animation:arn-pulse 2.2s ease-in-out infinite;font-style:normal}
.mnav a .arn-pill{margin-left:.5rem}
@keyframes arn-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent,#a98331) 55%,transparent)}60%{box-shadow:0 0 0 6px transparent}}
.solar-access .arn-pill,.mt-card .arn-pill{position:absolute;top:.6rem;right:.7rem;margin:0}
.solar-access,.mt-card{position:relative}
@media (prefers-reduced-motion:reduce){.arn,.arn-bar,.arn-tag svg,.arn-pill{animation:none!important;transition:none!important}}
@media print{.arn,.arn-pill{display:none!important}}
@media (max-width:760px){.arn-fab[aria-expanded="true"]{visibility:hidden}}
