/* 英語のりん 無料会員登録の入口(トップ・英語のりんについて)。2026-09-15。
   PCは説明とメール欄を横に、スマホは縦に。黒・金・明朝の既存の見た目に合わせる。 */
.free-signup{padding:72px 32px;border-top:1px solid var(--rin-border);border-bottom:1px solid var(--rin-border);background:var(--rin-surface,#141415)}
.free-signup-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 64px;align-items:center}
.free-signup-copy h2{margin:0 0 12px;font-family:"Noto Serif CJK JP","Hiragino Mincho ProN",serif;font-size:clamp(24px,2.4vw,32px);line-height:1.5;color:var(--rin-text)}
.free-signup-copy p{margin:0;font-size:15px;line-height:1.9;color:var(--rin-text);opacity:.82}
.free-signup-form label{display:block;margin:0 0 8px;font-size:13px;letter-spacing:.04em;color:var(--rin-text)}
.free-signup-row{display:flex;gap:12px}
.free-signup-row input{flex:1;min-width:0;min-height:52px;box-sizing:border-box;padding:12px 16px;background:var(--rin-bg,#0A0A0B);border:1px solid var(--rin-border);color:var(--rin-text);font-size:16px}
.free-signup-row input:focus-visible{outline:2px solid var(--rin-brass);outline-offset:1px}
.free-signup-row input[aria-invalid="true"]{border-color:#E08A7A}
.free-signup-row .button{flex:none;min-height:52px;white-space:nowrap}
.free-signup-error{margin:10px 0 0;font-size:14px;color:#F0A898}
.free-signup-note{margin:10px 0 0;font-size:13px;line-height:1.8;color:var(--rin-text);opacity:.72}
.free-signup-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:12px 0 0;font-size:13px}
.free-signup-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--rin-text);text-decoration:underline;text-decoration-color:var(--rin-brass);text-underline-offset:5px}
@media (max-width:900px){
  .free-signup{padding:56px 20px}
  .free-signup-inner{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:520px){
  .free-signup-row{flex-direction:column}
  .free-signup-row .button{width:100%}
}