/* Page 8 — Build Log */
.build-log-v2{scroll-padding-top:84px}
.log-hero{padding:clamp(72px,8vw,116px) 0 clamp(58px,6.5vw,86px)}
.log-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:clamp(46px,8vw,108px);align-items:end}
.log-hero-copy h1{max-width:15ch;margin:17px 0 20px;font-size:clamp(2.7rem,4.7vw,3.8rem);line-height:1.01}
.log-hero-copy .v2-actions{margin-top:28px}
.log-current{border-top:1px solid var(--v2-line-strong)}
.log-current>strong{display:block;padding:13px 0 12px;color:var(--v2-muted);font-size:.75rem;font-weight:730}
.log-current>a{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:start;padding:15px 0;border-top:1px solid var(--v2-line);color:var(--v2-text-soft)}
.log-current>a span{font-weight:780;color:var(--v2-text)}
.log-current>a small{color:var(--v2-muted);font-size:.8rem;line-height:1.45}
.log-section-head{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:34px}
.log-section-head h2{max-width:17ch;margin-top:10px;font-size:clamp(2.1rem,3.5vw,3.25rem)}
.log-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.log-filters button{min-height:40px;padding:8px 12px;border:1px solid var(--v2-line-strong);border-radius:2px;background:transparent;color:var(--v2-text-soft);font-size:.8rem;font-weight:730;cursor:pointer}
.log-filters button[aria-pressed="true"]{border-color:var(--v2-accent);background:var(--v2-accent);color:#11140e}
.log-list{border-top:1px solid var(--v2-line-strong)}
.log-row{display:grid;grid-template-columns:minmax(155px,.24fr) minmax(0,1fr) auto;gap:clamp(24px,4vw,60px);align-items:start;padding:30px 0;border-bottom:1px solid var(--v2-line)}
.log-row[hidden]{display:none}
.log-meta{display:flex;flex-direction:column;gap:6px;color:var(--v2-muted);font-size:.77rem;line-height:1.4}
.log-meta time{color:var(--v2-text-soft);font-weight:700}
.log-copy h2{font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.12;letter-spacing:-.025em}
.log-copy p{max-width:67ch;margin-top:10px;color:var(--v2-muted);line-height:1.65}
.log-open{display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--v2-line-strong);color:var(--v2-text-soft);font-size:.82rem;font-weight:730;white-space:nowrap}
.log-empty{padding:24px 0;color:var(--v2-muted)}
.log-principle-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,8vw,110px)}
.log-principle h2{max-width:16ch;margin-top:12px;font-size:clamp(2rem,3.25vw,3rem)}
.log-principle-grid>div:last-child{max-width:65ch}
.log-principle-grid>div:last-child p{color:var(--v2-text-soft);font-size:1.02rem;line-height:1.72}
.log-principle-grid>div:last-child p+p{margin-top:18px;color:var(--v2-muted)}

/* Individual notes */
.post-hero{padding:clamp(62px,7vw,96px) 0 54px;border-bottom:1px solid var(--v2-line)}
.post-shell{max-width:850px}
.post-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--v2-muted);font-size:.78rem}
.post-breadcrumb a{border-bottom:1px solid var(--v2-line-strong)}
.post-meta{display:flex;justify-content:space-between;gap:18px;margin-top:42px;color:var(--v2-muted);font-size:.78rem;font-weight:700}
.post-hero h1{max-width:18ch;margin:14px 0 20px;font-size:clamp(2.45rem,4.7vw,3.65rem);line-height:1.02}
.post-body{padding-top:clamp(52px,6vw,78px);padding-bottom:clamp(70px,8vw,110px)}
.post-section{padding:0 0 42px;margin-bottom:42px;border-bottom:1px solid var(--v2-line)}
.post-section h2{max-width:24ch;margin-bottom:18px;font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.12}
.post-section p{max-width:72ch;color:var(--v2-text-soft);font-size:1.02rem;line-height:1.78}
.post-section p+p{margin-top:17px}
.post-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;padding:8px 0 34px}
.post-footer strong{font-size:.82rem}
.post-footer p{max-width:56ch;margin-top:7px;color:var(--v2-muted);font-size:.9rem}
.post-back{display:inline-flex;min-height:40px;align-items:center;border-bottom:1px solid var(--v2-line-strong);color:var(--v2-text-soft);font-size:.84rem;font-weight:730}

@media(hover:hover){
  .log-current>a:hover span,.log-copy h2 a:hover,.log-open:hover,.post-breadcrumb a:hover,.post-back:hover{color:var(--v2-accent)}
  .log-open:hover,.post-breadcrumb a:hover,.post-back:hover{border-color:var(--v2-accent)}
  .log-filters button:hover{border-color:var(--v2-accent);color:var(--v2-text)}
}
@media(max-width:900px){
  .log-hero-grid{grid-template-columns:1fr;gap:42px}
  .log-hero-copy h1{font-size:clamp(2.55rem,7.4vw,3.55rem)}
  .log-current{max-width:620px}
  .log-section-head{display:block}
  .log-filters{justify-content:flex-start;margin-top:24px}
  .log-row{grid-template-columns:150px minmax(0,1fr);gap:18px 30px}
  .log-open{grid-column:2;width:max-content}
  .log-principle-grid{grid-template-columns:1fr;gap:28px}
  .post-footer{grid-template-columns:1fr;align-items:start}
}
@media(max-width:600px){
  .log-hero{padding:58px 0 50px}
  .log-hero-copy h1{font-size:clamp(2.25rem,10.5vw,2.85rem)}
  .log-current>a{grid-template-columns:82px 1fr;gap:14px}
  .log-section-head h2{font-size:2.15rem}
  .log-filters{display:grid;grid-template-columns:1fr 1fr}
  .log-filters button{min-height:44px}
  .log-row{grid-template-columns:1fr;gap:12px;padding:25px 0}
  .log-meta{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:8px 18px}
  .log-open{grid-column:auto}
  .log-principle h2{font-size:2.1rem}
  .post-hero{padding:50px 0 42px}
  .post-meta{display:block;margin-top:34px}
  .post-meta time{display:block;margin-top:5px}
  .post-hero h1{font-size:clamp(2.15rem,10.4vw,2.8rem)}
  .post-section{padding-bottom:34px;margin-bottom:34px}
  .post-section p{font-size:1rem;line-height:1.72}
  .post-footer .v2-actions{align-items:stretch}
  .post-footer .v2-button{width:100%}
}
@media(max-width:380px){
  .log-filters{grid-template-columns:1fr}
  .log-current>a{grid-template-columns:1fr;gap:3px}
}