/* Pocket editions keep the registration form in the document flow at all widths. */
[data-pocket=plain] .landing {
  background:var(--bg);
  color:var(--bodyInk);
  --n-rule:color-mix(in srgb,var(--bodyInk) 21%,var(--bg));
  --n-quiet:color-mix(in srgb,var(--bodyInk) 76%,var(--bg));
}
[data-pocket=plain] .landing-wrap {width:min(1160px,calc(100% - 36px));margin-inline:auto}
[data-pocket=plain] .poster .art-pane {display:none}
[data-pocket=plain] .poster-copy {position:relative;min-width:0}
[data-pocket=plain] #hero-title {margin:8px 0;overflow-wrap:anywhere;text-wrap:balance}
[data-pocket=plain] #hero-text {margin:8px 0 0;color:var(--n-quiet);font-size:15px;line-height:1.42;max-width:37ch}
[data-pocket=plain] .minimal-mark {display:block;pointer-events:none}
[data-pocket=plain] .paper-bar,[data-pocket=plain] .paper-note {display:none}
[data-pocket=plain] .auth-paper {align-self:start;margin:0;min-height:0}
[data-pocket=plain] .pocket-enter {margin-top:14px}
[data-pocket=plain] .auth-paper h2 {overflow-wrap:anywhere}
[data-pocket=plain] #member {padding-top:0}
[data-pocket=plain] .mast-rule {height:0}

/* An inked page edge, a folded folio and a two-column index on wider screens. */
[data-template=folio] .entry {display:grid;grid-template-columns:minmax(0,1fr);margin:18px 0 26px;gap:0}
[data-template=folio] .poster {position:relative;padding:16px 12px 17px 14px;border-left:3px solid var(--accent);overflow:visible}
[data-template=folio] .minimal-mark {position:absolute;top:12px;right:6px;width:36px;height:46px;transform:rotate(6deg);color:var(--accent)}
[data-template=folio] .minimal-mark::before,[data-template=folio] .minimal-mark::after {
  content:"";position:absolute;inset:0 5px 4px 0;box-sizing:border-box;border:1.5px solid currentColor;background:var(--bg)
}
[data-template=folio] .minimal-mark::before {transform:translate(5px,4px)}
[data-template=folio] .minimal-mark::after {border-top-width:9px;background:linear-gradient(currentColor,currentColor) 5px 7px/45% 1px no-repeat,var(--bg)}
[data-template=folio] #minimal-eyebrow {padding-right:42px}
[data-template=folio] #hero-title {max-width:calc(100% - 36px);font-weight:750;font-size:clamp(37px,8.4vw,57px);line-height:.99;letter-spacing:-.058em}
[data-template=folio] .auth-paper {padding:18px 14px 15px;border:1px solid var(--n-rule);border-top:2px solid var(--accent);border-radius:0;box-shadow:none;background:var(--paper)}
[data-template=folio] .auth-tabs {padding:0;gap:18px;justify-content:flex-start;background:transparent;border-radius:0;border-bottom:1px solid var(--n-rule)}
[data-template=folio] .auth-tabs button {flex:none;padding:4px 0;border-radius:0}
[data-template=folio] .auth-tabs button[aria-selected=true] {background:none;box-shadow:inset 0 -2px var(--accent)}

/* The ticket and its stub share a perforated edge and ink registration bars. */
[data-template=pass] .entry {display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:16px auto 26px;width:min(960px,100%);position:relative}
[data-template=pass] .poster {position:relative;overflow:visible;padding:18px 18px 16px;color:var(--paperInk);background:color-mix(in srgb,var(--paper) 94%,var(--accent));border:1px solid color-mix(in srgb,var(--paperInk) 38%,var(--paper));border-bottom:0;border-radius:5px 5px 0 0}
[data-template=pass] .poster::after {
  content:"";position:absolute;bottom:0;left:8px;right:8px;height:1px;
  background:repeating-linear-gradient(90deg,var(--paperInk) 0 3px,transparent 3px 8px);opacity:.4
}
[data-template=pass] .minimal-mark {
  position:absolute;top:18px;right:18px;width:43px;height:17px;opacity:.83;
  background:repeating-linear-gradient(90deg,var(--paperInk) 0 1px,transparent 1px 3px,var(--paperInk) 3px 6px,transparent 6px 8px,var(--paperInk) 8px 10px,transparent 10px 14px)
}
[data-template=pass] #minimal-eyebrow {margin-right:56px;color:var(--accent);font-family:Consolas,monospace}
[data-template=pass] #hero-title {font-size:clamp(31px,7.7vw,54px);font-weight:820;line-height:.98;letter-spacing:-.057em;color:var(--paperInk)}
[data-template=pass] #hero-text {color:color-mix(in srgb,var(--paperInk) 77%,var(--paper))}
[data-template=pass] .auth-paper {position:relative;align-self:stretch;border:1px solid color-mix(in srgb,var(--paperInk) 38%,var(--paper));border-top:0;padding:16px 18px 19px;box-shadow:0 4px 0 color-mix(in srgb,var(--paperInk) 12%,transparent);border-radius:0 0 5px 5px}
[data-template=pass] .auth-paper::before,[data-template=pass] .auth-paper::after {position:absolute;content:"";width:12px;height:12px;border-radius:50%;top:-6px;left:-7px;background:var(--bg)}
[data-template=pass] .auth-paper::after {left:auto;right:-7px}
[data-template=pass] .auth-tabs {border:1px solid color-mix(in srgb,var(--paperInk) 25%,var(--paper));background:transparent;padding:0;overflow:hidden;border-radius:var(--radius)}
[data-template=pass] .auth-tabs button {border-radius:0}
[data-template=pass] .auth-tabs button[aria-selected=true] {background:var(--paperInk);color:var(--paper);box-shadow:none}

/* Offset contours run from the margin into the panel's arched top edge. */
[data-template=contour] .entry {display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:16px 0 28px}
[data-template=contour] .poster {position:relative;padding:15px 0 18px;overflow:hidden}
[data-template=contour] .minimal-mark {position:absolute;top:5px;right:-10px;width:88px;height:86px;border-radius:42% 0 42% 0;background:repeating-radial-gradient(ellipse at 95% 100%,transparent 0 7px,var(--accent) 8px 9px,transparent 10px 13px);opacity:.47;transform:rotate(-9deg)}
[data-template=contour] #minimal-eyebrow,[data-template=contour] #hero-title {max-width:calc(100% - 66px)}
[data-template=contour] #hero-title {font:italic 500 clamp(34px,8.2vw,56px)/1.03 Georgia,serif;letter-spacing:-.065em}
[data-template=contour][data-font=system] #hero-title {font-family:system-ui,sans-serif}
[data-template=contour] .auth-paper {padding:19px 17px 19px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--paper));border-radius:26px 5px 26px 5px;box-shadow:none}
[data-template=contour] .auth-tabs {border-radius:999px;padding:3px;background:color-mix(in srgb,var(--accent) 12%,var(--paper))}
[data-template=contour] .auth-tabs button {border-radius:999px}
[data-template=contour] .auth-tabs button[aria-selected=true] {background:var(--paper);box-shadow:0 1px 3px color-mix(in srgb,var(--accent) 25%,transparent)}

/* A single orbit, clipped inside the masthead rather than behind the inputs. */
[data-template=orbit] .entry {display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:min(1100px,100%);margin:14px auto 26px}
[data-template=orbit] .poster {position:relative;isolation:isolate;overflow:hidden;padding:18px 17px 19px;background:var(--bg);border:1px solid color-mix(in srgb,var(--accent) 33%,var(--bg));border-radius:14px 14px 0 0}
[data-template=orbit] .minimal-mark {
  position:absolute;right:-42px;top:-17px;width:116px;height:94px;border-radius:50%;
  background:radial-gradient(circle at 34% 33%,color-mix(in srgb,var(--accent) 55%,var(--bg)) 0,var(--bg) 69%);
  box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--accent) 70%,transparent)
}
[data-template=orbit] .minimal-mark::after {
  content:"";position:absolute;inset:30% -37%;border:1px solid color-mix(in srgb,var(--accent) 72%,transparent);border-radius:50%;transform:rotate(-24deg)
}
[data-template=orbit] #minimal-eyebrow {max-width:calc(100% - 70px);font-family:Consolas,monospace}
[data-template=orbit] #hero-title {font-size:clamp(33px,8vw,57px);line-height:1.02;letter-spacing:-.065em;max-width:calc(100% - 38px)}
[data-template=orbit] .auth-paper {border-radius:0 0 14px 14px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--bg));border-top:0;box-shadow:none;padding:17px}
[data-template=orbit] .auth-tabs {padding:0 0 5px;gap:10px;background:transparent;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 27%,var(--paper))}
[data-template=orbit] .auth-tabs button {flex:0 1 auto;padding-inline:7px;border-radius:var(--radius)}
[data-template=orbit] .auth-tabs button[aria-selected=true] {background:color-mix(in srgb,var(--accent) 16%,var(--paper));box-shadow:none}

@media(min-width:780px) {
  [data-pocket=plain] .landing-wrap {width:min(1230px,calc(100% - 12vw))}
  [data-pocket=plain] .landing-footer {margin-top:auto}
  [data-pocket=plain] .entry {flex:1 0 auto}
  [data-template=folio] .entry {grid-template-columns:minmax(0,.95fr) minmax(325px,1.05fr);gap:clamp(36px,6vw,100px);align-items:center;margin:clamp(36px,5vw,72px) 0}
  [data-template=folio] .poster {align-self:center;padding:24px clamp(30px,3.9vw,70px);min-height:340px;justify-content:center}
  [data-template=folio] .minimal-mark {position:relative;inset:auto;order:-1;width:45px;height:55px;margin-bottom:24px}
  [data-template=folio] #minimal-eyebrow {padding:0}
  [data-template=folio] #hero-title {font-size:clamp(57px,6.6vw,100px);max-width:100%}
  [data-template=folio] .auth-paper {align-self:center;padding:clamp(26px,3vw,46px)}
  [data-template=pass] .entry {grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-content:center;margin:35px auto}
  [data-template=pass] .poster {align-self:stretch;min-height:380px;padding:35px 28px;border:1px solid color-mix(in srgb,var(--paperInk) 38%,var(--paper));border-right:0;justify-content:center;border-radius:5px 0 0 5px}
  [data-template=pass] .poster::after {top:8px;bottom:8px;left:auto;right:0;width:1px;height:auto;background:repeating-linear-gradient(0deg,var(--paperInk) 0 3px,transparent 3px 8px)}
  [data-template=pass] .minimal-mark {right:27px;top:25px;width:70px;height:22px}
  [data-template=pass] #minimal-eyebrow {margin-right:0}
  [data-template=pass] #hero-title {font-size:clamp(42px,4.5vw,73px)}
  [data-template=pass] .auth-paper {padding:32px;border:1px solid color-mix(in srgb,var(--paperInk) 38%,var(--paper));border-left:0;box-shadow:none;border-radius:0 5px 5px 0}
  [data-template=pass] .auth-paper::before,[data-template=pass] .auth-paper::after {left:-7px;right:auto;top:-7px}
  [data-template=pass] .auth-paper::after {top:auto;bottom:-7px}
  [data-template=contour] .entry {grid-template-columns:minmax(325px,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,90px);align-items:center;margin:36px auto}
  [data-template=contour] .poster {grid-column:2;grid-row:1;padding:0 16px 12px;align-self:center}
  [data-template=contour] .minimal-mark {position:relative;inset:0;width:clamp(118px,14vw,215px);height:clamp(110px,14vw,200px);margin:0 0 28px auto;opacity:.8}
  [data-template=contour] #minimal-eyebrow,[data-template=contour] #hero-title {max-width:100%}
  [data-template=contour] #hero-title {font-size:clamp(59px,6vw,96px)}
  [data-template=contour] .auth-paper {grid-column:1;grid-row:1;align-self:center;padding:clamp(28px,3vw,50px)}
  [data-template=orbit] .entry {grid-template-columns:minmax(0,1.05fr) minmax(325px,.95fr);align-content:center;margin:32px auto}
  [data-template=orbit] .poster {padding:clamp(30px,4vw,66px);border-radius:18px 0 0 18px;align-self:stretch;justify-content:flex-end;min-height:440px}
  [data-template=orbit] .minimal-mark {width:175px;height:175px;top:-46px;right:6%}
  [data-template=orbit] #hero-title {font-size:clamp(60px,5.8vw,92px);max-width:100%}
  [data-template=orbit] .auth-paper {padding:clamp(27px,3vw,45px);align-self:stretch;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--bg));border-left:0;border-radius:0 18px 18px 0}
}
@media(max-width:380px) {
  [data-pocket=plain] .landing-wrap {width:calc(100% - 28px)}
  [data-template=folio] .poster {padding:12px 9px 14px 10px}
  [data-template=pass] .poster,[data-template=pass] .auth-paper,[data-template=orbit] .poster,[data-template=orbit] .auth-paper {padding-inline:13px}
  [data-template=contour] .auth-paper {padding-inline:13px}
}
@media(max-width:779px) {
  [data-template=contour] .poster {display:grid;grid-template-columns:clamp(43px,13vw,73px) minmax(0,1fr);column-gap:14px;align-items:start}
  [data-template=contour] .minimal-mark {position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/4;opacity:.7;transform:none}
  [data-template=contour] #minimal-eyebrow,[data-template=contour] #hero-title {max-width:none}
  [data-template=orbit] .poster-copy {text-align:center}
  [data-template=orbit] #minimal-eyebrow,[data-template=orbit] #hero-title {max-width:none}
  [data-template=orbit] #hero-text {max-width:30ch;margin-inline:auto}
  [data-template=orbit] .minimal-mark {right:-53px;top:-39px;width:107px;height:98px}
}