:root{
  --lk-bg:#f7f1e7;
  --lk-ink:#2f2f2f;
  --lk-ink-soft:#5e574f;
  --lk-border: rgba(222,214,203,1);
  --lk-card: rgba(255,255,255,.28);
  --lk-dark:#4a3f35;
  --lk-dark-2:#3f3a32;
}

.lk-track{background:var(--lk-bg); color:var(--lk-ink);}
.lk-track *{box-sizing:border-box;}
.lk-container{max-width:1100px;margin:0 auto;padding:44px 24px 70px;}
.lk-divider{border:0;border-top:1px solid var(--lk-border);margin:0;}

.lk-kicker{
  font-family:Inter,sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--lk-ink-soft);
}
.lk-h1{
  font-family:"Cormorant Garamond", serif;
  color:#2F2A24;
  font-size:52px;
  line-height:1.03;
  margin:10px 0 10px;
}
.lk-muted{
  font-family:Inter,sans-serif;
  color:var(--lk-ink-soft);
  line-height:1.9;
  font-size:14px;
}
.lk-lede{max-width:760px;margin:0 0 10px;}

.lk-link{
  font-family:Inter,sans-serif;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#3A342D;
  border-bottom:1px solid rgba(79,68,59,.25);
  padding-bottom:2px;
  text-decoration:none;
}
.lk-link:hover{border-bottom-color:#3F3A32;}
.lk-hero-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;}
.lk-hero-links .dot{opacity:.6}

/* Layout */
.lk-track-hero{max-width:1100px;margin:0 auto;padding:44px 24px 28px;}
.lk-shell{display:grid;grid-template-columns:1fr .95fr;gap:22px;margin-top:22px;}

/* Cards */
.lk-card{
  border:1px solid var(--lk-border);
  background: var(--lk-card);
  padding:18px;
}
.lk-aside{
  border:1px solid var(--lk-border);
  background: rgba(255,255,255,.18);
  padding:18px;
  height:fit-content;
}
.lk-aside h2{
  font-family:"Cormorant Garamond", serif;
  font-style:italic;
  font-size:28px;
  color:#2F2A24;
  margin:0 0 10px;
}

/* Tabs */
.lk-tabs{display:flex;gap:10px;flex-wrap:wrap;}
.lk-tab{
  border:1px solid var(--lk-border);
  background: transparent;
  padding:10px 14px;
  cursor:pointer;
  font-family:"Cormorant Garamond", serif;
  font-size:18px;
  color:#3A342D;
  border-radius:999px;
  transition:.2s ease;
}
.lk-tab:hover{background: rgba(63,58,50,.06);}
.lk-tab.is-active{background: rgba(63,58,50,.10); border-color:#3F3A32;}
.lk-pane{display:none;}
.lk-pane.is-active{display:block;}

/* Form */
.lk-form{margin-top:8px;}
.lk-field{margin-top:12px;}
.lk-field label{
  display:block;
  font-family:Inter,sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--lk-ink-soft);
  margin-bottom:8px;
}
.lk-input{
  width:100%;
  border:1px solid var(--lk-border);
  background: rgba(255,255,255,.25);
  padding:12px 14px;
  font-family:Inter,sans-serif;
  font-size:14px;
  outline:none;
}
.lk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;}
.lk-alert{
  border:1px solid var(--lk-border);
  background: rgba(255,255,255,.22);
  padding:12px 14px;
  margin-top:14px;
  font-family:Inter,sans-serif;
  font-size:13px;
  line-height:1.7;
  color:#3A342D;
}

/* Buttons */
.lk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: var(--lk-dark);
  color:#fff;
  font-family: Inter, sans-serif;
  font-size:13px;
  letter-spacing:.15em;
  text-transform:uppercase;
  padding:14px 28px;
  border:1px solid var(--lk-dark);
  cursor:pointer;
  transition: background .25s ease, transform .12s ease;
  text-decoration:none;
}
.lk-btn:hover{background: var(--lk-dark-2); transform: translateY(-1px);}
.lk-btn:active{transform: translateY(0);}
.lk-btn--outline{
  background: transparent;
  color: var(--lk-dark);
  border-color: var(--lk-border);
}
.lk-btn--outline:hover{
  background: rgba(63,58,50,.06);
  border-color:#3F3A32;
}
.lk-btn.full{width:100%;}

/* Status box */
.lk-status{
  border:1px solid var(--lk-border);
  background: rgba(255,255,255,.22);
  padding:14px;
  margin-top:12px;
}
.lk-status-empty{
  font-family:Inter,sans-serif;
  font-size:13px;
  line-height:1.7;
  color:#3A342D;
}
.lk-status-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.lk-status-kicker{
  font-family:Inter,sans-serif;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--lk-ink-soft);
}
.lk-status-value{
  font-family:"Cormorant Garamond", serif;
  font-size:22px;
  color:#2F2A24;
}

/* Progress */
.lk-progress .bar{
  height:10px;
  border:1px solid var(--lk-border);
  background: rgba(255,255,255,.25);
  overflow:hidden;
}
.lk-progress .fill{
  height:100%;
  background: var(--lk-dark);
  width:0%;
}
.lk-progress-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
  font-family:Inter,sans-serif;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--lk-ink-soft);
}

/* Timeline */
.lk-timeline{margin-top:14px;}
.evt{
  display:flex;
  gap:12px;
  padding:10px 0;
  border-top:1px solid rgba(222,214,203,.85);
}
.evt:first-child{border-top:0;}
.evt .dot{
  width:14px;height:14px;border-radius:999px;
  border:1px solid var(--lk-border);
  background: rgba(255,255,255,.18);
  margin-top:4px;
  flex:0 0 auto;
}
.evt.is-active .dot{background: var(--lk-dark); border-color: var(--lk-dark);}
.evt .title{
  font-family:"Cormorant Garamond", serif;
  font-size:20px;
  color:#2F2A24;
}
.evt .sub{
  font-family:Inter,sans-serif;
  font-size:13px;
  color:#5e574f;
  line-height:1.7;
}

.lk-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;}
.lk-actions .lk-btn{flex:1; min-width:220px;}

/* Help */
.lk-help{margin-top:14px;}
.lk-help-kicker{
  font-family:Inter,sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--lk-ink-soft);
  margin-bottom:10px;
}
.lk-checklist{margin:0; padding:0; list-style:none;}
.lk-checklist li{
  position:relative;
  padding-left:26px;
  margin:10px 0;
  font-family:Inter,sans-serif;
  font-size:14px;
  line-height:1.8;
  color:#3A342D;
}
.lk-checklist li::before{
  content:"✓";
  position:absolute;
  left:0; top:0;
  width:18px; height:18px;
  border-radius:999px;
  border:1px solid var(--lk-border);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#2F2A24;
  background: rgba(255,255,255,.18);
}

/* Responsive */
@media(max-width:980px){
  .lk-h1{font-size:40px;}
  .lk-shell{grid-template-columns:1fr;}
}
