.ui.buttons.ui_uimenu .button-container {
    background-size: 100% 100%;
    height: 106px !important;
}

.ui.buttons.ui_uimenu .button-container .text {
    font-size: 39px !important;
}

.hoover_highlight {
    font-weight: bold;
}

.credits {
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.section {
    margin-bottom: 1.2rem;
}

.section h2 {
    font-size: 1.2rem;
    line-height: 1.2;
    color: #ffcc00;
    /* border-bottom: 1px solid #444; */
    padding-bottom: 0rem;
    margin-bottom: 0rem;
    text-transform: uppercase;
}

.names p {
    margin: 0.3rem 0;
    padding-bottom: 0;
}

.footer {
    text-align: center;
    margin-top: 3rem;
    font-size: 0.9rem;
    color: #ccc;
}

.footer a {
    color: #ffcc00;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.ui.message.mirror_split .description {
    font-family: ui-serif;
    line-height: 1.2;
}

.new_build_questions {
    margin: 0 auto;             /* center the box */
    padding: 2rem 2.5rem;       /* inner breathing room */
    text-align: center;         /* center inline content (incl. button) */
    line-height: 1.6;           /* smoother default line spacing */
}

/* top line */
.new_build_questions .intro-top {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
    line-height: 1.6;
}

/* big question */
.new_build_questions .intro-question {
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 700;
    margin-bottom: 1.6rem;
    line-height: 1.35;
}

/* smaller note */
.new_build_questions .intro-note {
    font-size: 1rem;
    color: #ddd;
    line-height: 1.6;
    margin-bottom: 2rem;        /* normal spacing before button */
    margin-left: auto;
    margin-right: auto;
}

/* center and enlarge the "Continue" clickbox */
.new_build_questions .midbutton.action-btn {
    display: inline-block;      /* allows auto margins */
    margin: 0 auto;             /* center horizontally */
    padding: 0.8rem 1.6rem;     /* larger click area */
    font-size: 1rem;
    float: none !important;     /* kill any framework float */
}

.popuptext .bc-link {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

#panelOrCarousel .pc__card{
    width: 100vw;
    max-width: 420px;
    aspect-ratio: 5/5;
}


.panel {
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 2rem;
    line-height: 1.6;
    color: #f2f2f2;
}

/* title */
.panel-title {
    font-family: "FournierCaps", serif;    
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1rem 0;
    color: #ffcc00;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* optional smaller subtitle */
.panel-subtitle {
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 0 0 1.2rem 0;
    color: #d8d8d8;
}

/* plain paragraph text */
.panel-text {
    font-family: "Fournier", serif;
    font-size: 1.5rem;
    line-height: 1.7;
    color: #261d15;
}

/* plain explainparagraph text */
.panel-extext {
    font-family: "Fournier", serif;
    font-size: 1.5rem;
    line-height: 1.7;
    color: #cfccbf;
    max-width: 700px;
    margin: 0 auto;
    padding: 40px;
    text-align: left;
}

/* center aligned text */
.panel-text-centered{
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0 auto 1rem auto;
    color: #261d15;
    text-align: center;
}

/* strong highlight inside text */
.panel strong,
.panel-strong {
    font-weight: 700;
    color: #261d15;
}

/* emphasis */
.panel em,
.panel-em {
    font-style: italic;
    color: #e8e8e8;
}

/* list block */
.panel-list {
    margin: 0.3rem, 0.1rem, 0.1rem;
    padding: 0;
    line-height: 1.7;
}

.panel-list li {
    margin-bottom: 0.2rem;
}

/* optional cleaner bullet style */
.panel-list.clean {
    list-style: none;
    margin-left: 0;
}

/* spacing helpers */
.panel-gap-sm {
    margin-bottom: 0.6rem;
}

/* optional centered panel variation */
.panel.center {
    text-align: center;
}

.panel.center .panel-list {
    text-align: left;
    display: inline-block;
}

.carousel-text {
    font-family: "Fournier", serif;
    line-height: 1.7;
    font-size: 1rem;
    margin: 0 0 0.1rem 0;
    color: #d2ccc6;
}

.carousel-text strong {
    color: #ffffff;
    font-weight: 500;
}

.carousel-list {
    list-style: none;
    max-width: 760px;
    color: #f3efe6;
    text-align: left;
}

.carousel-list strong {
    color: #ffffff;
    font-weight: 500;
}

.carousel-list li {
    position: relative;
}

.carousel-list li::before {
    content: "• ";
    position: absolute;
    left: -1.5rem;
    top: 0.15rem;
    color: #d8b873;
}