/* Red editorial skin for the legacy legal-article template. */
:root{
  --indigo:var(--paper);
  --indigo-2:#fffdf8;
  --lantern:var(--red);
  --lantern-deep:var(--red-dark);
  --paper-dim:var(--muted);
  --leaf:var(--red);
  --haze:var(--muted);
  --line:rgba(36,33,29,.18);
  --radius:0;
}

body{background:var(--cream);color:var(--ink)}

.bar{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px var(--pad);
  background:rgba(244,240,232,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.logo{gap:0;color:var(--ink);font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:0;text-decoration:none}
.logo .leaf{display:none}
.logo i{color:var(--red)}
.logo .d{color:var(--ink)}
.bar-right{display:flex;align-items:center;gap:12px}
.navlinks{display:flex;gap:18px;margin:0}
.navlinks a{color:var(--muted);font-size:13px;text-decoration:none}
.navlinks a:hover{color:var(--ink)}
.langsel select{max-width:130px;padding:7px 28px 7px 12px;background:var(--paper);border:1px solid var(--line);border-radius:0;color:var(--ink)}
.langsel::after{border-color:var(--muted)}
.bar-cta{padding:9px 15px;border-radius:0;background:var(--red);color:#fff;font-size:13px;font-weight:700;text-decoration:none}

main.wrap.wrap-narrow.article{width:min(100% - 2 * var(--pad),720px);max-width:none;padding:0 0 70px}
main.article .crumb{padding:32px 0 0}
main.article .crumb span{color:var(--muted)}
main.article .crumb .sep{opacity:.55}
main.article > article > h1{margin-top:50px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.article .meta{margin:18px 0 30px;color:var(--muted)}
.article .meta .author{color:var(--ink)}
.prose{margin-top:0;color:var(--ink);font-size:17px;line-height:1.72}
.article .prose p,.article .prose ul,.article .prose ol{color:var(--ink)}
.article .prose .lede{color:var(--muted);font-size:20px;line-height:1.6}
.prose a{color:var(--red-dark)}

.callout{margin:28px 0;padding:20px 22px;background:var(--paper);border:0;border-left:3px solid var(--red);border-radius:0}
.callout p{color:var(--muted)}
.callout strong{color:var(--ink)}
.prose .tbl{margin:22px 0 28px;background:var(--paper);border:1px solid var(--line)}
.prose .tbl th,.prose .tbl td{padding:13px 14px;border-bottom:1px solid var(--line);color:var(--ink)}
.prose .tbl th{color:var(--red);font-size:12px;letter-spacing:.08em}
.prose .tbl tr:last-child td{border-bottom:0}
.faq summary{color:var(--ink)}
.faq details p{color:var(--muted)}
.faq summary::after{color:var(--red)}
.sources{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted)}
.sources a{color:var(--red-dark)}
.disclaimer{color:var(--muted)}

.article > article > .related{display:block;margin:48px 0;background:none;border:0}
.related h2{margin:0 0 15px;font-size:28px}
.related .links{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.related .rlink{display:flex;align-items:center;gap:12px;padding:22px;background:var(--cream);border:0;border-radius:0;text-decoration:none}
.related .rlink:hover{border:0;background:var(--paper)}
.related .rlink b{color:var(--ink);font-family:var(--display);font-size:21px;font-weight:500}
.related .rlink span span{color:var(--muted);font-size:13px}
.related .rlink .arr{color:var(--red)}
.related .rlink:last-child:nth-child(odd){grid-column:1/-1}
.btn.btn-amber{border-radius:0;background:var(--red);color:#fff}

footer{margin:0;padding:38px var(--pad) 55px;background:var(--cream);border-top:1px solid var(--line);color:var(--muted)}
footer .wrap{width:min(100%,920px);max-width:none;padding:0}
footer .logo{display:inline-flex;margin:0;color:var(--ink);font-size:20px}
footer .fdesc,footer .social-label,footer .social-row{display:none}
footer .foot-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;color:var(--muted)}
footer .foot-meta a{color:var(--ink)}
.age{border:1px solid var(--line);border-radius:0;color:var(--muted)}

@media(max-width:680px){
  .navlinks a{display:none}
  .langsel{display:none}
  main.article > article > h1{margin-top:38px}
  .article .prose .lede{font-size:18px}
  .related .links{grid-template-columns:1fr}
}