Close TOC and Filtres details elements by default on mobile

app/public/assets/css/content-page.css

@@ -157,6 +157,11 @@
   scroll-margin-top: var(--space-l);
 }
 
+/* Wider heading scale for content pages (apropo/licence/charte) */
+.page-content > article h1 { font-size: var(--step-5); }
+.page-content > article h2 { font-size: var(--step-3); }
+.page-content > article h3 { font-size: var(--step-1); }
+
 /* Hide CommonMark heading permalink anchors */
 .heading-permalink {
   display: none;

app/templates/public/about.php

@@ -34,7 +34,7 @@ function renderEntries(array $entries): string
 <main class="page-content" id="main-content">
 
     <!-- Table of contents: collapsible on mobile, force-open on desktop -->
-    <details class="toc" open>
+    <details class="toc">
         <summary><?= icon('caret-down', 0, 'toc-caret') ?> PARTIES</summary>
         <ul class="toc-list">
             <li><a href="#apropos-intro">À propos</a></li>

app/templates/public/charte.php

@@ -2,7 +2,7 @@
 
     <!-- Table of contents: collapsible on mobile, force-open on desktop -->
     <?php if (!empty($tocItems)): ?>
-    <details class="toc" open>
+    <details class="toc">
         <summary><?= icon('caret-down', 0, 'toc-caret') ?> PARTIES</summary>
         <ul class="toc-list">
             <?php foreach ($tocItems as $item): ?>

app/templates/public/licence.php

@@ -2,7 +2,7 @@
 
     <!-- Table of contents: collapsible on mobile, force-open on desktop -->
     <?php if (!empty($tocItems)): ?>
-    <details class="toc" open>
+    <details class="toc">
         <summary><?= icon('caret-down', 0, 'toc-caret') ?> PARTIES</summary>
         <ul class="toc-list">
             <?php foreach ($tocItems as $item): ?>

app/templates/public/search.php

@@ -11,7 +11,7 @@ foreach ($filterKeys as $k) {
 }
 ?>
 <!-- Filter controls -->
-<details class="search-filters-toggle" open>
+<details class="search-filters-toggle">
     <summary class="search-filters-summary">
         Filtres
         <?php if ($activeFilterCount > 0): ?>