{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\n\n function NewsletterPage() {\n  const d = {\"h1\":\"Newsletter\",\"intro\":\"Boccalone does not run a newsletter or a mailing list. Everything published is on the site, and nothing is held back for subscribers.\",\"inShort\":\"There is no email signup. New articles appear on the blog, and the hubs below link to everything on each subject.\",\"primaryCtas\":[{\"label\":\"Read the articles\",\"href\":\"/blog\"},{\"label\":\"Start here\",\"href\":\"/start-here\"}],\"whoFor\":[],\"sections\":[{\"heading\":\"Where to find new material\",\"paragraphs\":[\"New articles are published on the blog. The subject hubs collect the articles on each topic in one place.\"],\"bullets\":[{\"text\":\"All articles\",\"href\":\"/blog\"},{\"text\":\"Dough and fermentation\",\"href\":\"/dough\"},{\"text\":\"Troubleshooting\",\"href\":\"/troubleshooting\"},{\"text\":\"Pizza styles\",\"href\":\"/styles\"}]},{\"heading\":\"Nothing is gated\",\"paragraphs\":[\"Safety guidance, worksheets, and source notes are never conditional on signing up or buying anything.\"]}],\"faqs\":[],\"related\":[{\"label\":\"Reader-run tools\",\"href\":\"/tools\"},{\"label\":\"About Boccalone\",\"href\":\"/about\"}],\"closingCtaHeading\":\"\",\"closingCtaText\":\"\",\"closingCtas\":[]};\n  const btn = (kind) => ({\n    display: \"inline-block\",\n    padding: kind === \"primary\" ? \"11px 18px\" : \"9px 16px\",\n    margin: \"6px 10px 6px 0\",\n    borderRadius: 0,\n    textDecoration: \"none\",\n    fontWeight: 700,\n    fontSize: 15,\n    background: kind === \"primary\" ? \"var(--c1fflz6z-runtime-action-bg)\" : \"transparent\",\n    color: kind === \"primary\" ? \"var(--c1fflz6z-runtime-action-fg)\" : \"var(--c1fflz6z-runtime-accent)\",\n    border: \"1px solid var(--c1fflz6z-runtime-action-bg)\",\n  });\n  return (\n    _react2.default.createElement('div', { className: \"bcpage reading-boccalone-newsletter reading-article\"  , 'aria-labelledby': \"bc-title\", 'data-reading-page': \"newsletter\",}, _react2.default.createElement('style', null, `\n.reading-boccalone-newsletter{box-sizing:border-box;width:100%;max-width:960px;margin:0 auto;padding:64px clamp(20px,5vw,64px) 80px;color:var(--c1fflz6z-runtime-text);background:var(--c1fflz6z-runtime-bg);font-family:var(--c1fflz6z-font-body);font-size:17px;line-height:1.75;overflow-wrap:anywhere}\n.reading-boccalone-newsletter *{box-sizing:border-box} .reading-boccalone-newsletter :is(h1,h2,h3){font-family:var(--c1fflz6z-font-heading);font-weight:400;color:var(--c1fflz6z-runtime-text);text-wrap:balance}\n.reading-boccalone-newsletter h1{font-size:clamp(42px,5.5vw,72px);line-height:1.08;letter-spacing:-.015em;margin:0 0 26px;max-width:24ch}\n.reading-boccalone-newsletter h2{font-size:clamp(28px,3.5vw,38px);line-height:1.18;margin:48px 0 18px} .reading-boccalone-newsletter h3{font-size:25px;line-height:1.25;margin:28px 0 12px}\n.reading-boccalone-newsletter :is(p,ul,ol){margin-top:0;margin-bottom:20px} .reading-boccalone-newsletter li{margin-bottom:8px} .reading-boccalone-newsletter :is(ul,ol){padding-left:24px} .reading-boccalone-newsletter p{max-width:74ch}\n.reading-boccalone-newsletter .reading-kicker{font-family:var(--c1fflz6z-font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--c1fflz6z-runtime-accent);margin:0 0 16px}\n.reading-boccalone-newsletter :is(.bc-intro,h1+p){font-size:20px;line-height:1.65;margin-bottom:30px} .reading-boccalone-newsletter a{color:var(--c1fflz6z-runtime-accent);text-underline-offset:4px} .reading-boccalone-newsletter a:hover{text-decoration-thickness:2px}\n.reading-boccalone-newsletter :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--c1fflz6z-runtime-accent);outline-offset:4px}\n.reading-boccalone-newsletter :is(.bc-callout,.bc-warn,.gf-note){background:var(--c1fflz6z-runtime-panel);border-left:3px solid var(--c1fflz6z-runtime-action-bg);padding:18px 22px;margin:24px 0;font-size:16px}\n.reading-boccalone-newsletter :is(.gf-card,.gf-rule,.gf-step){border-top:1px solid var(--c1fflz6z-runtime-border);padding:22px 0;margin:0} .reading-boccalone-newsletter :is(.gf-card,.gf-rule) h3{margin-top:0} .reading-boccalone-newsletter .gf-rule strong{display:block;margin-bottom:8px}\n.reading-boccalone-newsletter .gf-cta{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;margin:0 12px 12px 0;border:1px solid var(--c1fflz6z-runtime-action-bg);border-radius:4px;background:var(--c1fflz6z-runtime-action-bg);color:var(--c1fflz6z-runtime-action-fg);text-decoration:none;font-weight:600}\n.reading-boccalone-newsletter .gf-cta.secondary{background:transparent;color:var(--c1fflz6z-runtime-accent)} .reading-boccalone-newsletter .bc-ctarow{margin:24px 0;display:flex;flex-wrap:wrap;gap:10px} .reading-boccalone-newsletter .bc-ctarow a{margin:0;min-height:48px;display:inline-flex;align-items:center}\n.reading-boccalone-newsletter :is(.reading-table,.gf-scroll){max-width:100%;overflow-x:auto;margin:24px 0;overscroll-behavior-x:contain} .reading-boccalone-newsletter table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;margin:0} .reading-boccalone-newsletter :is(th,td){padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--c1fflz6z-runtime-border);color:var(--c1fflz6z-runtime-text)} .reading-boccalone-newsletter th{background:var(--c1fflz6z-runtime-panel);font-weight:700} .reading-boccalone-newsletter .bc-table{display:table}\n.reading-boccalone-newsletter details{padding:18px 0;border-bottom:1px solid var(--c1fflz6z-runtime-border)} .reading-boccalone-newsletter summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 0} .reading-boccalone-newsletter details p{margin:12px 0 0}\n.reading-boccalone-newsletter :is(input,select,textarea,button){font:inherit;color:var(--c1fflz6z-runtime-text);max-width:100%;min-height:44px} .reading-boccalone-newsletter :is(input,select,textarea){background:var(--c1fflz6z-runtime-bg);border:1px solid var(--c1fflz6z-runtime-border);padding:10px 12px} .reading-boccalone-newsletter :is(img,svg){max-width:100%;height:auto}\n.reading-boccalone-newsletter .reading-footer{border-top:1px solid var(--c1fflz6z-runtime-border);margin-top:56px;padding-top:24px;font-size:14px} .reading-boccalone-newsletter .reading-footer a{display:inline-flex;min-height:44px;align-items:center}\n@media(max-width:600px){.reading-boccalone-newsletter{padding:36px 20px 56px;font-size:16px} .reading-boccalone-newsletter h1{font-size:44px} .reading-boccalone-newsletter h2{font-size:29px;margin-top:36px} .reading-boccalone-newsletter h3{font-size:24px} .reading-boccalone-newsletter :is(.bc-intro,h1+p){font-size:18px} .reading-boccalone-newsletter :is(th,td){padding:10px;font-size:14px}}\n`), _react2.default.createElement('p', { className: \"reading-kicker\",}, \"Reading\")\n\n\n      , _react2.default.createElement('h1', { id: \"bc-title\",}, d.h1)\n      , _react2.default.createElement('p', { className: \"bc-intro\",}, d.intro)\n      , d.primaryCtas && d.primaryCtas.length ? (\n        _react2.default.createElement('div', { className: \"bc-ctarow\",}\n          , d.primaryCtas.map((c, i) => (\n            _react2.default.createElement('a', { key: i, href: c.href, style: btn(i === 0 ? \"primary\" : \"ghost\"),}, c.label)\n          ))\n        )\n      ) : null\n\n      , d.notice ? _react2.default.createElement('p', { className: \"bc-warn\",}, d.notice) : null\n\n      , d.inShort ? (\n        _react2.default.createElement('section', { 'aria-label': \"In short\" ,}\n          , _react2.default.createElement('h2', null, \"In short\" )\n          , _react2.default.createElement('p', null, d.inShort)\n        )\n      ) : null\n\n      , d.whoFor && d.whoFor.length ? (\n        _react2.default.createElement('section', { 'aria-label': \"Who this is for\"   ,}\n          , _react2.default.createElement('h2', null, \"Who this is for\"   )\n          , _react2.default.createElement('ul', null, d.whoFor.map((x, i) => _react2.default.createElement('li', { key: i,}, x)))\n        )\n      ) : null\n\n      , d.whenToUse && d.whenToUse.length ? (\n        _react2.default.createElement('section', { 'aria-label': \"When to use this\"   ,}\n          , _react2.default.createElement('h2', null, \"When to use this\"   )\n          , _react2.default.createElement('ul', null, d.whenToUse.map((x, i) => _react2.default.createElement('li', { key: i,}, x)))\n        )\n      ) : null\n\n      , d.sections.map((s, i) => (\n        _react2.default.createElement('section', { key: i, 'aria-label': s.heading,}\n          , _react2.default.createElement('h2', null, s.heading)\n          , (s.paragraphs || []).map((pp, j) => _react2.default.createElement('p', { key: j,}, pp))\n          , s.table ? (\n            _react2.default.createElement('div', { className: \"reading-table\", tabIndex: 0, role: \"region\", 'aria-label': \"Scrollable reference table\"  ,}, _react2.default.createElement('table', { className: \"bc-table\",}\n              , _react2.default.createElement('thead', null, _react2.default.createElement('tr', null, s.table.head.map((h, j) => _react2.default.createElement('th', { key: j,}, h))))\n              , _react2.default.createElement('tbody', null\n                , s.table.rows.map((r, j) => (\n                  _react2.default.createElement('tr', { key: j,}, r.map((c, k) => _react2.default.createElement('td', { key: k,}, c)))\n                ))\n              )\n            ))\n          ) : null\n          , (s.bullets || []).length ? (\n            _react2.default.createElement('ul', null\n              , s.bullets.map((b, j) => (\n                _react2.default.createElement('li', { key: j,}, b.href ? _react2.default.createElement('a', { href: b.href,}, b.text) : b.text)\n              ))\n            )\n          ) : null\n          , s.note ? _react2.default.createElement('p', { className: \"bc-callout\",}, s.note) : null\n          , s.warn ? _react2.default.createElement('p', { className: \"bc-warn\",}, s.warn) : null\n        )\n      ))\n\n      , d.related && d.related.length ? (\n        _react2.default.createElement('section', { 'aria-label': \"Related pages\" ,}\n          , _react2.default.createElement('h2', null, \"Where to go next\"   )\n          , _react2.default.createElement('ul', null, d.related.map((r, i) => _react2.default.createElement('li', { key: i,}, _react2.default.createElement('a', { href: r.href,}, r.label))))\n        )\n      ) : null\n\n      , d.faqs && d.faqs.length ? (\n        _react2.default.createElement('section', { 'aria-label': \"Frequently asked questions\"  ,}\n          , _react2.default.createElement('h2', null, \"Frequently asked questions\"  )\n          , d.faqs.map((f, i) => (\n            _react2.default.createElement('details', { key: i,}\n              , _react2.default.createElement('summary', null, f.q)\n              , _react2.default.createElement('p', null, f.a)\n            )\n          ))\n        )\n      ) : null\n\n      , d.closingCtaHeading ? (\n        _react2.default.createElement('section', { 'aria-label': \"Next step\" ,}\n          , _react2.default.createElement('h2', null, d.closingCtaHeading)\n          , _react2.default.createElement('p', null, d.closingCtaText)\n          , _react2.default.createElement('div', { className: \"bc-ctarow\",}\n            , (d.closingCtas || []).map((c, i) => (\n              _react2.default.createElement('a', { key: i, href: c.href, style: btn(i === 0 ? \"primary\" : \"ghost\"),}, c.label)\n            ))\n          )\n        )\n      ) : null\n    , _react2.default.createElement('aside', { className: \"reading-footer\",}, _react2.default.createElement('a', { href: \"/\",}, \"Back to Boccalone\"  )))\n  );\n} exports.default = NewsletterPage;"}