/* Rotec AI shared site bar, menus and search. Used on every page, including the app. */
.rs-bar{--rs-bg:var(--bg,#f0ede6);--rs-ink:var(--ink,var(--text,#14181c));--rs-mut:var(--mut,var(--text-dim,#5c635f));--rs-line:var(--line,#ded6c8);--rs-cu:var(--cu,var(--copper,#a85f2e));--rs-card:var(--card,var(--panel,#fbf9f5));--rs-hover:color-mix(in srgb,var(--rs-ink) 7%,transparent);
position:sticky;top:0;z-index:400;background:var(--rs-bg);border-bottom:1px solid var(--rs-line);font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;flex-shrink:0;color:var(--rs-ink);line-height:1.3}
.rs-bar *{box-sizing:border-box}
.rs-in{max-width:1180px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:14px}
.rs-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--rs-ink);font-weight:800;font-size:19px;letter-spacing:-.02em;flex-shrink:0}
.rs-brand img{height:46px;width:auto;display:block}.rs-brand .lg-d{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .rs-brand .lg-l{display:none}:root:not([data-theme="light"]) .rs-brand .lg-d{display:block}}
:root[data-theme="dark"] .rs-brand .lg-l{display:none}:root[data-theme="dark"] .rs-brand .lg-d{display:block}
.rs-nav{display:flex;align-items:center;gap:2px;margin-left:10px}
.rs-nav>a,.rs-dd-b{font:inherit;font-size:14.5px;font-weight:700;color:var(--rs-mut);text-decoration:none;background:none;border:0;padding:9px 12px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.rs-nav>a:hover,.rs-dd-b:hover,.rs-dd.open>.rs-dd-b,.rs-nav .on{color:var(--rs-ink);background:var(--rs-hover)}
.rs-dd{position:relative}
.rs-dd-b svg{width:11px;height:11px;transition:transform .15s}.rs-dd.open>.rs-dd-b svg{transform:rotate(180deg)}
.rs-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--rs-card);border:1px solid var(--rs-line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.22);padding:10px;z-index:410}
.rs-dd.open>.rs-panel{display:grid}
.rs-tools{grid-template-columns:repeat(3,minmax(0,1fr));width:min(760px,92vw);gap:4px}
.rs-learn{grid-template-columns:repeat(2,minmax(0,1fr));width:min(520px,92vw);gap:4px}
.rs-panel a{display:block;text-decoration:none;color:var(--rs-ink);padding:10px 12px;border-radius:11px}
.rs-panel a:hover{background:var(--rs-hover)}
.rs-panel b{display:block;font-size:14px;font-weight:800}
.rs-panel small{display:block;color:var(--rs-mut);font-size:12.5px;font-weight:500;margin-top:2px;line-height:1.35}
.rs-panel .rs-ph{grid-column:1/-1;font:600 11px "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--rs-cu);padding:6px 12px 2px}
.rs-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.rs-search{display:flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:700;color:var(--rs-mut);background:var(--rs-card);border:1px solid var(--rs-line);border-radius:999px;padding:8px 14px;cursor:pointer;min-width:170px}
.rs-search:hover{border-color:var(--rs-cu);color:var(--rs-ink)}
.rs-search svg{width:16px;height:16px;flex:none}
.rs-search kbd{margin-left:auto;font:600 11px "IBM Plex Mono",ui-monospace,monospace;border:1px solid var(--rs-line);border-radius:6px;padding:1px 6px;color:var(--rs-mut)}
.rs-cta{background:var(--rs-cu);color:#fff!important;text-decoration:none;font-weight:800;font-size:14px;padding:9px 16px;border-radius:999px;white-space:nowrap}
.rs-cta:hover{filter:brightness(1.08)}
.rs-util{display:flex;align-items:center;gap:8px;position:relative}
.rs-burger{display:none;font:inherit;background:var(--rs-card);border:1px solid var(--rs-line);border-radius:10px;width:40px;height:38px;cursor:pointer;color:var(--rs-ink);align-items:center;justify-content:center}
.rs-burger svg{width:20px;height:20px}
.rs-mob{display:none;border-top:1px solid var(--rs-line);padding:8px 16px 14px;max-height:calc(100vh - 62px);overflow:auto;background:var(--rs-bg)}
.rs-mob.open{display:block}
.rs-mob h4{font:600 11px "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--rs-cu);margin:14px 4px 4px}
.rs-mob a{display:block;padding:10px 6px;text-decoration:none;color:var(--rs-ink);font-weight:700;font-size:15px;border-bottom:1px solid var(--rs-line)}
.rs-mob a small{display:block;color:var(--rs-mut);font-weight:500;font-size:12.5px}
@media (max-width:1020px){.rs-nav{display:none}.rs-burger{display:inline-flex}.rs-search{min-width:0}.rs-search span,.rs-search kbd{display:none}.rs-search{padding:9px 11px}}
@media (max-width:560px){.rs-brand img{height:38px}.rs-in{padding:0 12px;gap:8px}.rs-brand span{display:none}.rs-cta{padding:9px 12px;font-size:13px}}
/* app: the utility cluster (theme, free uses, licence) lives in the bar */
.rs-app .rs-cta{display:none}
@media (max-width:760px){.rs-app #freeUsesBadge{display:none!important}.rs-app #themeToggle{padding:6px 9px!important}}

/* search overlay */
.rs-ov{position:fixed;inset:0;z-index:1000;background:rgba(10,12,14,.55);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding:9vh 14px 14px}
.rs-ov.open{display:flex}
.rs-box{width:min(680px,100%);max-height:82vh;display:flex;flex-direction:column;background:var(--rs-card,#fbf9f5);color:var(--rs-ink,#14181c);border:1px solid var(--rs-line,#ded6c8);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden;font-family:Manrope,system-ui,sans-serif;
--rs-ink:var(--ink,var(--text,#14181c));--rs-mut:var(--mut,var(--text-dim,#5c635f));--rs-line:var(--line,#ded6c8);--rs-cu:var(--cu,var(--copper,#a85f2e));--rs-card:var(--card,var(--panel,#fbf9f5));--rs-hover:color-mix(in srgb,var(--rs-ink) 7%,transparent)}
.rs-qrow{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--rs-line)}
.rs-qrow svg{width:20px;height:20px;color:var(--rs-mut);flex:none}
.rs-q{flex:1;font:inherit;font-size:17px;font-weight:600;background:none;border:0;outline:0;color:var(--rs-ink);min-width:0}
.rs-esc{font:600 11px "IBM Plex Mono",ui-monospace,monospace;border:1px solid var(--rs-line);border-radius:6px;padding:2px 7px;color:var(--rs-mut);background:none;cursor:pointer}
.rs-res{overflow:auto;padding:6px 8px 10px}
.rs-g{font:600 11px "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--rs-cu);padding:12px 10px 4px}
.rs-r{display:block;text-decoration:none;color:var(--rs-ink);padding:9px 10px;border-radius:11px}
.rs-r.sel,.rs-r:hover{background:var(--rs-hover)}
.rs-r b{display:block;font-size:14.5px;font-weight:800}
.rs-r small{display:block;color:var(--rs-mut);font-size:12.5px;font-weight:500;margin-top:1px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rs-none{padding:22px 14px;color:var(--rs-mut);font-size:14.5px;line-height:1.5}
.rs-none a{color:var(--rs-cu);font-weight:800}
.rs-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 10px 10px}
.rs-chips a{font-size:13px;font-weight:700;text-decoration:none;color:var(--rs-ink);border:1px solid var(--rs-line);border-radius:999px;padding:6px 12px}
.rs-chips a:hover{border-color:var(--rs-cu);color:var(--rs-cu)}
.rs-foot{border-top:1px solid var(--rs-line);padding:8px 14px;font-size:12px;color:var(--rs-mut);display:flex;gap:14px;flex-wrap:wrap}
@media (prefers-color-scheme:dark){.rs-box{box-shadow:0 30px 80px rgba(0,0,0,.7)}}

/* small screens: keep the app utility cluster on one line */
.rs-util #themeToggle,.rs-util .license-badge,.rs-util #freeUsesBadge{white-space:nowrap}
@media (max-width:560px){.rs-app .rs-util{gap:6px}.rs-app #themeToggle{font-size:10px!important;padding:6px 8px!important}.rs-app .license-badge{font-size:10px!important;padding:6px 8px!important}.rs-app .rs-search{padding:9px}}
/* small phones: keep the app header inside the screen */
@media (max-width:480px){.rs-app #themeToggle{font-size:0!important;padding:6px 10px!important;min-width:0;line-height:1}.rs-app #themeToggle::before{content:"\25D0";font-size:15px;line-height:1}.rs-app .license-badge{max-width:128px;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:360px){.rs-app .rs-right{gap:6px}.rs-app .rs-search{padding:8px}.rs-app .license-badge{max-width:104px}}
@media (max-width:400px){.rs-app .rs-in{gap:8px;padding:0 10px}.rs-app .rs-brand,.rs-app .rs-brand img,.rs-app .rs-brand svg{max-width:96px}.rs-app .license-badge.unlicensed{font-size:0!important;max-width:none}.rs-app .license-badge.unlicensed::after{content:"\1F512  Licence";font-size:10px}}
@media (max-width:340px){.rs-app .license-badge:not(.unlicensed){max-width:76px}}

.rs-panel a.rs-hl{background:linear-gradient(135deg,rgba(168,95,46,.16),rgba(168,95,46,.05));border:1px solid var(--rs-cu);box-shadow:0 0 0 3px rgba(168,95,46,.10)}
.rs-panel a.rs-hl:hover{background:rgba(168,95,46,.22)}
.rs-panel a.rs-hl b{color:var(--rs-cu)}
.rs-new{font:700 9.5px "IBM Plex Mono",ui-monospace,monospace;font-style:normal;letter-spacing:.1em;text-transform:uppercase;background:var(--rs-cu);color:#fff;border-radius:999px;padding:2px 7px;margin-left:7px;vertical-align:2px}
.rs-mob a.rs-hl{background:rgba(168,95,46,.12);border:1px solid var(--rs-cu);border-radius:10px;color:var(--rs-cu);margin:4px 0}