8 insufficient contrast on advance note

app/assets/css/extra.css

@@ -1,6 +1,3 @@
-.fa-toc {
-}
-
 .fa-request.fa-requestable-toc {
     display: block;
     margin: 0 auto;
@@ -10,9 +7,6 @@
     float: right;
 }
 
-.fa-request-summary {
-}
-
 .fa-request-summary-note {
     font-style: italic;
 }
@@ -123,10 +117,6 @@ label {
     height: 80vh;
 }
 
-.alert-warning {
-    color: #654f2a;
-}
-
 .alert-harmful {
     background: #b1c9e8;
     color: #282828;
@@ -146,3 +136,50 @@ label {
 .green-alert-text {
     color: #246024;
 }
+
+/* UK LIMESTONE STYLES */
+/* styling to match Limestone's Underline Link */
+a.underline-link {
+    color:#000000;
+    background-attachment: scroll;
+    background-image: linear-gradient(to top,rgba(161,211,237,0.4) 0,rgba(161,211,237,0.4) 0.5em,transparent 0.5em,transparent 110%),linear-gradient(to top,rgba(0,51,160,0.4) 0,rgba(0,51,160,0.4) 2px,transparent 2px,transparent 100%);
+    background-repeat: no-repeat;
+    background-position: 0 0.5em, 0 0;
+    position: relative;
+    transition: 0.2s background-position ease-out;
+    font-weight: 400;
+    z-index: 1;
+    text-decoration: none;
+}
+
+a:hover.underline-link {
+    color:#0033A0;
+    background-position: 0 0, 1000px 2px;
+}
+
+/* styling to match central webcom's in-page alert*/
+.in-page-alert {
+    background-color: #EFF4FD;
+    border-left: 7px solid #1E8AFF;
+    padding: 1rem;
+    align-items: center;
+    color:#000000
+}
+.in-page-alert h2 {
+        text-transform: uppercase;
+        font-size: 1.75rem;
+        font-weight: 900;
+        margin-top: 0;
+        color: #0033A0;
+        line-height: 1.2;
+}
+.in-page-alert h3 {
+        text-transform: uppercase;
+        font-size: 1.5rem;
+        font-weight: 500;
+        margin-bottom: 5px;
+        margin-top: 10px;
+        color: #0033A0;
+        line-height: 1.2;
+
+}

app/views/findingaid/advance_note.mustache

@@ -1,14 +1,22 @@
-<div class="alert alert-warning">
-<p class="green-alert-text">
-UK Libraries Special Collections Research Center is open <b>Monday to Friday, 9:00am to 4:00pm</b>. Appointments are encouraged but not required. <a href="https://libguides.uky.edu/SCRCaccount/appointment" target="_blank" rel="noopener noreferrer">Schedule an appointment here</a>.
-</p>
+<div class="alert in-page-alert">
+    <h2>UK Libraries Special Collections Research Center</h2>
+    <p><strong>Hours:</strong> Monday–Friday, 9:00 AM–4:00 PM. Appointments recommended.</p>
+    <h3>Plan your visit</h3>
+    <p>There are two steps to prepare for your research visit:</p>
+
+    <ol>
+        <li>
+            <strong>Request materials</strong> from this collection guide using your <a class="underline-link" href="https://requests-libraries.uky.edu/">SCRC Researcher Account</a>.
+        </li>
+        <li>
+            <strong><a class="underline-link" href="https://libguides.uky.edu/SCRCaccount/appointment">Schedule your appointment</a></strong>
+        </li>
+    </ol>
 
-<p>
-Researchers must have an SCRC Researcher Account to request materials. View <a
-href="https://libguides.uky.edu/SCRCaccount" target="_blank" rel="noopener noreferrer">account set-up and use instructions here</a>.
-</p>
-
-<p>
-Questions? Contact SCRC via our <a href="https://libraries.uky.edu/ContactSCRC" target="_blank" rel="noopener noreferrer">Contact Form</a>.
-</p>
+    <p>
+        <!--Don't have an account? <a class="underline-link" href="https://requests-libraries.uky.edu/">Register with your LinkBlue</a><br>
+        Non-UK user?  <a class="underline-link" href="https://requests-libraries.uky.edu/aeonauth/aeon.dll?Action=10&Form=79">Create an account</a><br>-->
+        Need account help? <a class="underline-link" href="https://libguides.uky.edu/SCRCaccount">View account set‑up and use instructions</a><br>
+        Questions? <a class="underline-link" href="https://libraries.uky.edu/ContactSCRC">Contact SCRC</a>
+    </p>
 </div>