.skill-page{width:min(1500px,94vw)}
.skill-hero{
  min-height:78vh;
  padding:9vh 2vw 7vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line)
}
.skill-hero:after{
  content:"$";
  position:absolute;
  z-index:-1;
  right:2vw;
  bottom:-11vw;
  color:transparent;
  -webkit-text-stroke:1px rgba(200,255,0,.09);
  font:italic 900 46vw/1 var(--display-font)
}
.skill-hero h1{
  max-width:1250px;
  margin:3vh 0;
  font:italic 900 clamp(68px,10vw,150px)/.78 var(--display-font);
  letter-spacing:.004em;
  text-transform:uppercase
}
.skill-hero h1 span{color:var(--hot)}
.skill-section h2 span{color:var(--hot)}
.skill-hero>p{max-width:900px;color:#c2cac5;font-size:clamp(16px,1.5vw,23px);line-height:1.6}
.session-signal{display:flex;gap:14px;align-items:center;max-width:850px;padding:14px 17px;margin-top:15px;border:1px solid var(--line);background:#090c0b;font-size:11px}
.session-signal b{letter-spacing:.08em}
.session-signal.ready{border-left:6px solid var(--acid)}
.session-signal.ready b{color:var(--acid)}
.session-signal.waiting{border-left:6px solid var(--hot)}
.session-signal.waiting b{color:var(--hot)}
.activation-path{display:flex;gap:8px;flex-wrap:wrap;margin-top:4vh}
.activation-path a{border:1px solid #3a443f;padding:10px 13px;color:#bfc7c2;font-size:10px;font-weight:900}
.activation-path a:hover,.activation-path a:focus-visible{border-color:var(--acid);color:var(--acid)}
.skill-section{scroll-margin-top:75px;padding:8vh 2vw;border-bottom:1px solid var(--line)}
.skill-section .section-heading{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(300px,1fr);gap:5vw;align-items:end}
.skill-section .section-heading p{color:var(--muted);font-size:13px;line-height:1.7}
.skill-section h2{
  font:italic 900 clamp(48px,6vw,92px)/.84 var(--display-font);
  letter-spacing:.004em;
  text-transform:uppercase;
  margin:16px 0
}
.section-label{color:var(--acid);font-size:11px;font-weight:900;letter-spacing:.16em}
.harness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:35px}
.harness-grid article{min-width:0;border:1px solid var(--line);padding:21px;background:#080b0a;box-shadow:inset 0 -4px #141a17}
.harness-grid h3{font:italic 900 clamp(28px,3vw,43px)/1 var(--display-font);margin:20px 0}
.harness-grid b{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin:18px 0 7px}
.harness-grid code{display:block;color:var(--acid);font-size:10px;overflow-wrap:anywhere}
.harness-grid p{color:var(--muted);font-size:12px;line-height:1.6;margin-top:20px}
.harness-tag{display:inline-block;border:1px solid #46504b;color:#aeb8b2;padding:5px 7px;font-size:8px;font-weight:900}
.harness-tag.demo{border-color:var(--hot);color:var(--hot)}
.portable-note{border-left:5px solid var(--acid);padding:15px 18px;margin:20px 0 0;background:#0b1008;color:#bfc8c2;font-size:11px}
.portable-note b{color:var(--acid)}
.skill-section.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:5vw;align-items:center}
.skill-section p{color:var(--muted);font-size:12px;line-height:1.7}
.download{margin-top:14px}
.checksum-card,.expected{border:1px solid var(--line);border-left:6px solid var(--hot);padding:24px;background:#090b0a;min-width:0}
.checksum-card>b,.command-stack article>b{color:var(--hot);font-size:10px;letter-spacing:.08em}
.checksum-card>code{display:block;margin:16px 0;padding:14px;background:#040504;color:var(--acid);font-size:11px;overflow-wrap:anywhere}
.copy-setup{
  border:1px solid var(--acid);
  background:transparent;
  color:var(--acid);
  padding:10px 13px;
  font:900 10px var(--mono-font);
  letter-spacing:.05em;
  cursor:pointer
}
.copy-setup:hover,.copy-setup:focus-visible{background:var(--acid);color:#050607;outline:none}
.copy-setup.acid{background:var(--acid);color:#050607}
.copy-setup.copied{background:var(--hot);border-color:var(--hot);color:white}
.copy-status{display:block;min-height:16px;margin-top:8px;color:var(--acid);font-size:9px}
.command-stack{display:grid;gap:13px}
.command-stack article{border:1px solid var(--line);padding:18px;background:#080b0a;min-width:0}
.command-stack pre,.command,.expected pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#040504;color:#dce3df;padding:16px;font:11px/1.6 var(--mono-font)}
.command-stack pre{margin:12px 0}
.check-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.7fr);gap:5vw;align-items:center}
.command{max-width:820px;border-left:6px solid var(--hot)}
.hint{font-size:10px!important}
.expected{border-left-color:var(--acid)}
.expected>div{color:var(--acid);font-size:10px;font-weight:900;letter-spacing:.09em}
.expected pre{color:var(--acid);font-size:12px}
.hunt-section{background:radial-gradient(circle at 90% 55%,rgba(255,59,22,.1),transparent 33%)}
.hunt-section>p{max-width:900px}
.hunt-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.boundary-strip{display:grid;grid-template-columns:1fr 1fr 1fr;margin:7vh 2vw;border:1px solid var(--line);background:#080b0a}
.boundary-strip>div{padding:22px;border-right:1px solid var(--line)}
.boundary-strip>div:last-child{border-right:0}
.boundary-strip b{display:block;color:var(--acid);font-size:10px;margin-bottom:10px}
.boundary-strip span{color:var(--muted);font-size:12px;line-height:1.6}
.boundary-strip code{color:white}
@media(max-width:1050px){
  .harness-grid{grid-template-columns:1fr 1fr}
  .skill-section.split,.check-section{grid-template-columns:1fr}
}
@media(max-width:700px){
  .skill-page{width:min(100% - 28px,1500px)}
  .skill-hero{min-height:0;padding:70px 0 55px}
  .skill-hero h1{font-size:clamp(54px,16vw,76px)}
  .skill-hero>p{font-size:15px}
  .session-signal{align-items:flex-start;flex-direction:column}
  .skill-section{padding:55px 0}
  .skill-section .section-heading{grid-template-columns:1fr}
  .harness-grid{grid-template-columns:1fr}
  .skill-section h2{font-size:clamp(44px,13vw,62px)}
  .checksum-card,.expected{padding:18px}
  .command-stack pre,.command,.expected pre{font-size:10px;padding:13px}
  .hunt-actions{align-items:stretch;flex-direction:column}
  .hunt-actions>*{width:100%}
  .boundary-strip{grid-template-columns:1fr;margin:45px 0}
  .boundary-strip>div{border-right:0;border-bottom:1px solid var(--line)}
  .boundary-strip>div:last-child{border-bottom:0}
}
@media print{
  .topbar,.noise,.activation-path,.copy-setup,.download,body>footer{display:none!important}
  .skill-page{width:100%}
  .skill-hero{min-height:0;padding:.3in 0;break-after:page}
  .skill-hero h1{font-size:56px}
  .skill-section{padding:.25in 0}
  .harness-grid{grid-template-columns:1fr 1fr}
  .harness-grid article,.checksum-card,.command-stack article,.expected{break-inside:avoid}
  .skill-section.split,.check-section{grid-template-columns:1fr 1fr}
  .boundary-strip{margin:.25in 0}
}
