/* ===========================================================
   Emely Escobar-Binet. Console site (console.emelyescobar.com)
   Cisco-IOS terminal skin · JetBrains Mono
   =========================================================== */
:root{
  --bg:#070b12; --term:#0d1117; --bar:#161b22; --border:#222b38;
  --fg:#c9d4e3; --dim:#5b6878; --green:#3fb950; --cyan:#58a6ff;
  --amber:#d8a128; --name:#e6edf3; --link:#58a6ff;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px;-webkit-text-size-adjust:100%}
body{
  margin:0;color:var(--fg);font-family:var(--mono);font-size:15px;line-height:1.7;
  background:
    radial-gradient(1100px 700px at 50% -12%, rgba(40,110,255,.10), transparent),
    radial-gradient(900px 600px at 50% 120%, rgba(18,38,86,.5), transparent),
    var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}

.term{
  max-width:880px;margin:28px auto;min-height:calc(100vh - 56px);
  background:var(--term);border:1px solid var(--border);border-radius:12px;
  box-shadow:0 40px 100px -40px rgba(0,0,0,.85);overflow:hidden;
  display:flex;flex-direction:column;
}

/* ---- title bar / nav ---- */
.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;
  background:var(--bar);border-bottom:1px solid var(--border);padding:10px 14px}
.dots{display:flex;gap:8px;flex:0 0 auto}
.dots i{width:12px;height:12px;border-radius:50%;display:block}
.dots i:nth-child(1){background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}
.title{font-family:Inter,system-ui,sans-serif;font-size:12.5px;color:var(--dim);flex:0 0 auto}
.cmds{margin-left:auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.cmds::-webkit-scrollbar{display:none}
.cmds a{font-size:12.5px;color:var(--dim);padding:5px 9px;border-radius:7px;white-space:nowrap;
  transition:color .15s,background .15s}
.cmds a:hover,.cmds a.active{color:var(--cyan);background:rgba(88,166,255,.1)}
.cmds a.gui{color:#7c8aa0}
.cmds a.gui:hover{color:#28c840;background:rgba(40,200,64,.1)}

/* ---- screen ---- */
.screen{padding:24px clamp(16px,3.5vw,30px) 30px;flex:1}

.pr{color:var(--green);font-weight:500}
.pmt{color:var(--dim);margin:0 .5ch 0 .25ch}
.cmd{color:var(--cyan)}
.name{color:var(--name);font-weight:700;letter-spacing:.4px}
.dim{color:var(--dim)}.green{color:var(--green)}.amber{color:var(--amber)}
.out{margin-top:2px}
pre{margin:0;font:inherit;white-space:pre;color:var(--fg)}

/* hero chips */
.hint{margin:14px 0 8px}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:0}
.chip{font-size:13.5px;color:var(--cyan);border:1px solid #243044;border-radius:8px;
  padding:5px 11px;background:#0f1622;transition:border-color .15s,background .15s,color .15s}
.chip::before{content:"> ";color:var(--dim)}
.chip:hover{border-color:var(--cyan);background:#10203a}

.cursor{display:inline-block;width:.6em;height:1.05em;background:var(--green);
  transform:translateY(3px);animation:blink 1.05s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* prose (about): readable mono */
.prose{max-width:74ch}
.prose p{margin:0 0 14px;color:#b9c5d6}
.prose b{color:var(--name);font-weight:700}

/* config blocks (experience, education, skills) */
.cfg{line-height:1.75}
.cfg .kw{color:var(--cyan)}
.cfg .key{color:#8aa0b8}
.cfg .val{color:var(--name);font-weight:500}
.cfg .b{color:var(--green)}
.cfg+.cfg{margin-top:18px}

/* contact links */
.lnk{color:var(--link);border-bottom:1px solid rgba(88,166,255,.35)}
.lnk:hover{border-bottom-color:var(--link)}

/* placeholders */
.ph{color:var(--amber);background:rgba(216,161,40,.12);
  border-bottom:1px dashed rgba(216,161,40,.55);border-radius:3px;padding:0 .2em}
a.ph{border-bottom-style:dashed}


/* ---- REPL log + input ---- */
.log{display:flex;flex-direction:column;gap:0}
.logline{margin:0 0 2px}
.logout{margin:2px 0 22px;overflow-x:auto;scrollbar-width:thin}
.logout::-webkit-scrollbar{height:6px}
.logout::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}
.cmd-echo{margin:18px 0 6px;border-top:1px dashed var(--border);padding-top:18px}
.cmd-echo:first-child{border-top:0;padding-top:0;margin-top:0}
.err{color:var(--amber);margin:2px 0 22px}
.cand{color:var(--dim);margin:2px 0 14px;white-space:pre-wrap}

.inputline{display:flex;align-items:center;gap:0;position:relative;margin-top:6px}
.mirror{color:var(--cyan);white-space:pre;margin-left:.5ch}
.cmdinput{position:absolute;inset:0;width:100%;height:100%;
  background:transparent;border:0;outline:none;padding:0;margin:0;
  font:inherit;color:transparent;caret-color:transparent}

/* responsive */
@media (max-width:680px){
  body{font-size:14px}
  .term{margin:0;border-radius:0;border-left:0;border-right:0;min-height:100vh}
  .title{display:none}
  .cmds{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .cursor{animation:none}
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important}
}