.psych{background-color:var(--color-surface-primary);min-height:100svh}.psych__header{padding-top:calc(var(--nav-height) + var(--space-7));padding-bottom:var(--space-6);padding-inline:var(--space-site-gutter)}.psych__back{align-items:center;gap:var(--space-inline-gap);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);margin-bottom:var(--space-component-gap);transition:color var(--duration-interaction) var(--easing-default);text-decoration:none;display:inline-flex}.psych__back:hover{color:var(--color-accent-default)}.psych__back:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--border-radius-component)}.psych__eyebrow{font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-label-gap)}.psych__title{font-size:var(--font-size-h1-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading);color:var(--color-text-primary);margin-bottom:var(--space-element-gap)}.psych__subtitle{font-size:var(--font-size-lead);color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:56ch;margin-bottom:var(--space-component-gap)}.psych__category-bar{border-bottom:1px solid var(--color-border-default);padding-inline:var(--space-site-gutter)}.psych__content{padding-inline:var(--space-site-gutter);padding-top:var(--space-6);padding-bottom:var(--space-section-gap)}.category-nav__list{scrollbar-width:none;flex-direction:row;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.category-nav__list::-webkit-scrollbar{display:none}.category-nav__select{display:none}.category-nav__btn{align-items:center;gap:var(--space-inline-gap);padding:var(--space-label-gap) var(--space-element-gap);cursor:pointer;white-space:nowrap;color:var(--color-text-secondary);transition:color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:flex}.category-nav__btn:hover{color:var(--color-text-primary)}.category-nav__btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.category-nav__btn--active{border-bottom:3px solid var(--color-accent-default);color:var(--color-accent-default)}.category-nav__label{align-items:center;gap:var(--space-inline-gap);display:flex}.category-nav__title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading);line-height:1}.category-nav__count{font-size:var(--font-size-label);font-family:var(--font-family-mono);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-label)}.principle-nav{margin-bottom:var(--space-element-gap)}.principle-nav__list{gap:var(--space-inline-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.principle-nav__tab{align-items:center;gap:var(--space-inline-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-full);padding:var(--space-inline-gap) var(--space-element-gap);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default), background-color var(--duration-interaction) var(--easing-default);background:0 0;display:inline-flex}.principle-nav__tab:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.principle-nav__tab:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.principle-nav__tab--active{border-color:var(--color-accent-default);color:var(--color-accent-default);background-color:color-mix(in srgb, var(--color-accent-default) 8%, transparent)}.principle-nav__tab--explored .principle-nav__check{color:var(--color-accent-default)}.principle-nav__name{line-height:1}.principle-nav__check{font-size:var(--font-size-label);color:var(--color-text-secondary);line-height:1}.principle-card{border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);padding:var(--space-component-gap);background-color:var(--color-surface-primary);transition:border-color var(--duration-interaction) var(--easing-default), background-color var(--duration-interaction) var(--easing-default)}.principle-card:hover{border-color:var(--color-border-strong)}.principle-card--explored{border-left:3px solid var(--color-accent-default);background-color:var(--color-surface-secondary)}.principle-card__body{gap:var(--space-6);margin-bottom:var(--space-component-gap);grid-template-columns:1fr 1fr;display:grid}.principle-card__col{flex-direction:column;display:flex}.principle-card__col--left{border-right:1px solid var(--color-border-default);padding-right:var(--space-6)}@media (max-width:768px){.principle-card__body{grid-template-columns:1fr;gap:0}.principle-card__col--left{border-right:none;padding-right:0}}.principle-card__header{justify-content:space-between;align-items:center;gap:var(--space-label-gap);margin-bottom:var(--space-element-gap);display:flex}.principle-card__category-badge{font-size:var(--font-size-label);font-family:var(--font-family-mono);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary);background-color:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-full);padding:2px var(--space-label-gap)}.principle-card__explored-badge{font-size:var(--font-size-label);font-family:var(--font-family-mono);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);color:var(--color-accent-default);background-color:color-mix(in srgb, var(--color-accent-default) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-default) 30%, transparent);border-radius:var(--border-radius-full);padding:2px var(--space-label-gap)}.principle-card__name{font-size:var(--font-size-h3-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading);color:var(--color-text-primary);margin-bottom:var(--space-inline-gap)}.principle-card__tagline{font-size:var(--font-size-lead);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-component-gap);font-style:italic}.principle-card__section-label{font-size:var(--font-size-label);font-family:var(--font-family-mono);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-inline-gap)}.principle-card__definition{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.principle-card__example{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body);border-left:2px solid var(--color-accent-default);padding-left:var(--space-element-gap);margin-bottom:var(--space-component-gap)}.principle-card__prompt{background-color:var(--color-surface-secondary);border-radius:var(--border-radius-md);padding:var(--space-label-gap) var(--space-element-gap);margin-bottom:var(--space-element-gap)}.principle-card__prompt-label{font-size:var(--font-size-label);font-family:var(--font-family-mono);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent-default);margin-bottom:var(--space-tight-gap)}.principle-card__prompt-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body)}.principle-card__source{font-size:var(--font-size-label);color:var(--color-text-secondary);margin-bottom:var(--space-component-gap)}.principle-card__source-badge{font-family:var(--font-family-mono);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-label);color:var(--color-text-secondary)}.principle-card__source-detail{color:var(--color-text-secondary);opacity:.7}.principle-card__challenge-btn{align-items:center;gap:var(--space-inline-gap);border:1px solid var(--color-border-default);border-radius:var(--border-radius-component);padding:var(--space-inline-gap) var(--space-element-gap);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default), background-color var(--duration-interaction) var(--easing-default);background:0 0;display:inline-flex}.principle-card__challenge-btn:hover{border-color:var(--color-accent-default);color:var(--color-accent-default);background-color:color-mix(in srgb, var(--color-accent-default) 5%, transparent)}.principle-card__challenge-btn--active{border-color:var(--color-accent-default);color:var(--color-accent-default);background-color:color-mix(in srgb, var(--color-accent-default) 8%, transparent)}.principle-card__challenge-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.challenge-panel{overflow:hidden}.challenge-panel__inner{border-top:1px solid var(--color-border-default);margin-top:var(--space-element-gap);padding-top:var(--space-component-gap)}.challenge-panel__scenario{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-element-gap)}.challenge-panel__prompt{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-label-gap)}.challenge-panel__options{gap:var(--space-label-gap);margin-bottom:var(--space-element-gap);flex-direction:column;display:flex}.challenge-panel__option{gap:var(--space-inline-gap);text-align:left;border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);width:100%;padding:var(--space-label-gap) var(--space-element-gap);cursor:pointer;transition:border-color var(--duration-interaction) var(--easing-default), background-color var(--duration-interaction) var(--easing-default);background:0 0;flex-direction:column;display:flex}.challenge-panel__option:hover:not(:disabled){border-color:var(--color-border-strong);background-color:var(--color-surface-secondary)}.challenge-panel__option:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.challenge-panel__option:disabled{opacity:.5;cursor:not-allowed}.challenge-panel__option--selected{border-color:var(--color-border-strong);background-color:var(--color-surface-secondary)}.challenge-panel__option--optimal{border-color:var(--color-accent-default);background-color:color-mix(in srgb, var(--color-accent-default) 6%, transparent)}.challenge-panel__option--suboptimal{border-color:var(--color-border-strong)}.challenge-panel__option-label{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-body)}.challenge-panel__option-explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body);border-top:1px solid var(--color-border-default);padding-top:var(--space-inline-gap);font-style:italic}.challenge-panel__reveal-btn{background-color:var(--color-accent-default);color:var(--color-accent-foreground);border-radius:var(--border-radius-component);padding:var(--space-inline-gap) var(--space-component-gap);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-interaction) var(--easing-default);margin-bottom:var(--space-element-gap);border:none;align-items:center;display:inline-flex}.challenge-panel__reveal-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.challenge-panel__reveal-btn:disabled{opacity:.4;cursor:not-allowed}.challenge-panel__reveal-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.challenge-outcome{clip-path:inset(0 0 100%);overflow:hidden}.challenge-outcome__result{border-radius:var(--border-radius-md);padding:var(--space-element-gap);border:1px solid var(--color-border-default)}.challenge-outcome__result--optimal{border-color:color-mix(in srgb, var(--color-accent-default) 40%, transparent);background-color:color-mix(in srgb, var(--color-accent-default) 6%, transparent)}.challenge-outcome__result--suboptimal{border-color:var(--color-border-default);background-color:var(--color-surface-secondary)}.challenge-outcome__badge{font-size:var(--font-size-label);font-family:var(--font-family-mono);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin-bottom:var(--space-inline-gap);display:inline-block}.challenge-outcome__result--optimal .challenge-outcome__badge{color:var(--color-accent-default)}.challenge-outcome__result--suboptimal .challenge-outcome__badge{color:var(--color-text-secondary)}.challenge-outcome__explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--space-label-gap)}.challenge-outcome__optimal-hint{border-top:1px solid var(--color-border-default);padding-top:var(--space-label-gap);margin-top:var(--space-label-gap)}.challenge-outcome__optimal-label{font-size:var(--font-size-label);font-family:var(--font-family-mono);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent-default);margin-bottom:var(--space-inline-gap)}.challenge-outcome__optimal-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-inline-gap)}.challenge-outcome__optimal-explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body)}@media (max-width:480px){.category-nav__list{display:none}.category-nav__select{background-color:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);width:100%;padding:var(--space-label-gap) var(--space-element-gap);font-size:var(--font-size-body);color:var(--color-text-primary);font-family:var(--font-family-base);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23A8A29E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-element-gap) center;padding-right:calc(var(--space-element-gap) + 24px);margin-bottom:var(--space-tight-gap);display:block}.category-nav__select:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.psych__category-bar{border-bottom:none}.principle-card{padding:var(--space-element-gap)}}@media (prefers-reduced-motion:reduce){.principle-card,.principle-card__challenge-btn,.challenge-panel__option,.challenge-panel__reveal-btn,.category-nav__btn,.psych__back{transition:none}.challenge-outcome{clip-path:none!important}}