new sub page paradigm

static/input.css

@@ -60,12 +60,11 @@ body::before{
 }
 
 nav{
-  position:sticky;top:0;z-index:100;
+  display: flex;
   background: var(--navback);
   backdrop-filter:blur(10px);
   border-bottom:1px solid var(--border);
   padding:0 clamp(1rem,5vw,3rem);
-  display:flex;align-items:center;justify-content:space-between;
   height:52px;
 }
 .nav-logo{
@@ -74,6 +73,8 @@ nav{
   display:flex;align-items:center;gap:6px;
 }
 .nav-logo::before{content:'>';color:var(--green);font-weight:500;}
+.nav-logo.sub::before{content:'/';color:var(--green);font-weight:500;}
+
 .nav-links{display:flex;gap:0.2rem;align-items:center;}
 .nav-links a{
   font-family:var(--ff-mono);font-size:0.72rem;
@@ -125,6 +126,7 @@ aside{
   display:flex;align-items:center;gap:6px;
 }
 .sidebar-links a::before{content:'//';color:var(--dim);font-size:0.65rem;}
+.sidebar-links.back a::before{content:'<-';color:var(--dim);font-size:0.65rem;}
 .sidebar-links a:hover{color:var(--text);background:var(--surface2);}
 .skill-list{display:flex;flex-direction:column;gap:4px;}
 .skill-item{
@@ -180,10 +182,17 @@ h1 span{color:var(--accent);}
   transition:border-color 0.2s,box-shadow 0.2s;
 }
 .exp-card:hover{border-color:var(--border2);box-shadow:0 2px 12px rgba(0,0,0,0.06);}
+
 .exp-header{
   display:flex;align-items:baseline;justify-content:space-between;
   margin-bottom:0.6rem;flex-wrap:wrap;gap:0.5rem;
 }
+
+.exp-card.link:hover{
+  border-color:var(--accent);
+}
+
+
 .exp-title{font-family:var(--ff-mono);font-size:0.9rem;font-weight:500;color:var(--text);}
 .exp-tag{
   font-family:var(--ff-mono);font-size:0.65rem;