.color-hero__inner,.ral-hero__inner,.xterm-hero__inner,.palette-hero__inner,.color-content,.cn-content,.ral-content,.xterm-content,.palette-content{width:100%;max-width:var(--site-shell-max-width);margin-inline:auto}.section :is(.color-content,.cn-content,.ral-content,.xterm-content,.palette-content){padding-inline:0}.color-hero .color-hero__title,.ral-hero .ral-hero__title,.xterm-hero .xterm-hero__title,.palette-hero .palette-hero__title{font-size:var(--page-hero-title-size);line-height:1.02;letter-spacing:var(--tracking-normal)}:is(.color-content,.cn-content,.ral-content,.xterm-content,.palette-content) .section-subtitle{margin:var(--space-10) 0 var(--space-4);font-size:var(--section-title-size-compact);line-height:1.1}.color-next-step,.ral-next-step,.xterm-next-step,.palette-next-step{width:100%;max-width:var(--site-shell-max-width);margin-inline:auto;padding-inline:0}.answer-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--bg-light)}.answer-card__eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.answer-card__title{font-family:var(--font-heading);font-size:var(--section-title-size-compact);font-weight:var(--font-bold);color:var(--text-primary)}.answer-card__summary{color:var(--text-secondary);line-height:var(--leading-relaxed)}.answer-card__list{list-style:disc;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary)}.answer-card__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.answer-card__links a{color:var(--color-accent);font-weight:var(--font-semibold);text-decoration:none}.answer-card__links a:hover{color:var(--text-primary)}.related-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.related-link-card{display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-white);text-decoration:none;transition:all var(--transition-fast)}.related-link-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.related-link-card__label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.related-link-card__meta{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.tools-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tools-links a{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast)}.tools-links a:hover{border-color:var(--color-primary);color:var(--color-primary)}.detail-action-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--bg-white);box-shadow:var(--shadow-xs)}.detail-action-panel__eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.detail-action-panel__title{font-family:var(--font-heading);font-size:var(--section-title-size-compact);font-weight:var(--font-bold);color:var(--text-primary)}.detail-action-panel__desc,.detail-action-panel__note{color:var(--text-secondary);line-height:var(--leading-relaxed)}.detail-action-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-aux-block{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--bg-white);overflow:hidden}.detail-aux-block summary{cursor:pointer;list-style:none;padding:var(--space-4) var(--space-5);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.detail-aux-block summary::-webkit-details-marker{display:none}.detail-aux-block__content{display:grid;gap:var(--space-8);padding:0 var(--space-5) var(--space-5)}@media(max-width:768px){.color-hero .color-hero__title,.ral-hero .ral-hero__title,.xterm-hero .xterm-hero__title,.palette-hero .palette-hero__title{font-size:var(--page-hero-title-size-mobile)}.answer-card{padding:var(--space-5)}.related-links-grid{grid-template-columns:1fr}.detail-action-panel,.detail-aux-block__content{padding-inline:var(--space-4)}}