/* exicons v15.8: Explore section icons (walking tour, the square, close to home, the map, road trips, history, watch). Artwork is the approved 2026-10-21 preview, unchanged: 24px grid, 2px round line, drawn as CSS masks so each icon takes the accent color, the same technique as the ota-icons tag set in style.css. Markup: . */ :root{--ex-i-walk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.6' cy='3.9' r='2.1' fill='%232b2318' stroke='none'/%3E%3Cpath d='M12.9 7.4 11.3 13.6l-2.4 3.6L7.4 21M11.3 13.6l2.9 2.8.7 4.6M12.7 8.2 9.7 10.2l-1 2.9M12.7 8.2l2.3 2.9 2.9.6'/%3E%3C/svg%3E");--ex-i-square:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18'/%3E%3Cpath d='M4.5 20v-7h15v7'/%3E%3Cpath d='M9.5 13V7.5h5V13'/%3E%3Cpath d='M9 7.5 12 4l3 3.5'/%3E%3Ccircle cx='12' cy='10.2' r='1.3'/%3E%3Cpath d='M7.3 15.5V20M16.7 15.5V20M12 15.5V20'/%3E%3C/svg%3E");--ex-i-near:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.3' stroke-dasharray='1.4 3.1'/%3E%3Cpath d='M7.8 12.6 12 9l4.2 3.6'/%3E%3Cpath d='M9.2 11.6v4.4h5.6v-4.4'/%3E%3C/svg%3E");--ex-i-map:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.6 8.5 4.5l7 2.1L21 4.5v13l-5.5 2.1-7-2.1L3 19.6z'/%3E%3Cpath d='M8.5 4.5v13M15.5 6.6v13'/%3E%3C/svg%3E");--ex-i-roadtrip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9 8 5.6h8L17.5 9'/%3E%3Crect x='4.5' y='9' width='15' height='3.6' rx='1'/%3E%3Ccircle cx='8' cy='12.8' r='.4' fill='%232b2318'/%3E%3Ccircle cx='16' cy='12.8' r='.4' fill='%232b2318'/%3E%3Cpath d='M3 21.5c3-2.6 6.4-1.2 9-3.2s6-1.8 9-.6' stroke-dasharray='0'/%3E%3C/svg%3E");--ex-i-history:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6.6c3-1.1 6-.9 9 1 3-1.9 6-2.1 9-1v12.3c-3-1.1-6-.9-9 1-3-1.9-6-2.1-9-1z'/%3E%3Cpath d='M12 7.6v12.3'/%3E%3Ctext x='7.4' y='14.6' font-family='Georgia,serif' font-size='5.4' font-weight='700' text-anchor='middle' fill='%232b2318' stroke='none'%3E18%3C/text%3E%3Ctext x='16.6' y='14.6' font-family='Georgia,serif' font-size='5.4' font-weight='700' text-anchor='middle' fill='%232b2318' stroke='none'%3E10%3C/text%3E%3C/svg%3E");--ex-i-watch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='12.5' rx='2'/%3E%3Cpath d='M12 17v3.5M8.5 20.5h7'/%3E%3Cpath d='M10.4 8.2v5.6l4.6-2.8z' fill='%232b2318'/%3E%3C/svg%3E");} .ex-ico{display:inline-block;width:26px;height:26px;margin:0 8px 0 0;vertical-align:-4px;flex:none;background-color:var(--accent,#8B2E2A);-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain} .ex-ico-walk{-webkit-mask-image:var(--ex-i-walk);mask-image:var(--ex-i-walk)} .ex-ico-square{-webkit-mask-image:var(--ex-i-square);mask-image:var(--ex-i-square)} .ex-ico-near{-webkit-mask-image:var(--ex-i-near);mask-image:var(--ex-i-near)} .ex-ico-map{-webkit-mask-image:var(--ex-i-map);mask-image:var(--ex-i-map)} .ex-ico-roadtrip{-webkit-mask-image:var(--ex-i-roadtrip);mask-image:var(--ex-i-roadtrip)} .ex-ico-history{-webkit-mask-image:var(--ex-i-history);mask-image:var(--ex-i-history)} .ex-ico-watch{-webkit-mask-image:var(--ex-i-watch);mask-image:var(--ex-i-watch)} /* History: the 1810 on the book pages is only legible at 48px, so it is drawn at 48px wherever it appears. */ .ex-ico-history{width:48px;height:48px;margin:-12px 8px -12px -2px;vertical-align:calc(.34em - 12px)} .wt-h .ex-ico{vertical-align:-3px} /* The hero heading now carries the walking-person icon, so the small v15.5 copy on the kicker just above it is hidden here to avoid two walkers in a row. Delete this rule to show both. */ .wt-feat:has(.wt-h .ex-ico-walk) .wt-body>.ex-kicker::before{display:none} .ex-h3>.ex-ico{width:24px;height:24px;margin-right:7px;vertical-align:-4px} /* subpage titles (centered H1) */ .page-title>.ex-ico{width:34px;height:34px;vertical-align:-5px;margin-right:10px} .page-title>.ex-ico-history{width:48px;height:48px;margin:-12px 10px -12px 0;vertical-align:calc(.34em - 12px)} @media print{.ex-ico{background-color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}} /* exicons:end */ /* exichips v15.10: the same icons on the "On this page" jump buttons at the top of each Explore hub (the walking tour button already has its walker from style.css). Delete this block to remove them. */ .ex-jump a[href="#the-square"]::before,.ex-jump a[href="#close-to-home"]::before,.ex-jump a[href="#map-title"]::before,.ex-jump a[href="#road-trips"]::before,.ex-jump a[href="#history"]::before,.ex-jump a[href="#watch"]::before{content:"";content:""/"";display:inline-block;width:1.3em;height:1.3em;vertical-align:-.3em;margin-right:.3em;flex:none;background-color:currentColor;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain} .ex-jump a[href="#the-square"]::before{-webkit-mask-image:var(--ex-i-square);mask-image:var(--ex-i-square)} .ex-jump a[href="#close-to-home"]::before{-webkit-mask-image:var(--ex-i-near);mask-image:var(--ex-i-near)} .ex-jump a[href="#map-title"]::before{-webkit-mask-image:var(--ex-i-map);mask-image:var(--ex-i-map)} .ex-jump a[href="#road-trips"]::before{-webkit-mask-image:var(--ex-i-roadtrip);mask-image:var(--ex-i-roadtrip)} .ex-jump a[href="#history"]::before{-webkit-mask-image:var(--ex-i-history);mask-image:var(--ex-i-history);width:1.6em;height:1.6em;vertical-align:-.45em;margin:-.15em .25em -.15em -.1em} .ex-jump a[href="#watch"]::before{-webkit-mask-image:var(--ex-i-watch);mask-image:var(--ex-i-watch)} /* exichips:end */