include last updated, adjust header styling

Author: possumbilities

src/context/faq-index.html

@@ -114,6 +114,7 @@ <h1>Frequently Asked Questions</h1>
 <!-- <span class="categories">
     <a href="#">Open Culture</a>
 </span> -->
+<p>last updated Jan. 01, 2025</p>
 
 
 <!-- <img src="#" /> -->
@@ -151,6 +152,7 @@ <h2>Course</h2>
 <div class="content">
 
 <aside class="toc">
+    <h2>Most frequently asked</h2>
     <ul>
         <li>
             <a href="#">What is Creative Commons and what do you do?</a>
@@ -209,7 +211,7 @@ <h2>Course</h2>
     </details> -->
 
     <article class="featured">
-        <h2>Focus Areas</h2>
+        <h2>Focus areas</h2>
         <ul>
             <li>
                 <h3><a href="#">About Creative Commons</a></h3>

src/css/style.css

@@ -363,11 +363,10 @@
 
 /* faq-index context */
 
-.faq-index main > header { /* generalize? */
+/* .faq-index main > header {
   display: block;
   padding: 3.7em 0;
-  /* text-align: left; */
-}
+} */
 
 .faq-index .search-form form {
   display: flex;
@@ -424,6 +423,10 @@
   grid-template-columns: subgrid;
 }
 
+.faq-index .toc > h2 {
+  grid-column: 3 / span 3;
+}
+
 .faq-index .toc > ul {
   grid-column: 3 / span 3;