/* Shepherd’s Pies from the British Isles — stylesheet */

/* ── Web fonts ── */
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f1.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f1.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f1.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f1.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("ebook-assets/fonts/f3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* math */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f4.woff2") format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f5.woff2") format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f6.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* math */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f8.woff2") format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f9.woff2") format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f10.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f11.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* math */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f8.woff2") format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f9.woff2") format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f10.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f11.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* math */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("ebook-assets/fonts/f8.woff2") format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("ebook-assets/fonts/f9.woff2") format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("ebook-assets/fonts/f10.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("ebook-assets/fonts/f11.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Old Standard TT';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f12.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Old Standard TT';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f13.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Old Standard TT';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f14.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Old Standard TT';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f15.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Old Standard TT';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f16.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f17.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f18.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f19.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f20.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ebook-assets/fonts/f21.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f22.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f23.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f24.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f25.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("ebook-assets/fonts/f26.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ── Page / sheet layout (A4 landscape, 297mm × 210mm) ── */
:root {
  --doc-page-w: 297mm;
  --doc-page-h: 210mm;
}
html, body {
  margin: 0;
  padding: 0;
}
body {
  background: #f5f5f4;
  padding: 48px 24px;
  box-sizing: border-box;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}
.sheet {
  width: var(--doc-page-w);
  margin: 0 auto;
}
.page {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 297 / 210;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  break-inside: avoid;
}
.page:not(:first-child) {
  margin-top: 1rem;
}

@page {
  size: 297mm 210mm;
  margin: 0;
}
@media print {
  body {
    background: #fff;
    padding: 0;
  }
  .page {
    aspect-ratio: auto;
    width: var(--doc-page-w);
    height: var(--doc-page-h);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
  }
  .page:not(:first-child) {
    break-before: page;
    margin-top: 0;
  }
}

/* ── Base element styles ── */
p{margin:0 0 15px}
ul{margin:0;padding-left:16px}
li{margin-bottom:9px}
div[data-tight] li{margin-bottom:4px}

/* ── Hoisted element styles ── */
/* ââ Page 1 — title & imprint ââââââââââââââââââââââââââââââââââââââââââ
   Light #F2F3EB ground matching pages 2/3/5, so the full-colour logo
   (dark green ring + red wordmark on transparency) reads clearly.
   Gold #BB8B3C hairlines, red #9A2B25 accent, 60px side margins.       */
.s1 {
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 88% 28%, rgba(187,139,60,.13), transparent 21%),
    linear-gradient(135deg, #F8F7F0 0%, #F2F3EB 58%, #ECEDE3 100%);
  color:#283029;
  font-family:'Old Standard TT',serif;
  padding:30px 60px 24px 76px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

/* A quiet book-cloth edge gives the opening page a more deliberate cover-sheet feel. */
.s1::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 0;
  width:16px;
  background:linear-gradient(180deg, #7E211F 0%, #9A2B25 56%, #6B1B1A 100%);
  box-shadow:inset -2px 0 0 rgba(255,255,255,.18);
}

.s1::after {
  content:"SPG";
  position:absolute;
  z-index:-1;
  right:36px;
  top:58px;
  color:rgba(16,35,26,.035);
  font-family:'Bodoni Moda',serif;
  font-size:144px;
  font-weight:900;
  letter-spacing:-.1em;
  line-height:1;
}

/* running head */
.s2 {
  border-bottom:1px solid #BB8B3C;
  padding-bottom:11px;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
  display:flex;
  justify-content:space-between;
  color:#10231A;
}

.s1 .s2 > span:last-child { color:#8A6B2E; }

/* ââ Main band: title at left, logo at right ââ */
.s3 {
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:0 68px;
  padding:28px 0 24px;
}

.s3-main {
  min-width:0;
  border-left:2px solid #9A2B25;
  padding-left:20px;
}

.s3-eyebrow {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.28em;
  text-transform:uppercase;
  margin:0 0 17px;
  color:#8A6B2E;
}

.s4 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:59px;
  line-height:1.04;
  margin:0 0 20px;
  letter-spacing:-.025em;
  color:#10231A;
}

/* red accent rule — the book's recurring divider (.s24) */
.s5 {
  border-top:1px solid #BB8B3C;
  width:138px;
  margin-bottom:16px;
}

.s6 {
  font-family:'Archivo',sans-serif;
  font-size:11px;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin:0;
  color:#697166;
}

/* logo — original colours, scales to column width */
.s7 {
  margin:0;
  align-self:center;
  display:block;
  min-width:0;
  width:100%;
  padding:28px 24px 24px;
  box-sizing:border-box;
  border:1px solid rgba(16,35,26,.16);
  background:rgba(255,255,255,.5);
  box-shadow:0 12px 28px rgba(16,35,26,.07);
}

.s8 {
  display:block;
  width:min(100%, 440px);
  height:auto;
  margin:0 auto;
}

/* ââ Imprint band across the foot, above the folio ââ */
.s3-imprint {
  border-top:1px solid #BB8B3C;
  padding:13px 18px 14px;
  background:rgba(255,255,255,.46);
  box-shadow:inset 0 0 0 1px rgba(16,35,26,.06);
}

.s9 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin:0 0 10px;
  color:#8A6B2E;
}

/* four fields in a row — label above value */
.s9b {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
}

.s9b-row {
  min-width:0;
  padding:0 18px;
  border-left:1px solid rgba(16,35,26,.12);
}

.s9b-row:first-child {
  padding-left:0;
  border-left:0;
}

.s9b-row:last-child {
  padding-right:0;
}

.s9b-row > span {
  display:block;
  font-family:'Archivo',sans-serif;
  font-size:8.5px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin-bottom:5px;
  color:#697166;
}

.s9b-row > em {
  display:block;
  font-family:'Bodoni Moda',serif;
  font-style:normal;
  font-size:13px;
  line-height:1.4;
  color:#10231A;
}

/* provisional-value marker, set quieter than the number it follows */
.s9b-row > em > i {
  font-family:'Archivo',sans-serif;
  font-style:normal;
  font-size:8.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8A6B2E;
  white-space:nowrap;
}

.s10 {
  border-top:1px solid rgba(16,35,26,.12);
  margin-top:14px;
  padding-top:10px;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  display:flex;
  justify-content:space-between;
  color:#697166;
}

.s1 .s10 > span:last-child {
  font-family:'Archivo',sans-serif;
  letter-spacing:.2em;
  color:#10231A;
}

.s11 {
  background:#F2F3EB;
  color:#283029;
  font-family:'Old Standard TT',serif;
  padding:40px 60px 30px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

.s12 {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  border-bottom:2px solid #10231A;
  padding-bottom:8px;
}

.s13 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:36px;
  margin:0;
  line-height:1;
  color:#10231A;
}

.s14 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  padding-bottom:5px;
  color:#697166;
}

.s15 {
  border-top:1px solid #BB8B3C;
  margin-top:2px;
}

.s16 {
  flex:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:0 54px;
  padding-top:26px;
}

.s17 {
  display:flex;
  flex-direction:column;
  gap:0;
}

.s18 {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  border-bottom:1px solid rgba(16,35,26,.14);
  padding:9px 0;
}

.s19 {
  font-family:'Bodoni Moda',serif;
  font-size:19px;
  color:#10231A;
}

.s20 {
  font-family:'Archivo',sans-serif;
  font-size:10.5px;
  letter-spacing:.16em;
  color:#697166;
}

.s21 {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  border-bottom:2px solid #10231A;
  padding:9px 0;
}

.s22 {
  font-family:'Archivo',sans-serif;
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#10231A;
}

.s23 {
  border-left:1px solid rgba(16,35,26,.12);
  padding-left:34px;
  display:flex;
  flex-direction:column;
  /* justify-content:flex-end; */
}

.s24 {
  border-top:2px solid #9A2B25;
  padding-top:14px;
}

.s25 {
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:24px;
  line-height:1.24;
  margin:0;
  color:#10231A;
}

.s26 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin:12px 0 0;
  color:#697166;
}

.s27 {
  border-top:1px solid rgba(16,35,26,.12);
  margin-top:6px;
  padding-top:7px;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  display:flex;
  justify-content:space-between;
  color:#697166;
}

.s28 {
  flex:1;
  column-count:2;
  column-gap:44px;
  column-rule:1px solid rgba(16,35,26,.12);
  padding-top:14px;
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s29 {
  float:left;
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:56px;
  line-height:.82;
  padding:4px 10px 0 0;
  color:#9A2B25;
}

.s30 {
  font-family:'Archivo',sans-serif;
  font-size:12.4px;
  letter-spacing:.14em;
}

.s31 {
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:20px;
  line-height:1.2;
  color:#9A2B25;
  margin:10px 0 8px;
}

.s32 {
  margin-bottom:2px;
}

.s33 {
  font-family:'Bodoni Moda',serif;
  font-weight:700;
  font-size:19px;
  margin:0 0 2px;
  color:#10231A;
}

.s34 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#697166;
  margin:0;
}

.s35 {
  background:#10231A;
  color:#F2F3EB;
  font-family:'Old Standard TT',serif;
  padding:0;
  position:relative;
  box-sizing:border-box;
}

.s36 {
  position:absolute;
  inset:0;
  filter:grayscale(1);
}

.s37 {
  position:absolute;
  left:0;
  right:0;
  top:0;
  padding:26px 60px 0;
  display:flex;
  justify-content:space-between;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#F2F3EB;
  text-shadow:0 1px 6px rgba(0,0,0,.6);
  pointer-events:none;
}

.s38 {
  position:absolute;
  left:0;
  bottom:0;
  background:#10231A;
  padding:20px 34px 18px 60px;
  max-width:520px;
  pointer-events:none;
}

.s39 {
  border-top:2px solid #BB8B3C;
  padding-top:12px;
}

.s40 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:30px;
  line-height:1.02;
  margin:0 0 8px;
}

.s41 {
  font-style:italic;
  font-size:12px;
  line-height:1.45;
  margin:0;
  color:#E7D3A6;
}

.s42 {
  position:absolute;
  right:60px;
  bottom:30px;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  color:#F2F3EB;
  pointer-events:none;
}

.s43 {
  flex:1;
  column-count:2;
  column-gap:44px;
  column-rule:1px solid rgba(16,35,26,.12);
  padding-top:14px;
  font-size:14.6px;
  line-height:1.88;
  text-align:justify;
  hyphens:auto;
}

.s44 {
  margin-bottom:17px;
}

.s45 {
  float:left;
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:52px;
  line-height:.82;
  padding:4px 10px 0 0;
  color:#9A2B25;
}

.s46 {
  background:#1a2b22;
  color:#F7F2EA;
  font-family:'Old Standard TT',serif;
  padding:40px 60px 30px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

.s47 {
  border-top:2px solid #F7F2EA;
  border-bottom:1px solid rgba(247,242,234,.45);
  padding:6px 0;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.24em;
  text-transform:uppercase;
  display:flex;
  justify-content:space-between;
}

.s48 {
  column-count:2;
  column-gap:44px;
  column-rule:1px solid rgba(247,242,234,.35);
  padding-top:20px;
  font-size:14.6px;
  line-height:1.78;
  text-align:justify;
  hyphens:auto;
}

.s49 {
  margin-bottom:14px;
}

.s50 {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border-top:1px solid rgba(247,242,234,.45);
  margin-top:22px;
  padding-top:22px;
}

.s51 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:104px;
  line-height:.9;
  margin:0;
  letter-spacing:-.02em;
}

.s52 {
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
  gap:16px;
  padding-top:18px;
}

.s53 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  padding-bottom:6px;
  color:rgba(247,242,234,.85);
}

.s54 {
  font-family:'Bodoni Moda',serif;
  font-weight:700;
  font-size:30px;
  line-height:1;
}

.s55 {
  border-top:1px solid rgba(247,242,234,.4);
  margin-top:6px;
  padding-top:7px;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  display:flex;
  justify-content:space-between;
  color:rgba(247,242,234,.8);
}

.s56 {
  background:#EAEBE0;
  color:#283029;
  font-family:'Old Standard TT',serif;
  padding:40px 60px 30px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

.s57 {
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 40px;
  padding-top:22px;
  align-content:stretch;
}

.s58,
.s59 {
  display:flex;
  flex-direction:column;
  /* justify-content:space-between; */
}

.s56 .s27 {
  margin-top:14px;
}

.s58 {
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s59 {
  border-left:1px solid rgba(16,35,26,.14);
  padding-left:40px;
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s58 p,
.s59 p {
  margin:0 0 14px;
}

.s58 p:last-child,
.s59 p:last-child {
  margin-bottom:0;
}

.s60 {
    position: relative;
    margin: 14px 0 16px;
    padding: 16px 16px 16px 26px;
    background: rgba(187,139,60,.07);
    border-left: 2px solid #BB8B3C;
    font-family: 'Bodoni Moda',serif;
    font-style: italic;
    font-size: 25.5px;
    line-height: 1.46;
    color: #10231A;
    text-align: left;
    hyphens: none;
}
.s60::before {
  content:'\201C';
  position:absolute;
  top:-2px;
  left:6px;
  font-family:'Bodoni Moda',serif;
  font-style:normal;
  font-size:34px;
  line-height:1;
  color:rgba(187,139,60,.45);
}

.s60 p {
  margin:0;
  text-align:left;
}

.s60b {
    margin-top: 8px !important;
    font-style: normal;
    font-weight: 900;
    font-size: 29px;
    letter-spacing: .005em;
    color: #9A2B25;
    text-align: right;
}
.s61 {
  border-top:2px solid #9A2B25;
  margin-top:18px;
  padding-top:12px;
}

.s62 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:26px;
  margin:0;
  color:#10231A;
}

.s63 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:34px;
  margin:0;
  line-height:1;
  color:#10231A;
}

.s64 {
  flex:1;
  column-count:2;
  column-gap:30px;
  column-rule:1px solid rgba(16,35,26,.12);
  padding-top:14px;
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s65 {
  float:left;
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:46px;
  line-height:.82;
  padding:3px 8px 0 0;
  color:#9A2B25;
}

.s66 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:30px;
  margin:0;
  line-height:1;
  color:#10231A;
}

.s67 {
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 30px;
  padding-top:14px;
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s68 {
  padding-right:30px;
  border-right:1px solid rgba(16,35,26,.12);
}

.s67 > .s68:last-of-type {
  padding-right:0;
  border-right:none;
}

.s69 {
  display:flex;
  flex-direction:column;
}

.s67 > .s69 {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:30px;
  align-content:start;
  grid-column:1 / -1;
  border-top:1px solid rgba(16,35,26,.12);
  margin-top:12px;
  padding-top:12px;
}

.s67 > .s69 > .s70 {
  grid-column:1 / -1;
}

.s70 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:0 0 10px;
  text-align:left;
}

.s71 {
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid rgba(16,35,26,.14);
  padding:7px 0;
  font-family:'Archivo',sans-serif;
  font-size:10px;
  letter-spacing:.08em;
}

.s72 {
  color:#9A2B25;
}

.s73 {
  text-align:right;
  color:#283029;
}

.s74 {
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 44px;
  padding-top:18px;
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s75 {
  float:left;
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:48px;
  line-height:.82;
  padding:3px 9px 0 0;
  color:#9A2B25;
}

.s76 {
  border-left:1px solid rgba(16,35,26,.14);
  padding-left:44px;
  display:flex;
  flex-direction:column;
}

.s77 {
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 44px;
  padding-top:22px;
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s78 {
  padding-right:44px;
  border-right:1px solid rgba(16,35,26,.14);
}

.s79 {
  font-family:'Bodoni Moda',serif;
  font-weight:700;
  font-size:20px;
  margin:0 0 10px;
  line-height:1.14;
  color:#10231A;
  text-align:left;
}

.s80 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:24px;
  margin:0;
  color:#10231A;
  text-align:left;
}

.s81 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:14px 0 10px;
  text-align:left;
}

.s82 {
  font-family:'Bodoni Moda',serif;
  font-weight:700;
  font-size:19px;
  line-height:1.16;
  color:#9A2B25;
  margin:18px 0 10px;
  text-align:left;
}

.s83 {
  flex:1;
  column-count:2;
  column-gap:30px;
  column-rule:1px solid rgba(16,35,26,.12);
  padding-top:14px;
  font-size:14.6px;
  line-height:1.62;
  text-align:justify;
  hyphens:auto;
}

.s84 {
  font-family:'Bodoni Moda',serif;
  font-weight:700;
  font-size:16px;
  margin:0 0 8px;
  line-height:1.16;
  color:#9A2B25;
  text-align:left;
}

.s85 {
  font-family:'Bodoni Moda',serif;
  font-weight:700;
  font-size:16px;
  margin:16px 0 8px;
  line-height:1.16;
  color:#9A2B25;
  text-align:left;
}

.s86 {
  font-size:10.6px;
  line-height:1.5;
  color:#697166;
  text-align:left;
}

.s87 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:12px 0 8px;
  text-align:left;
}

.s88 {
  font-size:11.6px;
  line-height:1.5;
}

.s89 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:14px 0 8px;
  text-align:left;
}

.s90 {
  font-size:11.6px;
  line-height:1.5;
  margin:0;
  padding-left:16px;
}

.s91 {
  margin-bottom:5px;
}

.s92 {
  margin-top:8px;
}

.s93 {
  font-family:'Bodoni Moda',serif;
  font-weight:700;
  font-size:17px;
  margin:0 0 8px;
  line-height:1.16;
  color:#9A2B25;
  text-align:left;
}

.s94 {
  flex:1;
  display:grid;
  grid-template-columns:.66fr 1fr;
  gap:0 48px;
  padding-top:12px;
}

.s95 {
  font-size:14.6px;
  line-height:1.66;
  text-align:justify;
  hyphens:auto;
}

.s96 {
  border-left:1px solid rgba(16,35,26,.14);
  padding-left:48px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.s97 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:0 0 14px;
}

.s98 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:52px;
  line-height:1;
  margin:0;
  color:#9A2B25;
}

.s99 {
  border-top:2px solid #9A2B25;
  padding-top:16px;
}

.s100 {
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:34px;
  line-height:1.22;
  margin:0;
  padding-bottom:4px;
  color:#10231A;
}

.s101 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin:14px 0 0;
  color:#697166;
}

.s102 {
  background:#10231A;
  color:#F2F3EB;
  font-family:'Old Standard TT',serif;
  padding:0;
  display:flex;
  box-sizing:border-box;
}

.s103 {
  flex:1;
  padding:40px 34px 30px 60px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

.s104 {
  border-bottom:2px solid #F2F3EB;
  padding-bottom:10px;
}

.s105 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin:0 0 6px;
  color:#E7D3A6;
}

.s106 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:32px;
  margin:0;
  line-height:1.04;
}

.s107 {
  flex:1;
  column-count:2;
  column-gap:28px;
  column-rule:1px solid rgba(242,243,235,.16);
  padding-top:14px;
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
  color:#E4E7DC;
}

.s108 {
  border-top:1px solid rgba(242,243,235,.2);
  margin-top:6px;
  padding-top:7px;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  display:flex;
  justify-content:space-between;
  color:#CFD3C7;
}

.s109 {
  width:36%;
  position:relative;
  background:#0B1913;
  flex-shrink:0;
}

.s110 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:#0B1913;
  color:#F2F3EB;
  padding:16px 60px 18px 26px;
}

.s111 {
  font-family:'Archivo',sans-serif;
  font-size:9px;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin:0 0 6px;
  color:#E7D3A6;
}

.s112 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:21px;
  line-height:1.04;
  margin:0 0 6px;
}

.s113 {
  font-style:italic;
  font-size:11px;
  line-height:1.4;
  margin:0;
  color:#CFD3C7;
}

.s114 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:32px;
  margin:0;
  line-height:1.05;
  color:#10231A;
}

.s115 {
  flex:1;
  display:grid;
  grid-template-columns:1fr .8fr 1fr 1fr;
  gap:0 26px;
  padding-top:14px;
}

.s116 {
  padding-right:26px;
  border-right:1px solid rgba(16,35,26,.12);
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s117 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:0 0 8px;
}

.s118 {
  font-size:11.8px;
  line-height:1.46;
}

.s119 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:18px 0 8px;
}

.s120 {
  padding-left:26px;
  border-left:1px solid rgba(16,35,26,.12);
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s121 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:0 0 8px;
  text-align:left;
}

.s122 {
  flex:1;
  display:grid;
  grid-template-columns:.85fr 1.15fr 1.15fr;
  gap:0 30px;
  padding-top:14px;
  font-size:14.6px;
  line-height:1.7;
  text-align:justify;
  hyphens:auto;
}

.s123 {
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:17px;
  line-height:1.3;
  color:#10231A;
  text-align:left;
}

.s124 {
  border-left:1px solid rgba(16,35,26,.14);
  padding-left:44px;
}

.s124 image-slot {
  filter:grayscale(1);
}

.s125 {
  font-family:'Old Standard TT',serif;
  font-style:italic;
  font-size:12px;
  line-height:1.45;
  margin:0;
  color:#E7D3A6;
}

.s126 {
  display:flex;
  align-items:flex-start;
  gap:20px;
  border-bottom:2px solid #10231A;
  padding-bottom:10px;
}

.s127 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:27px;
  line-height:1;
  color:#F2F3EB;
  background:#9A2B25;
  padding:6px 12px 8px;
}

.s128 {
  flex:1;
}

.s129 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin:0 0 4px;
  color:#697166;
}

.s130 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:28px;
  margin:0;
  line-height:1;
  color:#10231A;
}

.s131 {
  display:flex;
  gap:18px;
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding-top:6px;
  color:#10231A;
}

.s132 {
  border-left:1px solid #BB8B3C;
  padding-left:14px;
}

.s133 {
  color:#697166;
}

.s134 {
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr 0.82fr;
  gap:0 28px;
  padding-top:8px;
}

.s135 {
  float:left;
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:48px;
  line-height:.82;
  padding:3px 8px 0 0;
  color:#9A2B25;
}

.s136 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:14px 0 10px;
}

.s137 {
  font-style:italic;
}

.s138 {
  font-size:11.6px;
  line-height:1.44;
}

.s139 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  border-bottom:1px solid #10231A;
  padding-bottom:4px;
  margin:14px 0 8px;
}

.s140 {
  border-top:1px solid #BB8B3C;
  padding-top:10px;
  margin-top:16px;
}

.s141 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin:0 0 6px;
  color:#9A2B25;
}

.s142 {
  font-size:11.6px;
  line-height:1.5;
  margin:0;
}

.s143 {
  background:#F2F3EB;
  color:#283029;
  font-family:'Old Standard TT',serif;
  padding:0;
  display:flex;
  box-sizing:border-box;
}

.s144 {
  width:44%;
  position:relative;
  background:#10231A;
  flex-shrink:0;
}

.s145 {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:#10231A;
  color:#F2F3EB;
  padding:16px 26px 18px 60px;
}

.s146 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:22px;
  line-height:1.04;
  margin:0 0 6px;
}

.s147 {
  flex:1;
  padding:40px 60px 30px 34px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

.s148 {
  border-bottom:2px solid #10231A;
  padding-bottom:10px;
}

.s149 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin:0 0 6px;
  color:#697166;
}

.s150 {
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:31px;
  margin:0;
  line-height:1.02;
  color:#10231A;
}

.s151 {
  flex:1;
  padding-top:14px;
  font-size:14.6px;
  line-height:1.62;
  text-align:justify;
  hyphens:auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.s152 {
  float:left;
  font-family:'Bodoni Moda',serif;
  font-weight:900;
  font-size:52px;
  line-height:.82;
  padding:3px 9px 0 0;
  color:#9A2B25;
}

.s153 {
  font-family:'Archivo',sans-serif;
  font-size:9px;
  letter-spacing:.06em;
  color:#9A2B25;
}

.s154 {
  font-family:'Bodoni Moda',serif;
  font-weight:700;
  font-size:24px;
  margin:0;
  line-height:1;
  color:#10231A;
}

.s155 {
  margin:24px 0 0;
  padding:0 0 24px;
  border-bottom:1px solid rgba(16,35,26,.12);
}

.s156 {
  font-family:'Bodoni Moda',serif;
  font-style:italic;
  font-size:44px;
  line-height:1.14;
  margin:0;
  color:#10231A;
  max-width:940px;
}

.s157 {
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr 1.05fr;
  gap:0 30px;
  padding-top:16px;
}

.s158 {
  font-size:12.6px;
  line-height:1.5;
}

.s159 {
  border-top:1px solid #BB8B3C;
  padding-top:12px;
  margin-top:20px;
}

.s160 {
  font-family:'Archivo',sans-serif;
  font-size:9.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin:0 0 7px;
  color:#9A2B25;
}

.s161 {
  font-size:12.2px;
  line-height:1.58;
  margin:0;
}

.s162 {
  padding-left:30px;
  border-left:1px solid rgba(16,35,26,.12);
  display:flex;
  flex-direction:column;
}

.s163 {
  font-style:italic;
  font-size:12.4px;
  line-height:1.62;
  margin-top:6px;
}



/* ── cover: design tokens + host layout (ported from style.css) ── */
html.pg-digital-book {
  --paper: #F6F1E4;
  --card: #FCFAF2;
  --bone: #F4F2E9;
  --forest: #10231A;
  --forest-2: #1C3A28;
  --green: #2F5B39;
  --green-soft: #E2EAD9;
  --gold: #BB8B3C;
  --gold-soft: #E7D3A6;
  --red: #A6312A;
  --red-ink: #B53A2E;
  --ink: #33392F;
  --muted: #7B8170;
  --line: rgba(28, 58, 40, .14);
  --rule: #C9D6E4;
  --tape: rgba(187, 139, 60, .30);
  --tape2: rgba(166, 49, 42, .18);
  --d: "Times New Roman", Times, serif;
  --s: "Hanken Grotesk", system-ui, sans-serif;
  --h: "Caveat", cursive;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

html.pg-digital-book .app,
html.pg-digital-book .app * {
  box-sizing: border-box;
}

/* The cover is a full-viewport hero sitting above the A4 sheet flow,
   so it must NOT lock the document height the way the preview page does. */
html.pg-digital-book .app {
  position: relative;
  height: 100dvh;
  margin: -48px -24px 48px;
  overflow: hidden;
  perspective: 2200px;
  background: var(--forest);
  font-family: var(--s);
  -webkit-font-smoothing: antialiased;
}

html.pg-digital-book .app .view {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform-origin: left center;
  backface-visibility: hidden;
}

html.pg-digital-book .app .view.active {
  opacity: 1;
  visibility: visible;
}

html.pg-digital-book .app .view.flip {
  animation: pageIn .6s var(--ease);
}

html.pg-digital-book .app h1,
html.pg-digital-book .app h2,
html.pg-digital-book .app h3 {
  font-family: var(--d);
  font-weight: 500;
  margin: 0;
  line-height: 1.06;
  letter-spacing: -.01em;
}

html.pg-digital-book .app img {
  display: block;
  max-width: 100%;
}

html.pg-digital-book .app button {
  font-family: inherit;
  cursor: pointer;
}

@keyframes pageIn {
  from { opacity: 0; transform: rotateY(9deg) translateX(3%); }
  to   { opacity: 1; transform: none; }
}

@keyframes fall-and-drift {
  0%   { transform: translateY(0) translateX(0) scale(1); opacity: 0; }
  8%   { opacity: .75; }
  90%  { opacity: .75; }
  100% { transform: translateY(85vh) translateX(var(--drift)) scale(.3); opacity: 0; }
}

@keyframes pinpulse {
  to { box-shadow: 0 0 0 18px rgba(187, 139, 60, 0); }
}

@keyframes flash {
  0%, 100% { box-shadow: 0 26px 50px -30px rgba(0, 0, 0, .55); }
  50%      { box-shadow: 0 0 0 4px var(--gold), 0 26px 50px -30px rgba(0, 0, 0, .55); }
}

@media print {
  html.pg-digital-book .app { display: none; }
}

/* cover css */
html.pg-digital-book #cover {
  /* background: #041207; */
  color: #fff;
  padding: 0;
  overflow: hidden;

}

html.pg-digital-book .book-cover-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: clamp(56px, 10vh, 120px);
  box-sizing: border-box;
  transition: transform .8s cubic-bezier(.77, 0, .175, 1), opacity .8s;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}

html.pg-digital-book .book-cover-container.flipped {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none
}

html.pg-digital-book .cover-bg-spotlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 65%, rgba(255, 255, 255, .08) 0%, rgba(4, 18, 7, 0) 55%);
  z-index: 2;
  pointer-events: none
}

html.pg-digital-book .cover-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  color: rgba(255, 255, 255, .85);
  box-sizing: border-box;
  text-transform: uppercase
}

html.pg-digital-book .cover-header-left {
  display: flex;
  align-items: center;
  gap: 10px
}

html.pg-digital-book .cover-header-left svg {
  width: 18px;
  height: 18px;
  fill: currentColor
}

html.pg-digital-book .cover-header-line {
  position: absolute;
  top: 42px;
  left: 60px;
  right: 60px;
  height: 1.2px;
  background: rgba(255, 255, 255, .18);
  z-index: 10;
}

html.pg-digital-book .cover-main-content {
  width: calc(100% - 0%);
  margin: 0 auto;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  perspective: 1000px
}

html.pg-digital-book .cover-interactive-card {
  width: calc(100% - 0%);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform .6s cubic-bezier(.25, 1, .5, 1)
}

html.pg-digital-book .cover-title-container {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center
}

html.pg-digital-book .cover-title-prefix {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .15em;
  color: rgba(255, 255, 255, .65);
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
  text-align: center
}

html.pg-digital-book .massive-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(3.5rem, 8vw, 4rem);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 0.8;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  text-align: center
}

html.pg-digital-book .cover-subtitle-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
  margin: 20px 0
}

html.pg-digital-book .subtitle-gold-line {
  height: 1px;
  background: #C5A059;
  opacity: .5;
  flex-grow: 1;
  max-width: 120px
}

html.pg-digital-book .cover-subtitle-text {
  font-size: clamp(.65rem, 1.1vw, .85rem);
  font-weight: 700;
  letter-spacing: .18em;
  color: #C5A059;
  text-transform: uppercase;
  white-space: nowrap
}

html.pg-digital-book .cover-description {
  font-size: clamp(.68rem, 1.1vw, .84rem);
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, .55);
  max-width: 540px;
  margin: 0;
  letter-spacing: .04em
}

html.pg-digital-book .btn-open-book-minimal {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .4);
  padding: 10px 30px;
  font-weight: 700;
  font-size: .75rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 8px;
  transition: all .3s ease;
  border-radius: 2px;
  align-self: center
}

html.pg-digital-book .btn-open-book-minimal:hover {
  background: #fff;
  color: #0A0A0A;
  border-color: #fff;
  transform: translateY(-1px)
}

html.pg-digital-book .center-pie-wrapper {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  width: 52vw;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  pointer-events: none;
  overflow: hidden;
}


html.pg-digital-book .center-pie-img {
  width: 100%;
  object-fit: contain;
  object-position: center bottom;
  transform-origin: center bottom;
  mix-blend-mode: lighten;
  margin-top: -105px;
  height: 510px;
}

html.pg-digital-book .flour-particles-container {
  position: absolute;
  top: 72px;
  left: 60px;
  right: 60px;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 3;
  /* &::before {
        position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: -1;
      } */
}

html.pg-digital-book .flour-particle {
  position: absolute;
  top: -10px;
  background: rgba(255, 255, 255, .7);
  border-radius: 50%;
  animation: fall-and-drift linear infinite
}

html.pg-digital-book .cover-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 24px 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 10;
  box-sizing: border-box;
  font-size: .68rem;
  letter-spacing: .08em;
  color: rgba(255, 255, 255, .55);
  pointer-events: none
}

html.pg-digital-book .barcode-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px
}

html.pg-digital-book .barcode-svg {
  width: 110px;
  height: 30px;
  fill: #fff;
  opacity: .75
}

@media (max-width:991px) {
  html.pg-digital-book .book-cover-container {
    justify-content: space-between;
    padding-top: 80px;
    flex-direction: column
  }

  html.pg-digital-book .cover-main-content {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 90%;
    max-width: 600px;
    margin-bottom: 20px;
    align-items: center
  }

  html.pg-digital-book .cover-interactive-card {
    align-items: center;
    text-align: center
  }

  html.pg-digital-book .cover-title-container,
  html.pg-digital-book .cover-title-prefix,
  html.pg-digital-book .massive-title,
  html.pg-digital-book .cover-description {
    text-align: center
  }

  html.pg-digital-book .cover-title-prefix {
    margin-bottom: 6px
  }

  html.pg-digital-book .massive-title {
    font-size: clamp(2.4rem, 11vw, 4.2rem)
  }

  html.pg-digital-book .cover-subtitle-row {
    justify-content: center
  }

  html.pg-digital-book .subtitle-gold-line {
    max-width: none
  }

  html.pg-digital-book .btn-open-book-minimal {
    align-self: center;
    margin-top: 20px
  }

  html.pg-digital-book .center-pie-wrapper {
    position: relative;
    width: clamp(200px, 36vw, 290px);
    height: auto;
    margin-top: auto;
  }

  html.pg-digital-book .center-pie-img {
    height: 490px;
    width: 100%;
    object-fit: contain;
    transform: none;

  }

  html.pg-digital-book .cover-header {
    padding: 20px 30px
  }

  html.pg-digital-book .cover-header-line {
    left: 30px;
    right: 30px;
    top: 60px
  }

  html.pg-digital-book .flour-particles-container {
    left: 30px;
    right: 30px;
    top: 60px
  }

  html.pg-digital-book .cover-footer {
    padding: 20px 30px
  }
}

html.pg-digital-book .topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 22px;
  background: rgba(246, 241, 228, .92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line)
}

html.pg-digital-book .topbar .bk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: .86rem;
  color: var(--forest);
  background: none;
  border: 0
}

html.pg-digital-book .topbar .tt {
  font-family: var(--d);
  font-weight: 600;
  font-size: 1rem;
  color: var(--forest)
}

html.pg-digital-book .topbar .tt b {
  color: var(--red)
}

html.pg-digital-book .topbar .acts {
  display: flex;
  gap: 8px;
  align-items: center
}

html.pg-digital-book .tbtn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 700;
  font-size: .82rem;
  border: 1.5px solid var(--line);
  background: #fff;
  color: var(--forest);
  border-radius: 100px;
  padding: 9px 15px
}

html.pg-digital-book .tbtn:hover {
  border-color: var(--green)
}

html.pg-digital-book .tbtn.solid {
  background: var(--forest);
  color: #fff;
  border-color: var(--forest)
}

html.pg-digital-book .pageno {
  font-size: .78rem;
  font-weight: 700;
  color: var(--muted)
}

html.pg-digital-book #contents {
  background: var(--bone)
}

html.pg-digital-book .contents-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 42px 24px 60px
}

html.pg-digital-book .c-head {
  text-align: center;
  max-width: 60ch;
  margin: 0 auto 36px
}

html.pg-digital-book .c-eyebrow {
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .7rem;
  color: var(--red);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 14px
}

html.pg-digital-book .c-eyebrow::before,
html.pg-digital-book .c-eyebrow::after {
  content: "";
  width: 24px;
  height: 1.5px;
  background: var(--gold)
}

html.pg-digital-book #contents h2 {
  font-size: clamp(2rem, 4.4vw, 3.2rem);
  color: var(--forest);
  margin-bottom: 12px
}

html.pg-digital-book .c-head p {
  color: var(--muted);
  margin: 0
}

html.pg-digital-book .map-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
  align-items: center;
  margin-bottom: 54px
}

html.pg-digital-book .map-stage {
  position: relative;
  max-width: 420px;
  margin: 0 auto;
  width: 100%
}

html.pg-digital-book .map-img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 26px 44px rgba(16, 35, 26, .28));
  user-select: none
}

html.pg-digital-book .mpin {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  padding: 0;
  background: var(--gold-soft);
  border: 2px solid var(--forest);
  transition: transform .3s var(--ease), background .3s
}

html.pg-digital-book .mpin:hover,
html.pg-digital-book .mpin:focus,
html.pg-digital-book .mpin.active {
  background: var(--gold);
  transform: translate(-50%, -50%) scale(1.45);
  outline: none;
  z-index: 6
}

html.pg-digital-book .mlab {
  position: absolute;
  left: 50%;
  bottom: 155%;
  transform: translateX(-50%);
  background: var(--paper);
  color: var(--forest);
  font-size: .7rem;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s;
  box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .5)
}

html.pg-digital-book .mpin:hover .mlab,
html.pg-digital-book .mpin:focus .mlab {
  opacity: 1
}

/* Pin positions — identical to the home page map (html.pg-home .pin-*). */
html.pg-digital-book .pin-1 {
  left: 31.85%;
  top: 14.85%;
}

/* Western Isles */
html.pg-digital-book .pin-2 {
  left: 46.26%;
  top: 19.09%;
}

/* Ross-shire */
html.pg-digital-book .pin-3 {
  left: 47.86%;
  top: 26.51%;
}

/* Highlands */
html.pg-digital-book .pin-4 {
  left: 64.67%;
  top: 23.33%;
}

/* Aberdeenshire */
html.pg-digital-book .pin-5 {
  left: 59.87%;
  top: 33.92%;
}

/* Fife */
html.pg-digital-book .pin-6 {
  left: 59.55%;
  top: 37.31%;
}

/* Lothian */
html.pg-digital-book .pin-7 {
  left: 63.07%;
  top: 41.34%;
}

/* The Borders */
html.pg-digital-book .pin-8 {
  left: 53.86%;
  top: 46.64%;
}

/* Dumfries & Galloway */
html.pg-digital-book .pin-9 {
  left: 26.48%;
  top: 47.27%;
}

/* Londonderry */
html.pg-digital-book .pin-10 {
  left: 61.07%;
  top: 51.94%;
}

/* Cumbria */
html.pg-digital-book .pin-11 {
  left: 38.25%;
  top: 53.53%;
}

/* County Down */
html.pg-digital-book .pin-12 {
  left: 49.04%;
  top: 55.48%;
}

/* Isle of Man */
html.pg-digital-book .pin-13 {
  left: 63.47%;
  top: 59.88%;
}

/* Lancashire */
html.pg-digital-book .pin-14 {
  left: 68.67%;
  top: 60.94%;
}

/* The Pennines */
html.pg-digital-book .pin-15 {
  left: 69.47%;
  top: 55.65%;
}

/* Yorkshire Dales */
html.pg-digital-book .pin-16 {
  left: 34.65%;
  top: 64.65%;
}

/* Ireland */
html.pg-digital-book .pin-17 {
  left: 64.27%;
  top: 66.24%;
}

/* Cheshire */
html.pg-digital-book .pin-18 {
  left: 82.68%;
  top: 67.30%;
}

/* Lincolnshire */
html.pg-digital-book .pin-19 {
  left: 93.09%;
  top: 72.07%;
}

/* Norfolk */
html.pg-digital-book .pin-20 {
  left: 75.88%;
  top: 72.07%;
}

/* Leicestershire */
html.pg-digital-book .pin-21 {
  left: 55.46%;
  top: 74.72%;
}

/* Wales */
html.pg-digital-book .pin-22 {
  left: 63.47%;
  top: 72.60%;
}

/* Shropshire */
html.pg-digital-book .pin-23 {
  left: 85.08%;
  top: 75.25%;
}

/* Cambridgeshire */
html.pg-digital-book .pin-24 {
  left: 93.09%;
  top: 76.84%;
}

/* Suffolk */
html.pg-digital-book .pin-25 {
  left: 93.49%;
  top: 81.08%;
}

/* Essex Coast */
html.pg-digital-book .pin-26 {
  left: 52.87%;
  top: 76.47%;
}

/* Ceredigion */
html.pg-digital-book .pin-27 {
  left: 89.08%;
  top: 81.29%;
}

/* Essex */
html.pg-digital-book .pin-28 {
  left: 51.46%;
  top: 80.02%;
}

/* Carmarthenshire */
html.pg-digital-book .pin-29 {
  left: 51.86%;
  top: 83.20%;
}

/* Gower */
html.pg-digital-book .pin-30 {
  left: 61.87%;
  top: 81.61%;
}

/* Monmouthshire */
html.pg-digital-book .pin-31 {
  left: 60.73%;
  top: 89.19%;
}

/* Somerset */
html.pg-digital-book .pin-32 {
  left: 63.63%;
  top: 86.59%;
}

/* The Mendips */
html.pg-digital-book .pin-33 {
  left: 69.87%;
  top: 86.16%;
}

/* Wiltshire */
html.pg-digital-book .pin-34 {
  left: 76.28%;
  top: 84.79%;
}

/* Berkshire */
html.pg-digital-book .pin-35 {
  left: 83.08%;
  top: 80.86%;
}

/* Hertfordshire */
html.pg-digital-book .pin-36 {
  left: 91.08%;
  top: 84.04%;
}

/* Thames Estuary */
html.pg-digital-book .pin-37 {
  left: 84.12%;
  top: 84.15%;
}

/* London */
html.pg-digital-book .pin-38 {
  left: 89.72%;
  top: 85.74%;
}

/* North Kent */
html.pg-digital-book .pin-39 {
  left: 89.88%;
  top: 87.86%;
}

/* Kent */
html.pg-digital-book .pin-40 {
  left: 94.53%;
  top: 87.22%;
}

/* East Kent */
html.pg-digital-book .pin-41 {
  left: 81.72%;
  top: 86.90%;
}

/* Surrey */
html.pg-digital-book .pin-42 {
  left: 74.67%;
  top: 89.02%;
}

/* Hampshire */
html.pg-digital-book .pin-43 {
  left: 56.66%;
  top: 92.20%;
}

/* West Country */
html.pg-digital-book .pin-44 {
  left: 46.74%;
  top: 96.03%;
}

/* Cornwall */
html.pg-digital-book .map-aside h3 {
  font-family: var(--d);
  font-size: 1.6rem;
  color: var(--forest);
  margin-bottom: 10px
}

html.pg-digital-book .map-aside p {
  color: var(--muted);
  margin: 0 0 18px;
  max-width: 42ch
}

html.pg-digital-book .legend {
  display: flex;
  gap: 20px;
  flex-wrap: wrap
}

html.pg-digital-book .legend .lg {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: .86rem;
  font-weight: 600
}

html.pg-digital-book .legend .sw {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--forest)
}

html.pg-digital-book .legend .sw.on {
  background: var(--gold)
}

html.pg-digital-book .legend .sw.off {
  background: var(--green-soft);
  border-color: var(--green-soft)
}

html.pg-digital-book .menu-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  border-top: 2px solid var(--forest);
  padding-top: 18px;
  margin-bottom: 18px
}

html.pg-digital-book .menu-head h3 {
  font-family: var(--d);
  font-size: 1.7rem;
  color: var(--forest)
}

html.pg-digital-book .menu-head .cnt {
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--red)
}

html.pg-digital-book .menu-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 56px
}

html.pg-digital-book .mg {
  break-inside: avoid;
  padding: 0 0 30px;
  max-height: 420px;
  overflow-y: auto;
  padding-right: 8px;
  scrollbar-width: thin;
  margin-bottom: 20px;
}

html.pg-digital-book .mg::-webkit-scrollbar {
  width: 6px
}

html.pg-digital-book .mg::-webkit-scrollbar-thumb {
  background: var(--line);
  border-radius: 3px
}

html.pg-digital-book .mg .gh {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--bone);
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 800;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--green);
  margin-bottom: 6px
}

html.pg-digital-book .mg .gh::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line)
}

html.pg-digital-book .mrow {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 9px 6px;
  border-bottom: 1px solid var(--line);
  width: 100%;
  text-align: left;
  background: none;
  border-left: 0;
  border-right: 0;
  border-top: 0
}

html.pg-digital-book .mrow .n {
  font-family: var(--d);
  font-weight: 600;
  color: var(--gold);
  font-size: .9rem;
  width: 26px;
  flex: none
}

html.pg-digital-book .mrow .nm {
  flex: 1;
  font-size: 1rem;
  color: var(--forest)
}

html.pg-digital-book .mrow .pg {
  font-size: .82rem;
  color: var(--muted);
  font-weight: 600
}

html.pg-digital-book .mrow.full {
  cursor: pointer
}

html.pg-digital-book .mrow.full:hover {
  background: #fff
}

html.pg-digital-book .mrow.full .tag {
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #241806;
  background: var(--gold);
  padding: 3px 7px;
  border-radius: 100px;
  margin-left: 2px
}

html.pg-digital-book .mrow.locked {
  cursor: pointer
}

html.pg-digital-book .mrow.locked .nm {
  color: var(--muted)
}

html.pg-digital-book .mrow.locked .lk {
  font-size: .78rem;
  color: var(--muted)
}

@media (max-width:760px) {

  html.pg-digital-book .map-grid,
  html.pg-digital-book .menu-grid {
    grid-template-columns: 1fr;
    gap: 0
  }

  html.pg-digital-book .map-grid {
    gap: 30px;
    margin-bottom: 34px
  }
}

html.pg-digital-book .region-explorer {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 40px;
  align-items: start;
  margin-bottom: 50px
}

html.pg-digital-book .region-panel {
  min-width: 0
}

html.pg-digital-book .rp-kicker {
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .66rem;
  color: var(--red)
}

html.pg-digital-book .rp-region {
  font-family: var(--d);
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
  color: var(--forest);
  line-height: 1.05;
  margin: 6px 0 4px
}

html.pg-digital-book .rp-count {
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted)
}

html.pg-digital-book .rp-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
  max-height: 404px;
  overflow-y: auto;
  padding-right: 4px
}

html.pg-digital-book .rp-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  width: 100%;
  text-align: left;
  font-family: inherit;
  transition: border-color .2s, transform .2s
}

html.pg-digital-book .rp-item.preview {
  cursor: pointer
}

html.pg-digital-book .rp-item.preview:hover {
  border-color: var(--green);
  transform: translateX(3px)
}

html.pg-digital-book .rp-item.locked {
  cursor: pointer;
  background: #FBFAF4
}

html.pg-digital-book .rp-thumb {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  object-fit: cover;
  flex: none
}

html.pg-digital-book .rp-thumb.ph {
  background: var(--green-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem
}

html.pg-digital-book .rp-meta {
  flex: 1;
  min-width: 0
}

html.pg-digital-book .rp-name {
  font-family: var(--d);
  font-size: 1.12rem;
  color: var(--forest);
  line-height: 1.15
}

html.pg-digital-book .rp-tag {
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #241806;
  background: var(--gold);
  padding: 4px 9px;
  border-radius: 100px;
  flex: none
}

html.pg-digital-book .rp-lock {
  font-size: .7rem;
  font-weight: 700;
  color: var(--muted);
  flex: none
}

html.pg-digital-book .region-map {
  position: relative
}

html.pg-digital-book .map-hint {
  text-align: center;
  color: var(--muted);
  font-size: .82rem;
  margin-top: 14px
}

html.pg-digital-book .rpin {
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  background: none;
  border: 0;
  cursor: pointer;
  z-index: 3;
  padding: 0
}

html.pg-digital-book .rpin .dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--gold-soft);
  border: 2px solid var(--forest);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  transition: transform .3s, background .3s
}

html.pg-digital-book .rpin .rlab {
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--forest);
  background: rgba(244, 242, 233, .92);
  padding: 3px 8px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 4px 10px -4px rgba(0, 0, 0, .4);
  transition: background .25s, color .25s
}

html.pg-digital-book .rpin:hover .dot,
html.pg-digital-book .rpin.active .dot {
  background: var(--gold);
  transform: scale(1.4)
}

html.pg-digital-book .rpin.active .dot {
  box-shadow: 0 0 0 0 rgba(187, 139, 60, .5);
  animation: pinpulse 2s ease-out infinite
}

html.pg-digital-book .rpin.active .rlab {
  background: var(--forest);
  color: #fff
}

@media (max-width:820px) {
  html.pg-digital-book .region-explorer {
    grid-template-columns: 1fr;
    gap: 26px
  }

  html.pg-digital-book .region-map {
    order: -1
  }

  html.pg-digital-book .rp-list {
    max-height: none
  }
}

html.pg-digital-book #recipe {
  background: var(--paper);
  background-image: radial-gradient(circle at 20% 10%, rgba(255, 255, 255, .5), transparent 40%), radial-gradient(circle at 80% 80%, rgba(0, 0, 0, .03), transparent 45%)
}

html.pg-digital-book .rwrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 24px
}

html.pg-digital-book .hero {
  padding: 40px 0 6px
}

html.pg-digital-book .hero .row {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 46px;
  align-items: center
}

html.pg-digital-book .polaroid {
  position: relative;
  background: #fff;
  padding: 14px 14px 56px;
  box-shadow: 0 22px 44px -22px rgba(28, 58, 40, .5);
  transform: rotate(-2.4deg);
  transition: transform .5s var(--ease)
}

html.pg-digital-book .polaroid:hover {
  transform: rotate(-1deg) translateY(-3px)
}

html.pg-digital-book .polaroid img {
  width: 100%;
  aspect-ratio: 4/3.4;
  object-fit: cover
}

html.pg-digital-book .polaroid figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  text-align: center;
  font-family: var(--h);
  font-size: 1.6rem;
  color: var(--forest)
}

html.pg-digital-book .washi {
  position: absolute;
  width: 130px;
  height: 34px;
  background: repeating-linear-gradient(45deg, var(--tape) 0 8px, rgba(187, 139, 60, .14) 8px 16px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
  z-index: 3
}

html.pg-digital-book .washi.t1 {
  top: -14px;
  left: 18px;
  transform: rotate(-7deg)
}

html.pg-digital-book .washi.t2 {
  bottom: 30px;
  right: -26px;
  width: 110px;
  transform: rotate(8deg);
  background: repeating-linear-gradient(45deg, var(--tape2) 0 8px, rgba(166, 49, 42, .08) 8px 16px)
}

html.pg-digital-book .postmark {
  position: absolute;
  top: -22px;
  right: -18px;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  border: 2px dashed rgba(166, 49, 42, .5);
  color: rgba(166, 49, 42, .6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(-12deg);
  font-weight: 800;
  font-size: .56rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.5;
  background: rgba(246, 241, 228, .4);
  z-index: 4
}

html.pg-digital-book .postmark b {
  font-family: var(--d);
  font-size: .78rem;
  letter-spacing: .02em
}

html.pg-digital-book .hero .kick {
  font-weight: 800;
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--red);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px
}

html.pg-digital-book .hero .kick::before {
  content: "";
  width: 26px;
  height: 1.5px;
  background: var(--gold)
}

html.pg-digital-book .hero h1 {
  font-size: clamp(2rem, 4.4vw, 3.2rem);
  max-width: 15ch
}

html.pg-digital-book .hero .lede {
  color: var(--ink);
  font-size: 1.08rem;
  max-width: 46ch;
  margin: 14px 0 0
}

html.pg-digital-book .ann {
  position: relative;
  display: inline-block;
  font-family: var(--h);
  color: var(--red-ink);
  font-size: 1.5rem;
  transform: rotate(-3deg);
  margin-top: 12px
}

html.pg-digital-book .ann svg {
  position: absolute;
  right: -46px;
  top: 6px;
  width: 40px;
  height: 30px
}

html.pg-digital-book .badges {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 20px
}

html.pg-digital-book .badge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700
}

html.pg-digital-book .badge .v {
  font-family: var(--d);
  font-size: 1.5rem;
  color: var(--forest);
  font-weight: 600
}

html.pg-digital-book .badge .l {
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 700
}

html.pg-digital-book .gf {
  background: var(--green-soft);
  color: var(--green);
  font-weight: 800;
  font-size: .7rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 100px
}

html.pg-digital-book .controls {
  position: sticky;
  top: 53px;
  z-index: 15;
  margin: 26px 0 8px
}

html.pg-digital-book .controls .bar {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 16px;
  box-shadow: 0 16px 34px -26px rgba(28, 58, 40, .45)
}

html.pg-digital-book .ctl {
  display: flex;
  align-items: center;
  gap: 10px
}

html.pg-digital-book .ctl .lab {
  font-weight: 800;
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted)
}

html.pg-digital-book .stepper {
  display: flex;
  align-items: center;
  border: 1.5px solid var(--line);
  border-radius: 100px;
  overflow: hidden;
  background: #fff
}

html.pg-digital-book .stepper button {
  width: 36px;
  height: 36px;
  border: 0;
  background: #fff;
  font-size: 1.3rem;
  color: var(--forest);
  line-height: 1
}

html.pg-digital-book .stepper button:hover {
  background: var(--green-soft)
}

html.pg-digital-book .stepper .val {
  min-width: 48px;
  text-align: center;
  font-family: var(--d);
  font-weight: 600;
  font-size: 1.2rem;
  color: var(--forest)
}

html.pg-digital-book .seg {
  display: flex;
  border: 1.5px solid var(--line);
  border-radius: 100px;
  overflow: hidden;
  background: #fff
}

html.pg-digital-book .seg button {
  border: 0;
  background: #fff;
  padding: 8px 15px;
  font-weight: 700;
  font-size: .84rem;
  color: var(--muted)
}

html.pg-digital-book .seg button.on {
  background: var(--forest);
  color: #fff
}

html.pg-digital-book .controls .spacer {
  flex: 1
}

html.pg-digital-book .main {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 40px;
  padding: 14px 0 40px;
  align-items: start
}

html.pg-digital-book .note {
  position: relative;
  background: var(--card);
  border-radius: 10px;
  padding: 28px 30px 32px 54px;
  box-shadow: 0 24px 50px -34px rgba(28, 58, 40, .5);
  background-image: linear-gradient(var(--card), var(--card)), repeating-linear-gradient(transparent 0 31px, var(--rule) 31px 32px);
  background-clip: content-box, border-box;
  background-origin: content-box, border-box
}

html.pg-digital-book .note::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 34px;
  width: 2px;
  background: rgba(166, 49, 42, .4)
}

html.pg-digital-book .note h3 {
  font-size: 1.6rem;
  margin-bottom: 2px
}

html.pg-digital-book .note .sv {
  font-size: .84rem;
  color: var(--muted);
  margin-bottom: 6px
}

html.pg-digital-book .paperclip {
  position: absolute;
  top: -14px;
  right: 26px;
  width: 26px;
  height: 64px;
  z-index: 4
}

html.pg-digital-book .binder {
  position: absolute;
  left: 9px;
  top: 26px;
  bottom: 26px;
  width: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 3
}

html.pg-digital-book .binder span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--paper);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .28), 0 1px 0 rgba(255, 255, 255, .6)
}

html.pg-digital-book .ing {
  display: block
}

html.pg-digital-book .ing-group {
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--forest);
  border-bottom: 1.5px solid var(--line);
  padding-bottom: 7px;
  margin: 24px 0 6px
}

html.pg-digital-book .ing-group:first-child {
  margin-top: 8px
}

html.pg-digital-book .ing-item {
  display: flex;
  gap: 13px;
  align-items: center;
  min-height: 32px;
  padding: 8px 0;
  line-height: 32px;
  cursor: pointer;
  border-radius: 6px;
  transition: opacity .2s
}

html.pg-digital-book .ick {
  width: 21px;
  height: 21px;
  border: 2px solid var(--green);
  border-radius: 5px;
  flex: none;
  position: relative;
  transition: background .2s
}

html.pg-digital-book .ing-item.done .ick {
  background: var(--green)
}

html.pg-digital-book .ing-item.done .ick::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .82rem;
  font-weight: 800
}

html.pg-digital-book .ing .q {
  flex: none;
  min-width: 92px;
  display: flex;
  align-items: baseline;
  gap: 3px
}

html.pg-digital-book .ing .q b {
  color: var(--red);
  font-weight: 800;
  font-variant-numeric: tabular-nums
}

html.pg-digital-book .ing .q .u {
  color: var(--muted);
  font-weight: 600;
  font-size: .9em
}

html.pg-digital-book .ing .nm {
  color: var(--ink)
}

html.pg-digital-book .ing-item.done .q b,
html.pg-digital-book .ing-item.done .q .u,
html.pg-digital-book .ing-item.done .nm {
  text-decoration: line-through;
  color: var(--muted);
  opacity: .6
}

html.pg-digital-book .ing-note {
  margin-top: 16px;
  font-family: var(--h);
  color: var(--red-ink);
  font-size: 1.3rem;
  transform: rotate(-1.5deg)
}

html.pg-digital-book .method h3 {
  font-size: 1.6rem;
  margin-bottom: 16px
}

html.pg-digital-book .steps {
  list-style: none;
  counter-reset: st;
  padding: 0;
  margin: 0
}

html.pg-digital-book .steps li {
  position: relative;
  counter-increment: st;
  padding: 0 0 24px 58px;
  line-height: 32px;
  color: var(--ink)
}

html.pg-digital-book .steps li::before {
  content: counter(st);
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--forest);
  color: #fff;
  font-family: var(--d);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center
}

html.pg-digital-book .steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 40px;
  bottom: 4px;
  width: 1.5px;
  background: var(--line)
}

html.pg-digital-book .timer-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  background: var(--green-soft);
  color: var(--green);
  border: 0;
  border-radius: 100px;
  padding: 4px 11px;
  font-weight: 700;
  font-size: .8rem;
  vertical-align: middle
}

html.pg-digital-book .timer-btn:hover {
  background: var(--gold);
  color: #241806
}

html.pg-digital-book .timer-card {
  position: relative;
  background: #22432F;
  color: #EAF0E4;
  border-radius: 16px;
  padding: 22px;
  text-align: center;
  margin-bottom: 24px;
  box-shadow: 0 26px 50px -30px rgba(0, 0, 0, .55)
}

html.pg-digital-book .timer-card.ring-done {
  animation: flash 1s ease 3
}

html.pg-digital-book .timer-card .ttl {
  font-weight: 800;
  font-size: .7rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--gold-soft);
  margin-bottom: 8px
}

html.pg-digital-book .dial {
  position: relative;
  width: 170px;
  height: 170px;
  margin: 0 auto
}

html.pg-digital-book .dial svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg)
}

html.pg-digital-book .dial .face {
  fill: #FBFAF2
}

html.pg-digital-book .dial .track {
  fill: none;
  stroke: rgba(255, 255, 255, .14);
  stroke-width: 9
}

html.pg-digital-book .dial .prog {
  fill: none;
  stroke: var(--gold);
  stroke-width: 9;
  stroke-linecap: round;
  transition: stroke-dashoffset .5s linear
}

html.pg-digital-book .dial .tick {
  stroke: rgba(28, 58, 40, .35);
  stroke-width: 2
}

html.pg-digital-book .dial .readout {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

html.pg-digital-book .dial .readout .t {
  font-family: var(--d);
  font-weight: 600;
  font-size: 2.2rem;
  color: var(--forest);
  font-variant-numeric: tabular-nums;
  line-height: 1
}

html.pg-digital-book .dial .readout .lbl {
  font-size: .7rem;
  color: var(--muted);
  font-weight: 700;
  max-width: 120px
}

html.pg-digital-book .timer-ctrls {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 14px
}

html.pg-digital-book .tc {
  border: 1.5px solid rgba(255, 255, 255, .3);
  background: rgba(255, 255, 255, .08);
  color: #fff;
  border-radius: 100px;
  padding: 9px 18px;
  font-weight: 700;
  font-size: .84rem
}

html.pg-digital-book .tc.go {
  background: var(--gold);
  color: #241806;
  border-color: var(--gold)
}

html.pg-digital-book .timer-presets {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 10px
}

html.pg-digital-book .tp {
  border: 0;
  background: rgba(255, 255, 255, .1);
  color: #EAF0E4;
  border-radius: 8px;
  padding: 6px 12px;
  font-weight: 700;
  font-size: .78rem
}

html.pg-digital-book .tp:hover {
  background: rgba(255, 255, 255, .2)
}

html.pg-digital-book .r-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 22px 0 70px
}

html.pg-digital-book .r-foot .pg {
  font-weight: 800;
  font-size: .74rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold)
}

html.pg-digital-book .r-nav {
  display: flex;
  gap: 10px
}

@media (max-width:860px) {

  html.pg-digital-book .hero .row,
  html.pg-digital-book .main {
    grid-template-columns: 1fr;
    gap: 30px
  }

  html.pg-digital-book .polaroid {
    max-width: 420px;
    margin: 0 auto
  }

  html.pg-digital-book .note {
    padding-left: 48px
  }
}

html.pg-digital-book .cookmode {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: radial-gradient(120% 100% at 28% 0%, #1f3d2a, #0d1d14 72%);
  color: #EDF2E8;
  display: none;
  flex-direction: column
}

html.pg-digital-book .cookmode.on {
  display: flex
}

html.pg-digital-book .cm-top {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 32px;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

html.pg-digital-book .cm-logo {
  font-family: var(--d);
  font-size: 1.35rem;
  color: #fff;
  font-weight: 600
}

html.pg-digital-book .cm-logo i {
  font-style: italic;
  font-weight: 500;
  color: #EAF0E4
}

html.pg-digital-book .cm-chip {
  margin-left: auto;
  display: none;
  align-items: center;
  gap: 7px;
  background: rgba(187, 139, 60, .18);
  border: 1px solid rgba(187, 139, 60, .5);
  color: var(--gold-soft);
  padding: 8px 15px;
  border-radius: 100px;
  font-weight: 700;
  font-variant-numeric: tabular-nums
}

html.pg-digital-book .cm-chip.show {
  display: inline-flex
}

html.pg-digital-book .cm-exit {
  border: 1.5px solid rgba(187, 139, 60, .6);
  background: transparent;
  color: var(--gold-soft);
  border-radius: 8px;
  padding: 11px 20px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .74rem
}

html.pg-digital-book .cm-exit:hover {
  background: rgba(187, 139, 60, .12)
}

html.pg-digital-book .cm-main {
  flex: 1;
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  min-height: 0
}

html.pg-digital-book .cm-focus {
  padding: 6vh 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 820px
}

html.pg-digital-book .cm-count {
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: .82rem;
  color: var(--gold);
  margin-bottom: 24px
}

html.pg-digital-book .cm-title {
  font-size: clamp(2.3rem, 4.6vw, 3.6rem);
  color: #fff;
  margin-bottom: 34px
}

html.pg-digital-book .cm-desc {
  font-family: var(--d);
  font-style: italic;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  line-height: 1.75;
  color: rgba(237, 242, 232, .9);
  margin: 0
}

html.pg-digital-book .cm-time {
  font-family: var(--d);
  font-style: italic;
  font-size: inherit;
  color: var(--gold);
  background: rgba(187, 139, 60, .16);
  border: 0;
  border-bottom: 2px solid rgba(187, 139, 60, .65);
  padding: 0 7px;
  cursor: pointer;
  border-radius: 3px
}

html.pg-digital-book .cm-time:hover {
  background: rgba(187, 139, 60, .3)
}

html.pg-digital-book .cm-nav {
  display: flex;
  gap: 14px;
  margin-top: 46px
}

html.pg-digital-book .cm-prev,
html.pg-digital-book .cm-next {
  border-radius: 10px;
  padding: 16px 30px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8rem
}

html.pg-digital-book .cm-prev {
  background: transparent;
  border: 1.5px solid rgba(187, 139, 60, .55);
  color: var(--gold-soft)
}

html.pg-digital-book .cm-prev:hover {
  background: rgba(187, 139, 60, .12)
}

html.pg-digital-book .cm-prev:disabled {
  opacity: .32;
  cursor: default
}

html.pg-digital-book .cm-next {
  background: var(--green);
  border: 0;
  color: #fff
}

html.pg-digital-book .cm-next:hover {
  background: #396e46
}

html.pg-digital-book .cm-next:disabled {
  opacity: .4;
  cursor: default
}

html.pg-digital-book .cm-side {
  background: rgba(0, 0, 0, .18);
  border-left: 1px solid rgba(255, 255, 255, .08);
  padding: 34px 26px;
  overflow-y: auto
}

html.pg-digital-book .cm-side-ttl {
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .76rem;
  color: rgba(237, 242, 232, .85);
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  margin-bottom: 14px
}

html.pg-digital-book .cm-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .2s;
  margin-bottom: 6px
}

html.pg-digital-book .cm-row:hover {
  background: rgba(255, 255, 255, .06)
}

html.pg-digital-book .cm-row .rn {
  font-family: var(--d);
  font-weight: 600;
  color: var(--gold);
  font-size: 1rem;
  width: 24px;
  flex: none
}

html.pg-digital-book .cm-row .rt {
  flex: 1;
  font-weight: 600;
  color: rgba(237, 242, 232, .92)
}

html.pg-digital-book .cm-row .rck {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(187, 139, 60, .6);
  border-radius: 6px;
  background: transparent;
  flex: none;
  position: relative;
  padding: 0
}

html.pg-digital-book .cm-row.active {
  background: #fff
}

html.pg-digital-book .cm-row.active .rn {
  color: var(--red)
}

html.pg-digital-book .cm-row.active .rt {
  color: var(--forest)
}

html.pg-digital-book .cm-row.active .rck {
  border-color: #c7c1ad
}

html.pg-digital-book .cm-row.done .rck {
  background: var(--gold);
  border-color: var(--gold)
}

html.pg-digital-book .cm-row.done .rck::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #241806;
  font-size: .92rem;
  font-weight: 800
}

html.pg-digital-book .cm-row.done .rt {
  text-decoration: line-through;
  opacity: .55
}

html.pg-digital-book .cm-row.active.done .rt {
  color: var(--forest)
}

@media (max-width:860px) {
  html.pg-digital-book .cm-main {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto
  }

  html.pg-digital-book .cm-focus {
    padding: 30px 24px
  }

  html.pg-digital-book .cm-side {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    max-height: 42vh
  }
}

@media (prefers-reduced-motion:reduce) {

  html.pg-digital-book,
  html.pg-digital-book * {
    animation: none !important;
    transition-duration: .001ms !important
  }

  html.pg-digital-book .cov-panel .inner * {
    opacity: 1 !important;
    transform: none !important
  }
}

@media (max-width:667px) {
  html.pg-digital-book .center-pie-img {
    height: 420px;
    margin-bottom: 60px;
  }
}

@media (max-width:480px) {
  html.pg-digital-book .center-pie-img {
    height: 370px;
    margin-bottom: 0;
    top: -130px;
    position: relative;
  }

  html.pg-digital-book .cover-header {
    flex-direction: column;
  }

  html.pg-digital-book .cover-main-content {
    margin-top: 30px;
  }
}

html.pg-digital-book .paywall {
  display: none;
  max-width: 640px;
  margin: 8px auto 70px;
  padding: 0 24px
}

html.pg-digital-book #recipe.locked .controls,
html.pg-digital-book #recipe.locked .main,
html.pg-digital-book #recipe.locked .r-foot,
html.pg-digital-book #recipe.locked .badges {
  display: none !important
}

html.pg-digital-book #recipe.locked .acts {
  visibility: hidden
}

html.pg-digital-book #recipe.locked .paywall {
  display: block
}

html.pg-digital-book .pw-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 38px 34px;
  text-align: center;
  box-shadow: 0 30px 60px -40px rgba(28, 58, 40, .5)
}

html.pg-digital-book .pw-lock {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--forest);
  color: var(--gold-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin: 0 auto 16px
}

html.pg-digital-book .pw-card h3 {
  font-size: 1.7rem;
  color: var(--forest);
  margin-bottom: 10px
}

html.pg-digital-book .pw-card p {
  color: var(--muted);
  max-width: 48ch;
  margin: 0 auto 18px
}

html.pg-digital-book .pw-feat {
  list-style: none;
  padding: 0;
  margin: 0 auto 22px;
  max-width: 360px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 9px
}

html.pg-digital-book .pw-feat li {
  display: flex;
  gap: 10px;
  color: var(--ink);
  font-size: .95rem
}

html.pg-digital-book .pw-feat .tk {
  color: var(--green);
  font-weight: 800
}

html.pg-digital-book .pw-cta {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap
}

html.pg-digital-book .pw-cta .btn {
  text-decoration: none
}

html.pg-digital-book .brand-logo {
  display: inline-block;
  width: 335px;
  height: 42px;
  object-fit: contain;
  vertical-align: middle;
}

html.pg-digital-book footer .brand-logo {
  background-color: #F2F3EB;
  padding: 4px 8px;
  border-radius: 8px
}

html.pg-digital-book header.site {
  transition: background .3s, box-shadow .3s, border-color .3s
}

html.pg-digital-book .site .in {
  height: 86px;
  padding-top: 0;
  padding-bottom: 0;
  transition: height .35s var(--ease)
}

html.pg-digital-book header .brand-logo {
  transform-origin: left center;
  will-change: transform;
  transition: transform .35s var(--ease), margin-right .35s var(--ease)
}

html.pg-digital-book header.site.scrolled {
  box-shadow: 0 6px 20px -16px rgba(16, 35, 26, .6)
}

html.pg-digital-book header.site.scrolled .in {
  height: 70px
}

html.pg-digital-book header.site.scrolled .brand-logo {
  transform: scale(1.2);
  margin: -8px -99px -8px 0
}
/* image-slot: render src as a cover image; fall back to placeholder text */
image-slot {
  display:block;
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#1a2b22;
}
image-slot > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
image-slot > .is-ph {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  text-align:center;
  font-family:'Archivo',sans-serif;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(242,243,235,.45);
}

/* Static map of the British Isles — Contents page (display only, no interaction) */
.ebook-map-static {
  margin: 0 0 18px;
  display: flex;
  justify-content: center;
}

.ebook-map-static .ebook-map-img {
    display: block;
    width: 100%;
    max-width: 480px;
    height: auto;
    user-select: none;
    pointer-events: none;
}
/* Ingredients Overview — explicit two-part split */
.s64:has(> .s64col),
.s83:has(> .s64col) {
  column-count:1;
  display:flex;
  gap:30px;
  align-items:stretch;
}

.s64col {
  flex:1 1 0;
  min-width:0;
}

.s64col + .s64col {
  /* border-left:1px solid rgba(16,35,26,.12);
  padding-left:30px; */
}

.s76img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:2px;
  filter:grayscale(1);
}