/* Buyer's guide layer for insight articles (site-src/insights/guide.ts).
   House register: ink #373737, greys #5F5F5F #716F6C #A3A19D, hairline #EAE8E4,
   2px radius, no resting shadow. Measured against the approved city mock of
   14 October 2026. Linked only by pages whose spec carries a guide block. */

/* Key points, the Scale opening. */
.g-key{margin:8px auto 40px;padding:24px 0;border-top:1px solid #EAE8E4;border-bottom:1px solid #EAE8E4}
.g-key__h{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:13px;color:#716F6C;margin:0 0 12px}
.g-key ul{margin:0;padding:0 0 0 18px}
.g-key li{font-family:'Open Sans',sans-serif;font-size:15.5px;line-height:1.6;color:#373737;margin:0 0 8px}
.g-key li:last-child{margin-bottom:0}

/* Inline citation marks. */
article.tpl sup.cite{font-size:11px;line-height:0;margin-left:1px}
article.tpl sup.cite a{color:#3C7A9E;text-decoration:none;padding:0 1px;background:none!important;border:0!important}
article.tpl sup.cite a:hover{text-decoration:underline}

/* The inline asks, with a quieter second link beside the button. */
.g-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:40px auto!important;padding:24px 0;border-top:1px solid #EAE8E4!important;border-bottom:1px solid #EAE8E4!important}
.g-cta p{flex:1 1 260px;margin:0}
.g-cta__a{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.g-cta__l{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;color:#373737;text-decoration:none;border-bottom:1px solid #A3A19D;padding-bottom:1px}
.g-cta__l:hover{border-bottom-color:#373737}

/* Sources as cards. */
.g-src{margin:56px auto 0}
.g-src h2{margin-bottom:16px}
.g-src .srcs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.g-src .srcc{display:grid;grid-template-columns:28px 1fr;column-gap:12px;row-gap:2px;padding:14px 16px;border:1px solid #EAE8E4;border-radius:2px;background:#fff;text-decoration:none;color:#373737;transition:border-color .18s ease}
.g-src a.srcc:hover{border-color:#A3A19D}
.g-src .srcc__n{grid-row:1/span 4;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;color:#A3A19D;padding-top:1px}
.g-src .srcc__p{font-size:12px;color:#716F6C}
.g-src .srcc__t{font-size:14.5px;line-height:1.45;color:#373737;overflow-wrap:anywhere}
.g-src .srcc__d{font-size:12px;color:#A3A19D}
.g-src .srcc__go{font-size:12.5px;font-weight:500;color:#3C7A9E;margin-top:4px}
.g-src li:target .srcc{border-color:#3C7A9E}

/* Next steps. */
.g-next{margin:56px auto 0}
.g-next ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:1fr 1fr}
.g-next a{display:block;height:100%;box-sizing:border-box;padding:16px;border:1px solid #EAE8E4;border-radius:2px;background:#FAFAF9;text-decoration:none;transition:border-color .18s ease,background .18s ease}
.g-next a:hover{border-color:#A3A19D;background:#fff}
.g-next__t{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:500;color:#373737;margin-bottom:4px}
.g-next__d{display:block;font-size:13px;line-height:1.5;color:#5F5F5F}
.g-next li:first-child a{background:#373737;border-color:#373737}
.g-next li:first-child .g-next__t{color:#fff}
.g-next li:first-child .g-next__d{color:rgba(255,255,255,.78)}
@media (max-width:640px){.g-next ul{grid-template-columns:1fr}}

/* Share and follow. */
.g-share{margin:40px auto 0;padding:20px 0 0;border-top:1px solid #EAE8E4;display:grid;gap:12px}
.g-share__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.g-share__l{font-size:13px;color:#716F6C;min-width:52px}
.g-share a,.g-share__copy{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:'Plus Jakarta Sans',sans-serif;font-size:13.5px;font-weight:500;color:#373737;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.g-share a:hover,.g-share__copy:hover{color:#3C7A9E}
.g-share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Related guides, chosen by the author. Same values as the automatic block. */
.g-related{max-width:760px;margin:0 auto;padding:0 40px 88px;box-sizing:border-box}
.g-related h2{font-size:15px;font-weight:500;color:#716F6C;margin:0 0 14px}
.g-related .tpl-related__list{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
.g-related .tpl-related__item a{display:block;height:100%;padding:16px;border:1px solid #EAE8E4;border-radius:2px;background:#fff;text-decoration:none;transition:border-color .18s ease}
.g-related .tpl-related__item a:hover{border-color:#A3A19D}
.g-related .tpl-related__cat{display:block;font-size:12px;color:#A3A19D;margin-bottom:6px}
.g-related .tpl-related__title{display:block;font-size:16px;line-height:1.35;color:#373737;margin-bottom:6px}
.g-related .tpl-related__desc{display:block;font-size:13px;line-height:1.5;color:#5F5F5F}
@media (max-width:640px){.g-related{padding:0 16px 64px}}

/* Every block of the layer on the prose measure, one left edge. */
.g-key,.g-cta,.g-src,.g-next,.g-share{max-width:var(--tpl-measure,680px);box-sizing:border-box}