/* mochajava — linux series shared stylesheet.
   Shared by /linux (part 1), /linux-toolkit (part 2), /try-linux (part 3).
   Linked AFTER /style.css so these rules win where they overlap.
   Page-specific one-off rules go inline on the page. */

body{line-height:1.7}

.top{
  background:linear-gradient(to bottom,var(--dusk-deep) 0%,var(--dusk) 60%,var(--dusk-high) 100%);
  padding:3rem 1.5rem 2.5rem;
  border-bottom:1px solid var(--line);
}
.top-inner{max-width:var(--measure);margin:0 auto}
.crumb{font-family:var(--mono);font-size:.85rem;color:var(--sand-dim)}
.crumb a{color:var(--saguaro);text-decoration:none}
.crumb a:hover{text-decoration:underline}
h1{font-family:var(--mono);font-size:clamp(2rem,6vw,3rem);letter-spacing:-.02em;margin:.6rem 0 .8rem}
h1 .slash{color:var(--ember)}
.lede{max-width:38rem;color:var(--sand)}
.dateline{margin-top:1.2rem;font-family:var(--mono);font-size:.8rem;color:var(--sand-dim)}
.dateline a{color:var(--saguaro)}

main{max-width:var(--measure);margin:0 auto;padding:0 1.5rem 4rem}
section{padding-top:3.25rem}
.cmd{font-family:var(--mono);font-size:.95rem;color:var(--saguaro);margin-bottom:1.1rem}
.cmd::before{content:"$ ";color:var(--sand-dim)}
h2{font-family:var(--mono);font-size:1.35rem;margin-bottom:1rem}
p+p{margin-top:1rem}
em{color:var(--ember);font-style:normal}

.thesis{
  background:var(--panel);
  border-left:3px solid var(--ember);
  border-radius:0 10px 10px 0;
  padding:1.3rem 1.5rem;
  margin:1.4rem 0 2rem;
}
.thesis p{color:var(--sand)}

.entry{margin-top:2.4rem}
.entry h3{font-family:var(--mono);font-size:1.3rem;color:var(--saguaro);margin-bottom:.15rem}
.entry .what{font-family:var(--mono);font-size:.8rem;color:var(--sand-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7rem}
.entry p{font-size:.98rem}

.term{
  background:var(--term);
  border:1px solid var(--line);
  border-radius:8px;
  padding:1rem 1.2rem;
  margin:.9rem 0 .3rem;
  font-family:var(--mono);
  font-size:.88rem;
  line-height:1.75;
  overflow-x:auto;
}
.term .p{color:var(--saguaro)}
.term .p::before{content:"$ ";color:var(--sand-dim)}
.term .o{color:var(--sand-dim);display:block;white-space:pre}
.term .c{color:var(--sand-dim);font-style:italic}

.tip{font-family:var(--mono);font-size:.8rem;color:var(--ember);margin-top:.4rem}
.tip::before{content:"# tip: ";color:var(--sand-dim)}

.caution{
  background:var(--panel);
  border-left:3px solid var(--caution);
  border-radius:0 10px 10px 0;
  padding:1rem 1.4rem;
  margin:1.2rem 0;
  font-size:.95rem;
}
.caution strong{color:var(--caution);font-family:var(--mono);font-weight:600}

.man-hero,.finale{
  background:var(--panel);
  border:1px solid var(--ember);
  border-radius:10px;
  padding:1.6rem 1.7rem;
  margin-top:1.4rem;
}
.man-hero h3,.finale h3{font-family:var(--mono);font-size:1.6rem;color:var(--ember);margin-bottom:.6rem}
.man-hero p,.finale p{font-size:.98rem}
.man-hero p+p,.finale p+p{margin-top:.9rem}