Misconduct in Public Office - User contributions [en]

Who can commit the crime?

2026-09-26T19:55:53Z

Mark: Migrated from 2024 wiki export

The prosecution must have evidence to show that the suspect is a 'public officer'. There is no simple definition and each case must be assessed individually, taking into account the nature of the role, the duties carried out and the level of public trust involved.

The courts have been reluctant to provide a detailed definition of a public officer. The case-law contains an element of circularity, in that the cases tend to define a public officer as a person who carries out a public duty or has an office of trust. What may constitute a public duty or an office of trust must therefore be inferred from the facts of particular cases.

The judgment of Lord Mansfield in R v Bembridge (1783) 3 Doug KB 32 refers to a public officer having:

' an office of trust concerning the public, especially if attended with profit ... by whomever and in whatever way the officer is appointed'.

It does not seem that the person concerned must be the holder of an 'office' in a narrow or technical sense. The authorities suggest that it is the nature of the duties and the level of public trust involved that are relevant, rather than the manner or nature of appointment.

In R v Whitaker (1914) KB 1283 the court said:

'A public office holder is an officer who discharges any duty in the discharge of which the public are interested, more clearly so if he is paid out of a fund provided by the public.'

This approach was followed in a series of cases from other common law jurisdictions: R v Williams (1986) 39 WIR 129; R v Sacks [1943] SALR 413; R v Boston (1923) 33 CLR 386.

In R v Dytham (1979) 1 QB 723 Lord Widgery CJ talked of 'a public officer who has an obligation to perform a duty'.

Remuneration is a significant factor, but not an essential element. In R v Belton [2010] WLR (D) 283 the defendant was an unpaid voluntary member of the Independent Monitoring Board. The Court of Appeal held that remuneration was not an indispensable requirement for the holding of a public office, or for liability to prosecution for the offence of misconduct in a public office.

The fact that an individual was a volunteer might have a bearing on whether there had been wilful misconduct, but was only indicative rather than determinative of whether an individual held a public office.

The court in Attorney General's Reference No 3 of 2003 [2004] EWCA Crim 868 referred to the unfairness that could arise where people who carry out similar duties may or may not be liable to prosecution depending on whether they can be defined as 'public officers'. What were once purely public functions are now frequently carried out by employees in private employment. An example is the role of the court security officer.

The court declined to define a public officer, however, but said:
'This potential unfairness adds weight, in our view, to the conclusion that the offence should be strictly confined but we do not propose to develop the point or to consider further the question of what, for present purposes, constitutes a public office.'

The following have been accepted as holding a public office by the courts over several centuries:

Coroner (1675) R v Parker 2 Lev 140
Constable (1703) R v Wyatt 1 Salk 380
Accountant in the office of the Paymaster General (1783) R v Bembridge 3 Doug K.B. 32
Justice of the Peace (1791) R v Sainsbury 4 T.R 451
Executive or ministerial officer (1819) R v Friar 1 Chit.Rep (KB) 702
Gaoler (1827) R v Cope 6 A%E 226
Mayor or burgess (1828) Henly v Mayor of Lyme 5 Bing 91
Overseer of the poor (1891) R v Hall 1 QB 747
Army officer (1914) R v Whitaker 10 Cr.App.R.245
County Court registrar (district judge) (1968) R v Llewellyn-Jones 1 Q.B.429
Police officer (1979) R v Dytham 69 Cr.App.R.387
Council maintenance officer (1995) R v Bowden 4 All E.R 505
Local councillor (2004) R v Speechley [2004] EWCA Crim 3067
Member of the Independent Monitoring Board for prisons (2010) R v Belton R v Belton [2010] EWCA Crim 2857

This list is illustrative only of the roles or functions that have been accepted by the courts over the years as falling within the definition of public officer. Each case must be taken on its own facts. The comments of the Court of Appeal in Attorney General's Reference No 3 of 2003 [2004] EWCA Crim 868 must be borne in mind concerning potential unfairness. The court took into account the fact that public functions are now frequently carried out by employees in private employment, for example those concerned with security at courts and the transport of defendants. There was the potential for unfairness if those holding a public office, such as police officers, were to be liable to a sanction not applicable to those in private employment who do similar work.

It is extremely difficult to extract from the cases any general identifying features of public officers in a contemporary context. A person may fall within the meaning of a public officer where one or more of the following characteristics applies to a role or function that they exercise with respect to the public at large:

Judicial or quasi-judicial
Regulatory
Punitive
Coercive
Investigative
Representative (of the public at large)
Responsibility for public funds

This list is not exhaustive and cannot be determinative of whether a person is properly described as a public officer, when acting in a particular capacity. The characteristics should be treated only as a guide and considered in the context of all the facts and circumstances of the particular case.

[[Category:Law and procedure reference]]

Unitary Authorities

2026-09-26T19:54:31Z

Mark: Migrated from 2024 wiki export

==Current list==
Unitary authority areas can additionally have the status of borough or city, although this has no effect on their powers or functions.

{| class="wikitable sortable"
! District
! Local authority
! Created
! Link to page
|-
| [[Bath and North East Somerset]]
| [[Bath and North East Somerset Council]]
| 1996
| Link
|-
| [[Borough of Bedford|Bedford]]
| [[Bedford Borough Council]]
| 2009
| Link
|-
| [[Blackburn with Darwen]]
| [[Blackburn with Darwen Borough Council]]
| 1998
| Link
|-
| [[Blackpool]]
| [[Blackpool Council]]
| 1998
| Link
|-
| [[Bournemouth]]
| [[Bournemouth Borough Council]]
| 1997
| Link
|-
| [[Bracknell Forest]]
| [[Bracknell Forest Borough Council]]
| 1998
| Link
|-
| [[Brighton and Hove]]
| [[Brighton and Hove City Council]]
| 1997
| Link
|-
| [[Bristol]]{{ref|cerem|cerem}}
| [[Bristol City Council]]
| 1996
| Link
|-
| [[Central Bedfordshire]]
| [[Central Bedfordshire Council]]
| 2009
| Link
|-
| [[Cheshire East]]
| [[Cheshire East Council]]
| 2009
| Link
|-
| [[Cheshire West and Chester]]
| [[Cheshire West and Chester Council]]
| 2009
| Link
|-
| [[Cornwall]]{{ref|cerem|cerem}}
| [[Cornwall Council]]
| 2009
| Link
|-
| [[County Durham]]{{ref|cerem|cerem}}
| [[Durham County Council]]
| 2009
| Link
|-
| [[Borough of Darlington|Darlington]]
| [[Darlington Borough Council]]
| 1997
| Link
|-
| [[Derby]]
| [[Derby City Council]]
| 1997
| Link
|-
| [[East Riding of Yorkshire]]{{ref|cerem|cerem}}
| [[East Riding of Yorkshire Council]]
| 1996
| Link
|-
| [[Borough of Halton|Halton]]
| [[Halton Borough Council]]
| 1998
| Link
|-
| [[Borough of Hartlepool|Hartlepool]]
| [[Hartlepool Borough Council]]
| 1996
| Link
|-
| [[Herefordshire]]{{ref|cerem|cerem}}
| [[Herefordshire Council]]
| 1998
| Link
|-
| [[Isle of Wight]]{{ref|cerem|cerem}}
| [[Isle of Wight Council]]
| 1995
| Link
|-
| [[Kingston upon Hull]]
| [[Hull City Council]]
| 1996
| Link
|-
| [[Leicester]]
| [[Leicester City Council]]
| 1997
| Link
|-
| [[Luton]]
| [[Luton Borough Council]]
| 1997
| Link
|-
| [[Medway]]
| [[Medway Council]]
| 1998
| Link
|-
| [[Middlesbrough]]
| [[Middlesbrough Borough Council]]
| 1996
| Link
|-
| [[Borough of Milton Keynes|Milton Keynes]]
| [[Milton Keynes Council]]
| 1997
| Link
|-
| [[North East Lincolnshire]]
| [[North East Lincolnshire Council]]
| 1996
| Link
|-
| [[North Lincolnshire]]
| [[North Lincolnshire Council]]
| 1996
| Link
|-
| [[North Somerset]]
| [[North Somerset Council]]
| 1996
| Link
|-
| [[Northumberland]]{{ref|cerem|cerem}}
| [[Northumberland County Council]]
| 2009
| Link
|-
| [[Nottingham]]
| [[Nottingham City Council]]
| 1998
| Link
|-
| [[Peterborough]]
| [[Peterborough City Council]]
| 1998
| Link
|-
| [[Plymouth]]
| [[Plymouth City Council]]
| 1998
| Link
|-
| [[Poole]]
| [[Poole Borough Council]]
| 1997
| Link
|-
| [[Portsmouth]]
| [[Portsmouth City Council]]
| 1997
| Link
|-
| [[Reading, Berkshire|Reading]]
| [[Reading Borough Council]]
| 1998
| Link
|-
| [[Redcar and Cleveland]]
| [[Redcar and Cleveland Borough Council]]
| 1996
| Link
|-
| [[Rutland]]{{ref|cerem|cerem}}
| [[Rutland County Council]]
| 1997
| Link
|-
| [[Shropshire]]{{ref|cerem|cerem}}
| [[Shropshire Council]]
| 2009
| Link
|-
| [[Slough]]
| [[Slough Borough Council]]
| 1998
| Link
|-
| [[Southampton]]
| [[Southampton City Council]]
| 1997
| Link
|-
| [[Southend-on-Sea]]
| [[Southend-on-Sea Borough Council]]
| 1998
| Link
|-
| [[South Gloucestershire]]
| [[South Gloucestershire Council]]
| 1996
| Link
|-
| [[Borough of Stockton-on-Tees|Stockton-on-Tees]]
| [[Stockton-on-Tees Borough Council]]
| 1996
| Link
|-
| [[Stoke-on-Trent]]
| [[Stoke-on-Trent City Council]]
| 1998
| Link
|-
| [[Borough of Swindon|Swindon]]
| [[Swindon Borough Council]]
| 1998
| Link
|-
| [[Telford and Wrekin]]
| [[Telford and Wrekin Borough Council]]
| 1998
| Link
|-
| [[Thurrock]]
| [[Thurrock Council]]
| 1998
| Link
|-
| [[Torbay]]
| [[Torbay Council]]
| 1998
| Link
|-
| [[Warrington]]
| [[Warrington Borough Council]]
| 1998
| Link
|-
| [[West Berkshire]]
| [[West Berkshire Council]]
| 1998
| Link
|-
| [[Wiltshire]]{{ref|cerem|cerem}}
| [[Wiltshire Council]]
| 2009
| Link
|-
| [[Royal Borough of Windsor and Maidenhead|Windsor and Maidenhead]]
| [[Windsor and Maidenhead Borough Council]]
| 1998
| Link
|-
| [[Borough of Wokingham|Wokingham]]
| [[Wokingham Borough Council]]
| 1998
| Link
|-
| [[York]]
| [[City of York Council]]
| 1996
| Link
|}

[[Category:Law and procedure reference]]

Comparison of s60 and s68 Local Government Miscellaneous Provisions Act 1976

2026-09-26T19:52:16Z

Mark: Migrated from 2024 wiki export

=== 60 Suspension and revocation of vehicle licences. ===
(1)Notwithstanding anything in the Act of 1847 or in this Part of this Act, a district council may suspend or revoke, or (on application therefor under section 40 of the Act of 1847 or section 48 of this Act, as the case may be) refuse to renew a vehicle licence on any of the following grounds:—

(a)that '''the hackney carriage or private hire vehicle is unfit for use as a hackney carriage''' or private hire vehicle;

(b)any offence under, or non-compliance with, the provisions of the Act of 1847 or of this Part of this Act by the operator or driver; or

(c)any other reasonable cause.

(2)Where a district council suspend, revoke or refuse to renew any licence under this section they shall give to the proprietor of the vehicle notice of the grounds on which the licence has been suspended or revoked or on which they have refused to renew the licence within fourteen days of such suspension, revocation or refusal.

(3)Any proprietor aggrieved by a decision of a district council under this section may appeal to a magistrates' court.

=== 68 Fitness of hackney carriages and private hire vehicles. ===
Any authorised officer of the council in question or any constable shall have power at all reasonable times '''to inspect and test, for the purpose of ascertaining its fitness, any hackney carriage or private hire vehicle''' licensed by a district council, or any taximeter affixed to such a vehicle, '''and if he is not satisfied as to the fitness of the hackney carriage or private hire vehicle or as to the accuracy of its taximeter''' he may by notice in writing require the proprietor of the hackney carriage or private hire vehicle to make it or its taximeter available for further inspection and testing at such reasonable time and place as may be specified in the notice and suspend the vehicle licence until such time as such authorised officer or constable is so satisfied:

Provided that, if the authorised officer or constable is not so satisfied before the expiration of a period of two months, the said licence shall, by virtue of this section, be deemed to have been revoked and subsections (2) and (3) of section 60 of this Act shall apply with any necessary modifications.

[[Category:Law and procedure reference]]

Parsing of s60 and s68

2026-09-26T19:51:30Z

Mark: Migrated from 2024 wiki export

=== 60 Suspension and revocation of vehicle licences. ===
a district council may suspend vehicle licence on any of the following grounds:—

(a)that '''the ''vehicle is not of the necessary quality or standard to meet a particular purpose for use as a hackney carriage'''''<nowiki>;</nowiki>

(b)any offence under, or non-compliance with, the provisions of the Act of 1847 or of this Part of this Act by the operator or driver; or

(c)any other reasonable cause.

=== 68 Quality of being suitable to fulfil a particular role or task of vehicles. ===
Any officer shall have power '''to inspect and test, for the purpose of ascertaining its quality of being suitable to fulfil a particular role or task, any '''vehicle, '''and if he is not satisfied as to the quality of being suitable to fulfil a particular role or task '''suspend the vehicle licence until such time as such officer or constable is so satisfied:

if the officer is not so satisfied the said licence be revoked

[[Category:Law and procedure reference]]

What is the remedy?

2026-09-26T19:50:57Z

Mark: Migrated from 2024 wiki export

The use of the common law offence of Misconduct in Public Office should therefore be limited to the following situations:
# Where there is no relevant statutory offence, but the behaviour or the circumstances are such that they should nevertheless be treated as criminal;
# Where there is a statutory offence but it would be difficult or inappropriate to use it. This might arise because of evidential difficulties in proving the statutory offence in the particular circumstances;
# because the maximum sentence for the statutory offence would be entirely insufficient for the seriousness of the misconduct.

[[Category:Law and procedure reference]]

What is misconduct in public office?

2026-09-26T19:50:14Z

Mark: Migrated from 2024 wiki export

The elements of the offence are summarised in Attorney General's Reference No 3 of 2003 [2004] EWCA Crim 868.

The offence is committed when:

*a public officer acting as such
*wilfully neglects to perform his duty and/or wilfully misconducts himself
*to such a degree as to amount to an abuse of the public's trust in the office holder
*without reasonable excuse or justification

The offence of misconduct in public office was defined in Russell On Crime, 12th Edition (1964) (J W Cecil Turner) in this way:

"Where a public officer is guilty of misbehaviour in office by neglecting a duty imposed upon him either at common law or by statute, he commits a misdemeanour and is liable to indictment unless another remedy is substituted by statute. The liability exists whether he is a common law or a statutory officer; and a person holding an office of important trust and of consequence to the public, under letters patent or derivatively from such authority, is liable to indictment for not faithfully discharging the office."

Contains public sector information licensed under the Open Government Licence v2.0
https://www.cps.gov.uk/legal-guidance/misconduct-public-office
http://www.nationalarchives.gov.uk/doc/open-government-licence/version/2/

[[Category:Law and procedure reference]]

National Government

2026-09-26T19:49:00Z

Mark: Migrated from 2024 wiki export

* [[Attorney General's Office (United Kingdom)|Attorney General's Office]]
* [[Cabinet Office]]
* [[Department for Business, Energy and Industrial Strategy]]
* [[Department for Digital, Culture, Media and Sport]]
* [[Department for Education]]
* [[Department for Environment, Food and Rural Affairs]]
* [[Department for Exiting the European Union]]
* [[Department for International Development]]
* [[Department for International Trade]]
* [[Department for Transport]]
* [[Department for Work and Pensions]]
* [[Department of Health and Social Care]]
* [[Foreign and Commonwealth Office]]
* [[HM Treasury|Her Majesty's Treasury]]
* [[Home Office]]
* [[Ministry of Defence (United Kingdom)|Ministry of Defence]]
* [[Ministry of Housing, Communities and Local Government]]
* [[Ministry of Justice (United Kingdom)|Ministry of Justice]]
* [[Northern Ireland Office]]
* [[Advocate General for Scotland|Office of the Advocate General for Scotland]]
* [[Office of the Leader of the House of Commons]]
* [[Office of the Leader of the House of Lords]]
* [[Office of the Secretary of State for Wales]]
* [[Scotland Office]]
* [[UK Export Finance]]

* [[Charity Commission for England and Wales]]
* [[Competition and Markets Authority]]
* [[Crown Prosecution Service]]
* [[Food Standards Agency]]
* [[Forestry Commission]]
* [[Government Actuary's Department]]
* [[Government Legal Department]]
* [[HM Land Registry|Her Majesty's Land Registry]]
* [[HM Revenue and Customs|Her Majesty's Revenue and Customs]]
* [[National Crime Agency]]
* [[National Savings and Investments]]
* [[Ofsted|Office for Standards in Education, Children's Services and Skills]]
* [[Office of Gas and Electricity Markets]]
* [[Ofqual|Office of Qualifications and Examinations Regulation]]
* [[Office of Rail and Road]]
* [[Ordnance Survey]]
* [[Serious Fraud Office (United Kingdom)|Serious Fraud Office]]
* [[Supreme Court of the United Kingdom]]
* [[The National Archives (United Kingdom)|The National Archives]]
* [[UK Statistics Authority]]
* [[UK Trade & Investment]]
* [[Ofwat|Water Services Regulation Authority]]

[[Category:Law and procedure reference]]

Case Law

2026-09-26T19:47:52Z

Mark: Migrated from 2024 wiki export

*[http://www.bailii.org/cgi-bin/format.cgi?doc=/ew/cases/EWCA/Crim/2004/868.html&query=%22misconduct+in+public+office%22 <nowiki>Attorney General's Reference No 3 of 2003 [2004 EWCA 868]</nowiki>]
*[https://swarb.co.uk/rex-v-bembridge-1783/ R v Bembridge (1783) 3 Doug KB]
*R v Whitaker (1914) KB 1283
*R v Williams (1986) 39 WIR 129
*R v Sacks (1943) SALR 413;
*R v Boston (1923) 33 CLR 386.
*R v Dytham (1979) 1 QB 723
*R v W (2010) EWCA 372
*R v G (2003) UK HL 50
*R v Borron (1820) 3 B&Ald 432
*R v Dunn (2003) 2 Cr.App.R.(S)
*R v Sookoo (2002) EWCA Crim 800

[[Category:Law and procedure reference]]

MediaWiki:Common.css

2026-09-26T02:22:53Z

Mark:

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.3125rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.50;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

MediaWiki:Common.css

2026-09-25T23:29:17Z

Mark:

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.3125rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.65;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

Misconduct in Public Office:Corrections policy

2026-09-25T23:16:04Z

Mark: Fix accidental preformatted-text rendering from leading whitespace

''Last revised 25 May 2026. This policy sets out how corrections are handled
on misconductinpublicoffice.org. Corrections are part of how the campaign
demonstrates its editorial integrity. They are taken seriously, made
promptly, and recorded permanently.''

== Summary ==

* If we have got something wrong, we will correct it.
* Corrections are made openly, with a note on the page showing what was
changed, when, and why.
* The original wording remains accessible through the page history.
* Material errors are corrected within 48 hours of acceptance; smaller
matters within 7 days.
* A public log of all corrections is maintained at [[Project:Corrections log]].
* Anyone may request a correction by writing to the editor.

== Why this matters ==

The campaign relies on the credibility of what it publishes. A site that quietly
edits its own record without acknowledgement is harder to trust than one that
shows its workings. A site that refuses to correct errors when shown is
indefensible. The discipline of acknowledging error is the same discipline that
makes the rest of the editorial work defensible.

This policy is also the operational counterpart to the [[Project:Complaints
and takedown policy|complaints and takedown policy]]. A complaint of factual
inaccuracy upheld under that policy results in a correction made under this
one. The two policies work together.

== Categories of correction ==

We distinguish four categories. The category determines how the correction
appears on the page and how it is logged.

=== 1. Correction ===

A '''correction''' is made where a factual assertion has been shown to be
inaccurate, or where an attribution has been wrongly made. Corrections deal
with matters of fact, not matters of opinion or interpretation.

Examples:

* A date is wrong.
* A name is misspelled.
* A statutory provision is misquoted or its number transposed.
* A document is attributed to the wrong author or court.
* A figure (an amount, a number of cases, a count of pages) is wrong.

The correction appears on the page at the point of the error, with the original
wording struck through if helpful for context. A note at the top of the page
identifies that a correction has been made, the date it was made, and the
substance of what was changed.

=== 2. Clarification ===

A '''clarification''' is made where the original wording was open to a meaning
we did not intend, where context was insufficient, or where a partial truth
read as more than it should have done. Clarifications do not assert prior
error; they add or rebalance.

Examples:

* The original wording could be read as imputing personal misconduct where a
reference to institutional conduct was intended.
* A summary of a court judgment was accurate but omitted a qualifying
paragraph the reader needed to know.
* A statistic was correctly cited but without the comparator that gave it
context.

The clarification appears as a note inline or at the foot of the section,
identifying what has been added or rebalanced. The original wording remains.

=== 3. Retraction ===

A '''retraction''' is made where a substantive claim cannot be sustained on
reflection, after representations, or in the light of further evidence. A
retraction is a stronger step than a correction: it withdraws an assertion
rather than fixing it.

Where a substantive claim is retracted, the assertion is removed from the
running text. A retraction notice replaces it, identifying what was previously
said and that it has been withdrawn. The original wording is recoverable
through page history but does not appear in the current published version.

Where a whole page is retracted, the page is replaced with a retraction notice
that identifies the page that previously existed, the date of retraction, and
the reasons for retraction. The page history remains available.

=== 4. Annotation ===

An '''annotation''' is made where the content remains accurate but events
since publication require the reader's attention. Annotations are typically
made when proceedings have moved on, when a person has changed role or
status, or when a related matter has been concluded elsewhere.

Examples:

* Proceedings referenced as pending have now been decided.
* The named office-holder has left the role.
* The body referenced has been reorganised or renamed.

Annotations appear as dated notes at the top of the page or in the relevant
section. They do not amend the original content.

== Where corrections appear ==

Every correction (of any of the four categories) appears in two places:

# '''On the page itself''', as set out for each category above. The page
carries a banner or note flagging that a correction has been made, with the
date and a brief description.
# '''In the corrections log''' at [[Project:Corrections log]], which is a
running record of every correction made on the site, organised by date and
by page.

The corrections log is searchable, linkable, and itself permanent. It is one
of the documents we expect any serious reader of the site to be able to
inspect.

== Timescales ==

We aim to act on corrections promptly:

* '''Material errors of fact''' (a substantive misstatement that affects a
reader's understanding of the subject-matter): corrected within '''48 hours'''
of acceptance.
* '''Less material errors''' (typographical errors, transposed references,
formatting issues): corrected within '''7 days''' of acceptance.
* '''Retractions''' of substantive content: made within '''48 hours''' of the
decision to retract; the decision itself may take longer where the matter
requires deliberation.
* '''Annotations''' for evolving matters: made promptly when the editor becomes
aware of the change of circumstances.

Where a correction is urgent because of the risk of continued harm to a
subject, we will act as quickly as reasonably possible, including outside
normal working hours where necessary.

== How to request a correction ==

If you believe content on the site contains an error of fact, please tell us.

The fastest route is by email to <code>editor@misconductinpublicoffice.org</code>.
Please include:

# A link to the page or pages where the error appears.
# A quotation or specific identification of the wording you say is wrong.
# What you say the correct position is.
# Where possible, a source for the correct position. This can be a primary
document, a contemporaneous record, a published reference, or your own
first-hand knowledge — whichever is appropriate.

You do not need to use a specific form of words. A clear, plain-English message
is enough.

Where the correction concerns a person identified on the site, the request can
also be made under the [[Project:Complaints and takedown policy|complaints and
takedown policy]]; the corrections procedure runs in parallel. Where the
correction concerns a document, an interpretation, or a procedural matter,
this route is direct.

We will:

* Acknowledge your request within '''7 days'''.
* Investigate.
* Respond within '''28 days''' with our position, which may be to accept the
correction, to accept it in part, or to reject it with reasons.
* If we accept the correction, make it within the relevant timescale above.

== Editorial determination ==

Whether a correction is required is an editorial decision, made by the editor.
We do not act on assertions of error that are themselves unsupported. The
discipline of correction depends on a parallel discipline of resisting demands
for correction that are unfounded.

In particular:

* A different interpretation of an event is not an error and does not give
rise to a correction. It may, however, give rise to a right-of-reply
submission under the [[Project:Right-of-reply policy|right-of-reply policy]],
which is reproduced verbatim on the page.
* A demand to remove unfavourable but accurate content is not a request for
correction and will be dealt with under the complaints procedure.
* Where the requester provides a source we cannot verify, or where the source
contradicts other primary documents we hold, we will explain that in our
response and not act on the request unless and until further evidence is
provided.

Where we are uncertain, we err on the side of correction. The cost of a
correction made unnecessarily is small; the cost of an error left in place is
substantial.

== Preserving the record ==

Every revision of every page on this site is preserved in the page history.
A correction does not remove the original wording from the historical record;
it changes the current published version while keeping the prior version
accessible by version number and date.

This applies even to retractions. Retracted material remains in the page
history; the current page identifies that it has been retracted. The aim is
that any reader who wants to see what was previously said, when, and what was
changed, can do so.

We will not delete a page from the page history except where required to by
law, or where the page contains material so problematic (for example, personal
data we should never have published in the first place) that the harm of
continued accessibility outweighs the principle of preservation. Where we
delete from page history, the corrections log records that fact and the reasons,
without reproducing the deleted material.

== Corrections that affect other pages ==

Where a corrected fact appears elsewhere on the site, we propagate the
correction. This usually requires manual editing of every page where the
incorrect fact was repeated. We aim to identify all such occurrences in our
investigation of the correction and to address them in the same correction
exercise.

Where we identify additional occurrences after the original correction is
made, we treat them as further corrections logged separately. The log records
the connection between them.

== Annual review ==

Each calendar year, the editor reviews the corrections log against the
editorial output for the year. The review identifies:

* Categories of error that have recurred and require systemic attention.
* Pages that have required multiple corrections, which may indicate a
structural issue rather than discrete errors.
* The aggregate volume of corrections, which is published in periodic
transparency reporting at [[Project:Transparency]].

The review is not itself published, but the findings inform the
[[Project:Editorial policy|editorial policy]] and the way subsequent pages are
written.

== Relationship to other policies ==

* The [[Project:Complaints and takedown policy|complaints and takedown policy]]
provides the formal route for complaints, including complaints of factual
inaccuracy. Where such a complaint is upheld, the correction is made under
this policy.
* The [[Project:Right-of-reply policy|right-of-reply policy]] provides for
publication of responses by named persons. Where the response identifies a
factual error, the correction is made under this policy and the response is
published in addition.
* The [[Project:Editorial policy|editorial policy]] sets the standards by
reference to which an assertion is judged to have been in error.
* The [[Project:Privacy policy|privacy policy]] governs requests for
rectification under UK GDPR; such requests are handled in coordination with
this policy where they concern published content.

== Bad-faith correction requests ==

A correction request is not bad-faith merely because the editor disagrees
with it. We expect to receive many requests we do not act on, including some
that we think are wrong. Disagreement is not bad faith.

A correction request is bad-faith only where the requester knows or ought to
know that the basis on which they are seeking correction is itself
misleading. We do not log routine disagreements as bad-faith.

Where a request is genuinely bad-faith — for example, a request to "correct"
accurate reporting of public proceedings by replacing it with an untrue
account — we may, in addition to declining the request, publish the
correspondence under the bad-faith provision of the [[Project:Complaints and
takedown policy|complaints and takedown policy]]. This is rare and is not done
lightly.

== Contact ==

To request a correction: <code>editor@misconductinpublicoffice.org</code>.

The corrections log is at [[Project:Corrections log]].

== Changes to this policy ==

Material changes to this policy will be flagged at the top of the page and a
record of revisions is maintained in the page history.

[[Category:Policies]]
[[Category:Editorial standards]]

Misconduct in Public Office:Terms of use

2026-09-25T23:16:03Z

Mark: Fix accidental preformatted-text rendering from leading whitespace

''Last revised 25 May 2026. These terms govern use of misconductinpublicoffice.org
("the site"). By using the site, by submitting material to the campaign, or by
editing the wiki, you agree to these terms.''

== Summary ==

* Content on the site is published under a Creative Commons licence, with
exceptions identified below.
* The site provides journalism and public-interest documentation, not legal
advice. Nothing on it creates a solicitor-client or any other professional
relationship.
* You may use the site freely as a reader.
* If you submit material to the campaign, you grant us the right to use it
for editorial purposes within the limits we set out.
* If you edit the wiki (with editor permissions), additional terms apply.
* Your statutory and common-law rights are unaffected by these terms.

== About the site ==

The site is operated by the editor identified at [[Project:About]] as an
independent campaign and accountability archive. It is not a law firm, a
regulator, or a public body. It does not provide legal services. The editor
is, at the date of this policy, a litigant in person in proceedings referenced
on the site.

== No legal advice ==

Nothing published on the site, and no correspondence with the editor through
the site or its associated channels, constitutes legal advice or creates a
solicitor-client relationship.

Specifically:

* The law-explainer pages at [[Law of misconduct in public office]] and
related pages set out general information about the offence of misconduct in
public office and connected legal topics. They do not advise you on your
own circumstances.
* The case-file pages set out the procedural history of specific litigation.
They are not a guide to bringing your own proceedings.
* Correspondence with the editor about a matter is correspondence with a
campaigner, not legal advice. The editor is a litigant in person and is not
qualified to give legal advice. The editor will not give legal advice.

If you have a legal question concerning your own affairs, you should consult a
solicitor or barrister, the Citizens Advice service, or a relevant law centre.
For matters of misconduct in public office specifically, the Crown Prosecution
Service and the police have statutory roles; for prosecutorial decisions, the
DPP's office is the relevant point of contact.

== Content licensing ==

=== Content created by the campaign ===

Editorial content created by the campaign and published on the site is licensed
under the [https://creativecommons.org/licenses/by-sa/4.0/ Creative Commons
Attribution-ShareAlike 4.0 International licence] ("CC BY-SA 4.0"). You are
free to:

* '''Share''' — copy and redistribute the material in any medium or format.
* '''Adapt''' — remix, transform, and build upon the material for any purpose,
including commercially.

Under the following terms:

* '''Attribution''' — you must give appropriate credit, provide a link to the
licence, and indicate if changes were made.
* '''ShareAlike''' — if you remix, transform, or build upon the material, you
must distribute your contributions under the same licence.
* '''No additional restrictions''' — you may not apply legal terms or
technological measures that legally restrict others from doing anything the
licence permits.

=== Court documents and reproduced public documents ===

Court documents, council papers, statutory instruments, and other public
documents reproduced on the site retain whatever licensing or status they have
in their original form. Most fall within Crown copyright with open licensing
under the Open Government Licence, or within fair dealing for reporting of
current events. Reproduction on this site does not place such documents under
CC BY-SA; they remain governed by their original terms.

=== Verbatim responses under the right-of-reply policy ===

Responses submitted by named persons under the right-of-reply policy are
reproduced verbatim. The author of the response retains copyright in their
own words. Publication on the site is made under an implied licence sufficient
to permit reproduction for the purposes for which the response was submitted —
namely publication on the page that names the author and continued retention
as part of the editorial audit record.

=== Third-party material ===

Where third-party material appears on the site (for example, a quotation from
a published article, a screenshot of a public document, an image with
identified provenance), it appears under fair dealing for the purposes of
criticism, review, or news reporting under sections 30 and 30A of the Copyright,
Designs and Patents Act 1988. Sufficient attribution is given to identify the
work and its author. Where a rights-holder considers the use exceeds fair
dealing, they should make a complaint under the [[Project:Complaints and
takedown policy|complaints and takedown policy]].

== Submitting material to the campaign ==

When you submit material to the campaign — through the contact form, by email,
by post, or by any other channel — the following terms apply.

=== Submissions are not published automatically ===

Material you submit is received privately by the editor. Nothing you submit is
published unless and until the editor decides to publish it. The decision to
publish is an editorial decision based on news values, the public interest,
verification, and legal considerations.

=== Licensing of submitted material ===

By submitting material to the campaign, you grant the campaign a non-exclusive,
royalty-free, perpetual, worldwide licence to:

# Receive and store the material as part of the editorial process.
# Use the material as the basis for editorial decisions, including by
referring to it in correspondence with other sources, with subjects of
coverage exercising their right of reply, and with regulators.
# Where the editor decides to publish the material, publish it in whole or in
part with appropriate context.

You retain ownership and copyright in your material. The licence you grant is
not exclusive — you remain free to publish the same material yourself, to
provide it to other parties, or otherwise to deal with it as you see fit. The
licence does not transfer ownership.

=== Confidentiality of sources ===

Where you have identified yourself as a confidential source, the editor will
not voluntarily disclose your identity to any third party. The campaign
maintains a journalistic-privilege posture in respect of source-identifying
material. See the [[Project:Privacy policy|privacy policy]] for further detail.

=== Warranties from submitters ===

By submitting material, you warrant that:

* You have the right to share the material with the campaign and to grant the
licence described above.
* The material does not infringe the copyright or other rights of any third
party.
* You have not been deceived as to the material's origin or significance by
any party who provided it to you.
* You are not seeking to use the campaign to publish material that is
defamatory of any person, or for any purpose contrary to law.

You do not warrant that the material is true. You may submit material whose
truth is in question; the editor will assess it.

=== Material we will not act on ===

We will not act on material that:

* Was obtained through unlawful intrusion into private communications.
* Has been provided in breach of a court order, contempt of court, or breach
of a non-disclosure order, where compliance with the order is the relevant
legal duty rather than mere inconvenience to the provider.
* Concerns matters wholly outside our editorial scope.

This is not a guarantee. We assess submissions on their merits.

== Use of the site as a reader ==

You may use the site freely as a reader. You may quote, share, and link to
content in accordance with the licensing terms above. We ask that you:

* Quote accurately and in context.
* Where you reproduce substantial content, attribute it and link to the
source page on the site.
* Where you criticise content, engage with what we have actually said rather
than with a parody of it.

These are courtesies, not legal requirements.

== Editing the wiki ==

The wiki is editable only by users with editor permissions, granted by the
editor on a case-by-case basis. If you become an editor, the following
additional terms apply:

# Your editing is subject to the [[Project:Editorial policy|editorial policy]].
# Edits inconsistent with that policy may be reverted.
# You agree that your contributions are licensed under CC BY-SA 4.0.
# You agree to identify yourself by an account name with a reasonable degree
of consistency, and to follow the campaign's discussion conventions.
# Sustained breach of editorial policy may result in revocation of editing
permissions.

== Prohibited uses ==

You may not use the site to:

* Submit material with the intention of misleading the campaign or its
readers.
* Attempt to impersonate the editor, a contributor, or a subject of coverage.
* Use automated means to scrape or harvest content at a rate inconsistent
with normal reading. (Reasonable indexing by search engines is permitted.)
* Attempt to compromise the security of the site or its associated systems.
* Engage in conduct unlawful under English law.

== Disclaimer and limitation of liability ==

The site is provided as a public-interest resource, in good faith, with such
editorial care as the editor can reasonably apply. To the extent permitted by
law:

* The site does not warrant that content is free of errors, that the site
will be available continuously, or that any specific outcome will follow
from use of the site.
* Liability for any indirect, consequential, or special loss arising from use
of the site is excluded.

Nothing in this disclaimer:

* Excludes or limits liability for death or personal injury caused by
negligence.
* Excludes or limits liability for fraud or fraudulent misrepresentation.
* Excludes or limits any liability which cannot lawfully be excluded.

Your statutory and common-law rights are unaffected by these terms.

== Governing law and jurisdiction ==

These terms are governed by the law of England and Wales. The courts of
England and Wales have non-exclusive jurisdiction over any dispute arising
out of or in connection with these terms or the site.

== Changes to these terms ==

We will update these terms when the operation of the site changes, when the
legal regime changes, or when we identify drafting that can be improved.
Material changes will be flagged at the top of the page and a record of
revisions is maintained in the page history. Use of the site following such
a change constitutes acceptance of the revised terms.

== Contact ==

For questions about these terms: <code>editor@misconductinpublicoffice.org</code>.

[[Category:Policies]]
[[Category:Editorial standards]]

Misconduct in Public Office:Complaints and takedown policy

2026-09-25T23:16:02Z

Mark: Fix accidental preformatted-text rendering from leading whitespace

''Last revised 25 May 2026. This policy sets out how to make a complaint about
content on misconductinpublicoffice.org and how the campaign responds. It is
intended to satisfy the procedural requirements of section 5 of the Defamation
Act 2013 in respect of any content not posted by the editor, and to provide
a clear route for complaints in respect of content the editor has posted.''

== Summary ==

If you believe that something on this site is wrong about you, this page tells
you what to do.

* You can complain by email to <code>editor@misconductinpublicoffice.org</code>.
* You can complain by post to the address at [[Project:Contact]].
* We will acknowledge your complaint within '''7 days'''.
* We will respond substantively within '''28 days''' of acknowledgement.
* You may escalate to a regulator if you remain dissatisfied.

The rest of this page sets out the detail.

== Scope ==

This policy applies to:

* Editorial content published on misconductinpublicoffice.org under the
editorial responsibility of the campaign.
* Documents reproduced or hosted on the site, including court documents,
council papers, and other documentary material.
* Responses, reproduced verbatim, that have been submitted by named persons
under the right-of-reply policy.
* Content posted by users on talk pages or in other user-contributed contexts
(such content is governed additionally by the section 5 procedure described
below).

This policy does not apply to:

* Third-party websites or services linked from our pages. Complaints about
content on other sites should be directed to the operator of that site.
* The conduct of the editor outside the campaign.
* Material that has been removed from the site. Material that has been
retracted appears in the page history; it is not republished by being
referenced in a complaints procedure.

== Categories of complaint ==

We handle complaints in several recognised categories, and the procedure
varies slightly by category.

=== Factual inaccuracy ===

You believe that a specific factual assertion on the site is wrong. To make a
complaint of factual inaccuracy:

# Identify the page and the specific assertion you say is inaccurate. A URL,
a section number, and a quotation of the assertion are sufficient.
# State what you say the correct position is.
# Provide a source for the correct position where one is available — for
example, a primary document, a contemporaneous record, or another verifiable
reference.
# Identify yourself and your interest in the matter (whether you are the
subject of the assertion, a person with first-hand knowledge, or otherwise).

We will acknowledge within 7 days, investigate, and respond within 28 days.
Where we accept the complaint, we will publish a correction in accordance with
the [[Project:Corrections policy|corrections policy]]. Where we reject the
complaint, we will explain our reasons in writing.

=== Defamation ===

You believe that material on the site is defamatory of you, of someone you
represent, or of a body of which you are an officer or member. To make a
complaint of defamation:

# Identify the specific words you say are defamatory and the page on which
they appear.
# Identify yourself and the basis of your claim (whether you are the subject
of the words, or authorised to act on the subject's behalf).
# Identify the meaning you say the words bear.
# Set out the basis on which you say the meaning is defamatory and untrue.

We will acknowledge within 7 days. We will then consider whether the material
is defensible on the basis of (a) truth, (b) honest opinion, (c) reporting
privilege, or (d) public-interest publication. We will respond substantively
within 28 days. Our response will set out our position, which may be:

* That we accept the complaint and will remove or amend the material.
* That we accept the complaint in part and will publish a correction or a
qualified amendment.
* That we will publish your statement of position under the [[Project:Right-of-reply
policy|right-of-reply policy]] but consider the underlying material defensible
and will not remove it.
* That we do not accept the complaint and consider the material defensible.

Where we maintain the material, our response will identify the defence on which
we rely and the basis on which we have applied it.

=== Privacy and data protection ===

You believe that the site processes your personal data unlawfully. Such
complaints are handled in accordance with the [[Project:Privacy policy|privacy
policy]]. You have a right of complaint to the Information Commissioner's
Office in addition to the procedure here.

=== Copyright ===

You believe that material on the site infringes your copyright. To make a
copyright complaint:

# Identify the work you say is infringed.
# Identify the material on the site that you say constitutes the infringement.
# Confirm that you are the rights-holder or are authorised to act for the
rights-holder.
# State whether you require removal of the material, attribution, or a licence
arrangement.

We will respond within 14 days. Where we accept the complaint, we will remove
the material or comply with the rights-holder's reasonable requirements. Where
we contest the complaint, we will identify the basis on which we say the
material is published — typically fair dealing for criticism, review, or
reporting of current events, or fair dealing for the purposes of news reporting
of court proceedings.

=== User-contributed content (section 5 Defamation Act 2013) ===

Where the complaint relates to material posted by a user and not by the editor
— for example, on a talk page, or in a comment thread — the section 5
procedure under the Defamation Act 2013 applies. Under that procedure:

# Send a notice of complaint to <code>editor@misconductinpublicoffice.org</code>
meeting the requirements of section 5(6) of the Act and the
Defamation (Operators of Websites) Regulations 2013: specifying your name,
setting out the statement complained of and where it can be read, explaining
why it is defamatory of you, and confirming that you do not have sufficient
information to bring proceedings against the original poster.
# We will respond within 48 hours of receipt acknowledging the complaint.
# Within 5 days of acknowledgement we will contact the poster, where they are
contactable, and ask them whether they agree to removal.
# Where the poster does not respond within 5 days, or agrees to removal, we
will remove the material.
# Where the poster maintains the material and provides identifying information
enabling the complainant to bring proceedings against them, we will pass that
information to the complainant in accordance with the regulations and may
retain the material.

This procedure is mandatory for material covered by section 5. It is set out
here so that complainants and posters both know what to expect.

=== Reproducing material from elsewhere ===

Where the complaint relates to material reproduced on this site that originated
elsewhere (for example, an article from another publication reproduced under
fair dealing, or a quoted statement), we will follow the procedure above and
will additionally consider whether the original publication has been the subject
of a complaint of which we should be aware.

== Procedural rights of complainants ==

In handling any complaint, we commit to:

* '''Acknowledgement.''' We will acknowledge receipt of a complaint within
the timescale identified above for the relevant category.
* '''A named contact.''' We will identify the editor handling your complaint.
Where the editor has a personal interest in the subject-matter of the
complaint, we will identify that interest and explain the basis on which the
editor remains the appropriate contact (the campaign being a one-person
operation).
* '''A substantive response.''' We will not respond with formulaic boilerplate.
Our response will engage with the substance of your complaint and identify
the position taken on each point you raised.
* '''A written record.''' We retain copies of all complaints, our responses,
and any subsequent correspondence. These are part of our editorial audit
trail and are not published, but they are available to regulators and to
proper legal process.
* '''No retaliation.''' We do not retaliate against complainants by publishing
additional content about them, by referring to the complaint on the page
complained of, or by other means. The complaint and our response are
separate from continued editorial coverage.
* '''Right of escalation.''' If you are dissatisfied with our response, you
may escalate to a regulator. The relevant regulators are identified below.

== Procedural rights of subjects ==

Where the complaint relates to content about an identified person, that person
or their representative has, in addition to the above:

* The right to require publication of a response under the [[Project:Right-of-reply
policy|right-of-reply policy]]. The response is reproduced verbatim and is
not subject to editorial alteration.
* The right to have the response remain available for as long as the page that
named them remains published.
* The right to have factual inaccuracies corrected in accordance with the
[[Project:Corrections policy|corrections policy]].

== Escalation ==

If you remain dissatisfied with our response, you have the following routes of
escalation, depending on the nature of the complaint:

=== Independent press regulators ===

The campaign is not a member of an independent press regulator at the date of
this policy. We are reviewing membership of [https://impress.press IMPRESS]
and will update this policy if and when membership is confirmed. Until then,
you may complain to IMPRESS or to the Independent Press Standards Organisation
(IPSO) but we are not formally subject to their jurisdiction.

=== Information Commissioner's Office ===

For complaints about data protection, you may complain to the Information
Commissioner's Office at any time. Their contact details are set out in the
[[Project:Privacy policy|privacy policy]].

=== Courts ===

You retain at all times your right to seek legal remedy through the courts.
Nothing in this policy waives or affects your right to bring proceedings, and
nothing in this policy is to be construed as a contractual term restricting
your access to a tribunal. This policy describes a non-binding pre-action
route for resolving complaints, which we encourage you to use, but it does not
displace any legal right you have.

== Bad-faith complaints ==

We expect complaints to be made in good faith and supported by what their
makers reasonably believe to be true. We reserve the right to publish
correspondence from complainants in cases where:

* The complaint amounts to a threat or attempted intimidation.
* The complaint is part of a coordinated effort to suppress lawful reporting.
* The complaint contains material misrepresentation of fact that the
complainant ought to have known to be false.

In such cases the correspondence may be published in full as part of our
reporting on the matter. This is a journalistic decision taken in the public
interest and is not made lightly. Complainants who write to us in good faith
do not need to be concerned about this provision.

== Records ==

We maintain a register of complaints received. The register records the date,
category, outcome, and time taken to resolve. It does not include the names of
complainants, the contents of complaints, or other personal data. Aggregate
information from the register may be published in periodic transparency
reporting at [[Project:Transparency]].

== Contact ==

To make a complaint, contact:

* Email: <code>editor@misconductinpublicoffice.org</code>
* PGP-encrypted email is accepted; the key is published at [[Project:Contact]].
* Post: address set out at [[Project:Contact]].

== Changes to this policy ==

Material changes to this policy will be flagged at the top of the page and a
record of revisions is maintained in the page history.

[[Category:Policies]]
[[Category:Editorial standards]]

Misconduct in Public Office:Privacy policy

2026-09-25T23:16:01Z

Mark: Fix accidental preformatted-text rendering from leading whitespace

''Last revised 25 May 2026. This policy describes how misconductinpublicoffice.org
processes personal data. It is written to be read by visitors, by data subjects
whose information appears on the site, and by anyone who contacts the campaign.
It is intended to comply with the United Kingdom General Data Protection
Regulation (the "UK GDPR"), the Data Protection Act 2018, and the Privacy and
Electronic Communications Regulations 2003 ("PECR").''

== Who we are ==

For the purposes of UK data protection law, the data controller for this site is
the editor of the campaign, contactable at <code>editor@misconductinpublicoffice.org</code>.
The campaign is not a registered company and is not part of any larger
organisation. It is an independent project operated by an identified individual
in the public interest.

Correspondence about data protection matters may be addressed to the editor at
the above email, or by post via the address set out at [[Project:Contact]].

== Categories of personal data we process ==

We process personal data in three distinct contexts. Each is described below
together with its lawful basis under Article 6 of the UK GDPR, the purpose, the
retention period, and the rights of the data subject.

=== 1. Personal data of subjects of editorial content ===

The site publishes pages about identified individuals and public bodies in the
context of conduct in public office. Where an identified natural person is the
subject of, or is referenced on, a published page, that constitutes processing
of personal data.

'''Categories of data processed''': name; role, office, or capacity in which
the person is referenced; conduct alleged or documented; documentary evidence
in support; the person's response or non-response under our right-of-reply
policy.

'''Lawful basis''': Article 6(1)(f) of the UK GDPR — legitimate interests
pursued by the controller and by the public in receiving information on matters
of public concern. The legitimate interests are: the prevention and exposure of
misconduct in public office, the right of the public to scrutinise the exercise
of public functions, and freedom of expression and information protected by
Article 10 of the European Convention on Human Rights.

The processing also engages the journalistic exemption at paragraph 26 of
Schedule 2 to the Data Protection Act 2018, in that it is undertaken with a
view to the publication of journalistic, academic, or literary material and
the controller reasonably believes that publication would be in the public
interest.

'''Special category data''': where a page references information disclosed in
public court proceedings or in public registers, special category data (for
example, criminal allegations or court findings) may be processed under
Article 9(2)(g) of the UK GDPR (substantial public interest in the publication
of information about misconduct in public office) and Schedule 1 Part 2 of
the Data Protection Act 2018.

'''Retention''': pages and their associated audit records are retained
indefinitely as part of the public record of the campaign, subject to the
corrections, takedown, and right-of-reply policies. Where the person ceases to
hold the public office in connection with which they are named, the page is
retained but updated to reflect that change. Where a person whose conduct is
documented dies, the page is reviewed for whether continued publication remains
in the public interest, but it is not automatically removed.

'''Rights''': as a data subject named in editorial content, you have the right
to: (a) request a copy of the personal data we hold about you; (b) request
rectification of any factual inaccuracy in that data; (c) submit a response
through the right-of-reply policy, which will be published verbatim on the page
that names you; (d) submit a complaint under the [[Project:Complaints and
takedown policy|complaints and takedown policy]]; and (e) complain to the
Information Commissioner's Office.

Where the journalistic exemption applies, certain other rights (notably the
right to erasure under Article 17) are restricted to the extent necessary to
secure the legitimate purpose of publication.

=== 2. Personal data of correspondents and contributors ===

When you contact the campaign — through the [[Project:Contact|contact form]],
by email, by post, by encrypted communication, or by submitting a response to
a notice — we process the personal data you provide.

'''Categories of data processed''': name (where given); email address (where
given); the content of your message; any attachments you provide; the date and
time of your correspondence.

'''Lawful basis''': Article 6(1)(b) of the UK GDPR (processing necessary to
take steps at your request) for processing your correspondence and replying to
it; Article 6(1)(f) (legitimate interests in maintaining the integrity of the
editorial process) for retaining a record of correspondence relevant to
published content.

'''Retention''': correspondence is retained for as long as it is necessary for
the purposes for which it was provided. Routine correspondence is retained for
12 months. Correspondence relevant to a published page (for example,
documentary material provided in support of a published assertion) is retained
as part of the audit record for that page, indefinitely, for the same period
as the page itself.

'''Source protection''': where you have identified yourself as a confidential
source, your identity is held in confidence by the editor and is not voluntarily
disclosed to any third party. The campaign maintains a journalistic-privilege
posture in respect of source-identifying material. Production orders served on
the campaign in respect of such material will be resisted through proper legal
process. We give no guarantees that such resistance will succeed but we
undertake that it will be made.

'''Rights''': you have the right to: (a) request a copy of the personal data we
hold about you; (b) request rectification of inaccurate data; (c) request
erasure of your data (subject to source-related exceptions where the data is
linked to published content that remains in the public interest); (d) withdraw
any consent you previously gave; and (e) complain to the Information
Commissioner's Office.

=== 3. Personal data of visitors to the site ===

When you visit a page on misconductinpublicoffice.org we process limited data
about your visit for operational purposes.

'''Categories of data processed''': IP address, in transient form only, for
rate-limiting and security purposes; user-agent string; the page accessed; the
time of the access. We do not use third-party analytics. We do not use
tracking cookies. We do not use advertising networks.

'''Lawful basis''': Article 6(1)(f) — legitimate interests in maintaining the
security and operational integrity of the site.

'''Retention''': IP addresses are retained in our server logs for a maximum of
72 hours, after which they are purged. Aggregate page-view counts (with no
personal data) are retained indefinitely.

'''Cookies''': the site sets a single session cookie for visitors who log in to
edit the wiki. No cookies are set for read-only visitors. We use no third-party
cookies, no advertising cookies, and no tracking cookies. The session cookie is
a strictly-necessary cookie within the meaning of regulation 6(4) of PECR and
does not require consent.

== Recipients of personal data ==

We do not share personal data with third parties other than:

* '''Hosting and infrastructure providers''', who host the site and the
correspondence systems on our behalf. Our hosting provider is identified at
[[Project:About]]. Infrastructure providers process data under contractual
obligations including obligations to maintain confidentiality and to
implement appropriate security measures.
* '''Legal advisers''', where the editor obtains legal advice in connection
with the site.
* '''Law enforcement and regulators''', where required by law or by a binding
court order. We resist demands that are not legally binding or that exceed
what is required. We publish information about such requests in our
transparency reporting at [[Project:Transparency]] except where prohibited
from doing so by law.
* '''The subject of the relevant content''', in respect of the publication
itself (publication is the disclosure).

We do not sell personal data. We do not transfer personal data to any party
for marketing or commercial purposes. We do not transfer personal data outside
the United Kingdom or the European Economic Area except to providers who
participate in adequacy mechanisms recognised by the UK government.

== Security ==

We implement appropriate technical and organisational measures to protect
personal data, including: end-to-end encryption of correspondence channels
where possible; encryption of personal data at rest in our storage; multi-factor
authentication on all administrative accounts using hardware security keys;
regular backups maintained in encrypted form and stored across multiple
jurisdictions; restricted access to systems containing personal data on the
basis of necessity. Source-identifying material is held with additional
operational security commensurate with the journalistic-privilege posture
described above.

No security measures are perfect. We do not represent that they are. We do
represent that the measures applied are appropriate to the nature of the data
and the risks of processing it.

== Your rights and how to exercise them ==

Under the UK GDPR you have the following rights, subject to the exceptions
identified above:

* '''The right to be informed''' — through this policy.
* '''The right of access''' — to obtain confirmation that we process your data
and a copy of the data we hold.
* '''The right to rectification''' — to have inaccurate data corrected.
* '''The right to erasure''' — to have your data deleted in certain
circumstances. This right is restricted where the data forms part of
published content protected by the journalistic exemption.
* '''The right to restrict processing''' — to limit how we use your data in
certain circumstances.
* '''The right to data portability''' — to receive your data in a structured,
commonly-used machine-readable form.
* '''The right to object''' — to object to processing based on legitimate
interests. Where the processing is for journalistic purposes the right to
object is restricted.
* '''Rights relating to automated decision-making''' — we do not make decisions
about you using automated processing.

To exercise any of these rights, contact the editor at
<code>editor@misconductinpublicoffice.org</code>. We aim to respond within one
calendar month. We do not charge a fee unless the request is manifestly
unfounded or excessive.

If you are dissatisfied with our response, you have the right to lodge a
complaint with the Information Commissioner's Office:

: Information Commissioner's Office
: Wycliffe House
: Water Lane, Wilmslow, Cheshire SK9 5AF
: www.ico.org.uk · 0303 123 1113

We would prefer the opportunity to resolve any concern before you escalate to
the ICO, but you are not required to come to us first.

== Changes to this policy ==

We will update this policy when our processing changes, when the legal regime
changes, or when we identify drafting that can be improved. Material changes
will be flagged at the top of the page and a record of revisions is maintained
in the page history.

== Contact ==

If anything in this policy is unclear, or if you wish to exercise any of the
rights above, please contact <code>editor@misconductinpublicoffice.org</code>.

[[Category:Policies]]
[[Category:Data protection]]

Notice:NQ-2026-014

2026-09-25T17:28:54Z

Mark: Fix stray .uk domain reference to .org

{{Notice-header
| ref = NQ-2026-014
| recipient = Cllr Sheridan Westlake
| role = Conservative councillor, Guildford BC (until 2023)
| pages = [[Guildford Borough Council]]
| sent-by = Mark Rostron
| sent-on = 2 May 2026
| sent-method = email to councillor's registered email
| imputations = Allegation 4 — alteration of TAG minutes
| reply-due = 1 June 2026
| reply-received=
| reply-text =
| status = awaiting-reply
}}

== Notice as sent ==

''Reproduction of the email/letter sent.''

<blockquote>
Dear Cllr Westlake,

I am writing to give you formal notice of a page that has been prepared for
publication on misconductinpublicoffice.org concerning Guildford Borough Council.
The page identifies you by name, in the following context:

[verbatim extract from page]

Before the page is published I am inviting your response under our right-of-reply
policy. You may respond in any of the following ways:

* providing a written statement of any length, which will be reproduced verbatim
on the page;
* identifying any specific factual inaccuracy and supplying the corrected fact
with its source;
* declining to comment.

The reply window is 60 days from the date of this notice. After 60 days the page
will be published with the date of this notice recorded and a note that no
response was received. If you respond after the window closes, your response will
still be added.

A copy of this notice and any response is held at [[Notice:NQ-2026-014]] and
forms part of the public audit record of the campaign.

Yours sincerely,
[name]
</blockquote>

== Correspondence received ==

''Reply verbatim, with date received, or "no response received as at [date]".''

== Status changes ==

* '''2 May 2026''' — Notice drafted and sent
* '''[date]''' — [event]

[[Category:Notices sent]]
[[Category:Notices awaiting reply]]

Misconduct in Public Office:Corrections policy

2026-09-25T17:24:50Z

Mark: Import corrections policy

Misconduct in Public Office:Terms of use

2026-09-25T17:22:39Z

Mark: Import terms of use

Misconduct in Public Office:Complaints and takedown policy

2026-09-25T17:14:57Z

Mark: Import complaints and takedown policy

Misconduct in Public Office:Privacy policy

2026-09-25T17:08:41Z

Mark: Import privacy policy

Template:Submit-information

2026-09-24T23:33:41Z

Mark: Contact form call-to-action block

<noinclude>
Call-to-action block inviting readers to submit information via the contact
form. Place at the foot of relevant pages.

Parameters:
* text — optional override of the default prompt text
</noinclude>

<includeonly><div class="editorial-note">
<div class="editorial-note__label">Have information?</div>
{{#if: {{{text|}}} | {{{text}}} | If you have information relevant to this page, including documents, correspondence, or a correction, please [[Project:Contact|get in touch]]. Submissions can be made anonymously and sensitive material can be handled with source protection measures — see [[Project:Contact]] for details. }}
</div></includeonly>

Template:Last-updated

2026-09-24T23:33:40Z

Mark: Inline last-revision date

<noinclude>
Inserts the page's last-revision date inline, for use within article prose
where currency needs to be stated explicitly (e.g. "as of {{Last-updated}},
no response has been received"). Distinct from the skin's own "Last modified"
footer.
</noinclude>

<includeonly>{{REVISIONDAY}} {{REVISIONMONTHNAME}} {{REVISIONYEAR}}</includeonly>

Template:Cite-source

2026-09-24T23:33:39Z

Mark: Lightweight citation wrapper

<noinclude>
Lightweight citation wrapper. Wraps the Cite extension's <ref> with optional
linking to a hosted Document: page.

Parameters:
* 1 (unnamed) — the citation text
* doc — optional page name in the Document: namespace to link to
</noinclude>

<includeonly><ref>{{{1}}}{{#if: {{{doc|}}} |  ([[Document:{{{doc}}}|source document]])}}</ref></includeonly>

Template:Document-source

2026-09-24T23:32:37Z

Mark: Standalone provenance note block

<noinclude>
Standalone provenance block — use inside a Document: page body (below the
{{Document}} infobox) when the provenance story needs more than the single
infobox line, e.g. a chain-of-custody narrative.

Parameters:
* text — free text describing provenance/chain of custody in full
</noinclude>

<includeonly><div class="editorial-note">
<div class="editorial-note__label">Provenance note</div>
{{{text}}}
</div></includeonly>

Template:Document

2026-09-24T23:32:37Z

Mark: Document infobox with provenance/legal-basis fields

<noinclude>
Infobox for a page in the Document: namespace hosting a primary evidence
document (court filing, FOI response, correspondence, etc.).

Parameters:
* title — document title/description (required)
* doc-type — e.g. "Court bundle", "FOI response", "Correspondence"
* date — date of the document
* provenance — where/how the document was obtained (required per policy)
* redaction — redaction state, e.g. "Unredacted", "Personal data redacted"
* legal-basis — legal basis for hosting (required per policy)
* related — wikilinks to related Case:/Defendant: pages
* anonymous — set to "yes" if source requested anonymity (suppresses provenance display)
</noinclude>

<includeonly>
<div class="infobox">
<div class="infobox__header">
<div class="infobox__kind">Document</div>
<div class="infobox__title">{{{title}}}</div>
</div>
<div class="infobox__body">
{{#if: {{{doc-type|}}} |
<div class="infobox__row">
<div class="infobox__label">Type</div>
<div class="infobox__value">{{{doc-type}}}</div>
</div>
}}
{{#if: {{{date|}}} |
<div class="infobox__row">
<div class="infobox__label">Date</div>
<div class="infobox__value">{{{date}}}</div>
</div>
}}
<div class="infobox__row">
<div class="infobox__label">Provenance</div>
<div class="infobox__value">{{#ifeq: {{{anonymous|}}} | yes | Source anonymised at their request | {{{provenance}}} }}</div>
</div>
{{#if: {{{redaction|}}} |
<div class="infobox__row">
<div class="infobox__label">Redaction</div>
<div class="infobox__value">{{{redaction}}}</div>
</div>
}}
<div class="infobox__row">
<div class="infobox__label">Legal basis</div>
<div class="infobox__value">{{{legal-basis}}}</div>
</div>
{{#if: {{{related|}}} |
<div class="infobox__row">
<div class="infobox__label">Related</div>
<div class="infobox__value">{{{related}}}</div>
</div>
}}
</div>
</div>
[[Category:Documents]]
{{#ifeq: {{{anonymous|}}} | yes | [[Category:Documents from anonymised sources]] }}</includeonly>

Template:Law

2026-09-24T23:31:43Z

Mark: Law infobox template

<noinclude>
Infobox for a page explaining a piece of legislation, doctrine, or legal
concept referenced elsewhere on the wiki.

Parameters:
* name — name of the act/doctrine/concept (required)
* citation — statutory citation (e.g. section/subsection) if applicable
* area — area of law (e.g. "Misconduct in public office", "Defamation")
* summary — one-line description
* related — wikilinks to related Law: pages
</noinclude>

<includeonly>
<div class="infobox">
<div class="infobox__header">
<div class="infobox__kind">Law</div>
<div class="infobox__title">{{{name}}}</div>
</div>
<div class="infobox__body">
{{#if: {{{citation|}}} |
<div class="infobox__row">
<div class="infobox__label">Citation</div>
<div class="infobox__value">{{{citation}}}</div>
</div>
}}
{{#if: {{{area|}}} |
<div class="infobox__row">
<div class="infobox__label">Area</div>
<div class="infobox__value">{{{area}}}</div>
</div>
}}
{{#if: {{{summary|}}} |
<div class="infobox__row">
<div class="infobox__label">Summary</div>
<div class="infobox__value">{{{summary}}}</div>
</div>
}}
{{#if: {{{related|}}} |
<div class="infobox__row">
<div class="infobox__label">Related</div>
<div class="infobox__value">{{{related}}}</div>
</div>
}}
</div>
</div>
[[Category:Law explainers]]</includeonly>

Template:Case

2026-09-24T23:31:42Z

Mark: Case infobox template

<noinclude>
Infobox for a page about a legal case or proceeding.

Parameters:
* name — case name/style (required)
* reference — court reference/citation number
* court — which court/tribunal
* status — one of: active / concluded / pending
* status-label — optional override text for the badge
* parties — brief description of parties
* filed — date filed
* defendants — wikilinks to related Defendant: pages
</noinclude>

<includeonly>
<div class="infobox">
<div class="infobox__header">
<div class="infobox__kind">Case</div>
<div class="infobox__title">{{{name}}}</div>
{{#if: {{{status|}}} |
<span class="infobox__status infobox__status--{{{status}}}">{{#if: {{{status-label|}}} | {{{status-label}}} | {{{status}}} }}</span>
}}
</div>
<div class="infobox__body">
{{#if: {{{reference|}}} |
<div class="infobox__row">
<div class="infobox__label">Reference</div>
<div class="infobox__value">{{{reference}}}</div>
</div>
}}
{{#if: {{{court|}}} |
<div class="infobox__row">
<div class="infobox__label">Court</div>
<div class="infobox__value">{{{court}}}</div>
</div>
}}
{{#if: {{{parties|}}} |
<div class="infobox__row">
<div class="infobox__label">Parties</div>
<div class="infobox__value">{{{parties}}}</div>
</div>
}}
{{#if: {{{filed|}}} |
<div class="infobox__row">
<div class="infobox__label">Filed</div>
<div class="infobox__value">{{{filed}}}</div>
</div>
}}
{{#if: {{{defendants|}}} |
<div class="infobox__row">
<div class="infobox__label">Defendants</div>
<div class="infobox__value">{{{defendants}}}</div>
</div>
}}
</div>
</div>
[[Category:Cases]]</includeonly>

Template:Defendant

2026-09-24T23:30:44Z

Mark: Defendant infobox template

<noinclude>
Infobox for a page about a defendant/subject — a person or body who is the
subject of allegations on this wiki.

Parameters:
* name — full name (required)
* role — position/title
* body — organisation they belong to
* status — one of: active / concluded / pending (affects badge colour)
* status-label — optional override text for the badge (default: value of status)
* cases — wikilinks to related Case: pages, pipe-separated is fine as raw wikitext
* notices — wikilinks to related Notice: pages
</noinclude>

<includeonly>
<div class="infobox">
<div class="infobox__header">
<div class="infobox__kind">Defendant</div>
<div class="infobox__title">{{{name}}}</div>
{{#if: {{{status|}}} |
<span class="infobox__status infobox__status--{{{status}}}">{{#if: {{{status-label|}}} | {{{status-label}}} | {{{status}}} }}</span>
}}
</div>
<div class="infobox__body">
{{#if: {{{role|}}} |
<div class="infobox__row">
<div class="infobox__label">Role</div>
<div class="infobox__value">{{{role}}}</div>
</div>
}}
{{#if: {{{body|}}} |
<div class="infobox__row">
<div class="infobox__label">Body</div>
<div class="infobox__value">{{{body}}}</div>
</div>
}}
{{#if: {{{cases|}}} |
<div class="infobox__row">
<div class="infobox__label">Cases</div>
<div class="infobox__value">{{{cases}}}</div>
</div>
}}
{{#if: {{{notices|}}} |
<div class="infobox__row">
<div class="infobox__label">Notices</div>
<div class="infobox__value">{{{notices}}}</div>
</div>
}}
</div>
</div>
[[Category:Defendants]]</includeonly>

Template:Asserted-fact

2026-09-24T23:29:33Z

Mark: Flag template for established facts

<noinclude>
Flags a claim as established fact — documented and sourced, not alleged or
opinion. Renders in green to distinguish from allegation/opinion.

Parameters:
* text — the fact being asserted (required)
* title — optional heading override (default: "Established fact")
* source — citation or reference (strongly recommended)
</noinclude>

<includeonly><div class="flag flag--fact">
<div class="flag__head">
<span class="flag__type">Established fact</span>
{{#if: {{{title|}}} | <span class="flag__title">{{{title}}}</span> }}
</div>
<div class="flag__body">{{{text}}}</div>
{{#if: {{{source|}}} |
<div class="flag__foot"><span>'''Source''' {{{source}}}</span></div>
}}
</div>
[[Category:Pages containing established facts]]</includeonly>

Template:Sub-judice

2026-09-24T23:29:33Z

Mark: Flag template for sub judice content

<noinclude>
Flags a page or section as published despite an active right-of-reply window
or ongoing proceedings, with mandatory editorial justification. Per the page
approval checklist, a page carrying this flag may be approved even while the
underlying {{Right-of-reply}} notice is still within its window — this is
the only route around that block, and use should be rare.

Parameters:
* text — what is sub judice / why caution applies (required)
* justification — mandatory editorial reasoning for publishing anyway
</noinclude>

<includeonly><div class="flag flag--subj">
<div class="flag__head">
<span class="flag__type">Sub judice</span>
</div>
<div class="flag__body">{{{text}}}</div>
<div class="flag__foot"><span>'''Editorial justification''' {{{justification}}}</span></div>
</div>
[[Category:Pages published under sub judice justification]]</includeonly>

Template:Opinion

2026-09-24T23:29:32Z

Mark: Flag template for opinions

<noinclude>
Flags a claim as the campaign's own opinion or contention, as distinct from
established fact or unresolved allegation. Per editorial policy, if a
response disputes an opinion, the opinion stands but the response is
reproduced alongside via {{Right-of-reply}}.

Parameters:
* text — the opinion itself (required)
* title — optional heading override (default: "Opinion")
* by — optional attribution (default: "the campaign")
</noinclude>

<includeonly><div class="flag flag--opinion">
<div class="flag__head">
<span class="flag__type">Opinion</span>
{{#if: {{{title|}}} | <span class="flag__title">{{{title}}}</span> }}
</div>
<div class="flag__body">{{{text}}}</div>
<div class="flag__foot"><span>'''Held by''' {{#if: {{{by|}}} | {{{by}}} | the campaign }}</span></div>
</div>
[[Category:Pages containing opinions]]</includeonly>

Template:Allegation

2026-09-24T23:29:31Z

Mark: Flag template for allegations

<noinclude>
Flags a claim as an allegation — something asserted by the campaign but not
established as fact. Renders in amber/ochre to distinguish from established
fact.

Parameters:
* text — the allegation itself (required)
* title — optional heading override (default: "Allegation")
* source — optional citation or reference for the allegation
</noinclude>

<includeonly><div class="flag flag--allegation">
<div class="flag__head">
<span class="flag__type">Allegation</span>
{{#if: {{{title|}}} | <span class="flag__title">{{{title}}}</span> }}
</div>
<div class="flag__body">{{{text}}}</div>
{{#if: {{{source|}}} |
<div class="flag__foot"><span>'''Source''' {{{source}}}</span></div>
}}
</div>
[[Category:Pages containing allegations]]</includeonly>

Notice:NQ-2026-014

2026-09-24T23:17:36Z

Mark: Recreated in Notice namespace (3000)

{{Notice-header
| ref = NQ-2026-014
| recipient = Cllr Sheridan Westlake
| role = Conservative councillor, Guildford BC (until 2023)
| pages = [[Guildford Borough Council]]
| sent-by = Mark Rostron
| sent-on = 2 May 2026
| sent-method = email to councillor's registered email
| imputations = Allegation 4 — alteration of TAG minutes
| reply-due = 1 June 2026
| reply-received=
| reply-text =
| status = awaiting-reply
}}

== Notice as sent ==

''Reproduction of the email/letter sent.''

<blockquote>
Dear Cllr Westlake,

I am writing to give you formal notice of a page that has been prepared for
publication on misconductinpublicoffice.uk concerning Guildford Borough Council.
The page identifies you by name, in the following context:

[verbatim extract from page]

Before the page is published I am inviting your response under our right-of-reply
policy. You may respond in any of the following ways:

* providing a written statement of any length, which will be reproduced verbatim
on the page;
* identifying any specific factual inaccuracy and supplying the corrected fact
with its source;
* declining to comment.

The reply window is 60 days from the date of this notice. After 60 days the page
will be published with the date of this notice recorded and a note that no
response was received. If you respond after the window closes, your response will
still be added.

A copy of this notice and any response is held at [[Notice:NQ-2026-014]] and
forms part of the public audit record of the campaign.

Yours sincerely,
[name]
</blockquote>

== Correspondence received ==

''Reply verbatim, with date received, or "no response received as at [date]".''

== Status changes ==

* '''2 May 2026''' — Notice drafted and sent
* '''[date]''' — [event]

[[Category:Notices sent]]
[[Category:Notices awaiting reply]]

Notice:NQ-2026-014

2026-09-24T23:14:20Z

Mark: Example notice page from right-of-reply-templates.txt

{{Notice-header
| ref = NQ-2026-014
| recipient = Cllr Sheridan Westlake
| role = Conservative councillor, Guildford BC (until 2023)
| pages = [[Guildford Borough Council]]
| sent-by = Mark Rostron
| sent-on = 2 May 2026
| sent-method = email to councillor's registered email
| imputations = Allegation 4 — alteration of TAG minutes
| reply-due = 1 June 2026
| reply-received=
| reply-text =
| status = awaiting-reply
}}

== Notice as sent ==

''Reproduction of the email/letter sent.''

<blockquote>
Dear Cllr Westlake,

I am writing to give you formal notice of a page that has been prepared for
publication on misconductinpublicoffice.uk concerning Guildford Borough Council.
The page identifies you by name, in the following context:

[verbatim extract from page]

Before the page is published I am inviting your response under our right-of-reply
policy. You may respond in any of the following ways:

* providing a written statement of any length, which will be reproduced verbatim
on the page;
* identifying any specific factual inaccuracy and supplying the corrected fact
with its source;
* declining to comment.

The reply window is 60 days from the date of this notice. After 60 days the page
will be published with the date of this notice recorded and a note that no
response was received. If you respond after the window closes, your response will
still be added.

A copy of this notice and any response is held at [[Notice:NQ-2026-014]] and
forms part of the public audit record of the campaign.

Yours sincerely,
[name]
</blockquote>

== Correspondence received ==

''Reply verbatim, with date received, or "no response received as at [date]".''

== Status changes ==

* '''2 May 2026''' — Notice drafted and sent
* '''[date]''' — [event]

[[Category:Notices sent]]
[[Category:Notices awaiting reply]]

Template:Notice-header

2026-09-24T23:12:49Z

Mark: Notice-header template (drafted, not in original source file)

<noinclude>
Renders the summary infobox at the top of a Notice: namespace page, and
declares the corresponding Semantic MediaWiki properties so the notice queue
dashboard at [[Project:Notice queue]] can be generated automatically.

Required parameters:
* ref — the notice reference (NQ-YYYY-NNN), matches the page name
* recipient — name of the person notified
* role — their role, for context
* pages — the page(s) that name this person
* sent-by — editor who sent the notice
* sent-on — date sent
* sent-method — how it was sent
* imputations — what was put to them
* reply-due — date the reply window closes
* reply-received — date reply was received (blank if none yet)
* reply-text — short excerpt or summary of the reply (blank if none)
* status — one of: awaiting-reply / reply-received / lapsed
</noinclude>

<includeonly>
<div class="infobox">
<div class="infobox__header">
<div class="infobox__kind">Notice record</div>
<div class="infobox__title">{{{ref}}}</div>
<span class="infobox__status infobox__status--{{#switch: {{{status|}}}
| awaiting-reply = active
| reply-received = concluded
| lapsed = pending
| #default = pending
}}">{{{status}}}</span>
</div>
<div class="infobox__body">
<div class="infobox__row">
<div class="infobox__label">Recipient</div>
<div class="infobox__value">'''{{{recipient}}}'''<br />{{{role}}}</div>
</div>
<div class="infobox__row">
<div class="infobox__label">Named on</div>
<div class="infobox__value">{{{pages}}}</div>
</div>
<div class="infobox__row">
<div class="infobox__label">Sent by</div>
<div class="infobox__value">{{{sent-by}}}</div>
</div>
<div class="infobox__row">
<div class="infobox__label">Sent on</div>
<div class="infobox__value">{{{sent-on}}}</div>
</div>
<div class="infobox__row">
<div class="infobox__label">Method</div>
<div class="infobox__value">{{{sent-method}}}</div>
</div>
<div class="infobox__row">
<div class="infobox__label">Imputations</div>
<div class="infobox__value">{{{imputations}}}</div>
</div>
<div class="infobox__row">
<div class="infobox__label">Reply due</div>
<div class="infobox__value">{{{reply-due}}}</div>
</div>
{{#if: {{{reply-received|}}} |
<div class="infobox__row">
<div class="infobox__label">Reply received</div>
<div class="infobox__value">{{{reply-received}}}</div>
</div>
}}
{{#if: {{{reply-text|}}} |
<div class="infobox__row">
<div class="infobox__label">Reply summary</div>
<div class="infobox__value">{{{reply-text}}}</div>
</div>
}}
</div>
</div>

{{#set:
Recipient={{{recipient}}}
|Role={{{role}}}
|Page named on={{{pages}}}
|Sent on={{{sent-on}}}
|Reply due={{{reply-due}}}
|Status={{{status}}}
}}
</includeonly>

Template:Right-of-reply

2026-09-24T23:08:08Z

Mark: Import from right-of-reply-templates.txt

<noinclude>
Renders the right-of-reply audit block at the foot of any page about a named
person. Reads the response from the linked Notice: page automatically (no need
to duplicate it).

Required parameters:
* notice-ref — unique reference (NQ-YYYY-NNN) — must match a Notice: page
* recipient — to whom the notice was sent
* sent — date notice was sent
* method — how it was sent (email + delivery method)
* imputations — what was put to them, by reference to sections of the page
* reply-due — auto-calculated as sent + 60 days
* reply-received — date a reply was received (leave blank if none)
* response — verbatim response, or 'lapsed' to record non-response after window expired
</noinclude>

<includeonly>
<div class="flag flag--reply">
<div class="flag__head">
<span class="flag__type">Right of reply</span>
<span class="flag__title">Notice and response record — {{{recipient}}}</span>
</div>
<div class="flag__body">
{{#if: {{{response|}}} |
{{#ifeq: {{{response}}} | lapsed |
''<p>Notice of this page was sent to '''{{{recipient}}}''' on '''{{{sent}}}''' by {{{method}}}, identifying the matters at {{{imputations}}} of this page and inviting a response for publication. As at {{{reply-due}}} no response had been received and the reply window has lapsed. Any subsequent response will be added to this page.</p>'' |
''<p>Notice of this page was sent to '''{{{recipient}}}''' on '''{{{sent}}}'''. A response was received on '''{{{reply-received}}}''' and is reproduced below verbatim.</p>
<blockquote class="reply-verbatim">{{{response}}}</blockquote>''
}}
| 
<p>Notice of this page was sent to '''{{{recipient}}}''' on '''{{{sent}}}''' by {{{method}}}, identifying the matters at {{{imputations}}} of this page and inviting a response for publication. As at the date of this revision no substantive response has been received. The 30-day reply window expires on '''{{{reply-due}}}'''. Any response received within or after that window will be reproduced verbatim on this page.</p>
}}
</div>
<div class="flag__foot">
<span>'''Notice ref''' [[Notice:{{{notice-ref}}}|{{{notice-ref}}}]]</span>
<span>'''Sent''' {{{sent}}}</span>
<span>'''Reply by''' {{{reply-due}}}</span>
<span>'''Response''' {{#if: {{{reply-received|}}} | received {{{reply-received}}} | {{#ifeq: {{{response|}}} | lapsed | window lapsed | awaiting }} }}</span>
<span>'''Audit trail''' [[Notice:{{{notice-ref}}}|view notice and correspondence]]</span>
</div>
</div>

{{#if: {{{response|}}} |

[[Category:Pages with right-of-reply complete]]
| {{#ifexpr: ({{#time: U }} - {{#time: U | {{{sent}}} }}) > 2592000 |

[[Category:Pages with overdue reply status update]]
| 
[[Category:Pages blocked from publication — awaiting reply]]
}}
}}
</includeonly>

Template:Named-person

2026-09-24T22:58:02Z

Mark: Import from right-of-reply-templates.txt

<noinclude>
Tags a named person. Renders inline as a small badge linking to their notice
record. Auto-categorises the page into the notice queue.

Required parameters:
* name — full name as it appears on the page
* role — short description of who they are
* context — what they are being named for on this page
* notice-ref — the unique notice queue reference (NQ-YYYY-NNN)

The notice-ref must already exist as a page in the Notice: namespace. If it does
not, the page is auto-categorised into [[Category:Pages with unfiled notices]]
and publication is blocked.
</noinclude>

<includeonly>{{#if: {{{name|}}}{{{role|}}}{{{context|}}}{{{notice-ref|}}} |

<span class="named-person" data-ref="{{{notice-ref}}}">[[Notice:{{{notice-ref}}}|{{{name}}}]] ({{{role}}})</span>

[[Category:Pages naming identified persons]]
{{#ifexist: Notice:{{{notice-ref}}}
| 
| [[Category:Pages with unfiled notices]]
}}
| 
<span class="error">'''Template error:''' {{Named-person}} requires name, role, context, and notice-ref. See [[Project:Right-of-reply policy]].</span>
[[Category:Pages with template errors]]
}}</includeonly>

MediaWiki:Common.css

2026-09-23T07:00:33Z

Mark:

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.3125rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.65;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

/* Drop cap on the first paragraph of articles */
.mw-parser-output > p:first-of-type:first-letter {
font-family: var(--font-serif);
font-size: 2.1em;
float: left;
line-height: 0.75;
margin: -0.05em 0.01em -0.05em 0;
font-weight: 700;
color: var(--c-accent);
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

MediaWiki:Common.css

2026-09-23T06:57:01Z

Mark:

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.3125rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.65;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

/* Drop cap on the first paragraph of articles */
.mw-parser-output > p:first-of-type:first-letter {
font-family: var(--font-serif);
font-size: 3.6em;
float: left;
line-height: 0.75;
margin: -0.05em 0.01em -0.05em 0;
font-weight: 700;
color: var(--c-accent);
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

MediaWiki:Common.css

2026-09-23T06:53:07Z

Mark:

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.3125rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.65;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

/* Drop cap on the first paragraph of articles */
.mw-parser-output > p:first-of-type:first-letter {
font-family: var(--font-serif);
font-size: 4.2em;
float: left;
line-height: 0.75;
margin: -0.05em 0.01em -0.05em 0;
font-weight: 700;
color: var(--c-accent);
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

MediaWiki:Common.css

2026-09-23T06:47:37Z

Mark:

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.25rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.65;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

/* Drop cap on the first paragraph of articles */
.mw-parser-output > p:first-of-type:first-letter {
font-family: var(--font-serif);
font-size: 4.2em;
float: left;
line-height: 0.75;
margin: -0.05em 0.01em -0.05em 0;
font-weight: 700;
color: var(--c-accent);
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

MediaWiki:Common.css

2026-09-22T23:14:36Z

Mark:

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.1875rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.65;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

/* Drop cap on the first paragraph of articles */
.mw-parser-output > p:first-of-type:first-letter {
font-family: var(--font-serif);
font-size: 4.2em;
float: left;
line-height: 0.75;
margin: -0.05em 0.02em -0.05em 0;
font-weight: 700;
color: var(--c-accent);
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

MediaWiki:Common.css

2026-09-22T23:08:32Z

Mark:

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.1875rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.65;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

/* Drop cap on the first paragraph of articles */
.mw-parser-output > p:first-of-type:first-letter {
font-family: var(--font-serif);
font-size: 4.2em;
float: left;
line-height: 0.75;
margin: -0.05em 0.08em -0.05em 0;
font-weight: 700;
color: var(--c-accent);
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

MediaWiki:Common.css

2026-09-22T23:02:56Z

Mark: Created page with "/* CSS placed here will be applied to all skins */ /* ============================================================ MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides Paste into MediaWiki:Common.css inside the wiki, as sysop. ============================================================ Note for the editor: Citizen uses its own CSS variables for typography and colour. The strategy here is to override those variables rather than fight the skin. Adjust..."

/* CSS placed here will be applied to all skins */
/* ============================================================
MISCONDUCT IN PUBLIC OFFICE — Citizen CSS overrides
Paste into MediaWiki:Common.css inside the wiki, as sysop.
============================================================

Note for the editor: Citizen uses its own CSS variables for
typography and colour. The strategy here is to override those
variables rather than fight the skin. Adjust the values in the
:root block at the top; everything else cascades.
============================================================ */

/* ------ FONT LOADING ------------------------------------------ */
/* Crimson Pro for body/headings, Inter Tight for UI, JetBrains
Mono for dates and metadata. Loaded from Google Fonts. If you
self-host fonts (recommended for production), replace the
@import with @font-face declarations pointing to /resources/fonts/. */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ------ DESIGN TOKENS ----------------------------------------- */
/* Override Citizen's CSS custom properties. These cascade through
the entire skin. */

:root,
html.skin-citizen {
/* Typography */
--citizen-font-family-base: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-header: 'Crimson Pro', 'Charter', 'Georgia', serif;
--citizen-font-family-sans: 'Inter Tight', -apple-system, system-ui, sans-serif;
--citizen-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

/* Aliases for our own rules */
--font-serif: var(--citizen-font-family-base);
--font-sans: var(--citizen-font-family-sans);
--font-mono: var(--citizen-font-family-mono);

/* Body-text scale */
--t-body-lead: 1.3125rem; /* 21px — feature decks, hero deck */
--t-body: 1.1875rem; /* 19px — primary body text */
--t-body-sm: 1.0625rem; /* 17px — secondary body */
--t-meta: 0.875rem; /* 14px — captions, fine print */
--t-micro: 0.75rem; /* 12px — UI labels, badges */

/* Display scale */
--t-display: clamp(2.5rem, 5.5vw, 4.5rem);
--t-h1: clamp(1.875rem, 3vw, 2.5rem);
--t-h2: 1.625rem;
--t-h3: 1.25rem;

/* Sober editorial palette */
--c-ink: #0e0e10;
--c-ink-soft: #2a2a2d;
--c-ink-mute: #56565b;
--c-ink-faint: #8a8a90;
--c-rule: #d8d4cc;
--c-rule-soft: #ebe7df;
--c-paper: #fbf8f1;
--c-paper-pure: #ffffff;
--c-paper-sunk: #f4efe5;
--c-accent: #8b1a1a;
--c-accent-soft: #f3e4e4;
--c-accent-ink: #5a0c0c;

/* Flag colours — for {{Allegation}}, {{Opinion}}, etc. */
--c-flag-fact: #1f4a3a;
--c-flag-fact-soft: #e0ebe5;
--c-flag-alleg: #7a4a06;
--c-flag-alleg-soft: #f4e9d4;
--c-flag-opin: #3b3a6e;
--c-flag-opin-soft: #e3e2f0;
--c-flag-subj: #56565b;
--c-flag-subj-soft: #ece9e1;

/* Citizen overrides — colours and accents */
--color-base: var(--c-ink);
--color-emphasized: var(--c-ink);
--color-base--subtle:var(--c-ink-soft);
--color-link: var(--c-accent);
--color-link--visited: var(--c-accent-ink);
--color-link--hover: var(--c-accent-ink);
--color-surface-0: var(--c-paper);
--color-surface-1: var(--c-paper-pure);
--color-surface-2: var(--c-paper-sunk);
--color-surface-3: var(--c-paper-sunk);
--color-primary: var(--c-accent);
--color-primary--hover: var(--c-accent-ink);
}

/* ------ GLOBAL BODY ------------------------------------------- */

body {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
background: var(--c-paper);
color: var(--c-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--c-accent-ink); }

/* ------ HEADINGS ---------------------------------------------- */
/* Unified system: display-scale at weight 500, smaller headings
at 600. Letter-spacing tight at large sizes, eased at small. */

.mw-body h1,
.mw-parser-output h1,
.firstHeading {
font-family: var(--font-serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--c-ink);
margin-bottom: 1rem;
border-bottom: none;
}

.mw-body h2,
.mw-parser-output h2 {
font-family: var(--font-serif);
font-size: var(--t-h2);
font-weight: 600;
letter-spacing: -0.015em;
margin: 2.5rem 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--c-rule);
color: var(--c-ink);
}

.mw-body h3,
.mw-parser-output h3 {
font-family: var(--font-serif);
font-size: var(--t-h3);
font-weight: 600;
letter-spacing: -0.01em;
margin: 1.75rem 0 0.75rem;
color: var(--c-ink);
}

.mw-body h4,
.mw-parser-output h4 {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
color: var(--c-ink-soft);
}

/* Italic in display headings — balanced kerning, accent colour */
.firstHeading em,
.mw-body h1 em,
.mw-parser-output h1 em {
font-style: italic;
font-weight: 500;
color: var(--c-accent);
margin-left: -0.08em;
margin-right: 0.05em;
}

/* Italic in body — slight side-bearing fix */
.mw-parser-output p em,
.mw-parser-output li em {
margin-right: 0.04em;
}

/* ------ BODY PROSE -------------------------------------------- */

.mw-parser-output p {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.65;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
}

/* Drop cap on the first paragraph of articles */
.mw-parser-output > p:first-of-type:first-letter {
font-family: var(--font-serif);
font-size: 4.2em;
float: left;
line-height: 0.85;
margin: 0.08em 0.1em 0 0;
font-weight: 700;
color: var(--c-accent);
}

.mw-parser-output ul,
.mw-parser-output ol {
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.6;
color: var(--c-ink-soft);
margin-bottom: 1.25rem;
padding-left: 1.5rem;
}
.mw-parser-output li { margin-bottom: 0.4rem; }

.mw-parser-output blockquote {
border-left: 3px solid var(--c-accent);
padding: 0.5rem 0 0.5rem 1.5rem;
margin: 1.5rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
font-style: italic;
color: var(--c-ink-soft);
line-height: 1.5;
}

/* ------ MASTHEAD ---------------------------------------------- */
/* Citizen header customisation — bigger logo, breathing room */

.citizen-header {
border-bottom: 1px solid var(--c-rule);
background: rgba(251, 248, 241, 0.94);
backdrop-filter: blur(8px);
}

.citizen-header__logo img {
width: 48px;
height: 48px;
}

.citizen-header__siteTitle {
font-family: var(--font-serif) !important;
font-weight: 600;
font-size: 1.375rem;
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--c-ink);
}

/* Navigation links */
.citizen-header nav a {
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 500;
color: var(--c-ink-soft);
padding: 0.25rem 0;
border-bottom: 2px solid transparent;
}
.citizen-header nav a:hover {
color: var(--c-accent);
text-decoration: none;
}
.citizen-header nav a.is-active {
color: var(--c-ink);
border-bottom-color: var(--c-accent);
}

/* ------ FLAG TEMPLATES (Allegation, Opinion, etc.) ----------- */
/* These classes are emitted by Template:Allegation etc. */

.flag {
border-left: 3px solid;
padding: 1.25rem 1.5rem;
margin: 2rem 0;
border-radius: 0 4px 4px 0;
background: var(--c-paper-sunk);
font-family: var(--font-serif);
}

.flag__head {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.85rem;
}

.flag__type {
font-family: var(--font-sans);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
font-weight: 700;
padding: 3px 9px;
border-radius: 3px;
white-space: nowrap;
}

.flag__title {
font-family: var(--font-serif);
font-size: 1rem;
font-weight: 600;
color: var(--c-ink);
}

.flag__body {
font-size: var(--t-body);
line-height: 1.55;
color: var(--c-ink-soft);
}
.flag__body p:last-child { margin-bottom: 0; }

.flag__foot {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dotted var(--c-rule);
font-family: var(--font-sans);
font-size: 0.75rem;
color: var(--c-ink-mute);
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.flag__foot strong { color: var(--c-ink-soft); font-weight: 600; }

/* Per-type styling */
.flag--subj { border-color: var(--c-flag-subj); background: var(--c-flag-subj-soft); }
.flag--subj .flag__type { background: var(--c-flag-subj); color: var(--c-paper); }

.flag--allegation { border-color: var(--c-flag-alleg); background: var(--c-flag-alleg-soft); }
.flag--allegation .flag__type { background: var(--c-flag-alleg); color: var(--c-paper); }

.flag--opinion { border-color: var(--c-flag-opin); background: var(--c-flag-opin-soft); }
.flag--opinion .flag__type { background: var(--c-flag-opin); color: var(--c-paper); }

.flag--fact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--fact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

.flag--reply { border-color: var(--c-ink-soft); background: var(--c-paper-pure); border: 1px solid var(--c-rule); border-left: 3px solid var(--c-ink-soft); }
.flag--reply .flag__type { background: var(--c-ink-soft); color: var(--c-paper); }

.flag--contact { border-color: var(--c-flag-fact); background: var(--c-flag-fact-soft); }
.flag--contact .flag__type { background: var(--c-flag-fact); color: var(--c-paper); }

/* ------ INFOBOXES (defendant, case, law) ---------------------- */

.infobox {
font-family: var(--font-sans);
font-size: 0.8125rem;
border: 1px solid var(--c-rule);
border-radius: 4px;
margin: 0 0 1.5rem 1.5rem;
background: var(--c-paper-pure);
overflow: hidden;
float: right;
width: 280px;
max-width: 40%;
}

.infobox__header {
padding: 0.85rem 1rem;
border-bottom: 1px solid var(--c-rule);
background: var(--c-paper-sunk);
}

.infobox__kind {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--c-ink-mute);
font-weight: 600;
margin-bottom: 0.25rem;
}

.infobox__title {
font-family: var(--font-serif);
font-size: 1.0625rem;
font-weight: 600;
color: var(--c-ink);
line-height: 1.25;
letter-spacing: -0.01em;
}

.infobox__body { padding: 0.5rem 0; }

.infobox__row {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.8125rem;
}
.infobox__row:last-child { border-bottom: none; }

.infobox__label {
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--c-ink-mute);
font-weight: 600;
padding-top: 2px;
}

.infobox__value {
font-family: var(--font-serif);
color: var(--c-ink-soft);
font-size: 0.875rem;
line-height: 1.4;
}
.infobox__value strong { color: var(--c-ink); font-weight: 500; }

.infobox__status {
display: inline-block;
font-size: 0.6875rem;
font-family: var(--font-sans);
font-weight: 600;
padding: 1px 7px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.infobox__status--active { background: var(--c-flag-alleg-soft); color: var(--c-flag-alleg); }
.infobox__status--concluded { background: var(--c-flag-fact-soft); color: var(--c-flag-fact); }
.infobox__status--pending { background: var(--c-paper-sunk); color: var(--c-ink-soft); }

/* ------ REFERENCES / CITE EXTENSION --------------------------- */

.references,
.mw-references-wrap {
margin-top: 3rem;
padding-top: 1.5rem;
border-top: 1px solid var(--c-rule);
font-family: var(--font-serif);
font-size: 0.9375rem;
line-height: 1.55;
color: var(--c-ink-soft);
}
.references li {
font-size: 0.9375rem !important;
margin-bottom: 0.5rem !important;
}

sup.reference {
font-family: var(--font-sans);
font-size: 0.625rem;
font-weight: 600;
}
sup.reference a {
color: var(--c-accent);
text-decoration: none;
}

/* ------ NAMED-PERSON BADGES (inline) ------------------------- */

.named-person {
display: inline;
border-bottom: 1px dotted var(--c-ink-mute);
cursor: help;
}
.named-person a {
color: inherit;
}
.named-person::after {
content: "*";
font-size: 0.75em;
color: var(--c-accent);
margin-left: 1px;
vertical-align: super;
}

/* ------ TABLES OF AUTHORITIES & SMW QUERY TABLES ------------- */

.wikitable,
.smwtable {
background: var(--c-paper-pure);
border: 1px solid var(--c-rule);
border-collapse: collapse;
font-family: var(--font-sans);
font-size: 0.875rem;
margin: 1.5rem 0;
}
.wikitable th,
.smwtable th {
background: var(--c-paper-sunk);
border-bottom: 1px solid var(--c-rule);
padding: 0.7rem 0.85rem;
text-align: left;
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: var(--c-ink-mute);
}
.wikitable td,
.smwtable td {
padding: 0.85rem;
border-bottom: 1px solid var(--c-rule-soft);
font-size: 0.9375rem;
color: var(--c-ink-soft);
font-family: var(--font-serif);
}
.wikitable tr:hover td { background: rgba(244, 239, 229, 0.4); }

/* ------ SIDEBAR (left navigation) ---------------------------- */

.citizen-pageSidebar,
.citizen-toc {
font-family: var(--font-sans);
font-size: 0.8125rem;
}

.citizen-pageSidebar a {
color: var(--c-ink-soft);
padding: 0.35rem 0;
text-decoration: none;
font-size: 0.8125rem;
line-height: 1.4;
border-left: 2px solid transparent;
padding-left: 0.6rem;
margin-left: -0.6rem;
}
.citizen-pageSidebar a:hover {
color: var(--c-accent);
border-left-color: var(--c-accent);
}
.citizen-pageSidebar a.is-active {
color: var(--c-ink);
border-left-color: var(--c-accent);
font-weight: 500;
}

/* ------ EDITORIAL NOTE BANNER -------------------------------- */
/* Used at the top of the main page and similar contexts */

.editorial-note {
background: var(--c-paper-sunk);
border-left: 3px solid var(--c-accent);
padding: 1.75rem 2rem;
margin: 2rem 0;
font-family: var(--font-serif);
font-size: var(--t-body);
line-height: 1.55;
border-radius: 0 4px 4px 0;
}

.editorial-note__label {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-accent);
margin-bottom: 0.6rem;
}

/* ------ FOOTER ----------------------------------------------- */

.citizen-footer {
background: var(--c-paper-sunk);
border-top: 1px solid var(--c-rule);
padding: 3rem var(--pad-x, 1.5rem) 2rem;
font-family: var(--font-sans);
}

.citizen-footer h4 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
margin-bottom: 0.85rem;
border: none;
}

.citizen-footer a {
display: block;
font-family: var(--font-sans);
font-size: 0.8125rem;
color: var(--c-ink-soft);
padding: 0.3rem 0;
text-decoration: none;
}
.citizen-footer a:hover { color: var(--c-accent); }

/* ------ TOC --------------------------------------------------- */

.toc, #toc {
background: var(--c-paper-sunk);
border: 1px solid var(--c-rule);
border-radius: 4px;
padding: 1rem 1.25rem;
font-family: var(--font-sans);
font-size: 0.8125rem;
}
.toc .toctitle h2 {
font-family: var(--font-sans);
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 600;
color: var(--c-ink-mute);
border: none;
padding: 0;
margin: 0 0 0.5rem;
}
.toc ul {
padding-left: 1rem;
margin: 0;
}
.toc li {
font-size: 0.8125rem;
margin: 0.25rem 0;
}

/* ------ DARK MODE (Citizen respects prefers-color-scheme) ----- */
/* Re-tune the palette for dark mode */

html.skin-citizen-dark,
@media (prefers-color-scheme: dark) {
:root {
--c-paper: #16161a;
--c-paper-pure: #1c1c20;
--c-paper-sunk: #232328;
--c-ink: #f0eee5;
--c-ink-soft: #d6d3c8;
--c-ink-mute: #97948b;
--c-ink-faint: #6b6962;
--c-rule: #3a3a40;
--c-rule-soft: #2c2c32;
--c-accent: #d96f6f;
--c-accent-soft: #3d2424;
--c-accent-ink: #f0a5a5;
}
}

/* ------ PRINT STYLES ----------------------------------------- */
/* Important for legal documents that may be printed */

@media print {
body { background: white; color: black; font-size: 11pt; }
.citizen-header, .citizen-footer, .citizen-pageSidebar,
.citizen-toc, .editsection, #footer { display: none; }
a { color: black; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; font-size: 9pt; }
.flag { border: 1pt solid black; background: white; }
.flag__type { background: black; color: white; }
}

Test Page

2026-09-14T09:22:57Z

Mark: Test

Test sentence