/* Homepage: one trust strip with four points (replaces the bento block) */
.tstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:44px 0 8px;background:var(--panel);border:1px solid var(--line);border-radius:18px}
.tstrip .ts{display:flex;gap:14px;align-items:flex-start;padding:24px 26px;border-right:1px solid var(--line)}
.tstrip .ts:last-child{border-right:0}
.tstrip .ts-ic{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(240,190,85,.12);color:var(--gold)}
.tstrip h2{font-size:16px;font-weight:700;margin:0 0 4px;letter-spacing:0;line-height:1.3;text-align:left}
.tstrip p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.45;text-align:left}
@media(max-width:1100px){
  .tstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tstrip .ts:nth-child(2n){border-right:0}
  .tstrip .ts:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:600px){
  .tstrip{grid-template-columns:minmax(0,1fr);margin-top:32px}
  .tstrip .ts{border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}
  .tstrip .ts:last-child{border-bottom:0}
}
:root[data-theme=light] .tstrip{background:#fff;border-color:#E8E2D3}
:root[data-theme=light] .tstrip .ts{border-color:#E8E2D3}
:root[data-theme=light] .tstrip .ts-ic{background:rgba(184,130,14,.12);color:#9A6F0C}
/* Latest guides: appear fast, no stagger or slide, so the row never lags on scroll */
.guide-card.reveal,.guide-card.reveal.pre{transition:opacity .25s ease!important;transition-delay:0s!important}
.guide-card.reveal.pre{transform:none!important}