/* Spotter prototype stylesheet — build/care-desk/site/styles.css
   Part 1: Leaflet 1.9.4 CSS, copied verbatim from
   https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css (BSD-2-Clause,
   (c) 2010-2023 Volodymyr Agafonkin, (c) 2010-2011 CloudMade), with the three
   images/*.png references removed - the layers control and default marker icon
   are not used. Part 2 (after the marker below) is the Spotter stylesheet.
   Inlined on purpose: stylesheets from other hosts are blocked where this ships. */

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: none /* images/layers.png removed: unused here */;
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: none /* images/layers-2x.png removed: unused here */;
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: none /* images/marker-icon.png removed: unused here */;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/* ======================= END OF LEAFLET 1.9.4 CSS ======================= */

/* ==========================================================================
   Spotter — YORXEN. Own identity: soft green on warm paper, square corners,
   thin rules, one signature note in the masthead and the footer.
   Family, not sameness (brand-standard.md §1): YORXEN is cream/Desk,
   PaidLate is cool paper, Spotter is moss green. Shared DNA = type roles
   (Source Serif 4 only for the hero h1 and the hero numbers, Public Sans for
   body and h2, Archivo for tabular data), squared corners, thin rules,
   semantic status dots (§2a) and the two-dots-and-a-line signature (§2).
   ========================================================================== */

@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('static/fonts/publicsans.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:700;font-display:swap;src:url('static/fonts/sourceserif4.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-display:swap;src:url('static/fonts/archivo.woff2') format('woff2')}

:root{
  /* paper */
  --paper:#F4F3EC; --sheet:#FBFAF6; --sheet2:#EFEEE6;
  --ink:#171D19; --mut:#4B5650; --mut2:#6F7A73;
  --rule:#D9DDD3; --rule2:#C9CFC5; --faint:#E8EBE3;
  /* product accent: moss */
  --green:#2C6E49; --green-deep:#1F5236; --green-soft:#D9E8DB; --green-tint:#EEF4EC;
  /* signature only — kinship with yorxen.com and paidlate.co.uk (brand §2) */
  --sig-ink:#161A17; --sig-line:#2F5F96; --sig-dot:#9EC0E6;
  /* semantic state, always with a label (brand §2a) */
  --dot-i:#B23A34; --dot-ri:#B7791F; --dot-good:#96B6A0; --dot-none:#C3C8BF;
  --amber-ink:#8A5A12; --ok:#1F9D55;
  /* our own cartography — no tiles, so the sheet has to carry the coastline */
  --sea:#D3E0E4; --land:#EDEFE3; --land-hi:#E1EAD3; --land-line:#9CAA9E;
  --neighbour:#E4E7DF; --neighbour-line:#CBD1C8; --label:#5B6660;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Public Sans',system-ui,-apple-system,sans-serif;
  --mono:'Archivo','Public Sans',system-ui,sans-serif;
  --wrap:1200px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--green-deep)}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
button{font:inherit;color:inherit}
b,strong,dd,td,th,.cr-n,.cr-num{font-variant-numeric:tabular-nums}
.cr-wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.cr-kicker{margin:0;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:var(--green)}
.cr-skip{position:absolute;left:-9999px}
.cr-skip:focus{left:12px;top:10px;z-index:60;padding:8px 12px;background:var(--sheet);border:1px solid var(--ink)}

/* ---------- masthead ---------- */
.cr-hd{position:sticky;top:0;z-index:1000;background:var(--paper);border-bottom:1px solid var(--rule2)}
.cr-hd-in{display:flex;align-items:center;gap:26px;max-width:var(--wrap);height:60px;margin:0 auto;padding:0 28px}
.cr-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
/* signature — two dots and a line, tokens only (brand §2) */
.cr-sig{flex:none}
.cr-sig .s-a{fill:var(--sig-ink)}
.cr-sig .s-l{stroke:var(--sig-line);stroke-width:1.8}
.cr-sig .s-b{fill:var(--sig-dot)}
.cr-wordmark{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.19em}
.cr-byline{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--mut2);align-self:center;
  padding-left:9px;border-left:1px solid var(--rule2)}
.cr-nav{display:flex;gap:22px;margin-left:auto}
.cr-nav a{font-size:13px;color:var(--mut);text-decoration:none}
.cr-nav a:hover{color:var(--ink)}
.cr-hd .cr-cta{flex:none;padding:9px 15px;background:var(--green);color:#fff;font-size:12.5px;font-weight:700;
  white-space:nowrap;text-decoration:none;border:1px solid var(--green)}
.cr-hd .cr-cta:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}

/* ---------- buttons ---------- */
.cr-btn{display:inline-block;padding:13px 20px;border:1px solid var(--green);background:var(--green);color:#fff;
  font-size:13.5px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}
.cr-btn:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}
.cr-btn-2{background:var(--sheet);border-color:var(--rule2);color:var(--ink)}
.cr-btn-2:hover{background:var(--green-tint);border-color:var(--green);color:var(--green-deep)}

/* ==========================================================================
   1. the map is the first screen
   ========================================================================== */
.cr-stage-sec{position:relative}
.cr-stage{position:relative;height:clamp(470px,78vh,880px);overflow:hidden;background:var(--sea);
  border-bottom:1px solid var(--rule2)}
#cr-map{position:absolute;inset:0;background:var(--sea)}

/* the claim, over the sea west of England */
.cr-lede{position:absolute;z-index:900;top:26px;left:28px;width:min(430px,calc(100% - 56px));
  padding:24px 26px 26px;background:var(--sheet);border:1px solid var(--rule2)}
.cr-h1{margin-top:14px;font-family:var(--serif);font-size:clamp(28px,2.6vw,36px);line-height:1.07;
  letter-spacing:-.026em}
.cr-lead{margin-top:14px;max-width:46ch;font-size:14px;line-height:1.6;color:var(--mut)}
.cr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

/* ---------- filter panel: open on the right on desktop ---------- */
.cr-panel{position:absolute;z-index:900;top:26px;right:28px;width:258px;max-height:calc(100% - 52px);
  overflow:auto;background:var(--sheet);border:1px solid var(--rule2)}
.cr-panel-hd{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:11px 14px;border-bottom:1px solid var(--rule2);background:var(--sheet2)}
.cr-panel-hd b{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.cr-panel-hd button{padding:4px 9px;border:1px solid var(--rule2);background:var(--sheet);font-size:11px;
  color:var(--mut);cursor:pointer}
.cr-panel-hd button:hover{border-color:var(--green);color:var(--green-deep);background:var(--green-tint)}
.cr-fg{padding:11px 14px;margin:0;border:0;border-bottom:1px solid var(--faint)}
.cr-fg:last-of-type{border-bottom:0}
.cr-fg > legend,.cr-fg > .cr-fg-t{display:block;padding:0;margin-bottom:8px;font-family:var(--mono);font-size:9.5px;
  font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mut2)}
.cr-opt{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:13px;line-height:1.35;cursor:pointer}
.cr-opt input{flex:none;width:15px;height:15px;margin:0;accent-color:var(--green);cursor:pointer}
.cr-opt i{flex:none;width:9px;height:9px;border-radius:50%}
.cr-opt .cr-n{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--mut2)}
.cr-sel{width:100%;height:34px;padding:0 8px;border:1px solid var(--rule2);border-radius:0;background:#fff;
  font:13px var(--sans);color:var(--ink)}
.cr-sel:focus{outline:2px solid var(--green);outline-offset:-2px}
.cr-panel-ft{position:sticky;bottom:0;z-index:2;margin:0;padding:10px 14px;border-top:1px solid var(--rule2);
  background:var(--sheet2);font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--mut2)}
.cr-panel-ft b{color:var(--ink)}
.cr-mapbtn{display:none;position:absolute;z-index:900;top:16px;left:16px;padding:9px 13px;background:var(--sheet);
  border:1px solid var(--ink);font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;cursor:pointer}

/* ---------- legend and the region read-out ---------- */
.cr-legend{position:absolute;z-index:880;left:28px;bottom:22px;display:flex;flex-direction:column;gap:5px;
  padding:11px 14px;background:rgba(251,250,246,.92);border:1px solid var(--rule2)}
.cr-legend span{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--mut)}
.cr-legend i{width:9px;height:9px;border-radius:50%;flex:none}
.cr-legend i.halo{box-shadow:0 0 0 1.5px var(--sheet),0 0 0 2.8px rgba(178,58,52,.55)}
.cr-rtip{position:absolute;z-index:950;pointer-events:none;opacity:0;transition:opacity .1s;min-width:196px;
  padding:11px 14px;background:var(--sheet);border:1px solid var(--ink);
  box-shadow:0 14px 28px -20px rgba(23,29,25,.55)}
.cr-rtip.on{opacity:1}
.cr-rtip b{display:block;font-size:13px;margin-bottom:7px}
.cr-rtip dl{display:grid;grid-template-columns:1fr auto;gap:3px 14px;margin:0;font-size:11.5px;color:var(--mut)}
.cr-rtip dd{margin:0;font-family:var(--mono);color:var(--ink)}
.cr-rtip em{display:block;margin-top:8px;font-size:10.5px;font-style:normal;color:var(--green)}

/* ---------- the counter strip under the map ---------- */
.cr-counters{display:grid;grid-template-columns:repeat(4,1fr) minmax(150px,auto);
  border-bottom:1px solid var(--rule2);background:var(--sheet)}
.cr-count{padding:16px 22px 17px;border-left:1px solid var(--faint)}
.cr-count:first-child{border-left:0}
.cr-count b{display:block;font-family:var(--serif);font-size:clamp(26px,2.4vw,32px);line-height:1;
  letter-spacing:-.03em}
.cr-count span{display:block;margin-top:9px;font-size:12.5px;line-height:1.4;color:var(--mut)}
.cr-count span i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;
  background:var(--dot-none);vertical-align:1px}
.cr-count span i.is-red{background:var(--dot-i)}
.cr-count span i.is-amber{background:var(--dot-ri)}
.cr-count em{display:block;margin-top:5px;font-family:var(--mono);font-size:10px;font-style:normal;
  letter-spacing:.04em;color:var(--mut2)}
.cr-cmeta{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:16px 22px;
  background:var(--green-tint);border-left:1px solid var(--faint);font-family:var(--mono);font-size:9.5px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--mut)}
.cr-cmeta b{color:var(--ink)}
.cr-mapnote{padding:20px 0 0;font-size:11.5px;line-height:1.65;color:var(--mut2);max-width:96ch}
.cr-fine{padding:10px 0 40px;font-size:11.5px;line-height:1.65;color:var(--mut2);max-width:96ch}

/* ---------- leaflet skin: squared, paper, no SaaS bubbles ---------- */
.leaflet-container{font-family:var(--sans);background:var(--sea)}
.leaflet-container a{color:var(--green)}
.cr-stage .leaflet-bar{border:1px solid var(--rule2);border-radius:0;box-shadow:none}
.cr-stage .leaflet-bar a{width:29px;height:29px;line-height:29px;border-radius:0;background:var(--sheet);
  color:var(--ink);border-bottom:1px solid var(--rule2)}
.cr-stage .leaflet-bar a:last-child{border-bottom:0}
.cr-stage .leaflet-bar a:hover{background:var(--green-tint);color:var(--green-deep)}
.leaflet-control-attribution{background:rgba(251,250,246,.9)!important;border:1px solid var(--rule2);
  border-right:0;border-bottom:0;font-size:10px;color:var(--mut2);padding:3px 7px}
.leaflet-control-attribution a{color:var(--mut)}

.cr-pop .leaflet-popup-content-wrapper{border-radius:0;background:var(--sheet);border:1px solid var(--ink);
  box-shadow:0 20px 38px -26px rgba(23,29,25,.6);padding:0}
.cr-pop .leaflet-popup-content{margin:0;width:284px!important;font-size:13px;line-height:1.55}
.cr-pop .leaflet-popup-tip{background:var(--sheet);border:1px solid var(--ink);box-shadow:none}
.cr-pop .leaflet-popup-close-button{width:24px;height:24px;font:16px/24px var(--sans);color:var(--mut2)}
.cr-pop .leaflet-popup-close-button:hover{color:var(--ink);background:transparent}
.cr-pop-hd{padding:15px 17px 13px;border-bottom:1px solid var(--rule)}
.cr-pop-hd h3{font-size:15.5px;line-height:1.25;padding-right:18px}
.cr-pop-hd p{margin-top:5px;font-size:11.5px;color:var(--mut2)}
.cr-pop-rate{display:flex;align-items:center;gap:8px;padding:11px 17px;border-bottom:1px solid var(--faint)}
.cr-pop-rate i{width:9px;height:9px;border-radius:50%;flex:none}
.cr-pop-rate b{font-size:13px}
.cr-pop-rate span{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--mut2)}
.cr-pop dl{display:grid;grid-template-columns:80px 1fr;margin:0;font-size:12px}
.cr-pop dt{padding:7px 0 7px 17px;color:var(--mut2);border-bottom:1px solid var(--faint)}
.cr-pop dd{margin:0;padding:7px 17px 7px 0;border-bottom:1px solid var(--faint);word-break:break-word}
.cr-pop .cr-flag{display:flex;align-items:center;gap:8px;padding:9px 17px;background:#FBF4E6;
  border-bottom:1px solid var(--faint);font-size:11.5px;font-weight:700;color:var(--amber-ink)}
.cr-pop .cr-flag i{width:8px;height:8px;border-radius:50%;background:var(--dot-ri);flex:none}
.cr-lock{padding:14px 17px 16px;background:var(--green-tint);border-top:1px solid var(--rule)}
.cr-lock-t{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep)}
.cr-lock-bars{margin:11px 0 9px;display:grid;gap:6px;filter:blur(2.6px);opacity:.7;user-select:none}
.cr-lock-bars i{height:8px;background:linear-gradient(90deg,var(--rule2),var(--faint));display:block}
.cr-lock p{font-size:11.5px;line-height:1.55;color:var(--mut)}
.cr-lock button{width:100%;margin-top:11px;padding:11px 12px;border:1px solid var(--green);background:var(--green);
  color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}
.cr-lock button:hover{background:var(--green-deep)}
.cr-pop-src{padding:10px 17px 13px;font-size:11px;color:var(--mut2)}

/* ==========================================================================
   2. sections
   ========================================================================== */
.cr-sec{padding:74px 0;border-top:1px solid var(--rule)}
.cr-sec-hd{display:grid;grid-template-columns:.94fr 1.06fr;gap:52px;align-items:end;margin-bottom:34px}
.cr-sec-hd h2{font-size:clamp(26px,3.1vw,38px);line-height:1.08;letter-spacing:-.028em}
.cr-sec-hd p{max-width:62ch;font-size:14.5px;line-height:1.7;color:var(--mut)}

/* ---------- what you get ---------- */
.cr-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule2);background:var(--sheet)}
.cr-card{position:relative;padding:28px 26px 30px;border-left:1px solid var(--rule2)}
.cr-card:first-child{border-left:0}
.cr-card::before{content:"";position:absolute;top:0;left:0;width:34px;height:2px;background:var(--green)}
.cr-card h3{margin:0 0 10px;font-size:19px;line-height:1.24}
.cr-card p{font-size:13.5px;line-height:1.66;color:var(--mut);max-width:44ch}
.cr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.cr-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border:1px solid var(--rule2);
  background:var(--sheet2);font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--mut);white-space:nowrap}
.cr-card ul{margin:14px 0 0;padding:0;list-style:none}
.cr-card li{position:relative;padding:5px 0 5px 15px;font-size:13px;line-height:1.55;color:var(--mut)}
.cr-card li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;background:var(--green-soft);
  border:1px solid var(--green)}

/* ---------- three real rows ---------- */
.cr-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule2);border:1px solid var(--rule2)}
.cr-row{display:flex;flex-direction:column;background:var(--sheet)}
.cr-row-hd{min-height:114px;padding:20px 22px 16px;border-bottom:1px solid var(--rule)}
.cr-row-hd .cr-kicker{font-size:9.5px;color:var(--mut2)}
.cr-row-hd h3{margin:9px 0 6px;font-size:17.5px;line-height:1.24}
.cr-row-hd p{font-size:12px;color:var(--mut2)}
.cr-rate{display:flex;align-items:center;gap:8px;min-height:52px;padding:11px 22px;
  border-bottom:1px solid var(--faint);background:var(--sheet2)}
.cr-rate i{width:9px;height:9px;border-radius:50%;flex:none}
.cr-rate b{font-size:13px}
.cr-rate span{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--mut2)}
.cr-row-dl{display:grid;grid-template-columns:96px 1fr;margin:0;font-size:12.5px}
.cr-row-dl dt{padding:8px 0 8px 22px;color:var(--mut2);border-bottom:1px solid var(--faint)}
.cr-row-dl dd{margin:0;padding:8px 22px 8px 0;border-bottom:1px solid var(--faint);word-break:break-word}
.cr-quotes{padding:16px 22px;border-bottom:1px solid var(--faint)}
.cr-quotes blockquote{margin:0 0 12px;padding-left:13px;border-left:2px solid var(--green-soft);font-size:13px;
  line-height:1.6}
.cr-quotes blockquote:last-child{margin-bottom:0}
.cr-quotes cite{display:block;margin-top:5px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--mut2);font-style:normal}
.cr-row-ft{margin-top:auto;padding:14px 22px 18px;background:var(--sheet2);border-top:1px solid var(--rule)}
.cr-row-ft p{font-size:11.5px;line-height:1.6;color:var(--mut)}
.cr-yn{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.05em;
  text-transform:uppercase}
.cr-yn i{width:7px;height:7px;border-radius:50%;background:var(--dot-none)}
.cr-yn.yes i{background:var(--ok)}
.cr-row-ft a{display:inline-block;margin-top:10px;font-size:11.5px;font-weight:700}
.cr-verified{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px 18px;background:var(--green-tint);
  border:1px solid var(--rule2);font-size:12.5px;color:var(--mut)}
.cr-verified i{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}

/* ---------- pack #0 table ---------- */
.cr-tablewrap{overflow-x:auto;margin-top:18px;border:1px solid var(--rule2);background:var(--sheet)}
.cr-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:880px}
.cr-table th{padding:10px;text-align:left;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--mut2);border-bottom:1px solid var(--rule2);background:var(--sheet2);
  white-space:nowrap}
.cr-table td{padding:9px 10px;border-bottom:1px solid var(--faint);vertical-align:top;line-height:1.4}
.cr-table tr:last-child td{border-bottom:0}
.cr-table td small{display:block;color:var(--mut2);font-size:11px;margin-top:2px}
.cr-table td a{font-weight:700}
.cr-td-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.cr-td-n{text-align:center;font-family:var(--mono);white-space:nowrap}
.cr-chip-s{height:19px;padding:0 6px;font-size:9.5px;margin:1px 3px 1px 0}
#cr-pack-stats{margin-top:0;margin-bottom:8px}
#cr-pack-stats .cr-chip b{margin-left:5px;color:var(--ink)}
.cr-pack-toggle{margin-top:14px}

/* ---------- timing ---------- */
.cr-timing{padding:74px 0;border-top:1px solid var(--rule);background:var(--green-tint)}
.cr-pull{max-width:26ch;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.14;letter-spacing:-.028em}
.cr-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;background:var(--rule2);
  border:1px solid var(--rule2)}
.cr-fact{background:var(--sheet);padding:24px}
.cr-fact b{display:block;font-family:var(--mono);font-size:26px;font-weight:700;line-height:1;letter-spacing:-.02em}
.cr-fact span{display:block;margin-top:11px;font-size:13px;line-height:1.6;color:var(--mut)}
.cr-facts-src{margin-top:16px;max-width:96ch;font-size:11.5px;line-height:1.6;color:var(--mut2)}

/* ---------- offers ---------- */
.cr-offers{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cr-offer{display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--rule2);padding:28px}
.cr-offer-tag{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--green)}
.cr-price{display:flex;align-items:baseline;gap:9px;margin:14px 0 6px}
.cr-price b{font-family:var(--mono);font-size:36px;font-weight:700;line-height:1;letter-spacing:-.025em}
.cr-price span{font-size:13px;color:var(--mut2)}
.cr-offer > p{font-size:13.5px;line-height:1.65;color:var(--mut);max-width:48ch}
.cr-offer ul{margin:18px 0 22px;padding:0;list-style:none;border-top:1px solid var(--faint)}
.cr-offer li{position:relative;padding:10px 0 10px 17px;border-bottom:1px solid var(--faint);font-size:13px;
  line-height:1.5}
.cr-offer li::before{content:"";position:absolute;left:0;top:17px;width:5px;height:5px;background:var(--green-soft);
  border:1px solid var(--green)}
.cr-offer .cr-btn{margin-top:auto;text-align:center}
.cr-launch{margin-top:16px;max-width:96ch;font-size:11.5px;line-height:1.6;color:var(--mut2)}

/* ---------- form ---------- */
.cr-form-sec{padding:74px 0;border-top:1px solid var(--rule)}
.cr-form-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:start}
.cr-form-grid h2{margin-top:14px;font-size:clamp(24px,2.9vw,34px);line-height:1.1;letter-spacing:-.028em}
.cr-form-grid > div > p{margin-top:16px;max-width:52ch;font-size:14px;line-height:1.68;color:var(--mut)}
.cr-form{background:var(--sheet);border:1px solid var(--rule2);padding:26px}
.cr-field{margin-bottom:16px}
.cr-field label{display:block;margin-bottom:7px;font-family:var(--mono);font-size:9.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--mut2)}
.cr-field input,.cr-field select{width:100%;height:44px;padding:0 13px;border:1px solid var(--rule2);
  border-radius:0;background:#fff;font:15px var(--sans);color:var(--ink)}
.cr-field input:focus,.cr-field select:focus{outline:2px solid var(--green);outline-offset:-2px}
.cr-form .cr-btn{width:100%;margin-top:4px}
.cr-form-note{margin-top:14px;font-size:11.5px;line-height:1.6;color:var(--mut2)}
.cr-msg{display:none;margin-top:16px;padding:13px 15px;background:var(--green-tint);
  border-left:2px solid var(--green);font-size:13px;line-height:1.55}
.cr-msg.on{display:block}

/* ---------- footer ---------- */
.cr-ft{border-top:1px solid var(--rule2);padding:32px 0 54px;background:var(--sheet2)}
.cr-ft-in{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.cr-fbrand{display:flex;align-items:center;gap:10px}
.cr-fbrand span{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.19em}
.cr-ft p{max-width:88ch;margin-top:13px;font-size:11.5px;line-height:1.7;color:var(--mut2)}
.cr-ft .cr-ft-strong{color:var(--mut);font-size:12px}
.cr-ft-links{margin-top:16px;font-size:11.5px;color:var(--mut2)}

/* ==========================================================================
   3. responsive
   ========================================================================== */
@media(max-width:1100px){
  .cr-sec-hd,.cr-form-grid{grid-template-columns:1fr;gap:26px}
  .cr-sec-hd{align-items:start}
  .cr-rows{grid-template-columns:1fr 1fr}
  .cr-rows .cr-row:last-child{grid-column:1/-1}
  .cr-lede{width:min(380px,calc(100% - 56px));padding:20px 22px 22px}
  .cr-counters{grid-template-columns:repeat(2,1fr)}
  .cr-count:nth-child(3){border-left:0}
  .cr-count:nth-child(-n+2){border-bottom:1px solid var(--faint)}
  .cr-cmeta{grid-column:1/-1;flex-direction:row;justify-content:space-between;border-left:0;
    border-top:1px solid var(--faint)}
}
@media(max-width:900px){
  .cr-nav{display:none}
  .cr-cards,.cr-facts,.cr-offers{grid-template-columns:1fr}
  .cr-card{border-left:0;border-top:1px solid var(--rule2)}
  .cr-card:first-child{border-top:0}
  .cr-rows{grid-template-columns:1fr}
  .cr-rows .cr-row:last-child{grid-column:auto}
}
@media(max-width:760px){
  .cr-wrap,.cr-hd-in,.cr-ft-in{padding:0 18px}
  .cr-sec,.cr-timing,.cr-form-sec{padding:52px 0}
  /* the card cannot sit over a 350 px wide England: it goes above the map */
  .cr-lede{position:static;width:auto;padding:26px 18px 28px;border:0;border-bottom:1px solid var(--rule2);
    background:var(--paper)}
  .cr-h1{font-size:28px}
  .cr-lead{max-width:none;font-size:14.5px}
  .cr-actions .cr-btn{flex:1 1 auto;text-align:center}
  .cr-stage{height:clamp(380px,62vh,620px)}
  .cr-mapbtn{display:block}
  .cr-panel{top:auto;right:0;left:0;bottom:0;width:auto;max-height:76%;border-left:0;border-right:0;
    border-bottom:0;border-top:1px solid var(--ink);visibility:hidden;transform:translateY(101%);
    transition:transform .18s ease-out,visibility .18s}
  .cr-panel.open{visibility:visible;transform:none}
  /* three keys on a phone: the two quiet classes are named in the filter panel */
  .cr-legend{left:14px;bottom:14px;gap:3px;padding:8px 11px;background:rgba(251,250,246,.94)}
  .cr-legend span{font-size:10.5px;gap:7px}
  .cr-legend span:nth-child(n+4){display:none}
  .cr-legend i{width:8px;height:8px}
  .cr-count{padding:14px 18px}
  .cr-cmeta{padding:12px 18px;gap:12px}
  .cr-pop .leaflet-popup-content{width:238px!important}
  .cr-table{min-width:760px}
}
@media(max-width:560px){
  .cr-hd-in{gap:14px}
  .cr-byline{display:none}
  .cr-hd .cr-cta{padding:8px 11px;font-size:11.5px}
  .cr-wordmark{font-size:13px;letter-spacing:.15em}
  .cr-counters{grid-template-columns:1fr}
  .cr-count{border-left:0;border-bottom:1px solid var(--faint)}
  .cr-count:nth-child(-n+2){border-bottom:1px solid var(--faint)}
  .cr-cmeta{flex-direction:column;gap:5px}
}
@media(max-width:420px){
  .cr-h1{font-size:26px}
  .cr-actions{flex-direction:column}
  .cr-actions .cr-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- working forms (10.09): honeypot, consent, order block, privacy ---- */
.cr-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.cr-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--mut);margin:4px 0 6px}
.cr-consent input{margin-top:3px;flex:none}
.cr-opt-lab{font-weight:400;color:var(--mut2)}
.cr-form textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--rule2);background:var(--sheet);color:var(--ink);resize:vertical}
.cr-form textarea:focus{outline:2px solid var(--green);outline-offset:1px}
.cr-order{margin-top:40px;padding-top:32px;border-top:1px solid var(--rule)}
.cr-order .cr-sec-hd h3{font-size:22px;margin:0 0 8px}
.cr-form-order{max-width:640px}
.cr-msg.ok{color:var(--green-deep)}
.cr-msg.err{color:var(--dot-i)}
.cr-privacy p{max-width:72ch;font-size:13px;line-height:1.65;color:var(--mut)}