.learn-section{margin:0 0 56px}.learn-heading{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(26px,3vw,34px);line-height:1.15}.learn-lead{color:var(--muted);max-width:640px;margin:0 0 22px;font-size:15px;line-height:1.7}.trail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.trail{flex-direction:column;min-width:0;display:flex}.trail-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.trail h3{letter-spacing:-.02em;margin:0;font-size:19px;line-height:1.3}.trail-time{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.trail-text{color:var(--muted);margin:8px 0 14px;font-size:13px;line-height:1.7}.trail ol{counter-reset:trail;margin:0;padding:0;list-style:none}.trail li{counter-increment:trail;border-top:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.trail li:before{content:counter(trail);border:1px solid var(--line);width:24px;height:24px;font:600 11px/1 var(--font-ui);color:var(--muted);border-radius:50%;place-items:center;display:grid}.trail li a{color:var(--ink);font-size:14px;line-height:1.4;text-decoration:none}:is(.trail li a:hover,.trail li a:focus-visible){color:var(--blue);text-underline-offset:3px;text-decoration:underline}.trail li>span{color:var(--muted);white-space:nowrap;font-size:11px}@media (max-width:1020px){.trail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.learn-section{margin-bottom:40px}.trail-grid{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:84%;grid-auto-flow:column;gap:12px;margin-inline:-19px;padding:6px 19px 16px;scroll-padding-inline:19px;overflow-x:auto}.trail{scroll-snap-align:start}}.article-sidebar .guide-groups{margin-top:18px;display:block}.guide-groups a{border-left:2px solid var(--line);color:var(--muted);padding:7px 12px;font-size:12px;line-height:1.5;text-decoration:none;display:block}.guide-groups a:hover{color:var(--ink)}.guide-groups a.active{border-color:var(--blue);color:var(--blue);background:var(--tint);border-radius:0 6px 6px 0}nagazi-accordion-item[open]:not(:defined)>:not([slot=label]){display:block}@media (max-width:780px){.article-sidebar .guide-groups{display:none}}
