{"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 StylesPage() {\n  const d = {\"h1\": \"Pizza styles\", \"intro\": \"A consistent, structured profile for each major style — hydration, flour, ball weight, schedule, bake conditions, and what is actually specified versus what is merely convention people repeat.\", \"primaryCtas\": [{\"label\": \"Which style should you learn first?\", \"href\": \"/blog/which-pizza-style-to-learn-first\"}, {\"label\": \"Formula worksheet\", \"href\": \"/formulas\"}], \"inShort\": \"Every style page here uses the same field set, so styles can be compared directly. Where a governing specification exists we cite and link it and separate requirement from convention. Where no convention has ever been established, the field says so rather than carrying an invented range.\", \"whoFor\": [\"Cooks who want to make a named style correctly rather than approximately\", \"Readers who want to know what actually distinguishes one style from another\", \"Anyone deciding which style their oven can realistically produce\"], \"whenToUse\": [\"Before you commit to learning a style, to check it suits your equipment\", \"When you want to know whether a rule you have been told is specified or inherited\", \"When you are eating a style for the first time and want to know what you are looking at\"], \"sections\": [{\"heading\": \"Start from your oven, not your ambition\", \"paragraphs\": [\"A great many people attempt Neapolitan in an unmodified domestic oven, fail, and conclude they are bad at this. They have simply chosen a style their equipment cannot reach.\", \"The decision guide works the other way round: it starts from what you own and tells you which styles are genuinely available to you. Pan styles in particular are excellent in a domestic oven and are routinely overlooked.\"], \"bullets\": [{\"text\": \"Which pizza style should you learn first? A guide by oven type\", \"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\"}]}, {\"heading\": \"The style references\", \"table\": {\"head\": [\"Style\", \"Shape and format\", \"Realistic in a domestic oven?\"], \"rows\": [[\"Neapolitan\", \"Round, soft, very fast bake\", \"Not fully — the bake temperature is the limit\"], [\"New York\", \"Large round, foldable slice\", \"Yes, and the best serious starting point\"], [\"Detroit\", \"Rectangular pan, cheese to the edge\", \"Yes, and forgiving of a weak oven\"], [\"Roman teglia\", \"Long pan, high hydration, sold by weight\", \"Yes, with a long bake\"], [\"Roman tonda\", \"Round, very thin, crisp\", \"Partly\"], [\"Chicago tavern\", \"Round, thin, square-cut\", \"Yes\"], [\"Chicago deep dish\", \"Deep pan, long bake\", \"Yes\"], [\"New Haven apizza\", \"Oblong, thin, heavily charred\", \"Partly — the coal oven is most of the style\"], [\"Sicilian and sfincione\", \"Rectangular pan, thick and open\", \"Yes\"]]}, \"bullets\": [{\"text\": \"Neapolitan pizza: structured style reference\", \"href\": \"/blog/neapolitan-pizza-reference\"}, {\"text\": \"New York pizza: structured style reference\", \"href\": \"/blog/new-york-pizza-reference\"}, {\"text\": \"Detroit style pizza: structured style reference\", \"href\": \"/blog/detroit-style-pizza-reference\"}, {\"text\": \"Roman teglia vs tonda: two styles, one city\", \"href\": \"/blog/roman-teglia-vs-tonda\"}, {\"text\": \"Chicago deep dish vs Chicago tavern\", \"href\": \"/blog/chicago-deep-dish-vs-tavern\"}, {\"text\": \"New Haven apizza: structured style reference\", \"href\": \"/blog/new-haven-apizza-reference\"}, {\"text\": \"Sicilian and sfincione: structured style reference\", \"href\": \"/blog/sicilian-and-sfincione-reference\"}]}, {\"heading\": \"What is in a style profile\", \"paragraphs\": [\"Every style page carries the same fields, so you can compare across them without translating.\"], \"bullets\": [{\"text\": \"Hydration range, flour type and strength, and ball weight range\"}, {\"text\": \"Fermentation schedule and bake conditions\"}, {\"text\": \"Oven type and baking surface or pan\"}, {\"text\": \"Sauce and cheese convention\"}, {\"text\": \"Governing standard, where one exists, with the source linked and dated\"}, {\"text\": \"Region and period of origin, and close relatives with the distinguishing feature\"}], \"note\": \"Where a field has no established convention, it says so. We would rather show you an honest gap than a range we made up to fill the cell.\"}, {\"heading\": \"Specification versus convention\", \"paragraphs\": [\"Some styles have written rules maintained by a trade body or protected by a designation. Most do not, and much of what circulates as a rule is inherited practice with no documented basis.\", \"We separate the two on every page, because the difference matters: one is a document you can read, and the other is a custom that varies by neighbourhood and by decade.\"], \"bullets\": [{\"text\": \"What the AVPN, DOC, and STG rules actually require\", \"href\": \"/blog/avpn-doc-stg-rules-explained\"}, {\"text\": \"Why \\\"authentic\\\" is the least useful word in pizza\", \"href\": \"/blog/why-authentic-is-the-least-useful-word-in-pizza\"}]}], \"related\": [{\"label\": \"Formula worksheet\", \"href\": \"/formulas\"}, {\"label\": \"Dough and fermentation\", \"href\": \"/dough\"}, {\"label\": \"Ovens and equipment\", \"href\": \"/equipment\"}, {\"label\": \"History and culture\", \"href\": \"/history\"}, {\"label\": \"Scenes and discovery\", \"href\": \"/scenes\"}, {\"label\": \"Glossary\", \"href\": \"/glossary\"}], \"faqs\": [{\"q\": \"Which style is easiest to start with?\", \"a\": \"New York style in a domestic oven with a steel or stone. It teaches you the variables, it is forgiving, and it does not depend on equipment most people do not have.\"}, {\"q\": \"Can I make real Neapolitan at home?\", \"a\": \"You can make excellent pizza using Neapolitan technique. Reaching the bake conditions the style is built around needs an oven a domestic one cannot match, and we would rather say that than let you spend six months blaming your hands.\"}, {\"q\": \"Why do some style fields say \\\"formula-specific\\\" or \\\"none\\\" instead of a number?\", \"a\": \"Because for many styles no authoritative figure has ever been published. Saying so tells you to use judgment and record your own result. A number we invented would look identical to a real one and mislead you completely.\"}, {\"q\": \"Is deep dish what people in Chicago actually eat?\", \"a\": \"The everyday Chicago pizza is thin, crisp, and square-cut tavern style. Deep dish is real and worth understanding, but the two are separate styles and the confusion is widespread enough that we wrote a whole comparison about it.\"}, {\"q\": \"Does a protected designation mean other versions are inferior?\", \"a\": \"No. It means a specific document defines a specific product. It is a useful reference and a legal instrument, not a quality ranking across styles.\"}, {\"q\": \"What is the difference between Sicilian and sfincione?\", \"a\": \"They share ancestry and diverge in topping convention, crumb, and the American branch's development. They are close enough to be conflated constantly and different enough to deserve separate profiles.\"}, {\"q\": \"Do you publish a formula for each style?\", \"a\": \"No. A formula is published only after a named person has baked and logged it, and the style references do not depend on one. Each profile gives the conventions and the variables to record, and the formula worksheet is where you record your own.\"}], \"closingCtaHeading\": \"Match a style to your oven\", \"closingCtaText\": \"The decision guide starts from the equipment you already own and works forward to the styles it can genuinely produce.\", \"closingCtas\": [{\"label\": \"Which style first\", \"href\": \"/blog/which-pizza-style-to-learn-first\"}, {\"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-styles reading-article\"  , 'aria-labelledby': \"bc-title\", 'data-reading-page': \"styles\",}, _react2.default.createElement('style', null, `\n.reading-boccalone-styles{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-styles *{box-sizing:border-box} .reading-boccalone-styles :is(h1,h2,h3){font-family:var(--c1fflz6z-font-heading);font-weight:400;color:var(--c1fflz6z-runtime-text);text-wrap:balance}\n.reading-boccalone-styles 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-styles h2{font-size:clamp(28px,3.5vw,38px);line-height:1.18;margin:48px 0 18px} .reading-boccalone-styles h3{font-size:25px;line-height:1.25;margin:28px 0 12px}\n.reading-boccalone-styles :is(p,ul,ol){margin-top:0;margin-bottom:20px} .reading-boccalone-styles li{margin-bottom:8px} .reading-boccalone-styles :is(ul,ol){padding-left:24px} .reading-boccalone-styles p{max-width:74ch}\n.reading-boccalone-styles .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-styles :is(.bc-intro,h1+p){font-size:20px;line-height:1.65;margin-bottom:30px} .reading-boccalone-styles a{color:var(--c1fflz6z-runtime-accent);text-underline-offset:4px} .reading-boccalone-styles a:hover{text-decoration-thickness:2px}\n.reading-boccalone-styles :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--c1fflz6z-runtime-accent);outline-offset:4px}\n.reading-boccalone-styles :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-styles :is(.gf-card,.gf-rule,.gf-step){border-top:1px solid var(--c1fflz6z-runtime-border);padding:22px 0;margin:0} .reading-boccalone-styles :is(.gf-card,.gf-rule) h3{margin-top:0} .reading-boccalone-styles .gf-rule strong{display:block;margin-bottom:8px}\n.reading-boccalone-styles .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-styles .gf-cta.secondary{background:transparent;color:var(--c1fflz6z-runtime-accent)} .reading-boccalone-styles .bc-ctarow{margin:24px 0;display:flex;flex-wrap:wrap;gap:10px} .reading-boccalone-styles .bc-ctarow a{margin:0;min-height:48px;display:inline-flex;align-items:center}\n.reading-boccalone-styles :is(.reading-table,.gf-scroll){max-width:100%;overflow-x:auto;margin:24px 0;overscroll-behavior-x:contain} .reading-boccalone-styles table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;margin:0} .reading-boccalone-styles :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-styles th{background:var(--c1fflz6z-runtime-panel);font-weight:700} .reading-boccalone-styles .bc-table{display:table}\n.reading-boccalone-styles details{padding:18px 0;border-bottom:1px solid var(--c1fflz6z-runtime-border)} .reading-boccalone-styles summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 0} .reading-boccalone-styles details p{margin:12px 0 0}\n.reading-boccalone-styles :is(input,select,textarea,button){font:inherit;color:var(--c1fflz6z-runtime-text);max-width:100%;min-height:44px} .reading-boccalone-styles :is(input,select,textarea){background:var(--c1fflz6z-runtime-bg);border:1px solid var(--c1fflz6z-runtime-border);padding:10px 12px} .reading-boccalone-styles :is(img,svg){max-width:100%;height:auto}\n.reading-boccalone-styles .reading-footer{border-top:1px solid var(--c1fflz6z-runtime-border);margin-top:56px;padding-top:24px;font-size:14px} .reading-boccalone-styles .reading-footer a{display:inline-flex;min-height:44px;align-items:center}\n@media(max-width:600px){.reading-boccalone-styles{padding:36px 20px 56px;font-size:16px} .reading-boccalone-styles h1{font-size:44px} .reading-boccalone-styles h2{font-size:29px;margin-top:36px} .reading-boccalone-styles h3{font-size:24px} .reading-boccalone-styles :is(.bc-intro,h1+p){font-size:18px} .reading-boccalone-styles :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 = StylesPage;"}