.ug-guides{background:var(--ug-paper)}.ug-guides-grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ug-guides-grid li{display:flex}.ug-guide{width:100%;color:var(--ug-ink);background:var(--ug-sand);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--ug-cut)), calc(100% - var(--ug-cut)) 100%, 0 100%);transition:background .25s var(--ug-ease);flex-direction:column;gap:10px;padding:clamp(20px,2.2vw,30px);text-decoration:none;display:flex}.ug-section--sand .ug-guide{background:var(--ug-paper)}.ug-guide strong{font:700 1.12rem/1.3 var(--ug-display);text-wrap:balance;transition:color .2s}.ug-guide span{color:var(--ug-muted);font-size:.95rem;line-height:1.55}.ug-guide .ug-icon{box-sizing:content-box;width:22px;height:22px;transition:transform .35s var(--ug-ease);margin-top:auto;padding-top:6px}.ug-guide:hover{background:#ebe3d6}.ug-section--sand .ug-guide:hover{background:#fff}.ug-guide:hover strong{color:var(--ug-accent)}.ug-guide:hover .ug-icon{transform:translate(5px)}@media (max-width:1100px){.ug-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.ug-guides-grid{grid-template-columns:1fr;gap:8px}}