/* The Explorer's Mark theme · midnight sky + parchment · v1.3 · 06Nov26
   Palette from the EM brand guidelines 23Oct26 v1.0 */
@font-face{font-family:"Playfair";src:url(assets/fonts/playfair-display-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Playfair";src:url(assets/fonts/playfair-display-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Playfair";src:url(assets/fonts/playfair-display-latin-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Nunito";src:url(assets/fonts/nunito-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Nunito";src:url(assets/fonts/nunito-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Nunito";src:url(assets/fonts/nunito-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--em-midnight:#050E26;--em-electric:#00C8FF;--em-cobalt:#0B5BFF;--em-gold:#E4B247;--em-warmgold:#FFD97A;--em-white:#FFFDF6;--em-ink:#0A1A33}

/* a midnight sky section: painted nebula + live stars canvas */
.midnight{position:relative;isolation:isolate;color:var(--em-white);background:radial-gradient(60% 55% at 50% 45%,#050E2699 0%,#050E2655 55%,#050E26cc 100%),url(assets/em/midnight-nebula.webp) center/cover,var(--em-midnight)!important}
.midnight>canvas[data-midnight]{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.midnight h1,.midnight h2,.midnight h3{color:var(--em-white)}
.midnight h1 em,.midnight h2 em{color:var(--em-warmgold)!important}
.midnight .eyebrow{color:var(--em-warmgold)!important}
.midnight .lede,.midnight .sec-lede,.midnight p{color:#D6E2FF}
.midnight .tag{color:var(--em-warmgold);border-color:#FFD97A88}

/* torn parchment edges, both sides */
.tear{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%271200%27%20height%3D%2730%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2030%20L0%2012.3%20L15%2012.3%20L37%2012.7%20L52%2016.7%20L58%2014.3%20L80%2015.1%20L86%206.8%20L92%2016.9%20L101%2013.3%20L107%2012.4%20L113%2015.9%20L125%206.4%20L131%2017.9%20L137%209.0%20L152%2019.7%20L161%2016.9%20L173%206.2%20L182%209.9%20L197%208.5%20L206%2019.8%20L221%207.6%20L233%2018.1%20L239%208.9%20L261%207.4%20L273%206.1%20L288%2011.7%20L297%206.2%20L306%2019.4%20L321%208.6%20L343%209.5%20L365%208.8%20L387%208.0%20L409%2019.5%20L421%2011.9%20L443%208.5%20L452%2012.7%20L458%209.9%20L464%207.0%20L470%208.5%20L479%2010.9%20L491%2015.2%20L500%2014.3%20L512%2015.8%20L518%2012.8%20L524%207.1%20L533%2017.1%20L548%2018.6%20L554%2018.1%20L569%2011.9%20L575%2015.0%20L587%2011.4%20L602%2012.5%20L624%206.4%20L633%2025.6%20L648%2012.0%20L670%208.8%20L685%2013.0%20L697%208.8%20L706%2018.3%20L718%2011.7%20L724%2016.0%20L733%207.6%20L748%2011.4%20L770%2012.6%20L792%206.6%20L804%2015.1%20L819%2019.0%20L828%2016.9%20L834%2012.3%20L846%2019.4%20L861%209.6%20L883%2016.0%20L895%2013.6%20L904%2011.5%20L910%2011.7%20L925%2012.3%20L940%2013.7%20L952%2012.5%20L958%209.0%20L970%2013.5%20L976%2014.4%20L998%2011.9%20L1007%2023.7%20L1016%2013.5%20L1031%208.1%20L1046%2019.2%20L1052%2016.6%20L1074%2014.9%20L1096%209.6%20L1118%208.9%20L1140%209.8%20L1146%2013.0%20L1152%2013.2%20L1174%209.0%20L1196%2012.4%20L1200%2012.3%20L1200%2030%20Z%27/%3E%3C/svg%3E") top/1200px 30px repeat-x,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%271200%27%20height%3D%2730%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%200%20L0%2017.7%20L15%2017.7%20L37%2017.3%20L52%2013.3%20L58%2015.7%20L80%2014.9%20L86%2023.2%20L92%2013.1%20L101%2016.7%20L107%2017.6%20L113%2014.1%20L125%2023.6%20L131%2012.1%20L137%2021.0%20L152%2010.3%20L161%2013.1%20L173%2023.8%20L182%2020.1%20L197%2021.5%20L206%2010.2%20L221%2022.4%20L233%2011.9%20L239%2021.1%20L261%2022.6%20L273%2023.9%20L288%2018.3%20L297%2023.8%20L306%2010.6%20L321%2021.4%20L343%2020.5%20L365%2021.2%20L387%2022.0%20L409%2010.5%20L421%2018.1%20L443%2021.5%20L452%2017.3%20L458%2020.1%20L464%2023.0%20L470%2021.5%20L479%2019.1%20L491%2014.8%20L500%2015.7%20L512%2014.2%20L518%2017.2%20L524%2022.9%20L533%2012.9%20L548%2011.4%20L554%2011.9%20L569%2018.1%20L575%2015.0%20L587%2018.6%20L602%2017.5%20L624%2023.6%20L633%204.4%20L648%2018.0%20L670%2021.2%20L685%2017.0%20L697%2021.2%20L706%2011.7%20L718%2018.3%20L724%2014.0%20L733%2022.4%20L748%2018.6%20L770%2017.4%20L792%2023.4%20L804%2014.9%20L819%2011.0%20L828%2013.1%20L834%2017.7%20L846%2010.6%20L861%2020.4%20L883%2014.0%20L895%2016.4%20L904%2018.5%20L910%2018.3%20L925%2017.7%20L940%2016.3%20L952%2017.5%20L958%2021.0%20L970%2016.5%20L976%2015.6%20L998%2018.1%20L1007%206.3%20L1016%2016.5%20L1031%2021.9%20L1046%2010.8%20L1052%2013.4%20L1074%2015.1%20L1096%2020.4%20L1118%2021.1%20L1140%2020.2%20L1146%2017.0%20L1152%2016.8%20L1174%2021.0%20L1196%2017.6%20L1200%2017.7%20L1200%200%20Z%27/%3E%3C/svg%3E") bottom/1200px 30px repeat-x,linear-gradient(#000 0 0) 0 29px/100% calc(100% - 58px) no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%271200%27%20height%3D%2730%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2030%20L0%2012.3%20L15%2012.3%20L37%2012.7%20L52%2016.7%20L58%2014.3%20L80%2015.1%20L86%206.8%20L92%2016.9%20L101%2013.3%20L107%2012.4%20L113%2015.9%20L125%206.4%20L131%2017.9%20L137%209.0%20L152%2019.7%20L161%2016.9%20L173%206.2%20L182%209.9%20L197%208.5%20L206%2019.8%20L221%207.6%20L233%2018.1%20L239%208.9%20L261%207.4%20L273%206.1%20L288%2011.7%20L297%206.2%20L306%2019.4%20L321%208.6%20L343%209.5%20L365%208.8%20L387%208.0%20L409%2019.5%20L421%2011.9%20L443%208.5%20L452%2012.7%20L458%209.9%20L464%207.0%20L470%208.5%20L479%2010.9%20L491%2015.2%20L500%2014.3%20L512%2015.8%20L518%2012.8%20L524%207.1%20L533%2017.1%20L548%2018.6%20L554%2018.1%20L569%2011.9%20L575%2015.0%20L587%2011.4%20L602%2012.5%20L624%206.4%20L633%2025.6%20L648%2012.0%20L670%208.8%20L685%2013.0%20L697%208.8%20L706%2018.3%20L718%2011.7%20L724%2016.0%20L733%207.6%20L748%2011.4%20L770%2012.6%20L792%206.6%20L804%2015.1%20L819%2019.0%20L828%2016.9%20L834%2012.3%20L846%2019.4%20L861%209.6%20L883%2016.0%20L895%2013.6%20L904%2011.5%20L910%2011.7%20L925%2012.3%20L940%2013.7%20L952%2012.5%20L958%209.0%20L970%2013.5%20L976%2014.4%20L998%2011.9%20L1007%2023.7%20L1016%2013.5%20L1031%208.1%20L1046%2019.2%20L1052%2016.6%20L1074%2014.9%20L1096%209.6%20L1118%208.9%20L1140%209.8%20L1146%2013.0%20L1152%2013.2%20L1174%209.0%20L1196%2012.4%20L1200%2012.3%20L1200%2030%20Z%27/%3E%3C/svg%3E") top/1200px 30px repeat-x,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%271200%27%20height%3D%2730%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%200%20L0%2017.7%20L15%2017.7%20L37%2017.3%20L52%2013.3%20L58%2015.7%20L80%2014.9%20L86%2023.2%20L92%2013.1%20L101%2016.7%20L107%2017.6%20L113%2014.1%20L125%2023.6%20L131%2012.1%20L137%2021.0%20L152%2010.3%20L161%2013.1%20L173%2023.8%20L182%2020.1%20L197%2021.5%20L206%2010.2%20L221%2022.4%20L233%2011.9%20L239%2021.1%20L261%2022.6%20L273%2023.9%20L288%2018.3%20L297%2023.8%20L306%2010.6%20L321%2021.4%20L343%2020.5%20L365%2021.2%20L387%2022.0%20L409%2010.5%20L421%2018.1%20L443%2021.5%20L452%2017.3%20L458%2020.1%20L464%2023.0%20L470%2021.5%20L479%2019.1%20L491%2014.8%20L500%2015.7%20L512%2014.2%20L518%2017.2%20L524%2022.9%20L533%2012.9%20L548%2011.4%20L554%2011.9%20L569%2018.1%20L575%2015.0%20L587%2018.6%20L602%2017.5%20L624%2023.6%20L633%204.4%20L648%2018.0%20L670%2021.2%20L685%2017.0%20L697%2021.2%20L706%2011.7%20L718%2018.3%20L724%2014.0%20L733%2022.4%20L748%2018.6%20L770%2017.4%20L792%2023.4%20L804%2014.9%20L819%2011.0%20L828%2013.1%20L834%2017.7%20L846%2010.6%20L861%2020.4%20L883%2014.0%20L895%2016.4%20L904%2018.5%20L910%2018.3%20L925%2017.7%20L940%2016.3%20L952%2017.5%20L958%2021.0%20L970%2016.5%20L976%2015.6%20L998%2018.1%20L1007%206.3%20L1016%2016.5%20L1031%2021.9%20L1046%2010.8%20L1052%2013.4%20L1074%2015.1%20L1096%2020.4%20L1118%2021.1%20L1140%2020.2%20L1146%2017.0%20L1152%2016.8%20L1174%2021.0%20L1196%2017.6%20L1200%2017.7%20L1200%200%20Z%27/%3E%3C/svg%3E") bottom/1200px 30px repeat-x,linear-gradient(#000 0 0) 0 29px/100% calc(100% - 58px) no-repeat;margin:-29px 0;padding-top:calc(clamp(90px,11vw,150px) + 29px)!important;padding-bottom:calc(clamp(90px,11vw,150px) + 29px)!important;z-index:1}

/* ===== Personalised Books in the Explorer's Mark look ===== */
.em-theme{--serif:"Playfair",Georgia,serif;--sans:"Nunito",system-ui,sans-serif;font-family:var(--sans)}
.em-theme h1,.em-theme h2,.em-theme h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}
.em-theme h1{font-size:clamp(2.8rem,5.6vw,5.2rem)}
.em-theme h2{font-size:clamp(2.2rem,4.2vw,3.7rem)}
.em-theme h1 em,.em-theme h2 em{font-weight:400;color:#B67A16}
.em-theme .eyebrow{font-family:var(--sans);font-weight:800}
.em-theme .btn{font-family:var(--sans);font-weight:800;letter-spacing:.02em;font-size:.95rem}
.em-theme .btn-gold{background:linear-gradient(180deg,#FFE7A3,#E4B247);color:#2A1A05;box-shadow:0 12px 30px -10px #E4B247cc,inset 0 1px 0 #fff9}
.em-theme .btn-ink{background:var(--em-cobalt);box-shadow:0 12px 26px -12px #0B5BFF}
.em-theme .parch h2,.em-theme .parch h3{color:var(--em-ink)}

/* hero */
.pers-hero{background:radial-gradient(38% 60% at 76% 62%,#0B5BFF55 0%,#00C8FF14 45%,transparent 72%),radial-gradient(70% 60% at 50% 40%,transparent 40%,#050E26 100%),url(assets/em/midnight-nebula.webp) center/cover,#050E26!important}
.pers-hero .pers-compass{color:var(--em-gold);opacity:.28}
.pers-hero h1{color:var(--em-white)!important}
.pers-hero .lede{color:#D6E2FF!important}
.pers-hero .ph-max{filter:drop-shadow(0 0 40px #0B5BFF66) drop-shadow(0 20px 40px #000a)}

/* page 8 on midnight */
.midnight .switch{background:#ffffff14;border:1px solid #ffffff22}
.midnight .switch button{color:#D6E2FF}
.midnight .switch button[aria-pressed="true"]{background:var(--em-warmgold);color:#2A1A05;box-shadow:0 6px 18px -6px #E4B247}
.midnight .namefield input{background:#ffffff10;border-color:#ffffff33;color:#fff}
.midnight .namefield input::placeholder{color:#ffffff88}
.midnight .namefield input:focus{border-color:var(--em-warmgold)}
.midnight .namefield small{color:#A9BBE6}
.midnight .page8{box-shadow:0 0 0 1px #FFD97A55,0 40px 90px -20px #000,0 0 80px -20px #0B5BFF88}

/* cards on midnight */
.midnight .card{background:#ffffff0c;border:1px solid #ffffff24;box-shadow:none;backdrop-filter:blur(6px)}
.midnight .card h3{color:var(--em-white)}.midnight .card p{color:#C9D6F5}
.midnight .card .ico{background:linear-gradient(160deg,#FFE7A3,#E4B247);color:var(--em-ink);box-shadow:0 0 24px -4px #E4B24788}
.midnight .center a{color:var(--em-warmgold)}

/* FAQ on parchment */
.parch.faq-sec .faq{width:min(900px,100% - 40px)}
.parch .faq-group h3{font:800 .72rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#8A5A1C;margin:0 0 12px}
.parch .faq details{border:1px solid #CFAE76;background:#FBF1DCcc;border-radius:16px;padding:2px 22px;margin-bottom:10px}
.parch .faq details[open]{background:#FFF7E6;border-color:#B48A48}
.parch .faq summary{color:var(--em-ink);font-family:var(--serif);font-size:1.15rem;padding:16px 0}
.parch .faq details p{color:#5C4A33}
.parch .faq a{color:var(--em-cobalt)}
.em-theme .parch .card.dark{background:radial-gradient(80% 60% at 30% 0%,#0B5BFF55,transparent 70%),url(assets/em/midnight-nebula.webp) center/cover,#050E26;border:1px solid #FFD97A66}
.em-theme .parch .card.dark h3,.em-theme .parch .card.dark .price{color:var(--em-white)}
.em-theme .parch .card.dark .eyebrow,.em-theme .parch .card.dark .price.soon{color:var(--em-warmgold)!important}
.em-theme .parch .card.dark .ticks li{color:#D6E2FF}

/* ===================== v1.7 ===================== */
/* hero: no halo, Max and Pip waving */
.pers-hero{background:radial-gradient(70% 60% at 50% 40%,transparent 40%,#050E26 100%),url(assets/em/midnight-nebula.webp) center/cover,#050E26!important}
.pers-hero .ph-max{height:min(78vh,720px)}

/* on parchment: white panels with electric blue */
.em-theme .parch .card:not(.dark){background:#FFFFFF;border:1px solid #CDEBFF;box-shadow:0 0 0 4px #00C8FF14,0 26px 50px -30px #0B5BFF55}
.em-theme .parch .card:not(.dark) h3{color:var(--em-ink)}
.em-theme .parch .card:not(.dark) p,.em-theme .parch .card:not(.dark) .ticks li{color:#3A4766}
.em-theme .parch .card .ico{background:linear-gradient(160deg,#00C8FF,#0B5BFF);color:#fff;box-shadow:0 8px 20px -8px #0B5BFF}
.em-theme .parch .how .num{color:#00C8FF;opacity:.55}
.em-theme .parch .ticks li::before{color:var(--em-electric)}
.em-theme .parch .card.dark{background:linear-gradient(160deg,#0B5BFF,#00A6E6);border:0;box-shadow:0 30px 60px -24px #0B5BFF99}
.em-theme .parch .card.dark .eyebrow,.em-theme .parch .card.dark .price.soon{color:#FFF3C4!important}
.em-theme .parch .card.dark .ticks li{color:#EAF6FF}
.em-theme .parch .card.dark .ticks li::before{color:var(--em-warmgold)}
.em-theme .parch .faq details{background:#fff;border-color:#CDEBFF}
.em-theme .parch .faq details[open]{background:#F4FBFF;border-color:#00C8FF}
.em-theme .parch .faq summary::after{color:var(--em-cobalt)}

/* on midnight: parchment panels */
.em-theme .midnight .card{background:radial-gradient(120% 90% at 50% 50%,transparent 60%,#9C6B3430 100%),url(assets/em/parchment.webp) 0 0/420px,#EED9AE;border:1px solid #CFAE76;backdrop-filter:none}
.em-theme .midnight .card h3{color:var(--em-ink)}
.em-theme .midnight .card p{color:#4A3A26}
.em-theme .midnight .card .ico{background:linear-gradient(160deg,#0B5BFF,#00C8FF);color:#fff}

/* 11: editions, more breathing room */
.eds .card{padding:44px 42px 40px}
.eds .card .eyebrow{margin-bottom:.9rem!important}
.eds .card h3{margin-bottom:.5em}
.eds .price{margin:0 0 26px}
.eds .ticks{gap:14px;margin-bottom:34px}
.eds .ticks li{line-height:1.5}