/* content.css — satu fungsi: kolom konten kanan & struktur section (garis margin, penanda ◆). */
.content{
  flex:1; min-width:0;
  position:relative;
  padding:64px 56px 140px 64px;
  max-width:820px;
}
.content::before{
  content:"";
  position:absolute; left:26px; top:8px; bottom:60px;
  width:1px; background:var(--line-strong);
}
.intro{
  padding-left:38px;
  margin-bottom:64px;
}
.intro p{
  font-size:1.28rem;
  line-height:1.65;
  max-width:62ch;
  color:var(--ink);
  margin:0;
}
section{
  position:relative;
  padding-left:38px;
  margin-bottom:76px;
}
section:last-of-type{margin-bottom:0;}
section::before{
  content:"◆";
  position:absolute; left:21px; top:6px;
  font-size:0.55rem;
  color:var(--violet-bright);
  background:var(--bg);
  padding:3px 0;
  line-height:1;
}
section h2{
  font-family:'JetBrains Mono', monospace;
  font-weight:600;
  font-size:1.05rem;
  color:var(--ink);
  margin:0 0 20px;
  letter-spacing:-0.01em;
}
section p{
  color:var(--ink-dim);
  font-size:1.05rem;
  line-height:1.75;
  max-width:60ch;
  margin:0 0 18px;
}
section p:last-of-type{margin-bottom:0;}

@media (max-width:960px){
  .content{padding:48px 22px 100px 22px; max-width:none;}
  .content::before{left:10px;}
  .intro, section{padding-left:26px;}
  section::before{left:5px;}
}