/* 2020s (3 Oct 2026): the page that does what paper never could. Calm off-white, soft rounded cards, big friendly lettering,
   Peter's soft 3D icons on every button, and a dark version for the evening. The page frame only; the adverts are in directory-grid.css. */
:root{--paper:#f6f3ec;--paper-2:#efe9dd;--ink:#26231f;--rule:#e2dccf;--sage:#8fae9b;--lilac:#b9a6d6;--peach:#f2b38f;--sand:#e8cfa4}
body{background:#ece7dc!important;color:var(--ink)}
main.wrap{background:var(--paper)!important;background-image:radial-gradient(60% 40% at 100% 0%,color-mix(in srgb,var(--lilac) 22%,transparent),transparent 70%),radial-gradient(50% 35% at 0% 8%,color-mix(in srgb,var(--sage) 22%,transparent),transparent 70%)!important;border-radius:28px;box-shadow:0 30px 60px -30px rgba(60,45,25,.35)!important;padding:22px 22px 30px!important}
main.wrap,main.wrap p,main.wrap span,main.wrap a,main.wrap li{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.band,.sec{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:6px 2px!important}
.band h1,.sec h2{color:var(--ink)!important;font:700 34px/1.05 Fraunces,Georgia,serif!important;text-transform:none!important;letter-spacing:-.01em;text-shadow:none}
.sec h2{font-size:24px!important}
.band span,.sec small,.sec a{color:#7a7266!important;font:600 13px 'Plus Jakarta Sans',system-ui,sans-serif!important;text-transform:none!important}
.searchbar{background:#fff!important;border:0!important;border-radius:22px!important;box-shadow:0 10px 30px -14px rgba(60,45,25,.3),0 0 0 1px var(--rule)!important}
.sbox input{border:1px solid var(--rule)!important;border-radius:999px!important;box-shadow:none!important;padding-left:18px!important;background:#faf8f3!important}
.sbox button{background:var(--ink)!important;color:#fff!important;border:0!important;border-radius:999px!important;font:800 14px 'Plus Jakarta Sans',system-ui,sans-serif!important;text-transform:none!important;box-shadow:none!important;text-shadow:none!important}
.kc{border-radius:999px!important;background:#fff!important;border:1px solid var(--rule)!important;box-shadow:none!important;font:600 13px 'Plus Jakarta Sans',system-ui,sans-serif!important;text-transform:none!important}
.kc.on{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;text-shadow:none!important}
@media (prefers-color-scheme:dark){
  :root{--paper:#1e1c19;--paper-2:#26231f;--ink:#f1ece3;--rule:#3a352e}
  body{background:#141311!important}
  main.wrap{background-image:radial-gradient(60% 40% at 100% 0%,rgba(185,166,214,.12),transparent 70%),radial-gradient(50% 35% at 0% 8%,rgba(143,174,155,.12),transparent 70%)!important}
  .searchbar,.kc{background:#26231f!important}
  .sbox input{background:#1e1c19!important;color:var(--ink)!important}
  .sbox button,.kc.on{background:var(--ink)!important;color:#1e1c19!important}
  .band span,.sec small,.sec a{color:#a99f90!important}
}

/* 2026 is the open page (Peter, 5 Oct 2026): the background runs edge to edge, no paper card, no shadow; the content stays in a
   slightly wider centred column so lines stay readable and the adverts keep their shape. */
body{background:var(--paper)!important;background-image:radial-gradient(55% 45% at 100% 0%,color-mix(in srgb,var(--lilac) 20%,transparent),transparent 70%),radial-gradient(45% 40% at 0% 10%,color-mix(in srgb,var(--sage) 20%,transparent),transparent 70%),radial-gradient(40% 35% at 50% 100%,color-mix(in srgb,var(--peach) 14%,transparent),transparent 70%)!important;background-attachment:fixed!important}
main.wrap{background:transparent!important;background-image:none!important;border-radius:0!important;box-shadow:none!important;max-width:1260px!important;padding:26px 22px 40px!important}
@media (prefers-color-scheme:dark){
  body{background:#141311!important;background-image:radial-gradient(55% 45% at 100% 0%,rgba(185,166,214,.10),transparent 70%),radial-gradient(45% 40% at 0% 10%,rgba(143,174,155,.10),transparent 70%)!important}
  main.wrap{background-image:none!important}
}
@media (max-width:640px){main.wrap{padding:16px 14px 30px!important}}

/* 2026: the printed-page note about black and yellow does not apply to the modern look */
p.legend{display:none!important}