/* v1.22.55 — centered desktop story panel + mobile glass auth + fixed one-line branded header */
@media(min-width:921px){
  .core-auth-copy-inner{align-items:center!important;text-align:center!important;padding:38px 44px!important}
  .core-auth-brandmark{align-items:center!important;margin-bottom:13px!important}
  .core-auth-side-copy{text-align:center!important;margin-inline:auto!important;max-width:490px!important}
  .core-auth-side-quote{margin-inline:auto!important;max-width:430px!important}
  .core-auth-side-meta{justify-content:center!important;max-width:500px!important}
  .core-auth-kicker{margin-inline:auto!important}
  .core-auth-copy,.core-auth-card{min-height:590px!important}
  .core-auth-poetic-title{font-size:2.8rem!important}
  .core-auth-side-title{font-size:1.55rem!important}
}
.core-auth-form input{height:46px!important;min-height:46px!important;border-radius:13px!important;font-size:12.5px!important}
.core-auth-form{gap:11px!important}
.core-auth-submit{height:49px!important;min-height:49px!important}
.core-auth-divider{display:flex;align-items:center;gap:11px;margin:15px 0 12px;color:var(--auth-muted);font-size:10.5px}.core-auth-divider:before,.core-auth-divider:after{content:"";flex:1;height:1px;background:var(--auth-border)}
.core-auth-google-wrap{display:grid;gap:7px}.core-auth-google{display:grid;gap:7px}.core-auth-google-label{text-align:center;color:var(--auth-muted);font-size:10.5px}.core-auth-google-button{display:flex;justify-content:center;min-height:44px;overflow:hidden}.core-auth-google-button>div{max-width:100%!important}.core-auth-google-error{padding:9px 11px;border-radius:11px;background:color-mix(in srgb,#cf3948 8%,var(--auth-card));border:1px solid color-mix(in srgb,#cf3948 22%,var(--auth-border));color:#c93644;font-size:10.5px;text-align:center}.core-auth-google-unconfigured{width:100%;height:44px;border-radius:13px;border:1px solid var(--auth-border);background:var(--auth-field);color:var(--auth-muted);font:inherit;font-size:12px;font-weight:800;opacity:.72}.google-g{font-weight:900;color:#4285f4;margin-left:6px}.core-auth-google-hint{text-align:center;color:var(--auth-muted);font-size:9.5px}

@media(max-width:820px){
  .site-header .header-row{height:62px!important;min-height:62px!important;flex-wrap:nowrap!important;overflow:visible!important}
  .site-header .brand{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 110px!important;width:110px!important;min-width:110px!important;overflow:visible!important}
  .site-header .brand-logo{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .site-header .brand-copy{display:grid!important;grid-template-rows:auto auto!important;gap:0!important;min-width:0!important;width:67px!important;line-height:1.1!important;text-align:right!important}
  .site-header .brand-copy b{display:block!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important}
  .site-header .brand-copy small{display:block!important;font-size:7.5px!important;line-height:1.25!important;white-space:nowrap!important;opacity:.72!important}
  .site-header .header-actions{flex:1 1 auto!important;min-width:0!important;gap:3px!important}
  .site-header .ajax-poet-search{flex:1 1 190px!important;min-width:125px!important;max-width:225px!important}
  .site-header .header-search{height:33px!important;min-height:33px!important;max-height:33px!important}
  .site-header .header-search input{height:31px!important;min-height:31px!important;line-height:31px!important}
  .site-header .header-search button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}
}
@media(max-width:520px){
  .site-header .brand{flex-basis:98px!important;width:98px!important;min-width:98px!important;gap:4px!important}
  .site-header .brand-logo{width:35px!important;height:35px!important;flex-basis:35px!important}
  .site-header .brand-copy{width:59px!important}
  .site-header .brand-copy b{font-size:11.5px!important}
  .site-header .brand-copy small{font-size:6.8px!important}
  .site-header .ajax-poet-search{min-width:108px!important;max-width:190px!important}
}
@media(max-width:410px){
  .site-header .brand{flex-basis:88px!important;width:88px!important;min-width:88px!important}
  .site-header .brand-copy{width:49px!important}
  .site-header .brand-copy b{font-size:10.5px!important}.site-header .brand-copy small{font-size:6px!important}
  .site-header .ajax-poet-search{min-width:96px!important;max-width:160px!important}
}

@media(max-width:760px){
  .core-auth-page{position:relative;isolation:isolate;min-height:calc(100svh - 62px);padding:22px 0 48px!important;background:url("images/hero-garden.webp") center/cover no-repeat fixed!important}
  .core-auth-page:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(248,239,230,.46),rgba(247,238,230,.62)),radial-gradient(circle at 80% 15%,rgba(129,71,183,.15),transparent 38%)}
  html[data-theme="dark"] .core-auth-page:before{background:linear-gradient(180deg,rgba(18,11,22,.58),rgba(25,13,27,.74)),radial-gradient(circle at 80% 15%,rgba(129,71,183,.18),transparent 38%)}
  .core-auth-page>.container{position:relative;z-index:1}
  .core-auth-shell{display:block!important;max-width:520px!important;margin:0 auto!important}
  .core-auth-copy{display:none!important}
  .core-auth-card{min-height:0!important;padding:16px 14px 15px!important;border-radius:22px!important;background:rgba(255,251,247,.66)!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 22px 55px rgba(50,27,46,.18)!important;backdrop-filter:blur(20px) saturate(1.12)!important;-webkit-backdrop-filter:blur(20px) saturate(1.12)!important}
  html[data-theme="dark"] .core-auth-card{background:rgba(22,14,27,.68)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 24px 60px rgba(0,0,0,.38)!important}
  .core-auth-tabs{margin-bottom:14px!important;background:rgba(255,255,255,.34)!important}html[data-theme="dark"] .core-auth-tabs{background:rgba(13,8,17,.34)!important}
  .core-auth-head{margin-bottom:13px!important}.core-auth-head h3{font-size:17px!important}.core-auth-head p{font-size:10.8px!important;line-height:1.8!important}
  .core-auth-form{gap:9px!important}.core-auth-form label{gap:4px!important}.core-auth-form label>span{font-size:10.5px!important}
  .core-auth-form input{height:43px!important;min-height:43px!important;background:rgba(255,255,255,.72)!important;border-color:rgba(91,63,44,.15)!important;padding:0 12px!important;font-size:12px!important}
  html[data-theme="dark"] .core-auth-form input{background:rgba(11,8,14,.68)!important;border-color:rgba(255,255,255,.12)!important}
  .core-auth-submit{height:46px!important;min-height:46px!important;margin-top:1px!important}
  .core-auth-foot{margin-top:13px!important;padding-top:11px!important;font-size:9.7px!important}
  .core-auth-divider{margin:12px 0 9px!important}
  .core-auth-google-label{font-size:9.7px!important}.core-auth-google-button{min-height:40px!important}
  body.auth-keyboard-open .core-auth-page{padding-bottom:42vh!important;background-attachment:scroll!important}
  body.auth-keyboard-open .core-auth-card{scroll-margin-top:74px}
}

/* v1.22.57 — quick visual polish from live screenshots */

/* Desktop: start the story content from the top; keep it centered horizontally. */
@media(min-width:921px){
  .core-auth-copy-inner{
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important;
    padding:22px 44px 30px!important;
  }
  .core-auth-brandmark{
    align-items:center!important;
    margin:0 0 8px!important;
  }
  .core-auth-brandmark img{
    width:88px!important;
    height:88px!important;
  }
  .core-auth-kicker{margin-top:0!important;margin-bottom:5px!important}
  .core-auth-poetic-title{margin-top:0!important}
  .core-auth-side-copy{margin-top:2px!important;margin-bottom:13px!important}
  .core-auth-side-quote{margin-top:0!important;margin-bottom:12px!important}
  .core-auth-side-meta{margin-top:2px!important}
}

/* Mobile/tablet header: larger Folanja wordmark while preserving the existing single-row controls. */
@media(max-width:820px){
  .site-header .brand{
    flex:0 0 122px!important;
    width:122px!important;
    min-width:122px!important;
    gap:6px!important;
  }
  .site-header .brand-logo{
    width:39px!important;
    height:39px!important;
    flex:0 0 39px!important;
  }
  .site-header .brand-copy{
    width:77px!important;
    min-width:77px!important;
    overflow:visible!important;
    line-height:1!important;
  }
  .site-header .brand-copy b{
    font-size:17px!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
  }
  .site-header .brand-copy small{
    font-size:8px!important;
    line-height:1.15!important;
    font-weight:600!important;
    white-space:nowrap!important;
    opacity:.76!important;
  }
  .site-header .ajax-poet-search{
    flex:1 1 165px!important;
    min-width:112px!important;
    max-width:180px!important;
  }
}
@media(max-width:520px){
  .site-header .brand{
    flex-basis:118px!important;
    width:118px!important;
    min-width:118px!important;
    gap:5px!important;
  }
  .site-header .brand-logo{
    width:37px!important;
    height:37px!important;
    flex-basis:37px!important;
  }
  .site-header .brand-copy{
    width:76px!important;
    min-width:76px!important;
  }
  .site-header .brand-copy b{font-size:16px!important}
  .site-header .brand-copy small{font-size:7.5px!important}
  .site-header .ajax-poet-search{
    min-width:105px!important;
    max-width:165px!important;
  }
}
@media(max-width:430px){
  .site-header .brand{
    flex-basis:108px!important;
    width:108px!important;
    min-width:108px!important;
  }
  .site-header .brand-logo{
    width:35px!important;
    height:35px!important;
    flex-basis:35px!important;
  }
  .site-header .brand-copy{
    width:68px!important;
    min-width:68px!important;
  }
  .site-header .brand-copy b{font-size:14.5px!important}
  .site-header .brand-copy small{font-size:6.8px!important}
  .site-header .ajax-poet-search{
    min-width:98px!important;
    max-width:140px!important;
  }
}