/* Landing categories: reserve arrow space and let descriptions wrap. */
.intro-screen .landing-card .primary-button.intro-button { position:relative; flex-shrink:0; height:auto; min-height:76px; padding:12px 42px 12px 16px; white-space:normal; }
.intro-screen .landing-card .color-pick-button-copy, .intro-screen .landing-card .monthly-studio-button-copy { width:100%; min-width:0; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0; }
.intro-screen .landing-card .color-pick-button-title, .intro-screen .landing-card .monthly-studio-button-title { font-size:clamp(17px,4.5vw,22px); line-height:1.3; white-space:normal; }
.intro-screen .landing-card .color-pick-button-description, .intro-screen .landing-card .monthly-studio-button-description { margin-top:5px; font-size:12px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; word-break:keep-all; }
.intro-screen .landing-card .intro-button-arrow { position:absolute; right:16px; top:50%; margin:0; transform:translateY(-50%); }
.intro-screen .landing-card .hat-text-cta, .intro-screen .landing-card .color-pick-cta, .intro-screen .landing-card .monthly-studio-cta { width:100%; flex-shrink:0; margin-top:10px; }
.category-access-status { position:absolute; bottom:3px; right:42px; font-size:9px; font-weight:400; line-height:1.2; }
.intro-screen .landing-card .hat-text-cta .intro-button { padding-bottom:20px; }
.mobile-frame.intro-frame { height:auto; min-height:100svh; overflow:visible; }
.intro-screen:not(.is-admin-preview) { height:auto; min-height:100svh; overflow:visible; }
.intro-screen:not(.is-admin-preview) .landing-card { height:auto; overflow:visible; }

.mobile-frame.intro-frame { max-height:none; }
.intro-screen:not(.is-admin-preview) { container-type:inline-size; }


.intro-screen .landing-card .color-pick-button-description, .intro-screen .landing-card .monthly-studio-button-description { white-space:pre-line; }

.intro-screen .landing-card .category-original-status { display:none; }
.intro-screen .landing-card .category-menu-description { margin-top:5px; font-size:12px; font-weight:500; line-height:1.5; white-space:normal; overflow-wrap:anywhere; word-break:keep-all; }