.cdcoach-bar-wrap,
.cdcoach-explain-wrap,
.cdcoach-widget {
position: relative;
margin: 0 0 1.25rem;
font-size: 1rem;
line-height: 1.5;
}
.cdcoach-bar__controls {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.65rem;
}
.cdcoach-bar__style-label {
font-size: 0.875rem;
font-weight: 600;
white-space: nowrap;
}
.cdcoach-bar__style {
flex: 1 1 auto;
min-height: 2.5rem;
padding: 0.4rem 0.65rem;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 10px;
background: #fff;
font: inherit;
}
.cdcoach-bar-wrap--compact {
margin-bottom: 0;
}
.cdcoach-widget__toggle {
display: inline-flex;
align-items: center;
gap: 0.45rem;
min-height: 2.5rem;
padding: 0.5rem 0.85rem;
border: 1px solid rgba(107, 76, 154, 0.25);
border-radius: 999px;
background: rgba(107, 76, 154, 0.06);
color: #4a3568;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.cdcoach-widget__toggle:hover,
.cdcoach-widget__toggle:focus-visible {
background: rgba(107, 76, 154, 0.12);
}
.cdcoach-widget__panel {
margin-top: 0.75rem;
}
.cdcoach-card--cross-style {
border-color: rgba(107, 76, 154, 0.22);
background: linear-gradient(180deg, #fff 0%, #faf8fc 100%);
}
.cdcoach-card__sublead {
margin: 0.35rem 0 0.75rem;
font-weight: 600;
}
.cdcoach-cross-style {
margin: 0;
padding: 0;
list-style: none;
}
.cdcoach-cross-style__item + .cdcoach-cross-style__item {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.cdcoach-cross-style__title {
margin: 0 0 0.2rem;
font-weight: 700;
}
.cdcoach-cross-style__meta {
margin: 0 0  0.55rem;
font-size: 0.9rem;
color: #5a4a72;
font-weight: 600;
}
.cdcoach-explain-btn--inline {
width: 100%;
}
.cdcoach-card__empty {
margin: 0;
font-size: 0.95rem;
opacity: 0.85;
}
.cdcoach-card__inline-meta {
font-size: 0.875rem;
opacity: 0.75;
}
.cdcoach-bar {
display: flex;
flex-direction: column;
gap: 0.625rem;
}
.cdcoach-bar__input {
width: 100%;
min-height: 2.75rem;
padding: 0.625rem 0.875rem;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 10px;
background: #fff;
font: inherit;
color: inherit;
}
.cdcoach-bar__input:focus {
outline: 2px solid #6b4c9a;
outline-offset: 1px;
border-color: #6b4c9a;
}
.cdcoach-bar__submit,
.cdcoach-explain-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
min-height: 2.75rem;
padding: 0.625rem 1rem;
border: 0;
border-radius: 10px;
background: #6b4c9a;
color: #fff;
font: inherit;
font-weight: 600;
cursor: pointer;
text-align: center;
}
.cdcoach-bar__submit:hover,
.cdcoach-bar__submit:focus-visible,
.cdcoach-explain-btn:hover,
.cdcoach-explain-btn:focus-visible {
background: #5a3f84;
}
.cdcoach-bar__submit:focus-visible,
.cdcoach-explain-btn:focus-visible {
outline: 2px solid #1a1816;
outline-offset: 2px;
}
.cdcoach-suggest {
position: absolute;
left: 0;
right: 0;
top: calc(100% - 0.25rem);
z-index: 40;
margin: 0;
padding: 0.35rem 0;
list-style: none;
background: #fff;
border: 1px solid rgba(74, 53, 104, 0.22);
border-radius: 12px;
box-shadow: 0 12px 32px rgba(18, 14, 24, 0.14);
max-height: 18rem;
overflow: auto;
}
.cdcoach-suggest--cross-style {
border-color: rgba(107, 76, 154, 0.35);
}
.cdcoach-suggest__notice {
margin: 0;
padding: 0.65rem 0.875rem 0.45rem;
border-bottom: 1px solid rgba(107, 76, 154, 0.12);
}
.cdcoach-suggest__notice-lead,
.cdcoach-suggest__notice-sub {
margin: 0;
color: #2a2038;
font-size: 0.9rem;
line-height: 1.45;
}
.cdcoach-suggest__notice-sub {
margin-top: 0.2rem;
font-weight: 600;
color: #4a3568;
}
.cdcoach-suggest__pick {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.35rem 0.75rem;
width: 100%;
min-height: 44px;
padding: 0.7rem 0.875rem;
border: 1px solid rgba(107, 76, 154, 0.18);
border-radius: 10px;
margin: 0.35rem 0.5rem;
width: calc(100% - 1rem);
background: #faf8fc;
color: #2a2038;
text-align: left;
font: inherit;
cursor: pointer;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}
.cdcoach-suggest__pick:hover,
.cdcoach-suggest__pick:focus-visible {
background: #f3edf8;
border-color: rgba(107, 76, 154, 0.45);
outline: none;
box-shadow: 0 0 0 2px rgba(107, 76, 154, 0.18);
}
.cdcoach-suggest__title {
font-weight: 700;
color: #2a2038;
}
.cdcoach-suggest__meta {
font-size: 0.8125rem;
font-weight: 600;
color: #5a4a72;
}
.cdcoach-answer-host {
margin-top: 0.875rem;
}
.cdcoach-card {
padding: 1rem 1.05rem;
border: 1px solid rgba(74, 53, 104, 0.18);
border-radius: 12px;
background: #fff;
color: #2a2038;
box-shadow: 0 8px 24px rgba(18, 14, 24, 0.08);
}
.cdcoach-card__lead,
.cdcoach-card__summary,
.cdcoach-card__text {
color: #2a2038;
}
.cdcoach-card__meta {
margin: 0;
font-size: 0.9rem;
color: #5a4a72;
font-weight: 600;
}
.cdcoach-card--loading {
display: flex;
align-items: center;
gap: 0.75rem;
}
.cdcoach-spinner {
width: 1.125rem;
height: 1.125rem;
border: 2px solid rgba(107, 76, 154, 0.25);
border-top-color: #6b4c9a;
border-radius: 50%;
animation: cdcoach-spin 0.75s linear infinite;
}
@keyframes cdcoach-spin {
to {
transform: rotate(360deg);
}
}
.cdcoach-card__title {
margin: 0 0 0.35rem;
font-size: 1.125rem;
line-height: 1.35;
color: #2a2038;
}
.cdcoach-card__summary {
margin: 0.75rem 0 0;
}
.cdcoach-card__subtitle {
margin: 0 0 0.35rem;
font-size: 0.95rem;
color: #4a3568;
font-weight: 700;
}
.cdcoach-card__block + .cdcoach-card__block {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.cdcoach-card__text {
white-space: pre-wrap;
}
.cdcoach-card__links {
margin: 0;
padding-left: 1.1rem;
}
.cdcoach-card__links a {
color: #6b4c9a;
text-decoration: underline;
text-underline-offset: 2px;
}
.cdcoach-card__foot {
margin-top: 0.95rem;
}
.cdcoach-card__sheet-link {
display: inline-flex;
align-items: center;
min-height: 2.5rem;
padding: 0.45rem 0.85rem;
border-radius: 8px;
background: rgba(107, 76, 154, 0.1);
color: #6b4c9a;
font-weight: 600;
text-decoration: none;
}
.cdcoach-ai-wrap {
margin-top: 0.85rem;
}
.cdcoach-ai-badge {
display: inline-block;
margin-bottom: 0.35rem;
padding: 0.15rem 0.5rem;
border-radius: 999px;
background: rgba(198, 40, 40, 0.12);
color: #b71c1c;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.cdcoach-ai-btn--admin-test {
border-color: rgba(198, 40, 40, 0.35);
}
.cdcoach-ai-notice__summary {
margin: 0 0 0.65rem;
font-weight: 600;
}
.cdcoach-ai-notice__section {
margin-top: 0.55rem;
}
.cdcoach-ai-notice__section-title {
margin: 0 0 0.25rem;
font-size: 0.92rem;
}
.cdcoach-ai-notice__section-body {
margin: 0;
line-height: 1.45;
}
.cdcoach-ai-notice__meta {
margin: 0.55rem 0 0;
font-size: 0.82rem;
opacity: 0.85;
}
.cdcoach-ai-wrap {
margin-top: 1rem;
padding-top: 0.85rem;
border-top: 1px solid rgba(107, 76, 154, 0.15);
}
.cdcoach-ai-btn {
display: flex;
align-items: center;
gap: 0.65rem;
width: 100%;
min-height: 3.25rem;
padding: 0.75rem 1rem;
border: 2px solid rgba(107, 76, 154, 0.35);
border-radius: 12px;
background: linear-gradient(135deg, rgba(107, 76, 154, 0.14), rgba(212, 175, 55, 0.1));
color: #3d2d5c;
font-weight: 700;
font-size: 1rem;
line-height: 1.25;
cursor: pointer;
text-align: left;
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
.cdcoach-ai-btn__icon {
flex: 0 0 auto;
font-size: 1.35rem;
line-height: 1;
}
.cdcoach-ai-btn__body {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
.cdcoach-ai-btn__label {
font-size: 1rem;
font-weight: 700;
}
.cdcoach-ai-btn__meta {
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #6b4c9a;
opacity: 0.95;
}
.cdcoach-ai-btn--active {
border-color: #6b4c9a;
background: linear-gradient(135deg, #6b4c9a 0%, #8b6bb8 100%);
color: #fff;
box-shadow: 0 6px 18px rgba(107, 76, 154, 0.32);
}
.cdcoach-ai-btn--active .cdcoach-ai-btn__meta {
color: rgba(255, 255, 255, 0.88);
}
.cdcoach-ai-btn--active:hover:not(:disabled),
.cdcoach-ai-btn--active:focus-visible {
background: linear-gradient(135deg, #5a3f82 0%, #7a5aa8 100%);
box-shadow: 0 8px 22px rgba(107, 76, 154, 0.38);
transform: translateY(-1px);
}
.cdcoach-ai-btn--locked {
border-color: rgba(212, 175, 55, 0.55);
background: linear-gradient(135deg, rgba(212, 175, 55, 0.16), rgba(255, 255, 255, 0.95));
color: #6b4c00;
}
.cdcoach-ai-btn--locked .cdcoach-ai-btn__meta {
color: #9a7b00;
}
.cdcoach-ai-btn--soon {
border-color: rgba(107, 76, 154, 0.28);
background: rgba(107, 76, 154, 0.08);
color: #4a3568;
}
.cdcoach-ai-btn--loading {
opacity: 0.85;
cursor: wait;
}
.cdcoach-ai-btn:hover:not(:disabled):not(.cdcoach-ai-btn--loading) {
background: linear-gradient(135deg, rgba(107, 76, 154, 0.2), rgba(212, 175, 55, 0.16));
}
.cdcoach-ai-btn--locked:hover,
.cdcoach-ai-btn--soon:hover {
transform: translateY(-1px);
}
.cdcoach-ai-btn--admin-test {
border-color: rgba(198, 40, 40, 0.35);
}
.cdcoach-ai-notice {
margin-top: 0.65rem;
padding: 0.75rem 0.9rem;
border-radius: 10px;
font-size: 0.95rem;
line-height: 1.5;
min-height: 2.75rem;
}
.cdcoach-ai-notice__loading-row {
display: inline-flex;
align-items: center;
gap: 0.55rem;
}
.cdcoach-ai-notice__gate-msg {
margin: 0 0 0.65rem;
font-weight: 600;
}
.cdcoach-ai-notice__gate-cta {
margin: 0;
}
.cdcoach-card__premium-msg {
margin: 0 0 0.65rem;
font-weight: 600;
color: #4a3568;
line-height: 1.45;
}
.cdcoach-ai-notice--loading {
background: rgba(107, 76, 154, 0.08);
color: #4a3570;
}
.cdcoach-ai-notice--success {
background: rgba(46, 125, 50, 0.1);
color: #2e7d32;
}
.cdcoach-ai-notice--locked {
background: rgba(212, 175, 55, 0.12);
color: #7a5c00;
}
.cdcoach-ai-notice--soon {
background: rgba(107, 76, 154, 0.08);
color: #4a3570;
}
.cdcoach-ai-notice--error {
background: rgba(198, 40, 40, 0.08);
color: #b71c1c;
}
.cdcoach-card--not-found,
.cdcoach-card--error {
border-color: rgba(180, 60, 60, 0.25);
background: rgba(180, 60, 60, 0.04);
}
.cdcoach-card__examples {
margin: 0.75rem 0 0;
padding: 0;
list-style: none;
}
.cdcoach-example-pick {
display: block;
width: 100%;
min-height: 44px;
margin: 0.35rem 0 0;
padding: 0.65rem 0.85rem;
border: 1px solid rgba(107, 76, 154, 0.32);
border-radius: 10px;
background: #faf8fc;
color: #2a2038;
font-weight: 600;
text-align: left;
cursor: pointer;
}
.cdcoach-example-pick:hover,
.cdcoach-example-pick:focus-visible {
border-color: rgba(107, 76, 154, 0.55);
background: #f3edf8;
outline: none;
box-shadow: 0 0 0 2px rgba(107, 76, 154, 0.18);
}
.cdcoach-card--list .cdcoach-disambig {
margin: 0.5rem 0 0;
padding: 0;
list-style: none;
}
.cdcoach-disambig--picks {
margin: 0;
padding: 0;
list-style: none;
}
.cdcoach-disambig--picks .cdcoach-suggest__pick {
width: calc(100% - 0.5rem);
margin: 0.35rem 0.25rem 0;
}
.cdcoach-card--disambig,
.cdcoach-card--compare,
.cdcoach-card--cross-style {
border-color: rgba(107, 76, 154, 0.28);
background: linear-gradient(180deg, #fff 0%, #faf8fc 100%);
}
.cdcoach-card--disambig .cdcoach-card__lead {
font-weight: 600;
color: #4a3568;
}
.cdcoach-card--disambig .cdcoach-suggest__pick,
.cdcoach-card--list .cdcoach-suggest__pick {
background: #faf8fc;
}
.cdcoach-quick-access {
margin: 0.85rem 0 1.25rem;
}
.cdcoach-quick-access__link {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.85rem 1rem;
border-radius: 12px;
border: 1px solid rgba(107, 76, 154, 0.22);
background: linear-gradient(135deg, #faf8fc 0%, #f4f6f9 100%);
text-decoration: none;
color: inherit;
min-height: 56px;
}
.cdcoach-quick-access__link:hover,
.cdcoach-quick-access__link:focus-visible {
border-color: rgba(107, 76, 154, 0.45);
background: rgba(107, 76, 154, 0.06);
}
.cdcoach-quick-access__title {
display: block;
font-size: 1rem;
}
.cdcoach-quick-access__subtitle {
display: block;
font-size: 0.875rem;
opacity: 0.85;
}
.cdcoach-card--compare .cdcoach-compare-figure + .cdcoach-compare-figure {
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid rgba(107, 76, 154, 0.12);
}
.cdcoach-card--disambig .cdcoach-disambig {
margin: 0.5rem 0 0;
padding: 0;
list-style: none;
}
.cdcoach-card--disambig .cdcoach-suggest__pick {
border-radius: 8px;
}
@media (min-width: 640px) {
.cdcoach-bar {
flex-direction: row;
align-items: stretch;
}
.cdcoach-bar__input {
flex: 1 1 auto;
}
.cdcoach-bar__submit {
flex: 0 0 auto;
white-space: nowrap;
}
}
@media (prefers-reduced-motion: reduce) {
.cdcoach-spinner {
animation: none;
border-top-color: #6b4c9a;
}
} .cdcoach-member-card {
border: 1px solid rgba(107, 76, 154, 0.22);
background: linear-gradient(135deg, rgba(107, 76, 154, 0.06) 0%, #fff 55%);
}
.cdcoach-member-card__icon {
margin-right: 0.35rem;
}
.cdcoach-member-card__lead {
max-width: 42rem;
}
.cdcoach-member-card__actions {
margin: 0.75rem 0 0;
}
.cdcoach-member-card__cta {
background: #6b4c9a;
border-color: #6b4c9a;
color: #fff;
font-weight: 700;
padding: 0.65rem 1.25rem;
box-shadow: 0 4px 14px rgba(107, 76, 154, 0.28);
}
.cdcoach-member-card__cta--primary {
background: linear-gradient(135deg, #6b4c9a 0%, #8b6bb8 100%);
}
.cdcoach-member-card__cta:hover,
.cdcoach-member-card__cta:focus-visible {
background: #5a3f82;
color: #fff;
box-shadow: 0 6px 18px rgba(107, 76, 154, 0.35);
}
.cdcoach-member-card__badge {
display: inline-flex;
align-items: center;
padding: 0.2rem 0.55rem;
border-radius: 999px;
font-size: 0.75rem;
font-weight: 700;
}
.cdcoach-member-card__badge--premium {
background: rgba(107, 76, 154, 0.12);
color: #4a3568;
}
.cdcoach-member-card__badge--new {
background: rgba(46, 125, 50, 0.12);
color: #2e7d32;
}
.cdcoach-member-card__badge--soon {
background: rgba(0, 0, 0, 0.06);
color: #555;
} .cdl-filters__label--search {
position: relative;
}
.cdcoach-suggest--cdl {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 0.25rem);
z-index: 40;
max-height: 16rem;
overflow: auto;
margin: 0;
padding: 0.35rem 0;
list-style: none;
border: 1px solid rgba(107, 76, 154, 0.28);
border-radius: 10px;
background: #fff;
box-shadow: 0 8px 24px rgba(30, 58, 95, 0.18);
}
.cdcoach-suggest--cdl .cdcoach-suggest__pick {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.5rem;
width: 100%;
padding: 0.55rem 0.75rem;
border: 0;
background: transparent;
color: #1e3a5f;
text-align: left;
cursor: pointer;
font: inherit;
}
.cdcoach-suggest--cdl .cdcoach-suggest__pick:hover,
.cdcoach-suggest--cdl .cdcoach-suggest__pick:focus-visible {
background: rgba(107, 76, 154, 0.08);
}
.cdcoach-suggest--cdl .cdcoach-suggest__title {
font-weight: 700;
color: #1e3a5f;
}
.cdcoach-suggest--cdl .cdcoach-suggest__meta {
font-size: 0.78rem;
font-weight: 600;
color: #6b4c9a;
background: rgba(107, 76, 154, 0.1);
padding: 0.1rem 0.45rem;
border-radius: 999px;
} .cdm-coach-card.cdcoach-parcours-card .cdm-coach-card__cta {
background: rgba(107, 76, 154, 0.1);
color: #4a3568;
font-weight: 700;
}
.cdm-coach-card.cdcoach-parcours-card .cdm-coach-card__cta:hover {
background: rgba(107, 76, 154, 0.18);
}
.cdm-coach-card.cdcoach-parcours-card--new .cdm-coach-card__badge--recommended {
background: rgba(46, 125, 50, 0.12);
color: #2e7d32;
} .cdcoach-bar-wrap--hub {
margin-bottom: 1rem;
}
.cdcoach-hub {
margin-bottom: 0.75rem;
}
.cdcoach-hub-banner {
margin: 0 0 0.75rem;
padding: 0;
}
.cdcoach-hub-banner__title {
margin: 0 0 0.3rem;
font-size: 1.2rem;
line-height: 1.25;
font-weight: 800;
color: #2f2344;
}
.cdcoach-hub-banner__lead {
margin: 0 0 0.85rem;
max-width: 40rem;
font-size: 0.92rem;
line-height: 1.45;
color: #5a4a72;
font-weight: 500;
} .cdcoach-hub-cards {
display: grid;
gap: 0.75rem;
margin: 0 0 0.85rem;
}
@media (min-width: 768px) {
.cdcoach-hub-cards {
grid-template-columns: 1fr 1fr;
align-items: stretch;
grid-auto-rows: 1fr;
}
}
.cdcoach-entry-card {
display: flex;
flex-direction: column;
gap: 0.5rem;
min-height: 100%;
padding: 0.95rem 1.05rem;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #fff;
}
.cdcoach-entry-card--library {
border-color: rgba(46, 125, 50, 0.22);
}
.cdcoach-entry-card--coach {
border-color: rgba(107, 76, 154, 0.3);
background: linear-gradient(180deg, rgba(107, 76, 154, 0.05) 0%, #fff 45%);
box-shadow: inset 3px 0 0 rgba(107, 76, 154, 0.35);
}
.cdcoach-entry-card.is-active {
box-shadow: 0 2px 10px rgba(30, 58, 95, 0.08);
}
.cdcoach-entry-card--library.is-active {
border-color: rgba(46, 125, 50, 0.38);
background: rgba(46, 125, 50, 0.03);
box-shadow: 0 2px 10px rgba(46, 125, 50, 0.08);
}
.cdcoach-entry-card--coach.is-active {
border-color: rgba(107, 76, 154, 0.42);
background: linear-gradient(180deg, rgba(107, 76, 154, 0.09) 0%, rgba(107, 76, 154, 0.03) 100%);
box-shadow: inset 3px 0 0 rgba(107, 76, 154, 0.5), 0 2px 12px rgba(107, 76, 154, 0.1);
}
.cdcoach-entry-card__head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem 0.55rem;
}
.cdcoach-entry-card__title {
margin: 0;
font-size: 0.98rem;
line-height: 1.25;
font-weight: 800;
color: #3d2d57;
}
.cdcoach-entry-card__text {
margin: 0;
flex: 1 1 auto;
font-size: 0.86rem;
line-height: 1.45;
color: #5a4a72;
}
.cdcoach-entry-card__cta {
align-self: flex-start;
margin-top: auto;
padding: 0.45rem 0.85rem;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 8px;
background: #fff;
color: #4a3568;
font: inherit;
font-size: 0.86rem;
font-weight: 700;
line-height: 1.3;
cursor: pointer;
transition: background 0.12s ease, border-color 0.12s ease;
}
.cdcoach-entry-card__cta--coach {
border-color: rgba(107, 76, 154, 0.32);
color: #4a3568;
background: rgba(255, 255, 255, 0.92);
}
.cdcoach-entry-card__cta:hover,
.cdcoach-entry-card__cta:focus-visible {
background: rgba(107, 76, 154, 0.06);
border-color: rgba(107, 76, 154, 0.35);
}
.cdcoach-entry-card__cta:focus-visible {
outline: 2px solid #6b4c9a;
outline-offset: 2px;
}
.cdcoach-coach-intro {
margin: 0 0 0.75rem;
}
.cdcoach-coach-intro__head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem 0.65rem;
margin-bottom: 0.35rem;
}
.cdcoach-coach-intro__title {
margin: 0;
font-size: 1.05rem;
line-height: 1.25;
font-weight: 800;
color: #3d2d57;
}
.cdcoach-coach-intro__lead {
margin: 0;
color: #5a4a72;
font-size: 0.9rem;
line-height: 1.45;
}
.cdcoach-hub__switch {
display: flex;
gap: 0.5rem;
margin: 0.25rem 0 0;
padding: 0.3rem;
border-radius: 999px;
background: rgba(107, 76, 154, 0.07);
border: 1px solid rgba(107, 76, 154, 0.12);
max-width: 22rem;
}
.cdcoach-hub__tab {
flex: 1 1 50%;
min-height: 2.75rem;
padding: 0.5rem 0.85rem;
border: 0;
border-radius: 999px;
background: transparent;
color: #5a4a72;
font: inherit;
font-weight: 700;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.cdcoach-hub__tab--active {
background: #fff;
color: #4a3568;
box-shadow: 0 1px 4px rgba(74, 53, 104, 0.12);
}
.cdcoach-hub__tab:focus-visible {
outline: 2px solid #6b4c9a;
outline-offset: 2px;
}
.cdcoach-hub__panels {
display: block;
margin-top: 0.75rem;
}
.cdcoach-hub__panel {
display: none;
}
.cdcoach-hub__panel.is-active {
display: block;
}
.cdcoach-hero {
margin: 0 0 1rem;
padding: 1rem 1.05rem;
border-radius: 14px;
border: 1px solid rgba(0, 0, 0, 0.08);
}
.cdcoach-hero--library {
background: linear-gradient(135deg, rgba(46, 125, 50, 0.07) 0%, rgba(255, 255, 255, 0.95) 70%);
border-color: rgba(46, 125, 50, 0.2);
}
.cdcoach-hero--coach {
background: linear-gradient(135deg, rgba(107, 76, 154, 0.1) 0%, rgba(255, 255, 255, 0.96) 72%);
border-color: rgba(107, 76, 154, 0.24);
}
.cdcoach-hero__icon {
display: block;
font-size: 1.65rem;
line-height: 1;
margin-bottom: 0.45rem;
}
.cdcoach-hero__headline {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 0.75rem;
margin-bottom: 0.35rem;
}
.cdcoach-hero__title {
margin: 0;
font-size: 1.2rem;
line-height: 1.25;
font-weight: 800;
color: #3d2d57;
}
.cdcoach-hero__badge {
display: inline-flex;
align-items: center;
min-height: 1.6rem;
padding: 0.15rem 0.55rem;
border-radius: 999px;
background: rgba(201, 162, 39, 0.16);
border: 1px solid rgba(201, 162, 39, 0.45);
color: #6b5310;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cdcoach-hero__lead {
margin: 0 0 0.65rem;
color: #5a4a72;
font-size: 0.95rem;
line-height: 1.45;
}
.cdcoach-hero__topics-label {
margin: 0 0 0.35rem;
font-size: 0.88rem;
font-weight: 700;
color: #4a3568;
}
.cdcoach-hero__topics {
display: flex;
flex-wrap: wrap;
gap: 0.4rem 0.55rem;
margin: 0 0 0.75rem;
padding: 0;
list-style: none;
}
.cdcoach-hero__topics li {
padding: 0.28rem 0.6rem;
border-radius: 999px;
background: rgba(107, 76, 154, 0.08);
border: 1px solid rgba(107, 76, 154, 0.16);
font-size: 0.84rem;
font-weight: 600;
color: #4a3568;
}
.cdcoach-hero__note {
margin: 0;
font-size: 0.86rem;
line-height: 1.45;
color: #5a4a72;
}
.cdcoach-hero__cta {
width: 100%;
max-width: 100%;
}
@media (max-width: 375px) {
.cdcoach-hub-banner__title {
font-size: 1.1rem;
}
.cdcoach-hub-cards {
gap: 0.65rem;
}
.cdcoach-entry-card {
padding: 0.9rem 0.95rem;
border-radius: 10px;
}
.cdcoach-entry-card__title {
font-size: 0.94rem;
}
.cdcoach-entry-card__text {
font-size: 0.84rem;
line-height: 1.42;
overflow-wrap: anywhere;
}
.cdcoach-entry-card__cta {
min-height: 2.5rem;
max-width: 100%;
padding: 0.5rem 0.8rem;
}
.cdcoach-hub__switch {
max-width: 100%;
gap: 0.35rem;
padding: 0.28rem;
}
.cdcoach-hub__tab {
min-height: 2.5rem;
padding: 0.45rem 0.55rem;
font-size: 0.92rem;
}
.cdcoach-hero {
padding: 0.85rem 0.9rem;
}
.cdcoach-hero__topics li {
font-size: 0.8rem;
}
.cdcoach-bar__input,
.cdcoach-ai-question-input {
min-width: 0;
}
} .cdcoach-split {
display: grid;
gap: 1.25rem;
}
@media (min-width: 768px) {
.cdcoach-split {
grid-template-columns: 1fr 1fr;
align-items: start;
}
}
.cdcoach-zone {
padding: 0.85rem 0.95rem;
border-radius: 10px;
border: 1px solid rgba(107, 76, 154, 0.14);
background: rgba(255, 255, 255, 0.65);
}
.cdcoach-zone--library {
border-color: rgba(46, 125, 50, 0.2);
background: rgba(46, 125, 50, 0.04);
}
.cdcoach-zone--ai {
border-color: rgba(107, 76, 154, 0.22);
background: rgba(107, 76, 154, 0.05);
}
.cdcoach-zone__title {
margin: 0 0 0.45rem;
font-size: 1rem;
font-weight: 700;
color: #4a3568;
}
.cdcoach-zone--bar {
margin-top: 1rem;
}
.cdcoach-zone--bar + .cdcoach-suggest {
margin-top: 0.5rem;
}
.cdcoach-ai-btn__hint {
margin: 0.45rem 0 0;
flex: 1 1 100%;
font-size: 0.88rem;
line-height: 1.45;
color: #5a4a72;
font-weight: 500;
}
.cdcoach-ai-general-actions--bar {
width: 100%;
}
.cdcoach-zone__lead {
margin: 0 0 0.65rem;
color: #5a4a72;
font-size: 0.92rem;
line-height: 1.45;
}
.cdcoach-zone__result {
margin: 0;
}
.cdcoach-ai-question-label {
display: block;
flex: 1 1 100%;
font-size: 0.88rem;
font-weight: 600;
color: #4a3568;
margin-bottom: 0.35rem;
}
.cdcoach-ai-question-input {
flex: 1 1 100%;
width: 100%;
padding: 0.55rem 0.75rem;
border: 1px solid rgba(107, 76, 154, 0.25);
border-radius: 8px;
font-size: 0.95rem;
}
.cdcoach-ai-btn--disabled,
.cdcoach-ai-btn--disabled:disabled,
.cdcoach-ai-btn[disabled].cdcoach-ai-btn--disabled {
opacity: 0.72;
cursor: not-allowed;
background: rgba(107, 76, 154, 0.12);
border-color: rgba(107, 76, 154, 0.22);
color: #5a4a72;
box-shadow: none;
}
.cdcoach-ai-status-msg,
.cdcoach-ai-status-msg--below {
margin: 0;
padding: 0.65rem 0.75rem;
border-radius: 8px;
background: rgba(201, 162, 39, 0.12);
color: #5c4a12;
font-weight: 600;
line-height: 1.45;
}
.cdcoach-ai-status-msg--below {
margin: 0.35rem 0 0;
flex: 1 1 100%;
}
.cdcoach-card__examples--ai .cdcoach-example-pick {
text-align: left;
}
.cdcoach-card--not-found .cdcoach-card__sublead {
margin: 0.65rem 0 0;
color: #4a3568;
font-weight: 600;
}
.cdcoach-ai-general-actions {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
align-items: flex-start;
flex-direction: column;
}
.cdcoach-ai-general-actions .cdcoach-ai-btn {
width: auto;
min-width: min(100%, 18rem);
}
@media (min-width: 640px) {
.cdcoach-ai-btn {
max-width: 28rem;
}
}
.cdcoach-ai-notice--inline {
flex: 1 1 100%;
}
.cdcoach-ai-btn--premium-cta {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.cdcoach-ai-notice__answer--primary {
margin-bottom: 0.85rem;
}
.cdcoach-ai-followup {
margin: 0.75rem 0 0.85rem;
padding: 0.65rem 0 0;
border-top: 1px dashed rgba(107, 76, 154, 0.22);
}
.cdcoach-ai-followup__toggle {
display: inline-flex;
align-items: center;
min-height: 2.25rem;
padding: 0.35rem 0.75rem;
border: 1px solid rgba(107, 76, 154, 0.35);
border-radius: 8px;
background: rgba(107, 76, 154, 0.06);
color: #4a3568;
font-size: 0.875rem;
font-weight: 600;
cursor: pointer;
}
.cdcoach-ai-followup__toggle:hover {
background: rgba(107, 76, 154, 0.12);
}
.cdcoach-ai-followup__form {
margin-top: 0.65rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.cdcoach-ai-followup__label {
font-size: 0.8125rem;
font-weight: 600;
color: #4a3568;
}
.cdcoach-ai-followup__input {
width: 100%;
min-height: 2.5rem;
padding: 0.45rem 0.65rem;
border: 1px solid rgba(107, 76, 154, 0.28);
border-radius: 8px;
font-size: 0.9375rem;
}
.cdcoach-ai-followup__submit {
align-self: flex-start;
}
.cdcoach-ai-followup__result {
margin-top: 0.75rem;
}
.cdcoach-ai-followup__answer {
padding: 0.65rem 0.75rem;
border-radius: 8px;
background: rgba(107, 76, 154, 0.05);
border-left: 3px solid #6b4c9a;
}
.cdcoach-ai-notice__personalization {
margin-top: 1rem;
padding-top: 0.85rem;
border-top: 1px solid rgba(107, 76, 154, 0.18);
}
.cdcoach-ai-notice__personalization-title {
margin: 0 0 0.45rem;
font-size: 0.95rem;
font-weight: 700;
color: #4a3568;
}
.cdcoach-ai-notice__badge--inline {
margin: 0 0 0.5rem;
display: inline-block;
}
.cdcoach-reco--go-further {
margin-top: 0.85rem;
}
.cdcoach-ai-banner--general {
margin: 0 0 0.85rem;
padding: 0.65rem 0.75rem;
border-radius: 8px;
border-left: 4px solid #c9a227;
background: rgba(201, 162, 39, 0.1);
color: #5c4a12;
font-size: 0.9rem;
line-height: 1.45;
}
.cdcoach-card--ai-general {
border-color: rgba(107, 76, 154, 0.25);
} .cdcoach-reco {
margin: 0.85rem 0;
padding: 0.75rem 0.85rem;
border-radius: 8px;
background: rgba(107, 76, 154, 0.06);
border: 1px solid rgba(107, 76, 154, 0.15);
}
.cdcoach-reco__title {
margin: 0 0 0.5rem;
font-size: 0.92rem;
font-weight: 600;
color: #4a3568;
}
.cdcoach-reco__list {
margin: 0;
padding: 0;
list-style: none;
}
.cdcoach-reco__item {
margin: 0.35rem 0;
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.65rem;
align-items: baseline;
}
.cdcoach-reco__link {
color: #6b4c9a;
font-weight: 600;
text-decoration: none;
}
.cdcoach-reco__link:hover {
text-decoration: underline;
}
.cdcoach-reco__reason {
font-size: 0.82rem;
color: #666;
}
.cdcoach-ai-notice__badge {
display: inline-block;
margin: 0 0 0.5rem;
padding: 0.2rem 0.55rem;
border-radius: 999px;
background: rgba(107, 76, 154, 0.12);
color: #4a3568;
font-size: 0.78rem;
font-weight: 600;
}
.cdcoach-adaptive {
margin: 0.75rem 0;
padding: 0.75rem 0.85rem;
border-radius: 8px;
background: rgba(201, 162, 39, 0.08);
border: 1px solid rgba(201, 162, 39, 0.22);
}
.cdcoach-adaptive__title {
margin: 0 0 0.45rem;
font-size: 0.92rem;
font-weight: 600;
color: #5c4a12;
}
.cdcoach-adaptive__diagnostics {
margin: 0 0 0.5rem;
padding-left: 1.1rem;
font-size: 0.9rem;
line-height: 1.45;
}
.cdcoach-adaptive__plan-list {
margin: 0;
padding-left: 0;
list-style: none;
}
.cdcoach-adaptive__plan-list li {
margin: 0.35rem 0;
font-size: 0.9rem;
}
.cdcoach-adaptive__plan-label {
font-weight: 600;
color: #4a3568;
}
.cdcoach-adaptive__gate-msg {
margin: 0 0 0.5rem;
font-size: 0.9rem;
}
.cdcoach-adaptive__empty {
margin: 0;
font-size: 0.88rem;
color: #666;
}
.cdcoach-adaptive__why {
margin: 0 0 0.65rem;
font-size: 0.88rem;
color: #444;
}
.cdcoach-goals {
margin: 1.25rem 0;
padding: 1rem 1.15rem;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 10px;
background: #fafafa;
}
.cdcoach-goals__title {
margin: 0 0 0.35rem;
font-size: 1.05rem;
}
.cdcoach-goals__lead {
margin: 0 0 0.85rem;
font-size: 0.9rem;
color: #555;
}
.cdcoach-goals__field {
display: block;
margin-bottom: 0.75rem;
}
.cdcoach-goals__label {
display: block;
margin-bottom: 0.25rem;
font-size: 0.85rem;
font-weight: 600;
}
.cdcoach-goals__select {
width: 100%;
max-width: 28rem;
padding: 0.45rem 0.55rem;
border-radius: 6px;
border: 1px solid #ccc;
background: #fff;
}
.cdcoach-goals__actions {
margin: 0.5rem 0 0;
}
.cdcoach-goals__save {
padding: 0.45rem 0.85rem;
border: 0;
border-radius: 6px;
background: #1a6b4f;
color: #fff;
cursor: pointer;
font-size: 0.9rem;
}
.cdcoach-goals__save:hover {
background: #145a42;
}
.cdcoach-goals__status {
margin: 0.5rem 0 0;
font-size: 0.85rem;
color: #1a6b4f;
}
.cdcoach-goals__error {
margin: 0;
color: #a33;
font-size: 0.9rem;
}
.cdcoach-goals--compact .cdcoach-goals__lead {
display: none;
}
.cdcoach-next-course {
margin: 1.25rem 0;
padding: 1rem 1.15rem;
border: 1px solid rgba(26, 107, 79, 0.2);
border-radius: 10px;
background: #f8fbf9;
}
.cdcoach-next-course__title {
margin: 0 0 0.35rem;
font-size: 1.15rem;
}
.cdcoach-next-course__lead {
margin: 0 0 0.85rem;
font-size: 0.9rem;
color: #555;
}
.cdcoach-next-course__subtitle {
margin: 0 0 0.65rem;
font-size: 0.9rem;
color: #333;
}
.cdcoach-next-course__preview-badge {
display: inline-block;
margin: 0 0 0.65rem;
padding: 0.2rem 0.55rem;
border-radius: 4px;
background: #eef5f2;
font-size: 0.8rem;
font-weight: 600;
color: #1a6b4f;
}
.cdcoach-next-course__why {
margin: 0 0 0.85rem;
font-size: 0.88rem;
color: #444;
}
.cdcoach-next-course__section {
margin-bottom: 0.85rem;
padding-bottom: 0.65rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.cdcoach-next-course__section-title {
margin: 0 0 0.35rem;
font-size: 0.95rem;
}
.cdcoach-next-course__duration {
font-weight: 400;
font-size: 0.82rem;
color: #666;
}
.cdcoach-next-course__items {
margin: 0;
padding-left: 1.1rem;
}
.cdcoach-next-course__item {
margin-bottom: 0.35rem;
font-size: 0.9rem;
}
.cdcoach-next-course__instruction {
margin: 0.15rem 0 0;
font-size: 0.85rem;
color: #555;
}
.cdcoach-next-course__reason {
display: block;
font-size: 0.78rem;
color: #777;
}
.cdcoach-next-course--compact .cdcoach-next-course__lead {
display: none;
}