/* Guides — long-form article layout. Loaded only on /guides/* pages. */
.gg-wrap{max-width:760px;margin:0 auto;padding:0 5%}
.gg-head{padding:56px 0 34px;border-bottom:1px solid #dedfd6}
.gg-kicker{font:600 11px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a8f83;margin:0 0 14px}
.gg-head h1{font-size:clamp(28px,4.4vw,42px);line-height:1.14;letter-spacing:-.02em;margin:0 0 16px;color:#1f261e;text-wrap:balance}
.gg-dek{font-size:17px;line-height:1.65;color:#5c6257;margin:0;max-width:62ch}
.gg-meta{margin:18px 0 0;font:13px/1.6 system-ui,sans-serif;color:#8a8f83}
.gg-body{padding:34px 0 10px;font:17px/1.78 system-ui,sans-serif;color:#2c332a}
.gg-body p{margin:0 0 20px;max-width:68ch}
.gg-body h2{font-size:clamp(21px,2.7vw,26px);line-height:1.28;letter-spacing:-.01em;margin:44px 0 16px;color:#1f261e}
.gg-body h3{font-size:17px;margin:30px 0 10px;color:#1f261e}
.gg-body ul,.gg-body ol{margin:0 0 22px;padding-left:22px;max-width:66ch}
.gg-body li{margin:8px 0}
.gg-body a{color:#2c332a;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.gg-body strong{color:#1f261e}
.gg-body code{font:.88em/1 ui-monospace,monospace;background:#efeee7;padding:2px 5px;border-radius:3px}
.gg-body pre{margin:0 0 24px;background:#efeee7;border:1px solid #dedfd6;padding:14px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:13.5px;line-height:1.6;max-width:100%}
.gg-body pre code{background:none;padding:0;border-radius:0;font-size:inherit;line-height:inherit;white-space:pre}
.gg-body hr{border:0;border-top:1px solid #dedfd6;margin:38px 0}

/* Pull quote / callout */
.gg-note{background:#f4f3ec;border-left:3px solid #b9bcab;padding:16px 20px;margin:26px 0;font-size:15.5px;line-height:1.7;color:#4e5449}
.gg-note p:last-child{margin-bottom:0}

/* Tables */
.gg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0 26px}
.gg-table{width:100%;min-width:420px;border-collapse:collapse;font-size:14.5px}
.gg-table th,.gg-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #dedfd6;vertical-align:top}
.gg-table th{font-weight:600;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:#62675c;border-bottom:1px solid #b9bcb0}
.gg-table td:first-child{white-space:nowrap;font-weight:600;color:#1f261e}
.gg-table tr:last-child td{border-bottom:0}
.gg-table .num{font-variant-numeric:tabular-nums;white-space:nowrap}

/* Tool CTA inside article */
.gg-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:#f4f3ec;border:1px solid #dedfd6;padding:20px 22px;margin:30px 0}
.gg-cta div{flex:1 1 320px;min-width:0}
.gg-cta p{margin:0;font-size:15px;line-height:1.6;color:#4e5449}
.gg-cta .gg-btn{flex:0 0 auto;display:inline-block;background:#293027;color:#fbfaf7;text-decoration:none;padding:11px 18px;font:600 14px/1 system-ui,sans-serif}
.gg-cta .gg-btn:hover{background:#3b4438}

/* Footer of article */
.gg-foot{margin:40px 0 0;padding:26px 0 0;border-top:1px solid #dedfd6;font-size:15px;color:#5c6257}
.gg-foot p:last-child{margin-bottom:0}

/* Index page */
.gg-list{padding:12px 0 70px}
.gg-card{display:block;padding:26px 0;border-bottom:1px solid #dedfd6;color:inherit;text-decoration:none}
.gg-card:first-child{padding-top:6px}
.gg-card h2{font-size:21px;line-height:1.32;margin:0 0 8px;color:#1f261e;letter-spacing:-.01em;text-wrap:balance}
.gg-card p{margin:0 0 10px;font-size:15px;line-height:1.68;color:#5c6257;max-width:66ch}
.gg-card span{font:600 12px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8a8f83}
.gg-card:hover h2{text-decoration:underline;text-underline-offset:4px}

@media(max-width:600px){
  .gg-head{padding:38px 0 26px}
  .gg-body{font-size:16px;line-height:1.72;padding-top:26px}
  .gg-body pre{font-size:12.5px;padding:12px 13px}
  .gg-body pre code{white-space:pre-wrap;overflow-wrap:anywhere}
  .gg-table{font-size:13.5px;min-width:0}
  .gg-table td:first-child{white-space:normal}
  .gg-table th,.gg-table td{padding:9px 8px}
  .gg-cta{padding:18px}
}