.cdach-profile {
margin: 0.85rem 0 0;
padding: 0.75rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.78);
}
.cdach-profile__kicker {
margin: 0 0 0.2rem;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-profile__stat,
.cdach-profile__hint,
.cdach-profile__module {
margin: 0;
font-size: 0.88rem;
line-height: 1.35;
color: #334155;
}
.cdach-profile__hint {
margin-top: 0.35rem;
font-size: 0.8rem;
color: #64748b;
}
.cdach-profile__module {
margin: 0.55rem 0 0.25rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-profile__badges {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
list-style: none;
margin: 0.2rem 0 0;
padding: 0;
}
.cdach-profile__badge,
.cdach-profile__more {
margin: 0;
padding: 0.18rem 0.5rem;
border-radius: 999px;
border: 1px solid rgba(201, 162, 39, 0.4);
background: rgba(201, 162, 39, 0.12);
color: #1e3a5f;
font-size: 0.72rem;
font-weight: 650;
line-height: 1.3;
}
.cdach-profile--compact {
margin: 0.45rem 0 0;
padding: 0.4rem 0;
border: 0;
background: transparent;
}
.cd-fd-card .cdach-profile--compact {
margin-top: 0.5rem;
}
.cdach-profile__all {
margin: 0.55rem 0 0;
font-size: 0.82rem;
}
.cdach-profile__all a,
.cdach-hub__link {
color: #1e3a5f;
font-weight: 650;
text-decoration: underline;
text-underline-offset: 0.12em;
}
.cdach-hub {
max-width: 52rem;
margin: 0 auto;
padding: 0.5rem 0.75rem 1.25rem;
box-sizing: border-box;
overflow-x: hidden;
}
.cdach-hub__kicker {
margin: 0 0 0.2rem;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-hub__title {
margin: 0 0 0.45rem;
font-size: 1.55rem;
line-height: 1.2;
color: #1a2a4a;
}
.cdach-hub__lead,
.cdach-hub__search-lead,
.cdach-hub__hint,
.cdach-hub__domain-text,
.cdach-hub__domain-count {
margin: 0;
font-size: 0.95rem;
line-height: 1.45;
color: #334155;
}
.cdach-hub__flash {
margin: 0.55rem 0 0;
padding: 0.45rem 0.65rem;
border-radius: 8px;
background: rgba(201, 162, 39, 0.16);
color: #1a2a4a;
font-size: 0.88rem;
}
.cdach-hub__domains {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
margin: 1rem 0;
}
.cdach-hub__domain {
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.9);
min-width: 0;
}
.cdach-hub__domain--soon {
opacity: 0.92;
}
.cdach-hub__domain-title {
margin: 0 0 0.25rem;
font-size: 1.05rem;
color: #1a2a4a;
}
.cdach-hub__domain-count {
margin-bottom: 0.25rem;
font-weight: 650;
color: #1e3a5f;
}
.cdach-hub__domain-text {
margin-bottom: 0.45rem;
font-size: 0.88rem;
}
.cdach-hub__cta,
.cdach-hub__search-form,
.cdach-hub__privacy {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.55rem;
margin: 1rem 0;
}
.cdach-hub__privacy {
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: #fff;
}
.cdach-hub__privacy-title,
.cdach-hub__search-title {
width: 100%;
margin: 0;
font-size: 1.05rem;
color: #1a2a4a;
}
.cdach-hub__check {
display: flex;
align-items: flex-start;
gap: 0.45rem;
width: 100%;
font-size: 0.9rem;
line-height: 1.4;
color: #334155;
}
.cdach-hub__check input {
margin-top: 0.2rem;
min-width: 1.1rem;
min-height: 1.1rem;
}
.cdach-hub__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.45rem 0.9rem;
border-radius: 999px;
border: 1px solid rgba(26, 42, 74, 0.28);
background: #fff;
color: #1a2a4a;
font-size: 0.9rem;
font-weight: 650;
text-decoration: none;
cursor: pointer;
box-sizing: border-box;
}
.cdach-hub__btn--primary {
background: #1a2a4a;
border-color: #1a2a4a;
color: #fff;
}
.cdach-hub__search {
margin: 1.1rem 0 0;
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.9);
}
.cdach-hub__search-form input[type="search"] {
flex: 1 1 12rem;
min-width: 0;
min-height: 44px;
padding: 0.4rem 0.7rem;
border-radius: 10px;
border: 1px solid rgba(26, 42, 74, 0.22);
font-size: 1rem;
}
.cdach-hub__search-alt {
margin: 0.45rem 0 0;
font-size: 0.85rem;
}
.cdach-hub__sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.cdach-hub__mine .cdach-profile {
margin-top: 0;
}
.wpforo-member .cdach-profile--compact {
margin-top: 0.4rem;
}
@media (min-width: 720px) {
.cdach-hub__domains {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.cdach-hub {
padding-bottom: 5.75rem;
}
.cdach-hub__title {
font-size: 1.35rem;
}
.cdach-hub__btn,
.cdach-hub__search-form input[type="search"] {
width: 100%;
}
}
.cdach-level,
.cdach-moodoo,
.cdach-path,
.cdach-energy,
.cdach-dash {
margin: 1rem 0;
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.9);
min-width: 0;
box-sizing: border-box;
}
.cdach-level__title,
.cdach-moodoo__title,
.cdach-energy__title,
.cdach-path__name {
margin: 0 0 0.45rem;
font-size: 1.15rem;
line-height: 1.3;
color: #1a2a4a;
}
.cdach-path__num,
.cdach-dash__kicker {
margin: 0 0 0.15rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-path__name {
font-size: 1.45rem;
}
.cdach-path__ratio,
.cdach-energy__total,
.cdach-dash__level,
.cdach-dash__moodoo {
margin: 0 0 0.45rem;
font-size: 1.05rem;
font-weight: 650;
color: #1e3a5f;
}
.cdach-path__hint,
.cdach-energy__note,
.cdach-dash__hint {
margin: 0.5rem 0 0;
font-size: 0.88rem;
line-height: 1.45;
color: #334155;
}
.cdach-level__bar {
display: block;
width: 100%;
height: 0.65rem;
border-radius: 999px;
background: rgba(30, 58, 95, 0.12);
overflow: hidden;
}
.cdach-level__fill {
display: block;
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, #c9a227, #e3c45a);
min-width: 0;
max-width: 100%;
}
@media (prefers-reduced-motion: no-preference) {
.cdach-level__fill {
transition: width 0.55s ease;
}
}
.cdach-level__meta,
.cdach-moodoo__tagline,
.cdach-moodoo__empty,
.cdach-moodoo__sub,
.cdach-moodoo__page {
margin: 0.45rem 0 0;
font-size: 0.88rem;
line-height: 1.4;
color: #334155;
}
.cdach-moodoo__sub {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-energy__cats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.45rem;
list-style: none;
margin: 0.75rem 0 0;
padding: 0;
}
.cdach-energy__cat {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 0.35rem;
align-items: center;
min-width: 0;
padding: 0.4rem 0.5rem;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(30, 58, 95, 0.08);
font-size: 0.82rem;
color: #334155;
}
.cdach-energy__mark {
line-height: 1;
}
.cdach-energy__cat-label {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cdach-energy__cat-val {
font-weight: 700;
color: #1e3a5f;
}
.cdach-moodoo__list {
list-style: none;
margin: 0.45rem 0 0;
padding: 0;
}
.cdach-moodoo__item {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-areas:
"amt why why"
"amt when when";
gap: 0.1rem 0.55rem;
padding: 0.5rem 0;
border-top: 1px solid rgba(30, 58, 95, 0.08);
font-size: 0.88rem;
color: #334155;
min-width: 0;
}
.cdach-moodoo__amt {
grid-area: amt;
font-weight: 700;
color: #1e3a5f;
white-space: nowrap;
}
.cdach-moodoo__why {
grid-area: why;
min-width: 0;
overflow-wrap: anywhere;
}
.cdach-moodoo__when {
grid-area: when;
font-size: 0.75rem;
color: #64748b;
}
.cdach-moodoo__pager {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
margin-top: 0.55rem;
}
.cdach-dash {
margin-top: 0.85rem;
}
@media (min-width: 720px) {
.cdach-energy__cats {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.cdach-moodoo__item {
grid-template-columns: 1fr;
grid-template-areas:
"amt"
"why"
"when";
}
}
.cdach-hub__section-title {
width: 100%;
margin: 0 0 0.55rem;
font-size: 1.05rem;
color: #1a2a4a;
}
.cdach-hub__univers,
.cdach-awards {
margin: 1rem 0;
min-width: 0;
}
.cdach-awards {
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.9);
box-sizing: border-box;
}
.cdach-awards__teaser,
.cdach-awards__desc,
.cdach-awards__meta {
margin: 0;
font-size: 0.88rem;
line-height: 1.4;
color: #334155;
}
.cdach-awards__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.65rem;
}
.cdach-awards__item {
min-width: 0;
padding: 0.65rem 0.7rem;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(30, 58, 95, 0.08);
}
.cdach-awards__name {
margin: 0 0 0.2rem;
font-size: 1rem;
font-weight: 650;
color: #1a2a4a;
}
.cdach-awards__meta {
font-size: 0.75rem;
color: #64748b;
}
.cdach-awards__desc {
margin-top: 0.35rem;
font-size: 0.82rem;
}
.cdach-challenges {
margin: 1rem 0;
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.9);
box-sizing: border-box;
min-width: 0;
}
.cdach-challenges__label {
margin: 0.55rem 0 0.35rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-challenges__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.5rem;
}
.cdach-challenges__item {
min-width: 0;
padding: 0.55rem 0.65rem;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(30, 58, 95, 0.08);
}
.cdach-challenges__item--done {
opacity: 0.88;
}
.cdach-challenges__name,
.cdach-challenges__desc,
.cdach-challenges__meta {
margin: 0;
}
.cdach-challenges__name {
font-size: 0.95rem;
font-weight: 650;
color: #1a2a4a;
}
.cdach-challenges__desc,
.cdach-challenges__meta {
margin-top: 0.2rem;
font-size: 0.82rem;
color: #334155;
}
.cdach-passport,
.cdach-featured,
.cdach-collections,
.cdach-bcard {
min-width: 0;
box-sizing: border-box;
}
.cdach-passport {
margin: 1rem 0;
padding: 0.9rem 1rem;
border-radius: 14px;
border: 1px solid rgba(30, 58, 95, 0.14);
background: linear-gradient(180deg, #fbf8f2 0%, #f4efe6 100%);
}
.cdach-passport__who {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.75rem;
align-items: center;
min-width: 0;
}
.cdach-passport__img {
display: block;
border-radius: 50%;
width: 64px;
height: 64px;
}
.cdach-passport__id {
display: grid;
gap: 0.1rem;
min-width: 0;
}
.cdach-passport__kicker,
.cdach-passport__label,
.cdach-collections__label {
margin: 0.7rem 0 0.3rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-passport__kicker {
margin: 0;
}
.cdach-passport__name {
font-size: 1.2rem;
font-weight: 700;
color: #1a2a4a;
overflow-wrap: anywhere;
}
.cdach-passport__level,
.cdach-passport__moodoo,
.cdach-passport__empty,
.cdach-featured__lead {
margin: 0;
font-size: 0.9rem;
color: #334155;
}
.cdach-passport__badges {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-top: 0.35rem;
}
.cdach-bcard {
display: inline-flex;
align-items: center;
gap: 0.35rem;
max-width: 100%;
padding: 0.35rem 0.55rem;
border-radius: 999px;
background: #fff;
border: 1px solid rgba(30, 58, 95, 0.1);
}
.cdach-bcard__title {
font-size: 0.85rem;
font-weight: 650;
color: #1a2a4a;
overflow-wrap: anywhere;
}
.cdach-bcard__meta {
display: block;
font-size: 0.72rem;
color: #64748b;
}
.cdach-passport__univers {
list-style: none;
margin: 0.35rem 0 0;
padding: 0;
display: grid;
gap: 0.4rem;
}
.cdach-passport__uni {
display: grid;
grid-template-columns: minmax(0, 7.5rem) minmax(0, 1fr);
gap: 0.45rem;
align-items: center;
}
.cdach-passport__uni-lab {
font-size: 0.82rem;
color: #1a2a4a;
min-width: 0;
}
.cdach-passport__bar {
display: block;
height: 0.45rem;
border-radius: 99px;
background: rgba(30, 58, 95, 0.08);
overflow: hidden;
}
.cdach-passport__fill {
display: block;
height: 100%;
background: #1e3a5f;
max-width: 100%;
}
@media (prefers-reduced-motion: no-preference) {
.cdach-passport__fill {
transition: width 0.45s ease;
}
}
.cdach-featured,
.cdach-collections {
margin: 1rem 0;
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.9);
}
.cdach-featured__list,
.cdach-collections__list,
.cdach-collections__mods {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.35rem;
}
.cdach-collections__item {
min-width: 0;
overflow-wrap: anywhere;
font-size: 0.88rem;
color: #334155;
}
.cdach-collections__lead,
.cdach-collections__mods-line,
.cdach-masteries__lead {
margin: 0 0 0.35rem;
font-size: 0.84rem;
color: #334155;
}
.cdach-collections__rar {
margin-left: 0.35rem;
font-size: 0.72rem;
color: #64748b;
}
.cdach-collections__uni {
margin: 0.65rem 0 0.85rem;
min-width: 0;
}
.cdach-passport__title,
.cdach-passport__mastery {
margin: 0.15rem 0 0;
font-size: 0.92rem;
font-weight: 650;
color: #1e3a5f;
}
.cdach-masteries,
.cdach-titles {
margin: 1rem 0;
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.9);
min-width: 0;
box-sizing: border-box;
}
.cdach-masteries__list,
.cdach-titles__list {
list-style: none;
margin: 0.4rem 0 0;
padding: 0;
display: grid;
gap: 0.55rem;
}
.cdach-masteries__item {
display: grid;
gap: 0.2rem;
min-width: 0;
}
.cdach-masteries__name {
font-weight: 650;
color: #1a2a4a;
}
.cdach-masteries__stage {
font-size: 0.84rem;
color: #334155;
}
.cdach-titles__item--locked {
opacity: 0.55;
}
@media (max-width: 640px) {
.cdach-masteries,
.cdach-titles,
.cdach-collections__uni {
padding-left: 0.7rem;
padding-right: 0.7rem;
}
}
.cdach-hub__check {
display: flex;
align-items: flex-start;
gap: 0.4rem;
min-width: 0;
}
.cdach-moments {
margin: 1rem 0;
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.92);
min-width: 0;
box-sizing: border-box;
}
.cdach-moments__list {
display: grid;
gap: 0.65rem;
}
.cdach-moments__empty,
.cdach-moments__more {
margin: 0.35rem 0 0;
font-size: 0.9rem;
line-height: 1.4;
color: #334155;
}
.cdach-moment {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 0.55rem;
align-items: start;
padding: 0.65rem 0.7rem;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(30, 58, 95, 0.08);
min-width: 0;
}
.cdach-moment__icon {
font-size: 1.15rem;
line-height: 1.2;
}
.cdach-moment__body {
display: grid;
gap: 0.12rem;
min-width: 0;
}
.cdach-moment__when,
.cdach-moment__kicker {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-moment__title {
font-size: 1rem;
font-weight: 650;
color: #1a2a4a;
overflow-wrap: anywhere;
}
.cdach-moment__text {
font-size: 0.85rem;
color: #334155;
overflow-wrap: anywhere;
}
.cdach-bcard__phrase {
display: block;
margin-top: 0.15rem;
font-size: 0.78rem;
color: #64748b;
}
.cdach-adventures {
margin: 1rem 0;
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.92);
min-width: 0;
box-sizing: border-box;
overflow-x: hidden;
}
.cdach-adventures__card {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 0.55rem;
align-items: start;
padding: 0.7rem 0.75rem;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(30, 58, 95, 0.08);
min-width: 0;
}
.cdach-adventures__icon {
font-size: 1.25rem;
line-height: 1.2;
}
.cdach-adventures__body {
min-width: 0;
}
.cdach-adventures__name,
.cdach-adventures__desc {
margin: 0;
overflow-wrap: anywhere;
}
.cdach-adventures__name {
font-size: 1.05rem;
font-weight: 650;
color: #1a2a4a;
}
.cdach-adventures__desc {
margin-top: 0.25rem;
font-size: 0.9rem;
line-height: 1.4;
color: #334155;
}
.cdach-adventures__cta {
margin: 0.65rem 0 0;
}
.cdach-adventures__label {
margin: 0.75rem 0 0.35rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-adventures__history {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.35rem;
}
.cdach-adventures__past {
margin: 0;
font-size: 0.9rem;
color: #334155;
overflow-wrap: anywhere;
min-width: 0;
}
@media (max-width: 640px) {
.cdach-adventures__card {
grid-template-columns: minmax(0, 1fr);
}
.cdach-adventures__cta .cdach-hub__btn {
width: 100%;
}
}
@media (prefers-reduced-motion: no-preference) {
.cdach-moment--new {
box-shadow: 0 0 0 1px rgba(201, 162, 39, 0.28);
animation: cdach-soft-in 0.7s ease;
}
}
@keyframes cdach-soft-in {
from { opacity: 0.35; }
to { opacity: 1; }
}
.cdach-bcard {
text-decoration: none;
color: inherit;
min-height: 44px;
overflow-wrap: anywhere;
}
.cdach-bcard svg {
display: block;
flex-shrink: 0;
}
.cdach-bcard--collection,
.cdach-bcard--passport,
.cdach-bcard--public {
display: flex;
align-items: center;
gap: 0.55rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 0.45rem 0.6rem;
border-radius: 14px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: #fff;
box-shadow: inset 3px 0 0 var(--cdach-badge, #1e3a5f);
}
.cdach-bcard--passport {
align-items: flex-start;
padding: 0.75rem 0.85rem;
background: linear-gradient(180deg, #fffdf8 0%, #f4efe6 100%);
}
.cdach-bcard--passport svg {
width: 56px;
height: 56px;
}
.cdach-bdetail .cdach-bcard--passport svg {
width: 72px;
height: 72px;
}
.cdach-bcard__rar {
display: block;
margin-top: 0.15rem;
font-size: 0.72rem;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 700;
color: #64748b;
}
.cdach-rar--common { --cdach-badge: #64748b; }
.cdach-rar--uncommon { --cdach-badge: #2a6b5a; }
.cdach-rar--rare { --cdach-badge: #3d6b8a; }
.cdach-rar--epic { --cdach-badge: #7c3aed; }
.cdach-rar--legendary { --cdach-badge: #b8860b; }
.cdach-collections__album {
margin: 0 0 0.6rem;
font-size: 0.88rem;
color: #334155;
}
.cdach-collections__album-list {
display: grid;
gap: 0.45rem;
}
.cdach-passport__sign {
margin: 0.2rem 0 0;
font-size: 0.92rem;
line-height: 1.4;
color: #1a2a4a;
font-style: italic;
}
.cdach-passport__badges {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.45rem;
}
@media (min-width: 720px) {
.cdach-passport__badges {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.cdach-bdetail {
margin: 1rem 0;
padding: 0.9rem 1rem;
border-radius: 14px;
border: 1px solid rgba(30, 58, 95, 0.14);
background: #fbf8f2;
min-width: 0;
}
.cdach-bdetail__back,
.cdach-bdetail__mast,
.cdach-bdetail__empty {
margin: 0 0 0.75rem;
font-size: 0.9rem;
color: #334155;
}
@media (max-width: 640px) {
.cdach-bcard--passport,
.cdach-bcard--collection,
.cdach-bcard--public {
max-width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.cdach-lb *,
.cdach-bcard,
.cdach-moment,
.cdach-moment--new {
transition: none !important;
animation: none !important;
}
}
.cdach-lb {
overflow-x: hidden;
min-width: 0;
box-sizing: border-box;
}
.cdach-lb__filters,
.cdach-lb__empty,
.cdach-lb__me,
.cdach-lb__opt,
.cdach-lb__hub-opt {
margin: 1rem 0;
padding: 0.85rem 0.9rem;
border-radius: 12px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.92);
min-width: 0;
box-sizing: border-box;
}
.cdach-lb__fs {
border: 0;
margin: 0;
padding: 0;
min-width: 0;
}
.cdach-lb__fs legend {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1e3a5f;
margin-bottom: 0.45rem;
}
.cdach-lb__chips {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
}
.cdach-lb__chip,
.cdach-lb__join button,
.cdach-lb__pager .cdach-hub__btn,
.cdach-lb__filter-go .cdach-hub__btn {
min-height: 44px;
min-width: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.45rem 0.85rem;
border-radius: 999px;
border: 1px solid rgba(30, 58, 95, 0.18);
background: #fff;
color: #1a2a4a;
text-decoration: none;
box-sizing: border-box;
}
.cdach-lb__chip[aria-current="page"] {
border-color: #1e3a5f;
background: rgba(30, 58, 95, 0.08);
font-weight: 650;
}
.cdach-lb__selects {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.65rem;
margin-top: 0.75rem;
}
.cdach-lb__selects label {
display: block;
font-size: 0.78rem;
font-weight: 650;
margin-bottom: 0.25rem;
color: #1e3a5f;
}
.cdach-lb__selects select {
width: 100%;
min-height: 44px;
min-width: 0;
padding: 0.4rem 0.6rem;
border-radius: 10px;
border: 1px solid rgba(30, 58, 95, 0.2);
background: #fff;
}
.cdach-lb__podium {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.65rem;
margin: 1rem 0;
}
.cdach-lb__card {
min-width: 0;
padding: 0.85rem;
border-radius: 12px;
background: #fff;
border: 1px solid rgba(30, 58, 95, 0.1);
text-align: center;
box-sizing: border-box;
}
.cdach-lb__card-name,
.cdach-lb__card-score,
.cdach-lb__name,
.cdach-lb__score {
overflow-wrap: anywhere;
}
.cdach-lb__card-name {
margin: 0.35rem 0 0;
font-size: 1rem;
color: #1a2a4a;
}
.cdach-lb__card-score,
.cdach-lb__me-line,
.cdach-lb__empty p {
margin: 0.25rem 0 0;
font-size: 0.9rem;
color: #334155;
}
.cdach-lb__medal {
margin: 0 0 0.35rem;
font-size: 1.25rem;
}
.cdach-lb__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.45rem;
}
.cdach-lb__row {
display: grid;
grid-template-columns: 2.5rem minmax(0, 1fr) auto;
gap: 0.55rem;
align-items: center;
padding: 0.55rem 0.65rem;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(30, 58, 95, 0.08);
min-width: 0;
}
.cdach-lb__row--me {
border-color: rgba(30, 58, 95, 0.28);
}
.cdach-lb__who {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 0.45rem;
align-items: center;
min-width: 0;
}
.cdach-lb__img {
width: 48px;
height: 48px;
border-radius: 50%;
}
.cdach-lb__pos-num {
font-weight: 700;
color: #1e3a5f;
}
.cdach-lb__pager {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
margin-top: 0.85rem;
}
.cdach-lb a:focus-visible,
.cdach-lb button:focus-visible,
.cdach-lb select:focus-visible,
.cdach-lb input:focus-visible {
outline: 2px solid #1e3a5f;
outline-offset: 2px;
}
@media (min-width: 720px) {
.cdach-lb__podium {
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
}
.cdach-lb__selects {
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: end;
}
}
@media (max-width: 640px) {
.cdach-lb__row {
grid-template-columns: minmax(0, 1fr);
}
.cdach-lb__filter-go .cdach-hub__btn,
.cdach-lb__join button {
width: 100%;
}
}
.cdach-event-life {
margin: 1.25rem 0 0;
}
.cdach-event-life__lead,
.cdach-event-life__empty {
margin: 0 0 0.7rem;
font-size: 0.88rem;
color: #334155;
}
.cdach-event-life__label {
margin: 0.85rem 0 0.25rem;
font-size: 0.72rem;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 700;
color: #64748b;
}
.cdach-event-life__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.7rem;
}
.cdach-event-life__list li {
font-size: 0.92rem;
color: #1a2a4a;
}
.cdach-event-life__voyages {
margin: 0.2rem 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 0.35rem;
font-size: 0.88rem;
color: #1a2a4a;
}
.cdach-event-life__k {
display: block;
font-size: 0.72rem;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 700;
color: #64748b;
}
@media (prefers-reduced-motion: reduce) {
.cdach-lb * {
transition: none !important;
animation: none !important;
}
}
.cdach-identity,
.cdach-profile-card {
margin: 1.2rem 0 0;
}
.cdach-profile-card {
padding: 1rem 1.1rem;
border: 1px solid #d7e2ee;
border-radius: 12px;
background: #f8fafc;
}
.cdach-profile-card__who,
.cdach-identity__row {
display: flex;
gap: 0.75rem;
align-items: center;
flex-wrap: wrap;
}
.cdach-profile-card__img {
border-radius: 50%;
display: block;
}
.cdach-profile-card__kicker,
.cdach-profile-card__label,
.cdach-identity__label,
.cdach-identity__row span {
display: block;
font-size: 0.72rem;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 700;
color: #64748b;
}
.cdach-profile-card__name {
display: block;
font-size: 1.15rem;
font-weight: 700;
color: #1a2a4a;
}
.cdach-profile-card__title,
.cdach-profile-card__sign,
.cdach-profile-card__bio,
.cdach-identity__lead,
.cdach-identity__row {
margin: 0.35rem 0 0;
font-size: 0.92rem;
color: #1a2a4a;
}
.cdach-profile-card__city {
margin: 0.35rem 0 0;
font-size: 0.88rem;
color: #1e3a5f;
}
.cdach-book__field--bio dd {
font-style: italic;
white-space: pre-wrap;
}
.cdach-profile-card__uni,
.cdach-identity__uni {
margin: 0.25rem 0 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.75rem;
}
.cdach-profile-card__badges {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.35rem;
}
.cdach-profile-card__empty {
margin: 0.5rem 0 0;
font-size: 0.88rem;
color: #334155;
}
.cdach-journeys {
margin: 1.25rem 0 0;
}
.cdach-journeys__lead,
.cdach-journeys__desc,
.cdach-journeys__reason,
.cdach-journeys__meta,
.cdach-journeys__hint {
margin: 0.25rem 0 0;
font-size: 0.88rem;
color: #334155;
}
.cdach-journeys__label {
margin: 0.9rem 0 0.3rem;
font-size: 0.72rem;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 700;
color: #64748b;
}
.cdach-journeys__list {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 0.75rem;
}
.cdach-journeys__card {
padding: 0.85rem 1rem;
border: 1px solid #d7e2ee;
border-radius: 12px;
background: #f8fafc;
}
.cdach-journeys__name {
margin: 0;
font-size: 1.05rem;
color: #1a2a4a;
}
.cdach-journeys__steps {
margin: 0.35rem 0 0;
padding-left: 1.1rem;
color: #1a2a4a;
font-size: 0.88rem;
}
.cdach-journeys__form {
margin-top: 0.65rem;
} .cdach-tablist-wrap {
margin: 0.35rem 0 1rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.cdach-tablist {
display: flex;
gap: 0.4rem;
min-width: min-content;
}
.cdach-tab {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 44px;
min-width: 44px;
padding: 0.45rem 0.85rem;
border-radius: 999px;
border: 1px solid rgba(26, 42, 74, 0.28);
background: #fff;
color: #1a2a4a;
font-size: 0.88rem;
font-weight: 650;
text-decoration: none;
white-space: nowrap;
box-sizing: border-box;
}
.cdach-tab[aria-selected="true"] {
background: #1a2a4a;
border-color: #1a2a4a;
color: #fff;
}
.cdach-tabpanel[hidden] {
display: none;
}
.cdach-overview-card {
display: flex;
gap: 0.85rem;
align-items: flex-start;
margin: 0 0 1rem;
padding: 0.9rem;
border-radius: 14px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: rgba(250, 248, 244, 0.92);
}
.cdach-overview-card__img {
border-radius: 50%;
display: block;
}
.cdach-overview-card__name {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
color: #1a2a4a;
}
.cdach-overview-card__level,
.cdach-overview-card__sign,
.cdach-overview-card__moodoo {
margin: 0.2rem 0 0;
font-size: 0.95rem;
color: #334155;
}
.cdach-overview-block {
margin: 0 0 1.1rem;
}
.cdach-overview-block__count,
.cdach-overview-block__lead,
.cdach-badges-lab__count {
margin: 0 0 0.65rem;
font-size: 0.95rem;
color: #334155;
}
.cdach-overview-block__empty {
margin: 0 0 0.7rem;
color: #64748b;
}
.cdach-badges-lab__filters {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin: 0 0 0.9rem;
}
.cdach-filter.is-active {
background: #1a2a4a;
border-color: #1a2a4a;
color: #fff;
}
.cdach-badges-lab__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.75rem;
}
.cdach-badges-lab__item[hidden] {
display: none;
}
.cdach-badges-lab__cat {
display: block;
margin-top: 0.25rem;
font-size: 0.78rem;
color: #64748b;
}
.cdach-more {
margin: 1.25rem 0 0;
border-top: 1px solid rgba(30, 58, 95, 0.1);
padding-top: 0.35rem;
}
.cdach-more__item {
margin: 0;
border-bottom: 1px solid rgba(30, 58, 95, 0.08);
}
.cdach-more__summary {
display: flex;
align-items: center;
min-height: 44px;
padding: 0.35rem 0.1rem;
font-weight: 650;
color: #1a2a4a;
cursor: pointer;
text-decoration: none;
list-style: none;
}
.cdach-more__summary::-webkit-details-marker {
display: none;
}
.cdach-more__item--closed .cdach-more__summary::before,
.cdach-more__item details > .cdach-more__summary::before,
details.cdach-more__item > .cdach-more__summary::before {
content: "▸";
display: inline-block;
width: 1.1rem;
margin-right: 0.25rem;
}
details.cdach-more__item[open] > .cdach-more__summary::before {
content: "▾";
}
.cdach-more__item--closed .cdach-more__summary::before {
content: "▾";
}
.cdach-tabpanel--paths .cdach-journeys__steps,
.cdach-tabpanel--paths .cdach-journeys__hint {
display: none;
} .cdach-hub--v2 {
padding-bottom: 2rem;
}
.cdach-hub--v2 .cdach-hub__hero--v2 {
margin-bottom: 1.1rem;
}
.cdach-hub--v2 .cdach-hub__title {
font-size: 1.85rem;
letter-spacing: -0.02em;
}
.cdach-hub--v2 .cdach-hub__lead {
max-width: 36rem;
font-size: 1.05rem;
line-height: 1.45;
}
.cdach-hello {
display: flex;
gap: 1rem;
align-items: flex-start;
margin: 0 0 1.35rem;
padding: 1.15rem 1.2rem;
border-radius: 18px;
border: 1px solid rgba(30, 58, 95, 0.1);
background: linear-gradient(180deg, rgba(250, 248, 244, 0.98), rgba(255, 255, 255, 0.88));
}
.cdach-hello__img {
border-radius: 50%;
display: block;
}
.cdach-hello__hi {
margin: 0;
font-size: 1.35rem;
font-weight: 750;
color: #1a2a4a;
}
.cdach-hello__title {
margin: 0.35rem 0 0;
font-size: 1.05rem;
font-weight: 650;
color: #1e3a5f;
}
.cdach-hello__sign {
margin: 0.45rem 0 0;
font-size: 1rem;
line-height: 1.45;
color: #475569;
}
.cdach-hello-mem {
margin: 0 0 1.2rem;
}
.cdach-hello-mem__badge .cdach-bcard--passport {
display: flex;
gap: 0.85rem;
padding: 1rem;
border-radius: 16px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: #fff;
text-decoration: none;
color: inherit;
}
.cdach-hello-mem__uni,
.cdach-badge-hero__uni {
margin: 0.45rem 0 0;
font-size: 0.88rem;
color: #64748b;
}
.cdach-hello__cta {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin: 0 0 1.6rem;
}
.cdach-carnet__kicker {
margin: 0 0 0.75rem;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #1e3a5f;
}
.cdach-carnet__grid {
display: grid;
gap: 0.75rem;
}
.cdach-carnet__card {
padding: 1rem 1.05rem;
border-radius: 16px;
border: 1px solid rgba(30, 58, 95, 0.1);
background: #fff;
}
.cdach-carnet__icon {
margin: 0 0 0.25rem;
font-size: 1.25rem;
}
.cdach-carnet__title {
margin: 0;
font-size: 1.05rem;
color: #1a2a4a;
}
.cdach-carnet__line {
margin: 0.3rem 0 0.65rem;
color: #475569;
}
.cdach-carnet__cta {
display: inline-flex;
align-items: center;
min-height: 44px;
font-weight: 650;
color: #1a2a4a;
text-decoration: none;
}
.cdach-badges-hero {
margin-bottom: 0.85rem;
}
.cdach-badge-hero {
margin-bottom: 1rem;
}
.cdach-badge-hero .cdach-bcard--passport {
display: flex;
gap: 1rem;
align-items: flex-start;
padding: 1.15rem;
border-radius: 18px;
border: 1px solid rgba(30, 58, 95, 0.12);
background: #fff;
text-decoration: none;
color: inherit;
}
.cdach-badge-hero .cdach-bcard__mark svg {
width: 64px;
height: 64px;
}
.cdach-badge-hero .cdach-bcard__title {
font-size: 1.25rem;
font-weight: 750;
}
.cdach-explore__lead {
margin: 0 0 1rem;
color: #475569;
}
.cdach-explore__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.85rem;
}
.cdach-explore__card {
padding: 1.1rem 1.15rem;
border-radius: 16px;
border: 1px solid rgba(30, 58, 95, 0.1);
background: #fff;
}
.cdach-explore__mark {
margin: 0 0 0.35rem;
font-size: 1.4rem;
}
.cdach-explore__name {
margin: 0;
font-size: 1.12rem;
color: #1a2a4a;
}
.cdach-explore__desc {
margin: 0.4rem 0 0.85rem;
color: #475569;
line-height: 1.4;
}
.cdach-hub--v2 .cdach-identity,
.cdach-hub--v2 .cdach-featured,
.cdach-hub--v2 .cdach-titles {
padding: 1rem 1.1rem;
border-radius: 16px;
border: 1px solid rgba(30, 58, 95, 0.1);
background: #fff;
margin-bottom: 0.9rem;
}
@media (max-width: 412px) {
.cdach-hello,
.cdach-badge-hero .cdach-bcard--passport {
flex-direction: column;
}
.cdach-hub--v2 .cdach-hub__title {
font-size: 1.55rem;
}
}
@media (max-width: 375px) {
.cdach-tab {
padding: 0.45rem 0.65rem;
font-size: 0.8rem;
}
}
@media (min-width: 768px) {
.cdach-carnet__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cdach-explore__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 390px) {
.cdach-overview-card {
flex-direction: column;
}
.cdach-tab {
padding: 0.45rem 0.7rem;
font-size: 0.82rem;
}
}
@media (min-width: 768px) {
.cdach-badges-lab__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1280px) {
.cdach-badges-lab__list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cdach-hub--journey {
max-width: 72rem;
}
} .cdach-hub--v18 {
--cdach-navy: #1a2a4a;
--cdach-navy-deep: #0f1c33;
--cdach-cream: #f7f3ea;
--cdach-paper: #fffdf8;
--cdach-gold: #c4a35a;
--cdach-gold-soft: rgba(196, 163, 90, 0.35);
color: var(--cdach-navy);
padding-bottom: 2.4rem;
}
.cdach-hub--v18 .cdach-hub__title {
color: var(--cdach-navy);
}
.cdach-hub--v18 .cdach-tablist-wrap {
overflow-x: hidden;
margin: 0.2rem 0 1.25rem;
}
.cdach-hub--v18 .cdach-tablist {
flex-wrap: wrap;
min-width: 0;
gap: 0.45rem;
}
.cdach-hub--v18 .cdach-tab {
border-color: var(--cdach-gold-soft);
background: var(--cdach-paper);
color: var(--cdach-navy);
}
.cdach-hub--v18 .cdach-tab[aria-selected="true"] {
background: var(--cdach-navy);
border-color: var(--cdach-navy);
color: #fff;
}
.cdach-hub--v18 .cdach-tabpanel,
.cdach-hub--v18 [id^="accomplissements-"],
.cdach-hub--v18 #cdach-badges-title,
.cdach-hub--v18 #cdach-identity-title,
.cdach-hub--v18 #cdach-journeys-title,
.cdach-hub--v18 #cdach-vue {
scroll-margin-top: 1.25rem;
}
.cdach-hub--v18 .cdach-hello {
background: var(--cdach-cream);
border: 1px solid var(--cdach-gold-soft);
box-shadow: 0 10px 28px rgba(15, 28, 51, 0.08);
padding: 1.35rem 1.3rem;
}
.cdach-hello__kicker {
margin: 0 0 0.35rem;
font-size: 0.72rem;
font-weight: 750;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--cdach-gold, #c4a35a);
}
.cdach-hub--v18 .cdach-hub__link--carnet,
.cdach-hub--v18 button.cdach-hub__link--carnet {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0;
border: 0;
background: transparent;
color: var(--cdach-navy);
font-weight: 700;
font-size: 0.98rem;
text-decoration: none;
box-shadow: none;
cursor: pointer;
}
.cdach-hub--v18 .cdach-hub__link--carnet:hover,
.cdach-hub--v18 .cdach-hub__link--carnet:focus-visible {
color: #8a6d2f;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.cdach-passport {
position: relative;
margin: 0 0 1.2rem;
padding: 1.4rem 1.3rem 1.5rem;
border-radius: 20px;
border: 1px solid var(--cdach-gold-soft, rgba(196, 163, 90, 0.35));
background:
radial-gradient(circle at 92% 8%, rgba(196, 163, 90, 0.18), transparent 28%),
linear-gradient(165deg, #1a2a4a 0%, #243656 58%, #0f1c33 100%);
color: #f7f3ea;
box-shadow: 0 16px 36px rgba(15, 28, 51, 0.22);
overflow: hidden;
}
.cdach-passport::after {
content: "";
position: absolute;
top: 1rem;
right: 1rem;
width: 42px;
height: 42px;
border: 2px solid rgba(196, 163, 90, 0.55);
border-radius: 50%;
opacity: 0.7;
pointer-events: none;
}
.cdach-passport__kicker {
margin: 0;
font-size: 0.78rem;
font-weight: 750;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #e6d3a3;
}
.cdach-passport__kicker::before {
content: "";
display: inline-block;
width: 0.7rem;
height: 0.7rem;
margin-right: 0.45rem;
border: 2px solid #e6d3a3;
border-radius: 50%;
vertical-align: -0.05rem;
}
.cdach-passport__name {
margin: 0.7rem 0 0;
font-size: 1.55rem;
line-height: 1.2;
color: #fffdf8;
}
.cdach-passport__title {
margin: 0.45rem 0 0;
font-size: 1.08rem;
font-weight: 650;
color: #e6d3a3;
}
.cdach-passport__sign,
.cdach-passport__lead {
margin: 0.55rem 0 0;
line-height: 1.45;
color: rgba(247, 243, 234, 0.88);
}
.cdach-passport__rule {
height: 1px;
margin: 1.1rem 0 0.95rem;
background: linear-gradient(90deg, transparent, rgba(196, 163, 90, 0.75), transparent);
}
.cdach-passport__label {
margin: 0.85rem 0 0.4rem;
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #e6d3a3;
}
.cdach-passport__uni {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
}
.cdach-passport__uni li {
padding: 0.35rem 0.7rem;
border-radius: 999px;
border: 1px solid rgba(196, 163, 90, 0.4);
background: rgba(255, 253, 248, 0.08);
font-size: 0.9rem;
}
.cdach-passport__badges {
display: grid;
gap: 0.7rem;
}
.cdach-passport .cdach-souvenir {
background: rgba(255, 253, 248, 0.08);
border-color: rgba(196, 163, 90, 0.28);
color: #f7f3ea;
}
.cdach-souvenirs {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.95rem;
}
.cdach-souvenir {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.35rem;
min-height: 44px;
padding: 1.2rem 1.15rem 1.25rem;
border-radius: 18px;
border: 1px solid rgba(196, 163, 90, 0.28);
background: #fffdf8;
box-shadow: 0 8px 22px rgba(15, 28, 51, 0.07);
text-decoration: none;
color: #1a2a4a;
}
.cdach-souvenir__mark svg {
width: 72px;
height: 72px;
display: block;
}
.cdach-souvenir__title {
margin-top: 0.35rem;
font-size: 1.18rem;
font-weight: 750;
line-height: 1.25;
}
.cdach-souvenir__uni {
font-size: 0.88rem;
font-weight: 650;
color: #8a6d2f;
}
.cdach-souvenir__phrase {
margin-top: 0.15rem;
font-size: 0.95rem;
line-height: 1.4;
color: #475569;
}
.cdach-hub--v18 .cdach-carnet__kicker {
letter-spacing: 0.1em;
color: #8a6d2f;
}
.cdach-carnet__intro {
margin: 0 0 1rem;
color: #475569;
}
.cdach-hub--v18 .cdach-carnet__grid {
gap: 1rem;
}
.cdach-hub--v18 .cdach-carnet__card {
padding: 1.25rem 1.2rem 1.15rem;
border-radius: 18px;
border: 1px solid rgba(196, 163, 90, 0.28);
background:
linear-gradient(180deg, #fffdf8 0%, #f7f3ea 100%);
box-shadow: 0 8px 20px rgba(15, 28, 51, 0.06);
}
.cdach-carnet__stamp {
margin: 0 0 0.2rem;
font-size: 1.15rem;
}
.cdach-hub--v18 .cdach-carnet__title {
font-size: 1.18rem;
font-weight: 750;
}
.cdach-carnet__sub {
margin: 0.35rem 0 0;
color: #5b6b82;
}
.cdach-hub--v18 .cdach-carnet__line {
margin: 0.45rem 0 0.85rem;
font-size: 1.05rem;
font-weight: 650;
color: #1a2a4a;
}
.cdach-paths__lead {
margin: 0 0 1.1rem;
color: #475569;
line-height: 1.45;
}
.cdach-paths__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.95rem;
}
.cdach-paths__card {
padding: 1.25rem 1.2rem;
border-radius: 18px;
border: 1px solid rgba(196, 163, 90, 0.28);
background: #fffdf8;
box-shadow: 0 8px 20px rgba(15, 28, 51, 0.06);
}
.cdach-paths__name {
margin: 0;
font-size: 1.15rem;
color: #1a2a4a;
}
.cdach-paths__desc {
margin: 0.45rem 0 0.9rem;
line-height: 1.4;
color: #475569;
}
.cdach-hub--v18 .cdach-featured,
.cdach-hub--v18 .cdach-titles {
padding: 1.15rem 1.15rem 1.2rem;
border-radius: 18px;
border: 1px solid rgba(196, 163, 90, 0.28);
background: #fffdf8;
margin-bottom: 0.95rem;
}
@media (max-width: 412px) {
.cdach-hub--v18 .cdach-tab {
flex: 1 1 calc(50% - 0.45rem);
max-width: calc(50% - 0.23rem);
white-space: normal;
text-align: center;
line-height: 1.2;
padding: 0.5rem 0.45rem;
}
.cdach-passport__name {
font-size: 1.32rem;
}
.cdach-souvenir {
width: 100%;
}
}
@media (max-width: 390px) {
.cdach-hub--v18 .cdach-hello,
.cdach-hub--v18 .cdach-passport,
.cdach-hub--v18 .cdach-carnet__card {
padding-left: 1.05rem;
padding-right: 1.05rem;
}
}
@media (max-width: 320px) {
.cdach-hub--v18 .cdach-hub__title {
font-size: 1.4rem;
}
.cdach-hub--v18 .cdach-tab {
font-size: 0.78rem;
}
}
@media (min-width: 768px) {
.cdach-souvenirs,
.cdach-paths__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cdach-passport__badges {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} body.cdach-hub-page .entry-header,
body.cdach-hub-page .entry-title,
body.cdach-hub-page .ast-single-entry-banner,
body.cdach-hub-page .ast-page-title {
display: none !important;
}
.cdach-hub--v19 .cdach-hub__hero--v19 {
margin: 0 0 1.5rem;
padding: 0.2rem 0 0.4rem;
}
.cdach-hub--v19 .cdach-hub__title {
font-size: 2.15rem;
font-weight: 780;
letter-spacing: -0.03em;
line-height: 1.1;
}
.cdach-hub--v19 .cdach-hub__lead {
max-width: 28rem;
margin-top: 0.55rem;
font-size: 1.12rem;
line-height: 1.5;
color: #3d4d66;
}
.cdach-hub--v19 .cdach-tablist-wrap {
position: sticky;
top: 0;
z-index: 6;
padding: 0.45rem 0 0.7rem;
background: linear-gradient(180deg, #fff 70%, rgba(255, 255, 255, 0));
}
.cdach-hub--v19 .cdach-tablist {
gap: 0.5rem;
}
.cdach-hub--v19 .cdach-tab {
min-height: 46px;
padding: 0.55rem 0.95rem;
font-size: 0.94rem;
}
.cdach-hub--v19 .cdach-tabpanel,
.cdach-hub--v19 [id^="accomplissements-"],
.cdach-hub--v19 #cdach-badges-title,
.cdach-hub--v19 #cdach-identity-title,
.cdach-hub--v19 #cdach-journeys-title,
.cdach-hub--v19 #cdach-vue {
scroll-margin-top: 6.5rem;
}
.cdach-hub--v19 .cdach-passport,
.cdach-hub--v19 .cdach-passport p,
.cdach-hub--v19 .cdach-passport h2,
.cdach-hub--v19 .cdach-passport h3,
.cdach-hub--v19 .cdach-passport li {
color: #fffdf8;
}
.cdach-hub--v19 .cdach-passport {
padding: 1.6rem 1.45rem 1.7rem;
border: 1px solid rgba(232, 205, 138, 0.55);
background:
radial-gradient(circle at 90% 6%, rgba(232, 205, 138, 0.28), transparent 32%),
linear-gradient(165deg, #15243f 0%, #1e3358 48%, #10192c 100%);
}
.cdach-hub--v19 .cdach-passport__kicker,
.cdach-hub--v19 .cdach-passport__title,
.cdach-hub--v19 .cdach-passport__label {
color: #f0d48a;
}
.cdach-hub--v19 .cdach-passport__name {
color: #fffef8;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.cdach-hub--v19 .cdach-passport__sign,
.cdach-hub--v19 .cdach-passport__lead {
color: #fff7e4;
}
.cdach-passport__band {
margin-top: 1rem;
padding: 1rem 1.05rem 1.05rem;
border-radius: 14px;
background: #fffdf8;
color: #1a2a4a;
}
.cdach-hub--v19 .cdach-passport__band,
.cdach-hub--v19 .cdach-passport__band p,
.cdach-hub--v19 .cdach-passport__band h3,
.cdach-hub--v19 .cdach-passport__band li,
.cdach-hub--v19 .cdach-passport__band .cdach-souvenir,
.cdach-hub--v19 .cdach-passport__band .cdach-souvenir__title,
.cdach-hub--v19 .cdach-passport__band .cdach-souvenir__phrase {
color: #1a2a4a;
}
.cdach-hub--v19 .cdach-passport__band .cdach-passport__label,
.cdach-hub--v19 .cdach-passport__band .cdach-souvenir__uni {
color: #8a6d2f;
}
.cdach-hub--v19 .cdach-passport__uni li {
color: #1a2a4a;
background: #fff;
border-color: rgba(196, 163, 90, 0.45);
}
.cdach-hub--v19 .cdach-carnet__mark {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
margin: 0 0 0.85rem;
border-radius: 50%;
background: rgba(196, 163, 90, 0.14);
border: 1px solid rgba(196, 163, 90, 0.35);
}
.cdach-hub--v19 .cdach-carnet__mark svg {
display: block;
}
.cdach-hub--v19 .cdach-carnet__card {
padding: 1.45rem 1.3rem 1.3rem;
}
.cdach-hub--v19 .cdach-carnet__title {
font-size: 1.32rem;
line-height: 1.2;
}
.cdach-hub--v19 .cdach-carnet__sub {
margin-top: 0.45rem;
font-size: 0.98rem;
}
.cdach-hub--v19 .cdach-carnet__line {
margin: 0.7rem 0 1rem;
font-size: 1.12rem;
}
.cdach-hub--v19 .cdach-souvenir {
align-items: center;
text-align: center;
padding: 1.55rem 1.25rem 1.5rem;
gap: 0.45rem;
}
.cdach-souvenir__plate {
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 104px;
margin: 0 auto 0.45rem;
border-radius: 50%;
background: radial-gradient(circle at 35% 30%, #fff, #f7f3ea 62%, #efe4c8);
border: 2px solid rgba(196, 163, 90, 0.45);
box-shadow: 0 8px 18px rgba(15, 28, 51, 0.08);
}
.cdach-hub--v19 .cdach-souvenir__mark svg,
.cdach-souvenir__plate svg {
width: 72px;
height: 72px;
}
.cdach-hub--v19 .cdach-souvenir__title {
font-size: 1.28rem;
}
.cdach-hub--v19 .cdach-souvenir__phrase {
max-width: 22rem;
font-size: 1.02rem;
line-height: 1.45;
}
.cdach-souvenirs--hero {
grid-template-columns: 1fr;
}
.cdach-souvenirs--hero .cdach-souvenir {
max-width: 26rem;
margin: 0 auto;
padding: 1.85rem 1.4rem 1.7rem;
}
.cdach-paths__list--route {
position: relative;
}
.cdach-paths__list--route::before {
content: "";
position: absolute;
left: 1.7rem;
top: 1.2rem;
bottom: 1.2rem;
width: 2px;
background: linear-gradient(180deg, rgba(196, 163, 90, 0.15), rgba(196, 163, 90, 0.55), rgba(196, 163, 90, 0.15));
}
.cdach-hub--v19 .cdach-paths__card {
position: relative;
padding: 1.35rem 1.25rem 1.25rem 1.35rem;
margin-left: 0.35rem;
}
.cdach-paths__stop {
display: flex;
margin-bottom: 0.65rem;
}
.cdach-hub--v19 .cdach-hub__btn.cdach-filter {
min-height: 44px;
border-radius: 999px;
background: #fffdf8;
border: 1px solid rgba(196, 163, 90, 0.35);
box-shadow: none;
}
@media (min-width: 768px) {
.cdach-hub--v19 .cdach-paths__list--route {
grid-template-columns: 1fr;
max-width: 36rem;
}
}
@media (max-width: 412px) {
.cdach-hub--v19 .cdach-hub__title {
font-size: 1.75rem;
}
.cdach-paths__list--route::before {
display: none;
}
.cdach-hub--v19 .cdach-carnet__grid,
.cdach-hub--v19 .cdach-souvenirs,
.cdach-hub--v19 .cdach-paths__list {
grid-template-columns: 1fr;
}
}
@media (max-width: 320px) {
.cdach-hub--v19 .cdach-hub__title {
font-size: 1.55rem;
}
.cdach-souvenir__plate {
width: 88px;
height: 88px;
}
} .cdach-hub--v20 .cdach-paths__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.05rem;
list-style: none;
margin: 0;
padding: 0;
}
.cdach-path-tile {
height: 100%;
border-radius: 18px;
border: 1px solid rgba(196, 163, 90, 0.32);
background: #fffdf8;
box-shadow: 0 10px 24px rgba(15, 28, 51, 0.07);
overflow: hidden;
}
.cdach-path-tile--musicalite {
background: linear-gradient(180deg, #f3f6fb 0%, #fffdf8 55%);
border-color: rgba(61, 90, 128, 0.35);
}
.cdach-path-tile--decouverte {
background: linear-gradient(180deg, #fbf6ea 0%, #fffdf8 55%);
border-color: rgba(196, 163, 90, 0.5);
}
.cdach-path-tile--communaute {
background: linear-gradient(180deg, #f1f6f2 0%, #fffdf8 55%);
border-color: rgba(91, 124, 106, 0.4);
}
.cdach-path-tile__sum {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.45rem;
padding: 1.3rem 1.2rem 1.15rem;
cursor: pointer;
list-style: none;
}
.cdach-path-tile__sum::-webkit-details-marker {
display: none;
}
.cdach-path-tile__icon {
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
margin-bottom: 0.25rem;
border-radius: 50%;
background: rgba(196, 163, 90, 0.16);
}
.cdach-path-tile__icon svg {
width: 56px;
height: 56px;
}
.cdach-path-tile__body {
padding: 0 1.2rem 1.25rem;
}
.cdach-path-tile__steps {
margin: 0.35rem 0 0.85rem;
padding-left: 1.1rem;
color: #475569;
line-height: 1.45;
}
.cdach-hub--v20 .cdach-carnet__chapters {
display: grid;
gap: 0.75rem;
}
.cdach-carnet__acc {
border-radius: 16px;
border: 1px solid rgba(196, 163, 90, 0.28);
background: #fffdf8;
overflow: hidden;
}
.cdach-carnet__sum {
display: flex;
align-items: flex-start;
gap: 0.85rem;
min-height: 44px;
padding: 1.05rem 1.15rem;
cursor: pointer;
list-style: none;
}
.cdach-carnet__sum::-webkit-details-marker {
display: none;
}
.cdach-carnet__sum-text {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.cdach-hub--v20 .cdach-carnet__title {
display: block;
font-size: 1.22rem;
font-weight: 750;
}
.cdach-carnet__panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.28s ease;
}
.cdach-carnet__acc[open] .cdach-carnet__panel {
grid-template-rows: 1fr;
}
.cdach-carnet__panel > .cdach-carnet__body {
overflow: hidden;
padding: 0 1.15rem 1.15rem;
}
.cdach-hub--v20 .cdach-passport--book {
border-radius: 6px 18px 18px 6px;
background:
repeating-linear-gradient(-22deg, rgba(255, 253, 248, 0.04) 0 2px, transparent 2px 8px),
radial-gradient(circle at 88% 8%, rgba(232, 205, 138, 0.22), transparent 30%),
linear-gradient(165deg, #1c2c48 0%, #243656 52%, #152036 100%);
box-shadow: 8px 12px 28px rgba(15, 28, 51, 0.2);
}
.cdach-hub--v20 .cdach-passport--book::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 10px;
background: linear-gradient(180deg, #e6d3a3, #c4a35a 45%, #8a6d2f);
}
.cdach-hub--v20 .cdach-passport--book {
padding-left: 1.7rem;
}
.cdach-hub--v20 .cdach-souvenir {
padding: 1.75rem 1.35rem 1.7rem;
}
.cdach-hub--v20 .cdach-souvenir__plate {
width: 120px;
height: 120px;
}
.cdach-hub--v20 .cdach-souvenir__plate svg,
.cdach-hub--v20 .cdach-souvenir__mark svg {
width: 84px;
height: 84px;
}
.cdach-hub--v20 .cdach-souvenir__title {
font-size: 1.35rem;
}
.cdach-hub--v20 .cdach-souvenir__phrase {
font-size: 1.05rem;
}
@media (min-width: 768px) {
.cdach-hub--v20 .cdach-paths__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cdach-hub--v20 .cdach-paths__list--route {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: none;
}
}
@media (max-width: 412px) {
.cdach-hub--v20 .cdach-paths__grid,
.cdach-hub--v20 .cdach-souvenirs {
grid-template-columns: 1fr;
}
} .cdach-hub--v21 .cdach-carnet__sum,
.cdach-hub--v21 .cdach-path-tile__sum {
cursor: pointer;
}
.cdach-hub--v21 .cdach-carnet__sum:hover,
.cdach-hub--v21 .cdach-path-tile__sum:hover {
background: rgba(196, 163, 90, 0.1);
}
.cdach-acc-hint {
display: inline-block;
margin-top: 0.35rem;
font-size: 0.82rem;
font-weight: 650;
color: #8a6d2f;
}
.cdach-acc-hint--close {
display: none;
}
details[open] > summary .cdach-acc-hint--open {
display: none;
}
details[open] > summary .cdach-acc-hint--close {
display: inline;
}
.cdach-hub--v21 .cdach-path-tile__body,
.cdach-hub--v21 .cdach-carnet__panel {
transition: grid-template-rows 0.28s ease;
}
.cdach-hub--v21 .cdach-passport::after {
content: none;
display: none;
}
.cdach-hub--v21 .cdach-passport--book {
position: relative;
display: block;
border-radius: 0 16px 16px 0;
overflow: hidden;
padding: 1.6rem 1.4rem 1.65rem 2rem;
border: 1px solid rgba(196, 163, 90, 0.45);
background:
repeating-linear-gradient(-18deg, rgba(255, 253, 248, 0.045) 0 2px, transparent 2px 9px),
linear-gradient(165deg, #1a2740 0%, #243656 55%, #162033 100%);
box-shadow: 0 14px 32px rgba(15, 28, 51, 0.18);
}
.cdach-hub--v21 .cdach-passport--book::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 14px;
background:
repeating-linear-gradient(180deg, rgba(255, 253, 248, 0.18) 0 3px, transparent 3px 10px),
linear-gradient(180deg, #ead7a4, #c4a35a 40%, #8a6d2f);
}
.cdach-hub--v21 .cdach-passport--book .cdach-passport__kicker,
.cdach-hub--v21 .cdach-passport--book .cdach-passport__title,
.cdach-hub--v21 .cdach-passport--book .cdach-passport__label {
color: #f3dca0;
}
.cdach-hub--v21 .cdach-passport--book .cdach-passport__name,
.cdach-hub--v21 .cdach-passport--book .cdach-passport__sign,
.cdach-hub--v21 .cdach-passport--book .cdach-passport__lead {
color: #fffdf8;
}
.cdach-hub--v21 .cdach-badges-lab--v18 .cdach-souvenir {
padding: 2rem 1.4rem 1.9rem;
}
.cdach-hub--v21 .cdach-souvenir__plate {
width: 136px;
height: 136px;
margin-bottom: 0.75rem;
}
.cdach-hub--v21 .cdach-souvenir__plate svg,
.cdach-hub--v21 .cdach-souvenir__mark svg {
width: 96px;
height: 96px;
}
.cdach-hub--v21 .cdach-souvenir__title {
font-size: 1.42rem;
}
.cdach-hub--v21 .cdach-hello-mem__badge .cdach-souvenir {
max-width: 28rem;
margin: 0 auto;
} .cdach-hub--v22 {
--cdach-ivory: #f7f3ea;
--cdach-paper: #fffdf8;
--cdach-gold: #c4a35a;
--cdach-gold-soft: #e6d3a3;
--cdach-navy: #1a2a4a;
--cdach-navy-deep: #0f1c33;
}
.cdach-hub--v22 .cdach-bcol__hero {
margin: 0 0 1.35rem;
padding: 1.15rem 1.2rem 1.2rem;
border-radius: 4px 18px 18px 4px;
border: 1px solid rgba(196, 163, 90, 0.38);
background:
repeating-linear-gradient(0deg, rgba(196, 163, 90, 0.05) 0 1px, transparent 1px 8px),
var(--cdach-ivory);
}
.cdach-hub--v22 .cdach-bcol__kicker {
margin: 0 0 0.35rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #8a6d2f;
}
.cdach-hub--v22 .cdach-bcol__count {
margin: 0.35rem 0 0;
font-size: 0.95rem;
color: #475569;
}
.cdach-hub--v22 .cdach-bcol__grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 1.35rem;
}
.cdach-hub--v22 .cdach-bcol-card--collection {
align-items: center;
text-align: center;
gap: 0.55rem;
min-height: 0;
padding: 2.1rem 1.35rem 1.85rem;
border-radius: 6px 22px 22px 6px;
border: 1px solid rgba(196, 163, 90, 0.42);
background:
radial-gradient(ellipse at 50% 0%, rgba(230, 211, 163, 0.22), transparent 48%),
repeating-linear-gradient(-12deg, rgba(26, 42, 74, 0.025) 0 2px, transparent 2px 11px),
var(--cdach-paper);
box-shadow: 0 12px 28px rgba(15, 28, 51, 0.08);
}
.cdach-hub--v22 .cdach-bcol-card--collection .cdach-bcol-card__plate,
.cdach-hub--v22 .cdach-bcol-card--collection .cdach-souvenir__plate {
display: grid;
place-items: center;
width: 152px;
height: 152px;
margin: 0 auto 0.35rem;
border-radius: 50%;
background:
radial-gradient(circle at 50% 40%, #fffdf8 0 58%, #f7f3ea 59% 100%);
border: 2px solid var(--cdach-gold);
box-shadow:
0 0 0 7px rgba(196, 163, 90, 0.14),
inset 0 0 0 1px rgba(26, 42, 74, 0.05);
}
.cdach-hub--v22 .cdach-bcol-card--collection .cdach-souvenir__plate svg,
.cdach-hub--v22 .cdach-bcol-card--collection .cdach-souvenir__mark svg {
width: 92px;
height: 92px;
}
.cdach-hub--v22 .cdach-bcol-card__cat {
display: inline-block;
margin: 0.15rem auto 0;
padding: 0.18rem 0.6rem;
border: 1px dashed var(--cdach-gold);
border-radius: 2px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 0.68rem;
font-weight: 700;
color: #8a6d2f;
background: rgba(247, 243, 234, 0.85);
}
.cdach-hub--v22 .cdach-bcol-card__title {
margin: 0.15rem 0 0;
font-size: 1.22rem;
font-weight: 750;
color: var(--cdach-navy);
text-align: center;
}
.cdach-hub--v22 .cdach-bcol-card__desc {
margin: 0.1rem auto 0;
max-width: 28ch;
font-size: 0.86rem;
font-weight: 400;
line-height: 1.45;
color: #64748b;
text-align: center;
}
.cdach-hub--v22 .cdach-book {
display: grid;
gap: 1rem;
margin: 0 0 1.25rem;
}
.cdach-hub--v22 .cdach-book__cover {
position: relative;
overflow: hidden;
padding: 2rem 1.5rem 1.75rem 2.15rem;
border-radius: 4px 20px 20px 4px;
border: 1px solid rgba(196, 163, 90, 0.5);
color: #fffdf8;
background:
repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0 1px, transparent 1px 7px),
radial-gradient(ellipse at 28% 18%, #3a4d72 0%, #1a2a4a 52%, #0f1c33 100%);
box-shadow: 0 16px 36px rgba(15, 28, 51, 0.22);
}
.cdach-hub--v22 .cdach-book__cover::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 14px;
background:
repeating-linear-gradient(180deg, rgba(255, 253, 248, 0.2) 0 3px, transparent 3px 10px),
linear-gradient(180deg, #ead7a4, #c4a35a 42%, #8a6d2f);
}
.cdach-hub--v22 .cdach-book__cover::after {
content: "";
position: absolute;
right: 1.1rem;
bottom: 1.1rem;
width: 72px;
height: 72px;
border: 2px solid rgba(196, 163, 90, 0.55);
border-radius: 50%;
transform: rotate(-12deg);
opacity: 0.85;
pointer-events: none;
box-shadow: inset 0 0 0 6px rgba(196, 163, 90, 0.18);
}
.cdach-hub--v22 .cdach-book__logo {
display: block;
max-width: 168px;
height: auto;
margin: 0 0 1rem;
filter: brightness(1.15) saturate(0.85);
}
.cdach-hub--v22 .cdach-book__brand {
margin: 0 0 0.85rem;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.05rem;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--cdach-gold-soft);
}
.cdach-hub--v22 .cdach-book__stamp {
margin: 0 0 1.35rem;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.28rem;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--cdach-gold-soft);
line-height: 1.35;
}
.cdach-hub--v22 .cdach-book__who {
display: flex;
align-items: center;
gap: 0.85rem;
position: relative;
z-index: 1;
}
.cdach-hub--v22 .cdach-book__avatar {
width: 72px;
height: 72px;
border-radius: 50%;
border: 2px solid var(--cdach-gold);
object-fit: cover;
}
.cdach-hub--v22 .cdach-book__name {
display: block;
font-size: 1.28rem;
font-weight: 750;
color: #fffdf8;
}
.cdach-hub--v22 .cdach-book__rank {
display: block;
margin-top: 0.15rem;
font-size: 0.82rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--cdach-gold-soft);
}
.cdach-hub--v22 .cdach-book__page {
position: relative;
padding: 1.35rem 1.3rem 1.4rem;
border-radius: 4px 16px 16px 4px;
border: 1px solid rgba(196, 163, 90, 0.32);
background:
repeating-linear-gradient(0deg, rgba(196, 163, 90, 0.045) 0 1px, transparent 1px 9px),
var(--cdach-ivory);
box-shadow: 0 8px 20px rgba(15, 28, 51, 0.06);
}
.cdach-hub--v22 .cdach-book__folio {
margin: 0 0 0.55rem;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #8a6d2f;
}
.cdach-hub--v22 .cdach-book__heading {
margin: 0;
font-size: 1.55rem;
color: var(--cdach-navy);
}
.cdach-hub--v22 .cdach-book__title,
.cdach-hub--v22 .cdach-book__sign,
.cdach-hub--v22 .cdach-book__lead,
.cdach-hub--v22 .cdach-book__count,
.cdach-hub--v22 .cdach-book__empty {
margin: 0.4rem 0 0;
color: #334155;
}
.cdach-hub--v22 .cdach-book__sign {
font-style: italic;
color: var(--cdach-navy);
}
.cdach-hub--v22 .cdach-book__uni {
list-style: none;
margin: 0.35rem 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
}
.cdach-hub--v22 .cdach-book__uni li {
padding: 0.28rem 0.65rem;
border: 1px dashed var(--cdach-gold);
border-radius: 2px;
font-size: 0.86rem;
color: var(--cdach-navy);
background: var(--cdach-paper);
}
.cdach-hub--v22 .cdach-book__favs {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
margin-top: 0.45rem;
}
.cdach-hub--v22 .cdach-bcol-card--stamp {
align-items: center;
text-align: center;
padding: 1rem 0.75rem 0.95rem;
border-radius: 4px;
background: var(--cdach-paper);
}
.cdach-hub--v22 .cdach-bcol-card--stamp .cdach-bcol-card__plate,
.cdach-hub--v22 .cdach-bcol-card--stamp .cdach-souvenir__plate {
width: 88px;
height: 88px;
margin: 0 auto 0.35rem;
border-radius: 50%;
border: 1px solid var(--cdach-gold);
background: var(--cdach-ivory);
display: grid;
place-items: center;
}
.cdach-hub--v22 .cdach-bcol-card--stamp .cdach-souvenir__plate svg,
.cdach-hub--v22 .cdach-bcol-card--stamp .cdach-souvenir__mark svg {
width: 56px;
height: 56px;
}
.cdach-hub--v22 .cdach-bcol-card--stamp .cdach-bcol-card__title {
font-size: 0.95rem;
}
.cdach-hub--v22 .cdach-book__public {
margin: 0.15rem 0 0;
}
.cdach-hub--v22 .cdach-featured,
.cdach-hub--v22 .cdach-titles {
border-color: rgba(196, 163, 90, 0.32);
background:
repeating-linear-gradient(0deg, rgba(196, 163, 90, 0.04) 0 1px, transparent 1px 9px),
var(--cdach-ivory);
}
.cdach-hub--v22 .cdach-hello-mem__badge .cdach-bcol-card--collection {
max-width: 28rem;
margin: 0 auto;
}
@media (min-width: 768px) {
.cdach-hub--v22 .cdach-bcol__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cdach-hub--v22 .cdach-book__favs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cdach-hub--v22 .cdach-book__cover {
min-height: 280px;
padding: 2.25rem 1.85rem 2rem 2.4rem;
}
}
@media (max-width: 412px) {
.cdach-hub--v22 .cdach-bcol__grid,
.cdach-hub--v22 .cdach-book__favs {
grid-template-columns: 1fr;
}
.cdach-hub--v22 .cdach-bcol-card--collection {
padding: 1.7rem 1.1rem 1.55rem;
}
.cdach-hub--v22 .cdach-book__cover,
.cdach-hub--v22 .cdach-book__page {
padding-left: 1.35rem;
padding-right: 1.1rem;
}
.cdach-hub--v22 .cdach-book__stamp {
font-size: 1.08rem;
letter-spacing: 0.12em;
}
.cdach-hub--v22 .cdach-tab,
.cdach-hub--v22 .cdach-hub__btn {
min-height: 44px;
}
}
@media (max-width: 390px) {
.cdach-hub--v22 .cdach-book__who {
align-items: flex-start;
}
.cdach-hub--v22 .cdach-bcol-card--collection .cdach-souvenir__plate,
.cdach-hub--v22 .cdach-bcol-card--collection .cdach-bcol-card__plate {
width: 132px;
height: 132px;
}
}
@media (max-width: 320px) {
.cdach-hub--v22 .cdach-book__stamp {
font-size: 0.98rem;
}
.cdach-hub--v22 .cdach-book__heading {
font-size: 1.32rem;
}
.cdach-hub--v22 .cdach-bcol-card__title {
font-size: 1.08rem;
}
} .cdach-hub--v23 .cdach-book {
gap: 1.85rem;
}
.cdach-hub--v23 .cdach-book__cover {
display: flex;
align-items: stretch;
overflow: visible;
min-height: 300px;
padding: 0;
border: 0;
border-radius: 12px 18px 18px 12px;
color: #f7f3ea;
background: transparent;
box-shadow:
0 18px 40px rgba(15, 28, 51, 0.28),
0 0 0 1px rgba(196, 163, 90, 0.28);
}
.cdach-hub--v23 .cdach-book__cover::before,
.cdach-hub--v23 .cdach-book__cover::after {
content: none;
display: none;
}
.cdach-hub--v23 .cdach-book__spine {
flex: 0 0 28px;
width: 28px;
border-radius: 12px 3px 3px 12px;
background:
linear-gradient(90deg, #4a3814 0%, #d9bf7a 16%, #ead7a4 32%, #c4a35a 58%, #8a6d2f 82%, #3f2f12 100%);
box-shadow:
inset 4px 0 6px rgba(255, 253, 248, 0.35),
inset -5px 0 8px rgba(15, 28, 51, 0.35),
6px 0 14px rgba(15, 28, 51, 0.28);
}
.cdach-hub--v23 .cdach-book__cover-inner {
flex: 1 1 auto;
position: relative;
min-width: 0;
padding: 1.85rem 1.55rem 1.7rem 1.45rem;
border-radius: 0 16px 16px 0;
overflow: hidden;
background:
radial-gradient(ellipse at 18% 12%, rgba(255, 253, 248, 0.08), transparent 42%),
repeating-linear-gradient(95deg, rgba(255, 253, 248, 0.035) 0 1px, transparent 1px 9px),
linear-gradient(165deg, #24365a 0%, #15233d 48%, #0c1628 100%);
}
.cdach-hub--v23 .cdach-book__cover,
.cdach-hub--v23 .cdach-book__cover p,
.cdach-hub--v23 .cdach-book__cover span,
.cdach-hub--v23 .cdach-book__stamp,
.cdach-hub--v23 .cdach-book__name,
.cdach-hub--v23 .cdach-book__rank {
color: #f7f3ea;
}
.cdach-hub--v23 .cdach-book__mark {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 0 1.15rem;
padding: 0.4rem 0.7rem;
border-radius: 4px;
background: #f7f3ea;
border: 1px solid rgba(196, 163, 90, 0.55);
box-shadow: 0 2px 0 rgba(196, 163, 90, 0.25);
}
.cdach-hub--v23 .cdach-book__logo {
display: block;
max-width: 176px;
max-height: 48px;
width: auto;
height: auto;
margin: 0;
filter: none;
}
.cdach-hub--v23 .cdach-book__brand {
margin: 0;
font-family: Georgia, "Times New Roman", serif;
font-size: 0.95rem;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #1a2a4a;
}
.cdach-hub--v23 .cdach-book__stamp {
margin: 0 0 1.5rem;
font-size: 1.42rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #f4e6c0;
text-shadow: 0 1px 0 rgba(12, 22, 40, 0.45);
}
.cdach-hub--v23 .cdach-book__name {
color: #fffdf8;
}
.cdach-hub--v23 .cdach-book__rank {
color: #e6d3a3;
}
.cdach-hub--v23 .cdach-book__leaves {
display: grid;
gap: 1.45rem;
padding: 0.15rem 0 0.35rem;
}
.cdach-hub--v23 .cdach-book__page {
padding: 1.75rem 1.55rem 1.85rem 1.7rem;
min-height: 8.75rem;
border-radius: 2px 14px 14px 2px;
box-shadow:
3px 4px 0 #fffdf8,
6px 8px 0 rgba(196, 163, 90, 0.22),
0 14px 28px rgba(15, 28, 51, 0.07);
}
.cdach-hub--v23 .cdach-book__folio {
margin-bottom: 0.75rem;
}
.cdach-hub--v23 .cdach-book__favs--stamps {
display: grid;
grid-template-columns: 1fr;
gap: 1.45rem;
margin-top: 0.85rem;
justify-items: center;
}
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp {
width: 100%;
max-width: 16rem;
padding: 1.55rem 1.1rem 1.4rem;
border: 0;
background: transparent;
box-shadow: none;
}
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-bcol-card__plate,
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-souvenir__plate {
width: 132px;
height: 132px;
margin: 0 auto 0.7rem;
border: 2px solid rgba(196, 163, 90, 0.85);
background:
radial-gradient(circle at 50% 42%, #fffdf8 0 56%, #f7f3ea 57% 100%);
box-shadow:
0 0 0 7px rgba(196, 163, 90, 0.14),
inset 0 0 0 5px rgba(196, 163, 90, 0.18);
transform: rotate(-4deg);
}
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp:nth-child(2) .cdach-souvenir__plate,
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp:nth-child(2) .cdach-bcol-card__plate {
transform: rotate(3deg);
}
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp:nth-child(3) .cdach-souvenir__plate,
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp:nth-child(3) .cdach-bcol-card__plate {
transform: rotate(-6deg);
}
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-souvenir__plate svg,
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-souvenir__mark svg {
width: 88px;
height: 88px;
}
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-bcol-card__title {
font-size: 1.05rem;
color: #1a2a4a;
}
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-bcol-card__cat {
color: #8a6d2f;
}
@media (min-width: 768px) {
.cdach-hub--v23 .cdach-book__cover {
min-height: 320px;
}
.cdach-hub--v23 .cdach-book__cover-inner {
padding: 2.15rem 1.9rem 2rem 1.7rem;
}
.cdach-hub--v23 .cdach-book__favs--stamps {
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: start;
}
.cdach-hub--v23 .cdach-book__page {
padding: 1.95rem 1.75rem 2rem 1.9rem;
}
}
@media (max-width: 412px) {
.cdach-hub--v23 .cdach-book__favs--stamps {
grid-template-columns: 1fr;
}
.cdach-hub--v23 .cdach-book__cover-inner {
padding: 1.45rem 1.15rem 1.4rem 1.1rem;
}
.cdach-hub--v23 .cdach-book__spine {
flex-basis: 22px;
width: 22px;
}
.cdach-hub--v23 .cdach-book__stamp {
font-size: 1.12rem;
letter-spacing: 0.12em;
color: #f4e6c0;
}
.cdach-hub--v23 .cdach-book__page {
padding: 1.45rem 1.15rem 1.5rem 1.25rem;
min-height: 0;
}
.cdach-hub--v23 .cdach-tab,
.cdach-hub--v23 .cdach-hub__btn {
min-height: 44px;
}
}
@media (max-width: 390px) {
.cdach-hub--v23 .cdach-book__who {
align-items: flex-start;
}
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-souvenir__plate,
.cdach-hub--v23 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-bcol-card__plate {
width: 120px;
height: 120px;
}
}
@media (max-width: 320px) {
.cdach-hub--v23 .cdach-book__stamp {
font-size: 1rem;
color: #f4e6c0;
}
.cdach-hub--v23 .cdach-book__heading {
font-size: 1.28rem;
}
.cdach-hub--v23 .cdach-book__spine {
flex-basis: 18px;
width: 18px;
}
} .cdach-hub--v24 {
overflow-x: hidden;
}
.cdach-hub--v24 .cdach-book {
gap: 2.1rem;
max-width: 100%;
}
.cdach-hub--v24 .cdach-book__spine {
flex: 0 0 12px;
width: 12px;
border-radius: 10px 2px 2px 10px;
background:
linear-gradient(90deg, #5a4618 0%, #c4a35a 38%, #8a6d2f 100%);
box-shadow:
inset 2px 0 3px rgba(255, 253, 248, 0.22),
inset -2px 0 4px rgba(15, 28, 51, 0.28),
3px 0 8px rgba(15, 28, 51, 0.16);
}
.cdach-hub--v24 .cdach-book__cover-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
min-height: 340px;
padding: 2.4rem 1.7rem 2.2rem 1.85rem;
}
.cdach-hub--v24 .cdach-book__cover,
.cdach-hub--v24 .cdach-book__cover p,
.cdach-hub--v24 .cdach-book__cover span,
.cdach-hub--v24 .cdach-book__stamp,
.cdach-hub--v24 .cdach-book__holder,
.cdach-hub--v24 .cdach-book__motto {
color: #f7f3ea;
}
.cdach-hub--v24 .cdach-book__mark {
margin: 0 0 1.85rem;
}
.cdach-hub--v24 .cdach-book__stamp {
margin: 0 0 1.75rem;
max-width: 100%;
font-size: 1.55rem;
line-height: 1.4;
letter-spacing: 0.2em;
color: #f4e6c0;
overflow-wrap: anywhere;
}
.cdach-hub--v24 .cdach-book__holder {
margin: 0 0 0.85rem;
font-size: 1.45rem;
font-weight: 700;
color: #fffdf8;
overflow-wrap: anywhere;
}
.cdach-hub--v24 .cdach-book__motto {
margin: 0;
max-width: 22ch;
font-size: 0.95rem;
font-style: italic;
line-height: 1.45;
color: #e6d3a3;
}
.cdach-hub--v24 .cdach-book__leaves {
gap: 1.75rem;
}
.cdach-hub--v24 .cdach-book__page {
padding: 2.1rem 1.7rem 2.15rem 1.85rem;
min-height: 11rem;
border-radius: 0 8px 8px 0;
border: 1px solid rgba(196, 163, 90, 0.28);
background:
repeating-linear-gradient(0deg, rgba(196, 163, 90, 0.055) 0 1px, transparent 1px 28px),
linear-gradient(180deg, #fffdf8 0%, #f7f3ea 100%);
box-shadow:
8px 0 0 -6px rgba(196, 163, 90, 0.18),
0 16px 32px rgba(15, 28, 51, 0.08);
}
.cdach-hub--v24 .cdach-book__label {
margin: 0 0 0.35rem;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #8a6d2f;
}
.cdach-hub--v24 .cdach-book__chapter {
margin: 0 0 1.35rem;
padding-bottom: 0.55rem;
border-bottom: 1px solid rgba(196, 163, 90, 0.35);
font-family: Georgia, "Times New Roman", serif;
font-size: 1.45rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #1a2a4a;
}
.cdach-hub--v24 .cdach-book__id {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
gap: 1.15rem 1.25rem;
align-items: start;
}
.cdach-hub--v24 .cdach-book__photo {
display: block;
width: 96px;
height: 118px;
overflow: hidden;
border: 2px solid #c4a35a;
background: #fffdf8;
box-shadow: 0 4px 12px rgba(15, 28, 51, 0.1);
}
.cdach-hub--v24 .cdach-book__photo .cdach-book__avatar,
.cdach-hub--v24 .cdach-book__photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
border: 0;
}
.cdach-hub--v24 .cdach-book__fields {
margin: 0;
min-width: 0;
}
.cdach-hub--v24 .cdach-book__field {
margin: 0 0 0.85rem;
}
.cdach-hub--v24 .cdach-book__field dt {
margin: 0 0 0.15rem;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #8a6d2f;
}
.cdach-hub--v24 .cdach-book__field dd {
margin: 0;
font-size: 1.18rem;
font-weight: 700;
color: #1a2a4a;
overflow-wrap: anywhere;
}
.cdach-hub--v24 .cdach-book__field--sign dd {
font-size: 1.02rem;
font-weight: 500;
font-style: italic;
line-height: 1.45;
}
.cdach-hub--v24 .cdach-book__lead {
margin: 1.1rem 0 0;
color: #475569;
}
.cdach-hub--v24 .cdach-book__inks {
display: flex;
flex-wrap: wrap;
gap: 1rem;
list-style: none;
margin: 0.4rem 0 0;
padding: 0;
}
.cdach-hub--v24 .cdach-book__ink {
display: grid;
place-items: center;
width: 7.25rem;
height: 7.25rem;
padding: 0.6rem;
border-radius: 50%;
border: 2px solid #c4a35a;
background:
radial-gradient(circle at 50% 42%, #fffdf8 0 62%, #f7f3ea 63% 100%);
box-shadow:
0 0 0 5px rgba(196, 163, 90, 0.12),
inset 0 0 0 4px rgba(196, 163, 90, 0.18);
transform: rotate(-6deg);
text-align: center;
}
.cdach-hub--v24 .cdach-book__ink:nth-child(2) {
transform: rotate(4deg);
}
.cdach-hub--v24 .cdach-book__ink:nth-child(3) {
transform: rotate(-3deg);
}
.cdach-hub--v24 .cdach-book__ink span {
font-size: 0.72rem;
font-weight: 750;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #1a2a4a;
overflow-wrap: anywhere;
}
.cdach-hub--v24 .cdach-book__page--souv {
text-align: center;
}
.cdach-hub--v24 .cdach-book__tally {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 8.5rem;
margin: 0.35rem 0 0;
padding: 1.4rem 1rem;
}
.cdach-hub--v24 .cdach-book__tally-n {
display: block;
font-family: Georgia, "Times New Roman", serif;
font-size: 3.4rem;
font-weight: 700;
line-height: 1;
color: #1a2a4a;
}
.cdach-hub--v24 .cdach-book__tally-txt {
display: block;
margin-top: 0.65rem;
max-width: 18ch;
font-size: 1.02rem;
color: #475569;
}
.cdach-hub--v24 .cdach-book__favs--stamps {
gap: 1.65rem;
margin-top: 0.35rem;
}
.cdach-hub--v24 .cdach-book__favs--stamps .cdach-bcol-card--stamp {
max-width: none;
min-height: 16.5rem;
padding: 2rem 1.15rem 1.7rem;
border: 1px dashed rgba(196, 163, 90, 0.55);
background: rgba(255, 253, 248, 0.65);
}
.cdach-hub--v24 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-bcol-card__plate,
.cdach-hub--v24 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-souvenir__plate {
width: 156px;
height: 156px;
margin: 0 auto 0.95rem;
}
.cdach-hub--v24 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-souvenir__plate svg,
.cdach-hub--v24 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-souvenir__mark svg {
width: 104px;
height: 104px;
}
.cdach-hub--v24 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-bcol-card__title {
font-size: 1.12rem;
overflow-wrap: anywhere;
}
@media (min-width: 768px) {
.cdach-hub--v24 .cdach-book__cover-inner {
min-height: 380px;
padding: 2.75rem 2.2rem 2.5rem 2.35rem;
}
.cdach-hub--v24 .cdach-book__stamp {
font-size: 1.7rem;
}
.cdach-hub--v24 .cdach-book__page {
padding: 2.35rem 2rem 2.4rem 2.15rem;
}
.cdach-hub--v24 .cdach-book__id {
grid-template-columns: 110px minmax(0, 1fr);
}
.cdach-hub--v24 .cdach-book__photo {
width: 110px;
height: 136px;
}
.cdach-hub--v24 .cdach-book__favs--stamps {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 412px) {
.cdach-hub--v24 .cdach-book,
.cdach-hub--v24 .cdach-book__cover,
.cdach-hub--v24 .cdach-book__page {
max-width: 100%;
}
.cdach-hub--v24 .cdach-book__favs--stamps {
grid-template-columns: 1fr;
}
.cdach-hub--v24 .cdach-book__cover-inner {
min-height: 300px;
padding: 1.7rem 1.15rem 1.6rem 1.2rem;
}
.cdach-hub--v24 .cdach-book__spine {
flex-basis: 10px;
width: 10px;
}
.cdach-hub--v24 .cdach-book__stamp {
margin-bottom: 1.35rem;
font-size: 1.18rem;
letter-spacing: 0.12em;
color: #f4e6c0;
}
.cdach-hub--v24 .cdach-book__id {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
.cdach-hub--v24 .cdach-book__page {
padding: 1.55rem 1.1rem 1.6rem 1.2rem;
min-height: 0;
}
.cdach-hub--v24 .cdach-book__tally {
min-height: 7rem;
}
.cdach-hub--v24 .cdach-tab,
.cdach-hub--v24 .cdach-hub__btn {
min-height: 44px;
}
}
@media (max-width: 390px) {
.cdach-hub--v24 .cdach-book__holder {
font-size: 1.22rem;
}
.cdach-hub--v24 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-souvenir__plate,
.cdach-hub--v24 .cdach-book__favs--stamps .cdach-bcol-card--stamp .cdach-bcol-card__plate {
width: 140px;
height: 140px;
}
.cdach-hub--v24 .cdach-book__ink {
width: 6.5rem;
height: 6.5rem;
}
}
@media (max-width: 320px) {
.cdach-hub--v24 .cdach-book__stamp {
font-size: 1.02rem;
color: #f4e6c0;
}
.cdach-hub--v24 .cdach-book__chapter {
font-size: 1.18rem;
}
.cdach-hub--v24 .cdach-book__tally-n {
font-size: 2.6rem;
}
.cdach-hub--v24 .cdach-book__spine {
flex-basis: 8px;
width: 8px;
}
} .cdach-hub--v25 .cdach-book__cover-inner {
position: relative;
justify-content: flex-start;
padding-top: 2.2rem;
}
.cdach-hub--v25 .cdach-book__cover-inner::after {
content: "CALENDANSE";
position: absolute;
right: -0.4rem;
bottom: 1.4rem;
font-family: Georgia, "Times New Roman", serif;
font-size: 3.1rem;
font-weight: 700;
letter-spacing: 0.28em;
color: #f4e6c0;
opacity: 0.1;
transform: rotate(-18deg);
pointer-events: none;
white-space: nowrap;
}
.cdach-hub--v25 .cdach-book__cover,
.cdach-hub--v25 .cdach-book__cover p,
.cdach-hub--v25 .cdach-book__issue {
color: #f7f3ea;
}
.cdach-hub--v25 .cdach-book__issue {
margin: 1.15rem 0 0;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: #e6d3a3;
}
.cdach-hub--v25 .cdach-book__lines {
display: grid;
gap: 0.85rem;
margin: 1.15rem 0 0;
}
.cdach-hub--v25 .cdach-book__lines span {
display: block;
height: 1px;
background: repeating-linear-gradient(90deg, rgba(196, 163, 90, 0.45) 0 8px, transparent 8px 12px);
}
.cdach-hub--v25 .cdach-book__inks {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem 1rem;
align-items: start;
}
.cdach-hub--v25 .cdach-book__ink {
display: flex;
flex-direction: column;
align-items: center;
width: auto;
height: auto;
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
transform: none;
text-align: center;
}
.cdach-hub--v25 .cdach-book__ink-mark {
display: grid;
place-items: center;
width: 7.25rem;
height: 7.25rem;
padding: 0.55rem;
border-radius: 50%;
border: 2px solid #c4a35a;
background:
radial-gradient(circle at 50% 42%, #fffdf8 0 62%, #f7f3ea 63% 100%);
box-shadow:
0 0 0 5px rgba(196, 163, 90, 0.12),
inset 0 0 0 4px rgba(196, 163, 90, 0.18);
transform: rotate(-6deg);
}
.cdach-hub--v25 .cdach-book__ink:nth-child(2) .cdach-book__ink-mark {
transform: rotate(4deg);
}
.cdach-hub--v25 .cdach-book__ink:nth-child(3) .cdach-book__ink-mark {
transform: rotate(-3deg);
}
.cdach-hub--v25 .cdach-book__ink-name {
font-size: 0.72rem;
font-weight: 750;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #1a2a4a;
overflow-wrap: anywhere;
}
.cdach-hub--v25 .cdach-book__ink-line {
display: block;
margin-top: 0.5rem;
max-width: 16ch;
font-size: 0.82rem;
line-height: 1.35;
color: #64748b;
}
.cdach-hub--v25 .cdach-book__ink--wait {
opacity: 0.48;
}
.cdach-hub--v25 .cdach-book__tally {
min-height: 6.5rem;
}
.cdach-hub--v25 .cdach-book__tray {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
list-style: none;
margin: 0.35rem 0 0;
padding: 0;
}
.cdach-hub--v25 .cdach-book__tray-slot {
min-height: 4.5rem;
border: 1px dashed rgba(196, 163, 90, 0.4);
border-radius: 4px;
background: rgba(255, 253, 248, 0.5);
}
.cdach-hub--v25 .cdach-book__favs--stamps {
display: grid;
grid-template-columns: 1fr;
gap: 1.45rem;
justify-items: center;
}
.cdach-hub--v25 .cdach-book__slot {
display: grid;
place-items: center;
width: 100%;
min-height: 16.5rem;
border: 1px dashed rgba(196, 163, 90, 0.42);
background:
repeating-linear-gradient(0deg, rgba(196, 163, 90, 0.04) 0 1px, transparent 1px 14px),
rgba(255, 253, 248, 0.45);
color: #8a6d2f;
font-size: 0.72rem;
letter-spacing: 0.16em;
text-transform: uppercase;
}
@media (min-width: 768px) {
.cdach-hub--v25 .cdach-book__inks,
.cdach-hub--v25 .cdach-book__favs--stamps {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 412px) {
.cdach-hub--v25 .cdach-book__favs--stamps,
.cdach-hub--v25 .cdach-book__tray {
grid-template-columns: 1fr;
}
.cdach-hub--v25 .cdach-book__cover-inner::after {
font-size: 2.1rem;
bottom: 0.8rem;
}
.cdach-hub--v25 .cdach-tab,
.cdach-hub--v25 .cdach-hub__btn {
min-height: 44px;
}
}
@media (max-width: 390px) {
.cdach-hub--v25 .cdach-book__ink-mark {
width: 6.5rem;
height: 6.5rem;
}
.cdach-hub--v25 .cdach-book__slot {
min-height: 14rem;
}
}
@media (max-width: 320px) {
.cdach-hub--v25 .cdach-book__issue {
letter-spacing: 0.12em;
}
.cdach-hub--v25 .cdach-book__cover-inner::after {
font-size: 1.55rem;
letter-spacing: 0.12em;
}
} .cdach-hub--v26 .cdach-book__ink-mark {
border: 2px solid rgba(122, 88, 28, 0.78);
background: transparent;
box-shadow:
0 0 0 5px rgba(196, 163, 90, 0.1),
inset 0 0 0 3px rgba(122, 88, 28, 0.28);
color: #6b4f1a;
}
.cdach-hub--v26 .cdach-book__ink-name {
color: #6b4f1a;
}
.cdach-hub--v26 .cdach-book__ink-src {
display: block;
margin-top: 0.15rem;
font-size: 0.68rem;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #8a6d2f;
}
.cdach-hub--v26 .cdach-book__ink--ghost,
.cdach-hub--v26 .cdach-book__ghost {
opacity: 0.28;
}
.cdach-hub--v26 .cdach-book__ink--ghost .cdach-book__ink-mark,
.cdach-hub--v26 .cdach-book__ghost .cdach-book__ink-mark {
display: grid;
place-items: center;
width: 7.25rem;
height: 7.25rem;
margin: 0 auto;
border-radius: 50%;
border: 2px dashed rgba(196, 163, 90, 0.45);
background: radial-gradient(circle at 50% 45%, rgba(247, 243, 234, 0.4), transparent 70%);
box-shadow: none;
transform: rotate(-8deg);
}
.cdach-hub--v26 .cdach-book__whisper {
margin: 1rem 0 0;
font-size: 0.88rem;
font-style: italic;
color: #8a6d2f;
text-align: center;
}
.cdach-hub--v26 .cdach-book__imprint {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.85rem;
list-style: none;
margin: 0.4rem 0 0;
padding: 0;
justify-items: center;
}
.cdach-hub--v26 .cdach-book__tray,
.cdach-hub--v26 .cdach-book__tray-slot,
.cdach-hub--v26 .cdach-book__slot {
display: none;
}
.cdach-hub--v26 .cdach-book__favs--stamps .cdach-bcol-card--stamp {
border: 0;
background: transparent;
box-shadow: none;
min-height: 0;
padding: 0.85rem 0.4rem 1rem;
}
.cdach-hub--v26 .cdach-bcol-card__no {
display: block;
margin: 0 0 0.45rem;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.18em;
color: #8a6d2f;
}
.cdach-hub--v26 .cdach-bcol-card__when {
display: block;
margin-top: 0.35rem;
font-size: 0.78rem;
color: #64748b;
}
.cdach-hub--v26 .cdach-book__ghost {
display: grid;
place-items: center;
width: 100%;
padding: 1.2rem 0;
}
@media (min-width: 768px) {
.cdach-hub--v26 .cdach-book__imprint,
.cdach-hub--v26 .cdach-book__favs--stamps {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 412px) {
.cdach-hub--v26 .cdach-book__imprint,
.cdach-hub--v26 .cdach-book__favs--stamps {
grid-template-columns: 1fr;
}
.cdach-hub--v26 .cdach-tab,
.cdach-hub--v26 .cdach-hub__btn {
min-height: 44px;
}
}
@media (max-width: 390px) {
.cdach-hub--v26 .cdach-book__ink--ghost .cdach-book__ink-mark,
.cdach-hub--v26 .cdach-book__ghost .cdach-book__ink-mark {
width: 6.5rem;
height: 6.5rem;
}
}
@media (max-width: 320px) {
.cdach-hub--v26 .cdach-book__tally-n {
font-size: 2.5rem;
}
.cdach-hub--v26 .cdach-book__whisper {
font-size: 0.82rem;
}
} .cdach-hub--v27 .cdach-book__cover-inner {
position: relative;
padding-right: 5.5rem;
}
.cdach-hub--v27 .cdach-book__seal {
position: absolute;
right: 1.1rem;
bottom: 1.4rem;
display: grid;
place-items: center;
width: 3.1rem;
height: 3.1rem;
border-radius: 50%;
border: 1px solid rgba(228, 198, 126, 0.7);
color: #e6d3a3;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.12em;
background: radial-gradient(circle at 35% 30%, rgba(244, 230, 192, 0.18), transparent 62%);
box-shadow: inset 0 0 0 3px rgba(15, 28, 51, 0.35);
opacity: 0.88;
}
.cdach-hub--v27 .cdach-book__photo {
overflow: hidden;
}
.cdach-hub--v27 .cdach-book__photo img,
.cdach-hub--v27 .cdach-book__avatar {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}
.cdach-hub--v27 .cdach-signform {
margin: 1.25rem 0 0;
padding: 1.1rem 1.15rem 1.2rem;
border: 1px solid rgba(196, 163, 90, 0.28);
background: #fffdf8;
border-radius: 2px;
}
.cdach-hub--v27 .cdach-signform__label {
display: block;
margin: 0.35rem 0 0.4rem;
font-size: 0.82rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #1a2a4a;
}
.cdach-hub--v27 .cdach-signform__input {
width: 100%;
min-height: 4.5rem;
margin: 0 0 0.75rem;
padding: 0.65rem 0.75rem;
border: 1px solid rgba(26, 42, 74, 0.18);
background: #f7f3ea;
color: #0f1c33;
font: inherit;
line-height: 1.45;
}
.cdach-hub--v27 .cdach-book__lead .cdach-hub__link {
white-space: nowrap;
}
@media (max-width: 412px) {
.cdach-hub--v27 .cdach-book__cover-inner {
padding-right: 1.15rem;
padding-bottom: 4.2rem;
}
.cdach-hub--v27 .cdach-book__seal {
right: 1rem;
bottom: 0.85rem;
width: 2.7rem;
height: 2.7rem;
}
.cdach-hub--v27 .cdach-signform__input,
.cdach-hub--v27 .cdach-signform .cdach-hub__btn {
min-height: 44px;
}
}
@media (max-width: 320px) {
.cdach-hub--v27 .cdach-book__cover-inner {
padding-right: 0.9rem;
}
.cdach-hub--v27 .cdach-book__seal {
width: 2.4rem;
height: 2.4rem;
font-size: 0.64rem;
}
.cdach-hub--v27 .cdach-signform {
padding: 0.9rem 0.8rem 1rem;
}
} .cdach-hub--v28 .cdach-book__cover-inner {
position: relative;
padding: 2.55rem 7.25rem 2.4rem 2.1rem;
justify-content: flex-start;
gap: 0;
}
.cdach-hub--v28 .cdach-book__mark {
margin: 0 0 2.15rem;
}
.cdach-hub--v28 .cdach-book__stamp {
margin: 0 0 1.35rem;
max-width: none;
white-space: nowrap;
overflow-wrap: normal;
letter-spacing: 0.18em;
font-size: 1.48rem;
line-height: 1.25;
color: #f4e6c0;
}
.cdach-hub--v28 .cdach-book__holder {
margin: 0 0 0.7rem;
font-size: 1.55rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #fffdf8;
overflow-wrap: anywhere;
}
.cdach-hub--v28 .cdach-book__holder--default {
font-weight: 650;
letter-spacing: 0.06em;
color: #f4e6c0;
}
.cdach-hub--v28 .cdach-book__motto {
margin: 0 0 1.35rem;
width: max-content;
max-width: 100%;
white-space: nowrap;
overflow-wrap: normal;
font-size: 1.08rem;
font-style: italic;
font-weight: 500;
line-height: 1.35;
letter-spacing: 0.01em;
color: #e6d3a3;
}
.cdach-hub--v28 .cdach-book__issue {
margin: 0.15rem 0 0;
}
.cdach-hub--v28 .cdach-book__cover-inner::after {
right: 0.15rem;
top: 48%;
bottom: auto;
font-size: 2.55rem;
letter-spacing: 0.22em;
opacity: 0.145;
transform: translateY(-50%) rotate(-16deg);
}
.cdach-hub--v28 .cdach-book__seal {
position: absolute;
right: 1.15rem;
top: 50%;
bottom: auto;
display: grid;
place-items: center;
width: 5.75rem;
height: 5.75rem;
border-radius: 50%;
border: 1.5px solid rgba(228, 198, 126, 0.88);
background:
radial-gradient(circle at 34% 30%, rgba(244, 230, 192, 0.28), transparent 58%),
radial-gradient(circle at 50% 50%, rgba(15, 28, 51, 0.12), transparent 72%);
box-shadow:
0 0 0 5px rgba(15, 28, 51, 0.22),
inset 0 0 0 7px rgba(228, 198, 126, 0.2),
inset 0 1px 0 rgba(255, 248, 220, 0.28);
color: #f4e6c0;
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.14em;
opacity: 0.96;
pointer-events: none;
transform: translateY(-50%) rotate(-9deg);
}
.cdach-hub--v28 .cdach-book__seal-ring {
position: absolute;
inset: 0.55rem;
border-radius: 50%;
border: 1px dashed rgba(228, 198, 126, 0.55);
pointer-events: none;
}
.cdach-hub--v28 .cdach-book__seal-mark {
position: relative;
font-family: Georgia, "Times New Roman", serif;
text-shadow: 0 1px 0 rgba(15, 28, 51, 0.4);
}
@media (min-width: 768px) {
.cdach-hub--v28 .cdach-book__cover-inner {
padding-right: 7.6rem;
min-height: 400px;
}
.cdach-hub--v28 .cdach-book__motto {
font-size: 1.12rem;
white-space: nowrap;
}
.cdach-hub--v28 .cdach-book__seal {
width: 6.15rem;
height: 6.15rem;
right: 1.35rem;
}
}
@media (max-width: 412px) {
.cdach-hub--v28 .cdach-book__cover-inner {
padding: 2rem 1.2rem 5.6rem 1.35rem;
}
.cdach-hub--v28 .cdach-book__stamp {
white-space: nowrap;
font-size: 1.18rem;
letter-spacing: 0.12em;
}
.cdach-hub--v28 .cdach-book__motto {
white-space: normal;
width: auto;
max-width: 16.5rem;
font-size: 1.02rem;
}
.cdach-hub--v28 .cdach-book__seal {
right: 1rem;
top: auto;
bottom: 1.15rem;
transform: rotate(-8deg);
width: 4.6rem;
height: 4.6rem;
}
.cdach-hub--v28 .cdach-book__cover-inner::after {
top: auto;
bottom: 1.6rem;
right: 5.4rem;
transform: rotate(-14deg);
font-size: 1.85rem;
opacity: 0.13;
}
}
@media (max-width: 390px) {
.cdach-hub--v28 .cdach-book__holder {
font-size: 1.32rem;
}
.cdach-hub--v28 .cdach-book__seal {
width: 4.35rem;
height: 4.35rem;
}
}
@media (max-width: 320px) {
.cdach-hub--v28 .cdach-book__stamp {
font-size: 1.05rem;
letter-spacing: 0.08em;
}
.cdach-hub--v28 .cdach-book__motto {
max-width: 14.5rem;
font-size: 0.96rem;
}
.cdach-hub--v28 .cdach-book__seal {
width: 4rem;
height: 4rem;
font-size: 0.88rem;
}
.cdach-hub--v28 .cdach-book__cover-inner::after {
font-size: 1.45rem;
letter-spacing: 0.1em;
}
} .cdach-hub--v29 .cdach-book__cover-inner {
padding-right: 8rem;
padding-bottom: 2.6rem;
}
.cdach-hub--v29 .cdach-book__seal {
position: absolute;
right: 1.05rem;
top: auto;
bottom: 1.2rem;
display: grid;
place-items: center;
width: 6.7rem;
height: 6.7rem;
border-radius: 50%;
border: 1.75px solid rgba(228, 198, 126, 0.92);
background:
radial-gradient(circle at 32% 28%, rgba(244, 230, 192, 0.34), transparent 56%),
radial-gradient(circle at 50% 58%, rgba(15, 28, 51, 0.18), transparent 74%);
box-shadow:
0 0 0 5px rgba(15, 28, 51, 0.28),
inset 0 0 0 8px rgba(228, 198, 126, 0.18),
inset 0 2px 0 rgba(255, 248, 220, 0.32),
inset 0 -2px 6px rgba(15, 28, 51, 0.35);
color: #f4e6c0;
opacity: 1;
pointer-events: none;
transform: rotate(-7deg);
}
.cdach-hub--v29 .cdach-book__seal-orbit {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: visible;
pointer-events: none;
}
.cdach-hub--v29 .cdach-book__seal-orbit text {
fill: #f4e6c0;
font-family: Georgia, "Times New Roman", serif;
font-size: 8.2px;
font-weight: 700;
letter-spacing: 0.22em;
}
.cdach-hub--v29 .cdach-book__seal-ring {
inset: 1.05rem;
border: 1px solid rgba(228, 198, 126, 0.45);
}
.cdach-hub--v29 .cdach-book__seal-mark {
position: relative;
z-index: 1;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.15rem;
letter-spacing: 0.12em;
text-shadow: 0 1px 0 rgba(15, 28, 51, 0.45);
}
@media (min-width: 768px) {
.cdach-hub--v29 .cdach-book__seal {
width: 7.1rem;
height: 7.1rem;
right: 1.25rem;
bottom: 1.35rem;
}
}
@media (max-width: 412px) {
.cdach-hub--v29 .cdach-book__cover-inner {
padding: 2rem 1.2rem 6.2rem 1.35rem;
}
.cdach-hub--v29 .cdach-book__seal {
width: 5.5rem;
height: 5.5rem;
right: 0.85rem;
bottom: 0.95rem;
transform: rotate(-6deg);
}
}
@media (max-width: 320px) {
.cdach-hub--v29 .cdach-book__seal {
width: 4.8rem;
height: 4.8rem;
}
.cdach-hub--v29 .cdach-book__seal-mark {
font-size: 0.95rem;
}
}
.cdach-book__invite {
margin: 0.9rem 0 0.35rem;
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.01em;
}
.cdach-book__invite-lead {
margin: 0 0 0.4rem;
font-size: 0.92rem;
line-height: 1.5;
color: #5a4a3a;
max-width: 46ch;
}
@media (max-width: 412px) {
.cdach-book__invite {
font-size: 1rem;
}
}
@media (max-width: 390px) {
.cdach-book__invite-lead {
font-size: 0.9rem;
}
}
@media (max-width: 320px) {
.cdach-book__invite {
font-size: 0.95rem;
}
}