Main Page: Difference between revisions

@@ Line 1: / Line 1: @@
-__NOTOC__
+__FORCETOC__ __NOEDITSECTION__
-__NOEDITSECTION__
+<!-- FSA homepage: a subject index based on the agreed editorial plans.
-<!-- FSA homepage. Sources: the four fse-wiki-level planning documents.
+Use exact article and category titles. Category links need a leading colon.
-Keep category names and article titles aligned with those documents.
+No learning-level labels.
-Leading colons on category links are intentional: they link without categorising this page.
+Layout: skin FSA (skins/FSA/resources/mainpage.css); use the fsa-mp classes, no inline styles.
-Image slots are described in homepage-image-prompts.md. Only insert files after upload.
+One tile per line. Add an article with " · [[Title]]" on its tile line;
+add a subject with one new tile line.
 -->
-<div id="fsa-home" style="font-family:Arial,Helvetica,sans-serif; line-height:1.6; color:#243649; background:#FFFFFF;">
+<div class="fsa-mp">
+<div class="fsa-mp-hero">
-<div style="background:#142B42; color:#FFFFFF; border-radius:12px; overflow:hidden; border-top:5px solid #D9480F; margin:1em 0 0;">
+<div class="fsa-mp-title">Fire Safety Academy Wiki</div>
-<div style="display:flex; flex-wrap:wrap; align-items:center; gap:2em; padding:clamp(22px,4vw,42px);">
+<div class="fsa-mp-allpages">[[Special:AllPages|All articles (A–Z)]]</div>
-<div style="flex:1 1 470px; min-width:0;">
+<div class="fsa-mp-intro">A growing reference on fire science, building protection and fire safety engineering. Browse all articles or explore a subject below.</div>
-<div style="font-size:0.76em; font-weight:bold; letter-spacing:0.16em; color:#C0D4E7;">FIRE SAFETY ACADEMY · WIKI</div>
+<div class="fsa-mp-search">
-<div role="heading" aria-level="2" style="font-size:clamp(29px,3.5vw,45px); font-weight:700; letter-spacing:-0.035em; line-height:1.16; margin:0.38em 0 0.5em; color:#FFFFFF;">Fire safety engineering.<br /><span style="color:#F5B17B;">From fundamentals<br />to expert practice.</span></div>
-<p style="font-size:1.03em; color:#DDE8F2; max-width:41em; margin:0;">A growing reference for students, engineers and fire safety professionals. Explore the science of fire, building protection and the methods used to assess safety.</p>
-<div style="margin-top:1.35em;">[[Special:AllPages|<span id="fsa-allpages-button" style="display:inline-block; box-sizing:border-box; max-width:100%; padding:0.75em 1.15em; border-radius:6px; background:#F5B17B; color:#142B42; font-size:0.96em; font-weight:bold; line-height:1.4;">Browse all articles (A–Z)</span>]]</div>
-</div>
-<!-- IMAGE SLOT H1: replace the entire fsa-home-hero-visual div with the hero image wrapper specified in homepage-image-prompts.md. -->
-<div id="fsa-home-hero-visual" style="flex:1 1 230px; min-width:0; padding:1.65em; box-sizing:border-box; border:1px solid #46617A; border-radius:8px; background:#1D3851;">
-<div style="font-size:0.75em; color:#C0D4E7; font-weight:bold; letter-spacing:0.12em; margin-bottom:1.25em;">A CONNECTED FIELD OF KNOWLEDGE</div>
-<div style="display:flex; align-items:center; gap:0.8em; margin:0.9em 0;"><span style="color:#F5B17B; font-size:1.3em; font-weight:bold;">01</span><span>Understand fire</span></div>
-<div style="display:flex; align-items:center; gap:0.8em; margin:0.9em 0;"><span style="color:#A8D4F4; font-size:1.3em; font-weight:bold;">02</span><span>Protect buildings</span></div>
-<div style="display:flex; align-items:center; gap:0.8em; margin:0.9em 0;"><span style="color:#98DDD5; font-size:1.3em; font-weight:bold;">03</span><span>Assess safety</span></div>
-<div style="border-top:1px solid #46617A; color:#C0D4E7; padding-top:1em; margin-top:1.2em; font-size:0.85em;">4 learning levels · 19 subject areas</div>
-</div>
-</div>
-</div>
-<div style="display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.7em 1.8em; padding:1.1em 1.4em; background:#F3F6F9; color:#243649; border:1px solid #DEE5EC; border-radius:0 0 8px 8px; margin-bottom:2.1em;">
-<div style="display:flex; flex-wrap:wrap; gap:0.35em 1.35em; font-size:0.91em;"><strong>Explore:</strong> [[#Learning_levels|Learning levels]] [[#Subject_areas|Subject areas]] [[Special:AllPages|A–Z index]]</div>
-<div style="max-width:100%; color:#243649;">
 <inputbox>
 type=fulltext
-width=24
 break=no
 searchbuttonlabel=Search
 placeholder=Search a term or topic
 arialabel=Search the Fire Safety Academy Wiki
-bgcolor=transparent
 id=fsa-home-search
 </inputbox>
 </div>
 </div>
+== Browse by subject ==
-<h2 id="Learning_levels" style="font-family:Arial,Helvetica,sans-serif; font-size:1.55em; font-weight:700; color:#142B42; border:0; margin:0 0 0.2em; padding:0;">Choose a starting point</h2>
+<div class="fsa-mp-browse">
-<p style="color:#526475; margin:0 0 1.2em;">Four levels of depth, from first principles to specialist analysis. Start with one of these topics.</p>
+<div class="fsa-mp-lead">Select a category or go straight to one of its articles.</div>
-<div style="display:flex; flex-wrap:wrap; gap:1em; align-items:stretch; margin-bottom:2.4em;">
+<div class="fsa-mp-legend"><span class="fsa-mp-legend-published">Published</span> <span class="fsa-mp-legend-missing">Not yet written</span></div>
-<div style="display:flex; flex-wrap:wrap; flex:1 1 420px; min-width:0; gap:1em; align-items:stretch;">
-<div style="flex:1 1 200px; min-width:0; border:1px solid #DCE3EA; border-top:4px solid #1971C2; border-radius:8px; overflow:hidden; background:#FFFFFF; color:#243649;">
-<div style="padding:1.2em 1.2em 0.8em;">
-<div style="font-size:0.76em; letter-spacing:0.09em; font-weight:bold; color:#1971C2;">LEVEL 01</div>
-<h3 style="font-family:Arial,Helvetica,sans-serif; font-size:1.25em; color:#142B42; padding:0; margin:0.2em 0 0.55em;">Basic</h3>
-<div style="font-size:0.91em; font-weight:bold; margin-bottom:0.4em;">Start with the essentials</div>
-<p style="font-size:0.88em; color:#526475; margin:0;">Clear explanations of what fire safety concepts mean and why they matter.</p>
-</div>
-<div style="padding:0.75em 1.2em 1.2em; font-size:0.89em;">
-<ul style="margin:0 0 0 1.1em; padding:0;">
-<li style="margin:0.3em 0;">[[Fire safety engineering]]</li>
-<li style="margin:0.3em 0;">[[Fire triangle]]</li>
-<li style="margin:0.3em 0;">[[Heat transfer]]</li>
-<li style="margin:0.3em 0;">[[Compartment fire]]</li>
-</ul>
-</div>
-</div>
-<div style="flex:1 1 200px; min-width:0; border:1px solid #DCE3EA; border-top:4px solid #0C7889; border-radius:8px; overflow:hidden; background:#FFFFFF; color:#243649;">
-<div style="padding:1.2em 1.2em 0.8em;">
-<div style="font-size:0.76em; letter-spacing:0.09em; font-weight:bold; color:#0C7889;">LEVEL 02</div>
-<h3 style="font-family:Arial,Helvetica,sans-serif; font-size:1.25em; color:#142B42; padding:0; margin:0.2em 0 0.55em;">Intermediate</h3>
-<div style="font-size:0.91em; font-weight:bold; margin-bottom:0.4em;">Understand how it works</div>
-<p style="font-size:0.88em; color:#526475; margin:0;">Explore physical principles, protection systems and the steps in fire safety design.</p>
-</div>
-<div style="padding:0.75em 1.2em 1.2em; font-size:0.89em;">
-<ul style="margin:0 0 0 1.1em; padding:0;">
-<li style="margin:0.3em 0;">[[Design fire]]</li>
-<li style="margin:0.3em 0;">[[Fire safety strategy]]</li>
-<li style="margin:0.3em 0;">[[Available safe egress time|Available safe egress time (ASET)]]</li>
-<li style="margin:0.3em 0;">[[Required safe egress time|Required safe egress time (RSET)]]</li>
-</ul>
-</div>
-</div>
-</div>
-<div style="display:flex; flex-wrap:wrap; flex:1 1 420px; min-width:0; gap:1em; align-items:stretch;">
-<div style="flex:1 1 200px; min-width:0; border:1px solid #DCE3EA; border-top:4px solid #B84B15; border-radius:8px; overflow:hidden; background:#FFFFFF; color:#243649;">
-<div style="padding:1.2em 1.2em 0.8em;">
-<div style="font-size:0.76em; letter-spacing:0.09em; font-weight:bold; color:#B84B15;">LEVEL 03</div>
-<h3 style="font-family:Arial,Helvetica,sans-serif; font-size:1.25em; color:#142B42; padding:0; margin:0.2em 0 0.55em;">Advanced</h3>
-<div style="font-size:0.91em; font-weight:bold; margin-bottom:0.4em;">Connect theory and calculation</div>
-<p style="font-size:0.88em; color:#526475; margin:0;">Study calculation methods, test methods and worked engineering examples.</p>
-</div>
-<div style="padding:0.75em 1.2em 1.2em; font-size:0.89em;">
-<ul style="margin:0 0 0 1.1em; padding:0;">
-<li style="margin:0.3em 0;">[[Thermal inertia]]</li>
-<li style="margin:0.3em 0;">[[Tenability criteria]]</li>
-<li style="margin:0.3em 0;">[[Fire Dynamics Simulator|Fire Dynamics Simulator (FDS)]]</li>
-<li style="margin:0.3em 0;">[[Sensitivity analysis]]</li>
-</ul>
-</div>
-</div>
-<div style="flex:1 1 200px; min-width:0; border:1px solid #DCE3EA; border-top:4px solid #70489A; border-radius:8px; overflow:hidden; background:#FFFFFF; color:#243649;">
-<div style="padding:1.2em 1.2em 0.8em;">
-<div style="font-size:0.76em; letter-spacing:0.09em; font-weight:bold; color:#70489A;">LEVEL 04</div>
-<h3 style="font-family:Arial,Helvetica,sans-serif; font-size:1.25em; color:#142B42; padding:0; margin:0.2em 0 0.55em;">Expert</h3>
-<div style="font-size:0.91em; font-weight:bold; margin-bottom:0.4em;">Examine models and uncertainty</div>
-<p style="font-size:0.88em; color:#526475; margin:0;">Investigate specialist models, detailed analyses and the limits of their application.</p>
-</div>
-<div style="padding:0.75em 1.2em 1.2em; font-size:0.89em;">
-<ul style="margin:0 0 0 1.1em; padding:0;">
-<li style="margin:0.3em 0;">[[MQH correlation]]</li>
-<li style="margin:0.3em 0;">[[Mesh resolution]]</li>
-<li style="margin:0.3em 0;">[[Verification and validation]]</li>
-<li style="margin:0.3em 0;">[[Uncertainty analysis]]</li>
-</ul>
-</div>
-</div>
-</div>
-</div>
-<h2 id="Subject_areas" style="font-family:Arial,Helvetica,sans-serif; font-size:1.55em; font-weight:700; color:#142B42; border:0; margin:0 0 0.2em; padding:0;">Explore by subject</h2>
-<p style="color:#526475; margin:0 0 1.2em;">Browse all 19 categories, or go straight to an article below each category.</p>
-<div style="display:flex; flex-wrap:wrap; gap:1.1em; align-items:stretch; margin-bottom:2em;">
-<div style="flex:1 1 280px; min-width:0; border:1px solid #DCE3EA; border-radius:10px; overflow:hidden; background:#FFFFFF; color:#243649;">
-<!-- IMAGE SLOT S01: fse-home-fire-science.jpg; insert image wrapper here after upload. Alt: A controlled fire experiment in a purpose-built research laboratory. -->
-<div style="background:#FFF4EC; color:#243649; padding:1.4em 1.3em 1.2em; border-top:4px solid #B84B15;">
-<div style="font-size:0.75em; font-weight:bold; color:#B84B15; letter-spacing:0.1em;">SUBJECT COLLECTION 01</div>
-<h3 style="font-family:Arial,Helvetica,sans-serif; color:#142B42; font-size:1.35em; margin:0.3em 0 0.45em; padding:0;">Understand fire</h3>
-<p style="font-size:0.89em; color:#43576A; margin:0;">From combustion and heat transfer to fire growth, smoke and its effects.</p>
-</div>
-<div style="padding:0.3em 1.3em 0.6em;">
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Combustion|Combustion]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Combustion]] · [[Stoichiometry]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Physics & Heat Transfer|Physics & Heat Transfer]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Heat transfer]] · [[Thermal diffusivity]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Ignition & Flame Spread|Ignition & Flame Spread]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Ignition]] · [[Flame spread]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Fire Dynamics|Fire Dynamics]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Heat release rate]] · [[Fire plume]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Enclosure Fires|Enclosure Fires]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Compartment fire]] · [[Flashover]]</div>
-</div>
-<div style="padding:0.85em 0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Smoke, Toxicity & Tenability|Smoke, Toxicity & Tenability]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Smoke]] · [[Tenability criteria]]</div>
-</div>
-</div>
-</div>
-<div style="flex:1 1 280px; min-width:0; border:1px solid #DCE3EA; border-radius:10px; overflow:hidden; background:#FFFFFF; color:#243649;">
-<!-- IMAGE SLOT S02: fse-home-building-protection.jpg; insert image wrapper here after upload. Alt: A modern building corridor with closed fire separation doors and ceiling-mounted protection systems. -->
-<div style="background:#EDF5FC; color:#243649; padding:1.4em 1.3em 1.2em; border-top:4px solid #1971C2;">
-<div style="font-size:0.75em; font-weight:bold; color:#1971C2; letter-spacing:0.1em;">SUBJECT COLLECTION 02</div>
-<h3 style="font-family:Arial,Helvetica,sans-serif; color:#142B42; font-size:1.35em; margin:0.3em 0 0.45em; padding:0;">Protect buildings</h3>
-<p style="font-size:0.89em; color:#43576A; margin:0;">Materials, structures and the systems used to detect, contain and control fire.</p>
-</div>
-<div style="padding:0.3em 1.3em 0.6em;">
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Materials & Fire Testing|Materials & Fire Testing]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Reaction to fire]] · [[Fire testing]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Structural Fire Engineering|Structural Fire Engineering]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Fire resistance]] · [[Steel in fire]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Passive Fire Protection|Passive Fire Protection]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Fire compartmentation]] · [[Firestopping]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Detection & Alarm|Detection & Alarm]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Fire alarm system]] · [[Smoke detector]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Fire Suppression|Fire Suppression]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Sprinkler system]] · [[Water mist system]]</div>
-</div>
-<div style="padding:0.85em 0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Smoke Control|Smoke Control]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Smoke control]] · [[Stair pressurisation]]</div>
-</div>
-</div>
-</div>
-<div style="flex:1 1 280px; min-width:0; border:1px solid #DCE3EA; border-radius:10px; overflow:hidden; background:#FFFFFF; color:#243649;">
-<!-- IMAGE SLOT S03: fse-home-engineering-practice.jpg; insert image wrapper here after upload. Alt: Fire safety engineers reviewing a building model and analysis in a bright design studio. -->
-<div style="background:#EDF8F8; color:#243649; padding:1.4em 1.3em 1.2em; border-top:4px solid #0C7889;">
-<div style="font-size:0.75em; font-weight:bold; color:#0C7889; letter-spacing:0.1em;">SUBJECT COLLECTION 03</div>
-<h3 style="font-family:Arial,Helvetica,sans-serif; color:#142B42; font-size:1.35em; margin:0.3em 0 0.45em; padding:0;">Assess safety</h3>
-<p style="font-size:0.89em; color:#43576A; margin:0;">People, modelling and risk, from design decisions to complex hazards and fire service operations.</p>
-</div>
-<div style="padding:0.3em 1.3em 0.6em;">
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Human Behaviour & Evacuation|Human Behaviour & Evacuation]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Evacuation]] · [[Human behaviour in fire]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Fire Modelling|Fire Modelling]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Fire modelling]] · [[Computational fluid dynamics|Computational fluid dynamics (CFD)]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Fire Safety Design & Regulation|Fire Safety Design & Regulation]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Performance-based design]] · [[Building regulations]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Fire Risk Analysis|Fire Risk Analysis]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Fire risk assessment]] · [[Quantitative risk assessment|Quantitative risk assessment (QRA)]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Explosions & Industrial Fires|Explosions & Industrial Fires]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Explosion]] · [[Hydrogen safety]]</div>
-</div>
-<div style="padding:0.85em 0; border-bottom:1px solid #E6EBF0; ">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Firefighting & Fire Service|Firefighting & Fire Service]]</div>
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Firefighting]] · [[Fire service access]]</div>
 </div>
-<div style="padding:0.85em 0; ">
+<div class="fsa-mp-group">
-<div style="font-size:0.96em; font-weight:bold;">[[:Category:Special Hazards & Building Types|Special Hazards & Building Types]]</div>
+=== Fire science ===
-<div style="font-size:0.83em; line-height:1.7; margin-top:0.2em;">[[Lithium-ion battery fire]] · [[High-rise building]]</div>
+<div class="fsa-mp-group-intro">Combustion, heat transfer, fire growth and smoke.</div>
+<div class="fsa-mp-tiles">
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Combustion|Combustion]]</div><div class="fsa-mp-tile-links">[[Combustion]] · [[Fire triangle]] · [[Stoichiometry]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Physics & Heat Transfer|Physics & Heat Transfer]]</div><div class="fsa-mp-tile-links">[[Heat transfer]] · [[Thermal diffusivity]] · [[Thermal inertia]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Ignition & Flame Spread|Ignition & Flame Spread]]</div><div class="fsa-mp-tile-links">[[Flame spread]] · [[Ignition]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Dynamics|Fire Dynamics]]</div><div class="fsa-mp-tile-links">[[Design fire]] · [[Fire plume]] · [[Heat release rate]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Enclosure Fires|Enclosure Fires]]</div><div class="fsa-mp-tile-links">[[Compartment fire]] · [[Flashover]] · [[MQH correlation]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Smoke, Toxicity & Tenability|Smoke, Toxicity & Tenability]]</div><div class="fsa-mp-tile-links">[[Smoke]] · [[Tenability criteria]]</div></div>
 </div>
 </div>
+<div class="fsa-mp-group">
+=== Buildings & protection ===
+<div class="fsa-mp-group-intro">Materials, structures and fire protection systems.</div>
+<div class="fsa-mp-tiles">
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Materials & Fire Testing|Materials & Fire Testing]]</div><div class="fsa-mp-tile-links">[[Fire testing]] · [[Reaction to fire]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Structural Fire Engineering|Structural Fire Engineering]]</div><div class="fsa-mp-tile-links">[[Fire resistance]] · [[Steel in fire]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Passive Fire Protection|Passive Fire Protection]]</div><div class="fsa-mp-tile-links">[[Fire compartmentation]] · [[Firestopping]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Detection & Alarm|Detection & Alarm]]</div><div class="fsa-mp-tile-links">[[Fire alarm system]] · [[Smoke detector]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Suppression|Fire Suppression]]</div><div class="fsa-mp-tile-links">[[Sprinkler system]] · [[Water mist system]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Smoke Control|Smoke Control]]</div><div class="fsa-mp-tile-links">[[Smoke control]] · [[Stair pressurisation]]</div></div>
 </div>
 </div>
+<div class="fsa-mp-group">
-<div style="display:flex; flex-wrap:wrap; gap:1.3em 2em; padding:1.3em 1.5em; border-left:4px solid #1971C2; border-radius:0 8px 8px 0; background:#F3F6F9; color:#243649; margin-bottom:1em;">
+=== People & practice ===
-<div style="flex:2 1 320px; min-width:0;">
+<div class="fsa-mp-group-intro">Evacuation, engineering methods and specialist risks.</div>
-<h2 style="font-family:Arial,Helvetica,sans-serif; font-size:1.12em; font-weight:bold; color:#142B42; margin:0 0 0.4em; padding:0; border:0;">About this knowledge base</h2>
+<div class="fsa-mp-tiles">
-<p style="font-size:0.88em; margin:0;">The Fire Safety Academy Wiki connects fire science with engineering practice. Articles are organised by subject and written at four levels of depth, with references and links to related concepts.</p>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Human Behaviour & Evacuation|Human Behaviour & Evacuation]]</div><div class="fsa-mp-tile-links">[[Available safe egress time|Available safe egress time (ASET)]] · [[Evacuation]] · [[Human behaviour in fire]] · [[Required safe egress time|Required safe egress time (RSET)]]</div></div>
-<p style="font-size:0.84em; color:#526475; margin:0.6em 0 0;">The wiki is growing. Red links mark pages that have not yet been created.</p>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Modelling|Fire Modelling]]</div><div class="fsa-mp-tile-links">[[Computational fluid dynamics|Computational fluid dynamics (CFD)]] · [[Fire Dynamics Simulator|Fire Dynamics Simulator (FDS)]] · [[Fire modelling]] · [[Mesh resolution]] · [[Sensitivity analysis]] · [[Verification and validation]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Safety Design & Regulation|Fire Safety Design & Regulation]]</div><div class="fsa-mp-tile-links">[[Building regulations]] · [[Fire safety engineering]] · [[Fire safety strategy]] · [[Performance-based design]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Risk Analysis|Fire Risk Analysis]]</div><div class="fsa-mp-tile-links">[[Fire risk assessment]] · [[Quantitative risk assessment|Quantitative risk assessment (QRA)]] · [[Uncertainty analysis]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Explosions & Industrial Fires|Explosions & Industrial Fires]]</div><div class="fsa-mp-tile-links">[[Explosion]] · [[Hydrogen safety]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Firefighting & Fire Service|Firefighting & Fire Service]]</div><div class="fsa-mp-tile-links">[[Fire service access]] · [[Firefighting]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Special Hazards & Building Types|Special Hazards & Building Types]]</div><div class="fsa-mp-tile-links">[[High-rise building]] · [[Lithium-ion battery fire]]</div></div>
 </div>
-<div style="flex:1 1 200px; min-width:0; font-size:0.88em;">
-<div style="font-weight:bold; margin-bottom:0.4em;">Keep exploring</div>
-<ul style="margin:0 0 0 1.1em; padding:0;">
-<li style="margin:0.3em 0;">[[Special:AllPages|All articles, A–Z]]</li>
-<li style="margin:0.3em 0;">[[Special:Categories|Categories with articles]]</li>
-<li style="margin:0.3em 0;">[[Special:RecentChanges|Recent changes]]</li>
-<li style="margin:0.3em 0;">[[Talk:Main Page|Discuss this page]]</li>
-</ul>
 </div>
+<div class="fsa-mp-about">
+== About this wiki ==
+<div class="fsa-mp-about-text">The wiki is being expanded. Grey links lead to pages that have not yet been created.</div>
+<div class="fsa-mp-about-links">[[Special:Categories|Category index]] · [[Special:RecentChanges|Recent changes]] · Discuss this page</div>
 </div>
 </div>