/* The plain editions use the same live profile, login and registration form. */
:is([data-template=forma],[data-template=signal]) .landing {
  --quiet:color-mix(in srgb,var(--bodyInk) 70%,var(--bg));
  --rule:color-mix(in srgb,var(--bodyInk) 23%,var(--bg));
  background:var(--bg);
  color:var(--bodyInk);
}
:is([data-template=forma],[data-template=signal]) .landing-wrap {
  width:min(1280px,calc(100% - clamp(40px,11vw,176px)));
  min-height:100svh;
  display:flex;
  flex-direction:column;
  padding:0;
}
:is([data-template=forma],[data-template=signal]) .mast {
  height:74px;
  flex:none;
  gap:18px;
  border-bottom:1px solid var(--rule);
}
:is([data-template=forma],[data-template=signal]) .brand {font-size:32px}
:is([data-template=forma],[data-template=signal]) .brand .bolt {width:18px;height:24px}
:is([data-template=forma],[data-template=signal]) .mast-rule {background:none}
:is([data-template=forma],[data-template=signal]) .mast-label {font-size:11px;color:var(--quiet)}
:is([data-template=forma],[data-template=signal]) .poster {
  min-height:0;
  border:0;
  border-radius:0;
  padding:0;
  background:none;
  color:inherit;
  overflow:visible;
}
:is([data-template=forma],[data-template=signal]) .poster :is(.art-pane,.poster-tint,.poster-meta,.poster-foot),
:is([data-template=forma],[data-template=signal]) .auth-paper :is(.paper-bar,.paper-note) {display:none}
:is([data-template=forma],[data-template=signal]) .poster-copy {margin:0;padding:0;animation:none}
:is([data-template=forma],[data-template=signal]) #minimal-eyebrow {
  display:block;
  margin:0 0 19px;
  color:var(--accent);
  font:700 10px/1.4 ui-monospace,Consolas,monospace;
  letter-spacing:.13em;
}
:is([data-template=forma],[data-template=signal]) #hero-title {margin:0;text-shadow:none;overflow-wrap:anywhere}
:is([data-template=forma],[data-template=signal]) #hero-text {
  color:var(--quiet);
  max-width:36ch;
  font-size:16px;
  line-height:1.55;
  text-wrap:pretty;
}
:is([data-template=forma],[data-template=signal]) .auth-paper {min-height:0;animation:none;scroll-margin-top:16px}
:is([data-template=forma],[data-template=signal]) .auth-tabs {margin:0 0 26px}
:is([data-template=forma],[data-template=signal]) .auth-tabs button {min-height:42px}
:is([data-template=forma],[data-template=signal]) .auth-paper h2 {
  font-size:clamp(25px,2.1vw,34px);
  line-height:1.12;
  letter-spacing:-.055em;
  overflow-wrap:anywhere;
}
:is([data-template=forma],[data-template=signal]) .auth-paper input {border-radius:var(--radius);font-size:16px}
:is([data-template=forma],[data-template=signal]) .auth-paper .eye[aria-pressed=true] {color:var(--accent)}
:is([data-template=forma],[data-template=signal]) .auth-paper .primary {min-height:48px}
:is([data-template=forma],[data-template=signal]) #member {padding-top:0}
:is([data-template=forma],[data-template=signal]) .landing-footer {
  margin-top:auto;
  border-top:1px solid var(--rule);
  color:var(--quiet);
  opacity:1;
}
:is([data-template=forma],[data-template=signal]) .jump-auth {color:var(--quiet)}

/* A single paper surface divided into two print columns. */
[data-template=forma] .entry {
  grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);
  align-items:center;
  gap:clamp(24px,4.8vw,78px);
  flex:1 0 auto;
  margin:0;
  padding:clamp(44px,6vh,84px) 0;
}
[data-template=forma] .poster {align-self:stretch;justify-content:center;gap:40px}
[data-template=forma] #hero-title {max-width:8ch;font-size:clamp(60px,6.85vw,110px);line-height:.95;letter-spacing:-.073em;text-wrap:balance}
[data-template=forma] #hero-text {margin:24px 0 0}
[data-template=forma] .minimal-mark {
  display:block;
  width:clamp(65px,7vw,110px);
  height:clamp(27px,2.7vw,45px);
  background:var(--accent);
  clip-path:polygon(0 100%,18% 0,32% 0,14% 100%,31% 100%,49% 0,63% 0,45% 100%,62% 100%,80% 0,94% 0,76% 100%);
}
[data-template=forma] .auth-paper {
  border-radius:0;
  border:0;
  border-left:1px solid var(--rule);
  box-shadow:none;
  padding:clamp(12px,2.5vw,34px) clamp(12px,2.5vw,34px) clamp(12px,2.5vw,34px) clamp(24px,4.4vw,72px);
}
[data-template=forma] .auth-tabs {gap:24px;padding:0;background:none;border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:0}
[data-template=forma] .auth-tabs button {flex:0 1 auto;padding:8px 0;border-radius:0;background:none;box-shadow:none;color:inherit;font-size:14px}
[data-template=forma] .auth-tabs button[aria-selected=true] {background:none;box-shadow:inset 0 -2px var(--accent)}
[data-template=forma] #access-form input {padding:11px 2px;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 43%,transparent);border-radius:0}

/* Compact centered form and a small indicator on a dark field. */
[data-template=signal] .entry {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  width:min(100%,410px);
  margin:0 auto;
  padding:clamp(32px,5vh,62px) 0;
}
[data-template=signal] .poster {width:100%;text-align:center}
[data-template=signal] #minimal-eyebrow {display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:10px}
[data-template=signal] #minimal-eyebrow::before {
  content:"";
  width:7px;height:7px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent);
}
[data-template=signal] #hero-title {max-width:100%;font-size:clamp(36px,3.5vw,49px);letter-spacing:-.063em;line-height:1.03}
[data-template=signal] #hero-text {margin:12px auto 0;font-size:14px;line-height:1.5}
[data-template=signal] .mast-label i {display:none}
[data-template=signal] .auth-paper {
  width:100%;
  padding:clamp(22px,2.4vw,32px);
  border:1px solid color-mix(in srgb,var(--paperInk) 16%,var(--paper));
  border-radius:12px;
  box-shadow:none;
}
[data-template=signal] .auth-tabs {background:color-mix(in srgb,var(--paper) 72%,#000);border-radius:var(--radius);padding:3px;margin-bottom:21px}
[data-template=signal] .auth-tabs button {min-height:38px;border:1px solid transparent;border-radius:var(--radius)}
[data-template=signal] .auth-tabs button[aria-selected=true] {background:var(--paper);border-color:color-mix(in srgb,var(--paperInk) 20%,transparent);box-shadow:none}
[data-template=signal] .auth-paper .lead {margin:6px 0 15px}
[data-template=signal] #access-form input {background:color-mix(in srgb,var(--paper) 87%,#000);border-color:color-mix(in srgb,var(--paperInk) 26%,var(--paper))}
[data-template=signal] #access-form>label {margin-top:13px}
[data-template=signal] .form-status[data-error=true] {color:var(--paperInk);border-left:2px solid #ed8979;padding-left:9px}
@media(min-width:751px) and (min-height:820px) {
  [data-template=signal] .entry {margin:auto}
}
@media(max-width:750px) {
  :is([data-template=forma],[data-template=signal]) .landing-wrap {width:calc(100% - 40px)}
  :is([data-template=forma],[data-template=signal]) .mast {height:58px;gap:12px}
  :is([data-template=forma],[data-template=signal]) .brand {font-size:29px}
  [data-template=forma] .entry {grid-template-columns:1fr;gap:24px;padding:32px 0}
  [data-template=forma] .poster {align-self:auto;justify-content:flex-start;gap:18px}
  [data-template=forma] .minimal-mark {width:50px;height:19px}
  [data-template=forma] #minimal-eyebrow {margin-bottom:12px}
  [data-template=forma] #hero-title {font-size:clamp(46px,8vw,72px);max-width:14ch}
  [data-template=forma] #hero-text {font-size:15px;margin-top:13px}
  [data-template=forma] .auth-paper {border-left:0;border-top:1px solid var(--rule);padding:19px 0}
  [data-template=signal] .entry {gap:17px;padding:28px 0}
}
@media(max-width:420px) {
  :is([data-template=forma],[data-template=signal]) .landing-wrap {width:calc(100% - 32px)}
  :is([data-template=forma],[data-template=signal]) .mast-label {font-size:10px}
  [data-template=signal] .auth-paper {padding:21px 17px}
}