.guide-preview{
  margin:22px 0 8px;
  padding:26px;
  color:#173f32;
  background:linear-gradient(135deg,#fffdf8 0%,#f4ecdb 100%);
  border:1px solid rgba(230,185,86,.58);
  border-radius:22px;
  box-shadow:0 24px 60px rgba(0,0,0,.18);
  position:relative;
  overflow:hidden;
}
.guide-preview::after{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border:38px solid rgba(230,185,86,.12);border-radius:50%;pointer-events:none}
.guide-preview-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:end;gap:24px;padding-bottom:20px;border-bottom:1px solid #dcd5c5}
.guide-preview-kicker{grid-column:1/-1;color:#8b6b27;font:800 11px/1.2 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase}
.guide-preview h2{font-family:'Plus Jakarta Sans','Inter',sans-serif!important;text-transform:none;font-size:clamp(1.55rem,2.6vw,2.25rem);line-height:1.15;letter-spacing:-.035em;color:#173f32}
.guide-preview-heading>p:last-child{font:500 14px/1.65 'Inter',sans-serif;color:#56645c;max-width:470px}
.guide-preview-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;padding-top:20px}
.guide-how,.guide-categories{background:rgba(255,255,255,.62);border:1px solid #dfd8c9;border-radius:16px;padding:20px}
.guide-card-label{display:block;margin-bottom:15px;color:#173f32;font:800 15px/1.2 'Plus Jakarta Sans','Inter',sans-serif}
.guide-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.guide-how li{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px;border-radius:12px;background:#f8f4eb}
.guide-how li span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#173f32;color:#fff;font:800 12px 'Inter',sans-serif}
.guide-how li p{font:650 13px/1.35 'Inter',sans-serif;color:#334a3e}
.guide-category-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.guide-category-list>span{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:44px;padding:6px 10px 6px 6px;border-radius:11px;background:#f8f4eb;color:#283f33;font:700 12.5px/1.25 'Inter',sans-serif}
.guide-category-list b{display:grid;place-items:center;width:34px;height:32px;border-radius:8px;background:var(--cat);color:#fff;font-size:11px}
.guide-category-list small{color:#758077;font-size:10px;font-weight:700}
@media(max-width:760px){
  .guide-preview{margin:16px -4px 6px;padding:20px 16px;border-radius:18px}
  .guide-preview-heading{display:block;padding-bottom:16px}.guide-preview-kicker{margin-bottom:8px}.guide-preview h2{font-size:1.55rem}.guide-preview-heading>p:last-child{margin-top:10px;font-size:13px}
  .guide-preview-grid{grid-template-columns:1fr;padding-top:14px;gap:12px}.guide-how,.guide-categories{padding:15px;border-radius:14px}
  .guide-how ol{grid-template-columns:1fr 1fr;gap:8px}.guide-how li{display:block;min-height:94px;padding:10px}.guide-how li span{margin-bottom:8px}.guide-how li p{font-size:12px}
  .guide-category-list{grid-template-columns:1fr 1fr;gap:7px}.guide-category-list>span{grid-template-columns:32px 1fr;gap:7px;font-size:11px;min-height:52px;padding-right:7px}.guide-category-list b{width:32px}.guide-category-list small{grid-column:2;font-size:9px;margin-top:-7px}
}
@media(max-width:360px){.guide-how ol{grid-template-columns:1fr}.guide-how li{display:flex;min-height:52px}.guide-how li span{margin-bottom:0}.guide-category-list{grid-template-columns:1fr}}