.portal-tools{display:flex;align-items:center;gap:10px}.portal-theme-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.portal-theme-label select{min-height:35px;border:1px solid var(--border);border-radius:7px;padding:5px 8px;color:var(--ink);background:var(--white);font-size:13px}.top-meta{flex-wrap:wrap}.portal-tour-target{outline:3px solid #00a6da!important;outline-offset:4px}
#portal-tour{position:fixed;inset:auto;margin:0;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 24px);overflow:auto;padding:26px;border:1px solid var(--border);border-top:4px solid #00a6da;border-radius:16px;background:var(--white);color:var(--ink);box-shadow:0 22px 70px #081a3b44;z-index:1000}
#portal-tour::backdrop{background:#0a144a88}#portal-tour h2{font-size:21px;line-height:1.3;margin:10px 0 14px}#portal-tour-description{font-size:14px;line-height:1.65;color:var(--muted)}.tour-eyebrow{font-size:11px;letter-spacing:.06em;font-weight:650;color:var(--muted)}.tour-progress{display:flex;gap:4px;margin:22px 0}.tour-progress i{height:3px;flex:1;background:var(--border);border-radius:4px}.tour-progress i.done{background:#009dd4}.tour-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tour-actions .btn{font-size:12px;padding:7px 10px;min-height:37px}.tour-actions .ghost{margin-right:auto;padding-left:0}.catalog-mode .portal-tools{display:none}
@media(max-width:850px){.topbar{flex-wrap:wrap;gap:12px}.top-meta{justify-content:flex-end}.portal-tools{flex-wrap:wrap}}@media(max-width:540px){.topbar{padding:14px}.top-meta{justify-content:flex-start}.portal-tools{width:100%;justify-content:space-between}.tour-actions{gap:5px}#portal-tour{padding:22px}}
@media(prefers-reduced-motion:reduce){.portal-tour-target{scroll-behavior:auto}}@media print{.portal-tools,#portal-tour{display:none!important}}

#portal-tour::backdrop{backdrop-filter:none}