/* Panic-At Chicken — simple, kid-friendly legal page */
:root{
  --bg: #f9fbff;
  --card: #ffffff;
  --ink: #13233a;
  --muted: #5e6b7a;
  --brand1: #ffb703;
  --brand2: #fb8500;
  --accent: #8ecae6;
  --shadow: 0 10px 25px rgba(0,0,0,.08);
}

*{ box-sizing: border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color: var(--ink);
  background: linear-gradient(180deg, var(--bg), #eef6ff);
}

.hero{
  text-align:center;
  padding: 32px 16px 18px;
  background:
    radial-gradient(1200px 200px at 50% -30px, rgba(255,183,3,.35), transparent 60%),
    radial-gradient(900px 250px at 50% -80px, rgba(251,133,0,.25), transparent 60%);
}
.logo{ font-size: 42px; line-height:1; }
.title{
  margin: 6px 0 2px;
  font-size: clamp(28px, 5vw, 44px);
  letter-spacing: 1px;
  font-weight: 900;
  color: #ffffff;
  text-shadow:
    2px 2px 0 #1b4d6b,
    -2px 2px 0 #1b4d6b,
    2px -2px 0 #1b4d6b,
    -2px -2px 0 #1b4d6b,
    0 0 12px rgba(27,77,107,.35);
}
.subtitle{
  margin: 0;
  color: #1b4d6b;
  font-weight: 700;
  letter-spacing: .5px;
}

.lang-nav{
  display:flex; gap:10px; justify-content:center; align-items:center;
  padding: 10px 0 18px;
}
.lang-nav a{
  color:#0b5fa8;
  text-decoration:none;
  font-weight:700;
  background:#e6f2ff;
  border:1px solid #cfe6ff;
  padding:6px 12px;
  border-radius: 999px;
}
.lang-nav span{ color:#9bb8d4; }

.container{
  max-width: 880px;
  margin: 0 auto;
  padding: 0 16px 42px;
}

.card{
  background: var(--card);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: 18px 18px 8px;
  margin: 14px 0;
  border: 1px solid #edf3fb;
}

h2{
  margin: 6px 0 10px;
  font-size: clamp(20px, 3.2vw, 26px);
  color: #13324e;
}
h3{
  margin: 16px 0 8px;
  color: #214261;
}
p{ color: var(--ink); line-height:1.6; }
ul{ margin: 6px 0 12px 18px; line-height:1.6; }
code{
  background: #f3f7ff;
  border: 1px solid #e1ebff;
  padding: 2px 6px;
  border-radius: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: .95em;
  color: #193c5a;
}

.meta{
  list-style: none; padding:0; margin:0;
  display:grid; grid-template-columns: 1fr; gap:6px;
}
.meta strong{ color:#2b3f55; }
.meta .editable{ background: #fff7e0; padding: 0 6px; border-radius: 6px; }

.footer-note{ text-align:center; }
.footer-note p{ color: var(--muted); font-size: 14px; }

@media (min-width: 640px){
  .meta{ grid-template-columns: 1fr 1fr; }
}