/* home.css — styles used only by the landing page (index.html).
   Shared tokens and masthead come from assets/css/base.css */

.links{
  display:grid;
  gap:12px;
  max-width:520px;
  margin:0 auto;
}
.link-card{
  display:flex;align-items:center;gap:14px;
  background:var(--paper);
  border:1px solid var(--line);
  border-right:5px solid var(--gold);
  border-radius:12px;
  padding:16px 18px;
  text-decoration:none;
  color:inherit;
  transition:transform .15s ease, box-shadow .15s ease;
}
.link-card:hover,
.link-card:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(18,37,64,0.13);
  outline:none;
  border-right-color:var(--gold-deep);
}
.link-card .ico{font-size:26px;line-height:1;flex-shrink:0;}
.link-card .txt{flex:1;min-width:0;}
.link-card h2{margin:0 0 3px;font-size:16px;color:var(--navy-deep);font-weight:800;}
.link-card p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5;}
.link-card .arrow{color:var(--gold);font-size:19px;flex-shrink:0;}

.home-foot{
  text-align:center;
  margin-top:28px;
  font-size:12px;
  color:var(--muted);
}

@media (max-width:600px){
  .link-card{padding:14px 14px;gap:11px;}
  .link-card h2{font-size:15px;}
}