/* 약관·정책 페이지 공용 셸 — header/footer + content body */

const PolicyShell = ({title, lastUpdated, intro, sections}) => (
  <>
    <SiteHeader onContactClick={() => window.open('https://schoolbus.channel.io/home', '_blank')} />
    <main style={{minHeight: 'calc(100vh - 200px)'}}>
      <section style={{padding: '64px 0 32px', background: 'var(--sid-bg-soft)', borderBottom: '1px solid var(--sid-line)'}}>
        <div className="shell" style={{maxWidth: 880}}>
          <div className="eyebrow"><span className="dot" />POLICY</div>
          <h1 style={{
            fontSize: 'clamp(28px, 4vw, 44px)', fontWeight: 800, color: 'var(--sid-ink)',
            margin: '14px 0 8px', letterSpacing: '-0.04em', lineHeight: 1.2,
          }}>{title}</h1>
          <div style={{fontSize: 13, color: 'var(--sid-fg-mid)'}}>
            최종 개정일 : {lastUpdated}
          </div>
        </div>
      </section>

      <section style={{padding: '56px 0 80px'}}>
        <div className="shell" style={{maxWidth: 880}}>
          {intro && (
            <p style={{
              fontSize: 15, lineHeight: 1.75, color: 'var(--sid-fg)',
              marginTop: 0, marginBottom: 36, paddingBottom: 24,
              borderBottom: '1px solid var(--sid-line)',
            }}>{intro}</p>
          )}

          {sections.map((sec, i) => (
            <div key={i} style={{marginBottom: 36}}>
              <h2 style={{
                fontSize: 18, fontWeight: 800, color: 'var(--sid-ink)',
                margin: '0 0 14px', letterSpacing: '-0.02em',
                paddingBottom: 8, borderBottom: '2px solid var(--sid-ink)',
              }}>{sec.h}</h2>
              <div style={{
                fontSize: 14, lineHeight: 1.8, color: 'var(--sid-fg)',
                whiteSpace: 'pre-wrap',
              }}>{sec.body}</div>
            </div>
          ))}

          <div style={{
            marginTop: 56, padding: '20px 24px',
            background: 'var(--sid-blue-tint)', borderRadius: 12,
            fontSize: 13, color: 'var(--sid-fg)', lineHeight: 1.7,
          }}>
            본 문서에 대한 문의는 <a href="mailto:hi@ride.bz" style={{color: 'var(--sid-blue-link)', fontWeight: 700}}>hi@ride.bz</a>로 부탁드립니다.
          </div>

          <div style={{marginTop: 36, textAlign: 'center'}}>
            <a href="index.html" className="btn btn-outline">← 홈으로 돌아가기</a>
          </div>
        </div>
      </section>
    </main>
    <SiteFooter />
  </>
);

Object.assign(window, {PolicyShell});