.nav-guide-section{background:#ebe7df}.nav-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nav-guide-card{display:flex;flex-direction:column;min-height:220px;padding:20px;border:1px solid var(--line);background:var(--paper);transition:transform .2s,box-shadow .2s}.nav-guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #17201d12}.nav-guide-index{font:11px monospace;color:var(--red)}.nav-guide-card strong{font:700 25px/1.1 Georgia,serif;margin:25px 0 10px}.nav-guide-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 20px}.nav-guide-card .read-link{margin-top:auto}.nav-guide-card:nth-child(n+5){min-height:190px}@media(max-width:900px){.nav-guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav-guide-grid{grid-template-columns:1fr}.nav-guide-card,.nav-guide-card:nth-child(n+5){min-height:180px}}