.guide-page-hero,.guide-page-body{box-sizing:border-box;width:100%;max-width:100%}.guide-page-hero{background:var(--warm);padding:clamp(40px,6vw,96px) 0}.crumb{color:var(--gray);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.crumb a{color:var(--gray);text-decoration:none;transition:color .2s}.crumb a:hover{color:var(--ink)}.crumb span{color:var(--ink2)}.kicker{font-family:var(--num);letter-spacing:.24em;color:var(--gray);text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.guide-page-hero h1{word-break:break-word;overflow-wrap:anywhere;margin:12px 0 0;font-size:clamp(26px,4.2vw,60px);font-weight:900;line-height:1.28}.guide-page-hero p{color:#696962;max-width:38em;margin:16px 0 0;font-size:clamp(14px,1.1vw,17px);font-weight:500;line-height:1.85}.guide-page-body{background:#fff;padding:clamp(40px,6vw,96px) 0}.articles-filter-section{margin-bottom:clamp(24px,4vw,48px)}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.filter-chip{border:1px solid var(--line);color:var(--ink2);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.filter-chip:hover{border-color:var(--ink);color:var(--ink)}.filter-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.guide-index{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:clamp(22px,4vw,54px);display:grid}.guide-index-feature .guide-visual{aspect-ratio:16/9;min-height:clamp(220px,30vw,460px);max-height:500px}.guide-index-list{gap:18px;display:grid}.guide-card{box-sizing:border-box;background:#fff;border:1px solid #e3e0d8;border-radius:4px;width:100%;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden}.guide-card:hover{border-color:#cbc8bf;box-shadow:0 4px 16px #0000000f}.guide-visual{background:#d8d6cf;min-height:180px;max-height:500px;display:block;position:relative;overflow:hidden}.guide-visual img{object-fit:cover;width:100%;height:100%;max-height:500px;transition:transform .55s cubic-bezier(.22,.72,.28,1)}.guide-card:hover .guide-visual img{transform:scale(1.04)}.guide-card-body{min-width:0;padding:clamp(16px,2.5vw,34px)}.guide-meta{font-family:var(--num);letter-spacing:.16em;color:#8c8c84;text-transform:uppercase;flex-wrap:wrap;gap:12px;font-size:10px;font-weight:800;display:flex}.guide-meta time{color:#9c9c94}.guide-card h3{word-break:break-word;overflow-wrap:anywhere;margin:12px 0 0;font-size:clamp(16px,1.7vw,26px);font-weight:900;line-height:1.55}.guide-card h3 a{color:var(--ink);text-decoration:none;transition:color .2s}.guide-card h3 a:hover{color:var(--gray)}.guide-card p{color:#6f6f68;margin:14px 0 0;font-size:clamp(13.5px,1vw,15.5px);font-weight:500;line-height:1.85}.guide-card.compact{grid-template-columns:168px minmax(0,1fr);min-height:168px;display:grid}.guide-card.compact .guide-visual{min-height:100%}.guide-card.compact h3{font-size:clamp(15px,1.25vw,18px)}.theme-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:clamp(48px,7vw,92px);display:grid}.theme-row div{box-sizing:border-box;padding:22px 20px}.theme-row div+div{border-left:1px solid var(--line)}.theme-row span{font-family:var(--num);letter-spacing:.16em;color:#999;font-size:10px;font-weight:800}.theme-row b{color:var(--ink);margin-top:8px;font-size:14px;font-weight:900;line-height:1.55;display:block}.pagination-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:clamp(36px,5vw,64px);display:flex}.pagination-button{border:1px solid var(--line);min-width:42px;height:42px;color:var(--ink);font-family:var(--num);background:#fff;border-radius:4px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.pagination-button:hover{border-color:var(--ink)}.pagination-button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}@media (max-width:900px){.guide-index{grid-template-columns:1fr!important}.guide-card.compact{grid-template-columns:140px minmax(0,1fr)}.theme-row{grid-template-columns:repeat(2,1fr)}.theme-row div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.theme-row div:nth-child(4){border-top:1px solid var(--line)}}@media (max-width:620px){.chip-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.guide-index-feature .guide-visual{aspect-ratio:16/9;min-height:auto}.guide-card.compact{grid-template-columns:1fr}.guide-card.compact .guide-visual{aspect-ratio:16/9;min-height:180px}.theme-row{grid-template-columns:1fr}.theme-row div+div{border-left:0;border-top:1px solid var(--line)}}