.nav-guide-section{background:#ebe7df;padding:34px 0}.nav-guide-section .section-heading{margin-bottom:20px}.nav-guide-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.nav-guide-card{display:flex;flex-direction:column;min-height:170px;padding:14px;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 19px/1.1 Georgia,serif;margin:18px 0 8px}.nav-guide-card p{font-size:11.5px;line-height:1.45;color:var(--muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nav-guide-card .read-link{margin-top:auto}.nav-guide-card:nth-child(n+5){min-height:170px}@media(max-width:1100px){.nav-guide-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.nav-guide-grid::-webkit-scrollbar{display:none}.nav-guide-card,.nav-guide-card:nth-child(n+5){flex:0 0 210px;min-height:160px;scroll-snap-align:start}}@media(max-width:700px){.nav-guide-section{padding:24px 0}.nav-guide-section .section-heading{margin-bottom:14px}.nav-guide-section .section-heading h2{font-size:30px}.nav-guide-section .section-intro{display:none}.nav-guide-grid{margin-right:-16px;padding-right:16px}.nav-guide-card,.nav-guide-card:nth-child(n+5){flex-basis:72vw;min-height:140px}}.latest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}.latest-item{grid-template-columns:120px 1fr}.latest-item strong a:hover,.latest-item small a:hover{color:var(--red)}@media(max-width:700px){.latest-list{grid-template-columns:1fr}}