/* Article 11 beginner guide: cream, ink and amber; no external assets. */
.beginner-page { --beginner-ink:#262d36; --beginner-muted:#606875; --beginner-amber:#8b6321; }
.beginner-wrap { font-size:1.0625rem; }
.beginner-intro { max-width:58ch; line-height:1.7; }
.beginner-wrap .entry-block > p { max-width:72ch; }
.beginner-wrap a { text-underline-offset:.18em; }
.beginner-wrap :is(h2,h3,legend,dt,p,li,a,label,textarea,button,summary) { overflow-wrap:anywhere; }
.beginner-wrap :is(button,input,textarea,a,summary):focus-visible { outline:3px solid #8b6321; outline-offset:4px; }
.beginner-wrap :is(button,summary) { min-height:44px; }
.beginner-wrap summary { padding:.35rem 0; line-height:1.5; }
.beginner-steps { list-style:none; counter-reset:beginner-step; padding:0; margin:1.8rem 0 0; }
.beginner-steps > li { counter-increment:beginner-step; position:relative; margin:0 0 2rem; padding-left:3.3rem; min-width:0; }
.beginner-steps > li::before { content:counter(beginner-step); position:absolute; left:0; top:0; width:2.3rem; height:2.3rem; border-radius:50%; display:grid; place-items:center; background:#ebe8dd; color:var(--beginner-ink); font-weight:750; }
.beginner-steps h3 { padding-top:.35rem; }
.beginner-steps p { max-width:70ch; }
.beginner-prompt-label { display:block; font-weight:700; margin:1.2rem 0 .6rem; }
.beginner-prompt { box-sizing:border-box; display:block; width:100%; max-width:100%; min-height:17rem; padding:1rem; border:1px solid #b7ac94; border-radius:8px; background:#f7f3e9; color:var(--beginner-ink); font:inherit; font-size:1rem; line-height:1.65; resize:vertical; white-space:pre-wrap; }
.beginner-example { padding:.7rem 1rem; background:#f7f3e9; border-radius:8px; }
.beginner-examples { margin-top:1.5rem; }
.beginner-examples .entry-card { padding:1.2rem; }
.beginner-glossary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; margin:1.7rem 0 0; }
.beginner-glossary > div { padding:1.2rem 0; border-top:1px solid #ddd7ca; scroll-margin-top:100px; min-width:0; }
.beginner-glossary dt { font-size:1.18rem; font-weight:750; line-height:1.45; margin:0 0 .5rem; }
.beginner-glossary dd { margin:0; line-height:1.7; }
.beginner-term-example { display:block; margin-top:.7rem; color:#535b64; font-size:.98rem; }
.beginner-quiz { min-inline-size:0; box-sizing:border-box; width:100%; margin:1.8rem 0; padding:1.2rem; border:1px solid #c8beaa; border-radius:10px; background:#fffdf8; }
.beginner-quiz legend { box-sizing:border-box; max-width:100%; padding:0 .5rem; font-weight:750; font-size:1.12rem; line-height:1.5; color:var(--beginner-ink); }
.beginner-quiz > label { display:flex; align-items:flex-start; gap:.8rem; padding:.9rem .5rem; min-height:44px; box-sizing:border-box; cursor:pointer; line-height:1.6; }
.beginner-quiz input[type=radio] { flex:0 0 auto; width:1.2rem; height:1.2rem; margin:.25rem 0 0; accent-color:#8b6321; }
.beginner-quiz label:has(input:checked) { background:#f4ecdb; border-radius:7px; }
.beginner-quiz [data-check] { margin:.7rem 0 0; }
.beginner-feedback { margin:.8rem 0; font-weight:650; line-height:1.65; }
.beginner-feedback:empty { margin:0; }
.beginner-answer { border-top:1px solid #e3ded3; padding-top:.5rem; }
.beginner-next-links { padding-left:1.3rem; }
.beginner-next-links li { margin:.8rem 0; }
.beginner-status { padding:1rem 1.1rem; margin-top:1.5rem; border:1px solid #ddd7ca; border-radius:8px; background:#f7f3e9; font-size:1rem; }
.beginner-status p { line-height:1.7; }
.beginner-console { padding:.5rem 0 1.5rem; }
.beginner-built { border-left:4px solid #748654; }
.beginner-built blockquote { margin:1.3rem 0; }
.beginner-built blockquote p { margin:0 0 .5rem; }
.beginner-built blockquote footer { font-size:.95rem; color:var(--beginner-muted); }
@media (max-width:760px) {
  .beginner-wrap { font-size:1.03rem; }
  .beginner-glossary { grid-template-columns:1fr; }
  .beginner-steps > li { padding-left:0; padding-top:2.9rem; }
  .beginner-steps h3 { padding-top:0; }
  .beginner-prompt { min-height:23rem; padding:.8rem; }
  .beginner-quiz { padding:1rem .75rem; }
  .beginner-quiz legend { font-size:1.06rem; }
  .beginner-quiz > label { padding:.9rem .1rem; }
  .beginner-status { padding:.8rem; }
}
@media (prefers-reduced-motion:reduce) {
  .beginner-page { scroll-behavior:auto; }
  .beginner-wrap * { animation:none!important; transition:none!important; }
}
@media print {
  .beginner-page { color:#111; background:#fff; }
  .beginner-wrap { width:100%; font-size:11pt; padding:0; }
  .beginner-page .governance-hero-image,.beginner-console,.beginner-page [data-check],.beginner-page [data-reset-quizzes],.beginner-feedback { display:none!important; }
  .beginner-page .governance-hero-inner { display:block; width:100%; padding:1rem 0; }
  .beginner-page h1 { font-size:25pt; }
  .beginner-page .entry-block { break-inside:auto; padding:1rem 0; border:0; background:#fff; }
  .beginner-page .entry-grid,.beginner-glossary { display:block; }
  .beginner-glossary > div,.beginner-quiz,.beginner-steps > li { break-inside:avoid; }
  .beginner-quiz,.beginner-status,.beginner-example { background:#fff; }
  .beginner-page details > * { display:block!important; }
  .beginner-page details::details-content { display:block!important; content-visibility:visible!important; }
  .beginner-prompt { min-height:11rem; height:11rem; resize:none; overflow:visible; background:#fff; font-size:10pt; }
  .beginner-wrap a { color:#111; }
}