.color-of-the-year-1405-page .color-year-detail{max-width:1800px;margin:0 auto;padding:1rem}.color-of-the-year-1405-page header{margin:0}.color-of-the-year-1405-page .detail-header{text-align:center;margin-top:2rem;padding:2rem 1rem}.color-of-the-year-1405-page .detail-header h1{font-size:2.5rem;color:#4a4e69;margin-bottom:1rem;font-weight:700;position:relative}.color-of-the-year-1405-page .detail-header h1::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:#f4c430;border-radius:1px}.color-of-the-year-1405-page .unofficial-badge{display:inline-block;background:#f39c12;color:#fff;padding:.5rem 1.5rem;border-radius:25px;font-size:.95rem;font-weight:600;margin-bottom:1rem;position:relative}.color-of-the-year-1405-page .unofficial-badge::before{content:"";display:inline-block;vertical-align:middle;width:22px;height:22px;margin-right:-8px;margin-left:8px;background:url("/icons/decorative-icons/information.svg") center center/contain no-repeat}.color-of-the-year-1405-page .color-showcase{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);margin-bottom:3rem}.color-of-the-year-1405-page .color-palette-banner{margin:2rem 0 1.5rem;text-align:center}.color-of-the-year-1405-page .color-palette-banner img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.color-of-the-year-1405-page .color-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.color-of-the-year-1405-page .color-palette-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.color-of-the-year-1405-page .color-palette-swatch{width:100%;border-radius:8px;margin-bottom:1rem;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.color-of-the-year-1405-page .color-palette-swatch .color-swatch{width:100%;height:auto;display:block;border-radius:8px}.color-of-the-year-1405-page .color-palette-name{font-size:1.1rem;color:#2c3e50;margin:.5rem 0}.color-of-the-year-1405-page .color-palette-code{font-family:"Courier New",monospace;font-size:.9rem;color:#555;margin:.25rem 0}.color-of-the-year-1405-page .color-palette-hex{font-family:"Courier New",monospace;font-size:.85rem;color:#777;margin:.25rem 0}.color-of-the-year-1405-page .color-palette-rgb{font-family:"Courier New",monospace;font-size:.85rem;color:#777;margin:0}.color-of-the-year-1405-page .color-hero{position:relative;width:100%;background:linear-gradient(180deg,#f0efeb 0,#f0efeb 100%);display:grid;grid-template-columns:1fr 1fr;gap:0}.color-of-the-year-1405-page .hero-left{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;position:relative}.color-of-the-year-1405-page .hero-right{display:flex;align-items:center;justify-content:center;padding:0;background:#f0efeb}.color-of-the-year-1405-page .color-swatch-container{max-width:320px;width:100%;position:relative}.color-of-the-year-1405-page .swatch-image{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3)}.color-of-the-year-1405-page .fancy-stones-image{width:100%;height:100%;object-fit:cover;display:block}.color-of-the-year-1405-page .color-info-overlay{position:absolute;bottom:2rem;left:2rem;color:#fff;z-index:3;background:rgba(0,0,0,.3);padding:1.5rem;border-radius:12px;backdrop-filter:blur(10px)}.color-of-the-year-1405-page .color-name-en{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.color-of-the-year-1405-page .color-code-display{font-size:1.5rem;font-weight:600;font-family:"Courier New",monospace;opacity:.95}.color-of-the-year-1405-page .color-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem;background:#f8f9fa}.color-of-the-year-1405-page .color-detail-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.color-of-the-year-1405-page .color-detail-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.color-of-the-year-1405-page .detail-card-title{font-size:.9rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:600}.color-of-the-year-1405-page .detail-card-value{font-size:1.8rem;color:#2c3e50;font-weight:700;font-family:"Courier New",monospace;word-break:break-all}.color-of-the-year-1405-page .color-preview-box{width:100%;height:120px;border-radius:8px;margin-top:1rem;box-shadow:inset 0 2px 8px rgba(0,0,0,.2)}.color-of-the-year-1405-page .content-section{padding:2.5rem;margin-bottom:2rem;max-width:1200px}.color-of-the-year-1405-page .color-palette-grid-section{padding:2.5rem;margin-bottom:2rem}.color-of-the-year-1405-page .color-palette-grid-section h2{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid #f0efeb;font-weight:600;text-align:center}.color-of-the-year-1405-page .content-section h2{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid #f0efeb;font-weight:600}.color-of-the-year-1405-page .content-section h3{font-size:1.4rem;color:#34495e;margin:1.5rem 0 1rem;font-weight:600}.color-of-the-year-1405-page .content-section p{font-size:1.1rem;line-height:1.9;color:#444;margin-bottom:1.2rem;text-align:justify}.color-of-the-year-1405-page .content-section ul{margin:1rem 0 1.5rem 2rem;line-height:1.9}.color-of-the-year-1405-page .content-section ul li{margin-bottom:.75rem;font-size:1.05rem;color:#555}.color-of-the-year-1405-page .highlight-box{background:linear-gradient(135deg,#f4c430 0,#f0efeb 100%);color:#2c3e50;padding:2rem;border-radius:12px;margin:2rem 0}.color-of-the-year-1405-page .highlight-box h3{color:#2c3e50;margin-top:0}.color-of-the-year-1405-page .highlight-box p{color:#2c3e50}.color-of-the-year-1405-page .info-banner{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1.5rem;margin:2rem 0;display:flex;align-items:start;gap:1rem}.color-of-the-year-1405-page .info-banner-icon{font-size:2rem;flex-shrink:0}.color-of-the-year-1405-page .info-banner-content p{margin:0;color:#856404;line-height:1.7}.color-of-the-year-1405-page .code-box{background:#f8f9fa;border:2px solid #e9ecef;border-left:4px solid #04aa6d;border-radius:8px;padding:1.5rem;font-family:"Courier New",monospace;margin:1rem 0;direction:ltr}.color-of-the-year-1405-page .code-line{margin:.5rem 0;font-size:1rem;color:#2c3e50}.color-of-the-year-1405-page .css-comment{color:#708090}.color-of-the-year-1405-page .css-property{color:#d73a49}.color-of-the-year-1405-page .css-number,.color-of-the-year-1405-page .css-property-word{color:#005cc5}.color-of-the-year-1405-page .copy-button{background:#04aa6d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;transition:opacity .2s}.color-of-the-year-1405-page .copy-button:hover{opacity:.9}.color-of-the-year-1405-page .comparison-table{width:100%;border-collapse:collapse;margin:2rem 0}.color-of-the-year-1405-page .comparison-table td,.color-of-the-year-1405-page .comparison-table th{padding:1rem;text-align:right;border-bottom:1px solid #e9ecef}.color-of-the-year-1405-page .comparison-table th{background:#f0efeb;color:#2c3e50;font-weight:600}.color-of-the-year-1405-page .comparison-table tr:hover{background:#f8f9fa}@media (max-width:768px){.color-of-the-year-1405-page .detail-header h1{font-size:1.8rem}.color-of-the-year-1405-page .color-hero{grid-template-columns:1fr}.color-of-the-year-1405-page .hero-left{padding:2rem 1rem}.color-of-the-year-1405-page .hero-right{min-height:300px}.color-of-the-year-1405-page .color-swatch-container{max-width:250px}.color-of-the-year-1405-page .color-name-en{font-size:1.8rem}.color-of-the-year-1405-page .color-code-display{font-size:1.1rem}.color-of-the-year-1405-page .color-info-overlay{left:1rem;bottom:1rem;padding:1rem}.color-of-the-year-1405-page .color-details-grid{grid-template-columns:1fr;padding:1rem}.color-of-the-year-1405-page .content-section{padding:1.5rem}.color-of-the-year-1405-page .color-palette-grid-section h2,.color-of-the-year-1405-page .content-section h2{font-size:1.5rem}}.color-of-the-year-1405-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.color-of-the-year-1405-page .detail-subtitle{font-size:1.25rem;line-height:1.9;color:#4a4e69;margin-bottom:1.5rem;text-align:center}.color-of-the-year-1405-page .subtitle-links{text-decoration:none;font-weight:700}.color-of-the-year-1405-page .subtitle-links:hover{text-decoration:underline}.color-of-the-year-1405-page .guide-info{text-align:center;font-size:1.2rem;line-height:1.9;color:var(--dark-light);max-width:1200px;margin:0 auto}@media (min-width:1500px){.color-of-the-year-1405-page .guide-info{margin-top:4rem}}.color-of-the-year-1405-page .guide-info-links{color:#306263;text-decoration:none;font-weight:700}.color-of-the-year-1405-page .guide-info-links:hover{text-decoration:underline}.color-of-the-year-1405-page .pantone-past-colors-of-the-year{display:block;max-width:100%;box-shadow:rgba(0,0,0,.067) 0 2px 8px;margin:18px auto 0;border-radius:12px}