/* Mobile readability and touch targets, without enlarging compact portfolio actions. */
@media (max-width:740px) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),
  select, textarea { font-size:16px!important; }

  .home-faq summary { min-height:44px; box-sizing:border-box; padding-block:11px; }
  .home-static-hero .hero-actions>.text-link,
  .directory-filters>.text-link { display:inline-flex; align-items:center; min-height:44px; box-sizing:border-box; }

  body[data-screen=welcome] .home-hero-reassurance,
  body[data-screen=welcome] .home-static-hero .hero-note,
  .home-product-preview .field-help { font-size:12px!important; line-height:1.65; }
}

/* Stronger text contrast on tinted beta and studio panels. */
body:not(.portfolio) .beta-feature p,
body[data-screen=dashboard] .portfolio-link-guide p,
body[data-screen=dashboard] .showreel-row-heading .field-help,
body[data-screen=dashboard] .showreel-row-status .field-help { color:var(--ink); }

.auth-switch>a { text-decoration:underline; text-underline-offset:3px; }
html[data-appearance=dark] .beta-reassurance,
html[data-appearance=dark] .beta-feature-number { color:var(--muted); }
html[data-appearance=dark] .beta-quality { background:var(--paper); }
html[data-appearance=dark] .beta-quality p { color:var(--ink); }
html[data-appearance=dark] .editor-workspace .boundary-lock-hint { color:var(--muted); }
html[data-appearance=dark] .editor-workspace .boundary-lockbar:has(.boundary-lock-toggle[aria-pressed="false"]) .boundary-lock-hint { color:#ffaaa3; }

/* Quiet headline separation and a gold invitation with a brief, gentle sheen. */
body[data-screen=welcome] .home-static-hero .hero-copy h1{position:relative}
body[data-screen=welcome] .home-static-hero .hero-copy h1::after{content:"";position:absolute;inset-inline:0;bottom:-12px;height:1px;background:var(--line);pointer-events:none}
.home-static-hero .name-claim-badge{position:relative;isolation:isolate;overflow:hidden;background:#fff0bc;border-color:#c49a35;color:#563c0c;box-shadow:0 3px 16px #b885151c}
.home-static-hero .name-claim-badge::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 25%,#ffffff85 50%,transparent 75%);transform:translateX(-150%);animation:name-claim-sheen 2.4s ease-in-out 2 forwards}
.home-static-hero .name-claim-detail{color:#70531d}
.home-static-hero .name-claim-badge:hover{background:#ffe59a;border-color:#aa7b17}
html[data-appearance=dark] .home-static-hero .name-claim-badge{background:#f7d97d;border-color:#dfb342;color:#49320b;box-shadow:0 3px 18px #dcae3429}
html[data-appearance=dark] .home-static-hero .name-claim-detail{color:#624715}
html[data-appearance=dark] .home-static-hero .name-claim-badge:hover{background:#ffe59a}
@keyframes name-claim-sheen{0%,15%{transform:translateX(-150%)}80%,100%{transform:translateX(150%)}}
@media(max-width:740px){body[data-screen=welcome] .home-static-hero .hero-copy h1::after{bottom:-20px}}
@media(prefers-reduced-motion:reduce){.home-static-hero .name-claim-badge::after{animation:none;display:none}}

/* Destructive icon controls must not inherit the generic 44px button height. */
.showreel-delete-button,.banner-manager .banner-frame-remove{box-sizing:border-box;appearance:none;display:grid;place-items:center;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;flex:0 0 28px;padding:0!important;border-radius:50%;font-size:0;line-height:1;aspect-ratio:1}
.banner-manager .banner-frame-remove{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;flex-basis:24px}
.banner-frame-remove::before,.banner-frame-remove::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.banner-frame-remove::after{transform:translate(-50%,-50%) rotate(-45deg)}
.experience-badge-info{max-height:calc(100dvh - 16px);overflow-y:auto}
@media(max-width:740px){.banner-manager .banner-frame-remove{width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;flex-basis:28px}}

/* A quiet centered sign-in/sign-up card, without decorative animation. */
.auth-layout.auth-layout-centered{display:block;max-width:480px;min-height:0;margin:52px auto 64px;padding:0 24px}
.auth-layout-centered .auth-form{padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 12px 40px #1724330d}
@media(max-width:740px){.auth-layout.auth-layout-centered{margin:28px auto 40px;padding:0 18px}.auth-layout-centered .auth-form{padding:24px 20px}}

/* The existing showreel link covers its card; independent actions remain above it. */
.talent-directory .talent-card .talent-watch::after{content:"";position:absolute;inset:0;z-index:1;border-radius:10px}
.talent-directory .talent-card .talent-watch:active{transform:none}
.talent-directory .talent-card .talent-email,
.talent-directory .talent-card .experience-badge-button{position:relative;z-index:2}
.talent-directory .talent-card:has(.talent-watch:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.talent-directory .talent-card:has(.talent-watch):hover{border-color:var(--accent);box-shadow:0 12px 30px #2864eb24,0 0 0 1px var(--accent)}}

/* Make future paid access visible without crowding the beta invitation. */
.home-static-hero .hero-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.beta-plan-summary{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--accent-soft);margin:0 0 48px}
.beta-plan-summary h2{font-size:24px;margin:0 0 14px}
.beta-plan-summary p{font-size:15px;line-height:1.8;max-width:80ch;margin:0}
@media(max-width:740px){.beta-plan-summary{padding:24px 20px;margin-bottom:36px}.beta-plan-summary h2{font-size:22px}}

fieldset.signup-details{border:0;padding:0;margin:0;min-width:0}fieldset.signup-details[hidden]{display:none}

/* Keep the contact grid within narrow screens, including its compact challenge. */
.contact-page > *{min-width:0}