/* Shared touch targets and form layout for the mobile campaign collection. */
.pocket-enter {display:none}
[data-pocket] .landing {background:var(--bg);color:var(--bodyInk)}
[data-pocket] .landing-wrap {width:min(1280px,calc(100% - clamp(32px,8vw,140px)));margin:auto}
[data-pocket] .mast {height:64px;gap:16px;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}
[data-pocket] .mast .brand {font-size:29px;min-height:44px;align-items:center}
[data-pocket] .mast .bolt {width:17px;height:22px}
[data-pocket] .mast-rule {height:0}
[data-pocket] .entry {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:clamp(22px,5vw,82px);margin:clamp(24px,5vh,64px) 0}
[data-pocket] .poster {display:flex;min-width:0;min-height:0;overflow:visible}
[data-pocket] .poster-copy {min-width:0}
[data-pocket] #hero-title {font-size:clamp(46px,6vw,94px);line-height:.98;overflow-wrap:anywhere}
[data-pocket] #hero-text {margin:12px 0 0;max-width:40ch;font-size:16px;line-height:1.45}
[data-pocket] #minimal-eyebrow {color:var(--accent)}
[data-pocket] .art-pane {position:relative;inset:auto;z-index:auto;height:clamp(125px,17vw,245px);text-align:center}
[data-pocket] .art-pane img {object-fit:contain}
[data-pocket] .auth-paper {min-width:0;min-height:0;padding:clamp(18px,2.2vw,35px);background:var(--paper);color:var(--paperInk);border:1px solid color-mix(in srgb,var(--paperInk) 21%,transparent);border-radius:var(--radius);scroll-margin-top:10px}
[data-pocket] .paper-bar,[data-pocket] .paper-note {display:none}
[data-pocket] .auth-tabs {margin:0 0 17px}
[data-pocket] .auth-tabs button,[data-pocket] .eye {min-height:44px}
[data-pocket] .eye {width:44px;top:0;bottom:0;right:0}
[data-pocket] .auth-paper h2 {font-size:clamp(25px,2.2vw,37px);line-height:1.07}
[data-pocket] #access-form>label {margin:12px 0 4px;font-size:13px}
[data-pocket] #access-form input {min-height:44px;padding:10px 12px;border-radius:var(--radius);font-size:16px}
[data-pocket] .auth-paper details {margin:2px 0 0}
[data-pocket] .auth-paper details summary {min-height:44px;line-height:44px}
[data-pocket] .auth-paper .primary {min-height:48px;margin-top:8px}
[data-pocket] #member {padding-top:0}
[data-pocket] .landing-footer {margin:0;padding:17px 0;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}
[data-pocket] .landing-announcement {padding:8px 16px;font-size:14px}
[data-pocket] .pocket-enter {display:inline-flex;align-items:center;gap:15px;min-height:44px;padding:0 17px;margin-top:14px;background:var(--cta);border:1px solid var(--cta);border-radius:var(--radius);color:var(--ctaInk);font:700 14px/1.2 Arial,sans-serif;text-decoration:none}
[data-pocket] .pocket-enter span {font-size:17px}
[data-pocket][data-button=outline] .pocket-enter {background:transparent;color:var(--bodyInk);border-color:currentColor}
@media(min-width:821px){[data-pocket] .pocket-enter {display:none}}
@media(max-width:820px){
  [data-pocket] .landing-wrap {width:calc(100% - 32px)}
  [data-pocket] .mast {height:52px;gap:10px}
  [data-pocket] .mast .brand {font-size:27px}
  [data-pocket] .jump-auth {display:inline-flex;align-items:center;min-height:44px}
  [data-pocket] .entry {grid-template-columns:minmax(0,1fr);gap:18px;margin:18px 0 24px}
  [data-pocket] .auth-paper {padding:16px}
  [data-pocket] .auth-tabs {margin-bottom:12px}
  [data-pocket] #form-lead {display:none}
  [data-pocket] #hero-title {font-size:clamp(38px,9.8vw,67px);line-height:.98}
  [data-pocket] #hero-text {font-size:14px}
  [data-pocket] .art-pane {height:110px}
  [data-pocket] .field-hint {font-size:11px;line-height:1.3}
}

