{"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: 8,\n    textDecoration: \"none\",\n    fontWeight: 700,\n    fontSize: 15,\n    background: kind === \"primary\" ? \"#9c2f22\" : \"transparent\",\n    color: kind === \"primary\" ? \"#ffffff\" : \"#9c2f22\",\n    border: \"2px solid #9c2f22\",\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, `.reading-boccalone-styles{box-sizing:border-box!important;background:#f2eadb!important;color:#582c24!important;font-family:system-ui,-apple-system,Segoe UI,sans-serif!important;line-height:1.75!important;width:100%!important;max-width:1100px!important;margin:0 auto!important;padding:0 clamp(20px,5vw,64px) 64px!important;overflow-wrap:anywhere} .reading-boccalone-styles *{box-sizing:border-box} .reading-boccalone-styles .reading-mast{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #582c2430;padding:24px 0;margin-bottom:36px} .reading-boccalone-styles .reading-brand{font-size:18px;font-weight:700;letter-spacing:-.035em;text-decoration:none!important} .reading-boccalone-styles .reading-nav{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;font-size:13px} .reading-boccalone-styles .reading-nav a{display:inline-flex;align-items:center;min-height:44px} .reading-boccalone-styles .reading-kicker{color:#582c24!important;font-size:11px!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px!important} .reading-boccalone-styles h1{font:400 clamp(36px,5.2vw,58px)/1.09 Georgia,Times New Roman,serif!important;letter-spacing:-.045em!important;margin:0 0 24px!important;max-width:22ch;text-wrap:balance} .reading-boccalone-styles h2{font:400 clamp(25px,3vw,34px)/1.2 Georgia,Times New Roman,serif!important;letter-spacing:-.025em!important;margin:42px 0 18px!important;color:#582c24!important;text-wrap:balance} .reading-boccalone-styles h3{font-size:18px!important;line-height:1.4!important;margin:22px 0 9px!important;color:#582c24!important} .reading-boccalone-styles p,.reading-boccalone-styles li{font-size:16px;line-height:1.8;max-width:76ch;color:#582c24} .reading-boccalone-styles p{margin-top:0;margin-bottom:18px} .reading-boccalone-styles h1+p{font-size:19px!important;line-height:1.7!important;max-width:64ch;color:#582c24!important} .reading-boccalone-styles section{max-width:100%!important;padding-left:0!important;padding-right:0!important} .reading-boccalone-styles section+section{margin-top:32px} .reading-boccalone-styles a{color:#582c24;text-underline-offset:4px;text-decoration-thickness:1px} .reading-boccalone-styles a:hover{text-decoration:underline} .reading-boccalone-styles :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #bb542f;outline-offset:4px} .reading-boccalone-styles :is(button,select,input:not([type=checkbox]):not([type=radio]),summary){min-height:44px;font:inherit} .reading-boccalone-styles :is(input,select,textarea){max-width:100%;color:#202820;background:#fff;border:1px solid #7a827a;border-radius:5px;padding:9px 11px} .reading-boccalone-styles :is(input[type=checkbox],input[type=radio]){min-width:20px;min-height:20px;vertical-align:middle} .reading-boccalone-styles label{display:inline-block;line-height:1.7} .reading-boccalone-styles ul,.reading-boccalone-styles ol{padding-left:24px} .reading-boccalone-styles li{margin-bottom:10px} .reading-boccalone-styles blockquote{border-left:3px solid #bb542f;background:#e6d9c4;margin:24px 0;padding:18px 24px} .reading-boccalone-styles pre{max-width:100%;overflow-x:auto;background:#e6d9c4;padding:18px;border:1px solid #582c2430;font-size:14px} .reading-boccalone-styles code{font-size:.9em} .reading-boccalone-styles .reading-table{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid #582c2430;border-radius:5px} .reading-boccalone-styles table{width:100%!important;max-width:none!important;border-collapse:collapse!important;margin:0!important;font-size:14px!important;min-width:560px} .reading-boccalone-styles th,.reading-boccalone-styles td{padding:14px 16px!important;text-align:left;vertical-align:top;border-bottom:1px solid #582c2425!important;line-height:1.65!important;color:#582c24!important;background:#f2eadb!important} .reading-boccalone-styles th{background:#e6d9c4!important;font-weight:650!important} .reading-boccalone-styles details{padding:16px 0!important;border-bottom:1px solid #582c2430!important;background:transparent!important} .reading-boccalone-styles summary{cursor:pointer;font-weight:600;color:#582c24;padding:10px 0} .reading-boccalone-styles img,.reading-boccalone-styles svg{max-width:100%;height:auto} .reading-boccalone-styles .reading-footer{border-top:1px solid #582c2430;margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:13px} .reading-boccalone-styles.reading-policy{max-width:950px!important} .reading-boccalone-styles.reading-policy h2{padding-top:24px;border-top:1px solid #582c2425} .reading-boccalone-styles.reading-reference h3{padding-top:18px;border-top:1px solid #582c2425} .reading-boccalone-styles.reading-worksheet h1{max-width:24ch} .reading-boccalone-styles.reading-worksheet :is(button,input,select,textarea){font-size:16px} @media(max-width:680px){.reading-boccalone-styles{padding:0 20px 40px!important} .reading-boccalone-styles .reading-mast{display:block;padding:20px 0;margin-bottom:28px} .reading-boccalone-styles .reading-nav{margin-top:8px;gap:4px 18px} .reading-boccalone-styles h1{font-size:37px!important} .reading-boccalone-styles h2{font-size:27px!important;margin-top:34px!important} .reading-boccalone-styles p,.reading-boccalone-styles li{font-size:16px!important} .reading-boccalone-styles h1+p{font-size:18px!important} .reading-boccalone-styles [class*=\"grid\"],.reading-boccalone-styles [class*=\"Grid\"],.reading-boccalone-styles [class*=\"cta-row\"]{grid-template-columns:1fr!important;flex-wrap:wrap!important} .reading-boccalone-styles .reading-footer{display:block} .reading-boccalone-styles .reading-footer a{display:inline-flex;min-height:44px;align-items:center} .reading-boccalone-styles .reading-table{margin-left:0;margin-right:0}}`), _react2.default.createElement('p', { className: \"reading-kicker\",}, \"Reading\")\n      , _react2.default.createElement('style', null, `\n        .reading-boccalone-styles .bcpage{max-width:880px;margin:0 auto;padding:28px 20px 64px;color:#231d1b;\n          font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n          line-height:1.62;font-size:17px}\n        .reading-boccalone-styles .bcpage h1{font-size:2rem;line-height:1.2;margin:0 0 12px}\n        .reading-boccalone-styles .bcpage h2{font-size:1.35rem;line-height:1.3;margin:36px 0 10px}\n        .reading-boccalone-styles .bcpage h3{font-size:1.08rem;line-height:1.35;margin:22px 0 6px}\n        .reading-boccalone-styles .bcpage p{margin:0 0 14px}\n        .reading-boccalone-styles .bcpage ul{margin:0 0 16px;padding-left:22px}\n        .reading-boccalone-styles .bcpage li{margin:0 0 8px}\n        .reading-boccalone-styles .bcpage a{color:#8a2a1e}\n        .reading-boccalone-styles .bc-intro{font-size:1.16rem;color:#4a3d39}\n        .reading-boccalone-styles .bc-callout{background:#fbf3ef;border-left:4px solid #9c2f22;padding:12px 16px;border-radius:6px;margin:6px 0 16px;font-size:0.98rem}\n        .reading-boccalone-styles .bc-warn{background:#fdf6e8;border-left:4px solid #a8730f;padding:12px 16px;border-radius:6px;margin:6px 0 16px;font-size:0.98rem}\n        .reading-boccalone-styles .bcpage details{border:1px solid #ece0da;border-radius:8px;padding:10px 14px;margin:0 0 10px;background:#fdfaf8}\n        .reading-boccalone-styles .bcpage summary{cursor:pointer;font-weight:600}\n        .reading-boccalone-styles .bcpage details p{margin:10px 0 2px}\n        .reading-boccalone-styles .bc-ctarow{margin:16px 0 10px}\n        .reading-boccalone-styles .bc-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:0.95rem;display:block;overflow-x:auto}\n        .reading-boccalone-styles .bc-table th,.reading-boccalone-styles .bc-table td{border:1px solid #e8dcd6;padding:8px 10px;text-align:left;vertical-align:top}\n        .reading-boccalone-styles .bc-table th{background:#fbf3ef;font-weight:700}\n        @media (max-width:560px){.reading-boccalone-styles .bcpage{font-size:16px;padding:22px 16px 56px}.reading-boccalone-styles .bcpage h1{font-size:1.6rem}}\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;"}