{"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 HistoryPage() {\n  const d = {\"h1\":\"History and culture\",\"intro\":\"Pizza styles are outcomes of ovens, migration, and ingredient economics rather than expressions of timeless tradition. Understanding why a rule exists is usually more useful than knowing that it does.\",\"primaryCtas\":[{\"label\":\"Why \\\"authentic\\\" is the least useful word in pizza\",\"href\":\"/blog/why-authentic-is-the-least-useful-word-in-pizza\"},{\"label\":\"Browse the style references\",\"href\":\"/styles\"}],\"inShort\":\"Reported history of how the major styles developed, with documented record clearly separated from legend, and unsourced claims labelled as reasoning rather than stated as fact. This section also covers what the formal specifications actually require, and why authenticity is a poor tool for judging pizza.\",\"whoFor\":[\"Readers who want the real account rather than the repeated origin story\",\"Cooks who wonder whether a rule they were told is specified or inherited\",\"Anyone put off by gatekeeping and looking for a better frame\"],\"whenToUse\":[\"When you want to know why a style has the characteristics it has\",\"Before quoting a specification in an argument\",\"When deciding how much weight to give a tradition you are being asked to follow\"],\"sections\":[{\"heading\":\"The thesis of this section\",\"paragraphs\":[\"Nearly every rule that gets called traditional was, at the time, a practical response to something: the oven available, the fuel, the price of cheese, the way the food was eaten, the people who arrived and what they knew.\",\"That is not a debunking. It is a better explanation, and it makes the technical sections land harder — you understand a specification differently once you know what problem it was solving.\"],\"bullets\":[{\"text\":\"Why \\\"authentic\\\" is the least useful word in pizza\",\"href\":\"/blog/why-authentic-is-the-least-useful-word-in-pizza\"}]},{\"heading\":\"The features\",\"bullets\":[{\"text\":\"How New York pizza actually happened: coal, migration, and cheese economics\",\"href\":\"/blog/how-new-york-pizza-happened\"},{\"text\":\"Why Detroit style came back\",\"href\":\"/blog/why-detroit-style-came-back\"},{\"text\":\"Tavern style and the Midwest bar\",\"href\":\"/blog/tavern-style-and-the-midwest-bar\"},{\"text\":\"What the AVPN, DOC, and STG rules actually require\",\"href\":\"/blog/avpn-doc-stg-rules-explained\"},{\"text\":\"Chicago deep dish vs Chicago tavern\",\"href\":\"/blog/chicago-deep-dish-vs-tavern\"}]},{\"heading\":\"How we handle historical claims\",\"paragraphs\":[\"Every claim in this section is either cited or labelled as reasoning, and we separate documented history from widely-repeated legend explicitly rather than letting the two blur.\",\"Where the record is thin — and for several American regional styles it is thin — we say so. \\\"First pizzeria\\\" claims in particular are contested and frequently rest on marketing rather than evidence, so we treat them with the caution they deserve.\",\"Nothing in this section is derived from a company's own promotional history without saying that is where it came from.\"],\"bullets\":[{\"text\":\"Editorial standards\",\"href\":\"/editorial-standards\"},{\"text\":\"Sources\",\"href\":\"/sources\"}]},{\"heading\":\"Specification is not superiority\",\"paragraphs\":[\"Some styles have written rules maintained by a trade association or protected by a legal designation. Those documents are useful reference material and they are worth reading rather than quoting second-hand.\",\"What they are not is a quality ranking across styles, and they do not bind a home cook. A specification defines one product; it says nothing about whether a different product is good.\"],\"bullets\":[{\"text\":\"What the AVPN, DOC, and STG rules actually require\",\"href\":\"/blog/avpn-doc-stg-rules-explained\"}]},{\"heading\":\"A note about this address\",\"paragraphs\":[\"A San Francisco cured-meat business used this name until it closed in 2017. This publication is not connected to it and does not claim its history.\",\"We may eventually write about that business the way we write about anything else — as reported history, sourced, and clearly separated from our own identity. What we will never do is present it as heritage.\"],\"bullets\":[]}],\"related\":[{\"label\":\"Pizza styles\",\"href\":\"/styles\"},{\"label\":\"Scenes and discovery\",\"href\":\"/scenes\"},{\"label\":\"Editorial standards\",\"href\":\"/editorial-standards\"},{\"label\":\"Sources\",\"href\":\"/sources\"}],\"faqs\":[{\"q\":\"Are you saying tradition does not matter?\",\"a\":\"No. We are saying the word \\\"authentic\\\" is a poor tool for judging pizza, because it collapses documented specification, inherited local practice, and marketing into one claim. Tradition is interesting; authenticity as a verdict is not.\"},{\"q\":\"Who invented pizza?\",\"a\":\"Not a question with a clean answer, and the confident versions are usually marketing. We would rather describe how specific styles developed, where the record supports it, than crown an inventor.\"},{\"q\":\"Why is American pizza history so poorly documented?\",\"a\":\"Much of it happened in small businesses that kept no archive, and a lot of what survives is promotional material written decades later. We say where the record is thin rather than filling the gap confidently.\"},{\"q\":\"Do the AVPN or DOC rules apply to me?\",\"a\":\"No. They govern products and, in some cases, membership of a trade association. They are worth reading as reference documents, and they do not constrain what you make at home.\"},{\"q\":\"Does it matter that Detroit style changed when it went national?\",\"a\":\"It is interesting rather than scandalous. Styles change when they travel, and documenting what changed is more useful than deciding which version is legitimate.\"},{\"q\":\"Will you write about the salumeria that used this name?\",\"a\":\"Possibly, as reported and sourced history, clearly separated from who we are. What we will not do is imply continuity or borrow that business's reputation.\"}],\"closingCtaHeading\":\"History explains the technique\",\"closingCtaText\":\"Once you know why a style is shaped the way it is, its hydration, bake, and format stop looking arbitrary. The style references are the place to see that.\",\"closingCtas\":[{\"label\":\"Pizza styles\",\"href\":\"/styles\"},{\"label\":\"Scenes and discovery\",\"href\":\"/scenes\"}]};\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-history reading-article\"  , 'aria-labelledby': \"bc-title\", 'data-reading-page': \"history\",}, _react2.default.createElement('style', null, `\n.reading-boccalone-history{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-history *{box-sizing:border-box} .reading-boccalone-history :is(h1,h2,h3){font-family:var(--c1fflz6z-font-heading);font-weight:400;color:var(--c1fflz6z-runtime-text);text-wrap:balance}\n.reading-boccalone-history 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-history h2{font-size:clamp(28px,3.5vw,38px);line-height:1.18;margin:48px 0 18px} .reading-boccalone-history h3{font-size:25px;line-height:1.25;margin:28px 0 12px}\n.reading-boccalone-history :is(p,ul,ol){margin-top:0;margin-bottom:20px} .reading-boccalone-history li{margin-bottom:8px} .reading-boccalone-history :is(ul,ol){padding-left:24px} .reading-boccalone-history p{max-width:74ch}\n.reading-boccalone-history .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-history :is(.bc-intro,h1+p){font-size:20px;line-height:1.65;margin-bottom:30px} .reading-boccalone-history a{color:var(--c1fflz6z-runtime-accent);text-underline-offset:4px} .reading-boccalone-history a:hover{text-decoration-thickness:2px}\n.reading-boccalone-history :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--c1fflz6z-runtime-accent);outline-offset:4px}\n.reading-boccalone-history :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-history :is(.gf-card,.gf-rule,.gf-step){border-top:1px solid var(--c1fflz6z-runtime-border);padding:22px 0;margin:0} .reading-boccalone-history :is(.gf-card,.gf-rule) h3{margin-top:0} .reading-boccalone-history .gf-rule strong{display:block;margin-bottom:8px}\n.reading-boccalone-history .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-history .gf-cta.secondary{background:transparent;color:var(--c1fflz6z-runtime-accent)} .reading-boccalone-history .bc-ctarow{margin:24px 0;display:flex;flex-wrap:wrap;gap:10px} .reading-boccalone-history .bc-ctarow a{margin:0;min-height:48px;display:inline-flex;align-items:center}\n.reading-boccalone-history :is(.reading-table,.gf-scroll){max-width:100%;overflow-x:auto;margin:24px 0;overscroll-behavior-x:contain} .reading-boccalone-history table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;margin:0} .reading-boccalone-history :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-history th{background:var(--c1fflz6z-runtime-panel);font-weight:700} .reading-boccalone-history .bc-table{display:table}\n.reading-boccalone-history details{padding:18px 0;border-bottom:1px solid var(--c1fflz6z-runtime-border)} .reading-boccalone-history summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 0} .reading-boccalone-history details p{margin:12px 0 0}\n.reading-boccalone-history :is(input,select,textarea,button){font:inherit;color:var(--c1fflz6z-runtime-text);max-width:100%;min-height:44px} .reading-boccalone-history :is(input,select,textarea){background:var(--c1fflz6z-runtime-bg);border:1px solid var(--c1fflz6z-runtime-border);padding:10px 12px} .reading-boccalone-history :is(img,svg){max-width:100%;height:auto}\n.reading-boccalone-history .reading-footer{border-top:1px solid var(--c1fflz6z-runtime-border);margin-top:56px;padding-top:24px;font-size:14px} .reading-boccalone-history .reading-footer a{display:inline-flex;min-height:44px;align-items:center}\n@media(max-width:600px){.reading-boccalone-history{padding:36px 20px 56px;font-size:16px} .reading-boccalone-history h1{font-size:44px} .reading-boccalone-history h2{font-size:29px;margin-top:36px} .reading-boccalone-history h3{font-size:24px} .reading-boccalone-history :is(.bc-intro,h1+p){font-size:18px} .reading-boccalone-history :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 = HistoryPage;"}