/* Diversions — map, tour & games for Historic Houses and Their Gardens */
.chart{max-width:980px;margin:0 auto 2.4rem}
.chart h2{font-weight:normal;text-align:center;letter-spacing:.28em;text-transform:uppercase;
  font-size:.95rem;color:var(--accent);margin:2.6rem 0 .3rem}
.chart .chartsub{text-align:center;font-style:italic;color:var(--faded);font-size:.88rem;margin:0 0 1rem}
.chart svg{display:block;width:100%;height:auto;background:var(--card);border:1px solid var(--rule);
  box-shadow:0 2px 8px rgba(43,38,30,.14)}
svg .sea{fill:#f1ecdd}
svg .grat{stroke:#ded4b8;stroke-width:1;fill:none}
svg .land{fill:#e6dcc0;stroke:#a89877;stroke-width:1}
svg .maplabel{fill:#8d8267;font-size:15px;letter-spacing:.25em;font-family:Palatino,Georgia,serif}
svg .sealabel{fill:#b9ad8f;font-size:12px;letter-spacing:.3em;font-style:italic;font-family:Palatino,Georgia,serif}
svg .pin{fill:#46604f;stroke:#faf6ec;stroke-width:1.5;cursor:pointer}
svg a:hover .pin{fill:#5c5136}
svg .pinnum{fill:#faf6ec;font-size:12px;font-family:Palatino,Georgia,serif;text-anchor:middle;pointer-events:none}
svg .pinlabel{fill:#2b261e;font-size:13px;font-family:Palatino,Georgia,serif}
svg .zone{fill:none;stroke:#46604f;stroke-width:1.5;stroke-dasharray:6 5}
svg a:hover .zone{stroke:#5c5136;stroke-width:2}
svg .zonelabel{fill:#46604f;font-size:13px;letter-spacing:.18em;font-family:Palatino,Georgia,serif;text-anchor:middle}
.maplegend{columns:3;column-gap:2.2rem;list-style:none;margin:1rem auto 0;padding:0;max-width:980px;font-size:.9rem}
.maplegend li{break-inside:avoid;padding:.18rem 0;border-bottom:1px dotted var(--rule)}
.maplegend .lnum{display:inline-block;min-width:1.7em;color:var(--faded)}
.maplegend .lloc{color:var(--faded);font-style:italic;font-size:.8rem}
@media(max-width:900px){.maplegend{columns:2}}
@media(max-width:560px){.maplegend{columns:1}}
/* games */
.gamebox{max-width:660px;margin:0 auto}
.gamebox .qcount{letter-spacing:.28em;text-transform:uppercase;font-size:.72rem;color:var(--faded);margin-bottom:.4rem;text-align:center}
.gamebox .qtext{font-size:1.15rem;margin:0 0 1rem;text-align:center}
.gamephoto{text-align:center;margin:0 0 1.1rem}
.gamephoto img{max-width:100%;max-height:340px;border:1px solid var(--rule);padding:6px;background:var(--card);
  box-shadow:0 2px 8px rgba(43,38,30,.14);filter:sepia(.14)}
.opts{display:grid;gap:.55rem}
.opt{display:block;width:100%;text-align:center;font:inherit;font-size:1rem;color:var(--ink);
  background:var(--card);border:1px solid var(--rule);padding:.55rem .9rem;cursor:pointer}
.opt:hover{background:var(--paper2)}
.opt:disabled{cursor:default}
.opt.right{background:#e2e9dc;border-color:#46604f;color:#2c4033}
.opt.wrong{background:#ecdcd4;border-color:#8a5a48;color:#5c3222}
.explain{background:var(--paper2);border-left:3px solid var(--accent);padding:.6rem 1rem;margin:1rem 0;
  font-size:.95rem;text-align:center}
.nextrow{margin:1.1rem 0 .3rem;text-align:center}
.bigbtn{display:inline-block;font:inherit;font-size:.85rem;letter-spacing:.24em;text-transform:uppercase;
  background:var(--verdigris);color:#faf6ec;border:none;padding:.6rem 1.6rem;cursor:pointer;text-decoration:none}
.bigbtn:hover{background:#37503f;color:#faf6ec;text-decoration:none}
.resultcard{background:var(--card);border:1px solid var(--rule);outline:1px solid var(--rule);
  outline-offset:4px;padding:1.6rem 1.8rem;margin:1rem 0 1.2rem;text-align:center}
.resultcard h2{font-weight:normal;font-size:1.7rem;margin:.2rem 0 .4rem}
.resultcard .score{font-size:2.6rem;color:var(--verdigris);margin:.1rem 0 .2rem}
.resultcard .rloc{letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;color:var(--verdigris)}
.resultcard p{margin:.6rem 0;text-align:center}
.resultcard img{max-width:280px;width:100%;border:1px solid var(--rule);padding:5px;background:#fff;
  filter:sepia(.14);margin-top:.4rem}
.sharebox{display:flex;gap:.5rem;max-width:460px;margin:.8rem auto 0}
.sharebox input{flex:1;font:inherit;font-size:.78rem;padding:.45rem .6rem;border:1px solid var(--rule);
  background:#fff;color:var(--faded);min-width:0}
.sharebox button{font:inherit;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  background:var(--paper2);border:1px solid var(--rule);padding:.45rem .9rem;cursor:pointer;color:var(--accent)}
.sharebox button:hover{background:#e2d9c2}
.sharenote{font-size:.8rem;color:var(--faded);margin-top:.4rem;font-style:italic;text-align:center}
.challenge{background:var(--paper2);border:1px solid var(--rule);padding:.6rem 1rem;margin:0 0 1.2rem;
  font-size:.92rem;color:var(--accent);text-align:center;font-style:italic}
/* grand tour */
.tour{max-width:760px;margin:0 auto}
.tourleg{margin:2.2rem 0 1rem;text-align:center}
.tourleg h2{font-weight:normal;letter-spacing:.28em;text-transform:uppercase;font-size:.9rem;color:var(--accent);margin:0 0 .2rem}
.tourleg p{font-style:italic;color:var(--faded);text-align:center;margin:0}
ol.tourstops{list-style:none;margin:.8rem 0 0;padding:0;counter-reset:none}
ol.tourstops li{padding:.5rem .2rem;border-bottom:1px dotted var(--rule);display:flex;gap:.9rem;align-items:baseline}
ol.tourstops .stopnum{color:var(--rule);min-width:2.2em;text-align:right;font-size:1.05rem}
ol.tourstops .stoploc{margin-left:auto;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;color:var(--verdigris);text-align:right}
.funnav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.4rem 0 1.8rem}
.funnav a{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--rule);
  background:var(--card);padding:.25rem .9rem;color:var(--accent)}
.funnav a:hover{background:var(--paper2);text-decoration:none}
.funnav a.cur{background:var(--accent);border-color:var(--accent);color:#faf6ec;pointer-events:none}
/* The Long Gallery — the curiosities feature (home banner + header link) */
nav.top a.feature{color:var(--verdigris);font-weight:600}
nav.top a.feature:hover{color:#37503f}
.gallery-banner{max-width:860px;margin:1.5rem auto 2.1rem;background:var(--card);
  border:1px solid var(--rule);outline:1px solid var(--rule);outline-offset:4px;
  padding:1.5rem 1.8rem 1.7rem;text-align:center;box-shadow:0 2px 10px rgba(43,38,30,.14)}
.gallery-banner .eyebrow{letter-spacing:.3em;text-transform:uppercase;font-size:.68rem;
  color:var(--verdigris);margin-bottom:.45rem}
.gallery-banner h2{font-weight:normal;font-size:2rem;line-height:1.12;margin:.1rem 0 .55rem;
  font-family:Palatino,Georgia,serif}
.gallery-banner h2 a{color:var(--ink);text-decoration:none}
.gallery-banner h2 a:hover{color:var(--verdigris)}
.gallery-banner p{margin:.2rem auto 1rem;max-width:58ch;color:var(--faded);font-size:1rem;font-style:italic}
.gallery-banner .enter{display:inline-block;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;
  background:var(--verdigris);color:#faf6ec;padding:.58rem 1.6rem;text-decoration:none}
.gallery-banner .enter:hover{background:#37503f;color:#faf6ec;text-decoration:none}