.interview-shell{--shell-bg:#f8f7f2;--shell-fg:#1d211b;--shell-soft:#62675d;--shell-border:#d9ddd3;--shell-accent:#27674c;background:var(--shell-bg);color:var(--shell-fg);flex-direction:column;height:100vh;display:flex;overflow:hidden;border:0!important;padding:0!important}.interview-shell.dark{--shell-bg:#172019;--shell-fg:#f0f1e9;--shell-soft:#b1b9ae;--shell-border:#3d4a40;--shell-accent:#a4dab2}.interview-nav{border-bottom:1px solid var(--shell-border);background:var(--shell-bg);flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 4vw;display:flex}.nav-brand-group{align-items:center;gap:10px;display:flex}.interview-nav .hub-brand{color:var(--shell-fg);align-items:center;gap:8px;font:600 11px DM Mono,monospace;text-decoration:none;display:inline-flex}.shell-badge{color:var(--shell-accent);background:color-mix(in srgb, var(--shell-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--shell-accent) 30%, transparent);white-space:nowrap;border-radius:4px;padding:2px 6px;font:600 9px DM Mono,monospace}.interview-nav-links{gap:20px;display:flex}.interview-nav-links a{color:var(--shell-soft);text-transform:uppercase;font:500 10px DM Mono,monospace;text-decoration:none}.interview-nav-links a:hover{color:var(--shell-fg)}.shell-language{border:1px solid var(--shell-border);border-radius:6px;padding:2px;display:flex}.shell-language button{color:var(--shell-soft);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 7px;font:500 10px DM Mono,monospace}.shell-language button.active{background:var(--shell-accent);color:#fff}.interview-shell.dark .shell-language button.active{color:#16311e;-webkit-text-fill-color:#16311e;background:#c8eacb}.interview-nav .nav-actions{align-items:center;gap:8px;display:flex}.interview-shell .theme-toggle{border:1px solid var(--shell-border);color:var(--shell-fg);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font:500 10px DM Mono,monospace;display:inline-flex}.embedded-guide{border:0;flex:1;width:100%;height:100%;min-height:0;margin:0;padding:0}.embedded-guide iframe{background:#faf9f4;border:0;width:100%;height:100%;display:block}.interview-shell.dark .embedded-guide iframe{background:#142019}@media (max-width:700px){.interview-nav{padding:0 16px}.interview-nav-links{display:none}}@media (max-width:440px){.interview-nav .shell-badge{display:none}.interview-nav .hub-brand{font-size:10px}.interview-nav .nav-actions{gap:4px}}
.logo-mark svg{width:14px;height:14px;display:block}