{"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 StartHerePage() {\n  const d = {\"h1\":\"Start here\",\"intro\":\"Boccalone is a pizza reference built around the numbers that decide a bake: hydration, dough temperature, fermentation time and temperature, and bake conditions. Pick the route below that matches the problem in front of you.\",\"primaryCtas\":[{\"label\":\"Dough and fermentation\",\"href\":\"/dough\"},{\"label\":\"Troubleshooting by symptom\",\"href\":\"/troubleshooting\"}],\"inShort\":\"New to measuring dough? Start with baker's percentages. A pizza just went wrong? Start with the symptom. Choosing an oven or a style? Start with what your oven can actually do. Whatever you bake, record it, so the next attempt can be compared with this one.\",\"sections\":[{\"heading\":\"If you are new to pizza dough\",\"paragraphs\":[\"Learn the notation before the recipes. Baker's percentages express every ingredient relative to flour weight, which is what makes two formulas comparable and any formula scalable.\"],\"bullets\":[{\"text\":\"Baker's percentages for pizza\",\"href\":\"/blog/bakers-percentages-for-pizza\"},{\"text\":\"The four numbers that decide your pizza crust\",\"href\":\"/blog/four-numbers-that-decide-your-pizza-crust\"},{\"text\":\"Dough and fermentation hub\",\"href\":\"/dough\"}]},{\"heading\":\"If a pizza just went wrong\",\"paragraphs\":[\"Go by the symptom you can see, not by the ingredient you suspect. The troubleshooting hub lists the causes for each defect with a test that tells them apart.\"],\"bullets\":[{\"text\":\"Troubleshooting hub\",\"href\":\"/troubleshooting\"},{\"text\":\"Pizza troubleshooting by symptom\",\"href\":\"/blog/pizza-troubleshooting-by-symptom\"},{\"text\":\"The gum line: five causes of a raw layer under your sauce\",\"href\":\"/blog/pizza-gum-line-causes\"}]},{\"heading\":\"If you are choosing an oven or a style\",\"paragraphs\":[\"Every oven has a ceiling, and some styles sit above it. Check which styles your current setup can produce before buying anything.\"],\"bullets\":[{\"text\":\"Which pizza style should you learn first?\",\"href\":\"/blog/which-pizza-style-to-learn-first\"},{\"text\":\"What your home oven can and cannot do\",\"href\":\"/blog/what-your-home-oven-can-and-cannot-do\"},{\"text\":\"Ovens and equipment\",\"href\":\"/equipment\"},{\"text\":\"Pizza styles\",\"href\":\"/styles\"}]},{\"heading\":\"If you want to repeat a good bake\",\"paragraphs\":[\"Write the formula in baker's percentages and record the conditions alongside it: dough temperature, every fermentation stage with its temperature, the surface and its preheat, and what came out.\"],\"bullets\":[{\"text\":\"Formula worksheet\",\"href\":\"/formulas\"},{\"text\":\"How to log a bake so you can repeat it\",\"href\":\"/blog/how-to-log-a-bake\"},{\"text\":\"Why the same recipe gives different results\",\"href\":\"/blog/same-recipe-different-results\"}]},{\"heading\":\"How to read this site\",\"paragraphs\":[\"Every figure on Boccalone cites a published source or is a field for you to fill in from your own bake. Where no established figure exists, the page says so instead of inventing one. Boccalone has no test kitchen and publishes no house formula as tested.\"],\"bullets\":[{\"text\":\"How we test, and what has not been tested\",\"href\":\"/how-we-test\"},{\"text\":\"How sources are chosen and cited\",\"href\":\"/sources\"},{\"text\":\"About Boccalone\",\"href\":\"/about\"}]}],\"related\":[{\"label\":\"Technique\",\"href\":\"/technique\"},{\"label\":\"Ingredients\",\"href\":\"/ingredients\"},{\"label\":\"Toppings\",\"href\":\"/toppings\"},{\"label\":\"Glossary\",\"href\":\"/glossary\"}],\"faqs\":[{\"q\":\"Do I need special equipment to start?\",\"a\":\"No. A digital scale and a thermometer will change your results more than any oven upgrade. The equipment hub explains why, and which styles a domestic oven can produce.\"},{\"q\":\"Is there a recipe I can just follow?\",\"a\":\"Boccalone publishes no house formula, because none has a dated bake record behind it. The style references give each style's conventions, and the formula worksheet shows how to write and scale your own formula in baker's percentages.\"},{\"q\":\"I came here looking for the San Francisco salumeria.\",\"a\":\"This is a different, unconnected pizza publication that shares only the word in the web address.\"}],\"closingCtaHeading\":\"Start with the dough\",\"closingCtaText\":\"The dough hub explains the four variables every other section of the site refers back to.\",\"closingCtas\":[{\"label\":\"Dough and fermentation\",\"href\":\"/dough\"},{\"label\":\"Formula worksheet\",\"href\":\"/formulas\"}]};\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-start-here reading-article\"  , 'aria-labelledby': \"bc-title\", 'data-reading-page': \"start-here\",}, _react2.default.createElement('style', null, `\n.reading-boccalone-start-here{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-start-here *{box-sizing:border-box} .reading-boccalone-start-here :is(h1,h2,h3){font-family:var(--c1fflz6z-font-heading);font-weight:400;color:var(--c1fflz6z-runtime-text);text-wrap:balance}\n.reading-boccalone-start-here 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-start-here h2{font-size:clamp(28px,3.5vw,38px);line-height:1.18;margin:48px 0 18px} .reading-boccalone-start-here h3{font-size:25px;line-height:1.25;margin:28px 0 12px}\n.reading-boccalone-start-here :is(p,ul,ol){margin-top:0;margin-bottom:20px} .reading-boccalone-start-here li{margin-bottom:8px} .reading-boccalone-start-here :is(ul,ol){padding-left:24px} .reading-boccalone-start-here p{max-width:74ch}\n.reading-boccalone-start-here .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-start-here :is(.bc-intro,h1+p){font-size:20px;line-height:1.65;margin-bottom:30px} .reading-boccalone-start-here a{color:var(--c1fflz6z-runtime-accent);text-underline-offset:4px} .reading-boccalone-start-here a:hover{text-decoration-thickness:2px}\n.reading-boccalone-start-here :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--c1fflz6z-runtime-accent);outline-offset:4px}\n.reading-boccalone-start-here :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-start-here :is(.gf-card,.gf-rule,.gf-step){border-top:1px solid var(--c1fflz6z-runtime-border);padding:22px 0;margin:0} .reading-boccalone-start-here :is(.gf-card,.gf-rule) h3{margin-top:0} .reading-boccalone-start-here .gf-rule strong{display:block;margin-bottom:8px}\n.reading-boccalone-start-here .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-start-here .gf-cta.secondary{background:transparent;color:var(--c1fflz6z-runtime-accent)} .reading-boccalone-start-here .bc-ctarow{margin:24px 0;display:flex;flex-wrap:wrap;gap:10px} .reading-boccalone-start-here .bc-ctarow a{margin:0;min-height:48px;display:inline-flex;align-items:center}\n.reading-boccalone-start-here :is(.reading-table,.gf-scroll){max-width:100%;overflow-x:auto;margin:24px 0;overscroll-behavior-x:contain} .reading-boccalone-start-here table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;margin:0} .reading-boccalone-start-here :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-start-here th{background:var(--c1fflz6z-runtime-panel);font-weight:700} .reading-boccalone-start-here .bc-table{display:table}\n.reading-boccalone-start-here details{padding:18px 0;border-bottom:1px solid var(--c1fflz6z-runtime-border)} .reading-boccalone-start-here summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 0} .reading-boccalone-start-here details p{margin:12px 0 0}\n.reading-boccalone-start-here :is(input,select,textarea,button){font:inherit;color:var(--c1fflz6z-runtime-text);max-width:100%;min-height:44px} .reading-boccalone-start-here :is(input,select,textarea){background:var(--c1fflz6z-runtime-bg);border:1px solid var(--c1fflz6z-runtime-border);padding:10px 12px} .reading-boccalone-start-here :is(img,svg){max-width:100%;height:auto}\n.reading-boccalone-start-here .reading-footer{border-top:1px solid var(--c1fflz6z-runtime-border);margin-top:56px;padding-top:24px;font-size:14px} .reading-boccalone-start-here .reading-footer a{display:inline-flex;min-height:44px;align-items:center}\n@media(max-width:600px){.reading-boccalone-start-here{padding:36px 20px 56px;font-size:16px} .reading-boccalone-start-here h1{font-size:44px} .reading-boccalone-start-here h2{font-size:29px;margin-top:36px} .reading-boccalone-start-here h3{font-size:24px} .reading-boccalone-start-here :is(.bc-intro,h1+p){font-size:18px} .reading-boccalone-start-here :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 = StartHerePage;"}