/* Section pages: crumbs, short answer, rhythm, figure, game tiles, tools, callouts, Keep reading, byline */
.lk-crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em;font-size:var(--font-size-0);color:#8d919c;margin-bottom:var(--size-3)}
.lk-crumbs a{color:#c9cbd3;text-decoration:none}
.lk-crumbs [aria-current]{color:var(--lk-gold)}
.lk-cover h1{text-wrap:balance}

/* the short answer: small, quiet */
.lk-sa{padding-block:var(--size-3)}
.lk-sa__box{display:flex;gap:.65em;align-items:flex-start;padding:.7rem var(--size-3);border-radius:var(--radius-2);
  background:var(--lk-surface-2);border:var(--border-size-1) solid var(--lk-line);border-left:3px solid var(--lk-gold-deep)}
.lk-sa__box .i{color:var(--lk-gold);margin-top:.2em}
.lk-sa__box p{margin:0;font-size:.86rem;line-height:1.55;color:var(--lk-muted)}
.lk-sa__box b{color:var(--lk-ink)}

/* rhythm: every block after a block gets 1.25rem on top (paragraphs already carry their own bottom margin) */
.lk-page .lk-shell>:is(.lk-grid,.lk-tw,.lk-card,.lk-fig,.lk-tool,.lk-tiles,.lk-call,.lk-ticks,.lk-steps,.lk-dl,.lk-kr,.lk-swipe,.lk-myth,.lk-game)+:is(p,h3,div,ul,ol,figure,dl),.lk-page .lk-shell>:is(.lk-grid,.lk-tw,.lk-card,.lk-fig,.lk-tool,.lk-tiles,.lk-call,.lk-ticks,.lk-steps,.lk-dl,.lk-kr,.lk-swipe,.lk-myth,.lk-game)+script+:is(p,h3,div,ul,ol,figure,dl){margin-top:1.25rem}
.lk-tool>.lk-tw+*,.lk-tool>.lk-tw+script+*{margin-top:1rem}
/* sections own their vertical padding: the last block inside never adds a margin on top of it */
main .lk-sec>.lk-shell>:last-child,main .lk-sec>.lk-shell>:has(+script:last-child),main .lk-faq details:last-of-type{margin-bottom:0}
.lk-page .lk-shell>.lk-tw+.lk-swipe{margin-top:.5rem}
.lk-page .lk-shell>:is(ul,ol):not([class]) li{color:var(--lk-muted)}
.lk-page .lk-shell>p{color:var(--lk-muted)}
.lk-page .lk-shell>p strong,.lk-page .lk-shell>p b{color:var(--lk-ink)}
.lk-page h3{margin-top:var(--size-4)}
.lk-page .lk-card h3,.lk-page h2+h3{margin-top:0}

/* section figure (one per page) */
.lk-fig{margin-inline:auto;max-width:800px}
.lk-fig img{width:100%;height:auto;border-radius:var(--radius-3);border:var(--border-size-1) solid var(--lk-line)}
.lk-fig figcaption{text-align:center;font-size:var(--font-size-0);color:var(--lk-muted);margin-top:.5rem}

/* game tiles (catalogue art) */
.lk-tiles{list-style:none;margin:0;padding:0;display:grid;gap:var(--size-3);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px){.lk-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.lk-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}
.lk-tiles li{margin:0}
.lk-tiles a{display:block;text-decoration:none;color:var(--lk-ink)}
.lk-tiles img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-2);border:var(--border-size-1) solid var(--lk-line)}
.lk-tiles b{display:block;font-size:.88rem;line-height:1.3;margin-top:.45rem}
.lk-tiles span{display:block;font-size:var(--font-size-0);color:var(--lk-muted)}
.lk-game{display:grid;gap:var(--size-4);align-items:start}
.lk-game img{width:100%;max-width:260px;border-radius:var(--radius-3);border:var(--border-size-1) solid var(--lk-line)}
@media (min-width:640px){.lk-game{grid-template-columns:220px minmax(0,1fr)}}

/* callouts */
.lk-call{display:flex;gap:.7em;align-items:flex-start;padding:var(--size-3) var(--size-4);border-radius:var(--radius-2);
  background:rgba(235,209,151,.07);border:var(--border-size-1) solid rgba(235,209,151,.25);color:var(--lk-muted)}
.lk-call .i{color:var(--lk-gold);margin-top:.25em}
.lk-call p{margin:0}
.lk-call p+p{margin-top:1rem}
.lk-call strong{color:var(--lk-ink)}
.lk-call--blue{background:rgba(30,72,156,.14);border-color:rgba(30,72,156,.5)}

/* myths: claim / reality pairs */
.lk-myth{display:grid;gap:var(--size-3)}
.lk-myth>div{border:var(--border-size-1) solid var(--lk-line);border-radius:var(--radius-2);background:var(--lk-surface-2);padding:var(--size-3) var(--size-4)}
.lk-myth b{display:flex;gap:.5em;align-items:center;color:var(--lk-ink);margin-bottom:.35rem}
.lk-myth b .i{color:var(--lk-gold)}
.lk-myth p{margin:0;color:var(--lk-muted);font-size:.95rem}
@media (min-width:768px){.lk-myth{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* interactive tools: filter, sliders, calculator */
.lk-tool{border:var(--border-size-1) solid var(--lk-gold-deep);border-radius:var(--radius-3);background:var(--lk-surface-2);padding:var(--size-5)}
.lk-tool h3{display:flex;gap:.5em;align-items:center;margin-top:0}
.lk-tool h3 .i{color:var(--lk-gold)}
.lk-tool__row{display:grid;gap:var(--size-3);margin-bottom:var(--size-4)}
@media (min-width:640px){.lk-tool__row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
.lk-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--lk-muted)}
.lk-field output,.lk-field b{color:var(--lk-gold);font-weight:var(--font-weight-7)}
.lk-field select,.lk-field input[type=number]{font:inherit;color:var(--lk-ink);background:var(--lk-bg);border:var(--border-size-1) solid var(--lk-line);
  border-radius:var(--radius-2);padding:.55em .7em;min-height:42px;width:100%}
.lk-field input[type=range]{width:100%;accent-color:var(--lk-gold-deep)}
.lk-out{display:grid;gap:var(--size-3);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.lk-out{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lk-out>div{background:var(--lk-bg);border:var(--border-size-1) solid var(--lk-line-soft);border-radius:var(--radius-2);padding:.7rem .8rem}
.lk-out b{display:block;font-size:1.35rem;line-height:1.15;color:var(--lk-gold)}
.lk-out span{font-size:var(--font-size-0);color:var(--lk-muted)}
.lk-tool__note{font-size:var(--font-size-0);color:var(--lk-muted);margin:var(--size-3) 0 0}
.lk-chips{display:flex;flex-wrap:wrap;gap:var(--size-2);margin-bottom:var(--size-4)}
.lk-chips button{font:inherit;font-size:.85rem;cursor:pointer;padding:.45em .9em;min-height:38px;border-radius:var(--radius-round);
  background:transparent;color:var(--lk-muted);border:var(--border-size-1) solid var(--lk-line)}
.lk-chips button[aria-pressed="true"]{background:rgba(235,209,151,.14);color:var(--lk-gold);border-color:var(--lk-gold-deep)}
.lk-tool tr[hidden]{display:none}

/* Keep reading */
.lk-kr{display:grid;gap:var(--size-4)}
@media (min-width:640px){.lk-kr{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lk-kr__card{display:flex;flex-direction:column;gap:.35rem;padding:var(--size-4);border-radius:var(--radius-3);text-decoration:none;
  background:var(--lk-surface-2);border:var(--border-size-1) solid var(--lk-line);transition:border-color .2s var(--ease-2)}
@media (min-width:1024px){.lk-kr__card:hover{border-color:var(--lk-gold-deep)}}
.lk-kr__t{color:var(--lk-ink);font-weight:var(--font-weight-7);font-size:var(--font-size-2)}
.lk-kr__d{color:var(--lk-muted);font-size:.9rem}
.lk-kr__go{display:inline-flex;align-items:center;gap:.4em;color:var(--lk-gold);font-size:.85rem;margin-top:auto;padding-top:.3rem}

/* byline: small centred block above the footer, 20px equal padding */
.lk-byl{padding-block:20px}
.lk-byl__box{display:flex;justify-content:center;align-items:center;gap:.7rem;text-align:left;max-width:640px;margin-inline:auto}
.lk-byl__box img{width:32px;height:32px;border-radius:var(--radius-round);flex:none}
.lk-byl p{margin:0;font-size:.78rem;line-height:1.45;color:var(--lk-muted)}
.lk-byl__who{display:block;color:var(--lk-ink)}
.lk-byl__dates{display:block}

/* about: author card */
.lk-author{display:flex;gap:var(--size-4);align-items:flex-start}
.lk-author img{width:96px;height:96px;border-radius:var(--radius-round);flex:none}
@media (max-width:559px){.lk-author{flex-direction:column;align-items:center;text-align:center}}
@media (min-width:960px){.lk-kr--3{grid-template-columns:repeat(3,minmax(0,1fr))}}