/* BDF: circle, gesture and quarter-circle. Original axis pictograms. */
.axis-visual-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-block:1px solid var(--line);margin:38px 0 0}
.axis-visual-nav .axis-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;padding:25px 18px 22px;text-decoration:none;border:0;border-radius:0;background:transparent;transition:background .18s}
.axis-visual-nav .axis-tile+.axis-tile{border-left:1px solid var(--line)}
.axis-visual-nav .axis-tile:hover{background:#dce5db;color:var(--ink)}
.axis-visual-nav .axis-tile:focus-visible{outline:3px solid var(--teal);outline-offset:-3px;z-index:1}
.axis-icon{display:block;width:80px;height:80px;object-fit:contain;flex:none}
.axis-tile .axis-icon{margin:0 0 25px;transition:transform .18s}
.axis-tile:hover .axis-icon{transform:translateY(-3px)}
.axis-tile-name{font-size:23px;font-weight:700;line-height:1.15;letter-spacing:-.045em}
.axis-tile-description{display:block;font-size:12px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:9px;padding-right:3px}
.axis-tile-arrow{position:absolute;top:19px;right:16px;font-size:15px;font-weight:400;color:var(--teal)}
.axis-jump.axis-visual-nav{margin-top:40px}
.axis-jump .axis-tile{padding:22px 16px 20px}
.axis-jump .axis-icon{width:64px;height:64px;margin-bottom:20px}
.axis-jump .axis-tile-name{font-size:21px}
.chapter-identity{display:flex;align-items:flex-end;gap:24px;margin-bottom:24px}
.chapter-identity .axis-icon{width:88px;height:88px}
.chapter-identity .chapter-number{display:block;margin:0 0 6px;font-size:10px;letter-spacing:.12em;color:var(--muted)}
@media(max-width:1100px){.axis-visual-nav .axis-tile{padding-inline:13px}.axis-tile-name{font-size:20px}.axis-icon{width:72px;height:72px}.axis-tile-description{font-size:11px}.axis-tile-arrow{right:12px}}
@media(max-width:850px){.axis-visual-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.axis-visual-nav .axis-tile{padding:24px}.axis-visual-nav .axis-tile:nth-child(3n+1){border-left:0}.axis-visual-nav .axis-tile:nth-child(n+4){border-top:1px solid var(--line)}.axis-tile-name{font-size:23px}.axis-tile-description{font-size:12px}.axis-tile-arrow{right:20px}.axis-jump .axis-icon{width:72px;height:72px}}
@media(max-width:520px){.axis-visual-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.axis-visual-nav .axis-tile{padding:22px 17px}.axis-visual-nav .axis-tile:nth-child(3n+1){border-left:1px solid var(--line)}.axis-visual-nav .axis-tile:nth-child(2n+1){border-left:0}.axis-visual-nav .axis-tile:nth-child(n+3){border-top:1px solid var(--line)}.axis-tile .axis-icon{width:64px;height:64px;margin-bottom:18px}.axis-tile-name,.axis-jump .axis-tile-name{font-size:22px}.axis-tile-description{font-size:11px}.axis-tile-arrow{right:15px}.axis-jump.axis-visual-nav{margin-top:30px}.chapter-identity{gap:18px;margin-bottom:22px}.chapter-identity .axis-icon{width:76px;height:76px}}
@media(prefers-reduced-motion:reduce){.axis-tile .axis-icon,.axis-visual-nav .axis-tile{transition:none}.axis-tile:hover .axis-icon{transform:none}}
@media print{.home-axis-nav{grid-template-columns:repeat(6,1fr);break-inside:avoid}.axis-visual-nav .axis-tile{padding:12px 6px}.axis-tile .axis-icon{width:40px;height:40px;margin-bottom:10px}.axis-tile-name{font-size:12pt}.axis-tile-description{font-size:8pt}.axis-tile-arrow{display:none}.axis-jump.axis-visual-nav{display:none}.chapter-identity .axis-icon{width:48px;height:48px}}
