/* =====================================================
   Hobart Trust & Clearing
   Procedural Civic Bank – Accented
   ===================================================== */

:root{
  --ink:#111;
  --ink-muted:#555;

  --paper:#ffffff;
  --paper-alt:#f4f6f5;

  --border:#c9cfc9;
  --border-strong:#9aa59f;

  --accent:#1f7a3e;          /* institutional green */
  --accent-soft:#e3efe8;     /* pale green wash */

  --notice:#f8faf9;

  --max-width:960px;
}

/* Base */
body{
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.55;
}

a{
  color:var(--accent);
  text-decoration:underline;
}
a:hover{
  text-decoration:none;
}

/* Accessibility */
.skip{
  position:absolute;
  left:-9999px;
}
.skip:focus{
  left:10px;
  top:10px;
  background:#fff;
  border:1px solid var(--border-strong);
  padding:6px 10px;
  z-index:1000;
}

/* Header */
.site-header{
  background:var(--paper-alt);
  border-bottom:2px solid var(--accent);
  padding:14px 20px;
}

.header-inner{
  max-width:var(--max-width);
  margin:0 auto;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.brand img{
  height:42px;
}

.brand-text span{
  font-size:.9em;
  color:var(--ink-muted);
}

.site-nav{
  margin-top:12px;
}

.site-nav a{
  margin-right:18px;
  text-decoration:none;
  color:var(--ink);
  font-weight:600;
}
.site-nav a:hover{
  text-decoration:underline;
}

/* Layout */
.content{
  max-width:var(--max-width);
  margin:0 auto;
  padding:22px 20px;
}

/* Typography */
h1{
  font-size:1.85em;
  margin-bottom:.4em;
}

h2{
  font-size:1.25em;
  margin-top:1.6em;
  padding-bottom:4px;
  border-bottom:1px solid var(--border);
}

p{
  margin:.3em 0 .9em;
}

.lead{
  color:var(--ink-muted);
  max-width:65ch;
}

/* Tables */
table{
  border-collapse:collapse;
  margin-top:12px;
}

th, td{
  border:1px solid var(--border);
  padding:7px 10px;
}

th{
  background:var(--paper-alt);
  text-align:left;
}

/* Notices */
.notice{
  border:1px solid var(--border);
  border-left:5px solid var(--accent);
  background:var(--notice);
  padding:12px 14px;
  margin:14px 0;
}

.notice h3{
  margin:0;
  font-size:1em;
}

.notice .date{
  font-size:.85em;
  color:var(--ink-muted);
  margin-bottom:6px;
}

/* Callouts / institutional quirks */
.callout{
  border:1px dashed var(--border-strong);
  background:var(--accent-soft);
  padding:10px 12px;
  font-size:.9em;
  margin:14px 0;
}

/* Footer */
.site-footer{
  max-width:var(--max-width);
  margin:0 auto;
  padding:20px;
  border-top:2px solid var(--accent);
  background:var(--paper-alt);
  font-size:.9em;
}

.site-footer p{
  margin:.4em 0;
}

.small{
  font-size:.85em;
  color:var(--ink-muted);
}