/* anel.css – „Anel pessoal“ (anel.html, js/anel.js, N2). Formular aus css/meu-kin.css. */
.an{padding-top:76px}
.an-hero{padding:90px 0 34px;background:radial-gradient(900px 500px at 70% 10%,rgba(123,92,196,.35),transparent 65%)}
.an-hero h1{font-size:clamp(32px,5.2vw,56px);margin:14px 0 18px}
.an-out{padding:10px 0 100px}
/* mit gültigem ?data= rechnet die Seite sofort: Platz vorab halten, damit der Fuß nicht springt (Klasse per Inline-Skript vor
   dem Abschnitt, nur bei einem echten Datum JJJJ-MM-TT ab 1000 – bei ?data=xyz kein leerer 100vh-Block; js entfernt sie sonst) */
html.com-data .an-out{display:block;min-height:100vh}
.an-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.an-nav b{font:700 16px var(--display);text-align:center;flex:1 1 200px}
.an-nav .btn{padding:10px 16px;font-size:12.5px}
.an-card{padding:28px;display:grid;gap:26px}
.an-head{display:flex;gap:24px;align-items:center}
.an-g{flex:none;line-height:0;padding:12px;border-radius:22px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%)}
.an-head h2{font-size:clamp(24px,3.6vw,38px);margin:10px 0 10px;overflow-wrap:anywhere}
.an-kn{display:block;font:700 17px/1 var(--display);color:var(--gold);letter-spacing:.08em;margin-bottom:8px}
.an-head p{margin:0 0 4px;color:var(--muted)}
.an-sub{font-size:14px}
.an-block{min-width:0;padding:0}                      /* erbt sonst section{padding:110px 0} aus site.css */
.an-h{font-size:clamp(19px,2.4vw,24px);margin:0 0 10px}
.an-lead{color:var(--muted);font-size:14.5px;margin:0 0 12px;max-width:820px}
.an-small{color:var(--faint);font-size:13.5px;margin:10px 0 0}
.an-tw{overflow-x:auto;max-width:100%}
.an-table{width:100%;border-collapse:collapse;font-size:14px}
.an-table th,.an-table td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.an-table thead th{font:600 10.5px/1.3 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(95,75,139,.22)}
.an-table td.n{font-weight:700;font-variant-numeric:tabular-nums}
.an-table tr.now td{background:rgba(227,191,110,.13)}
.an-k{white-space:nowrap}
.an-k svg{vertical-align:middle;margin-right:8px}
.an-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.an-list{margin:0;padding-left:1.2em;display:grid;gap:4px}
.an-list a{color:var(--gold)}
.an-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.an-chips a{display:inline-block;padding:5px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:13px;color:var(--text)}
.an-chips a:hover,.an-chips a:focus-visible{border-color:var(--gold)}
.an-chips b{color:var(--gold);margin-right:4px}
.an-act{display:flex;flex-wrap:wrap;gap:10px;margin:0}
@media (max-width:700px){.an-card{padding:18px 14px}.an-head{flex-direction:column;align-items:flex-start}.an-two{grid-template-columns:1fr}.an-table{font-size:13px}}
@media print{
  @page{size:A4;margin:12mm}
  :root{--bg:#fff;--panel:#fff;--line:#cfd2dc;--text:#14161f;--muted:#3b3f4f;--faint:#5b6072;--gold:#8a6514}
  html,body{background:#fff!important;color:var(--text)}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important}
  .topbar,.drawer,.shade,footer,.skip,.an-hero,.an-nav .btn,.an-act,#pwa-update,.dc-pill,.fab{display:none!important}
  .an{padding-top:0}.an-out{padding:0}.an-out>.wrap{max-width:none;padding:0}
  .an-card{border:0;background:none;padding:0}
  .an-table thead th{background:#eceaf4;color:#14161f}
  .an-block{padding:0}
  .an-table tr,.an-block{break-inside:avoid}
}
.an-tw:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.an-r{white-space:nowrap}
.an-rev{margin:6px 0 10px;color:var(--muted);font-size:13px;font-style:italic}