/* Shared look for the written pages (About, countries, privacy, terms). The dashboard has its own styles in index.html. */
*,*::before,*::after{box-sizing:border-box}
:root{--bg:#eef2f6;--card:#fff;--ink:#0d2238;--mut:#5b6e84;--line:#d6dfe9;--acc:#0b7a8f;
--f-coal:#5b6472;--f-gas:#f97316;--f-oil:#7c3f1d;--f-nuclear:#a855f7;--f-wind:#0d9488;--f-solar:#f59e0b;--f-hydro:#3b82f6;--f-bio:#65a30d;--f-other:#f472b6}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a1626;--card:#10233a;--ink:#e6eef8;--mut:#8fa5bd;--line:#1d3452;--acc:#3cc0d6;
--f-coal:#9aa3b2;--f-gas:#ea580c;--f-oil:#8f5530;--f-nuclear:#b06cf2;--f-wind:#0d9488;--f-solar:#c98500;--f-hydro:#3b82f6;--f-bio:#6aa516;--f-other:#db2777}}
:root[data-theme="dark"]{--bg:#0a1626;--card:#10233a;--ink:#e6eef8;--mut:#8fa5bd;--line:#1d3452;--acc:#3cc0d6;
--f-coal:#9aa3b2;--f-gas:#ea580c;--f-oil:#8f5530;--f-nuclear:#b06cf2;--f-wind:#0d9488;--f-solar:#c98500;--f-hydro:#3b82f6;--f-bio:#6aa516;--f-other:#db2777}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding-bottom:env(safe-area-inset-bottom,0px)}
.wrap{max-width:720px;margin:0 auto;padding:0 16px 40px}
a{color:var(--acc)}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;padding:14px 0 12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.logo{display:inline-flex;align-items:center;gap:8px;font:700 22px/1 Georgia,ui-serif,serif;color:var(--ink);text-decoration:none}.logo img{display:block;flex:none}
.top nav{display:flex;gap:14px;font-size:14px;font-weight:600}.top nav a{text-decoration:none}
h1{font:700 clamp(26px,7vw,36px)/1.15 Georgia,ui-serif,serif;margin:20px 0 10px;letter-spacing:-.01em}
h2{font:600 19px/1.3 system-ui,sans-serif;margin:30px 0 8px}
p{margin:10px 0}.lead{font-size:18px}.mut,.src{color:var(--mut);font-size:14px}.src{margin-top:28px}
ul,ol{padding-left:22px}li{margin:6px 0}
.callout{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:8px;padding:10px 12px}
table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
th{font-weight:600;color:var(--mut);font-size:13px;text-align:right;padding:8px 8px;border-bottom:1px solid var(--line)}
td{padding:8px 8px;text-align:right;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;vertical-align:top}
th:first-child,td:first-child{text-align:left}
.bar{display:flex;height:22px;border-radius:6px;overflow:hidden;margin:12px 0 8px;background:var(--line)}.bar i{display:block;height:100%;box-shadow:inset -2px 0 0 var(--card)}
.key{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;font-size:14px;margin:6px 0 4px}.key li{margin:2px 0;display:flex;align-items:center;gap:7px}.key i{width:10px;height:10px;border-radius:50%;flex:none}.key b{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}
.score{display:flex;gap:14px;align-items:center}.score p{margin:0}
.ring{--c:hsl(calc(var(--p)*1.2) 65% 42%);width:92px;height:92px;flex:none;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--line) 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--bg)}.ring b,.ring span{position:relative;line-height:1.1}.ring b{font:700 28px Georgia,serif}.ring span{font-size:11px;color:var(--mut)}
.links{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
.clist{list-style:none;padding:0;margin:6px 0}.clist li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 10px;border-top:1px solid var(--line);padding:7px 0;margin:0}.clist span{color:var(--mut);font-size:13px;font-variant-numeric:tabular-nums}
.steps li{margin:10px 0}
td.num i{display:block;height:6px;min-width:2px;margin-top:4px;border-radius:0 3px 3px 0}th.bw{width:32%}td .mut{font-size:12px}
/* laptops: the text stays a comfortable width; pairs of tables sit side by side, wider than the text */
@media(min-width:720px){.links{grid-template-columns:repeat(3,1fr)}th.bw{width:40%}}
@media(min-width:1100px){.tg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin:0 -160px}.tg>section>table{margin-bottom:0}}
footer{margin-top:36px;border-top:1px solid var(--line);padding-top:12px;color:var(--mut);font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 16px;font-weight:600}
code,pre.code{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--card);border:1px solid var(--line);border-radius:6px}code{padding:0 4px;overflow-wrap:anywhere}
pre.code{padding:8px 10px;margin:8px 0 4px;white-space:pre-wrap;overflow-wrap:anywhere;flex:1 1 100%}
/* "Share this page" (country and energy source pages): plain links to each platform's own share page, no script. Logos from Simple Icons
   (CC0; LinkedIn's from version 9.21.0), in each brand's own colour, or black and white for X; the same drawings as public/share.js. */
.share{margin:28px 0 0}.share h2{margin:0 0 8px}.share ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.share li{margin:0}
.share a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px 8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-weight:600;font-size:15px;line-height:1.2;text-decoration:none}
.share a:hover{border-color:var(--acc)}.share a::before{content:"";width:22px;height:22px;flex:none;background-position:center;background-size:contain;background-repeat:no-repeat}
.share .vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sh-x::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z'/%3E%3C/svg%3E")}
.sh-facebook::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11.6' fill='%23fff'/%3E%3Cpath fill='%230866FF' d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E")}
.sh-linkedin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.5' y='1.5' width='21' height='21' fill='%23fff'/%3E%3Cpath fill='%230A66C2' d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}
.sh-reddit::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23fff'/%3E%3Cpath fill='%23FF4500' d='M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z'/%3E%3C/svg%3E")}
.sh-whatsapp::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23fff'/%3E%3Cpath fill='%2325D366' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E")}
.sh-email::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a8f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M3 6.5l9 6.5 9-6.5'/%3E%3C/svg%3E")}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sh-x::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z'/%3E%3C/svg%3E")}:root:not([data-theme="light"]) .sh-email::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233cc0d6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M3 6.5l9 6.5 9-6.5'/%3E%3C/svg%3E")}}
:root[data-theme="dark"] .sh-x::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z'/%3E%3C/svg%3E")}:root[data-theme="dark"] .sh-email::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233cc0d6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M3 6.5l9 6.5 9-6.5'/%3E%3C/svg%3E")}
.gad{margin:28px 0 0}.gadh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;color:var(--mut);margin-bottom:4px}.gadh span{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.gadh a{font-size:12px;padding:15px 0;margin:-15px 0}.gad:has(ins[data-ad-status="unfilled"]){display:none} /* Google adverts (/ads.js), only when switched on and never for Pro */
/* topic pages: figure tiles, charts drawn in the page, and tables that scroll inside themselves on small phones */
h3{font:600 16px/1.35 system-ui,sans-serif;margin:18px 0 4px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}@media(min-width:620px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stat{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.stat b{display:block;font:700 22px/1.2 Georgia,ui-serif,serif}.stat span{display:block;color:var(--mut);font-size:13px;line-height:1.35;margin-top:2px}
.chart{margin:10px 0;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px}.chart svg{display:block;width:100%;height:auto}
.chart text{fill:var(--mut);font:11px system-ui,sans-serif}.chart .g{stroke:var(--line);stroke-width:1}
.chart figcaption{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--mut);padding:4px 4px 0}.chart figcaption i{display:inline-block;width:18px;border-top:3px solid;vertical-align:middle;margin-right:6px}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.tw table{min-width:100%}
footer nav+nav{margin-top:6px}
@media(max-width:560px){.chart text{font-size:21px}} /* the chart is drawn at 640 wide and shrinks on a phone: bigger labels stay readable */