/* One set of controls for the public website and customer portal. */
:root{--control-bg:#193947;--control-line:#446b78;--control-text:#d7eeeb;--control-mint:#8ee6c8;--control-selected:#275f57}
:root body :is(.button,.text-link),:root body.portal-shell button,:root body header nav>.nav-download{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 17px;border:1px solid var(--control-line);border-radius:8px;background:var(--control-bg);color:var(--control-text);font:400 13px/1.4 "Segoe UI",sans-serif;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
:root body .button.primary,:root body.portal-shell button.primary{background:var(--control-mint);border-color:var(--control-mint);color:#10332f;font-weight:600}
:root body :is(.button,.text-link):hover,:root body.portal-shell button:hover,:root body header nav>.nav-download:hover{background:#254d58;border-color:#75b7b1;color:#d7eeeb;transform:none}
:root body .button.primary:hover,:root body.portal-shell button.primary:hover{background:#adf4dc;border-color:#adf4dc;color:#10332f}
:root body :is(.button,.text-link)>span{color:inherit}.text-link{border-bottom:1px solid var(--control-line)}
:root .portal-navigation>a,:root header nav>a:not(.nav-download){box-sizing:border-box;display:inline-flex;align-items:center;min-height:43px;padding:10px 16px;border:1px solid #355866;border-radius:999px;background:linear-gradient(145deg,#193947,#102a39);box-shadow:inset 0 1px 0 #d0ffef08,0 3px 10px #00000012;font:500 13px/1.4 "Segoe UI",sans-serif;letter-spacing:0;color:#c4dcdf;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
:root .portal-navigation>a:hover,:root header nav>a:not(.nav-download):hover{background:#214650;border-color:#80cbb7;color:#e9fff7;box-shadow:inset 0 1px 0 #d0ffef0c,0 0 0 2px #8ee6c80c}
:root .portal-navigation>a.selected{background:var(--control-selected);border-color:#86d9bd;color:#d9fff2}
:root body main p a:not(.button){color:#93eaca;text-decoration:underline;text-underline-offset:3px}:root body main p a:not(.button):hover{color:#c3f7e6}
:root body :is(a,button,summary):focus-visible{outline:2px solid #8ee6c8;outline-offset:4px}
:root body :is(.hero-studio-preview,.screenshot-button)>span{min-height:36px;padding:8px 12px;border:1px solid var(--control-line);border-radius:8px;background:#193947ed;color:var(--control-text);font:400 11px/1.4 "Segoe UI",sans-serif}
.site-language select{font-family:"Segoe UI",sans-serif;border-color:#3c6070;border-radius:7px;background:#091e2a;color:#e0f5ed;min-height:40px}.site-language select:focus-visible{outline:2px solid #80ddbe;outline-offset:2px}
@media(max-width:700px){:root .portal-navigation>a,:root header nav>a:not(.nav-download){padding:9px 12px;font-size:12px;min-height:44px}.site-language select{font-size:16px;min-height:44px}}
@media(prefers-reduced-motion:reduce){:root body :is(.button,.text-link,button),:root .portal-navigation>a,:root header nav>a{transition:none}}
/* Content links: clear mint accent and a quieter underline. */
:root body main :is(p,li,.cart-order-items)>a:not(.button){color:#a3ebd4;text-decoration-line:underline;text-decoration-color:#71b7ab80;text-decoration-thickness:1px;text-underline-offset:4px;border-radius:3px;transition:color .15s,text-decoration-color .15s}
:root body main :is(p,li,.cart-order-items)>a:not(.button):hover{color:#dcfff0;text-decoration-color:#b1f7dc}
:root body main a.text-link{background:linear-gradient(130deg,#183f45,#152f42);border-color:#49716f;color:#b4eedb;border-radius:10px;box-shadow:inset 0 1px 0 #e2fff20a;font-weight:500}
:root body main a.text-link:hover{background:linear-gradient(130deg,#245651,#1b3b51);border-color:#85c6b2;color:#eafff4}
:root body footer>a:not(.brand){color:#a8dece;text-decoration:underline;text-decoration-color:#63978f80;text-underline-offset:5px;font-size:13px}
:root body footer>a:not(.brand):hover{color:#e0fff0;text-decoration-color:#a8dece}