/* ==========================================================
   KJRE PRODUCTION SYSTEM  |  Component layer: Intown Hub V1.1
   Extracted verbatim from intown11-parts.html (LOCKED). DO NOT EDIT BY HAND.
   01-tokens.css + 02-system.css concatenate byte-for-byte to
   the Homepage V2 style block. A build check asserts this.
   ========================================================== */
.mig{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:start;background:var(--paper-2);border:1px solid var(--rule);border-left:2px solid var(--canopy);padding:clamp(16px,2.1vw,26px)}
.mig__k{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--canopy);white-space:nowrap;padding-top:.2em}
.mig p{font-size:.84rem;font-weight:300;color:var(--ink-2);line-height:1.7}
.mig code{font-family:var(--body);font-weight:500;color:var(--ink);background:var(--paper);border:1px solid var(--rule-soft);padding:.15em .45em;font-size:.82em}
.tag--guide{color:var(--canopy);border-color:rgba(47,67,56,.38)}
.tag--blog{color:var(--brass);border-color:rgba(156,127,78,.42)}
.tag--none{color:var(--ink-3);border-style:dashed}
.urlline{font-size:.7rem;font-weight:300;color:var(--ink-3);margin-top:.5em;word-break:break-all}
.urlline b{font-weight:500;color:var(--ink-2)}
@media (max-width:620px){ .mig{grid-template-columns:1fr;gap:10px} }