.filter-bar{gap:10px;display:grid}.letter-nav{flex-wrap:wrap;gap:6px;display:flex}.letter-nav a,.letter-nav button{min-width:38px;height:36px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-2);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;font-weight:800;transition:all .15s;display:inline-flex}.letter-nav a:hover,.letter-nav button:hover{box-shadow:inset 0 0 0 1.5px var(--brand-line);color:var(--brand-deep)}.letter-nav button[aria-pressed=true]{background:var(--navy);color:#fff;box-shadow:none}.letter-nav .is-empty{opacity:.35;pointer-events:none}.list-group{margin-top:26px}.list-group>h2{letter-spacing:-.04em;align-items:center;gap:10px;margin-bottom:12px;font-size:18px;font-weight:900;display:flex}.list-group>h2 .n{background:var(--surface-2);min-width:26px;height:26px;color:var(--ink-3);border-radius:999px;place-items:center;padding:0 8px;font-size:13px;font-weight:800;display:inline-grid}.list-empty{text-align:center;color:var(--ink-3);padding:30px;font-size:14px}.guide-grid{gap:12px;display:grid}.guide-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;gap:10px;padding:20px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex}.guide-card:hover{box-shadow:var(--shadow-2);border-color:#d5dae3;transform:translateY(-2px)}.guide-card-top{align-items:center;gap:12px;display:flex}.guide-card-ico{background:var(--t3);width:48px;height:48px;color:var(--t1);border-radius:15px;flex:none;place-items:center;display:grid}.guide-card-ico .ico-illo{width:40px;height:40px;transition:transform .25s var(--ease)}.guide-card:hover .guide-card-ico .ico-illo{transform:rotate(-6deg)scale(1.06)}.guide-card b{letter-spacing:-.035em;font-size:18px;font-weight:800;line-height:1.35}.guide-card p{color:var(--ink-3);font-size:14px;line-height:1.7}.guide-card-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:700;display:flex}.guide-card-meta>span{align-items:center;gap:4px;display:inline-flex}.guide-card-meta .ico{width:14px;height:14px;color:var(--ink-4)}.guide-card-meta .go{color:var(--t2,var(--brand-deep));margin-left:auto;font-weight:800}.guide-card-meta .go .ico{color:currentColor;transition:transform .2s var(--ease)}.guide-card:hover .guide-card-meta .go .ico{transform:translate(3px)}.guide-body{gap:0;display:grid}.guide-body section{border-bottom:1px solid var(--line-2);margin-bottom:28px;padding-bottom:28px;scroll-margin-top:84px}.guide-body section:last-of-type{border-bottom:0}.guide-body h2{letter-spacing:-.035em;margin-bottom:12px;font-size:21px;font-weight:800}.guide-body p{color:var(--ink-2);font-size:15.5px;line-height:1.85}.guide-body p+p{margin-top:12px}.guide-body .bullets{margin-top:14px}@media (width>=768px){.guide-grid{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:minmax(0,1fr)}}@media (width<=639px){.filter-bar .chips,.letter-nav{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px;scroll-padding-inline:16px;overflow-x:auto}.letter-nav::-webkit-scrollbar{display:none}.letter-nav a,.letter-nav button{flex:none}}.list-empty-box{margin-top:26px}.list-empty-box .nf-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.list-empty-box .btn{margin-top:0}.guide-toc{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:14px;font-size:13.5px;display:flex}.guide-toc b{color:var(--ink-3);margin-right:2px;font-size:12.5px;font-weight:800}.guide-toc a{background:var(--surface-2);min-height:36px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 6px;font-weight:700;display:inline-flex}.guide-toc a:hover{color:var(--ink);background:#edf0f5}.guide-toc a>span{width:24px;height:24px;color:var(--brand-deep);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}#guide-items{scroll-margin-top:calc(var(--hdr-h) + var(--nav-h))}@media (width<=639px){body[data-page=items] .item-card-lead{display:none}body[data-page=items] .item-grid{gap:8px}body[data-page=items] .item-card{flex-flow:wrap;align-items:center;gap:6px 10px;padding:12px 14px}body[data-page=items] .item-card-top{flex:100%}body[data-page=items] .item-card-ico{border-radius:12px;width:40px;height:40px}body[data-page=items] .item-card-ico .ico-illo{width:32px;height:32px}body[data-page=items] .item-card-foot{margin-top:-4px;padding-left:50px}}