.guide{padding-top:36px;padding-bottom:64px}@media (max-width:600px){.guide{padding-top:24px;padding-bottom:24px}}.guide__header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:24px;display:flex}.guide__title{letter-spacing:-.3px;font-size:24px;font-weight:800}.guide__subtitle{color:var(--color-text-muted);word-break:keep-all;margin-top:4px;font-size:14px;line-height:1.55}.guide__write-btn{flex-shrink:0;margin-bottom:6px;padding:8px 18px}.guide__section-title{letter-spacing:-.2px;align-items:center;gap:6px;font-size:17px;font-weight:800;display:flex}.guide__empty{text-align:center;color:var(--color-text-muted);padding:64px 0}.guide-thumb{aspect-ratio:16/10;border:1px solid var(--color-border);background:#fff;border-radius:10px;display:block;position:relative;overflow:hidden}.guide-thumb img{object-fit:contain;width:100%;height:100%;padding:4%;display:block}.guide__hub{flex-direction:column;gap:36px;display:flex}.guide__top-head{margin-bottom:12px}.guide__top-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.guide-feature{color:var(--color-text);display:block}.guide-feature__thumb{aspect-ratio:16/9}.guide-feature__body{margin-top:12px;display:block}.guide-feature__eyebrow{color:var(--color-primary);font-size:12px;font-weight:700;display:block}.guide-feature__title{letter-spacing:-.3px;word-break:keep-all;margin-top:4px;font-size:20px;font-weight:800;line-height:1.4;display:block}.guide-feature__excerpt{-webkit-line-clamp:2;color:var(--color-text-secondary);-webkit-box-orient:vertical;margin-top:6px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.guide-rank{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide-rank__item{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);grid-template-columns:96px 20px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.guide-rank li:first-child .guide-rank__item{padding-top:0}.guide-rank li:last-child .guide-rank__item{border-bottom:none}.guide-rank__no{color:var(--color-primary);text-align:center;font-size:18px;font-weight:800}.guide-rank__title{word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.guide-topics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-topic{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);align-items:center;gap:10px;padding:14px 16px;transition:border-color .12s,background .12s;display:flex}.guide-topic__icon{width:22px;height:22px;color:var(--color-primary);flex-shrink:0}.guide-topic__label{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.guide-topic__count{color:var(--color-text-muted);margin-left:auto;font-size:13px}.guide-topics__toggle{display:none}.guide__groups{flex-direction:column;gap:36px;display:flex}.guide-group__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.guide-group__icon{width:20px;height:20px;color:var(--color-primary)}.guide-group__all{color:var(--color-primary);flex-shrink:0;font-size:13px;font-weight:700}.guide-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 14px;display:grid}.guide-cards--topic{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.guide-cards--loading{opacity:.5;pointer-events:none;transition:opacity .12s}.guide-card{color:var(--color-text);display:block}.guide-card__body{margin-top:10px;display:block}.guide-card__title{-webkit-line-clamp:2;word-break:keep-all;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.guide-card__excerpt{-webkit-line-clamp:2;color:var(--color-text-secondary);-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.guide-card__meta{color:var(--color-text-muted);margin-top:4px;font-size:12px;display:block}.guide__crumb{color:var(--color-text-muted);margin-bottom:6px;font-size:13px}.guide__crumb a{color:var(--color-text-secondary);font-weight:600}.guide__header--topic{margin-bottom:16px}.guide__title--topic{align-items:center;gap:8px;display:flex}.guide__title-icon{width:26px;height:26px;color:var(--color-primary);flex-shrink:0}.guide__title-count{color:var(--color-text-muted);letter-spacing:0;align-self:center;margin-left:2px;font-size:14px;font-weight:700}.guide-chips{scrollbar-width:none;gap:8px;margin-bottom:24px;display:flex;overflow-x:auto}.guide-chips::-webkit-scrollbar{display:none}.guide-chip{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s}.guide-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (hover:hover){.guide-topic:hover,.guide-chip:not(.is-active):hover{border-color:var(--color-primary-border);background:var(--color-primary-light)}.guide-feature:hover .guide-feature__title,.guide-rank__item:hover .guide-rank__title,.guide-card:hover .guide-card__title{color:var(--color-primary)}}@media (max-width:900px){.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-cards .guide-card:nth-child(n+4){display:none}.guide-cards--topic{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-cards--topic .guide-card:nth-child(n+4){display:block}.guide-rank__item{grid-template-columns:72px 20px minmax(0,1fr)}}@media (max-width:600px){.guide__write-btn{display:none}.guide__header{margin-bottom:18px}.guide__title{font-size:22px}.guide__hub{gap:28px}.guide__topics{order:1}.guide__top{order:2}.guide__groups{order:3;gap:28px}.guide-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guide-topics:not(.is-open) .guide-topics__more{display:none}.guide-topic{gap:8px;padding:12px}.guide-topic__label{font-size:14px}.guide-topics__toggle{border:1px dashed var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text-secondary);background:0 0;margin-top:8px;padding:10px;font-size:13px;font-weight:700;display:block}.guide__top-grid{scrollbar-width:none;margin:0 calc(-1 * var(--container-pad));padding:0 var(--container-pad);gap:12px;display:flex;overflow-x:auto}.guide__top-grid::-webkit-scrollbar{display:none}.guide-feature,.guide-rank li{flex:0 0 168px}.guide-rank{display:contents}.guide-feature__thumb{aspect-ratio:16/10}.guide-feature__body{margin-top:8px}.guide-feature__eyebrow{font-size:11px}.guide-feature__title{letter-spacing:0;margin-top:2px;font-size:14px;font-weight:700}.guide-feature__excerpt{display:none}.guide-rank__item{border:none;flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex}.guide-rank__thumb{width:100%}.guide-rank__no{display:none}.guide-rank__title{margin-top:8px;font-size:14px}.guide-cards,.guide-cards--topic{flex-direction:column;gap:0;display:flex}.guide-cards .guide-card:nth-child(n+4){display:none}.guide-cards--topic .guide-card:nth-child(n+4){display:grid}.guide-card{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.guide-card:last-child{border-bottom:none}.guide-card__body{margin-top:0}.guide-card__title{font-size:14px}.guide-card__excerpt{display:none}.guide-group__head{margin-bottom:4px}.guide__section-title{font-size:16px}.guide__title-icon{width:22px;height:22px}.guide-chips{margin:0 calc(-1 * var(--container-pad)) 16px;padding:0 var(--container-pad)}}