.PaletteSection-module__hToplW__section{background-color:var(--co-shirone);padding:6rem 2rem}.PaletteSection-module__hToplW__mainTitle{text-align:center;font-family:var(--font-serif);color:var(--text-secondary);margin-bottom:4rem;font-size:2.5rem}.PaletteSection-module__hToplW__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.PaletteSection-module__hToplW__card{background:#fff;border-radius:4px;padding:2rem;box-shadow:0 4px 20px #00000008}.PaletteSection-module__hToplW__title{font-size:1.5rem;font-family:var(--font-serif);border-bottom:2px solid var(--text-secondary);margin-bottom:.5rem;padding-bottom:.5rem;display:inline-block}.PaletteSection-module__hToplW__concept{font-family:var(--font-sans);margin-bottom:1.5rem;font-size:.95rem;font-weight:600}.PaletteSection-module__hToplW__paletteDisplay{border-radius:4px;height:80px;margin-bottom:1.5rem;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.PaletteSection-module__hToplW__colorBlock{flex:1;justify-content:center;align-items:center;display:flex}.PaletteSection-module__hToplW__colorName{writing-mode:vertical-rl;font-size:.7rem;font-family:var(--font-serif);letter-spacing:.1em}.PaletteSection-module__hToplW__details{font-size:.9rem;line-height:1.7}.PaletteSection-module__hToplW__desc{opacity:.8;margin-bottom:1rem}.PaletteSection-module__hToplW__roles{flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.PaletteSection-module__hToplW__roleTag{background:#00000008;border-radius:12px;align-items:center;gap:.3rem;padding:.2rem .6rem;display:flex}.PaletteSection-module__hToplW__dot{border:1px solid #0000001a;border-radius:50%;width:10px;height:10px}.PaletteSection-module__hToplW__appTitle{color:var(--text-secondary);margin-bottom:.3rem;font-size:.85rem;font-weight:700}.PaletteSection-module__hToplW__appText{border-left:3px solid var(--text-secondary);background:#00000005;padding:.8rem}