/* הרשמה לעדכונים במייל, עם פרקים במתנה. עמוד הבית, דפי הספרים וסוף כל כתבה.
   המקור כאן; tools/mockup_to_php.py מעתיק לתבנית (assets/css/signup.css). */
.sgn-sec{padding-block:clamp(56px,7vw,104px)}
.sgn{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"h p" "h f";gap:6px clamp(32px,5vw,80px);border-top:12px solid var(--brown);padding-top:22px}
.sgn-h{grid-area:h;font-size:clamp(54px,6.6vw,104px);color:var(--brown)}
.sgn-h::after{content:"במתנה";display:inline-block;vertical-align:.5em;margin-inline-start:.28em;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:max(17px,.2em);line-height:1;color:var(--red);border:3px solid var(--red);padding:.18em .55em .26em;transform:rotate(-7deg)}
.sgn:has(.sgn-done) .sgn-h::after,.sgn-altiree .sgn-h::after{content:none}
.sgn-p{grid-area:p;font-size:clamp(19px,1.55vw,21px);line-height:1.7;max-width:34em;margin:0 0 6px}
.sgn-form,.sgn-done{grid-area:f}
.sgn-err{color:var(--red);font-family:'Aharoni Bold','Secular One',sans-serif;margin:8px 0 0}
.sgn-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) auto;gap:18px 26px;align-items:end;margin-top:12px}
.sgn .cf-field{display:flex;flex-direction:column;gap:4px}
.sgn .cf-field label{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:18px}
.sgn .cf-field .opt{font-family:'Alef','Arial Hebrew',Arial,sans-serif;font-size:15px;opacity:.75}
.sgn .cf-field input{font:inherit;font-size:18px;color:var(--brown);background:transparent;border:0;border-bottom:3px solid var(--brown);border-radius:0;padding:8px 2px;width:100%;-webkit-appearance:none;appearance:none}
.sgn .cf-field input[dir=ltr]{text-align:right}
.sgn .cf-field input:focus{outline:none;border-bottom-color:var(--orange)}
.sgn .btn{white-space:nowrap}
.sgn-note{font-size:15px;opacity:.85;margin:14px 0 0}
.sgn-done p{font-size:clamp(19px,1.55vw,21px);line-height:1.7;max-width:34em;margin:0}
.sgn-files{list-style:none;margin:16px 0 0;padding:0;border-top:3px solid var(--brown)}
.sgn-files li{border-bottom:1px solid rgba(30,47,58,.3)}
.sgn-files a{display:block;padding:14px 4px;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(20px,1.8vw,24px);line-height:1.3;color:var(--red);text-decoration:none}
.sgn-files a:hover{background-color:var(--orange);background-image:var(--grain-light);color:var(--brown)}
@media (max-width:900px){
  .sgn{grid-template-columns:1fr;grid-template-areas:"h" "p" "f"}
  .sgn-row{grid-template-columns:1fr}
  .sgn .btn{justify-self:start}
}