/* Notes on the portfolio-by-chat layout. Small adapters only; guide.css does the rest. */
.note-guide .g-hero .wip-note{margin-top:24px;max-width:62ch}
.note-guide .byline.post-meta{margin-top:18px}
.note-guide .g-hero .post-links{margin-top:20px}
.note-guide h2.step-title{font-size:clamp(22px,2.4vw,26px);font-weight:500;letter-spacing:-.03em;line-height:1.2;margin:0}
.note-guide .note-sec{gap:16px}
.note-guide .note-sec>p{font-size:16.5px;line-height:1.65;max-width:68ch}
.note-guide .note-sec .note-fig{margin:4px 0}
.note-guide .note-sec .step-head{grid-template-columns:auto 1fr}
.note-guide .note-extra{margin-top:48px}
.note-guide .note-extra ul{display:grid;gap:8px;padding-left:20px;color:var(--ink-2)}
.note-guide .li-block{margin-top:56px}
.note-guide .post-nav{margin-top:32px}
.note-guide .prog-txt:empty{margin-right:auto}
.note-guide .cs-hint{font-size:14.5px}
@media (min-width:1101px){.note-guide .tabpanel>.start,.note-guide .tabpanel>.panel-intro{max-width:none}}